/* [project]/app/globals.css [app-client] (css) */
@layer properties {
  @supports (((-webkit-hyphens: none)) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color: rgb(from red r g b)))) {
    :root, :host {
      --shimmer-angle: 20deg;
    }

    *, :before, :after, ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-scroll-snap-strictness: proximity;
      --tw-space-x-reverse: 0;
      --tw-border-style: solid;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --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-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0;
      --scroll-fade-t: 0px;
      --scroll-fade-b: 0px;
      --scroll-fade-s: 0px;
      --scroll-fade-e: 0px;
      --scroll-fade-mask: initial;
      --shimmer-image: initial;
      --shimmer-text-fill: initial;
    }
  }
}

@layer theme {
  :root, :host {
    --color-black: #000;
    --color-white: #fff;
    --spacing: .25rem;
    --container-xs: 20rem;
    --container-sm: 24rem;
    --container-lg: 32rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .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);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-tight: -.025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-normal: 1.5;
    --leading-relaxed: 1.625;
    --radius-xs: .125rem;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(.4, 0, .6, 1) infinite;
    --aspect-video: 16 / 9;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: Arial,Helvetica,sans-serif;
    --default-mono-font-family: "SFMono-Regular",Consolas,monospace;
    --color-border: var(--border);
  }
}

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

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0;
  }

  html, :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    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;
    -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 {
    vertical-align: baseline;
    font-size: 75%;
    line-height: 0;
    position: relative;
  }

  sub {
    bottom: -.25em;
  }

  sup {
    top: -.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 {
    vertical-align: middle;
    display: block;
  }

  img, video {
    max-width: 100%;
    height: auto;
  }

  button, input, select, optgroup, textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0;
  }

  :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)) {
      ::placeholder {
        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 {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0;
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }

  :-moz-ui-invalid {
    box-shadow: none;
  }

  button, input:where([type="button"], [type="reset"], [type="submit"]) {
    appearance: button;
  }

  ::file-selector-button {
    appearance: button;
  }

  ::-webkit-inner-spin-button {
    height: auto;
  }

  ::-webkit-outer-spin-button {
    height: auto;
  }

  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}

@layer components;

@layer utilities {
  .\@container\/card-header {
    container: card-header / inline-size;
  }

  .\@container\/field-group {
    container: field-group / inline-size;
  }

  .pointer-events-none {
    pointer-events: none;
  }

  .invisible {
    visibility: hidden;
  }

  .visible {
    visibility: visible;
  }

  .sr-only {
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    position: absolute;
    overflow: hidden;
  }

  .absolute {
    position: absolute;
  }

  .fixed {
    position: fixed;
  }

  .relative {
    position: relative;
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }

  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }

  .inset-s-1\/2 {
    inset-inline-start: 50%;
  }

  .start {
    inset-inline-start: var(--spacing);
  }

  .end {
    inset-inline-end: var(--spacing);
  }

  .-top-12 {
    top: calc(var(--spacing) * -12);
  }

  .top-0 {
    top: calc(var(--spacing) * 0);
  }

  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }

  .top-1\/2 {
    top: 50%;
  }

  .top-3\.5 {
    top: calc(var(--spacing) * 3.5);
  }

  .top-4 {
    top: calc(var(--spacing) * 4);
  }

  .top-\[1px\] {
    top: 1px;
  }

  .top-\[50\%\] {
    top: 50%;
  }

  .top-\[60\%\] {
    top: 60%;
  }

  .top-full {
    top: 100%;
  }

  .-right-12 {
    right: calc(var(--spacing) * -12);
  }

  .right-0 {
    right: calc(var(--spacing) * 0);
  }

  .right-1 {
    right: calc(var(--spacing) * 1);
  }

  .right-2 {
    right: calc(var(--spacing) * 2);
  }

  .right-3 {
    right: calc(var(--spacing) * 3);
  }

  .right-3\.5 {
    right: calc(var(--spacing) * 3.5);
  }

  .right-4 {
    right: calc(var(--spacing) * 4);
  }

  .-bottom-12 {
    bottom: calc(var(--spacing) * -12);
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }

  .-left-12 {
    left: calc(var(--spacing) * -12);
  }

  .left-0 {
    left: calc(var(--spacing) * 0);
  }

  .left-1\/2 {
    left: 50%;
  }

  .left-2 {
    left: calc(var(--spacing) * 2);
  }

  .left-3 {
    left: calc(var(--spacing) * 3);
  }

  .left-\[50\%\] {
    left: 50%;
  }

  .isolate {
    isolation: isolate;
  }

  .z-10 {
    z-index: 10;
  }

  .z-20 {
    z-index: 20;
  }

  .z-50 {
    z-index: 50;
  }

  .z-\[1\] {
    z-index: 1;
  }

  .order-first {
    order: -9999;
  }

  .order-last {
    order: 9999;
  }

  .col-start-2 {
    grid-column-start: 2;
  }

  .row-span-2 {
    grid-row: span 2 / span 2;
  }

  .row-start-1 {
    grid-row-start: 1;
  }

  .container {
    width: 100%;
  }

  @media (min-width: 40rem) {
    .container {
      max-width: 40rem;
    }
  }

  @media (min-width: 48rem) {
    .container {
      max-width: 48rem;
    }
  }

  @media (min-width: 64rem) {
    .container {
      max-width: 64rem;
    }
  }

  @media (min-width: 80rem) {
    .container {
      max-width: 80rem;
    }
  }

  @media (min-width: 96rem) {
    .container {
      max-width: 96rem;
    }
  }

  .m-0\! {
    margin: calc(var(--spacing) * 0) !important;
  }

  .-mx-1 {
    margin-inline: calc(var(--spacing) * -1);
  }

  .mx-2 {
    margin-inline: calc(var(--spacing) * 2);
  }

  .mx-3\.5 {
    margin-inline: calc(var(--spacing) * 3.5);
  }

  .mx-auto {
    margin-inline: auto;
  }

  .-my-2 {
    margin-block: calc(var(--spacing) * -2);
  }

  .my-0 {
    margin-block: calc(var(--spacing) * 0);
  }

  .my-0\.5 {
    margin-block: calc(var(--spacing) * .5);
  }

  .my-1 {
    margin-block: calc(var(--spacing) * 1);
  }

  .-mt-4 {
    margin-top: calc(var(--spacing) * -4);
  }

  .mt-0\.5 {
    margin-top: calc(var(--spacing) * .5);
  }

  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }

  .mt-auto {
    margin-top: auto;
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }

  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }

  .-ml-1 {
    margin-left: calc(var(--spacing) * -1);
  }

  .-ml-4 {
    margin-left: calc(var(--spacing) * -4);
  }

  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }

  .ml-4 {
    margin-left: calc(var(--spacing) * 4);
  }

  .ml-auto {
    margin-left: auto;
  }

  .line-clamp-1 {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .line-clamp-2 {
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

  .inline-flex {
    display: inline-flex;
  }

  .table {
    display: table;
  }

  .table-caption {
    display: table-caption;
  }

  .table-cell {
    display: table-cell;
  }

  .table-row {
    display: table-row;
  }

  .field-sizing-content {
    field-sizing: content;
  }

  .aspect-square {
    aspect-ratio: 1;
  }

  .aspect-video {
    aspect-ratio: var(--aspect-video);
  }

  .size-\(--cell-size\) {
    width: var(--cell-size);
    height: var(--cell-size);
  }

  .size-2 {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .size-2\.5 {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .size-3\.5 {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .size-6 {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .size-7 {
    width: calc(var(--spacing) * 7);
    height: calc(var(--spacing) * 7);
  }

  .size-8 {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }

  .size-10 {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .size-16 {
    width: calc(var(--spacing) * 16);
    height: calc(var(--spacing) * 16);
  }

  .size-auto {
    width: auto;
    height: auto;
  }

  .size-full {
    width: 100%;
    height: 100%;
  }

  .h-\(--cell-size\) {
    height: var(--cell-size);
  }

  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }

  .h-2 {
    height: calc(var(--spacing) * 2);
  }

  .h-2\.5 {
    height: calc(var(--spacing) * 2.5);
  }

  .h-4 {
    height: calc(var(--spacing) * 4);
  }

  .h-5 {
    height: calc(var(--spacing) * 5);
  }

  .h-6 {
    height: calc(var(--spacing) * 6);
  }

  .h-7 {
    height: calc(var(--spacing) * 7);
  }

  .h-8 {
    height: calc(var(--spacing) * 8);
  }

  .h-9 {
    height: calc(var(--spacing) * 9);
  }

  .h-10 {
    height: calc(var(--spacing) * 10);
  }

  .h-12 {
    height: calc(var(--spacing) * 12);
  }

  .h-\[calc\(--spacing\(5\.5\)\)\] {
    height: calc(calc(var(--spacing) * 5.5));
  }

  .h-\[calc\(100\%-1px\)\] {
    height: calc(100% - 1px);
  }

  .h-\[var\(--radix-navigation-menu-viewport-height\)\] {
    height: var(--radix-navigation-menu-viewport-height);
  }

  .h-\[var\(--radix-select-trigger-height\)\] {
    height: var(--radix-select-trigger-height);
  }

  .h-auto {
    height: auto;
  }

  .h-full {
    height: 100%;
  }

  .h-max {
    height: max-content;
  }

  .h-px {
    height: 1px;
  }

  .h-svh {
    height: 100svh;
  }

  .max-h-\(--radix-context-menu-content-available-height\) {
    max-height: var(--radix-context-menu-content-available-height);
  }

  .max-h-\(--radix-dropdown-menu-content-available-height\) {
    max-height: var(--radix-dropdown-menu-content-available-height);
  }

  .max-h-\(--radix-select-content-available-height\) {
    max-height: var(--radix-select-content-available-height);
  }

  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }

  .max-h-\[300px\] {
    max-height: 300px;
  }

  .max-h-\[min\(calc\(--spacing\(96\)---spacing\(9\)\)\,calc\(var\(--available-height\)---spacing\(9\)\)\)\] {
    max-height: min(calc(calc(var(--spacing) * 96) - calc(var(--spacing) * 9)), calc(var(--available-height) - calc(var(--spacing) * 9)));
  }

  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }

  .min-h-4 {
    min-height: calc(var(--spacing) * 4);
  }

  .min-h-9 {
    min-height: calc(var(--spacing) * 9);
  }

  .min-h-16 {
    min-height: calc(var(--spacing) * 16);
  }

  .min-h-full {
    min-height: 100%;
  }

  .min-h-svh {
    min-height: 100svh;
  }

  .w-\(--anchor-width\) {
    width: var(--anchor-width);
  }

  .w-\(--cell-size\) {
    width: var(--cell-size);
  }

  .w-\(--sidebar-width\) {
    width: var(--sidebar-width);
  }

  .w-0 {
    width: calc(var(--spacing) * 0);
  }

  .w-1 {
    width: calc(var(--spacing) * 1);
  }

  .w-2 {
    width: calc(var(--spacing) * 2);
  }

  .w-2\.5 {
    width: calc(var(--spacing) * 2.5);
  }

  .w-3 {
    width: calc(var(--spacing) * 3);
  }

  .w-3\/4 {
    width: 75%;
  }

  .w-4 {
    width: calc(var(--spacing) * 4);
  }

  .w-5 {
    width: calc(var(--spacing) * 5);
  }

  .w-9 {
    width: calc(var(--spacing) * 9);
  }

  .w-10 {
    width: calc(var(--spacing) * 10);
  }

  .w-24 {
    width: calc(var(--spacing) * 24);
  }

  .w-64 {
    width: calc(var(--spacing) * 64);
  }

  .w-72 {
    width: calc(var(--spacing) * 72);
  }

  .w-\[100px\] {
    width: 100px;
  }

  .w-auto {
    width: auto;
  }

  .w-fit {
    width: fit-content;
  }

  .w-full {
    width: 100%;
  }

  .w-max {
    width: max-content;
  }

  .w-px {
    width: 1px;
  }

  .max-w-\(--available-width\) {
    max-width: var(--available-width);
  }

  .max-w-\(--skeleton-width\) {
    max-width: var(--skeleton-width);
  }

  .max-w-\[80\%\] {
    max-width: 80%;
  }

  .max-w-\[calc\(100\%-2rem\)\] {
    max-width: calc(100% - 2rem);
  }

  .max-w-full {
    max-width: 100%;
  }

  .max-w-max {
    max-width: max-content;
  }

  .max-w-sm {
    max-width: var(--container-sm);
  }

  .min-w-\(--cell-size\) {
    min-width: var(--cell-size);
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }

  .min-w-5 {
    min-width: calc(var(--spacing) * 5);
  }

  .min-w-8 {
    min-width: calc(var(--spacing) * 8);
  }

  .min-w-9 {
    min-width: calc(var(--spacing) * 9);
  }

  .min-w-10 {
    min-width: calc(var(--spacing) * 10);
  }

  .min-w-16 {
    min-width: calc(var(--spacing) * 16);
  }

  .min-w-40 {
    min-width: calc(var(--spacing) * 40);
  }

  .min-w-\[8rem\] {
    min-width: 8rem;
  }

  .min-w-\[12rem\] {
    min-width: 12rem;
  }

  .min-w-\[calc\(var\(--anchor-width\)\+--spacing\(7\)\)\] {
    min-width: calc(var(--anchor-width) + calc(var(--spacing) * 7));
  }

  .min-w-\[var\(--radix-select-trigger-width\)\] {
    min-width: var(--radix-select-trigger-width);
  }

  .flex-1 {
    flex: 1;
  }

  .shrink-0 {
    flex-shrink: 0;
  }

  .grow {
    flex-grow: 1;
  }

  .grow-0 {
    flex-grow: 0;
  }

  .basis-full {
    flex-basis: 100%;
  }

  .caption-bottom {
    caption-side: bottom;
  }

  .border-collapse {
    border-collapse: collapse;
  }

  .origin-\(--radix-context-menu-content-transform-origin\) {
    transform-origin: var(--radix-context-menu-content-transform-origin);
  }

  .origin-\(--radix-dropdown-menu-content-transform-origin\) {
    transform-origin: var(--radix-dropdown-menu-content-transform-origin);
  }

  .origin-\(--radix-hover-card-content-transform-origin\) {
    transform-origin: var(--radix-hover-card-content-transform-origin);
  }

  .origin-\(--radix-menubar-content-transform-origin\) {
    transform-origin: var(--radix-menubar-content-transform-origin);
  }

  .origin-\(--radix-popover-content-transform-origin\) {
    transform-origin: var(--radix-popover-content-transform-origin);
  }

  .origin-\(--radix-select-content-transform-origin\) {
    transform-origin: var(--radix-select-content-transform-origin);
  }

  .origin-\(--radix-tooltip-content-transform-origin\) {
    transform-origin: var(--radix-tooltip-content-transform-origin);
  }

  .origin-\(--transform-origin\) {
    transform-origin: var(--transform-origin);
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-x-px {
    --tw-translate-x: -1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-\[-50\%\] {
    --tw-translate-x: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-x-px {
    --tw-translate-x: 1px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .-translate-y-3\/4 {
    --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-0\.5 {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-3\/4 {
    --tw-translate-y: calc(3 / 4 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[-50\%\] {
    --tw-translate-y: -50%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .translate-y-\[calc\(-50\%_-_2px\)\] {
    --tw-translate-y: calc(-50% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .rotate-45 {
    rotate: 45deg;
  }

  .rotate-90 {
    rotate: 90deg;
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, );
  }

  .scroll-fade-x {
    --_scroll-fade-size-s: var(--scroll-fade-s-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
    --_scroll-fade-size-e: var(--scroll-fade-e-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
    --scroll-fade-inline: linear-gradient(to right,
    transparent 0,
    #000 var(--scroll-fade-s, 0px),
    #000 calc(100% - var(--scroll-fade-e, 0px)),
    transparent 100%);
  }

  .scroll-fade-x:where([dir="rtl"], [dir="rtl"] *) {
    --scroll-fade-inline: linear-gradient(to left,
      transparent 0,
      #000 var(--scroll-fade-s, 0px),
      #000 calc(100% - var(--scroll-fade-e, 0px)),
      transparent 100%);
  }

  .scroll-fade-x {
    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
    -webkit-mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
    mask-image: var(--scroll-fade-mask, var(--scroll-fade-inline));
    -webkit-mask-composite: source-in;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  @supports (animation-timeline: scroll()) {
    .scroll-fade-x {
      animation: 1ms ease-in-out scroll-fade-reveal-s, 1ms ease-in-out scroll-fade-reveal-e;
      animation-timeline: scroll(self inline), scroll(self inline);
      animation-range: 0 var(--scroll-fade-reveal, calc(var(--spacing) * 24)), calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
      animation-fill-mode: both;
    }
  }

  @supports not (animation-timeline: scroll()) {
    .scroll-fade-x {
      --scroll-fade-s: var(--_scroll-fade-size-s);
      --scroll-fade-e: var(--_scroll-fade-size-e);
    }
  }

  .scroll-fade-b {
    --_scroll-fade-size-b: var(--scroll-fade-b-size, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
    --scroll-fade-mask: linear-gradient(to bottom,
    #000 0,
    #000 calc(100% - var(--scroll-fade-b, 0px)),
    transparent 100%);
    -webkit-mask-image: var(--scroll-fade-mask);
    -webkit-mask-image: var(--scroll-fade-mask);
    mask-image: var(--scroll-fade-mask);
    -webkit-mask-composite: source-in;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-composite: source-in;
    mask-composite: intersect;
  }

  @supports (animation-timeline: scroll()) {
    .scroll-fade-b {
      animation: 1ms ease-in-out scroll-fade-reveal-b;
      animation-timeline: scroll(self y);
      animation-range: calc(100% - var(--scroll-fade-reveal, calc(var(--spacing) * 24))) 100%;
      animation-fill-mode: both;
    }
  }

  @supports not (animation-timeline: scroll()) {
    .scroll-fade-b {
      --scroll-fade-b: var(--_scroll-fade-size-b);
    }
  }

  .animate-caret-blink {
    animation: 1.25s ease-out infinite caret-blink;
  }

  .animate-in {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .animate-pulse {
    animation: var(--animate-pulse);
  }

  .animate-spin {
    animation: var(--animate-spin);
  }

  .cursor-default {
    cursor: default;
  }

  .cursor-text {
    cursor: text;
  }

  .touch-none {
    touch-action: none;
  }

  .resize {
    resize: both;
  }

  .resize-none {
    resize: none;
  }

  .snap-x {
    scroll-snap-type: x var(--tw-scroll-snap-strictness);
  }

  .snap-mandatory {
    --tw-scroll-snap-strictness: mandatory;
  }

  .scroll-my-1 {
    scroll-margin-block: calc(var(--spacing) * 1);
  }

  .scroll-px-1 {
    scroll-padding-inline: calc(var(--spacing) * 1);
  }

  .scroll-py-1 {
    scroll-padding-block: calc(var(--spacing) * 1);
  }

  .list-disc {
    list-style-type: disc;
  }

  .list-none {
    list-style-type: none;
  }

  .appearance-none {
    appearance: none;
  }

  .auto-rows-min {
    grid-auto-rows: min-content;
  }

  .grid-cols-\[0_1fr\] {
    grid-template-columns: 0 1fr;
  }

  .grid-rows-\[auto_1fr\] {
    grid-template-rows: auto 1fr;
  }

  .grid-rows-\[auto_auto\] {
    grid-template-rows: auto auto;
  }

  .flex-col {
    flex-direction: column;
  }

  .flex-col-reverse {
    flex-direction: column-reverse;
  }

  .flex-row {
    flex-direction: row;
  }

  .flex-wrap {
    flex-wrap: wrap;
  }

  .place-content-center {
    place-content: center;
  }

  .place-items-center {
    place-items: center;
  }

  .items-center {
    align-items: center;
  }

  .items-end {
    align-items: flex-end;
  }

  .items-start {
    align-items: flex-start;
  }

  .items-stretch {
    align-items: stretch;
  }

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

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

  .justify-start {
    justify-content: flex-start;
  }

  .justify-items-start {
    justify-items: start;
  }

  .gap-0\.5 {
    gap: calc(var(--spacing) * .5);
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }

  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }

  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }

  .gap-7 {
    gap: calc(var(--spacing) * 7);
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8);
  }

  .gap-\[--spacing\(var\(--gap\)\)\] {
    gap: calc(var(--spacing) * var(--gap));
  }

  :where(.-space-x-2 > :not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * -2) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * -2) * calc(1 - var(--tw-space-x-reverse)));
  }

  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * .5);
  }

  .self-end {
    align-self: flex-end;
  }

  .self-start {
    align-self: flex-start;
  }

  .self-stretch {
    align-self: stretch;
  }

  .justify-self-end {
    justify-self: flex-end;
  }

  .truncate {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .overflow-auto {
    overflow: auto;
  }

  .overflow-hidden {
    overflow: hidden;
  }

  .overflow-x-auto {
    overflow-x: auto;
  }

  .overflow-x-hidden {
    overflow-x: hidden;
  }

  .overflow-y-auto {
    overflow-y: auto;
  }

  .overscroll-contain {
    overscroll-behavior: contain;
  }

  .overscroll-x-contain {
    overscroll-behavior-x: contain;
  }

  .rounded {
    border-radius: .25rem;
  }

  .rounded-\[2px\] {
    border-radius: 2px;
  }

  .rounded-\[4px\] {
    border-radius: 4px;
  }

  .rounded-\[calc\(var\(--radius\)-5px\)\] {
    border-radius: calc(var(--radius) - 5px);
  }

  .rounded-\[inherit\] {
    border-radius: inherit;
  }

  .rounded-full {
    border-radius: 3.40282e38px;
  }

  .rounded-lg {
    border-radius: var(--radius);
  }

  .rounded-md {
    border-radius: calc(var(--radius) - 2px);
  }

  .rounded-none {
    border-radius: 0;
  }

  .rounded-sm {
    border-radius: calc(var(--radius) - 4px);
  }

  .rounded-xl {
    border-radius: calc(var(--radius) + 4px);
  }

  .rounded-xs {
    border-radius: var(--radius-xs);
  }

  .rounded-l-md {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }

  .rounded-tl-sm {
    border-top-left-radius: calc(var(--radius) - 4px);
  }

  .rounded-r-md {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .border-\[1\.5px\] {
    border-style: var(--tw-border-style);
    border-width: 1.5px;
  }

  .border-y {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .border-none {
    --tw-border-style: none;
    border-style: none;
  }

  .border-\(--color-border\) {
    border-color: var(--color-border);
  }

  .border-border {
    border-color: var(--border);
  }

  .border-border\/50 {
    border-color: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .border-border\/50 {
      border-color: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .border-input {
    border-color: var(--input);
  }

  .border-primary {
    border-color: var(--primary);
  }

  .border-transparent {
    border-color: #0000;
  }

  .border-t-transparent {
    border-top-color: #0000;
  }

  .border-l-transparent {
    border-left-color: #0000;
  }

  .bg-\(--color-bg\) {
    background-color: var(--color-bg);
  }

  .bg-\[Canvas\] {
    background-color: canvas;
  }

  .bg-accent {
    background-color: var(--accent);
  }

  .bg-background {
    background-color: var(--background);
  }

  .bg-black\/50 {
    background-color: #00000080;
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-black\/50 {
      background-color: color-mix(in oklab, var(--color-black) 50%, transparent);
    }
  }

  .bg-border {
    background-color: var(--border);
  }

  .bg-card {
    background-color: var(--card);
  }

  .bg-destructive {
    background-color: var(--destructive);
  }

  .bg-foreground {
    background-color: var(--foreground);
  }

  .bg-input {
    background-color: var(--input);
  }

  .bg-muted {
    background-color: #edf1f5;
  }

  .bg-muted\/50 {
    background-color: #edf1f580;
    background-color: lab(94.9232% -.837266 -2.42451 / .5);
  }

  .bg-popover {
    background-color: var(--popover);
  }

  .bg-primary {
    background-color: var(--primary);
  }

  .bg-primary\/20 {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .bg-primary\/20 {
      background-color: color-mix(in oklab, var(--primary) 20%, transparent);
    }
  }

  .bg-secondary {
    background-color: var(--secondary);
  }

  .bg-transparent {
    background-color: #0000;
  }

  .bg-white {
    background-color: var(--color-white);
  }

  .bg-clip-padding {
    background-clip: padding-box;
  }

  .fill-current {
    fill: currentColor;
  }

  .fill-foreground {
    fill: var(--foreground);
  }

  .fill-primary {
    fill: var(--primary);
  }

  .p-0 {
    padding: calc(var(--spacing) * 0);
  }

  .p-1 {
    padding: calc(var(--spacing) * 1);
  }

  .p-2 {
    padding: calc(var(--spacing) * 2);
  }

  .p-3 {
    padding: calc(var(--spacing) * 3);
  }

  .p-4 {
    padding: calc(var(--spacing) * 4);
  }

  .p-6 {
    padding: calc(var(--spacing) * 6);
  }

  .p-\[3px\] {
    padding: 3px;
  }

  .p-px {
    padding: 1px;
  }

  .px-\(--cell-size\) {
    padding-inline: var(--cell-size);
  }

  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }

  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }

  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }

  .py-0\.5 {
    padding-block: calc(var(--spacing) * .5);
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }

  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }

  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }

  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }

  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }

  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }

  .pr-2 {
    padding-right: calc(var(--spacing) * 2);
  }

  .pr-2\.5 {
    padding-right: calc(var(--spacing) * 2.5);
  }

  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8);
  }

  .pr-9 {
    padding-right: calc(var(--spacing) * 9);
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }

  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }

  .pl-2 {
    padding-left: calc(var(--spacing) * 2);
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3);
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }

  .pl-8 {
    padding-left: calc(var(--spacing) * 8);
  }

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

  .text-left {
    text-align: left;
  }

  .align-middle {
    vertical-align: middle;
  }

  .font-mono {
    font-family: SFMono-Regular, Consolas, monospace;
  }

  .font-sans {
    font-family: Arial, Helvetica, sans-serif;
  }

  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .text-sm\/relaxed {
    font-size: var(--text-sm);
    line-height: var(--leading-relaxed);
  }

  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .text-\[0\.8rem\] {
    font-size: .8rem;
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }

  .leading-normal {
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
  }

  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }

  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }

  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }

  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }

  .text-balance {
    text-wrap: balance;
  }

  .break-words, .wrap-break-word {
    overflow-wrap: break-word;
  }

  .whitespace-nowrap {
    white-space: nowrap;
  }

  .text-\[CanvasText\] {
    color: canvastext;
  }

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

  .text-background {
    color: var(--background);
  }

  .text-card-foreground {
    color: var(--card-foreground);
  }

  .text-current {
    color: currentColor;
  }

  .text-destructive {
    color: var(--destructive);
  }

  .text-foreground {
    color: var(--foreground);
  }

  .text-foreground\/60 {
    color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .text-foreground\/60 {
      color: color-mix(in oklab, var(--foreground) 60%, transparent);
    }
  }

  .text-muted-foreground {
    color: var(--muted-foreground);
  }

  .text-popover-foreground {
    color: var(--popover-foreground);
  }

  .text-primary {
    color: var(--primary);
  }

  .text-primary-foreground {
    color: var(--primary-foreground);
  }

  .text-secondary-foreground {
    color: var(--secondary-foreground);
  }

  .text-white {
    color: var(--color-white);
  }

  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal, ) var(--tw-slashed-zero, ) var(--tw-numeric-figure, ) var(--tw-numeric-spacing, ) var(--tw-numeric-fraction, );
  }

  .underline-offset-4 {
    text-underline-offset: 4px;
  }

  .opacity-0 {
    opacity: 0;
  }

  .opacity-50 {
    opacity: .5;
  }

  .opacity-60 {
    opacity: .6;
  }

  .opacity-70 {
    opacity: .7;
  }

  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-\[0_0_0_1px_var\(--sidebar-border\)\] {
    --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-border));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, #0000001a), 0 4px 6px -4px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-none {
    --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);
  }

  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xl {
    --tw-shadow: 0 20px 25px -5px var(--tw-shadow-color, #0000001a), 0 8px 10px -6px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .ring-0 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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);
  }

  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + 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);
  }

  .ring-2 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + 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);
  }

  .ring-3 {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .ring-background {
    --tw-ring-color: var(--background);
  }

  .ring-card {
    --tw-ring-color: var(--card);
  }

  .ring-foreground\/10 {
    --tw-ring-color: var(--foreground);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-foreground\/10 {
      --tw-ring-color: color-mix(in oklab, var(--foreground) 10%, transparent);
    }
  }

  .ring-ring\/50 {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .ring-ring\/50 {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--background);
  }

  .outline-hidden {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .outline-hidden {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, );
  }

  .transition {
    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, 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));
  }

  .transition-\[color\,box-shadow\] {
    transition-property: color, box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[left\,right\,width\] {
    transition-property: left, right, width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[margin\,opacity\] {
    transition-property: margin, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[translate\,scale\,opacity\] {
    transition-property: translate, scale, opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\,height\,padding\] {
    transition-property: width, height, padding;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-shadow {
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .transition-none {
    transition-property: none;
  }

  .duration-100 {
    --tw-duration: .1s;
    transition-duration: .1s;
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .duration-1000 {
    --tw-duration: 1s;
    transition-duration: 1s;
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out);
  }

  .ease-linear {
    --tw-ease: linear;
    transition-timing-function: linear;
  }

  .contain-content {
    contain: content;
  }

  .fade-in-0 {
    --tw-enter-opacity: 0;
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }

  .zoom-in-95 {
    --tw-enter-scale: .95;
  }

  .\[--cell-size\:--spacing\(8\)\] {
    --cell-size: calc(var(--spacing) * 8);
  }

  .\[contain-intrinsic-size\:auto_10rem\] {
    contain-intrinsic-size: auto 10rem;
  }

  .\[content-visibility\:auto\] {
    content-visibility: auto;
  }

  .paused {
    animation-play-state: paused;
  }

  .running {
    animation-play-state: running;
  }

  .group-focus-within\/menu-item\:opacity-100:is(:where(.group\/menu-item):focus-within *) {
    opacity: 1;
  }

  @media (hover: hover) {
    .group-hover\/menu-item\:opacity-100:is(:where(.group\/menu-item):hover *) {
      opacity: 1;
    }
  }

  .group-has-data-\[sidebar\=menu-action\]\/menu-item\:pr-8:is(:where(.group\/menu-item):has([data-sidebar="menu-action"]) *) {
    padding-right: calc(var(--spacing) * 8);
  }

  .group-has-data-\[size\=lg\]\/avatar-group\:size-10:is(:where(.group\/avatar-group):has([data-size="lg"]) *) {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .group-has-data-\[size\=sm\]\/avatar-group\:size-6:is(:where(.group\/avatar-group):has([data-size="sm"]) *) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .group-has-data-\[slot\=combobox-clear\]\/input-group\:hidden:is(:where(.group\/input-group):has([data-slot="combobox-clear"]) *) {
    display: none;
  }

  .group-has-data-\[slot\=message-footer\]\/message\:-translate-y-8:is(:where(.group\/message):has([data-slot="message-footer"]) *) {
    --tw-translate-y: calc(var(--spacing) * -8);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-has-data-\[variant\=ghost\]\/message\:px-0:is(:where(.group\/message):has([data-variant="ghost"]) *) {
    padding-inline: calc(var(--spacing) * 0);
  }

  .group-has-\[\[data-orientation\=horizontal\]\]\/field\:text-balance:is(:where(.group\/field):has([data-orientation="horizontal"]) *) {
    text-wrap: balance;
  }

  .group-has-\[\[data-slot\=item-description\]\]\/item\:translate-y-0\.5:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-has-\[\[data-slot\=item-description\]\]\/item\:self-start:is(:where(.group\/item):has([data-slot="item-description"]) *) {
    align-self: flex-start;
  }

  .group-has-\[\>input\]\/input-group\:pt-2\.5:is(:where(.group\/input-group):has( > input) *) {
    padding-top: calc(var(--spacing) * 2.5);
  }

  .group-has-\[\>input\]\/input-group\:pb-2\.5:is(:where(.group\/input-group):has( > input) *) {
    padding-bottom: calc(var(--spacing) * 2.5);
  }

  .group-data-empty\/combobox-content\:flex:is(:where(.group\/combobox-content)[data-empty] *) {
    display: flex;
  }

  .group-data-\[align\=end\]\/bubble\:self-end:is(:where(.group\/bubble)[data-align="end"] *) {
    align-self: flex-end;
  }

  .group-data-\[align\=end\]\/message\:justify-end:is(:where(.group\/message)[data-align="end"] *) {
    justify-content: flex-end;
  }

  .group-data-\[align\=end\]\/message\:self-end:is(:where(.group\/message)[data-align="end"] *) {
    align-self: flex-end;
  }

  .group-data-\[collapsible\=icon\]\:-mt-8:is(:where(.group)[data-collapsible="icon"] *) {
    margin-top: calc(var(--spacing) * -8);
  }

  .group-data-\[collapsible\=icon\]\:hidden:is(:where(.group)[data-collapsible="icon"] *) {
    display: none;
  }

  .group-data-\[collapsible\=icon\]\:size-8\!:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--spacing) * 8) !important;
    height: calc(var(--spacing) * 8) !important;
  }

  .group-data-\[collapsible\=icon\]\:w-\(--sidebar-width-icon\):is(:where(.group)[data-collapsible="icon"] *) {
    width: var(--sidebar-width-icon);
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)));
  }

  .group-data-\[collapsible\=icon\]\:w-\[calc\(var\(--sidebar-width-icon\)\+\(--spacing\(4\)\)\+2px\)\]:is(:where(.group)[data-collapsible="icon"] *) {
    width: calc(var(--sidebar-width-icon) + (calc(var(--spacing) * 4)) + 2px);
  }

  .group-data-\[collapsible\=icon\]\:overflow-hidden:is(:where(.group)[data-collapsible="icon"] *) {
    overflow: hidden;
  }

  .group-data-\[collapsible\=icon\]\:p-0\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 0) !important;
  }

  .group-data-\[collapsible\=icon\]\:p-2\!:is(:where(.group)[data-collapsible="icon"] *) {
    padding: calc(var(--spacing) * 2) !important;
  }

  .group-data-\[collapsible\=icon\]\:opacity-0:is(:where(.group)[data-collapsible="icon"] *) {
    opacity: 0;
  }

  .group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    right: calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--sidebar-width\)\*-1\)\]:is(:where(.group)[data-collapsible="offcanvas"] *) {
    left: calc(var(--sidebar-width) * -1);
  }

  .group-data-\[collapsible\=offcanvas\]\:w-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    width: calc(var(--spacing) * 0);
  }

  .group-data-\[collapsible\=offcanvas\]\:translate-x-0:is(:where(.group)[data-collapsible="offcanvas"] *) {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled="true"] *) {
    pointer-events: none;
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[disabled\=true\]\/field\:opacity-50:is(:where(.group\/field)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[disabled\=true\]\/input-group\:opacity-50:is(:where(.group\/input-group)[data-disabled="true"] *) {
    opacity: .5;
  }

  .group-data-\[focused\=true\]\/day\:relative:is(:where(.group\/day)[data-focused="true"] *) {
    position: relative;
  }

  .group-data-\[focused\=true\]\/day\:z-10:is(:where(.group\/day)[data-focused="true"] *) {
    z-index: 10;
  }

  .group-data-\[focused\=true\]\/day\:border-ring:is(:where(.group\/day)[data-focused="true"] *) {
    border-color: var(--ring);
  }

  .group-data-\[focused\=true\]\/day\:ring-\[3px\]:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[focused\=true\]\/day\:ring-ring\/50:is(:where(.group\/day)[data-focused="true"] *) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:h-9:is(:where(.group\/tabs)[data-orientation="horizontal"] *) {
    height: calc(var(--spacing) * 9);
  }

  .group-data-\[orientation\=vertical\]\/attachment\:absolute:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    position: absolute;
  }

  .group-data-\[orientation\=vertical\]\/attachment\:top-3:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    top: calc(var(--spacing) * 3);
  }

  .group-data-\[orientation\=vertical\]\/attachment\:right-3:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    right: calc(var(--spacing) * 3);
  }

  .group-data-\[orientation\=vertical\]\/attachment\:w-full:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    width: 100%;
  }

  .group-data-\[orientation\=vertical\]\/attachment\:gap-1:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    gap: calc(var(--spacing) * 1);
  }

  .group-data-\[orientation\=vertical\]\/attachment\:px-1:is(:where(.group\/attachment)[data-orientation="vertical"] *) {
    padding-inline: calc(var(--spacing) * 1);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:h-fit:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    height: fit-content;
  }

  .group-data-\[orientation\=vertical\]\/tabs\:w-full:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    width: 100%;
  }

  .group-data-\[orientation\=vertical\]\/tabs\:flex-col:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    flex-direction: column;
  }

  .group-data-\[orientation\=vertical\]\/tabs\:justify-start:is(:where(.group\/tabs)[data-orientation="vertical"] *) {
    justify-content: flex-start;
  }

  .group-data-\[side\=left\]\:-right-4:is(:where(.group)[data-side="left"] *) {
    right: calc(var(--spacing) * -4);
  }

  .group-data-\[side\=left\]\:border-r:is(:where(.group)[data-side="left"] *) {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .group-data-\[side\=right\]\:left-0:is(:where(.group)[data-side="right"] *) {
    left: calc(var(--spacing) * 0);
  }

  .group-data-\[side\=right\]\:rotate-180:is(:where(.group)[data-side="right"] *) {
    rotate: 180deg;
  }

  .group-data-\[side\=right\]\:border-l:is(:where(.group)[data-side="right"] *) {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .group-data-\[size\=default\]\/avatar\:size-2\.5:is(:where(.group\/avatar)[data-size="default"] *) {
    width: calc(var(--spacing) * 2.5);
    height: calc(var(--spacing) * 2.5);
  }

  .group-data-\[size\=default\]\/switch\:size-4:is(:where(.group\/switch)[data-size="default"] *) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .group-data-\[size\=lg\]\/avatar\:size-3:is(:where(.group\/avatar)[data-size="lg"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=sm\]\/alert-dialog-content\:grid:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
    display: grid;
  }

  .group-data-\[size\=sm\]\/alert-dialog-content\:grid-cols-2:is(:where(.group\/alert-dialog-content)[data-size="sm"] *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .group-data-\[size\=sm\]\/attachment\:w-8:is(:where(.group\/attachment)[data-size="sm"] *) {
    width: calc(var(--spacing) * 8);
  }

  .group-data-\[size\=sm\]\/avatar\:size-2:is(:where(.group\/avatar)[data-size="sm"] *) {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=sm\]\/avatar\:text-xs:is(:where(.group\/avatar)[data-size="sm"] *) {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .group-data-\[size\=sm\]\/switch\:size-3:is(:where(.group\/switch)[data-size="sm"] *) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=xs\]\/attachment\:w-7:is(:where(.group\/attachment)[data-size="xs"] *) {
    width: calc(var(--spacing) * 7);
  }

  .group-data-\[size\=xs\]\/attachment\:rounded-md:is(:where(.group\/attachment)[data-size="xs"] *) {
    border-radius: calc(var(--radius) - 2px);
  }

  .group-data-\[state\=done\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state="done"] *) {
    opacity: 1;
  }

  .group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state="error"] *) {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[state\=error\]\/attachment\:bg-destructive\/10:is(:where(.group\/attachment)[data-state="error"] *) {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .group-data-\[state\=error\]\/attachment\:text-destructive:is(:where(.group\/attachment)[data-state="error"] *) {
    color: var(--destructive);
  }

  .group-data-\[state\=error\]\/attachment\:text-destructive\/80:is(:where(.group\/attachment)[data-state="error"] *) {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[state\=error\]\/attachment\:text-destructive\/80:is(:where(.group\/attachment)[data-state="error"] *) {
      color: color-mix(in oklab, var(--destructive) 80%, transparent);
    }
  }

  .group-data-\[state\=idle\]\/attachment\:opacity-100:is(:where(.group\/attachment)[data-state="idle"] *) {
    opacity: 1;
  }

  .group-data-\[state\=open\]\:rotate-180:is(:where(.group)[data-state="open"] *) {
    rotate: 180deg;
  }

  .group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state="processing"] *) {
    --_spread: var(--shimmer-spread, calc(3ch + 40px));
    --_base: currentColor;
    --_highlight: var(--shimmer-color, oklch(from currentColor l c h / calc(alpha* .2)));
    background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state="processing"] *) {
      background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));
    }
  }

  .group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state="processing"] *) {
    background-repeat: no-repeat;
    background-size: calc(200% + var(--_spread) * 2) 100%;
    -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
    animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
    background-position: 0 0;
    -webkit-background-clip: text;
    background-clip: text;
  }

  @media (prefers-color-scheme: dark) {
    .group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state="processing"] *) {
      --_highlight: var(--shimmer-color, oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)));
    }
  }

  .group-data-\[state\=processing\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state="processing"] *):where([dir="rtl"], [dir="rtl"] *) {
    animation-direction: reverse;
  }

  .group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state="uploading"] *) {
    --_spread: var(--shimmer-spread, calc(3ch + 40px));
    --_base: currentColor;
    --_highlight: var(--shimmer-color, oklch(from currentColor l c h / calc(alpha* .2)));
    background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), var(--_highlight) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, var(--_highlight) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));
  }

  @supports (color: color-mix(in lab, red, red)) {
    .group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state="uploading"] *) {
      background-image: var(--shimmer-image, linear-gradient(calc(90deg + var(--shimmer-angle)), var(--_base) calc(50% - var(--_spread)), color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% - var(--_spread) * .5), var(--_highlight) 50%, color-mix(in oklch, var(--_highlight), var(--_base) 50%) calc(50% + var(--_spread) * .5), var(--_base) calc(50% + var(--_spread))));
    }
  }

  .group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state="uploading"] *) {
    background-repeat: no-repeat;
    background-size: calc(200% + var(--_spread) * 2) 100%;
    -webkit-text-fill-color: var(--shimmer-text-fill, transparent);
    animation: tw-shimmer var(--shimmer-duration, 2s) linear infinite;
    background-position: 0 0;
    -webkit-background-clip: text;
    background-clip: text;
  }

  @media (prefers-color-scheme: dark) {
    .group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state="uploading"] *) {
      --_highlight: var(--shimmer-color, oklch(from currentColor max(.8, calc(l + .4)) c h / calc(alpha + .4)));
    }
  }

  .group-data-\[state\=uploading\]\/attachment\:shimmer:is(:where(.group\/attachment)[data-state="uploading"] *):where([dir="rtl"], [dir="rtl"] *) {
    animation-direction: reverse;
  }

  .group-data-\[variant\=floating\]\:rounded-lg:is(:where(.group)[data-variant="floating"] *) {
    border-radius: var(--radius);
  }

  .group-data-\[variant\=floating\]\:border:is(:where(.group)[data-variant="floating"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .group-data-\[variant\=floating\]\:shadow-sm:is(:where(.group)[data-variant="floating"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=line\]\/tabs-list\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *) {
    background-color: #0000;
  }

  .group-data-\[variant\=outline\]\/field-group\:-mb-2:is(:where(.group\/field-group)[data-variant="outline"] *) {
    margin-bottom: calc(var(--spacing) * -2);
  }

  .group-data-\[variant\=separator\]\/marker\:flex-none:is(:where(.group\/marker)[data-variant="separator"] *) {
    flex: none;
  }

  .group-data-\[variant\=separator\]\/marker\:text-center:is(:where(.group\/marker)[data-variant="separator"] *) {
    text-align: center;
  }

  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:block:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
    display: block;
  }

  .group-data-\[vaul-drawer-direction\=bottom\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="bottom"] *) {
    text-align: center;
  }

  .group-data-\[vaul-drawer-direction\=top\]\/drawer-content\:text-center:is(:where(.group\/drawer-content)[data-vaul-drawer-direction="top"] *) {
    text-align: center;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:top-full:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    top: 100%;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:mt-1\.5:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    margin-top: calc(var(--spacing) * 1.5);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:overflow-hidden:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    overflow: hidden;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:rounded-md:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    border-radius: calc(var(--radius) - 2px);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:border:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:bg-popover:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    background-color: var(--popover);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:text-popover-foreground:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    color: var(--popover-foreground);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:shadow:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:duration-200:is(:where(.group\/navigation-menu)[data-viewport="false"] *) {
    --tw-duration: .2s;
    transition-duration: .2s;
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled ~ *) {
    cursor: not-allowed;
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled ~ *) {
    opacity: .5;
  }

  .peer-data-\[size\=default\]\/menu-button\:top-1\.5:is(:where(.peer\/menu-button)[data-size="default"] ~ *) {
    top: calc(var(--spacing) * 1.5);
  }

  .peer-data-\[size\=lg\]\/menu-button\:top-2\.5:is(:where(.peer\/menu-button)[data-size="lg"] ~ *) {
    top: calc(var(--spacing) * 2.5);
  }

  .peer-data-\[size\=sm\]\/menu-button\:top-1:is(:where(.peer\/menu-button)[data-size="sm"] ~ *) {
    top: calc(var(--spacing) * 1);
  }

  .selection\:bg-primary ::selection, .selection\:bg-primary::selection {
    background-color: var(--primary);
  }

  .selection\:text-primary-foreground ::selection, .selection\:text-primary-foreground::selection {
    color: var(--primary-foreground);
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex;
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7);
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000;
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground);
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground);
  }

  .before\:mr-1:before {
    content: var(--tw-content);
    margin-right: calc(var(--spacing) * 1);
  }

  .before\:h-px:before {
    content: var(--tw-content);
    height: 1px;
  }

  .before\:min-w-0:before {
    content: var(--tw-content);
    min-width: calc(var(--spacing) * 0);
  }

  .before\:flex-1:before {
    content: var(--tw-content);
    flex: 1;
  }

  .before\:bg-border:before {
    content: var(--tw-content);
    background-color: var(--border);
  }

  .after\:absolute:after {
    content: var(--tw-content);
    position: absolute;
  }

  .after\:-inset-2:after {
    content: var(--tw-content);
    inset: calc(var(--spacing) * -2);
  }

  .after\:inset-y-0:after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .after\:left-1\/2:after {
    content: var(--tw-content);
    left: 50%;
  }

  .after\:ml-1:after {
    content: var(--tw-content);
    margin-left: calc(var(--spacing) * 1);
  }

  .after\:h-px:after {
    content: var(--tw-content);
    height: 1px;
  }

  .after\:w-1:after {
    content: var(--tw-content);
    width: calc(var(--spacing) * 1);
  }

  .after\:w-\[2px\]:after {
    content: var(--tw-content);
    width: 2px;
  }

  .after\:min-w-0:after {
    content: var(--tw-content);
    min-width: calc(var(--spacing) * 0);
  }

  .after\:flex-1:after {
    content: var(--tw-content);
    flex: 1;
  }

  .after\:-translate-x-1\/2:after {
    content: var(--tw-content);
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .after\:bg-border:after {
    content: var(--tw-content);
    background-color: var(--border);
  }

  .after\:bg-foreground:after {
    content: var(--tw-content);
    background-color: var(--foreground);
  }

  .after\:opacity-0:after {
    content: var(--tw-content);
    opacity: 0;
  }

  .after\:transition-opacity:after {
    content: var(--tw-content);
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .group-data-\[collapsible\=offcanvas\]\:after\:left-full:is(:where(.group)[data-collapsible="offcanvas"] *):after {
    content: var(--tw-content);
    left: 100%;
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:after\:inset-x-0:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
    content: var(--tw-content);
    inset-inline: calc(var(--spacing) * 0);
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:after\:bottom-\[-5px\]:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
    content: var(--tw-content);
    bottom: -5px;
  }

  .group-data-\[orientation\=horizontal\]\/tabs\:after\:h-0\.5:is(:where(.group\/tabs)[data-orientation="horizontal"] *):after {
    content: var(--tw-content);
    height: calc(var(--spacing) * .5);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:after\:inset-y-0:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
    content: var(--tw-content);
    inset-block: calc(var(--spacing) * 0);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:after\:-right-1:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
    content: var(--tw-content);
    right: calc(var(--spacing) * -1);
  }

  .group-data-\[orientation\=vertical\]\/tabs\:after\:w-0\.5:is(:where(.group\/tabs)[data-orientation="vertical"] *):after {
    content: var(--tw-content);
    width: calc(var(--spacing) * .5);
  }

  .first\:rounded-l-md:first-child {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }

  .first\:border-l:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .last\:mt-0:last-child {
    margin-top: calc(var(--spacing) * 0);
  }

  .last\:rounded-r-md:last-child {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }

  .last\:border-b-0:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .focus-within\:border-ring:focus-within {
    border-color: var(--ring);
  }

  .focus-within\:ring-1:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + 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-within\:ring-\[3px\]:focus-within {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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-within\:ring-ring\/50:focus-within {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-within\:ring-ring\/50:focus-within {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-accent:hover {
      background-color: var(--accent);
    }
  }

  @media (hover: hover) {
    .hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted:hover {
      background-color: #edf1f5;
    }
  }

  @media (hover: hover) {
    .hover\:bg-muted\/50:hover {
      background-color: #edf1f580;
      background-color: lab(94.9232% -.837266 -2.42451 / .5);
    }
  }

  @media (hover: hover) {
    .hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:bg-secondary\/80:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .hover\:bg-secondary\/80:hover {
        background-color: color-mix(in oklab, var(--secondary) 80%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }
  }

  @media (hover: hover) {
    .hover\:text-foreground:hover {
      color: var(--foreground);
    }
  }

  @media (hover: hover) {
    .hover\:text-muted-foreground:hover {
      color: var(--muted-foreground);
    }
  }

  @media (hover: hover) {
    .hover\:underline:hover {
      text-decoration-line: underline;
    }
  }

  @media (hover: hover) {
    .hover\:opacity-100:hover {
      opacity: 1;
    }
  }

  @media (hover: hover) {
    .hover\:shadow-\[0_0_0_1px_var\(--sidebar-accent\)\]:hover {
      --tw-shadow: 0 0 0 1px var(--tw-shadow-color, var(--sidebar-accent));
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (hover: hover) {
    .hover\:ring-4:hover {
      --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\:z-10:focus {
    z-index: 10;
  }

  .focus\:bg-accent:focus {
    background-color: var(--accent);
  }

  .focus\:text-accent-foreground:focus {
    color: var(--accent-foreground);
  }

  .focus\:ring-2:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + 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\:ring-ring:focus {
    --tw-ring-color: var(--ring);
  }

  .focus\:ring-offset-2:focus {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus\:outline-hidden:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus\:outline-hidden:focus {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-visible\:z-10:focus-visible {
    z-index: 10;
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring);
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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-visible\:ring-1:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(1px + 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-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + 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-visible\:ring-4:focus-visible {
    --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-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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-visible\:ring-destructive\/20:focus-visible {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-destructive\/20:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .focus-visible\:ring-ring:focus-visible {
    --tw-ring-color: var(--ring);
  }

  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .focus-visible\:ring-offset-1:focus-visible {
    --tw-ring-offset-width: 1px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }

  .focus-visible\:outline-hidden:focus-visible {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .focus-visible\:outline-hidden:focus-visible {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .focus-visible\:outline-1:focus-visible {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }

  .focus-visible\:outline-ring:focus-visible {
    outline-color: var(--ring);
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none;
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed;
  }

  .disabled\:opacity-50:disabled {
    opacity: .5;
  }

  :where([data-side="left"]) .in-data-\[side\=left\]\:cursor-w-resize {
    cursor: w-resize;
  }

  :where([data-side="right"]) .in-data-\[side\=right\]\:cursor-e-resize {
    cursor: e-resize;
  }

  .has-focus\:border-ring:has(:focus) {
    border-color: var(--ring);
  }

  .has-focus\:ring-\[3px\]:has(:focus) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .has-focus\:ring-ring\/50:has(:focus) {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-focus\:ring-ring\/50:has(:focus) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .has-disabled\:pointer-events-none:has(:disabled) {
    pointer-events: none;
  }

  .has-disabled\:cursor-not-allowed:has(:disabled) {
    cursor: not-allowed;
  }

  .has-disabled\:opacity-50:has(:disabled) {
    opacity: .5;
  }

  .has-aria-expanded\:bg-muted\/50:has([aria-expanded="true"]) {
    background-color: #edf1f580;
    background-color: lab(94.9232% -.837266 -2.42451 / .5);
  }

  .has-aria-invalid\:border-destructive:has([aria-invalid="true"]) {
    border-color: var(--destructive);
  }

  .has-aria-invalid\:ring-\[3px\]:has([aria-invalid="true"]) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .has-aria-invalid\:ring-destructive\/20:has([aria-invalid="true"]) {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-aria-invalid\:ring-destructive\/20:has([aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_auto_1fr\]:has([data-slot="alert-dialog-media"]) {
    grid-template-rows: auto auto 1fr;
  }

  .has-data-\[slot\=alert-dialog-media\]\:gap-x-6:has([data-slot="alert-dialog-media"]) {
    column-gap: calc(var(--spacing) * 6);
  }

  .has-data-\[slot\=attachment-content\]\:w-30:has([data-slot="attachment-content"]) {
    width: calc(var(--spacing) * 30);
  }

  .has-data-\[slot\=attachment-content\]\:px-1\.5:has([data-slot="attachment-content"]) {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .has-data-\[slot\=attachment-content\]\:px-2:has([data-slot="attachment-content"]) {
    padding-inline: calc(var(--spacing) * 2);
  }

  .has-data-\[slot\=attachment-content\]\:px-2\.5:has([data-slot="attachment-content"]) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .has-data-\[slot\=attachment-content\]\:py-1:has([data-slot="attachment-content"]) {
    padding-block: calc(var(--spacing) * 1);
  }

  .has-data-\[slot\=attachment-content\]\:py-1\.5:has([data-slot="attachment-content"]) {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .has-data-\[slot\=attachment-content\]\:py-2:has([data-slot="attachment-content"]) {
    padding-block: calc(var(--spacing) * 2);
  }

  .has-data-\[slot\=attachment-media\]\:p-1:has([data-slot="attachment-media"]) {
    padding: calc(var(--spacing) * 1);
  }

  .has-data-\[slot\=attachment-media\]\:p-1\.5:has([data-slot="attachment-media"]) {
    padding: calc(var(--spacing) * 1.5);
  }

  .has-data-\[slot\=attachment-media\]\:p-2:has([data-slot="attachment-media"]) {
    padding: calc(var(--spacing) * 2);
  }

  .has-data-\[slot\=card-action\]\:grid-cols-\[1fr_auto\]:has([data-slot="card-action"]) {
    grid-template-columns: 1fr auto;
  }

  .has-data-\[slot\=combobox-chip\]\:px-1\.5:has([data-slot="combobox-chip"]) {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .has-data-\[slot\=combobox-chip-remove\]\:pr-0:has([data-slot="combobox-chip-remove"]) {
    padding-right: calc(var(--spacing) * 0);
  }

  .has-data-\[state\=checked\]\:border-primary:has([data-state="checked"]) {
    border-color: var(--primary);
  }

  .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]) {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-data-\[state\=checked\]\:bg-primary\/5:has([data-state="checked"]) {
      background-color: color-mix(in oklab, var(--primary) 5%, transparent);
    }
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:border-ring:has([data-slot="input-group-control"]:focus-visible) {
    border-color: var(--ring);
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-\[3px\]:has([data-slot="input-group-control"]:focus-visible) {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\[data-slot\=input-group-control\]\:focus-visible\]\:ring-ring\/50:has([data-slot="input-group-control"]:focus-visible) {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:border-destructive:has([data-slot][aria-invalid="true"]) {
    border-color: var(--destructive);
  }

  .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/20:has([data-slot][aria-invalid="true"]) {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .has-\[button\]\:p-0:has(:is(button)) {
    padding: calc(var(--spacing) * 0);
  }

  .has-\[select\:disabled\]\:opacity-50:has(:is(select:disabled)) {
    opacity: .5;
  }

  .has-\[\>\[data-align\=block-end\]\]\:h-auto:has( > [data-align="block-end"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-end\]\]\:flex-col:has( > [data-align="block-end"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-align\=block-start\]\]\:h-auto:has( > [data-align="block-start"]) {
    height: auto;
  }

  .has-\[\>\[data-align\=block-start\]\]\:flex-col:has( > [data-align="block-start"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-slot\=button-group\]\]\:gap-2:has( > [data-slot="button-group"]) {
    gap: calc(var(--spacing) * 2);
  }

  .has-\[\>\[data-slot\=checkbox-group\]\]\:gap-3:has( > [data-slot="checkbox-group"]) {
    gap: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
    align-items: flex-start;
  }

  .has-\[\>\[data-slot\=field\]\]\:w-full:has( > [data-slot="field"]) {
    width: 100%;
  }

  .has-\[\>\[data-slot\=field\]\]\:flex-col:has( > [data-slot="field"]) {
    flex-direction: column;
  }

  .has-\[\>\[data-slot\=field\]\]\:rounded-md:has( > [data-slot="field"]) {
    border-radius: calc(var(--radius) - 2px);
  }

  .has-\[\>\[data-slot\=field\]\]\:border:has( > [data-slot="field"]) {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }

  .has-\[\>\[data-slot\=radio-group\]\]\:gap-3:has( > [data-slot="radio-group"]) {
    gap: calc(var(--spacing) * 3);
  }

  @media (hover: hover) {
    .has-\[\>a\,\>button\]\:hover\:bg-muted\/50:has( > a,  > button):hover {
      background-color: #edf1f580;
      background-color: lab(94.9232% -.837266 -2.42451 / .5);
    }
  }

  .has-\[\>button\]\:mr-\[-0\.45rem\]:has( > button) {
    margin-right: -.45rem;
  }

  .has-\[\>button\]\:ml-\[-0\.45rem\]:has( > button) {
    margin-left: -.45rem;
  }

  .has-\[\>kbd\]\:mr-\[-0\.35rem\]:has( > kbd) {
    margin-right: -.35rem;
  }

  .has-\[\>kbd\]\:ml-\[-0\.35rem\]:has( > kbd) {
    margin-left: -.35rem;
  }

  .has-\[\>svg\]\:grid-cols-\[calc\(var\(--spacing\)\*4\)_1fr\]:has( > svg) {
    grid-template-columns: calc(var(--spacing) * 4) 1fr;
  }

  .has-\[\>svg\]\:gap-x-3:has( > svg) {
    column-gap: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:p-0:has( > svg) {
    padding: calc(var(--spacing) * 0);
  }

  .has-\[\>svg\]\:px-1\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 1.5);
  }

  .has-\[\>svg\]\:px-2:has( > svg) {
    padding-inline: calc(var(--spacing) * 2);
  }

  .has-\[\>svg\]\:px-2\.5:has( > svg) {
    padding-inline: calc(var(--spacing) * 2.5);
  }

  .has-\[\>svg\]\:px-3:has( > svg) {
    padding-inline: calc(var(--spacing) * 3);
  }

  .has-\[\>svg\]\:px-4:has( > svg) {
    padding-inline: calc(var(--spacing) * 4);
  }

  .has-\[\>textarea\]\:h-auto:has( > textarea) {
    height: auto;
  }

  .aria-disabled\:pointer-events-none[aria-disabled="true"] {
    pointer-events: none;
  }

  .aria-disabled\:opacity-50[aria-disabled="true"] {
    opacity: .5;
  }

  .aria-invalid\:border-destructive[aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .aria-invalid\:ring-destructive\/20[aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .aria-selected\:text-muted-foreground[aria-selected="true"] {
    color: var(--muted-foreground);
  }

  .aria-\[orientation\=horizontal\]\:h-px[aria-orientation="horizontal"] {
    height: 1px;
  }

  .aria-\[orientation\=horizontal\]\:w-full[aria-orientation="horizontal"] {
    width: 100%;
  }

  .aria-\[orientation\=horizontal\]\:after\:left-0[aria-orientation="horizontal"]:after {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0);
  }

  .aria-\[orientation\=horizontal\]\:after\:h-1[aria-orientation="horizontal"]:after {
    content: var(--tw-content);
    height: calc(var(--spacing) * 1);
  }

  .aria-\[orientation\=horizontal\]\:after\:w-full[aria-orientation="horizontal"]:after {
    content: var(--tw-content);
    width: 100%;
  }

  .aria-\[orientation\=horizontal\]\:after\:translate-x-0[aria-orientation="horizontal"]:after {
    content: var(--tw-content);
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .aria-\[orientation\=horizontal\]\:after\:-translate-y-1\/2[aria-orientation="horizontal"]:after {
    content: var(--tw-content);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .aria-\[orientation\=vertical\]\:flex-col[aria-orientation="vertical"] {
    flex-direction: column;
  }

  .data-empty\:p-0[data-empty] {
    padding: calc(var(--spacing) * 0);
  }

  .data-highlighted\:bg-accent[data-highlighted] {
    background-color: var(--accent);
  }

  .data-highlighted\:text-accent-foreground[data-highlighted] {
    color: var(--accent-foreground);
  }

  .data-pressed\:bg-transparent[data-pressed] {
    background-color: #0000;
  }

  :is(.group-data-\[align\=end\]\/message\:\*\:data-slot\:self-end:is(:where(.group\/message)[data-align="end"] *) > *)[data-slot] {
    align-self: flex-end;
  }

  .data-\[active\=false\]\:pointer-events-none[data-active="false"] {
    pointer-events: none;
  }

  .data-\[active\=false\]\:scale-95[data-active="false"] {
    --tw-scale-x: 95%;
    --tw-scale-y: 95%;
    --tw-scale-z: 95%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-\[active\=false\]\:opacity-0[data-active="false"] {
    opacity: 0;
  }

  .data-\[active\=false\]\:duration-400[data-active="false"] {
    --tw-duration: .4s;
    transition-duration: .4s;
  }

  .data-\[active\=false\]\:ease-\[cubic-bezier\(0\.7\,0\,0\.84\,0\)\][data-active="false"] {
    --tw-ease: cubic-bezier(.7,0,.84,0);
    transition-timing-function: cubic-bezier(.7, 0, .84, 0);
  }

  .data-\[active\=true\]\:z-10[data-active="true"] {
    z-index: 10;
  }

  .data-\[active\=true\]\:translate-y-0[data-active="true"] {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[active\=true\]\:scale-100[data-active="true"] {
    --tw-scale-x: 100%;
    --tw-scale-y: 100%;
    --tw-scale-z: 100%;
    scale: var(--tw-scale-x) var(--tw-scale-y);
  }

  .data-\[active\=true\]\:border-ring[data-active="true"] {
    border-color: var(--ring);
  }

  .data-\[active\=true\]\:bg-accent\/50[data-active="true"] {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:bg-accent\/50[data-active="true"] {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }

  .data-\[active\=true\]\:font-medium[data-active="true"] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .data-\[active\=true\]\:text-accent-foreground[data-active="true"] {
    color: var(--accent-foreground);
  }

  .data-\[active\=true\]\:opacity-100[data-active="true"] {
    opacity: 1;
  }

  .data-\[active\=true\]\:ring-\[3px\][data-active="true"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .data-\[active\=true\]\:ring-ring\/50[data-active="true"] {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:ring-ring\/50[data-active="true"] {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  .data-\[active\=true\]\:ease-\[cubic-bezier\(0\.23\,1\,0\.32\,1\)\][data-active="true"] {
    --tw-ease: cubic-bezier(.23,1,.32,1);
    transition-timing-function: cubic-bezier(.23, 1, .32, 1);
  }

  @media (hover: hover) {
    .data-\[active\=true\]\:hover\:bg-accent[data-active="true"]:hover {
      background-color: var(--accent);
    }
  }

  .data-\[active\=true\]\:focus\:bg-accent[data-active="true"]:focus {
    background-color: var(--accent);
  }

  .data-\[active\=true\]\:aria-invalid\:border-destructive[data-active="true"][aria-invalid="true"] {
    border-color: var(--destructive);
  }

  .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"] {
    --tw-ring-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[active\=true\]\:aria-invalid\:ring-destructive\/20[data-active="true"][aria-invalid="true"] {
      --tw-ring-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .data-\[align\=end\]\:flex-row-reverse[data-align="end"] {
    flex-direction: row-reverse;
  }

  .data-\[align\=end\]\:self-end[data-align="end"] {
    align-self: flex-end;
  }

  .data-\[chips\=true\]\:min-w-\(--anchor-width\)[data-chips="true"] {
    min-width: var(--anchor-width);
  }

  .data-\[direction\=end\]\:bottom-4[data-direction="end"] {
    bottom: calc(var(--spacing) * 4);
  }

  .data-\[direction\=end\]\:data-\[active\=false\]\:translate-y-full[data-direction="end"][data-active="false"] {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[direction\=start\]\:top-4[data-direction="start"] {
    top: calc(var(--spacing) * 4);
  }

  .data-\[direction\=start\]\:data-\[active\=false\]\:-translate-y-full[data-direction="start"][data-active="false"] {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[disabled\]\:pointer-events-none[data-disabled] {
    pointer-events: none;
  }

  .data-\[disabled\]\:opacity-50[data-disabled] {
    opacity: .5;
  }

  .data-\[disabled\=true\]\:pointer-events-none[data-disabled="true"] {
    pointer-events: none;
  }

  .data-\[disabled\=true\]\:opacity-50[data-disabled="true"] {
    opacity: .5;
  }

  .data-\[error\=true\]\:text-destructive[data-error="true"] {
    color: var(--destructive);
  }

  .data-\[inset\]\:pl-8[data-inset] {
    padding-left: calc(var(--spacing) * 8);
  }

  .data-\[invalid\=true\]\:text-destructive[data-invalid="true"] {
    color: var(--destructive);
  }

  .data-\[motion\=from-end\]\:slide-in-from-right-52[data-motion="from-end"] {
    --tw-enter-translate-x: calc(52*var(--spacing));
  }

  .data-\[motion\=from-start\]\:slide-in-from-left-52[data-motion="from-start"] {
    --tw-enter-translate-x: calc(52*var(--spacing)*-1);
  }

  .data-\[motion\=to-end\]\:slide-out-to-right-52[data-motion="to-end"] {
    --tw-exit-translate-x: calc(52*var(--spacing));
  }

  .data-\[motion\=to-start\]\:slide-out-to-left-52[data-motion="to-start"] {
    --tw-exit-translate-x: calc(52*var(--spacing)*-1);
  }

  .data-\[motion\^\=from-\]\:animate-in[data-motion^="from-"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[motion\^\=from-\]\:fade-in[data-motion^="from-"] {
    --tw-enter-opacity: 0;
  }

  .data-\[motion\^\=to-\]\:animate-out[data-motion^="to-"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[motion\^\=to-\]\:fade-out[data-motion^="to-"] {
    --tw-exit-opacity: 0;
  }

  .data-\[orientation\=horizontal\]\:h-1\.5[data-orientation="horizontal"] {
    height: calc(var(--spacing) * 1.5);
  }

  .data-\[orientation\=horizontal\]\:h-full[data-orientation="horizontal"] {
    height: 100%;
  }

  .data-\[orientation\=horizontal\]\:h-px[data-orientation="horizontal"] {
    height: 1px;
  }

  .data-\[orientation\=horizontal\]\:w-full[data-orientation="horizontal"] {
    width: 100%;
  }

  .data-\[orientation\=horizontal\]\:flex-col[data-orientation="horizontal"] {
    flex-direction: column;
  }

  .data-\[orientation\=vertical\]\:h-auto[data-orientation="vertical"] {
    height: auto;
  }

  .data-\[orientation\=vertical\]\:h-full[data-orientation="vertical"] {
    height: 100%;
  }

  .data-\[orientation\=vertical\]\:min-h-44[data-orientation="vertical"] {
    min-height: calc(var(--spacing) * 44);
  }

  .data-\[orientation\=vertical\]\:w-1\.5[data-orientation="vertical"] {
    width: calc(var(--spacing) * 1.5);
  }

  .data-\[orientation\=vertical\]\:w-auto[data-orientation="vertical"] {
    width: auto;
  }

  .data-\[orientation\=vertical\]\:w-full[data-orientation="vertical"] {
    width: 100%;
  }

  .data-\[orientation\=vertical\]\:w-px[data-orientation="vertical"] {
    width: 1px;
  }

  .data-\[orientation\=vertical\]\:flex-col[data-orientation="vertical"] {
    flex-direction: column;
  }

  .data-\[placeholder\]\:text-muted-foreground[data-placeholder] {
    color: var(--muted-foreground);
  }

  .data-\[range-end\=true\]\:rounded-md[data-range-end="true"] {
    border-radius: calc(var(--radius) - 2px);
  }

  .data-\[range-end\=true\]\:rounded-r-md[data-range-end="true"] {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }

  .data-\[range-end\=true\]\:bg-primary[data-range-end="true"] {
    background-color: var(--primary);
  }

  .data-\[range-end\=true\]\:text-primary-foreground[data-range-end="true"] {
    color: var(--primary-foreground);
  }

  .data-\[range-middle\=true\]\:rounded-none[data-range-middle="true"] {
    border-radius: 0;
  }

  .data-\[range-middle\=true\]\:bg-accent[data-range-middle="true"] {
    background-color: var(--accent);
  }

  .data-\[range-middle\=true\]\:text-accent-foreground[data-range-middle="true"] {
    color: var(--accent-foreground);
  }

  .data-\[range-start\=true\]\:rounded-md[data-range-start="true"] {
    border-radius: calc(var(--radius) - 2px);
  }

  .data-\[range-start\=true\]\:rounded-l-md[data-range-start="true"] {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }

  .data-\[range-start\=true\]\:bg-primary[data-range-start="true"] {
    background-color: var(--primary);
  }

  .data-\[range-start\=true\]\:text-primary-foreground[data-range-start="true"] {
    color: var(--primary-foreground);
  }

  .data-\[selected-single\=true\]\:bg-primary[data-selected-single="true"] {
    background-color: var(--primary);
  }

  .data-\[selected-single\=true\]\:text-primary-foreground[data-selected-single="true"] {
    color: var(--primary-foreground);
  }

  .data-\[selected\=true\]\:rounded-none[data-selected="true"] {
    border-radius: 0;
  }

  .data-\[selected\=true\]\:bg-accent[data-selected="true"] {
    background-color: var(--accent);
  }

  .data-\[selected\=true\]\:text-accent-foreground[data-selected="true"] {
    color: var(--accent-foreground);
  }

  .data-\[side\=bottom\]\:translate-y-1[data-side="bottom"] {
    --tw-translate-y: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=bottom\]\:slide-in-from-top-2[data-side="bottom"] {
    --tw-enter-translate-y: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=left\]\:-translate-x-1[data-side="left"] {
    --tw-translate-x: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=left\]\:slide-in-from-right-2[data-side="left"] {
    --tw-enter-translate-x: calc(2*var(--spacing));
  }

  .data-\[side\=right\]\:translate-x-1[data-side="right"] {
    --tw-translate-x: calc(var(--spacing) * 1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=right\]\:slide-in-from-left-2[data-side="right"] {
    --tw-enter-translate-x: calc(2*var(--spacing)*-1);
  }

  .data-\[side\=top\]\:-translate-y-1[data-side="top"] {
    --tw-translate-y: calc(var(--spacing) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[side\=top\]\:slide-in-from-bottom-2[data-side="top"] {
    --tw-enter-translate-y: calc(2*var(--spacing));
  }

  .data-\[size\=default\]\:h-9[data-size="default"] {
    height: calc(var(--spacing) * 9);
  }

  .data-\[size\=default\]\:h-\[1\.15rem\][data-size="default"] {
    height: 1.15rem;
  }

  .data-\[size\=default\]\:w-8[data-size="default"] {
    width: calc(var(--spacing) * 8);
  }

  .data-\[size\=lg\]\:size-10[data-size="lg"] {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
  }

  .data-\[size\=sm\]\:size-6[data-size="sm"] {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .data-\[size\=sm\]\:h-3\.5[data-size="sm"] {
    height: calc(var(--spacing) * 3.5);
  }

  .data-\[size\=sm\]\:h-8[data-size="sm"] {
    height: calc(var(--spacing) * 8);
  }

  .data-\[size\=sm\]\:w-6[data-size="sm"] {
    width: calc(var(--spacing) * 6);
  }

  .data-\[size\=sm\]\:max-w-xs[data-size="sm"] {
    max-width: var(--container-xs);
  }

  .data-\[size\=sm\]\:py-1[data-size="sm"] {
    padding-block: calc(var(--spacing) * 1);
  }

  :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
    color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=alert-description\]\:text-destructive\/90 > *)[data-slot="alert-description"] {
      color: color-mix(in oklab, var(--destructive) 90%, transparent);
    }
  }

  :is(.\*\:data-\[slot\=attachment\]\:flex-none > *)[data-slot="attachment"] {
    flex: none;
  }

  :is(.\*\:data-\[slot\=attachment\]\:snap-start > *)[data-slot="attachment"] {
    scroll-snap-align: start;
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-2 > *)[data-slot="avatar"] {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + 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);
  }

  :is(.\*\:data-\[slot\=avatar\]\:ring-background > *)[data-slot="avatar"] {
    --tw-ring-color: var(--background);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:rounded-none > *)[data-slot="bubble-content"] {
    border-radius: 0;
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:border-border > *)[data-slot="bubble-content"] {
    border-color: var(--border);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.93_calc\(c\*0\.4\)_h\)\] > *)[data-slot="bubble-content"] {
    background-color: oklch(from var(--primary) .93 calc(c * .4) h);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:bg-background > *)[data-slot="bubble-content"] {
    background-color: var(--background);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10 > *)[data-slot="bubble-content"] {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=bubble-content\]\:bg-destructive\/10 > *)[data-slot="bubble-content"] {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:bg-muted > *)[data-slot="bubble-content"] {
    background-color: #edf1f5;
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:bg-primary > *)[data-slot="bubble-content"] {
    background-color: var(--primary);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:bg-secondary > *)[data-slot="bubble-content"] {
    background-color: var(--secondary);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:bg-transparent > *)[data-slot="bubble-content"] {
    background-color: #0000;
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:p-0 > *)[data-slot="bubble-content"] {
    padding: calc(var(--spacing) * 0);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:text-destructive > *)[data-slot="bubble-content"] {
    color: var(--destructive);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:text-foreground > *)[data-slot="bubble-content"] {
    color: var(--foreground);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:text-primary-foreground > *)[data-slot="bubble-content"] {
    color: var(--primary-foreground);
  }

  :is(.\*\:data-\[slot\=bubble-content\]\:text-secondary-foreground > *)[data-slot="bubble-content"] {
    color: var(--secondary-foreground);
  }

  .data-\[slot\=checkbox-group\]\:gap-3[data-slot="checkbox-group"] {
    gap: calc(var(--spacing) * 3);
  }

  :is(.\*\*\:data-\[slot\=command-input-wrapper\]\:h-12 *)[data-slot="command-input-wrapper"] {
    height: calc(var(--spacing) * 12);
  }

  :is(.\*\:data-\[slot\=input-group\]\:m-1 > *)[data-slot="input-group"] {
    margin: calc(var(--spacing) * 1);
  }

  :is(.\*\:data-\[slot\=input-group\]\:mb-0 > *)[data-slot="input-group"] {
    margin-bottom: calc(var(--spacing) * 0);
  }

  :is(.\*\:data-\[slot\=input-group\]\:h-8 > *)[data-slot="input-group"] {
    height: calc(var(--spacing) * 8);
  }

  :is(.\*\:data-\[slot\=input-group\]\:border-input\/30 > *)[data-slot="input-group"] {
    border-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=input-group\]\:border-input\/30 > *)[data-slot="input-group"] {
      border-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(.\*\:data-\[slot\=input-group\]\:bg-input\/30 > *)[data-slot="input-group"] {
    background-color: var(--input);
  }

  @supports (color: color-mix(in lab, red, red)) {
    :is(.\*\:data-\[slot\=input-group\]\:bg-input\/30 > *)[data-slot="input-group"] {
      background-color: color-mix(in oklab, var(--input) 30%, transparent);
    }
  }

  :is(.\*\:data-\[slot\=input-group\]\:shadow-none > *)[data-slot="input-group"] {
    --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);
  }

  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:ring-0 *)[data-slot="navigation-menu-link"]:focus {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + 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);
  }

  :is(.\*\*\:data-\[slot\=navigation-menu-link\]\:focus\:outline-none *)[data-slot="navigation-menu-link"]:focus {
    --tw-outline-style: none;
    outline-style: none;
  }

  :is(.\*\:data-\[slot\=select-value\]\:line-clamp-1 > *)[data-slot="select-value"] {
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    overflow: hidden;
  }

  :is(.\*\:data-\[slot\=select-value\]\:flex > *)[data-slot="select-value"] {
    display: flex;
  }

  :is(.\*\:data-\[slot\=select-value\]\:items-center > *)[data-slot="select-value"] {
    align-items: center;
  }

  :is(.\*\:data-\[slot\=select-value\]\:gap-2 > *)[data-slot="select-value"] {
    gap: calc(var(--spacing) * 2);
  }

  :is(.group-data-\[orientation\=vertical\]\/attachment\:\*\:data-\[slot\=spinner\]\:size-6\!:is(:where(.group\/attachment)[data-orientation="vertical"] *) > *)[data-slot="spinner"] {
    width: calc(var(--spacing) * 6) !important;
    height: calc(var(--spacing) * 6) !important;
  }

  .data-\[spacing\=0\]\:rounded-none[data-spacing="0"] {
    border-radius: 0;
  }

  .data-\[spacing\=0\]\:shadow-none[data-spacing="0"] {
    --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);
  }

  .data-\[spacing\=0\]\:first\:rounded-l-md[data-spacing="0"]:first-child {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }

  .data-\[spacing\=0\]\:last\:rounded-r-md[data-spacing="0"]:last-child {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }

  .data-\[state\=active\]\:bg-background[data-state="active"] {
    background-color: var(--background);
  }

  .data-\[state\=active\]\:text-foreground[data-state="active"] {
    color: var(--foreground);
  }

  .group-data-\[variant\=default\]\/tabs-list\:data-\[state\=active\]\:shadow-sm:is(:where(.group\/tabs-list)[data-variant="default"] *)[data-state="active"] {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
    background-color: #0000;
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:shadow-none:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
    --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);
  }

  .group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:after\:opacity-100:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"]:after {
    content: var(--tw-content);
    opacity: 1;
  }

  .data-\[state\=checked\]\:translate-x-\[calc\(100\%-2px\)\][data-state="checked"] {
    --tw-translate-x: calc(100% - 2px);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=checked\]\:border-primary[data-state="checked"] {
    border-color: var(--primary);
  }

  .data-\[state\=checked\]\:bg-primary[data-state="checked"] {
    background-color: var(--primary);
  }

  .data-\[state\=checked\]\:text-primary-foreground[data-state="checked"] {
    color: var(--primary-foreground);
  }

  .data-\[state\=closed\]\:animate-accordion-up[data-state="closed"] {
    animation: accordion-up var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:animate-out[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=closed\]\:duration-300[data-state="closed"] {
    --tw-duration: .3s;
    transition-duration: .3s;
  }

  .data-\[state\=closed\]\:fade-out-0[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=closed\]\:zoom-out-95[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=closed\]\:slide-out-to-bottom[data-state="closed"] {
    --tw-exit-translate-y: 100%;
  }

  .data-\[state\=closed\]\:slide-out-to-left[data-state="closed"] {
    --tw-exit-translate-x: -100%;
  }

  .data-\[state\=closed\]\:slide-out-to-right[data-state="closed"] {
    --tw-exit-translate-x: 100%;
  }

  .data-\[state\=closed\]\:slide-out-to-top[data-state="closed"] {
    --tw-exit-translate-y: -100%;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:animate-out:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:fade-out-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    --tw-exit-opacity: 0;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=closed\]\:zoom-out-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="closed"] {
    --tw-exit-scale: .95;
  }

  .data-\[state\=error\]\:border-destructive\/30[data-state="error"] {
    border-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=error\]\:border-destructive\/30[data-state="error"] {
      border-color: color-mix(in oklab, var(--destructive) 30%, transparent);
    }
  }

  .data-\[state\=hidden\]\:animate-out[data-state="hidden"] {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=hidden\]\:fade-out[data-state="hidden"] {
    --tw-exit-opacity: 0;
  }

  .data-\[state\=idle\]\:border-dashed[data-state="idle"] {
    --tw-border-style: dashed;
    border-style: dashed;
  }

  .data-\[state\=on\]\:bg-accent[data-state="on"] {
    background-color: var(--accent);
  }

  .data-\[state\=on\]\:text-accent-foreground[data-state="on"] {
    color: var(--accent-foreground);
  }

  .data-\[state\=open\]\:animate-accordion-down[data-state="open"] {
    animation: accordion-down var(--tw-animation-duration, var(--tw-duration, .2s))var(--tw-ease, ease-out)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:animate-in[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=open\]\:bg-accent[data-state="open"] {
    background-color: var(--accent);
  }

  .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
    background-color: var(--accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[state\=open\]\:bg-accent\/50[data-state="open"] {
      background-color: color-mix(in oklab, var(--accent) 50%, transparent);
    }
  }

  .data-\[state\=open\]\:bg-secondary[data-state="open"] {
    background-color: var(--secondary);
  }

  .data-\[state\=open\]\:text-accent-foreground[data-state="open"] {
    color: var(--accent-foreground);
  }

  .data-\[state\=open\]\:text-muted-foreground[data-state="open"] {
    color: var(--muted-foreground);
  }

  .data-\[state\=open\]\:opacity-100[data-state="open"] {
    opacity: 1;
  }

  .data-\[state\=open\]\:duration-500[data-state="open"] {
    --tw-duration: .5s;
    transition-duration: .5s;
  }

  .data-\[state\=open\]\:fade-in-0[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .data-\[state\=open\]\:zoom-in-90[data-state="open"] {
    --tw-enter-scale: .9;
  }

  .data-\[state\=open\]\:zoom-in-95[data-state="open"] {
    --tw-enter-scale: .95;
  }

  .data-\[state\=open\]\:slide-in-from-bottom[data-state="open"] {
    --tw-enter-translate-y: 100%;
  }

  .data-\[state\=open\]\:slide-in-from-left[data-state="open"] {
    --tw-enter-translate-x: -100%;
  }

  .data-\[state\=open\]\:slide-in-from-right[data-state="open"] {
    --tw-enter-translate-x: 100%;
  }

  .data-\[state\=open\]\:slide-in-from-top[data-state="open"] {
    --tw-enter-translate-y: -100%;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:animate-in:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:fade-in-0:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    --tw-enter-opacity: 0;
  }

  .group-data-\[viewport\=false\]\/navigation-menu\:data-\[state\=open\]\:zoom-in-95:is(:where(.group\/navigation-menu)[data-viewport="false"] *)[data-state="open"] {
    --tw-enter-scale: .95;
  }

  @media (hover: hover) {
    .data-\[state\=open\]\:hover\:bg-accent[data-state="open"]:hover {
      background-color: var(--accent);
    }
  }

  .data-\[state\=open\]\:focus\:bg-accent[data-state="open"]:focus {
    background-color: var(--accent);
  }

  .data-\[state\=selected\]\:bg-muted[data-state="selected"] {
    background-color: #edf1f5;
  }

  .data-\[state\=unchecked\]\:translate-x-0[data-state="unchecked"] {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .data-\[state\=unchecked\]\:bg-input[data-state="unchecked"] {
    background-color: var(--input);
  }

  .data-\[state\=visible\]\:animate-in[data-state="visible"] {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-\[state\=visible\]\:fade-in[data-state="visible"] {
    --tw-enter-opacity: 0;
  }

  .data-\[variant\=destructive\]\:text-destructive[data-variant="destructive"] {
    color: var(--destructive);
  }

  .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .data-\[variant\=destructive\]\:focus\:bg-destructive\/10[data-variant="destructive"]:focus {
      background-color: color-mix(in oklab, var(--destructive) 10%, transparent);
    }
  }

  .data-\[variant\=destructive\]\:focus\:text-destructive[data-variant="destructive"]:focus {
    color: var(--destructive);
  }

  .data-\[variant\=ghost\]\:max-w-full[data-variant="ghost"] {
    max-width: 100%;
  }

  .data-\[variant\=label\]\:text-sm[data-variant="label"] {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .data-\[variant\=legend\]\:text-base[data-variant="legend"] {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }

  .data-\[variant\=line\]\:rounded-none[data-variant="line"] {
    border-radius: 0;
  }

  .data-\[spacing\=0\]\:data-\[variant\=outline\]\:border-l-0[data-spacing="0"][data-variant="outline"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .data-\[spacing\=0\]\:data-\[variant\=outline\]\:first\:border-l[data-spacing="0"][data-variant="outline"]:first-child {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[spacing\=default\]\:data-\[variant\=outline\]\:shadow-xs[data-spacing="default"][data-variant="outline"] {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:inset-x-0[data-vaul-drawer-direction="bottom"] {
    inset-inline: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:bottom-0[data-vaul-drawer-direction="bottom"] {
    bottom: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:mt-24[data-vaul-drawer-direction="bottom"] {
    margin-top: calc(var(--spacing) * 24);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:max-h-\[80vh\][data-vaul-drawer-direction="bottom"] {
    max-height: 80vh;
  }

  .data-\[vaul-drawer-direction\=bottom\]\:rounded-t-lg[data-vaul-drawer-direction="bottom"] {
    border-top-left-radius: var(--radius);
    border-top-right-radius: var(--radius);
  }

  .data-\[vaul-drawer-direction\=bottom\]\:border-t[data-vaul-drawer-direction="bottom"] {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }

  .data-\[vaul-drawer-direction\=left\]\:inset-y-0[data-vaul-drawer-direction="left"] {
    inset-block: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=left\]\:left-0[data-vaul-drawer-direction="left"] {
    left: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=left\]\:w-3\/4[data-vaul-drawer-direction="left"] {
    width: 75%;
  }

  .data-\[vaul-drawer-direction\=left\]\:border-r[data-vaul-drawer-direction="left"] {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }

  .data-\[vaul-drawer-direction\=right\]\:inset-y-0[data-vaul-drawer-direction="right"] {
    inset-block: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=right\]\:right-0[data-vaul-drawer-direction="right"] {
    right: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=right\]\:w-3\/4[data-vaul-drawer-direction="right"] {
    width: 75%;
  }

  .data-\[vaul-drawer-direction\=right\]\:border-l[data-vaul-drawer-direction="right"] {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }

  .data-\[vaul-drawer-direction\=top\]\:inset-x-0[data-vaul-drawer-direction="top"] {
    inset-inline: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=top\]\:top-0[data-vaul-drawer-direction="top"] {
    top: calc(var(--spacing) * 0);
  }

  .data-\[vaul-drawer-direction\=top\]\:mb-24[data-vaul-drawer-direction="top"] {
    margin-bottom: calc(var(--spacing) * 24);
  }

  .data-\[vaul-drawer-direction\=top\]\:max-h-\[80vh\][data-vaul-drawer-direction="top"] {
    max-height: 80vh;
  }

  .data-\[vaul-drawer-direction\=top\]\:rounded-b-lg[data-vaul-drawer-direction="top"] {
    border-bottom-right-radius: var(--radius);
    border-bottom-left-radius: var(--radius);
  }

  .data-\[vaul-drawer-direction\=top\]\:border-b[data-vaul-drawer-direction="top"] {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .nth-last-2\:-mt-1:nth-last-child(2) {
    margin-top: calc(var(--spacing) * -1);
  }

  @media (min-width: 40rem) {
    .sm\:block {
      display: block;
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex {
      display: flex;
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-lg {
      max-width: var(--container-lg);
    }
  }

  @media (min-width: 40rem) {
    .sm\:max-w-sm {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 40rem) {
    .sm\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 40rem) {
    .sm\:justify-end {
      justify-content: flex-end;
    }
  }

  @media (min-width: 40rem) {
    .sm\:gap-2\.5 {
      gap: calc(var(--spacing) * 2.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pr-2\.5 {
      padding-right: calc(var(--spacing) * 2.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:pl-2\.5 {
      padding-left: calc(var(--spacing) * 2.5);
    }
  }

  @media (min-width: 40rem) {
    .sm\:text-left {
      text-align: left;
    }
  }

  @media (min-width: 40rem) {
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:row-span-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      grid-row: span 2 / span 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:place-items-start:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      place-items: start;
    }
  }

  @media (min-width: 40rem) {
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:text-left:is(:where(.group\/alert-dialog-content)[data-size="default"] *) {
      text-align: left;
    }
  }

  @media (min-width: 40rem) {
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:group-has-data-\[slot\=alert-dialog-media\]\/alert-dialog-content\:col-start-2:is(:where(.group\/alert-dialog-content)[data-size="default"] *):is(:where(.group\/alert-dialog-content):has([data-slot="alert-dialog-media"]) *) {
      grid-column-start: 2;
    }
  }

  @media (min-width: 40rem) {
    .sm\:group-data-\[size\=default\]\/alert-dialog-content\:has-data-\[slot\=alert-dialog-media\]\:grid-rows-\[auto_1fr\]:is(:where(.group\/alert-dialog-content)[data-size="default"] *):has([data-slot="alert-dialog-media"]) {
      grid-template-rows: auto 1fr;
    }
  }

  @media (min-width: 40rem) {
    .data-\[size\=default\]\:sm\:max-w-lg[data-size="default"] {
      max-width: var(--container-lg);
    }
  }

  @media (min-width: 40rem) {
    .data-\[vaul-drawer-direction\=left\]\:sm\:max-w-sm[data-vaul-drawer-direction="left"] {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 40rem) {
    .data-\[vaul-drawer-direction\=right\]\:sm\:max-w-sm[data-vaul-drawer-direction="right"] {
      max-width: var(--container-sm);
    }
  }

  @media (min-width: 48rem) {
    .md\:absolute {
      position: absolute;
    }
  }

  @media (min-width: 48rem) {
    .md\:block {
      display: block;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex {
      display: flex;
    }
  }

  @media (min-width: 48rem) {
    .md\:w-\[var\(--radix-navigation-menu-viewport-width\)\] {
      width: var(--radix-navigation-menu-viewport-width);
    }
  }

  @media (min-width: 48rem) {
    .md\:w-auto {
      width: auto;
    }
  }

  @media (min-width: 48rem) {
    .md\:flex-row {
      flex-direction: row;
    }
  }

  @media (min-width: 48rem) {
    .md\:gap-1\.5 {
      gap: calc(var(--spacing) * 1.5);
    }
  }

  @media (min-width: 48rem) {
    .md\:p-12 {
      padding: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 48rem) {
    .md\:text-left {
      text-align: left;
    }
  }

  @media (min-width: 48rem) {
    .md\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  @media (min-width: 48rem) {
    .md\:opacity-0 {
      opacity: 0;
    }
  }

  @media (min-width: 48rem) {
    .md\:peer-data-\[variant\=inset\]\:m-2:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 48rem) {
    .md\:peer-data-\[variant\=inset\]\:ml-0:is(:where(.peer)[data-variant="inset"] ~ *) {
      margin-left: calc(var(--spacing) * 0);
    }
  }

  @media (min-width: 48rem) {
    .md\:peer-data-\[variant\=inset\]\:rounded-xl:is(:where(.peer)[data-variant="inset"] ~ *) {
      border-radius: calc(var(--radius) + 4px);
    }
  }

  @media (min-width: 48rem) {
    .md\:peer-data-\[variant\=inset\]\:shadow-sm:is(:where(.peer)[data-variant="inset"] ~ *) {
      --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, #0000001a), 0 1px 2px -1px var(--tw-shadow-color, #0000001a);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }

  @media (min-width: 48rem) {
    .md\:peer-data-\[variant\=inset\]\:peer-data-\[state\=collapsed\]\:ml-2:is(:where(.peer)[data-variant="inset"] ~ *):is(:where(.peer)[data-state="collapsed"] ~ *) {
      margin-left: calc(var(--spacing) * 2);
    }
  }

  @media (min-width: 48rem) {
    .md\:after\:hidden:after {
      content: var(--tw-content);
      display: none;
    }
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:flex-row {
      flex-direction: row;
    }
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:items-center {
      align-items: center;
    }
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:items-start:has( > [data-slot="field-content"]) {
      align-items: flex-start;
    }
  }

  .rtl\:translate-x-1\/2:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) {
    --tw-translate-x: calc(1 / 2 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  @media (prefers-color-scheme: dark) {
    .dark\:border-input {
      border-color: var(--input);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-destructive\/60 {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-destructive\/60 {
        background-color: color-mix(in oklab, var(--destructive) 60%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-input\/30 {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:bg-input\/30 {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:bg-transparent {
      background-color: #0000;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:text-muted-foreground {
      color: var(--muted-foreground);
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-accent\/50:hover {
        background-color: var(--accent);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-accent\/50:hover {
          background-color: color-mix(in oklab, var(--accent) 50%, transparent);
        }
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:bg-input\/50:hover {
        background-color: var(--input);
      }

      @supports (color: color-mix(in lab, red, red)) {
        .dark\:hover\:bg-input\/50:hover {
          background-color: color-mix(in oklab, var(--input) 50%, transparent);
        }
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:text-accent-foreground:hover {
        color: var(--accent-foreground);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    @media (hover: hover) {
      .dark\:hover\:text-foreground:hover {
        color: var(--foreground);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:focus-visible\:ring-destructive\/40:focus-visible {
      --tw-ring-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:focus-visible\:ring-destructive\/40:focus-visible {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:has-aria-invalid\:border-destructive\/50:has([aria-invalid="true"]) {
      border-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:has-aria-invalid\:border-destructive\/50:has([aria-invalid="true"]) {
        border-color: color-mix(in oklab, var(--destructive) 50%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:has-aria-invalid\:ring-destructive\/40:has([aria-invalid="true"]) {
      --tw-ring-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:has-aria-invalid\:ring-destructive\/40:has([aria-invalid="true"]) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:has-data-\[state\=checked\]\:bg-primary\/10:has([data-state="checked"]) {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:has-data-\[state\=checked\]\:bg-primary\/10:has([data-state="checked"]) {
        background-color: color-mix(in oklab, var(--primary) 10%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid="true"]) {
      --tw-ring-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:has-\[\[data-slot\]\[aria-invalid\=true\]\]\:ring-destructive\/40:has([data-slot][aria-invalid="true"]) {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:aria-invalid\:ring-destructive\/40[aria-invalid="true"] {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40[data-active="true"][aria-invalid="true"] {
      --tw-ring-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:data-\[active\=true\]\:aria-invalid\:ring-destructive\/40[data-active="true"][aria-invalid="true"] {
        --tw-ring-color: color-mix(in oklab, var(--destructive) 40%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-\[oklch\(from_var\(--primary\)_0\.3_calc\(c\*0\.4\)_h\)\] > *)[data-slot="bubble-content"] {
      background-color: oklch(from var(--primary) .3 calc(c * .4) h);
    }
  }

  @media (prefers-color-scheme: dark) {
    :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20 > *)[data-slot="bubble-content"] {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      :is(.dark\:\*\:data-\[slot\=bubble-content\]\:bg-destructive\/20 > *)[data-slot="bubble-content"] {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:data-\[state\=active\]\:border-input[data-state="active"] {
      border-color: var(--input);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:data-\[state\=active\]\:bg-input\/30[data-state="active"] {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:data-\[state\=active\]\:bg-input\/30[data-state="active"] {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:data-\[state\=active\]\:text-foreground[data-state="active"] {
      color: var(--foreground);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:border-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
      border-color: #0000;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:group-data-\[variant\=line\]\/tabs-list\:data-\[state\=active\]\:bg-transparent:is(:where(.group\/tabs-list)[data-variant="line"] *)[data-state="active"] {
      background-color: #0000;
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:data-\[state\=checked\]\:bg-primary[data-state="checked"] {
      background-color: var(--primary);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:data-\[state\=checked\]\:bg-primary-foreground[data-state="checked"] {
      background-color: var(--primary-foreground);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:data-\[state\=unchecked\]\:bg-foreground[data-state="unchecked"] {
      background-color: var(--foreground);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state="unchecked"] {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:data-\[state\=unchecked\]\:bg-input\/80[data-state="unchecked"] {
        background-color: color-mix(in oklab, var(--input) 80%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant="destructive"]:focus {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:data-\[variant\=destructive\]\:focus\:bg-destructive\/20[data-variant="destructive"]:focus {
        background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
      }
    }
  }

  @media (pointer: coarse) {
    .pointer-coarse\:size-5 {
      width: calc(var(--spacing) * 5);
      height: calc(var(--spacing) * 5);
    }
  }

  @media (pointer: coarse) {
    .pointer-coarse\:px-3 {
      padding-inline: calc(var(--spacing) * 3);
    }
  }

  @media (pointer: coarse) {
    .pointer-coarse\:py-2 {
      padding-block: calc(var(--spacing) * 2);
    }
  }

  @media (pointer: coarse) {
    .pointer-coarse\:text-sm {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }

  .data-open\:animate-in:where([data-state="open"]), .data-open\:animate-in:where([data-open]:not([data-open="false"])) {
    animation: enter var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-open\:fade-in-0:where([data-state="open"]), .data-open\:fade-in-0:where([data-open]:not([data-open="false"])) {
    --tw-enter-opacity: 0;
  }

  .data-open\:zoom-in-95:where([data-state="open"]), .data-open\:zoom-in-95:where([data-open]:not([data-open="false"])) {
    --tw-enter-scale: .95;
  }

  .data-closed\:animate-out:where([data-state="closed"]), .data-closed\:animate-out:where([data-closed]:not([data-closed="false"])) {
    animation: exit var(--tw-animation-duration, var(--tw-duration, .15s))var(--tw-ease, ease)var(--tw-animation-delay, 0s)var(--tw-animation-iteration-count, 1)var(--tw-animation-direction, normal)var(--tw-animation-fill-mode, none);
  }

  .data-closed\:fade-out-0:where([data-state="closed"]), .data-closed\:fade-out-0:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-opacity: 0;
  }

  .data-closed\:zoom-out-95:where([data-state="closed"]), .data-closed\:zoom-out-95:where([data-closed]:not([data-closed="false"])) {
    --tw-exit-scale: .95;
  }

  .\[\&_\.recharts-cartesian-axis-tick_text\]\:fill-muted-foreground .recharts-cartesian-axis-tick text {
    fill: var(--muted-foreground);
  }

  .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
    stroke: var(--border);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&_\.recharts-cartesian-grid_line\[stroke\=\'\#ccc\'\]\]\:stroke-border\/50 .recharts-cartesian-grid line[stroke="#ccc"] {
      stroke: color-mix(in oklab, var(--border) 50%, transparent);
    }
  }

  .\[\&_\.recharts-curve\.recharts-tooltip-cursor\]\:stroke-border .recharts-curve.recharts-tooltip-cursor {
    stroke: var(--border);
  }

  .\[\&_\.recharts-dot\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-dot[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-layer\]\:outline-hidden .recharts-layer {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-polar-grid_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-polar-grid [stroke="#ccc"] {
    stroke: var(--border);
  }

  .\[\&_\.recharts-radial-bar-background-sector\]\:fill-muted .recharts-radial-bar-background-sector {
    fill: #edf1f5;
  }

  .\[\&_\.recharts-rectangle\.recharts-tooltip-cursor\]\:fill-muted .recharts-rectangle.recharts-tooltip-cursor {
    fill: #edf1f5;
  }

  .\[\&_\.recharts-reference-line_\[stroke\=\'\#ccc\'\]\]\:stroke-border .recharts-reference-line [stroke="#ccc"] {
    stroke: var(--border);
  }

  .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-sector\]\:outline-hidden .recharts-sector {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\.recharts-sector\[stroke\=\'\#fff\'\]\]\:stroke-transparent .recharts-sector[stroke="#fff"] {
    stroke: #0000;
  }

  .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
    --tw-outline-style: none;
    outline-style: none;
  }

  @media (forced-colors: active) {
    .\[\&_\.recharts-surface\]\:outline-hidden .recharts-surface {
      outline-offset: 2px;
      outline: 2px solid #0000;
    }
  }

  .\[\&_\[cmdk-group-heading\]\]\:px-2 [cmdk-group-heading] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-group-heading\]\]\:py-1\.5 [cmdk-group-heading] {
    padding-block: calc(var(--spacing) * 1.5);
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-xs [cmdk-group-heading] {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&_\[cmdk-group-heading\]\]\:font-medium [cmdk-group-heading] {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }

  .\[\&_\[cmdk-group-heading\]\]\:text-muted-foreground [cmdk-group-heading] {
    color: var(--muted-foreground);
  }

  .\[\&_\[cmdk-group\]\]\:px-2 [cmdk-group] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-group\]\:not\(\[hidden\]\)_\~\[cmdk-group\]\]\:pt-0 [cmdk-group]:not([hidden]) ~ [cmdk-group] {
    padding-top: calc(var(--spacing) * 0);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:h-5 [cmdk-input-wrapper] svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-input-wrapper\]_svg\]\:w-5 [cmdk-input-wrapper] svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-input\]\]\:h-12 [cmdk-input] {
    height: calc(var(--spacing) * 12);
  }

  .\[\&_\[cmdk-item\]\]\:px-2 [cmdk-item] {
    padding-inline: calc(var(--spacing) * 2);
  }

  .\[\&_\[cmdk-item\]\]\:py-3 [cmdk-item] {
    padding-block: calc(var(--spacing) * 3);
  }

  .\[\&_\[cmdk-item\]_svg\]\:h-5 [cmdk-item] svg {
    height: calc(var(--spacing) * 5);
  }

  .\[\&_\[cmdk-item\]_svg\]\:w-5 [cmdk-item] svg {
    width: calc(var(--spacing) * 5);
  }

  .\[\&_img\]\:size-full img {
    width: 100%;
    height: 100%;
  }

  .\[\&_img\]\:object-cover img {
    object-fit: cover;
  }

  .\[\&_p\]\:leading-relaxed p {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none;
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0;
  }

  .data-\[direction\=start\]\:\[\&_svg\]\:rotate-180[data-direction="start"] svg {
    rotate: 180deg;
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .group-data-\[orientation\=vertical\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6:is(:where(.group\/attachment)[data-orientation="vertical"] *) svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }

  .group-data-\[size\=xs\]\/attachment\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5:is(:where(.group\/attachment)[data-size="xs"] *) svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*="text-"]) {
    color: var(--muted-foreground);
  }

  .\[\&_tr\]\:border-b tr {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }

  .\[\&_tr\:last-child\]\:border-0 tr:last-child {
    border-style: var(--tw-border-style);
    border-width: 0;
  }

  .\[\&\+\[data-slot\=item-content\]\]\:flex-none + [data-slot="item-content"] {
    flex: none;
  }

  .\[\&\:first-child\[data-selected\=true\]_button\]\:rounded-l-md:first-child[data-selected="true"] button {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }

  .\[\&\:has\(\[role\=checkbox\]\)\]\:pr-0:has([role="checkbox"]) {
    padding-right: calc(var(--spacing) * 0);
  }

  .\[\.border-b\]\:pb-3.border-b {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .\[\.border-b\]\:pb-6.border-b {
    padding-bottom: calc(var(--spacing) * 6);
  }

  .\[\.border-t\]\:pt-3.border-t {
    padding-top: calc(var(--spacing) * 3);
  }

  .\[\.border-t\]\:pt-6.border-t {
    padding-top: calc(var(--spacing) * 6);
  }

  :is(.rtl\:\*\*\:\[\.rdp-button\\_next\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_next > svg) {
    rotate: 180deg;
  }

  :is(.rtl\:\*\*\:\[\.rdp-button\\_previous\>svg\]\:rotate-180:where(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)), [dir="rtl"], [dir="rtl"] *) *):is(.rdp-button_previous > svg) {
    rotate: 180deg;
  }

  .\[a\]\:underline:is(a) {
    text-decoration-line: underline;
  }

  .\[a\]\:underline-offset-3:is(a) {
    text-underline-offset: 3px;
  }

  .\[a\]\:transition-colors:is(a) {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  :is(.\*\:\[a\]\:underline > *):is(a) {
    text-decoration-line: underline;
  }

  :is(.\*\:\[a\]\:underline-offset-3 > *):is(a) {
    text-underline-offset: 3px;
  }

  @media (hover: hover) {
    .\[a\]\:hover\:bg-accent\/50:is(a):hover {
      background-color: var(--accent);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .\[a\]\:hover\:bg-accent\/50:is(a):hover {
        background-color: color-mix(in oklab, var(--accent) 50%, transparent);
      }
    }
  }

  @media (hover: hover) {
    .\[a\]\:hover\:text-foreground:is(a):hover {
      color: var(--foreground);
    }
  }

  @media (hover: hover) {
    :is(.\*\:\[a\]\:hover\:text-foreground > *):is(a):hover {
      color: var(--foreground);
    }
  }

  .\[button\]\:text-left:is(button) {
    text-align: left;
  }

  .\[button\,a\]\:transition-colors:is(button, a) {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }

  .\[button\,a\]\:outline-none:is(button, a) {
    --tw-outline-style: none;
    outline-style: none;
  }

  .\[button\,a\]\:focus-visible\:border-ring:is(button, a):focus-visible {
    border-color: var(--ring);
  }

  .\[button\,a\]\:focus-visible\:ring-3:is(button, a):focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + 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);
  }

  .\[button\,a\]\:focus-visible\:ring-ring\/50:is(button, a):focus-visible {
    --tw-ring-color: var(--ring);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[button\,a\]\:focus-visible\:ring-ring\/50:is(button, a):focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent);
    }
  }

  :is(.\*\:\[img\]\:aspect-square > *):is(img) {
    aspect-ratio: 1;
  }

  :is(.\*\:\[img\]\:w-full > *):is(img) {
    width: 100%;
  }

  :is(.\*\:\[img\]\:object-cover > *):is(img) {
    object-fit: cover;
  }

  :is(.\*\:\[span\]\:last\:flex > *):is(span):last-child {
    display: flex;
  }

  :is(.\*\:\[span\]\:last\:items-center > *):is(span):last-child {
    align-items: center;
  }

  :is(.\*\:\[span\]\:last\:gap-2 > *):is(span):last-child {
    gap: calc(var(--spacing) * 2);
  }

  :is(.data-\[variant\=destructive\]\:\*\:\[svg\]\:text-destructive\![data-variant="destructive"] > *):is(svg) {
    color: var(--destructive) !important;
  }

  :is(.\*\:\[svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-8 > *):is(svg:not([class*="size-"])) {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
  }

  .\[\&\:last-child\[data-selected\=true\]_button\]\:rounded-r-md:last-child[data-selected="true"] button {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }

  .\[\&\:nth-child\(2\)\[data-selected\=true\]_button\]\:rounded-l-md:nth-child(2)[data-selected="true"] button {
    border-top-left-radius: calc(var(--radius) - 2px);
    border-bottom-left-radius: calc(var(--radius) - 2px);
  }

  .\[\&\>\*\]\:w-full > * {
    width: 100%;
  }

  .\[\&\>\*\]\:focus-visible\:relative > *:focus-visible {
    position: relative;
  }

  .\[\&\>\*\]\:focus-visible\:z-10 > *:focus-visible {
    z-index: 10;
  }

  .\[\&\>\*\]\:data-\[slot\=field\]\:p-4 > *[data-slot="field"] {
    padding: calc(var(--spacing) * 4);
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:\[\&\>\*\]\:w-auto > * {
      width: auto;
    }
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-t-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:rounded-l-none > :not(:first-child) {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-t-0 > :not(:first-child) {
    border-top-style: var(--tw-border-style);
    border-top-width: 0;
  }

  .\[\&\>\*\:not\(\:first-child\)\]\:border-l-0 > :not(:first-child) {
    border-left-style: var(--tw-border-style);
    border-left-width: 0;
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-r-none > :not(:last-child) {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .\[\&\>\*\:not\(\:last-child\)\]\:rounded-b-none > :not(:last-child) {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
  }

  .\[\&\>\.sr-only\]\:w-auto > .sr-only {
    width: auto;
  }

  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\] > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--muted);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--muted\)\,var\(--foreground\)_5\%\)\] > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklch,var(--muted),var(--foreground) 5%);
    }
  }

  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\] > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--secondary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\] > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklch,var(--secondary),var(--foreground) 5%);
    }
  }

  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.88_calc\(c\*0\.5\)_h\)\] > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: oklch(from var(--primary) .88 calc(c * .5) h);
  }

  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20 > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--destructive);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/20 > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklab, var(--destructive) 20%, transparent);
    }
  }

  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: #edf1f5;
  }

  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80 > [data-slot="bubble-content"]:is(button, a):hover {
    background-color: var(--primary);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-primary\/80 > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: color-mix(in oklab, var(--primary) 80%, transparent);
    }
  }

  .\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:text-foreground > [data-slot="bubble-content"]:is(button, a):hover {
    color: var(--foreground);
  }

  @media (prefers-color-scheme: dark) {
    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-\[oklch\(from_var\(--primary\)_0\.35_calc\(c\*0\.5\)_h\)\] > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: oklch(from var(--primary) .35 calc(c * .5) h);
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30 > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-destructive\/30 > [data-slot="bubble-content"]:is(button, a):hover {
        background-color: color-mix(in oklab, var(--destructive) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30 > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: var(--input);
    }

    @supports (color: color-mix(in lab, red, red)) {
      .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-input\/30 > [data-slot="bubble-content"]:is(button, a):hover {
        background-color: color-mix(in oklab, var(--input) 30%, transparent);
      }
    }
  }

  @media (prefers-color-scheme: dark) {
    .dark\:\[\&\>\[data-slot\=bubble-content\]\:is\(button\,a\)\:hover\]\:bg-muted\/50 > [data-slot="bubble-content"]:is(button, a):hover {
      background-color: #edf1f580;
      background-color: lab(94.9232% -.837266 -2.42451 / .5);
    }
  }

  .\[\&\>\[data-slot\=field-group\]\]\:gap-4 > [data-slot="field-group"] {
    gap: calc(var(--spacing) * 4);
  }

  .\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
    flex: auto;
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:\[\&\>\[data-slot\=field-label\]\]\:flex-auto > [data-slot="field-label"] {
      flex: auto;
    }
  }

  .has-\[select\[aria-hidden\=true\]\:last-child\]\:\[\&\>\[data-slot\=select-trigger\]\:last-of-type\]\:rounded-r-md:has(:is(select[aria-hidden="true"]:last-child)) > [data-slot="select-trigger"]:last-of-type {
    border-top-right-radius: calc(var(--radius) - 2px);
    border-bottom-right-radius: calc(var(--radius) - 2px);
  }

  .\[\&\>\[data-slot\=select-trigger\]\:not\(\[class\*\=\'w-\'\]\)\]\:w-fit > [data-slot="select-trigger"]:not([class*="w-"]) {
    width: fit-content;
  }

  .\[\&\>\[role\=checkbox\]\]\:translate-y-\[2px\] > [role="checkbox"] {
    --tw-translate-y: 2px;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
    margin-top: 1px;
  }

  @container field-group (min-width: 28rem) {
    .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) > [role="checkbox"], .\@md\/field-group\:has-\[\>\[data-slot\=field-content\]\]\:\[\&\>\[role\=checkbox\]\,\[role\=radio\]\]\:mt-px:has( > [data-slot="field-content"]) [role="radio"] {
      margin-top: 1px;
    }
  }

  .\[\&\>a\]\:underline > a {
    text-decoration-line: underline;
  }

  .\[\&\>a\]\:underline-offset-4 > a {
    text-underline-offset: 4px;
  }

  .\[\&\>a\:hover\]\:text-primary > a:hover {
    color: var(--primary);
  }

  .\[\&\>button\]\:hidden > button {
    display: none;
  }

  .\[\&\>input\]\:flex-1 > input {
    flex: 1;
  }

  .has-\[\>\[data-align\=block-end\]\]\:\[\&\>input\]\:pt-3:has( > [data-align="block-end"]) > input {
    padding-top: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=block-start\]\]\:\[\&\>input\]\:pb-3:has( > [data-align="block-start"]) > input {
    padding-bottom: calc(var(--spacing) * 3);
  }

  .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>input\]\:pr-2:has( > [data-align="inline-end"]) > input {
    padding-right: calc(var(--spacing) * 2);
  }

  .has-\[\>\[data-align\=inline-start\]\]\:\[\&\>input\]\:pl-2:has( > [data-align="inline-start"]) > input {
    padding-left: calc(var(--spacing) * 2);
  }

  .\[\&\>kbd\]\:rounded-\[calc\(var\(--radius\)-5px\)\] > kbd {
    border-radius: calc(var(--radius) - 5px);
  }

  .\[\&\>span\]\:text-xs > span {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }

  .\[\&\>span\]\:opacity-70 > span {
    opacity: .7;
  }

  .\[\&\>span\:last-child\]\:truncate > span:last-child {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }

  .\[\&\>svg\]\:pointer-events-none > svg {
    pointer-events: none;
  }

  .\[\&\>svg\]\:size-3 > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:size-3\.5 > svg {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\]\:size-4 > svg {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>svg\]\:h-2\.5 > svg {
    height: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:h-3 > svg {
    height: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:w-2\.5 > svg {
    width: calc(var(--spacing) * 2.5);
  }

  .\[\&\>svg\]\:w-3 > svg {
    width: calc(var(--spacing) * 3);
  }

  .\[\&\>svg\]\:shrink-0 > svg {
    flex-shrink: 0;
  }

  .\[\&\>svg\]\:translate-y-0\.5 > svg {
    --tw-translate-y: calc(var(--spacing) * .5);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

  .\[\&\>svg\]\:text-current > svg {
    color: currentColor;
  }

  .\[\&\>svg\]\:text-muted-foreground > svg {
    color: var(--muted-foreground);
  }

  .group-has-data-\[size\=lg\]\/avatar-group\:\[\&\>svg\]\:size-5:is(:where(.group\/avatar-group):has([data-size="lg"]) *) > svg {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }

  .group-has-data-\[size\=sm\]\/avatar-group\:\[\&\>svg\]\:size-3:is(:where(.group\/avatar-group):has([data-size="sm"]) *) > svg {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }

  .group-data-\[size\=default\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="default"] *) > svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=lg\]\/avatar\:\[\&\>svg\]\:size-2:is(:where(.group\/avatar)[data-size="lg"] *) > svg {
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
  }

  .group-data-\[size\=sm\]\/avatar\:\[\&\>svg\]\:hidden:is(:where(.group\/avatar)[data-size="sm"] *) > svg {
    display: none;
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }

  .\[\&\>svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 > svg:not([class*="size-"]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }

  .\[\&\>tr\]\:last\:border-b-0 > tr:last-child {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0;
  }

  .\[\&\[aria-orientation\=horizontal\]\>div\]\:rotate-90[aria-orientation="horizontal"] > div {
    rotate: 90deg;
  }

  .\[\&\[data-state\=open\]\>svg\]\:rotate-180[data-state="open"] > svg {
    rotate: 180deg;
  }

  [data-side="left"][data-collapsible="offcanvas"] .\[\[data-side\=left\]\[data-collapsible\=offcanvas\]_\&\]\:-right-2 {
    right: calc(var(--spacing) * -2);
  }

  [data-side="left"][data-state="collapsed"] .\[\[data-side\=left\]\[data-state\=collapsed\]_\&\]\:cursor-e-resize {
    cursor: e-resize;
  }

  [data-side="right"][data-collapsible="offcanvas"] .\[\[data-side\=right\]\[data-collapsible\=offcanvas\]_\&\]\:-left-2 {
    left: calc(var(--spacing) * -2);
  }

  [data-side="right"][data-state="collapsed"] .\[\[data-side\=right\]\[data-state\=collapsed\]_\&\]\:cursor-w-resize {
    cursor: w-resize;
  }

  [data-slot="card-content"] .\[\[data-slot\=card-content\]_\&\]\:bg-transparent {
    background-color: #0000;
  }

  [data-slot="popover-content"] .\[\[data-slot\=popover-content\]_\&\]\:bg-transparent {
    background-color: #0000;
  }

  [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
    background-color: var(--background);
  }

  @supports (color: color-mix(in lab, red, red)) {
    [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/20 {
      background-color: color-mix(in oklab, var(--background) 20%, transparent);
    }
  }

  [data-slot="tooltip-content"] .\[\[data-slot\=tooltip-content\]_\&\]\:text-background {
    color: var(--background);
  }

  @media (prefers-color-scheme: dark) {
    [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10 {
      background-color: var(--background);
    }

    @supports (color: color-mix(in lab, red, red)) {
      [data-slot="tooltip-content"] .dark\:\[\[data-slot\=tooltip-content\]_\&\]\:bg-background\/10 {
        background-color: color-mix(in oklab, var(--background) 10%, transparent);
      }
    }
  }

  [data-variant="legend"] + .\[\[data-variant\=legend\]\+\&\]\:-mt-1\.5 {
    margin-top: calc(var(--spacing) * -1.5);
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:bg-accent:hover {
      background-color: var(--accent);
    }
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:bg-destructive\/90:hover {
      background-color: var(--destructive);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-destructive\/90:hover {
        background-color: color-mix(in oklab, var(--destructive) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:bg-primary\/90:hover {
      background-color: var(--primary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-primary\/90:hover {
        background-color: color-mix(in oklab, var(--primary) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:bg-secondary\/90:hover {
      background-color: var(--secondary);
    }

    @supports (color: color-mix(in lab, red, red)) {
      a.\[a\&\]\:hover\:bg-secondary\/90:hover {
        background-color: color-mix(in oklab, var(--secondary) 90%, transparent);
      }
    }
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:text-accent-foreground:hover {
      color: var(--accent-foreground);
    }
  }

  @media (hover: hover) {
    a.\[a\&\]\:hover\:underline:hover {
      text-decoration-line: underline;
    }
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s;
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal;
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none;
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-t {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-b {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-s {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-e {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0;
}

@property --scroll-fade-mask {
  syntax: "*";
  inherits: false
}

@property --shimmer-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 20deg;
}

@property --shimmer-image {
  syntax: "*";
  inherits: false
}

@property --shimmer-text-fill {
  syntax: "*";
  inherits: false
}

@media (prefers-reduced-motion: reduce) {
  .shimmer {
    -webkit-text-fill-color: currentColor;
    background-image: none;
    animation: none;
  }
}

.interim-kpi-card {
  background: #fff;
  border: 1px solid #abc9d7;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 30px #0b2a3e12;
}

.interim-kpi-card > header {
  background: linear-gradient(#fbfdfe, #f3f8fa);
  border-bottom: 1px solid #d8e4e9;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px 18px;
  display: flex;
}

.interim-kpi-card > header > div {
  align-items: center;
  gap: 10px;
  display: flex;
}

.interim-kpi-card > header svg {
  color: #277e9c;
  width: 22px;
}

.interim-kpi-card > header span, .interim-kpi-card > header b, .interim-kpi-card > header small {
  display: block;
}

.interim-kpi-card > header b {
  color: #173c54;
  font-size: 16px;
}

.interim-kpi-card > header small {
  color: #687f8d;
  margin-top: 3px;
  font-size: 13px;
}

.interim-kpi-card > header em {
  color: #617681;
  text-transform: uppercase;
  background: #edf1f3;
  border-radius: 999px;
  padding: 6px 10px;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.interim-kpi-card > header em.amber {
  color: #875b11;
  background: #fff0cf;
}

.interim-kpi-card > header em.green {
  color: #226f50;
  background: #ddf4e8;
}

.interim-kpi-layout {
  grid-template-columns: minmax(400px, .85fr) minmax(0, 1.15fr);
  gap: 16px;
  padding: 17px;
  display: grid;
}

.interim-kpi-inputs {
  background: #f7fafb;
  border: 1px solid #d5e1e7;
  border-radius: 12px;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 10px;
  padding: 15px;
  display: grid;
}

.interim-kpi-inputs > svg {
  color: #7893a2;
  width: 19px;
}

.interim-kpi-inputs label > span, .interim-kpi-inputs label > small {
  display: block;
}

.interim-kpi-inputs label > span {
  color: #31596e;
  text-transform: uppercase;
  margin-bottom: 7px;
  font-size: 13px;
  font-weight: 900;
}

.interim-kpi-inputs label > small {
  color: #728590;
  margin-top: 7px;
  font-size: 12px;
  line-height: 1.4;
}

.interim-kpi-inputs select {
  color: #173a51;
  background: #fff;
  border: 1px solid #bfcfd8;
  border-radius: 8px;
  width: 100%;
  min-height: 42px;
  padding: 0 10px;
  font-size: 14px;
}

.interim-kpi-result {
  background: #f7f9fa;
  border: 1px solid #cedae1;
  border-left: 5px solid #8a9aa4;
  border-radius: 12px;
  padding: 16px;
}

.interim-kpi-result.green {
  background: #f2faf6;
  border-color: #b9d9c8 #b9d9c8 #b9d9c8 #329367;
}

.interim-kpi-result.amber {
  background: #fffaf0;
  border-color: #ead39f #ead39f #ead39f #d39626;
}

.interim-kpi-result-heading {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.interim-kpi-result-heading > svg {
  color: #397f9c;
  flex: none;
  width: 25px;
}

.interim-kpi-result.green .interim-kpi-result-heading > svg {
  color: #2b8b61;
}

.interim-kpi-result.amber .interim-kpi-result-heading > svg {
  color: #b77a14;
}

.interim-kpi-result-heading small, .interim-kpi-result-heading h2 {
  display: block;
}

.interim-kpi-result-heading small {
  color: #668092;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.interim-kpi-result-heading h2 {
  color: #17394f;
  margin: 4px 0 0;
  font-size: 19px;
}

.interim-kpi-result > p {
  color: #587181;
  margin: 11px 0 0;
  font-size: 14px;
  line-height: 1.55;
}

.interim-proposal {
  background: #fff4d9;
  border: 1px solid #e0c37d;
  border-radius: 9px;
  gap: 9px;
  margin-top: 12px;
  padding: 11px;
  display: flex;
}

.interim-proposal > svg {
  color: #976612;
  flex: none;
  width: 18px;
}

.interim-proposal b, .interim-proposal small {
  display: block;
}

.interim-proposal b {
  color: #73500f;
  font-size: 13px;
}

.interim-proposal small {
  color: #80683c;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.4;
}

.interim-kpi-steps {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  padding: 0 17px 17px;
  display: grid;
}

.interim-kpi-steps article {
  background: #fbfdfe;
  border: 1px solid #d7e2e7;
  border-radius: 10px;
  gap: 9px;
  padding: 12px;
  display: flex;
}

.interim-kpi-steps article > i {
  color: #217492;
  background: #dff0f6;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.interim-kpi-steps span, .interim-kpi-steps b, .interim-kpi-steps small {
  display: block;
}

.interim-kpi-steps span {
  color: #5c7d8e;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.interim-kpi-steps b {
  color: #27495d;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.4;
}

.interim-kpi-steps small {
  color: #72848e;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.4;
}

.interim-reasoning-trace {
  background: #f7fafb;
  border: 1px solid #cfdee5;
  border-radius: 10px;
  margin: 0 17px 17px;
}

.interim-reasoning-trace summary {
  color: #315a6f;
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 12px;
  font-size: 13px;
  font-weight: 900;
  display: flex;
}

.interim-reasoning-trace summary svg {
  width: 17px;
}

.interim-reasoning-trace > div {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding: 0 12px 12px;
  display: grid;
}

.interim-reasoning-trace article {
  background: #fff;
  border: 1px solid #d8e3e8;
  border-radius: 8px;
  padding: 10px;
}

.interim-reasoning-trace article span, .interim-reasoning-trace article b {
  display: block;
}

.interim-reasoning-trace article span {
  color: #528099;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.interim-reasoning-trace article b {
  color: #294c60;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
}

.interim-kpi-card > footer {
  color: #785d26;
  background: #fff8e9;
  border-top: 1px solid #ead8ad;
  gap: 9px;
  padding: 12px 17px;
  display: flex;
}

.interim-kpi-card > footer svg {
  flex: none;
  width: 18px;
}

.interim-kpi-card > footer span {
  font-size: 12px;
  line-height: 1.5;
}

.interim-kpi-card > footer b {
  margin-right: 5px;
}

.modeling-lab .prediction-output {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.model-quality-list {
  flex-wrap: wrap;
  gap: 7px;
  padding: 0 17px 14px;
  display: flex;
}

.model-quality-list span {
  color: #775c25;
  background: #fff9ea;
  border: 1px solid #ead6a5;
  border-radius: 999px;
  align-items: center;
  gap: 6px;
  padding: 6px 9px;
  font-size: 12px;
  display: flex;
}

.model-quality-list svg {
  width: 14px;
}

.scenario-readiness {
  border-top: 1px solid #dde6ea;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 15px;
  padding-top: 14px;
  display: grid !important;
}

.scenario-readiness > span, .scenario-causes > span {
  color: #53778a;
  text-transform: uppercase;
  grid-column: 1 / -1;
  font-size: 12px;
  font-weight: 900;
}

.scenario-readiness button {
  color: #567081;
  text-align: left;
  cursor: pointer;
  background: #f8fafb;
  border: 1px solid #d3dfe5;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 8px;
  font-size: 12px;
  display: flex;
}

.scenario-readiness button i {
  color: #71848f;
  background: #e4ebef;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 20px;
  height: 20px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.scenario-readiness button.ready {
  color: #2f674d;
  background: #eff9f4;
  border-color: #add4bf;
}

.scenario-readiness button.ready i {
  color: #fff;
  background: #339267;
}

.scenario-causes {
  margin-top: 14px;
}

.scenario-causes > div {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 7px;
  display: flex !important;
}

.scenario-causes b {
  color: #466b7e;
  background: #eef5f7;
  border: 1px solid #cbdbe3;
  border-radius: 999px;
  padding: 5px 8px;
  font-size: 12px !important;
}

.roi-sensitivity {
  background: #f7fafb;
  border: 1px solid #d1dee5;
  border-radius: 12px;
  margin: 0 16px 16px;
  padding: 14px;
}

.roi-sensitivity > header {
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  display: flex;
}

.roi-sensitivity > header span {
  color: #315b70;
  text-transform: uppercase;
  font-size: 13px;
  font-weight: 900;
}

.roi-sensitivity > header small {
  color: #71838e;
  font-size: 12px;
}

.roi-sensitivity > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}

.roi-sensitivity article {
  background: #fff;
  border: 1px solid #d6e1e6;
  border-radius: 8px;
  padding: 9px;
}

.roi-sensitivity article.positive {
  border-left: 4px solid #369267;
}

.roi-sensitivity article.negative {
  border-left: 4px solid #c65a50;
}

.roi-sensitivity span, .roi-sensitivity b, .roi-sensitivity small {
  display: block;
}

.roi-sensitivity span {
  color: #67808f;
  font-size: 12px;
}

.roi-sensitivity b {
  color: #21465a;
  margin-top: 3px;
  font-size: 14px;
}

.roi-sensitivity small {
  color: #70838e;
  margin-top: 2px;
  font-size: 12px;
}

.community-reasoning-workbench {
  padding: 14px;
}

.community-reasoning-workbench > label > span {
  color: #56788a;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 900;
  display: block;
}

.community-reasoning-workbench select {
  color: #24475c;
  background: #fff;
  border: 1px solid #c4d3dc;
  border-radius: 8px;
  width: 100%;
  min-height: 41px;
  padding: 0 10px;
  font-size: 13px;
}

.community-reasoning-summary {
  background: #f2f9fb;
  border: 1px solid #c7dce6;
  border-left: 4px solid #3b8fab;
  border-radius: 9px;
  margin-top: 10px;
  padding: 12px;
}

.community-reasoning-summary > span {
  color: #357d99;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.community-reasoning-summary h3 {
  color: #1d4258;
  margin: 4px 0;
  font-size: 15px;
}

.community-reasoning-summary p {
  color: #617987;
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

.community-reasoning-columns {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  margin-top: 9px;
  display: grid;
}

.community-reasoning-columns section {
  background: #fbfcfd;
  border: 1px solid #d6e1e7;
  border-radius: 9px;
  gap: 6px;
  padding: 11px;
  display: grid;
}

.community-reasoning-columns section > span {
  color: #52798d;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.community-reasoning-columns section > b {
  color: #35586c;
  border-top: 1px solid #e1e8ec;
  padding-top: 6px;
  font-size: 12px;
  line-height: 1.4;
}

.community-next-action {
  background: #fff9e9;
  border: 1px solid #dfcb94;
  border-radius: 9px;
  gap: 9px;
  margin-top: 9px;
  padding: 11px;
  display: flex;
}

.community-next-action > svg {
  color: #a06d14;
  flex: none;
  width: 19px;
}

.community-next-action b, .community-next-action small {
  display: block;
}

.community-next-action b {
  color: #755313;
  font-size: 12px;
}

.community-next-action small {
  color: #766746;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.4;
}

.community-trace {
  background: #f5fafc;
  border: 1px solid #cbdde6;
  border-radius: 9px;
  margin-top: 11px;
}

.community-trace summary {
  color: #2e6e89;
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 11px;
  font-size: 13px;
  font-weight: 900;
  display: flex;
}

.community-trace summary svg {
  width: 17px;
}

.community-trace-grid {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  padding: 0 11px 11px;
  display: grid;
}

.community-trace-grid section {
  background: #fff;
  border: 1px solid #d7e3e8;
  border-radius: 8px;
  gap: 5px;
  padding: 10px;
  display: grid;
}

.community-trace-grid span {
  color: #527a8f;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.community-trace-grid b {
  color: #3c5d6f;
  border-top: 1px solid #e4eaed;
  padding-top: 5px;
  font-size: 12px;
  line-height: 1.4;
}

.community-trace > p {
  color: #45697b;
  background: #e9f4f8;
  border-radius: 8px;
  margin: 0 11px 9px;
  padding: 10px;
  font-size: 12px;
  line-height: 1.45;
}

.community-trace > p b {
  color: #2c6178;
  margin-bottom: 3px;
  display: block;
}

.community-trace > small {
  color: #72633f;
  gap: 6px;
  margin: 0 11px 11px;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
}

.community-trace > small svg {
  flex: none;
  width: 15px;
}

.calculator-quick-deck > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.calculator-quick-deck button {
  text-align: left;
  cursor: pointer;
  background: none;
  border: 1px solid #dce6ea;
  border-top: 0;
  border-left: 0;
  min-height: 105px;
  padding: 14px 39px 14px 14px;
  position: relative;
}

.calculator-quick-deck button:nth-child(3n) {
  border-right: 0;
}

.calculator-quick-deck button:nth-last-child(-n+3) {
  border-bottom: 0;
}

.calculator-quick-deck button:hover {
  background: #eaf6fa;
}

.calculator-quick-deck button > span, .calculator-quick-deck button > b, .calculator-quick-deck button > small {
  display: block;
}

.calculator-quick-deck button > span {
  color: #3183a0;
  font-size: 12px;
  font-weight: 900;
}

.calculator-quick-deck button > b {
  color: #23475b;
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.3;
}

.calculator-quick-deck button > small {
  color: #71848f;
  margin-top: 5px;
  font-size: 12px;
}

.calculator-quick-deck button > svg {
  color: #72a2b4;
  width: 18px;
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
}

@media (max-width: 1180px) {
  .modeling-lab .prediction-output {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .interim-kpi-layout {
    grid-template-columns: 1fr;
  }

  .interim-kpi-steps {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .interim-reasoning-trace > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .modeling-lab .prediction-output, .scenario-readiness, .roi-sensitivity > div, .community-reasoning-columns, .community-trace-grid, .calculator-quick-deck > div, .interim-kpi-steps, .interim-reasoning-trace > div, .interim-kpi-inputs {
    grid-template-columns: 1fr;
  }

  .interim-kpi-inputs > svg {
    justify-self: center;
    transform: rotate(90deg);
  }

  .calculator-quick-deck button, .calculator-quick-deck button:nth-child(3n), .calculator-quick-deck button:nth-last-child(-n+3) {
    border-bottom: 1px solid #dce6ea;
    border-right: 0;
  }

  .calculator-quick-deck button:last-child {
    border-bottom: 0;
  }

  .roi-sensitivity > header {
    flex-direction: column;
  }

  .interim-kpi-card > header {
    flex-direction: column;
    align-items: flex-start;
  }
}

.community-board {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.community-status a {
  color: #fff;
  background: #ffffff12;
  border: 1px solid #ffffff38;
  border-radius: 8px;
  width: max-content;
  margin-top: 14px;
  padding: 8px 11px;
  font-size: 13px;
  font-weight: 800;
  text-decoration: none;
  display: inline-flex;
}

.community-status a:hover {
  background: #ffffff20;
}

.community-message {
  color: #2d6e50;
  background: #eff9f4;
  border: 1px solid #b9d9c8;
  border-radius: 10px;
  align-items: center;
  gap: 10px;
  padding: 12px 14px;
  font-size: 14px;
  display: flex;
}

.community-message.error {
  color: #795719;
  background: #fff8e9;
  border-color: #e6c98b;
}

.community-message > svg {
  flex: none;
  width: 19px;
}

.community-message > span {
  flex: 1;
}

.community-message > button {
  width: 30px;
  height: 30px;
  color: inherit;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 7px;
  place-items: center;
  display: grid;
}

.community-message > button svg {
  width: 16px;
}

.community-compose, .community-how, .community-discussions {
  overflow: hidden;
}

.community-compose .panel-head, .community-how .panel-head, .community-discussions .panel-head {
  padding-bottom: 0;
}

.community-file-field {
  background: #f5fafc;
  border: 1px dashed #9fb8c8;
  border-radius: 9px;
  padding: 12px;
}

.community-file-field > span {
  align-items: center;
  gap: 7px;
  display: flex !important;
}

.community-file-field > span svg {
  width: 17px;
}

.community-file-field input[type="file"] {
  background: #fff;
  padding: 7px;
}

.community-file-field small, .community-file-field em {
  color: #677f8e;
  margin-top: 6px;
  font-size: 12px;
  line-height: 1.4;
  display: block;
}

.community-file-field em {
  color: #2e6681;
  font-style: normal;
  font-weight: 700;
}

.discussion-list {
  align-items: start;
}

.discussion-card {
  min-width: 0;
  box-shadow: 0 6px 18px #17374d08;
}

.discussion-card > header small {
  font-size: 12px;
}

.discussion-card > footer > div {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 6px;
  display: flex;
}

.discussion-card > footer button, .community-replies article > footer button {
  color: #486577;
  cursor: pointer;
  background: #fff;
  border: 1px solid #c9d7df;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 5px 7px;
  font-size: 12px;
  font-weight: 800;
  display: inline-flex;
}

.discussion-card > footer button svg, .community-replies article > footer button svg {
  width: 13px;
}

.discussion-card > footer button.danger, .community-replies article > footer button.danger {
  color: #a14c47;
  border-color: #e4c7c5;
}

.discussion-card footer em.member-discussion {
  color: #2b638f;
  background: #e9f3fb;
}

.discussion-evidence {
  margin-top: 13px;
}

.community-media-gallery {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.community-media-gallery a {
  color: #3e6176;
  background: #fff;
  border: 1px solid #cfdae0;
  border-radius: 9px;
  text-decoration: none;
  overflow: hidden;
}

.community-media-gallery img {
  object-fit: cover;
  background: #edf2f4;
  width: 100%;
  height: 126px;
  display: block;
}

.community-media-gallery a > span {
  overflow-wrap: anywhere;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 2px 5px;
  padding: 7px;
  font-size: 11px;
  font-weight: 800;
  display: grid;
}

.community-media-gallery a > span svg {
  grid-row: 1 / 3;
  width: 14px;
}

.community-media-gallery a > span small {
  color: #83919b;
  font-size: 10px;
  font-weight: 600;
}

.community-thread-actions {
  justify-content: flex-end;
  margin-top: 12px;
  display: flex;
}

.community-thread-actions button {
  min-height: 38px;
}

.community-thread-actions svg {
  width: 16px;
}

.community-thread {
  background: #f4f9fb;
  border: 1px solid #cbdce5;
  border-radius: 11px;
  margin-top: 12px;
  overflow: hidden;
}

.community-thread > header {
  color: #345f75;
  background: #edf5f8;
  border-bottom: 1px solid #d8e4e9;
  justify-content: space-between;
  align-items: center;
  padding: 10px 12px;
  display: flex;
}

.community-thread > header span {
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 13px;
  font-weight: 900;
}

.community-thread > header b {
  color: #fff;
  background: #2b7893;
  border-radius: 99px;
  place-items: center;
  min-width: 25px;
  height: 25px;
  font-size: 12px;
  display: grid;
}

.community-replies {
  gap: 8px;
  padding: 10px;
  display: grid;
}

.community-replies > article {
  background: #fff;
  border: 1px solid #d6e1e6;
  border-radius: 9px;
  padding: 11px;
}

.community-replies > article > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.community-replies > article > header b {
  color: #264b5f;
  font-size: 13px;
}

.community-replies > article > header small {
  color: #7b8c96;
  font-size: 11px;
}

.community-replies > article > p {
  color: #526e7e;
  white-space: pre-wrap;
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.55;
}

.community-replies > article > footer {
  border-top: 1px solid #e4eaed;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 9px;
  padding-top: 8px;
  display: flex;
}

.community-no-replies {
  color: #6e818d;
  text-align: center;
  border: 1px dashed #c6d5dd;
  border-radius: 8px;
  padding: 18px;
  font-size: 13px;
}

.community-reply-form {
  background: #fff;
  border-top: 1px solid #d6e1e7;
  gap: 8px;
  padding: 11px;
  display: grid;
}

.community-reply-form label > span, .community-edit-form label > span {
  color: #46677a;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 900;
  display: block;
}

.community-reply-form textarea, .community-edit-form input, .community-edit-form textarea {
  color: #17374a;
  width: 100%;
  font: inherit;
  resize: vertical;
  background: #fff;
  border: 1px solid #becfd8;
  border-radius: 8px;
  padding: 9px 10px;
  line-height: 1.45;
}

.community-reply-form textarea:focus, .community-edit-form input:focus, .community-edit-form textarea:focus {
  border-color: #3c85a5;
  outline: 0;
  box-shadow: 0 0 0 3px #3c85a516;
}

.community-reply-images {
  color: #3f687b;
  cursor: pointer;
  background: #f7fafb;
  border: 1px solid #c5d5dd;
  border-radius: 7px;
  align-items: center;
  gap: 6px;
  width: max-content;
  padding: 7px 9px;
  font-size: 12px;
  font-weight: 800;
  display: flex;
  position: relative;
}

.community-reply-images input {
  opacity: 0;
  cursor: pointer;
  position: absolute;
  inset: 0;
}

.community-reply-images svg {
  width: 16px;
}

.community-reply-form > small {
  color: #637d8c;
  font-size: 11px;
}

.community-reply-form > button {
  justify-self: end;
}

.community-edit-form {
  gap: 8px;
  margin-top: 10px;
  display: grid;
}

.community-edit-form > div {
  justify-content: flex-end;
  gap: 7px;
  display: flex;
}

.spin {
  animation: .9s linear infinite community-spin;
}

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

.trend-customer-benchmark {
  background: linear-gradient(145deg, #f4fafc, #fff);
  border: 1px solid #b9d4df;
  border-radius: 11px;
  margin: 12px;
  overflow: hidden;
}

.trend-customer-benchmark > header {
  border-bottom: 1px solid #d6e4e9;
  padding: 11px 12px;
}

.trend-customer-benchmark > header span, .trend-customer-benchmark > header b, .trend-customer-benchmark > header small {
  display: block;
}

.trend-customer-benchmark > header span {
  color: #2d7d98;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
  font-weight: 900;
}

.trend-customer-benchmark > header b {
  color: #173d52;
  margin-top: 3px;
  font-size: 14px;
}

.trend-customer-benchmark > header small {
  color: #6f8390;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.35;
}

.trend-customer-benchmark-chart {
  background-color: #0000;
  background-image: linear-gradient(#e6eef24d 1px, #0000 1px), linear-gradient(90deg, #e6eef24d 1px, #0000 1px);
  background-position: 0 0, 0 0;
  background-repeat: repeat, repeat;
  background-size: 24px 24px;
  background-attachment: scroll, scroll;
  background-origin: padding-box, padding-box;
  background-clip: border-box, border-box;
  width: 100%;
  height: 128px;
  padding: 8px 4px;
  display: block;
}

.trend-customer-benchmark-chart path {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.trend-customer-benchmark-chart path.grid {
  stroke: #d8e3e8;
  stroke-width: 1px;
  stroke-dasharray: 4 4;
}

.trend-customer-benchmark-chart path.customer {
  stroke: #8598a5;
  stroke-width: 2.4px;
  stroke-dasharray: 6 4;
}

.trend-customer-benchmark-chart path.asset {
  stroke: #187a9b;
  stroke-width: 3px;
}

.trend-customer-benchmark > div {
  background: #dce6ea;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  display: grid;
}

.trend-customer-benchmark > div span {
  color: #667e8c;
  background: #fff;
  padding: 9px 10px 9px 23px;
  font-size: 10px;
  position: relative;
}

.trend-customer-benchmark > div i {
  background: #197b9c;
  width: 9px;
  height: 3px;
  position: absolute;
  top: 14px;
  left: 9px;
}

.trend-customer-benchmark > div i.customer {
  background: #8799a5;
}

.trend-customer-benchmark > div b {
  color: #26495c;
  margin-top: 3px;
  font-size: 12px;
  display: block;
}

.trend-customer-benchmark > footer {
  border-top: 1px solid #dce5e9;
  padding: 9px 11px;
}

.trend-customer-benchmark > footer b, .trend-customer-benchmark > footer small {
  display: block;
}

.trend-customer-benchmark > footer b {
  color: #1f607a;
  font-size: 12px;
}

.trend-customer-benchmark > footer small {
  color: #71838e;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.4;
}

.trend-benchmark-empty {
  color: #71838e;
  text-align: center;
  place-items: center;
  min-height: 100px;
  padding: 15px;
  font-size: 12px;
  display: grid;
}

.command-evidence-path article.pending {
  background: #fffaf0;
  border-color: #ead49d;
}

.command-evidence-path article.pending > i {
  background: #d59a27;
}

.command-assessment-card > button {
  width: 100%;
  margin-top: 12px;
}

.member-access-page {
  max-width: 1180px;
  min-height: 100vh;
  margin: 0 auto;
  padding: 26px max(18px, 4vw) 60px;
}

.member-access-brand {
  background: radial-gradient(circle at 12% 0, #15516b 0, #0000 38%), linear-gradient(115deg, #00154f, #072840 72%, #0c465c);
  border: 1px solid #173d63;
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 22px;
  padding: 14px 18px;
  display: flex;
  box-shadow: 0 14px 32px #061c2d24;
}

.member-access-brand > a {
  align-items: center;
  min-width: 0;
  text-decoration: none;
  display: flex;
}

.member-access-brand > a > img {
  object-fit: contain;
  object-position: left center;
  width: 300px;
  max-width: min(62vw, 300px);
  height: auto;
  max-height: 70px;
  display: block;
}

.member-access-brand > em {
  color: #e8f4fa;
  background: #ffffff10;
  border: 1px solid #ffffff45;
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  display: flex;
}

.member-access-brand > em svg {
  width: 15px;
}

.member-access-hero {
  color: #fff;
  background: radial-gradient(circle at 80% 20%, #1f78905e, #0000 34%), linear-gradient(125deg, #071f32, #0c3e58 72%, #146878);
  border-radius: 18px;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: center;
  gap: 24px;
  padding: 30px;
  display: grid;
  box-shadow: 0 18px 45px #061c2d22;
}

.member-access-hero > div > span {
  color: #88d4df;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 12px;
  font-weight: 900;
}

.member-access-hero h1 {
  letter-spacing: -.045em;
  margin: 6px 0 10px;
  font-size: clamp(36px, 5vw, 58px);
}

.member-access-hero p {
  color: #ccdee6;
  max-width: 680px;
  margin: 0;
  font-size: 16px;
  line-height: 1.55;
}

.member-access-hero > aside {
  background: #ffffff10;
  border: 1px solid #ffffff28;
  border-radius: 12px;
  align-items: center;
  gap: 11px;
  padding: 15px;
  display: flex;
}

.member-access-hero > aside > svg {
  color: #78dda8;
  flex: none;
  width: 30px;
}

.member-access-hero > aside.signed-out > svg {
  color: #f0bf62;
}

.member-access-hero > aside b, .member-access-hero > aside small, .member-access-hero > aside em {
  display: block;
}

.member-access-hero > aside b {
  font-size: 15px;
}

.member-access-hero > aside small {
  color: #c4dbe4;
  margin-top: 3px;
  font-size: 13px;
}

.member-access-hero > aside em {
  color: #8ecbd8;
  overflow-wrap: anywhere;
  margin-top: 5px;
  font-size: 12px;
  font-style: normal;
}

.member-access-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 18px;
  display: grid;
}

.member-access-grid > article {
  background: #fff;
  border: 1px solid #c9d7df;
  border-radius: 14px;
  padding: 20px;
  box-shadow: 0 9px 26px #0b2b3e0d;
}

.member-access-grid article > header {
  align-items: center;
  gap: 10px;
  display: flex;
}

.member-access-grid article > header > svg {
  color: #2c819a;
  width: 26px;
}

.member-access-grid article > header span {
  color: #568092;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

.member-access-grid h2 {
  color: #173d52;
  margin: 3px 0 0;
  font-size: 18px;
}

.member-access-grid article > p {
  color: #627987;
  font-size: 14px;
  line-height: 1.55;
}

.member-access-grid ul, .member-access-grid ol {
  gap: 8px;
  margin: 14px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.member-access-grid li {
  color: #496575;
  border-top: 1px solid #e2e9ec;
  align-items: flex-start;
  gap: 7px;
  padding-top: 8px;
  font-size: 13px;
  line-height: 1.4;
  display: flex;
}

.member-access-grid ol {
  counter-reset: member-step;
}

.member-access-grid ol li {
  counter-increment: member-step;
}

.member-access-grid ol li:before {
  content: counter(member-step);
  color: #24758f;
  background: #dff0f5;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 21px;
  height: 21px;
  font-size: 11px;
  font-weight: 900;
  display: grid;
}

.member-access-grid li svg {
  color: #339169;
  flex: none;
  width: 16px;
}

.member-access-actions {
  background: #edf7fa;
  border: 1px solid #bdd4de;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin-top: 18px;
  padding: 16px 18px;
  display: flex;
}

.member-access-actions > div {
  align-items: center;
  gap: 9px;
  display: flex;
}

.member-access-actions > div > svg {
  color: #2d8099;
  width: 24px;
}

.member-access-actions b, .member-access-actions small {
  display: block;
}

.member-access-actions b {
  color: #21495d;
  font-size: 14px;
}

.member-access-actions small {
  color: #6a808c;
  margin-top: 2px;
  font-size: 12px;
}

.member-primary, .member-secondary {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  padding: 0 13px;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  display: inline-flex;
}

.member-primary {
  color: #fff;
  background: #0f506d;
}

.member-secondary {
  color: #285e75;
  background: #fff;
  border: 1px solid #aec8d3;
}

@media (max-width: 900px) {
  .community-media-gallery {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .member-access-hero, .member-access-grid {
    grid-template-columns: 1fr;
  }

  .member-access-actions {
    flex-direction: column;
    align-items: flex-start;
  }
}

@media (max-width: 620px) {
  .community-media-gallery {
    grid-template-columns: 1fr;
  }

  .community-replies > article > header, .discussion-card > footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .discussion-card > footer > div {
    justify-content: flex-start;
  }

  .community-reply-form > button {
    width: 100%;
  }

  .member-access-page {
    padding-inline: 12px;
  }

  .member-access-brand {
    flex-direction: column;
    align-items: flex-start;
  }

  .member-access-hero {
    padding: 22px;
  }

  .member-access-actions > div:last-child {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .member-primary, .member-secondary {
    width: 100%;
  }

  .trend-customer-benchmark > div {
    grid-template-columns: 1fr;
  }
}

.risk-lab-workflow-note {
  color: #37677b;
  background: #eff8fa;
  border: 1px solid #b9d9e3;
  border-radius: 10px;
  align-items: flex-start;
  gap: 10px;
  margin: 14px 17px 0;
  padding: 12px 13px;
  display: flex;
}

.risk-lab-workflow-note > svg {
  color: #2584a0;
  flex: none;
  width: 19px;
}

.risk-lab-workflow-note b, .risk-lab-workflow-note span {
  display: block;
}

.risk-lab-workflow-note b {
  font-size: 12px;
}

.risk-lab-workflow-note span {
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.5;
}

.kpi-runtime-status {
  background: linear-gradient(110deg, #f8fbfc, #eef5f8);
  border: 1px solid #c3d6df;
  border-left: 4px solid #7197aa;
  border-radius: 14px;
  grid-template-columns: minmax(250px, .72fr) minmax(360px, 1fr);
  align-items: center;
  gap: 16px;
  padding: 16px 17px;
  display: grid;
  box-shadow: 0 9px 28px #12344a0d;
}

.kpi-runtime-status.preview {
  background: linear-gradient(110deg, #fffdf8, #f8f3e7);
  border-left-color: #d39a2c;
}

.kpi-runtime-status.approved {
  background: linear-gradient(110deg, #f5fcf8, #edf8f2);
  border-left-color: #2f976d;
}

.kpi-runtime-status > div:first-child {
  align-items: center;
  gap: 10px;
  display: flex;
}

.kpi-runtime-status > div:first-child > svg {
  color: #2d809c;
  width: 23px;
}

.kpi-runtime-status.approved > div:first-child > svg {
  color: #2f8d67;
}

.kpi-runtime-status b, .kpi-runtime-status small, .kpi-runtime-status span {
  display: block;
}

.kpi-runtime-status > div:first-child b {
  color: #173d52;
  font-size: 14px;
}

.kpi-runtime-status > div:first-child small {
  color: #6c818e;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.4;
}

.kpi-runtime-state {
  border-left: 1px solid #cedce3;
  padding-left: 16px;
}

.kpi-runtime-state > span {
  color: #568095;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.kpi-runtime-state > b {
  color: #244c61;
  margin-top: 3px;
  font-size: 13px;
}

.kpi-runtime-state > small {
  color: #6b818e;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.45;
}

.kpi-runtime-status > button {
  white-space: nowrap;
}

.trend-kpi-reference {
  background: linear-gradient(110deg, #f1f9fb, #fbfdfd);
  border: 1px solid #bed8e1;
  border-radius: 11px;
  grid-template-columns: auto minmax(250px, 1fr) auto;
  align-items: center;
  gap: 11px;
  margin: 13px 22px 4px;
  padding: 12px 13px;
  display: grid;
}

.trend-kpi-reference > svg {
  color: #287f99;
  width: 21px;
}

.trend-kpi-reference > div:nth-child(2) > span, .trend-kpi-reference > div:nth-child(2) > b, .trend-kpi-reference > div:nth-child(2) > small {
  display: block;
}

.trend-kpi-reference > div:nth-child(2) > span {
  color: #287b96;
  letter-spacing: .09em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.trend-kpi-reference > div:nth-child(2) > b {
  color: #1e485d;
  margin-top: 3px;
  font-size: 12px;
}

.trend-kpi-reference > div:nth-child(2) > small {
  color: #667e8c;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.45;
}

.trend-kpi-reference > div:last-child {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.trend-kpi-reference em {
  color: #667985;
  background: #fff;
  border: 1px solid #d6e0e5;
  border-radius: 8px;
  grid-template-columns: auto auto;
  align-items: center;
  gap: 2px 5px;
  padding: 6px 8px;
  font-size: 9px;
  font-style: normal;
  display: grid;
}

.trend-kpi-reference em > i {
  background: #7f929c;
  border-radius: 50%;
  grid-row: 1 / 3;
  width: 8px;
  height: 8px;
}

.trend-kpi-reference em > b {
  color: #294c5e;
  grid-column: 2;
  font-size: 10px;
}

.trend-kpi-reference em.green > i {
  background: #2f976d;
}

.trend-kpi-reference em.amber > i {
  background: #ca8b21;
}

.trend-kpi-reference em.red > i {
  background: #c9554f;
}

.trend-kpi-reference.missing {
  background: #f7fafb;
  border-style: dashed;
  border-color: #cad7de;
  grid-template-columns: auto 1fr;
}

.trend-kpi-reference.missing > svg {
  color: #8599a4;
}

.trend-lab-chart-panel > footer i.kpi {
  background: none;
  border-top: 2px dashed #ca8b21;
  height: 0;
}

@media (max-width: 980px) {
  .kpi-runtime-status {
    grid-template-columns: 1fr;
  }

  .kpi-runtime-state {
    border-top: 1px solid #cedce3;
    border-left: 0;
    grid-area: 2 / 1 / auto / -1;
    padding: 12px 0 0;
  }

  .trend-kpi-reference {
    grid-template-columns: auto 1fr;
  }

  .trend-kpi-reference > div:last-child {
    grid-column: 2;
    justify-content: flex-start;
  }
}

@media (max-width: 620px) {
  .kpi-runtime-status {
    grid-template-columns: 1fr;
  }

  .kpi-runtime-status > button {
    width: 100%;
  }

  .trend-kpi-reference {
    grid-template-columns: 1fr;
    margin-inline: 12px;
  }

  .trend-kpi-reference > div:last-child {
    grid-column: auto;
  }

  .risk-lab-workflow-note {
    margin-inline: 12px;
  }
}

.kpi-paired-field {
  grid-template-columns: minmax(0, 1fr) minmax(120px, .65fr);
  align-items: end;
  gap: 8px;
  display: grid;
}

.kpi-paired-field > .kpi-field {
  min-width: 0;
}

@media (max-width: 760px) {
  .kpi-paired-field {
    grid-template-columns: 1fr;
  }
}

.governance-console > .panel-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.governance-live-status {
  background: #f2faf6;
  border: 1px solid #b9d8c8;
  border-left: 5px solid #2f8b61;
  border-radius: 9px;
  align-items: flex-start;
  gap: 10px;
  padding: 13px 14px;
  display: flex;
}

.governance-live-status svg {
  color: #2f8b61;
  flex: none;
  width: 21px;
}

.governance-live-status b, .governance-live-status span {
  display: block;
}

.governance-live-status b {
  color: #214c39;
  font-size: 13px;
}

.governance-live-status span {
  color: #547565;
  margin-top: 3px;
  font-size: 12px;
}

.governance-record-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
  display: grid;
}

.governance-record-grid article {
  background: #f8fafc;
  border: 1px solid #d6e0e7;
  border-radius: 10px;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 4px 9px;
  padding: 13px;
  display: grid;
}

.governance-record-grid svg {
  color: #2c6f99;
  grid-row: 1 / 3;
  width: 20px;
}

.governance-record-grid span {
  color: #62798b;
  font-size: 11px;
  font-weight: 800;
}

.governance-record-grid b {
  color: #163b57;
  font-size: 25px;
}

.governance-record-grid small {
  color: #6e7f8c;
  overflow-wrap: anywhere;
  grid-column: 1 / -1;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.4;
}

.governance-actions {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 12px;
  display: grid;
}

.governance-actions > section {
  background: #fff;
  border: 1px solid #d4dfe7;
  border-radius: 10px;
  padding: 15px;
}

.governance-actions h3 {
  color: #1d405b;
  margin: 0;
  font-size: 14px;
}

.governance-actions p {
  color: #687b8b;
  min-height: 58px;
  margin: 6px 0 12px;
  font-size: 11px;
  line-height: 1.45;
}

.governance-actions > section > div:not(.governance-approval) {
  grid-template-columns: 1fr 1fr;
  gap: 8px;
  display: grid;
}

.governance-actions label span, .governance-approval > span {
  color: #536d82;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: 800;
  display: block;
}

.governance-actions input, .governance-actions select, .governance-actions textarea {
  color: #1c394f;
  background: #fff;
  border: 1px solid #c7d4dd;
  border-radius: 7px;
  width: 100%;
  min-height: 38px;
  padding: 8px 9px;
  font-size: 12px;
}

.governance-actions textarea {
  resize: vertical;
  min-height: 70px;
}

.governance-actions button {
  margin-top: 10px;
}

.governance-approval {
  border-top: 1px solid #e0e6eb;
  gap: 7px;
  margin-top: 13px;
  padding-top: 12px;
  display: grid;
}

.governance-approval button {
  margin-top: 0;
}

.community-evidence-review {
  background: #f5f9fc;
  border: 1px solid #cbdbe7;
  border-radius: 9px;
  gap: 7px;
  padding: 12px;
  display: grid;
}

.community-evidence-review > span {
  color: #355c78;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 10px;
  font-weight: 900;
}

.community-evidence-review input, .community-evidence-review textarea {
  color: #1b394f;
  background: #fff;
  border: 1px solid #c5d4df;
  border-radius: 7px;
  width: 100%;
  padding: 8px 9px;
  font-size: 11px;
}

.community-evidence-review textarea {
  resize: vertical;
  min-height: 62px;
}

.community-evidence-review button {
  justify-self: start;
}

.community-evidence-review small {
  color: #627a8c;
  font-size: 10px;
}

@media (max-width: 1100px) {
  .governance-record-grid, .governance-actions {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 720px) {
  .governance-console > .panel-head {
    flex-direction: column;
  }

  .governance-record-grid, .governance-actions, .governance-actions > section > div:not(.governance-approval) {
    grid-template-columns: 1fr;
  }

  .governance-actions p {
    min-height: 0;
  }
}

.intelligence-brand {
  background: #00154f;
  border-bottom-color: #f4e90033;
  min-height: 105px;
  padding: 14px;
}

.intelligence-brand > img {
  object-fit: contain;
  width: 100%;
  height: auto;
  max-height: 77px;
  display: block;
}

.governance-record-grid.expanded, .governance-actions.expanded {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.governance-actions.expanded > section {
  min-width: 0;
}

.governance-actions.expanded > section > small {
  color: #687d8c;
  margin-top: 9px;
  font-size: 12px;
  line-height: 1.45;
  display: block;
}

.governance-actions.expanded > section > textarea, .governance-actions.expanded > section > input {
  color: #1c394f;
  background: #fff;
  border: 1px solid #c7d4dd;
  border-radius: 7px;
  width: 100%;
  min-height: 38px;
  margin-top: 8px;
  padding: 8px 9px;
  font-size: 12px;
}

.governance-actions.expanded > section > textarea {
  resize: vertical;
  min-height: 75px;
}

.tenant-invite {
  border-top: 1px solid #dfe7eb;
  margin-top: 14px;
  padding-top: 13px;
  grid-template-columns: 1fr !important;
  gap: 7px !important;
  display: grid !important;
}

.tenant-invite > span {
  color: #536d82;
  font-size: 11px;
  font-weight: 850;
}

.tenant-invite > div {
  grid-template-columns: minmax(0, 1fr) 108px;
  gap: 7px;
  display: grid;
}

.tenant-invite button {
  justify-self: start;
  margin-top: 0;
}

.tenant-invite small {
  color: #6d7f8d;
  font-size: 11px;
  line-height: 1.4;
}

.controlled-file-link {
  color: #2c5872;
  background: #f7fafb;
  border: 1px solid #d5e0e7;
  border-radius: 8px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 7px;
  margin-top: 8px;
  padding: 8px 9px;
  font-size: 12px;
  font-weight: 800;
  text-decoration: none;
  display: grid;
}

.controlled-file-link:hover {
  background: #eef7fa;
  border-color: #8eb8cd;
}

.controlled-file-link > svg {
  width: 15px;
}

.controlled-file-link > small {
  color: #778995;
  font-size: 10px;
  font-weight: 700;
}

.recovery-actions {
  grid-template-columns: 1fr 1fr !important;
  gap: 7px !important;
  display: grid !important;
}

.recovery-actions button {
  margin-top: 0 !important;
}

.pilot-authorization-card {
  background: linear-gradient(145deg, #fff, #f1faf5) !important;
  border-color: #a8cebb !important;
}

.pilot-authorization-card > button {
  width: 100%;
}

@media (max-width: 1100px) {
  .governance-record-grid.expanded, .governance-actions.expanded {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .intelligence-brand {
    min-height: 0;
    padding: 9px 14px;
  }

  .intelligence-brand > img {
    width: 220px;
    max-width: 72vw;
    max-height: 58px;
  }
}

@media (max-width: 720px) {
  .governance-record-grid.expanded, .governance-actions.expanded {
    grid-template-columns: 1fr;
  }

  .tenant-invite > div, .recovery-actions {
    grid-template-columns: 1fr !important;
  }

  .controlled-file-link {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .controlled-file-link > small {
    grid-column: 2;
  }
}

.intelligence-brand {
  background: none;
}

.trend-lab-series-groups {
  gap: 15px;
  display: grid;
}

.trend-lab-series-group {
  --series-group-accent: #1683b6;
  --series-group-border: #bedbe8;
  --series-group-tint: #eff8fc;
  border: 1px solid var(--series-group-border);
  border-top: 3px solid var(--series-group-accent);
  background: var(--series-group-tint);
  border-radius: 12px;
  padding: 12px;
}

.trend-lab-series-group.flow-assurance {
  --series-group-accent: #6b62b5;
  --series-group-border: #d4d0ea;
  --series-group-tint: #f6f4fc;
}

.trend-lab-series-group.phase-separation {
  --series-group-accent: #168c88;
  --series-group-border: #c2dfdc;
  --series-group-tint: #eff9f7;
}

.trend-lab-series-group.needs-classification {
  --series-group-accent: #7a8793;
  --series-group-border: #d7dde2;
  --series-group-tint: #f6f8f9;
  border-style: dashed;
}

.trend-lab-series-group > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin: 0 2px 11px;
  display: flex;
}

.trend-lab-series-group-heading {
  align-items: flex-start;
  gap: 10px;
  min-width: 0;
  display: flex;
}

.trend-lab-series-group-heading > svg {
  width: 20px;
  color: var(--series-group-accent);
  flex: none;
  margin-top: 2px;
}

.trend-lab-series-group-heading span, .trend-lab-series-group-heading h3, .trend-lab-series-group-heading p {
  display: block;
}

.trend-lab-series-group-heading span {
  color: var(--series-group-accent);
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.trend-lab-series-group-heading h3 {
  color: #18314b;
  letter-spacing: -.01em;
  margin: 3px 0;
  font-size: 15px;
}

.trend-lab-series-group-heading p {
  color: #6c7e8d;
  margin: 0;
  font-size: 10px;
  line-height: 1.45;
}

.trend-lab-series-group > header > em {
  border: 1px solid var(--series-group-border);
  color: #536b7b;
  white-space: nowrap;
  background: #fff;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
}

.trend-lab-series-group .trend-lab-series-grid > button {
  background: #fff;
}

.trend-lab-series-group .trend-lab-series-grid > button:focus-visible {
  outline: 3px solid var(--series-group-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .trend-lab-series-group .trend-lab-series-grid > button:focus-visible {
    outline: 3px solid color-mix(in srgb,var(--series-group-accent) 22%,transparent);
  }
}

.trend-lab-series-group .trend-lab-series-grid > button:focus-visible {
  outline-offset: 2px;
  border-color: var(--series-group-accent);
}

.trend-lab-series-group-empty {
  border: 1px dashed var(--series-group-border);
  color: #81909b;
  text-align: center;
  background: #ffffffa8;
  border-radius: 9px;
  padding: 18px;
  font-size: 10px;
}

@media (max-width: 620px) {
  .trend-lab-series-group {
    padding: 10px;
  }

  .trend-lab-series-group > header {
    flex-direction: column;
  }

  .trend-lab-series-group > header > em {
    margin-left: 30px;
  }
}

.trend-lab-overview.trend-lab-direction-banner {
  margin-top: 18px;
  padding: 15px 17px 11px;
  overflow: hidden;
}

.trend-lab-direction-banner > header {
  align-items: center;
  margin-bottom: 10px;
}

.trend-lab-direction-banner > header p {
  max-width: 860px;
}

.trend-lab-direction-banner .trend-lab-series-groups {
  overscroll-behavior-inline: contain;
  scroll-snap-type: x proximity;
  scrollbar-gutter: stable;
  scrollbar-color: #91afc3 #edf3f7;
  scrollbar-width: thin;
  outline: none;
  gap: 10px;
  min-width: 0;
  padding: 2px 2px 10px;
  display: flex;
  overflow-x: auto;
}

.trend-lab-direction-banner .trend-lab-series-groups:focus-visible {
  border-radius: 9px;
  box-shadow: inset 0 0 0 3px #256da526;
}

.trend-lab-direction-banner .trend-lab-series-group {
  border-top-width: 1px;
  border-left: 3px solid var(--series-group-accent);
  scroll-snap-align: start;
  flex: none;
  grid-template-columns: 142px auto;
  align-items: stretch;
  gap: 8px;
  min-width: max-content;
  padding: 8px;
  display: grid;
}

.trend-lab-direction-banner .trend-lab-series-group > header {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 7px;
  width: 142px;
  margin: 0;
  padding: 5px 7px;
  display: flex;
}

.trend-lab-direction-banner .trend-lab-series-group-heading {
  gap: 7px;
}

.trend-lab-direction-banner .trend-lab-series-group-heading > svg {
  width: 17px;
  height: 17px;
}

.trend-lab-direction-banner .trend-lab-series-group-heading h3 {
  font-size: 13px;
  line-height: 1.25;
}

.trend-lab-direction-banner .trend-lab-series-group-heading p {
  font-size: 9px;
  line-height: 1.35;
}

.trend-lab-direction-banner .trend-lab-series-group > header > em {
  align-self: flex-start;
  margin-top: auto;
}

.trend-lab-direction-banner .trend-lab-series-grid {
  grid-template-columns: none;
  gap: 8px;
  display: flex;
}

.trend-lab-direction-banner .trend-lab-series-grid > button {
  scroll-snap-align: start;
  flex: 0 0 188px;
  width: 188px;
  min-height: 142px;
  padding: 10px;
}

.trend-lab-direction-banner .trend-lab-series-head {
  min-height: 27px;
}

.trend-lab-direction-banner .trend-lab-series-value {
  margin-top: 5px;
}

.trend-lab-direction-banner .trend-lab-series-value b {
  font-size: 18px;
}

.trend-lab-direction-banner .trend-lab-series-method {
  margin-top: 2px;
}

.trend-lab-direction-banner .trend-lab-spark {
  height: 40px;
  margin: 4px 0 2px;
}

.trend-lab-direction-banner .trend-lab-series-grid footer {
  padding-top: 6px;
}

.trend-lab-direction-banner .trend-lab-series-group-empty {
  place-items: center;
  width: 188px;
  padding: 12px;
  display: grid;
}

.trend-lab-detail-grid.trend-lab-detail-grid--focus {
  grid-template-columns: minmax(0, 2.15fr) minmax(300px, .65fr);
  gap: 18px;
  margin-top: 14px;
}

.trend-lab-detail-grid--focus .trend-lab-chart-panel {
  border-top: 3px solid #256da5;
  box-shadow: 0 14px 34px #19364f16;
}

.trend-lab-detail-grid--focus .trend-lab-chart {
  height: clamp(390px, 32vw, 455px);
}

.trend-lab-assessment.trend-lab-assessment-wide {
  grid-template-columns: minmax(250px, 1.05fr) minmax(280px, 1fr) minmax(280px, 1fr);
  margin-top: 18px;
  display: grid;
  position: relative;
  top: auto;
}

.trend-lab-assessment-wide > header, .trend-lab-assessment-wide > .trend-lab-status-board {
  border-bottom: 0;
  border-right: 1px solid #ffffff12;
}

.trend-lab-assessment-wide > .trend-lab-assessment-coverage {
  border-bottom: 0;
  flex-direction: column;
  justify-content: center;
  display: flex;
}

.trend-lab-assessment-wide > .trend-lab-scoped-signal {
  grid-column: 1 / -1;
}

.trend-lab-assessment-wide .trend-lab-insights {
  border-top: 1px solid #ffffff12;
  grid-column: 1 / -1;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 18px;
}

.trend-lab-assessment-wide .trend-lab-insights > header {
  grid-column: 1 / -1;
}

@media (max-width: 1180px) {
  .trend-lab-detail-grid.trend-lab-detail-grid--focus {
    grid-template-columns: 1fr;
  }

  .trend-lab-assessment.trend-lab-assessment-wide {
    grid-template-columns: 1fr 1fr;
  }

  .trend-lab-assessment-wide > header {
    border-bottom: 1px solid #ffffff12;
    border-right: 0;
    grid-column: 1 / -1;
  }

  .trend-lab-assessment-wide > .trend-lab-status-board {
    border-bottom: 0;
  }

  .trend-lab-assessment-wide .trend-lab-insights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .trend-lab-overview.trend-lab-direction-banner {
    padding: 14px 12px 8px;
  }

  .trend-lab-direction-banner > header {
    align-items: stretch;
  }

  .trend-lab-direction-banner .trend-lab-series-groups {
    scroll-snap-type: x mandatory;
  }

  .trend-lab-direction-banner .trend-lab-series-group {
    grid-template-columns: 116px auto;
  }

  .trend-lab-direction-banner .trend-lab-series-group > header {
    flex-direction: column;
    width: 116px;
  }

  .trend-lab-direction-banner .trend-lab-series-group-heading > svg {
    display: none;
  }

  .trend-lab-direction-banner .trend-lab-series-grid > button {
    flex-basis: min(76vw, 240px);
    width: min(76vw, 240px);
  }

  .trend-lab-direction-banner .trend-lab-series-group-empty {
    width: min(76vw, 240px);
  }

  .trend-lab-detail-grid--focus .trend-lab-chart {
    height: 315px;
  }

  .trend-lab-assessment.trend-lab-assessment-wide {
    grid-template-columns: 1fr;
  }

  .trend-lab-assessment-wide > header, .trend-lab-assessment-wide > .trend-lab-status-board {
    border-bottom: 1px solid #ffffff12;
    border-right: 0;
    grid-column: auto;
  }

  .trend-lab-assessment-wide > .trend-lab-assessment-coverage {
    border-bottom: 1px solid #ffffff12;
  }

  .trend-lab-assessment-wide .trend-lab-insights {
    grid-template-columns: 1fr;
  }
}

@media (prefers-reduced-motion: reduce) {
  .trend-lab-direction-banner .trend-lab-series-grid > button {
    transition: none;
  }

  .trend-lab-direction-banner .trend-lab-series-grid > button:hover {
    transform: none;
  }
}

.decision-priority {
  background: linear-gradient(115deg, #fff, #f5f9fb);
  border: 1px solid #bacbd7;
  border-left: 6px solid #477a9d;
  border-radius: 14px;
  grid-template-columns: minmax(0, 1.35fr) minmax(310px, .9fr) minmax(220px, .62fr);
  align-items: stretch;
  gap: 14px;
  padding: 16px;
  display: grid;
  box-shadow: 0 12px 34px #102f4612;
}

.decision-priority.ready {
  border-left-color: #31835e;
}

.decision-priority.attention {
  background: linear-gradient(115deg, #fff, #fff9ed);
  border-left-color: #d08d1c;
}

.decision-priority.locked {
  background: linear-gradient(115deg, #fff, #f3f6f8);
  border-left-color: #788897;
}

.decision-priority-status {
  align-items: flex-start;
  gap: 12px;
  min-width: 0;
  display: flex;
}

.decision-priority-status > svg {
  color: #2d7198;
  background: #e5f1f6;
  border-radius: 9px;
  flex: none;
  width: 27px;
  height: 27px;
  margin-top: 2px;
  padding: 5px;
}

.decision-priority.ready .decision-priority-status > svg {
  color: #287b57;
  background: #e4f3eb;
}

.decision-priority.attention .decision-priority-status > svg {
  color: #a76a09;
  background: #fff0ce;
}

.decision-priority.locked .decision-priority-status > svg {
  color: #5c6e7d;
  background: #e8edf0;
}

.decision-priority-status span, .decision-priority-facts span, .decision-priority > aside > span {
  color: #5c7a8d;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

.decision-priority-status h2 {
  color: #173b54;
  margin: 4px 0 5px;
  font-size: 18px;
  line-height: 1.2;
}

.decision-priority-status p {
  color: #617785;
  max-width: 760px;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.decision-priority-facts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 7px;
  display: grid;
}

.decision-priority-facts > div {
  background: #fff;
  border: 1px solid #d7e1e7;
  border-radius: 9px;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  padding: 10px;
  display: flex;
}

.decision-priority-facts b {
  color: #23465e;
  overflow-wrap: anywhere;
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.35;
  display: block;
}

.decision-priority > aside {
  background: #edf5f8;
  border: 1px solid #c9d8e1;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  padding: 11px 12px;
  display: flex;
}

.decision-priority.attention > aside {
  background: #fff5df;
  border-color: #ead39e;
}

.decision-priority > aside > b {
  color: #1e465f;
  margin: 5px 0;
  font-size: 13px;
  line-height: 1.4;
  display: block;
}

.decision-priority > aside > button {
  align-self: flex-start;
  margin-top: 4px;
}

.analysis-page > .page-title {
  order: 0;
}

.analysis-page > .decision-priority {
  order: 1;
}

.analysis-page > .analysis-summary {
  order: 2;
}

.analysis-page > .workflow-steps {
  order: 3;
}

.analysis-page > * {
  order: 10;
}

.analysis-page > .page-title, .analysis-page > .decision-priority, .analysis-page > .analysis-summary, .analysis-page > .analysis-cta, .analysis-page > .workflow-steps {
  scroll-margin-top: 18px;
}

.page-title-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.command-empty-route {
  background: linear-gradient(110deg, #f8fbfd, #edf5f8);
  border: 1px solid #b8cbd8;
  border-radius: 14px;
  grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr);
  align-items: center;
  gap: 18px;
  padding: 17px 18px;
  display: grid;
}

.command-empty-route > div:first-child > span {
  color: #397b98;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

.command-empty-route h2 {
  color: #173b52;
  margin: 4px 0;
  font-size: 18px;
}

.command-empty-route p {
  color: #657b89;
  margin: 0;
  font-size: 13px;
  line-height: 1.45;
}

.command-empty-steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.command-empty-steps button {
  color: #244a62;
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1px solid #c5d6e0;
  border-radius: 10px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 8px;
  min-width: 0;
  padding: 10px;
  display: grid;
}

.command-empty-steps button:hover {
  background: #f1f9fc;
  border-color: #5795ae;
}

.command-empty-steps i {
  color: #27758f;
  background: #dceef4;
  border-radius: 99px;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.command-empty-steps b, .command-empty-steps small {
  display: block;
}

.command-empty-steps b {
  font-size: 12px;
}

.command-empty-steps small {
  color: #748792;
  margin-top: 2px;
  font-size: 11px;
  line-height: 1.35;
}

.command-empty-steps svg {
  color: #6d8998;
  width: 14px;
}

.asset-dashboard-shell > .decision-priority {
  margin: 0 18px 14px;
}

.asset-dashboard-side.single {
  grid-template-rows: 1fr;
}

.asset-dashboard-bottom {
  grid-template-columns: minmax(0, 1.65fr) minmax(280px, .85fr);
}

.diagnostic-decision-banner {
  padding: 20px;
  background: radial-gradient(circle at 92% -10%, #e6f5f7, #0000 42%), #fff !important;
  border-left: 6px solid #d09325 !important;
}

.diagnostic-decision-banner.moderate, .diagnostic-decision-banner.high {
  border-left-color: #318561 !important;
}

.diagnostic-decision-banner > header {
  align-items: center;
}

.diagnostic-decision-banner > header > em {
  color: #32687f;
  text-transform: uppercase;
  background: #edf4f7;
  border-radius: 99px;
  margin-left: auto;
  padding: 6px 9px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.diagnostic-decision-grid {
  grid-template-columns: minmax(0, 1.2fr) minmax(180px, .5fr) minmax(260px, .9fr);
  gap: 10px;
  margin-top: 14px;
  display: grid;
}

.diagnostic-decision-grid > div {
  background: #fff;
  border: 1px solid #d3e0e6;
  border-radius: 10px;
  margin: 0;
  padding: 13px;
}

.diagnostic-decision-state span, .diagnostic-confirmation span {
  color: #6b8390;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

.diagnostic-decision-state b, .diagnostic-decision-state small {
  display: block;
}

.diagnostic-decision-state b {
  color: #1c465d;
  margin-top: 4px;
  font-size: 14px;
}

.diagnostic-decision-state small {
  color: #667b87;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.45;
}

.diagnostic-confirmation {
  align-items: flex-start;
  gap: 9px;
  display: flex;
}

.diagnostic-confirmation > svg {
  color: #318660;
  flex: none;
  width: 19px;
}

.diagnostic-confirmation p {
  margin: 0;
}

.diagnostic-confirmation b {
  color: #285569;
  margin-top: 4px;
  font-size: 13px;
  line-height: 1.45;
  display: block;
}

.diagnostic-authority-boundary {
  background: #fff8e9;
  border: 1px solid #e3cd9b;
  border-radius: 9px;
  gap: 9px;
  margin-top: 10px;
  padding: 11px 12px;
  display: flex;
}

.diagnostic-authority-boundary > svg {
  color: #a66d0d;
  flex: none;
  width: 20px;
}

.diagnostic-authority-boundary span, .diagnostic-authority-boundary b, .diagnostic-authority-boundary small {
  display: block;
}

.diagnostic-authority-boundary span {
  color: #8a651d;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

.diagnostic-authority-boundary b {
  color: #644b1f;
  margin-top: 3px;
  font-size: 13px;
}

.diagnostic-authority-boundary small {
  color: #7d6b49;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.45;
}

.modeling-decision-deck {
  border-color: #7da3b6 !important;
  box-shadow: 0 16px 38px #0b2d4117 !important;
}

.modeling-decision-deck > header {
  background: linear-gradient(105deg, #0a2940, #0d4d61) !important;
}

.modeling-decision-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

.modeling-decision-card {
  flex-direction: column;
  min-height: 180px;
  border-top: 5px solid #6b8290 !important;
  display: flex !important;
}

.modeling-decision-card.validation_ready, .modeling-decision-card.ready {
  border-top-color: #32875f !important;
}

.modeling-decision-card.blocked, .modeling-decision-card.review {
  border-top-color: #cf8b1a !important;
}

.modeling-decision-card > span {
  text-transform: uppercase;
  color: #547789 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}

.modeling-decision-card > b {
  color: #153d55 !important;
  margin-top: 7px !important;
  font-size: 15px !important;
  line-height: 1.25 !important;
}

.modeling-decision-card > small {
  color: #647a87 !important;
  margin-top: 7px !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}

.modeling-decision-card > p {
  color: #526d7b;
  border-top: 1px solid #e0e8ec;
  margin: auto 0 0;
  padding-top: 10px;
  font-size: 12px;
  line-height: 1.5;
}

.modeling-decision-card > p > b {
  color: #2d5b70;
}

.pilot-dependency-runway .launch-mode-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.pilot-dependency-runway .launch-mode-grid article {
  min-height: 128px;
}

.governance-next-action {
  margin: 12px 0;
}

.governance-actions.expanded {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.governance-launch-step {
  border-top: 4px solid #3d7e9e !important;
}

.governance-supporting-tool {
  grid-column: span 2;
  background: #f7f9fa !important;
  border-top: 4px solid #9aa8b2 !important;
}

.governance-supporting-tool:before {
  content: "Governance administration";
  color: #71818c;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 7px;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

.kpi-preview-tools, .development-task-ledger {
  background: #f7fafc;
  border: 1px solid #cdd9e2;
  border-radius: 11px;
  overflow: hidden;
}

.kpi-preview-tools > summary, .development-task-ledger > summary {
  color: #2c5878;
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 13px 15px;
  font-size: 13px;
  font-weight: 900;
  display: flex;
}

.kpi-preview-tools > summary span, .development-task-ledger > summary span {
  color: #718493;
  font-size: 11px;
  font-weight: 600;
}

.kpi-preview-tools[open] > summary, .development-task-ledger[open] > summary {
  border-bottom: 1px solid #d8e2e9;
}

.kpi-preview-tools > .stack {
  padding: 12px;
}

.development-task-ledger > .panel {
  box-shadow: none;
  border: 0;
  border-radius: 0;
}

.development-blockers {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  display: grid;
}

.development-blockers article {
  background: #fffaf0;
  border: 1px solid #e0c58b;
  border-radius: 10px;
  gap: 9px;
  padding: 13px;
  display: flex;
}

.development-blockers i {
  color: #fff;
  background: #d29425;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.development-blockers span, .development-blockers b {
  display: block;
}

.development-blockers span {
  color: #916a20;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

.development-blockers b {
  color: #5d4822;
  margin-top: 3px;
  font-size: 13px;
}

.development-blockers p {
  color: #796b50;
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.45;
}

.member-access-hero .command-hero-actions {
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 11px;
  display: flex;
}

.member-access-hero .member-secondary {
  color: #e5f2f6;
  background: #ffffff0d;
  border-color: #ffffff45;
}

@media (max-width: 1180px) {
  .decision-priority {
    grid-template-columns: 1fr 1fr;
  }

  .decision-priority-status {
    grid-column: 1 / -1;
  }

  .modeling-decision-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }

  .pilot-dependency-runway .launch-mode-grid, .governance-actions.expanded, .development-blockers {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .diagnostic-decision-grid {
    grid-template-columns: 1fr 1fr;
  }

  .diagnostic-confirmation {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .decision-priority {
    grid-template-columns: 1fr;
    padding: 13px;
  }

  .decision-priority-status {
    grid-column: auto;
  }

  .decision-priority-facts, .command-empty-route, .command-empty-steps {
    grid-template-columns: 1fr;
  }

  .asset-dashboard-shell > .decision-priority {
    margin: 0 8px 10px;
  }

  .asset-dashboard-bottom {
    grid-template-columns: 1fr;
  }

  .diagnostic-decision-grid, .modeling-decision-grid, .pilot-dependency-runway .launch-mode-grid, .governance-actions.expanded, .development-blockers {
    grid-template-columns: 1fr !important;
  }

  .diagnostic-confirmation, .governance-supporting-tool {
    grid-column: auto;
  }

  .modeling-decision-card {
    min-height: 0;
  }

  .page-title-actions {
    justify-content: flex-start;
    width: 100%;
  }

  .member-access-hero .command-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .member-access-hero .member-primary, .member-access-hero .member-secondary {
    width: 100%;
  }
}

.calculator-workspace {
  gap: 16px;
}

.calculator-library-hero {
  color: #fff;
  background: linear-gradient(118deg, #0b3264 0%, #11549b 58%, #1975c8 100%);
  border-radius: 14px;
  grid-template-columns: minmax(0, 1.45fr) minmax(370px, .9fr);
  align-items: center;
  gap: 38px;
  padding: 38px 42px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 42px #123f6d22;
}

.calculator-library-hero:after {
  content: "";
  pointer-events: none;
  border: 1px solid #ffffff25;
  border-radius: 50%;
  width: 460px;
  height: 460px;
  position: absolute;
  top: -235px;
  right: -100px;
  box-shadow: 0 0 0 56px #ffffff08, 0 0 0 118px #ffffff05;
}

.calculator-library-hero > div {
  z-index: 1;
  position: relative;
}

.calculator-library-hero > div:first-child > span, .calculator-tool-hero > div:first-child > span {
  color: #67e4ef;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-size: 10px;
  font-weight: 900;
  display: block;
}

.calculator-library-hero h1 {
  letter-spacing: -.035em;
  max-width: 760px;
  margin: 10px 0 14px;
  font-family: Georgia, Times New Roman, serif;
  font-size: clamp(32px, 4vw, 55px);
  font-weight: 500;
  line-height: 1.02;
}

.calculator-library-hero p {
  color: #e0edf8;
  max-width: 760px;
  margin: 0;
  font-size: 13px;
  line-height: 1.65;
}

.calculator-library-stats {
  background: #ffffff0e;
  border: 1px solid #ffffff34;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.calculator-library-stats > div {
  border-right: 1px solid #ffffff2c;
  min-height: 112px;
  padding: 22px 18px;
}

.calculator-library-stats > div:last-child {
  border-right: 0;
}

.calculator-library-stats span, .calculator-library-stats b, .calculator-library-stats small {
  display: block;
}

.calculator-library-stats span {
  color: #d9e9fa;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 8px;
  font-weight: 900;
}

.calculator-library-stats b {
  margin-top: 10px;
  font-family: Georgia, Times New Roman, serif;
  font-size: 29px;
  font-weight: 500;
}

.calculator-library-stats small {
  color: #e7f1fa;
  margin-top: 2px;
  font-size: 9px;
}

.calculator-library-note, .calculator-method-banner {
  color: #28516a;
  background: #e7f8fa;
  border-left: 4px solid #45dce7;
  align-items: center;
  gap: 11px;
  padding: 13px 16px;
  display: flex;
}

.calculator-library-note > svg, .calculator-method-banner > svg {
  color: #148bad;
  flex: none;
  width: 18px;
}

.calculator-library-note p, .calculator-method-banner p {
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.calculator-library-note span, .calculator-method-banner span {
  color: #527083;
}

.calculator-quick-deck {
  background: #fff;
  border: 1px solid #bfd5df;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 9px 25px #0b2a3e0b;
}

.calculator-quick-deck > header {
  border-bottom: 1px solid #d8e4e9;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.calculator-quick-deck > header > div {
  align-items: center;
  gap: 9px;
  display: flex;
}

.calculator-quick-deck > header svg {
  color: #2d809d;
  width: 21px;
}

.calculator-quick-deck > header b, .calculator-quick-deck > header small {
  display: block;
}

.calculator-quick-deck > header b {
  color: #1b4057;
  font-size: 15px;
}

.calculator-quick-deck > header small {
  color: #71848f;
  margin-top: 2px;
  font-size: 12px;
}

.calculator-quick-deck > header em {
  color: #4d7183;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.calculator-quick-deck .calculator-quick-actions {
  align-items: center;
  gap: 9px;
  display: flex;
}

.calculator-quick-deck .calculator-quick-actions button {
  color: #2d657c;
  background: #fff;
  border: 1px solid #bdd2dc;
  border-radius: 7px;
  align-items: center;
  gap: 6px;
  min-height: 0;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 900;
  display: flex;
  position: static;
}

.calculator-quick-deck .calculator-quick-actions button:hover {
  background: #eaf6fa;
}

.calculator-quick-deck .calculator-quick-actions button > svg {
  color: #2d809d;
  width: 15px;
  position: static;
  transform: none;
}

.calculator-quick-deck > .calculator-quick-grid {
  background: #dce6ea;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1px;
  display: grid;
}

.calculator-quick-deck .calculator-quick-grid > button {
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 0;
  min-height: 105px;
  padding: 14px 39px 14px 14px;
  position: relative;
}

.calculator-quick-deck .calculator-quick-grid > button:hover {
  background: #eaf6fa;
}

.calculator-quick-deck .calculator-quick-grid > button > span, .calculator-quick-deck .calculator-quick-grid > button > b, .calculator-quick-deck .calculator-quick-grid > button > small {
  display: block;
}

.calculator-quick-deck .calculator-quick-grid > button > span {
  color: #3183a0;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 9px;
  font-weight: 900;
}

.calculator-quick-deck .calculator-quick-grid > button > b {
  color: #23475b;
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.3;
}

.calculator-quick-deck .calculator-quick-grid > button > small {
  color: #71848f;
  margin-top: 5px;
  font-size: 11px;
}

.calculator-quick-deck .calculator-quick-grid > button > svg {
  color: #72a2b4;
  width: 18px;
  position: absolute;
  top: 50%;
  right: 13px;
  transform: translateY(-50%);
}

.calculator-quick-deck > .calculator-quick-empty {
  text-align: center;
  background: #f8fbfc;
  padding: 22px 16px;
  display: block;
}

.calculator-quick-empty b, .calculator-quick-empty span {
  display: block;
}

.calculator-quick-empty b {
  color: #315469;
  font-size: 13px;
}

.calculator-quick-empty span {
  color: #758792;
  margin-top: 4px;
  font-size: 12px;
}

.calculator-pin-editor {
  background: #f3f8fa;
  border-top: 1px solid #d8e4e9;
  padding: 14px 16px;
}

.calculator-pin-controls {
  grid-template-columns: minmax(260px, 1fr) auto;
  align-items: end;
  gap: 10px;
  display: grid;
}

.calculator-pin-controls label > span {
  color: #527386;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 5px;
  font-size: 10px;
  font-weight: 900;
  display: block;
}

.calculator-pin-controls select {
  color: #24475c;
  background: #fff;
  border: 1px solid #bed0da;
  border-radius: 7px;
  width: 100%;
  height: 38px;
  padding: 0 9px;
}

.calculator-quick-deck .calculator-pin-controls > button {
  color: #416477;
  background: #fff;
  border: 1px solid #bfd1da;
  border-radius: 7px;
  min-height: 38px;
  padding: 0 11px;
  font-size: 11px;
  font-weight: 900;
  position: static;
}

.calculator-quick-deck .calculator-pin-controls > button:hover {
  background: #eaf4f8;
}

.calculator-pin-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
  display: grid;
}

.calculator-quick-deck .calculator-pin-list > button {
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1px solid #cbdbe3;
  border-radius: 7px;
  min-height: 49px;
  padding: 8px 36px 8px 10px;
  position: relative;
}

.calculator-quick-deck .calculator-pin-list > button:hover {
  background: #fff5f5;
  border-color: #d6a0a0;
}

.calculator-quick-deck .calculator-pin-list > button > span, .calculator-quick-deck .calculator-pin-list > button > b {
  display: block;
}

.calculator-quick-deck .calculator-pin-list > button > span {
  color: #43809a;
  font-size: 9px;
  font-weight: 900;
}

.calculator-quick-deck .calculator-pin-list > button > b {
  color: #315468;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.3;
}

.calculator-quick-deck .calculator-pin-list > button > svg {
  color: #927171;
  width: 15px;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.calculator-pin-editor > small {
  color: #6d818d;
  margin-top: 10px;
  font-size: 11px;
  display: block;
}

.calculator-pin-editor > p {
  color: #35687c;
  background: #e7f2f6;
  border-radius: 7px;
  margin: 8px 0 0;
  padding: 7px 9px;
  font-size: 11px;
}

.calculator-library-panel {
  background: #fff;
  border: 1px solid #d4dfe6;
  border-radius: 12px;
  padding: 23px;
  box-shadow: 0 12px 32px #133b5e0c;
}

.calculator-library-panel > header {
  grid-template-columns: minmax(0, 1fr) minmax(310px, 390px);
  align-items: end;
  gap: 28px;
  display: grid;
}

.calculator-library-panel > header > div > span {
  color: #156ac0;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 9px;
  font-weight: 900;
}

.calculator-library-panel h2 {
  color: #12385e;
  margin: 6px 0 4px;
  font-family: Georgia, Times New Roman, serif;
  font-size: 28px;
  font-weight: 500;
}

.calculator-library-panel > header p {
  color: #698095;
  margin: 0;
  font-size: 11px;
}

.calculator-search > span {
  color: #526377;
  margin-bottom: 6px;
  font-size: 9px;
  font-weight: 800;
  display: block;
}

.calculator-search input {
  background: #fbfcfd;
  border-radius: 4px;
  height: 39px;
  padding-left: 35px;
}

.calculator-category-filter {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 17px;
  display: flex;
}

.calculator-category-filter button {
  color: #536d82;
  cursor: pointer;
  background: #f8fafc;
  border: 1px solid #c9d8e3;
  border-radius: 4px;
  padding: 8px 11px;
  font-size: 9px;
  font-weight: 800;
}

.calculator-category-filter button:hover {
  background: #f0f7fc;
  border-color: #6e9fca;
}

.calculator-count {
  color: #657d90;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin: 13px 0 8px;
  font-size: 9px;
  font-weight: 900;
  display: block;
}

.calculator-library-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 13px;
  display: grid;
}

.calculator-library-card {
  background: #fff;
  border: 1px solid #cedce7;
  border-top: 4px solid #176ec2;
  flex-direction: column;
  min-width: 0;
  min-height: 220px;
  padding: 17px;
  display: flex;
  box-shadow: 0 5px 14px #123a5d08;
}

.calculator-library-card > header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.calculator-library-card > header > span {
  color: #176cc0;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 8px;
  font-weight: 900;
}

.calculator-library-card h3 {
  color: #173e62;
  margin: 16px 0 7px;
  font-family: Georgia, Times New Roman, serif;
  font-size: 19px;
  font-weight: 500;
  line-height: 1.16;
}

.calculator-library-card > p {
  color: #657c91;
  margin: 0;
  font-size: 10px;
  line-height: 1.55;
}

.calculator-library-card > footer {
  justify-content: space-between;
  align-items: flex-end;
  gap: 10px;
  margin-top: auto;
  padding-top: 18px;
  display: flex;
}

.calculator-library-card > footer > span {
  color: #6f8495;
  max-width: 52%;
  font-size: 8px;
  font-weight: 800;
  line-height: 1.35;
}

.calculator-library-card > footer > button {
  color: #0966bc;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 5px;
  padding: 0;
  font-size: 9px;
  font-weight: 900;
  display: flex;
}

.calculator-library-card > footer > button:hover {
  text-decoration: underline;
}

.calculator-library-card > footer > button svg {
  width: 13px;
}

.calculator-pin {
  color: #61788a;
  cursor: pointer;
  background: #f8fafb;
  border: 1px solid #cbd8e1;
  border-radius: 5px;
  align-items: center;
  gap: 4px;
  padding: 5px 7px;
  font-size: 9px;
  display: flex;
}

.calculator-pin svg {
  width: 12px;
}

.calculator-pin:hover {
  color: #2b718c;
  background: #eef7fa;
  border-color: #7faabd;
}

.calculator-pin.active {
  color: #237993;
  background: #e4f3f7;
  border-color: #77afc1;
}

.calculator-pin:disabled {
  cursor: not-allowed;
  opacity: .48;
}

.calculator-empty {
  background: #fff;
  border: 1px dashed #bfcbd5;
  align-items: center;
  gap: 12px;
  padding: 25px;
  display: flex;
}

.calculator-planned-tools {
  background: #fff;
  border: 1px solid #d4dfe6;
  border-radius: 10px;
  overflow: hidden;
}

.calculator-planned-tools > summary {
  color: #365b72;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 14px 16px;
  font-size: 11px;
  font-weight: 900;
  display: flex;
}

.calculator-planned-tools > summary span {
  color: #788b98;
  font-size: 10px;
  font-weight: 500;
}

.calculator-planned-tools[open] > summary {
  border-bottom: 1px solid #dce5ea;
}

.calculator-planned-tools .calculator-queue {
  padding: 14px;
}

.calculator-queue article {
  background: #fffaf0;
  border: 1px solid #ead49b;
  border-left: 4px solid #e0a326;
  border-radius: 8px;
  padding: 14px;
}

.calculator-breadcrumb {
  color: #1268b8;
  cursor: pointer;
  background: none;
  border: 0;
  align-self: flex-start;
  padding: 3px 0;
  font-size: 11px;
  font-weight: 900;
}

.calculator-breadcrumb span {
  color: #8b9daa;
  padding: 0 8px;
}

.calculator-breadcrumb:hover {
  text-decoration: underline;
}

.calculator-tool-hero {
  background: linear-gradient(120deg, #fff, #edf6fd);
  border-top: 6px solid #176fc2;
  grid-template-columns: minmax(0, 1.4fr) minmax(440px, .8fr);
  align-items: center;
  gap: 35px;
  padding: 34px 40px;
  display: grid;
  box-shadow: 0 10px 30px #123b5f0d;
}

.calculator-tool-hero > div:first-child > span {
  color: #156abc;
}

.calculator-tool-hero h1 {
  color: #103860;
  letter-spacing: -.035em;
  margin: 10px 0 12px;
  font-family: Georgia, Times New Roman, serif;
  font-size: clamp(34px, 4vw, 54px);
  font-weight: 500;
  line-height: 1.04;
}

.calculator-tool-hero p {
  color: #607a91;
  max-width: 760px;
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
}

.calculator-tool-facts {
  background: #fff;
  border: 1px solid #cfdeea;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  display: grid;
}

.calculator-tool-facts > div {
  border-right: 1px solid #d7e2eb;
  min-height: 102px;
  padding: 20px 16px;
}

.calculator-tool-facts > div:last-child {
  border-right: 0;
}

.calculator-tool-facts span, .calculator-tool-facts b {
  display: block;
}

.calculator-tool-facts span {
  color: #6c7f91;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 8px;
  font-weight: 900;
}

.calculator-tool-facts b {
  color: #154b78;
  margin-top: 9px;
  font-size: 11px;
  line-height: 1.4;
}

.calculator-method-banner {
  color: #7a5415;
  background: #fff4dc;
  border-left-color: #f2ae2f;
}

.calculator-method-banner > svg {
  color: #b67a15;
}

.calculator-method-banner span {
  color: #866936;
}

.calculator-detail {
  min-width: 0;
}

.calculator-detail-grid {
  grid-template-columns: minmax(0, 1.04fr) minmax(0, .96fr);
  align-items: start;
  gap: 18px;
  display: grid;
}

.calculator-input-panel, .calculator-output-panel {
  background: #fff;
  border: 1px solid #d1dee8;
  min-width: 0;
  padding: 25px;
  box-shadow: 0 12px 30px #143c5d0e;
}

.calculator-output-panel {
  background: #f5fbfd;
  border-top: 5px solid #43d7df;
}

.calculator-input-panel > header, .calculator-output-panel > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.calculator-input-panel > header > div:first-child > span, .calculator-output-panel > header > div:first-child > span {
  color: #176ac0;
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 9px;
  font-weight: 900;
}

.calculator-input-panel h2, .calculator-output-panel h2 {
  color: #133b60;
  margin: 7px 0 0;
  font-family: Georgia, Times New Roman, serif;
  font-size: 28px;
  font-weight: 500;
}

.calculator-output-panel > header > em {
  color: #60778c;
  background: #fff;
  border: 1px solid #cad9e4;
  padding: 7px 9px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.calculator-detail-actions {
  align-items: center;
  gap: 6px;
  display: flex;
}

.calculator-input-panel .calculator-inputs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 13px 15px;
  margin-top: 26px;
  display: grid;
}

.calculator-input-panel .calculator-inputs.input-count-1 {
  grid-template-columns: 1fr;
}

.calculator-input-panel .calculator-inputs label > span {
  color: #415f76;
  text-transform: none;
  letter-spacing: 0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 7px;
  font-size: 10px;
  font-weight: 900;
  display: flex;
}

.calculator-input-panel .calculator-inputs label > span small {
  color: #9a6a0c;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 7px;
}

.calculator-input-panel .calculator-inputs label > div {
  position: relative;
}

.calculator-input-panel .calculator-inputs input {
  background: #fff;
  border-radius: 0;
  height: 46px;
  padding-right: 68px;
}

.calculator-input-panel .calculator-inputs select {
  color: #294b62;
  width: 100%;
  height: 46px;
  font: inherit;
  background: #fff;
  border: 1px solid #cedbe5;
  border-radius: 0;
  padding: 0 12px;
}

.calculator-input-panel .calculator-inputs select[aria-invalid="true"] {
  border-color: #b24b4b;
}

.calculator-input-panel .calculator-inputs label > div > b {
  color: #647b8d;
  background: #f1f6fa;
  border-left: 1px solid #cedbe5;
  place-items: center;
  min-width: 58px;
  height: 46px;
  padding: 0 8px;
  font-size: 9px;
  display: grid;
  position: absolute;
  top: 0;
  right: 0;
}

.calculator-input-panel .calculator-inputs label > em {
  color: #a44141;
  margin-top: 5px;
  font-size: 9px;
  font-style: normal;
  display: block;
}

.calculator-input-panel > footer {
  border-top: 1px solid #dce5ec;
  justify-content: flex-end;
  margin-top: 24px;
  padding-top: 18px;
  display: flex;
}

.calculator-submit {
  color: #153e62;
  cursor: pointer;
  background: #f6b63f;
  border: 0;
  align-items: center;
  gap: 12px;
  padding: 13px 17px;
  font-size: 11px;
  font-weight: 900;
  display: flex;
  box-shadow: 0 4px 10px #9b6c1220;
}

.calculator-submit:hover {
  background: #ffc657;
}

.calculator-submit svg {
  width: 16px;
}

.calculator-output-panel .calculator-results {
  border-top: 1px solid #cedee9;
  border-left: 1px solid #cedee9;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin-top: 24px;
  display: grid;
}

.calculator-output-panel .calculator-results > div {
  background: #fff;
  border: 1px solid #cedee9;
  border-top: 0;
  border-left: 0;
  border-radius: 0;
  min-height: 112px;
  padding: 20px;
}

.calculator-output-panel .calculator-results span, .calculator-output-panel .calculator-results b, .calculator-output-panel .calculator-results small {
  display: block;
}

.calculator-output-panel .calculator-results span {
  color: #607b91;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 8px;
  font-weight: 900;
}

.calculator-output-panel .calculator-results b {
  color: #0e477e;
  overflow-wrap: anywhere;
  margin-top: 10px;
  font-family: Georgia, Times New Roman, serif;
  font-size: 32px;
  font-weight: 500;
}

.calculator-output-panel .calculator-results small {
  color: #5e7487;
  margin-top: 3px;
  font-size: 10px;
  font-weight: 800;
}

.calculator-output-panel .calculator-results.waiting {
  grid-template-columns: 1fr;
}

.calculator-output-panel .calculator-results.waiting > div {
  background: #fff;
  border-style: solid;
}

.calculator-output-panel .calculator-results.waiting b {
  color: #8494a2;
}

.calculator-formula {
  background: #e8f7f9;
  border-left: 3px solid #49d9e1;
  margin-top: 15px;
  padding: 14px;
}

.calculator-formula span {
  color: #426278;
  margin-bottom: 7px;
  font-size: 9px;
  font-weight: 900;
  display: block;
}

.calculator-formula code {
  color: #24566f;
  white-space: normal;
  overflow-wrap: anywhere;
  font-size: 10px;
  line-height: 1.55;
  display: block;
}

.calculator-limit {
  color: #47677a;
  border-top: 1px solid #d7e3e9;
  align-items: flex-start;
  gap: 10px;
  margin-top: 14px;
  padding-top: 14px;
  display: flex;
}

.calculator-limit > svg {
  color: #2790a5;
  flex: none;
  width: 17px;
}

.calculator-limit b, .calculator-limit span {
  display: block;
}

.calculator-limit b {
  font-size: 10px;
}

.calculator-limit span {
  color: #697f8c;
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.5;
}

.calculator-boundary {
  color: #2f614e;
  background: #f3faf6;
  border: 1px solid #bcd7ca;
  border-left: 5px solid #3ca06f;
  border-radius: 9px;
  align-items: flex-start;
  gap: 11px;
  padding: 14px 16px;
  display: flex;
}

@media (max-width: 1200px) {
  .calculator-library-hero, .calculator-tool-hero {
    grid-template-columns: 1fr;
  }

  .calculator-library-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .calculator-detail-grid {
    grid-template-columns: 1fr;
  }

  .calculator-tool-facts {
    max-width: 680px;
  }
}

@media (max-width: 760px) {
  .calculator-library-hero, .calculator-tool-hero {
    padding: 25px 20px;
  }

  .calculator-library-hero h1, .calculator-tool-hero h1 {
    font-size: 34px;
  }

  .calculator-library-stats, .calculator-tool-facts {
    grid-template-columns: 1fr;
  }

  .calculator-library-stats > div, .calculator-tool-facts > div {
    border-bottom: 1px solid #ffffff2c;
    border-right: 0;
    min-height: 0;
  }

  .calculator-tool-facts > div {
    border-bottom-color: #d7e2eb;
  }

  .calculator-library-stats > div:last-child, .calculator-tool-facts > div:last-child {
    border-bottom: 0;
  }

  .calculator-quick-deck > header {
    flex-direction: column;
    align-items: flex-start;
  }

  .calculator-quick-deck .calculator-quick-actions {
    justify-content: space-between;
    width: 100%;
  }

  .calculator-quick-deck > .calculator-quick-grid {
    grid-template-columns: 1fr;
  }

  .calculator-quick-deck .calculator-quick-grid > button {
    border: 0;
  }

  .calculator-pin-controls, .calculator-pin-list {
    grid-template-columns: 1fr;
  }

  .calculator-quick-deck .calculator-pin-controls > button {
    width: 100%;
  }

  .calculator-library-panel {
    padding: 17px 14px;
  }

  .calculator-library-panel > header, .calculator-library-grid {
    grid-template-columns: 1fr;
  }

  .calculator-library-panel > header {
    align-items: start;
  }

  .calculator-library-panel > header .calculator-search {
    margin-top: 8px;
  }

  .calculator-library-card {
    min-height: 190px;
  }

  .calculator-planned-tools > summary {
    flex-direction: column;
    align-items: flex-start;
  }

  .calculator-queue {
    grid-template-columns: 1fr;
  }

  .calculator-input-panel, .calculator-output-panel {
    padding: 18px 14px;
  }

  .calculator-input-panel > header, .calculator-output-panel > header {
    flex-direction: column;
    align-items: flex-start;
  }

  .calculator-input-panel .calculator-inputs, .calculator-input-panel .calculator-inputs.input-count-3, .calculator-input-panel .calculator-inputs.input-count-4, .calculator-output-panel .calculator-results {
    grid-template-columns: 1fr;
  }

  .calculator-detail-actions {
    justify-content: flex-start;
    width: 100%;
  }

  .calculator-empty {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .calculator-empty button {
    width: 100%;
  }
}

.calculator-guidance {
  color: #173e34;
  background: #f4faf7;
  border: 1px solid #b9d7cc;
  border-left: 3px solid #2e7d63;
  border-radius: 8px;
  padding: 1rem;
}

.calculator-guidance h3 {
  margin: 0 0 .5rem;
  font-size: .95rem;
}

.calculator-guidance p {
  margin: 0 0 .6rem;
  line-height: 1.55;
}

.calculator-guidance ol {
  margin: 0;
  padding-left: 1.25rem;
  list-style: decimal;
}

.calculator-guidance li {
  margin-bottom: .5rem;
  line-height: 1.55;
}

.chat-calculation-guidance {
  color: #173e34;
  background: #f4faf7;
  border-left: 3px solid #2e7d63;
  margin: .75rem 0;
  padding: .75rem;
}

.chat-calculation-guidance ol {
  padding-left: 1.25rem;
  list-style: decimal;
}

.calculator-inputs.input-count-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

@media (max-width: 1050px) {
  .calculator-inputs.input-count-4 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .calculator-inputs.input-count-4 {
    grid-template-columns: 1fr;
  }
}

:root {
  --ink: #16253a;
  --navy: #0d2a4a;
  --blue: #256da5;
  --canvas: #f3f6f9;
  --line: #d9e1e8;
  --muted: #657488;
  --green: #20805a;
  --green-soft: #e6f4ed;
  --amber: #a86a0a;
  --amber-soft: #fff3d8;
  --radius: .75rem;
  --background: #f3f6f9;
  --foreground: #16253a;
  --card: #fff;
  --card-foreground: #16253a;
  --popover: #fff;
  --popover-foreground: #16253a;
  --primary: #0d2a4a;
  --primary-foreground: #fff;
  --secondary: #e9f3fb;
  --secondary-foreground: #0d2a4a;
  --muted-foreground: #657488;
  --accent: #e9f3fb;
  --accent-foreground: #0d2a4a;
  --destructive: #b94545;
  --border: #d9e1e8;
  --input: #cbd6e0;
  --ring: #256da5;
}

* {
  box-sizing: border-box;
}

body {
  background: var(--canvas);
  color: var(--ink);
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

button, input, select {
  font: inherit;
}

.topbar {
  color: #fff;
  background: linear-gradient(115deg, #09223c, #0d2a4a 68%, #173f68);
  justify-content: space-between;
  align-items: center;
  min-height: 74px;
  padding: 13px max(24px, 4vw);
  display: flex;
  box-shadow: 0 8px 26px #0d2a4a20;
}

.brand {
  align-items: center;
  gap: 12px;
  display: flex;
}

.brand > span {
  background: #ffffff16;
  border: 1px solid #ffffff2b;
  border-radius: 12px;
  place-items: center;
  width: 43px;
  height: 43px;
  display: grid;
}

.brand b, .brand small {
  display: block;
}

.brand b {
  letter-spacing: -.02em;
  font-size: 24px;
}

.brand small {
  text-transform: uppercase;
  letter-spacing: .16em;
  opacity: .68;
  margin-top: 2px;
  font-size: 10px;
}

.release {
  color: #dce9f5;
  border: 1px solid #ffffff24;
  border-radius: 99px;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-size: 12px;
  display: flex;
}

.release i {
  background: #6fe0a8;
  border-radius: 99px;
  width: 7px;
  height: 7px;
  box-shadow: 0 0 0 4px #6fe0a820;
}

.release b {
  color: #fff;
  border-left: 1px solid #ffffff2b;
  padding-left: 9px;
}

main {
  max-width: 1480px;
  margin: auto;
  padding: 24px max(18px, 3vw) 64px;
}

.tabs {
  background: #e7edf3;
  border: 1px solid #d4dde6;
  height: auto;
  margin-bottom: 24px;
  padding: 4px;
}

.tabs button {
  color: #526377;
  padding: 9px 16px;
}

.tabs button[data-state="active"] {
  color: var(--navy);
  background: #fff;
  box-shadow: 0 2px 8px #1b395214;
}

.stack {
  flex-direction: column;
  gap: 18px;
  display: flex;
}

.page-title {
  justify-content: space-between;
  align-items: flex-end;
  gap: 24px;
  padding: 8px 2px 4px;
  display: flex;
}

.page-title h1 {
  letter-spacing: -.045em;
  color: #10253c;
  margin: 2px 0 7px;
  font-size: clamp(30px, 4vw, 44px);
}

.page-title p {
  color: var(--muted);
  max-width: 760px;
  margin: 0;
  line-height: 1.55;
}

.page-title > div > span {
  color: var(--blue);
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 11px;
  font-weight: 800;
}

.page-title em {
  white-space: nowrap;
  color: var(--muted);
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 8px;
  padding: 9px 12px;
  font-size: 12px;
  font-style: normal;
}

.page-title button svg, .analyze svg {
  width: 16px;
}

.panel {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 5px 18px #18334c0a;
}

.panel-head {
  padding: 18px 20px 0;
}

.panel-head h2 {
  color: #18314b;
  margin: 0;
  font-size: 16px;
}

.panel-head p {
  color: var(--muted);
  margin: 5px 0 0;
  font-size: 13px;
}

.panel-body {
  padding: 18px 20px;
}

.upload {
  background: linear-gradient(90deg, #fff, #f8fbfd);
  border: 1px dashed #9eafbf;
  border-radius: 12px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 16px;
  padding: 24px;
  transition: all .2s;
  display: grid;
}

.upload.dragging {
  border-color: var(--blue);
  background: #eaf4fc;
  transform: translateY(-1px);
}

.upload > span {
  width: 46px;
  height: 46px;
  color: var(--blue);
  background: #e9f3fb;
  border-radius: 12px;
  place-items: center;
  display: grid;
}

.upload h2 {
  margin: 0 0 5px;
  font-size: 17px;
}

.upload p {
  color: var(--muted);
  margin: 0;
  font-size: 13px;
}

.upload small {
  color: #35516c;
  background: #edf3f8;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  width: fit-content;
  margin-top: 10px;
  padding: 5px 9px;
  display: flex;
}

.upload small svg {
  width: 14px;
}

.error {
  color: #963b3b;
  background: #fff0f0;
  border: 1px solid #efc9c9;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  display: flex;
}

.error svg {
  width: 17px;
}

.mapping {
  grid-template-columns: repeat(3, 1fr);
  gap: 13px;
  display: grid;
}

.mapping label span {
  color: #526377;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 700;
  display: block;
}

.mapping select {
  border: 1px solid var(--input);
  width: 100%;
  color: var(--ink);
  background: #fff;
  border-radius: 7px;
  outline: none;
  padding: 9px 10px;
}

.mapping select:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px #256da516;
}

.analyze {
  margin-top: 15px;
}

.context {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  display: grid;
}

.context div {
  border: 1px solid var(--line);
  background: #fff;
  border-top: 3px solid #b8c8d7;
  border-radius: 9px;
  min-height: 82px;
  padding: 15px;
}

.context span {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 11px;
  display: block;
}

.context b {
  color: #18314b;
  overflow-wrap: anywhere;
  margin-top: 9px;
  font-size: 15px;
  display: block;
}

.legend {
  color: var(--muted);
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 14px;
  margin-top: -12px;
  font-size: 11px;
  display: flex;
}

.legend span {
  align-items: center;
  gap: 6px;
  display: flex;
}

.legend i {
  border: 2px solid #a9b7c3;
  border-radius: 2px;
  width: 9px;
  height: 9px;
}

.legend i.on {
  border-color: var(--green);
  background: var(--green-soft);
  box-shadow: 0 0 0 3px #20805a16;
}

.legend button {
  color: #42637f;
  cursor: pointer;
  background: #fff;
  border: 1px solid #9db4c8;
  border-radius: 99px;
  align-items: center;
  gap: 5px;
  padding: 5px 9px;
  font-size: 11px;
  display: flex;
}

.legend button.active {
  color: #245f90;
  background: #edf5fb;
  border-color: #4c86b8;
}

.flow {
  align-items: stretch;
  padding: 10px 2px 16px;
  display: flex;
  overflow-x: auto;
}

.flow-item {
  flex: 1 0 auto;
  align-items: center;
  display: flex;
}

.flow-item > svg {
  color: #91a1b0;
  flex: none;
  width: 20px;
  margin: 0 7px;
}

.process-node {
  background: #fbfcfd;
  border: 2px solid #b7c3cd;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  width: 150px;
  min-height: 102px;
  padding: 12px;
  display: flex;
  position: relative;
}

.process-node.detected {
  border-color: var(--green);
  background: linear-gradient(145deg, #f1fbf6, #e5f4ec);
  box-shadow: 0 7px 20px #20805a16;
}

.process-node.injection-ready:not(.detected) {
  background: linear-gradient(145deg, #fbfdff, #eef5fb);
  border-color: #73a1c8;
}

.process-node > .node-code {
  color: #78889a;
  letter-spacing: .12em;
  font-size: 9px;
  font-weight: 800;
}

.process-node strong {
  color: #21384f;
  margin: 5px 0 9px;
  font-size: 13px;
}

.process-node small {
  color: #8895a2;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  line-height: 1.25;
  display: flex;
}

.process-node.detected small {
  color: #236f52;
}

.injection-marker {
  color: #256da5;
  background: #dcecf8;
  border: 1px solid #9fc2dd;
  border-radius: 99px;
  place-items: center;
  width: 25px;
  height: 25px;
  font-style: normal;
  display: grid;
  position: absolute;
  top: 8px;
  right: 8px;
}

.branch-title {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .12em;
  border-top: 1px solid #e7ebef;
  margin: 8px 0 10px;
  padding-top: 15px;
  font-size: 10px;
}

.branches {
  grid-template-columns: repeat(5, 1fr);
  gap: 10px;
  display: grid;
}

.branches .process-node {
  width: auto;
}

.map-stats {
  border: 1px solid var(--line);
  border-radius: 8px;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 18px;
  display: grid;
  overflow: hidden;
}

.map-stats span {
  color: #506276;
  border-right: 1px solid var(--line);
  background: #f7f9fb;
  justify-content: center;
  align-items: center;
  gap: 7px;
  padding: 10px;
  font-size: 12px;
  display: flex;
}

.map-stats span:last-child {
  border: 0;
}

.map-stats svg {
  width: 17px;
  color: var(--green);
}

.map-stats .warn svg {
  color: var(--amber);
}

.unmapped {
  background: var(--amber-soft);
  color: #7b561c;
  border-radius: 7px;
  margin-top: 10px;
  padding: 10px 12px;
  font-size: 12px;
}

.injection-panel {
  color: #2b5377;
  background: #f2f8fc;
  border: 1px solid #cbdfea;
  border-left: 4px solid #4c86b8;
  border-radius: 8px;
  margin-top: 12px;
  padding: 14px;
}

.injection-head {
  align-items: center;
  gap: 10px;
  display: flex;
}

.injection-head > svg {
  width: 21px;
}

.injection-head b, .injection-head small {
  display: block;
}

.injection-head small {
  color: #617d96;
  margin-top: 2px;
}

.injection-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.injection-grid > div {
  background: #fff;
  border: 1px solid #d7e5ef;
  border-radius: 7px;
  padding: 9px 10px;
}

.injection-grid span, .injection-grid small {
  display: block;
}

.injection-grid span {
  color: #2d526f;
  font-size: 11px;
  font-weight: 700;
}

.injection-grid small {
  color: #6c8295;
  align-items: center;
  gap: 4px;
  margin-top: 5px;
  font-size: 10px;
  display: flex;
}

.injection-grid svg {
  width: 12px;
}

.source-note {
  color: #607c92;
  border-top: 1px solid #ccdde9;
  margin-top: 11px;
  padding-top: 10px;
  font-size: 10px;
  line-height: 1.5;
}

.traffic {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  display: grid;
}

.traffic .panel {
  border-left-width: 5px;
  padding: 16px;
}

.traffic span, .traffic small {
  display: block;
}

.traffic span {
  color: #526377;
  font-size: 12px;
}

.traffic b {
  margin: 4px 0;
  font-size: 28px;
  display: block;
}

.traffic small {
  color: #8a96a3;
}

.traffic-0 {
  border-left-color: #369269;
}

.traffic-1 {
  border-left-color: #d3a126;
}

.traffic-2 {
  border-left-color: #d2782d;
}

.traffic-3 {
  border-left-color: #c84b4b;
}

.results, .two-col {
  grid-template-columns: repeat(2, 1fr);
  gap: 18px;
  display: grid;
}

.findings {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.findings > div {
  border-bottom: 1px solid #e7ebef;
  gap: 11px;
  padding-bottom: 13px;
  display: flex;
}

.findings > div:last-child {
  border: 0;
}

.findings i {
  border-radius: 99px;
  place-items: center;
  width: 24px;
  height: 24px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

.findings i.good {
  color: var(--green);
  background: var(--green-soft);
}

.findings i.caution {
  color: var(--amber);
  background: var(--amber-soft);
}

.findings i.neutral {
  color: #647386;
  background: #edf0f3;
}

.findings p {
  margin: 0;
}

.findings p b, .findings p span {
  display: block;
}

.findings p b {
  font-size: 13px;
}

.findings p span {
  color: var(--muted);
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.4;
}

.empty, .empty-chart {
  color: var(--muted);
  font-size: 13px;
}

.empty-chart {
  text-align: center;
  border: 1px dashed var(--line);
  border-radius: 8px;
  place-items: center;
  min-height: 205px;
  display: grid;
}

.trend {
  overflow-x: auto;
}

.trend > b {
  color: #4d6175;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 11px;
}

.trend svg {
  width: 100%;
  min-width: 550px;
}

.trend .axis {
  stroke: #d4dce4;
}

.trend .trend-line {
  fill: none;
  stroke: var(--blue);
  stroke-width: 3px;
}

.trend circle {
  fill: #fff;
  stroke: var(--blue);
  stroke-width: 3px;
}

.trend text {
  fill: #7b8998;
  font-size: 10px;
}

.trend text.chart-value {
  fill: #294967;
  font-size: 11px;
  font-weight: 700;
}

.trend small {
  color: var(--muted);
}

.table-wrap {
  overflow-x: auto;
}

.table-wrap table {
  min-width: 860px;
}

.table-wrap th {
  color: #526377;
  text-transform: uppercase;
  letter-spacing: .06em;
  background: #f7f9fb;
  font-size: 10px;
}

.table-wrap td {
  font-size: 12px;
}

.trend .event-mark line {
  stroke: #c9871e;
  stroke-width: 2px;
  stroke-dasharray: 5 4;
}

.trend .event-mark rect {
  fill: #fff3d8;
  stroke: #d7a24a;
}

.trend .event-mark text {
  fill: #80591a;
  font-size: 9px;
  font-weight: 800;
}

.intervention-empty {
  color: var(--muted);
  border: 1px dashed #cbd6e0;
  border-radius: 8px;
  margin-top: 12px;
  padding: 12px 13px;
}

.intervention-empty b, .intervention-empty span {
  display: block;
}

.intervention-empty b {
  color: #496077;
  font-size: 12px;
}

.intervention-empty span {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.45;
}

.intervention-timeline {
  border-top: 1px solid var(--line);
  margin-top: 13px;
  padding-top: 13px;
}

.intervention-events {
  flex-direction: column;
  gap: 8px;
  display: flex;
}

.intervention-event {
  background: var(--amber-soft);
  border-left: 4px solid #c9871e;
  border-radius: 7px;
  padding: 11px 12px;
}

.intervention-event span, .intervention-event b, .intervention-event small {
  display: block;
}

.intervention-event span {
  color: #856020;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
  font-weight: 800;
}

.intervention-event b {
  color: #5e461e;
  margin-top: 5px;
  font-size: 12px;
}

.intervention-event small {
  color: #876a3c;
  margin-top: 4px;
  font-size: 10px;
}

.comparison {
  grid-template-columns: 1fr auto 1fr 1.25fr;
  align-items: center;
  gap: 9px;
  margin-top: 10px;
  display: grid;
}

.comparison > div {
  border: 1px solid var(--line);
  background: #f7f9fb;
  border-radius: 7px;
  padding: 10px;
}

.comparison > svg {
  color: #91a1b0;
  width: 16px;
}

.comparison span, .comparison b, .comparison small {
  display: block;
}

.comparison span {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 9px;
}

.comparison b {
  color: #21384f;
  margin-top: 4px;
  font-size: 15px;
}

.comparison small {
  color: #7a8998;
  margin-top: 3px;
  font-size: 9px;
}

.comparison .delta {
  border-left: 4px solid #4c86b8;
}

.alias-review {
  background: var(--amber-soft);
  border: 1px solid #ead49b;
  border-radius: 8px;
  margin-top: 10px;
  padding: 13px;
}

.alias-head {
  color: #73501a;
  align-items: flex-start;
  gap: 9px;
  display: flex;
}

.alias-head > svg {
  flex: none;
  width: 18px;
}

.alias-head b, .alias-head span {
  display: block;
}

.alias-head span {
  color: #876a3c;
  margin-top: 2px;
  font-size: 11px;
}

.alias-row {
  border-top: 1px solid #ead7a6;
  grid-template-columns: minmax(170px, 1fr) minmax(210px, 1.4fr) auto;
  align-items: center;
  gap: 9px;
  margin-top: 10px;
  padding-top: 10px;
  display: grid;
}

.alias-row > b {
  color: #65491c;
  overflow-wrap: anywhere;
  font-size: 12px;
}

.alias-row select {
  color: #243c53;
  background: #fff;
  border: 1px solid #d6ba78;
  border-radius: 7px;
  width: 100%;
  padding: 8px 9px;
  font-size: 12px;
}

.alias-row button {
  font-size: 11px;
}

.saved-aliases {
  color: #34624f;
  background: #eef7f3;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin-top: 10px;
  padding: 10px 12px;
  font-size: 11px;
  display: flex;
}

.saved-aliases > b {
  margin-right: 3px;
}

.saved-aliases > span {
  background: #fff;
  border: 1px solid #cfe1d8;
  border-radius: 99px;
  align-items: center;
  gap: 4px;
  padding: 5px 7px;
  display: flex;
}

.saved-aliases svg {
  width: 11px;
}

.saved-aliases button {
  color: #6b7d73;
  cursor: pointer;
  background: none;
  border: 0;
  place-items: center;
  padding: 0;
  display: grid;
}

.knowledge-summary {
  grid-template-columns: repeat(3, 1fr);
  gap: 12px;
  display: grid;
}

.knowledge-summary > div {
  border: 1px solid var(--line);
  border-top: 4px solid var(--green);
  background: #fff;
  border-radius: 9px;
  gap: 11px;
  padding: 16px;
  display: flex;
}

.knowledge-summary > div:nth-child(2) {
  border-top-color: var(--blue);
}

.knowledge-summary > div:nth-child(3) {
  border-top-color: var(--amber);
}

.knowledge-summary svg {
  width: 21px;
  color: var(--green);
  flex: none;
}

.knowledge-summary > div:nth-child(2) svg {
  color: var(--blue);
}

.knowledge-summary > div:nth-child(3) svg {
  color: var(--amber);
}

.knowledge-summary p {
  margin: 0;
}

.knowledge-summary b, .knowledge-summary span {
  display: block;
}

.knowledge-summary b {
  font-size: 13px;
}

.knowledge-summary span {
  color: var(--muted);
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.45;
}

.library-table td:nth-child(3) {
  color: #21435f;
  font-size: 14px;
}

.readiness {
  flex-direction: column;
  gap: 15px;
  display: flex;
}

.readiness > div > span {
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 7px;
  display: flex;
}

.readiness b {
  font-size: 12px;
}

.readiness em {
  color: var(--muted);
  font-size: 11px;
  font-style: normal;
}

.readiness [role="progressbar"] {
  height: 7px;
}

.kpis {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  display: grid;
}

.kpis > div {
  border: 1px solid var(--line);
  border-top: 4px solid var(--green);
  background: #fff;
  border-radius: 9px;
  padding: 17px;
}

.kpis > div:nth-child(2) {
  border-top-color: #d39a29;
}

.kpis > div:nth-child(3) {
  border-top-color: #8795a4;
}

.kpis > div:nth-child(4) {
  border-top-color: var(--navy);
}

.kpis span, .kpis small {
  display: block;
}

.kpis span {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 10px;
  font-weight: 800;
}

.kpis b {
  margin: 5px 0 2px;
  font-size: 31px;
  display: block;
}

.kpis small {
  color: #8a96a3;
}

.stream {
  color: #486078;
  font-weight: 700;
}

.task {
  color: #1b354e;
  min-width: 205px;
  font-weight: 600;
}

.note {
  color: var(--muted);
  min-width: 265px;
}

.status {
  white-space: nowrap;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 800;
  display: inline-block;
}

.status.complete {
  background: var(--green-soft);
  color: #246c50;
}

.status.in-progress {
  background: var(--amber-soft);
  color: #8c5c11;
}

.status.waiting {
  color: #667383;
  background: #edf0f3;
}

.status.deferred {
  color: #52698a;
  background: #edf1f8;
}

.progress-cell {
  grid-template-columns: minmax(90px, 1fr) 38px;
  align-items: center;
  gap: 8px;
  min-width: 145px;
  display: grid;
}

.progress-cell > div {
  height: 7px;
}

.progress-cell b {
  color: #526377;
  font-size: 10px;
}

.changes {
  flex-direction: column;
  gap: 14px;
  display: flex;
}

.changes > div {
  border-bottom: 1px solid #e6eaee;
  gap: 10px;
  padding-bottom: 13px;
  display: flex;
}

.changes > div:last-child {
  border: 0;
}

.changes svg {
  color: var(--green);
  flex: none;
  width: 18px;
}

.changes p {
  margin: 0;
}

.changes b, .changes span {
  display: block;
}

.changes b {
  font-size: 13px;
}

.changes span {
  color: var(--muted);
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.4;
}

.sequence {
  color: #42576d;
  margin: 0;
  padding-left: 23px;
  font-size: 13px;
  line-height: 2.2;
}

.architecture {
  justify-content: space-between;
  align-items: center;
  gap: 9px;
  display: flex;
}

.arch-item {
  flex: 1;
  align-items: center;
  display: flex;
}

.arch-item > div {
  text-align: center;
  border: 1px solid var(--line);
  background: #f7f9fb;
  border-radius: 10px;
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: center;
  gap: 5px;
  min-height: 120px;
  display: flex;
}

.arch-item > div svg {
  color: var(--blue);
}

.arch-item > div b {
  font-size: 13px;
}

.arch-item > div small {
  color: var(--muted);
}

.arch-item > svg {
  color: #8da0b2;
  width: 19px;
  margin: 0 6px;
}

.knowledge {
  color: #3e6385;
  background: #eaf3fa;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 15px;
  margin-top: 13px;
  padding: 11px;
  font-size: 12px;
  font-weight: 700;
  display: flex;
}

.knowledge svg {
  width: 18px;
}

.model {
  grid-template-columns: repeat(3, 1fr);
  gap: 11px;
  display: grid;
}

.model > div {
  border: 1px solid var(--line);
  background: #fafcfd;
  border-radius: 9px;
  padding: 15px;
}

.model b, .model code {
  display: block;
}

.model b {
  margin-bottom: 8px;
  font-size: 13px;
}

.model code {
  color: #637487;
  white-space: normal;
  font-size: 10px;
  line-height: 1.5;
}

pre {
  color: #d8e7f5;
  background: #10273f;
  border-radius: 8px;
  margin: 0;
  padding: 15px;
  font: 11px / 1.6 SFMono-Regular, Consolas, monospace;
  overflow: auto;
}

.principles {
  color: #4f6275;
  margin: 0;
  padding-left: 18px;
  font-size: 12px;
  line-height: 1.8;
}

.knowledge-reference-list {
  gap: 12px;
  display: grid;
}

.knowledge-reference-list article {
  background: linear-gradient(140deg, #f6fbfd, #fff);
  border: 1px solid #bdd4de;
  border-left: 5px solid #27839b;
  border-radius: 13px;
  padding: 18px;
  box-shadow: 0 9px 25px #0a2f4510;
}

.knowledge-reference-list header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.knowledge-reference-list header span {
  color: #327c96;
  letter-spacing: .09em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

.knowledge-reference-list h3 {
  color: #173d52;
  margin: 4px 0 2px;
  font-size: 20px;
}

.knowledge-reference-list header p {
  color: #5f7482;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.knowledge-reference-list header em {
  color: #8a6115;
  background: #fff1d2;
  border-radius: 99px;
  flex: none;
  padding: 6px 9px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.knowledge-reference-tags {
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
  display: flex;
}

.knowledge-reference-tags span {
  color: #16766f;
  background: #eaf7f5;
  border: 1px solid #aed8d5;
  border-radius: 99px;
  padding: 6px 9px;
  font-size: 12px;
  font-weight: 850;
}

.knowledge-reference-list dl {
  background: #d4e0e5;
  border: 1px solid #d4e0e5;
  border-radius: 9px;
  grid-template-columns: minmax(130px, .25fr) minmax(0, 1fr);
  gap: 1px;
  margin: 14px 0 0;
  display: grid;
  overflow: hidden;
}

.knowledge-reference-list dl > div {
  background: #fff;
  padding: 10px 12px;
}

.knowledge-reference-list dt {
  color: #718490;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

.knowledge-reference-list dd {
  color: #39586a;
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.45;
}

.knowledge-reference-list dd code {
  color: #466676;
  overflow-wrap: anywhere;
  font-size: 11px;
}

.knowledge-reference-list footer {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin-top: 14px;
  display: flex;
}

.knowledge-reference-list footer p {
  color: #687c88;
  align-items: flex-start;
  gap: 8px;
  max-width: 680px;
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  display: flex;
}

.knowledge-reference-list footer p svg {
  color: #2c8965;
  flex: none;
  width: 17px;
}

.knowledge-reference-list footer > div {
  flex: none;
  gap: 8px;
  display: flex;
}

.knowledge-reference-list footer a {
  color: #2c6f86;
  background: #fff;
  border: 1px solid #aac6d1;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 38px;
  padding: 0 11px;
  font-size: 12px;
  font-weight: 900;
  text-decoration: none;
  display: inline-flex;
}

.knowledge-reference-list footer a.primary {
  color: #fff;
  background: #185e77;
  border-color: #185e77;
}

.knowledge-reference-list footer a:hover {
  filter: brightness(.97);
}

.knowledge-reference-list footer a svg {
  width: 16px;
}

@media (max-width: 760px) {
  .knowledge-reference-list header, .knowledge-reference-list footer {
    flex-direction: column;
    align-items: stretch;
  }

  .knowledge-reference-list header em {
    width: max-content;
  }

  .knowledge-reference-list dl {
    grid-template-columns: 1fr;
  }

  .knowledge-reference-list footer > div {
    flex-wrap: wrap;
    width: 100%;
  }

  .knowledge-reference-list footer a {
    flex: 1;
  }

  .knowledge-reference-list footer p {
    max-width: none;
  }
}

.readiness-overview {
  grid-template-columns: minmax(210px, .7fr) 2fr;
  align-items: stretch;
  gap: 18px;
  display: grid;
}

.readiness-score {
  background: #f5f9fc;
  border: 1px solid #dce7ef;
  border-radius: 9px;
  flex-direction: column;
  justify-content: center;
  padding: 17px;
  display: flex;
}

.readiness-score > span {
  color: #4f657a;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: 10px;
  font-weight: 800;
}

.readiness-score > b {
  color: #183b5a;
  margin: 6px 0;
  font-size: 36px;
}

.readiness-score [role="progressbar"] {
  height: 8px;
}

.readiness-score small {
  color: var(--muted);
  margin-top: 8px;
  font-size: 10px;
}

.readiness-checks {
  grid-template-columns: repeat(5, 1fr);
  gap: 8px;
  display: grid;
}

.readiness-checks > div {
  border: 1px solid var(--line);
  background: #fafcfd;
  border-radius: 8px;
  min-height: 105px;
  padding: 11px;
}

.readiness-checks > div.ready {
  background: #f3faf6;
  border-color: #bddbcd;
}

.readiness-checks i {
  color: #7f8a95;
  background: #edf0f3;
  border-radius: 99px;
  place-items: center;
  width: 22px;
  height: 22px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

.readiness-checks .ready i {
  background: var(--green-soft);
  color: var(--green);
}

.readiness-checks p {
  margin: 8px 0 0;
}

.readiness-checks b, .readiness-checks span {
  display: block;
}

.readiness-checks b {
  color: #28445d;
  font-size: 11px;
}

.readiness-checks span {
  color: var(--muted);
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.35;
}

.validation-gate {
  background: var(--amber-soft);
  color: #6f4d17;
  border: 1px solid #ead49b;
  border-radius: 8px;
  align-items: flex-start;
  gap: 10px;
  margin-top: 12px;
  padding: 11px 13px;
  display: flex;
}

.validation-gate svg {
  flex: none;
  width: 18px;
}

.validation-gate p {
  margin: 0;
}

.validation-gate b, .validation-gate span {
  display: block;
}

.validation-gate b {
  font-size: 11px;
}

.validation-gate span {
  color: #876a3c;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.4;
}

.evidence-table table {
  min-width: 1100px;
}

.evidence-source {
  color: #365a78;
  min-width: 235px;
}

.evidence-state {
  white-space: nowrap;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 800;
  display: inline-block;
}

.evidence-state.implemented {
  background: var(--green-soft);
  color: #246c50;
}

.evidence-state.scaffolded {
  color: #2b638f;
  background: #e9f3fb;
}

.evidence-state.validation-required {
  background: var(--amber-soft);
  color: #8c5c11;
}

.activation-contract {
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  display: grid;
}

.activation-contract > div {
  border: 1px solid var(--line);
  background: #fafcfd;
  border-left: 4px solid #6f91ad;
  border-radius: 8px;
  padding: 14px;
}

.activation-contract span, .activation-contract b {
  display: block;
}

.activation-contract span {
  color: #527087;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
  font-weight: 800;
}

.activation-contract b {
  color: #243f57;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.4;
}

.community-hero {
  color: #fff;
  background: linear-gradient(120deg, #0d2a4a, #174a70 68%, #1c6b6e);
  border-radius: 14px;
  grid-template-columns: minmax(0, 2fr) minmax(250px, .75fr);
  gap: 20px;
  padding: 27px;
  display: grid;
  box-shadow: 0 12px 30px #0d2a4a24;
}

.community-hero > div:first-child > span {
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #9eddd3;
  font-size: 10px;
  font-weight: 800;
}

.community-hero h1 {
  letter-spacing: -.04em;
  margin: 5px 0 8px;
  font-size: clamp(30px, 4vw, 45px);
}

.community-hero p {
  color: #d3e3ed;
  max-width: 780px;
  margin: 0;
  line-height: 1.55;
}

.community-pills {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
  display: flex;
}

.community-pills span {
  color: #e4f0f6;
  background: #ffffff0d;
  border: 1px solid #ffffff24;
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  font-size: 10px;
  display: flex;
}

.community-pills svg {
  width: 14px;
}

.community-status {
  background: #ffffff10;
  border: 1px solid #ffffff26;
  border-radius: 10px;
  flex-direction: column;
  justify-content: center;
  align-self: stretch;
  padding: 17px;
  display: flex;
}

.community-status b, .community-status span, .community-status small {
  display: block;
}

.community-status b {
  font-size: 18px;
}

.community-status span {
  color: #a9e3d6;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-top: 4px;
  font-size: 11px;
  font-weight: 700;
}

.community-status small {
  color: #cee0ea;
  margin-top: 11px;
  font-size: 10px;
  line-height: 1.5;
}

.community-grid {
  grid-template-columns: 1.35fr .65fr;
  gap: 18px;
  display: grid;
}

.question-form {
  grid-template-columns: 2fr 1fr;
  gap: 12px;
  display: grid;
}

.question-form label span {
  color: #526377;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 800;
  display: block;
}

.question-form input, .question-form select, .question-form textarea {
  border: 1px solid var(--input);
  width: 100%;
  color: var(--ink);
  background: #fff;
  border-radius: 7px;
  outline: none;
  padding: 10px 11px;
}

.question-form textarea {
  resize: vertical;
  min-height: 96px;
}

.question-form input:focus, .question-form select:focus, .question-form textarea:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px #256da516;
}

.question-form .full {
  grid-column: 1 / -1;
}

.question-action {
  align-items: center;
  gap: 12px;
  display: flex;
}

.question-action svg {
  width: 15px;
}

.question-action > span {
  color: var(--green);
  align-items: center;
  gap: 5px;
  font-size: 11px;
  display: flex;
}

.assist-steps {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

.assist-steps > div {
  border-bottom: 1px solid var(--line);
  gap: 10px;
  padding-bottom: 11px;
  display: flex;
}

.assist-steps > div:last-child {
  border: 0;
  padding-bottom: 0;
}

.assist-steps i {
  color: #2b638f;
  background: #e9f3fb;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

.assist-steps p {
  margin: 0;
}

.assist-steps b, .assist-steps span {
  display: block;
}

.assist-steps b {
  font-size: 11px;
}

.assist-steps span {
  color: var(--muted);
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.4;
}

.community-toolbar {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 14px;
  display: flex;
}

.community-toolbar > label {
  border: 1px solid var(--input);
  background: #fff;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  min-width: 260px;
  padding: 8px 10px;
  display: flex;
}

.community-toolbar > label svg {
  color: #6e7f90;
  width: 16px;
}

.community-toolbar input {
  width: 100%;
  color: var(--ink);
  border: 0;
  outline: 0;
}

.community-toolbar > div {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  display: flex;
}

.community-toolbar button {
  border: 1px solid var(--line);
  color: #526377;
  cursor: pointer;
  background: #fff;
  border-radius: 99px;
  padding: 7px 9px;
  font-size: 10px;
}

.community-toolbar button.active {
  color: #245f90;
  background: #eaf3fa;
  border-color: #6f9fc4;
}

.discussion-list {
  grid-template-columns: repeat(2, 1fr);
  gap: 12px;
  display: grid;
}

.discussion-card {
  border: 1px solid var(--line);
  background: #fbfcfd;
  border-radius: 10px;
  padding: 16px;
}

.discussion-card header, .discussion-card footer {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.discussion-card header > span {
  color: #2c668f;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
  font-weight: 800;
}

.discussion-card header small {
  color: #7b8997;
  align-items: center;
  gap: 4px;
  display: flex;
}

.discussion-card header svg {
  width: 13px;
}

.discussion-card h3 {
  color: #17334d;
  margin: 11px 0 6px;
  font-size: 15px;
  line-height: 1.35;
}

.discussion-card > p {
  color: var(--muted);
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.discussion-card footer {
  border-top: 1px solid #e5eaee;
  margin-top: 13px;
  padding-top: 11px;
}

.discussion-card footer > span {
  color: #778696;
  font-size: 10px;
}

.discussion-card footer em {
  border-radius: 99px;
  padding: 5px 7px;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}

.discussion-card footer em.expert-reviewed {
  background: var(--green-soft);
  color: #246c50;
}

.discussion-card footer em.chemcop-assisted {
  color: #2b638f;
  background: #e9f3fb;
}

.discussion-card footer em.context-requested {
  background: var(--amber-soft);
  color: #8c5c11;
}

.discussion-card footer em.draft-preview {
  color: #667383;
  background: #edf0f3;
}

.assisted-draft {
  background: #f0f7fb;
  border-left: 3px solid #4c86b8;
  border-radius: 7px;
  gap: 9px;
  margin-top: 11px;
  padding: 11px;
  display: flex;
}

.assisted-draft > svg {
  color: #2e75a9;
  flex: none;
  width: 16px;
}

.assisted-draft p {
  margin: 0;
}

.assisted-draft b, .assisted-draft span, .assisted-draft small {
  display: block;
}

.assisted-draft b {
  color: #265978;
  font-size: 10px;
}

.assisted-draft span {
  color: #4e687c;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.45;
}

.assisted-draft small {
  color: #88641f;
  margin-top: 6px;
  font-size: 9px;
}

.community-empty {
  text-align: center;
  border: 1px dashed var(--line);
  color: var(--muted);
  border-radius: 9px;
  grid-column: 1 / -1;
  padding: 30px;
  font-size: 12px;
}

.api-toolbar {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 13px;
  display: flex;
}

.api-toolbar > div:first-child span, .api-toolbar > div:first-child b {
  display: block;
}

.api-toolbar > div:first-child span {
  color: #587189;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
  font-weight: 800;
}

.api-toolbar > div:first-child b {
  color: #223f59;
  margin-top: 4px;
  font-size: 13px;
}

.api-toolbar > div:last-child {
  gap: 8px;
  display: flex;
}

.api-toolbar button svg {
  width: 15px;
}

.api-preview {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  display: grid;
}

.api-preview > section {
  background: #10273f;
  border: 1px solid #2f4c68;
  border-radius: 9px;
  min-width: 0;
  overflow: hidden;
}

.api-preview header {
  background: #173450;
  border-bottom: 1px solid #ffffff14;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 9px 12px;
  display: flex;
}

.api-preview header span {
  color: #86c3d9;
  letter-spacing: .1em;
  font-size: 9px;
  font-weight: 800;
}

.api-preview header b {
  color: #d9e7f1;
  font: 10px SFMono-Regular, Consolas, monospace;
}

.api-preview pre {
  background: none;
  border-radius: 0;
  min-height: 300px;
  max-height: 410px;
}

.api-boundary {
  background: var(--amber-soft);
  color: #76521b;
  border-radius: 7px;
  align-items: center;
  gap: 8px;
  margin-top: 11px;
  padding: 10px 12px;
  font-size: 10px;
  display: flex;
}

.api-boundary svg {
  flex: none;
  width: 16px;
}

.alias-name b, .alias-name small {
  display: block;
}

.alias-name b {
  color: #65491c;
  overflow-wrap: anywhere;
  font-size: 12px;
}

.alias-name small {
  color: #876a3c;
  margin-top: 3px;
  font-size: 10px;
}

.process-node {
  font: inherit;
  color: inherit;
  text-align: left;
  cursor: pointer;
  appearance: none;
  transition: border-color .16s, box-shadow .16s, transform .16s;
}

.process-node:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 22px #18334c17;
}

.process-node:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #256da538;
}

.process-node.selected {
  border-color: var(--navy);
  box-shadow: 0 0 0 3px #0d2a4a18, 0 9px 24px #18334c1f;
}

.legend i.review {
  background: var(--amber-soft);
  border-color: #c58a25;
}

.position-inspector {
  background: linear-gradient(120deg, #f8fbfd, #f3f7fa);
  border: 1px solid #cfdbe5;
  border-radius: 10px;
  grid-template-columns: minmax(175px, .62fr) minmax(300px, 1.45fr) minmax(240px, .9fr);
  gap: 12px;
  margin-top: 14px;
  padding: 14px;
  display: grid;
}

.position-summary, .position-evidence, .technical-lock {
  background: #fff;
  border: 1px solid #dbe4eb;
  border-radius: 8px;
  min-width: 0;
  padding: 13px;
}

.position-summary > span, .position-evidence span, .technical-lock span, .position-samples header span {
  color: #60778d;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
  font-weight: 800;
  display: block;
}

.position-summary h3 {
  color: #193b58;
  margin: 5px 0 3px;
  font-size: 18px;
}

.position-summary code {
  color: #6a7d8f;
  font-size: 10px;
}

.coverage-badge {
  border-radius: 99px;
  width: fit-content;
  margin-top: 11px;
  padding: 5px 8px;
  font-size: 10px;
  font-weight: 800;
}

.coverage-badge.covered {
  background: var(--green-soft);
  color: #246c50;
}

.coverage-badge.empty {
  color: #687685;
  background: #edf0f3;
}

.position-evidence {
  grid-template-columns: 1.2fr .55fr 1.35fr;
  align-items: start;
  gap: 11px;
  display: grid;
}

.position-evidence > div {
  min-width: 0;
}

.position-evidence b {
  color: #29465f;
  overflow-wrap: anywhere;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.45;
  display: block;
}

.technical-lock {
  background: var(--amber-soft);
  color: #74501a;
  border-color: #ead49b;
  gap: 9px;
  display: flex;
}

.technical-lock > svg {
  flex: none;
  width: 18px;
}

.technical-lock b, .technical-lock small {
  display: block;
}

.technical-lock b {
  margin-top: 5px;
  font-size: 12px;
}

.technical-lock small {
  color: #876a3c;
  margin-top: 5px;
  font-size: 9px;
  line-height: 1.4;
}

.position-samples {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 9px;
  margin-top: 10px;
  padding: 13px 14px;
}

.position-samples header {
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  display: flex;
}

.position-samples header b {
  color: #29465f;
  margin-top: 4px;
  font-size: 12px;
  display: block;
}

.position-samples header small, .position-samples > p {
  color: var(--muted);
  font-size: 10px;
}

.position-samples > p {
  margin: 11px 0 0;
}

.sample-cards {
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin-top: 10px;
  display: grid;
}

.sample-cards > div {
  background: #fafcfd;
  border: 1px solid #dce4ea;
  border-radius: 7px;
  padding: 10px;
}

.sample-cards span, .sample-cards b, .sample-cards small {
  display: block;
}

.sample-cards span {
  color: #61778c;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 800;
}

.sample-cards b {
  color: #29465f;
  margin-top: 4px;
  font-size: 11px;
}

.sample-cards small {
  color: #758696;
  margin-top: 5px;
  font-size: 9px;
  line-height: 1.45;
}

.rule-pipeline {
  grid-template-columns: repeat(6, 1fr);
  gap: 8px;
  display: grid;
}

.rule-pipeline > div {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 9px;
  align-items: center;
  gap: 9px;
  min-height: 76px;
  padding: 12px;
  display: flex;
  position: relative;
}

.rule-pipeline > div.current {
  background: #f3faf6;
  border-color: #9cc7b4;
}

.rule-pipeline > div.locked {
  color: #738190;
  background: #f7f9fb;
}

.rule-pipeline i {
  color: #2d638a;
  background: #dce8f1;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

.rule-pipeline .current i {
  background: var(--green-soft);
  color: var(--green);
}

.rule-pipeline p {
  margin: 0;
}

.rule-pipeline b, .rule-pipeline span {
  display: block;
}

.rule-pipeline b {
  font-size: 11px;
}

.rule-pipeline span {
  color: var(--muted);
  margin-top: 3px;
  font-size: 9px;
}

.rule-kpis {
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  display: grid;
}

.rule-kpis > div {
  border: 1px solid var(--line);
  background: #fff;
  border-top: 4px solid #4c86b8;
  border-radius: 9px;
  padding: 15px;
}

.rule-kpis > div:nth-child(3) {
  border-top-color: var(--green);
}

.rule-kpis > div:nth-child(4) {
  border-top-color: #8795a4;
}

.rule-kpis span, .rule-kpis b, .rule-kpis small {
  display: block;
}

.rule-kpis span {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
  font-weight: 800;
}

.rule-kpis b {
  margin: 5px 0 2px;
  font-size: 28px;
}

.rule-kpis small {
  color: #8693a0;
  font-size: 10px;
}

.rule-table table {
  min-width: 1450px;
}

.rule-logic {
  color: #405a70;
  min-width: 330px;
  line-height: 1.5;
}

.rule-state {
  color: #667383;
  white-space: nowrap;
  background: #edf0f3;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 9px;
  font-weight: 800;
  display: inline-block;
}

.rule-state.implemented {
  background: var(--green-soft);
  color: #246c50;
}

.rule-state.extracted {
  color: #2b638f;
  background: #e9f3fb;
}

.rule-state.needs-specification, .rule-state.candidate-only, .rule-state.schema-only {
  background: var(--amber-soft);
  color: #8c5c11;
}

.runtime-guard {
  align-items: flex-start;
  gap: 11px;
  display: flex;
}

.runtime-guard > svg {
  width: 22px;
  color: var(--green);
  flex: none;
}

.runtime-guard span, .runtime-guard b {
  display: block;
}

.runtime-guard span {
  color: #4d6b82;
  letter-spacing: .09em;
  font-size: 9px;
  font-weight: 800;
}

.runtime-guard b {
  color: #23445e;
  margin-top: 5px;
  font-size: 13px;
}

.runtime-guard p {
  color: var(--muted);
  margin: 7px 0 0;
  font-size: 11px;
  line-height: 1.55;
}

.runtime-guard.caution > svg {
  color: var(--amber);
}

.runtime-guard code {
  color: #48647a;
  white-space: normal;
  overflow-wrap: anywhere;
  background: #edf3f7;
  border-radius: 6px;
  margin-top: 8px;
  padding: 7px 8px;
  font-size: 9px;
  display: block;
}

.trace-state {
  color: #667383;
  background: #edf0f3;
  border-radius: 99px;
  margin-left: 4px;
  padding: 3px 5px;
  font-style: normal;
  display: inline-block !important;
}

.trace-state.passed, .trace-state.observed_change {
  background: var(--green-soft);
  color: #246c50;
}

.trace-state.review_required, .trace-state.insufficient_follow_up {
  background: var(--amber-soft);
  color: #8c5c11;
}

.trace-state.no_recorded_intervention {
  color: #2b638f;
  background: #e9f3fb;
}

.calculator-boundary {
  border: 1px solid #bcd7ca;
  border-left: 5px solid var(--green);
  color: #2f614e;
  background: #f3faf6;
  border-radius: 10px;
  align-items: flex-start;
  gap: 11px;
  padding: 14px 16px;
  display: flex;
}

.calculator-boundary > svg {
  flex: none;
  width: 20px;
}

.calculator-boundary b, .calculator-boundary span {
  display: block;
}

.calculator-boundary b {
  font-size: 12px;
}

.calculator-boundary span {
  color: #557567;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.5;
}

.calculator-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.calculator-kpis > div {
  border: 1px solid var(--line);
  background: #fff;
  border-top: 4px solid #4c86b8;
  border-radius: 9px;
  padding: 15px;
}

.calculator-kpis > div:first-child {
  border-top-color: var(--green);
}

.calculator-kpis > div:last-child {
  border-top-color: var(--amber);
}

.calculator-kpis span, .calculator-kpis b, .calculator-kpis small {
  display: block;
}

.calculator-kpis span {
  color: #60778d;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
  font-weight: 800;
}

.calculator-kpis b {
  color: #183b58;
  margin: 5px 0 2px;
  font-size: 28px;
}

.calculator-kpis small {
  color: var(--muted);
  font-size: 9px;
}

.calculator-toolbar {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 10px;
  grid-template-columns: minmax(280px, 1fr) minmax(420px, 2fr) auto;
  align-items: end;
  gap: 14px;
  padding: 15px 16px;
  display: grid;
}

.calculator-search > span {
  color: #526377;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 6px;
  font-size: 9px;
  font-weight: 800;
  display: block;
}

.calculator-search > div {
  position: relative;
}

.calculator-search svg {
  z-index: 1;
  color: #718396;
  width: 16px;
  position: absolute;
  top: 10px;
  left: 10px;
}

.calculator-search input {
  background: #fbfcfd;
  height: 37px;
  padding-left: 34px;
}

.calculator-category-filter {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.calculator-category-filter button {
  border: 1px solid var(--line);
  color: #53677a;
  cursor: pointer;
  background: #fff;
  border-radius: 99px;
  padding: 7px 9px;
  font-size: 9px;
  font-weight: 700;
}

.calculator-category-filter button:hover {
  border-color: #91b1ca;
}

.calculator-category-filter button.active {
  color: #245f90;
  background: #eaf3fa;
  border-color: #4c86b8;
}

.calculator-count {
  color: #6c7c8c;
  white-space: nowrap;
  padding-bottom: 8px;
  font-size: 10px;
}

.calculator-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 14px;
  display: grid;
}

.calculator-card {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 11px;
  min-width: 0;
  padding: 18px;
  box-shadow: 0 5px 18px #18334c0a;
}

.calculator-card-head {
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 11px;
  align-items: start !important;
  display: grid !important;
}

.calculator-icon {
  color: #256da5;
  background: #e9f3fb;
  border-radius: 9px;
  place-items: center;
  width: 38px;
  height: 38px;
  display: grid;
}

.calculator-icon svg {
  width: 19px;
}

.calculator-id {
  color: #60778d;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 8px;
  font-weight: 800;
  display: block;
}

.calculator-card h3 {
  color: #183b58;
  margin: 3px 0 0;
  font-size: 15px;
}

.calculator-card header small {
  color: var(--green);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-top: 4px;
  font-size: 8px;
  font-weight: 800;
  display: block;
}

.calculator-reset {
  color: #65788b;
  cursor: pointer;
  background: #f8fafb;
  border: 1px solid #d5dfe7;
  border-radius: 6px;
  align-items: center;
  gap: 4px;
  padding: 5px 7px;
  font-size: 9px;
  display: flex;
}

.calculator-reset svg {
  width: 12px;
}

.calculator-description {
  min-height: 32px;
  color: var(--muted);
  margin: 13px 0 0;
  font-size: 10px;
  line-height: 1.5;
}

.calculator-inputs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 13px;
  display: grid;
}

.calculator-inputs.input-count-1 {
  grid-template-columns: 1fr;
}

.calculator-inputs.input-count-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.calculator-inputs label > span {
  color: #526a7f;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 5px;
  font-size: 8px;
  font-weight: 800;
  display: block;
}

.calculator-inputs label > div {
  position: relative;
}

.calculator-inputs input {
  background: #fbfcfd;
  height: 39px;
  padding-right: 60px;
}

.calculator-inputs label > div > b {
  color: #6a7e91;
  font-size: 9px;
  position: absolute;
  top: 12px;
  right: 9px;
}

.calculator-inputs label > em {
  color: #a44141;
  margin-top: 4px;
  font-size: 8px;
  font-style: normal;
  display: block;
}

.calculator-results {
  grid-template-columns: repeat(auto-fit, minmax(130px, 1fr));
  gap: 7px;
  margin-top: 11px;
  display: grid;
}

.calculator-results > div {
  background: #f2f8fc;
  border: 1px solid #cbdde9;
  border-radius: 8px;
  min-height: 66px;
  padding: 10px;
}

.calculator-results span, .calculator-results b, .calculator-results small {
  display: block;
}

.calculator-results span {
  color: #5c7890;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 8px;
  font-weight: 800;
}

.calculator-results b {
  color: #174d75;
  overflow-wrap: anywhere;
  margin-top: 4px;
  font-size: 19px;
}

.calculator-results small {
  color: #6c8295;
  margin-top: 2px;
  font-size: 9px;
  line-height: 1.3;
}

.calculator-results.waiting > div {
  background: #f8fafb;
  border-style: dashed;
}

.calculator-results.waiting b {
  color: #8a98a5;
}

.calculator-card > code {
  color: #d8e7f5;
  white-space: normal;
  overflow-wrap: anywhere;
  background: #10273f;
  border-radius: 7px;
  margin-top: 12px;
  padding: 9px 10px;
  font-size: 9px;
  line-height: 1.45;
  display: block;
}

.calculator-provenance {
  grid-template-columns: 1fr;
  gap: 7px;
  margin-top: 10px;
  display: grid;
}

.calculator-provenance p {
  border-top: 1px solid #e5ebf0;
  margin: 0;
  padding-top: 8px;
}

.calculator-provenance p:first-child span, .calculator-provenance p:first-child b, .calculator-provenance p:first-child small {
  display: block;
}

.calculator-provenance p:first-child span {
  color: #647b90;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 8px;
  font-weight: 800;
}

.calculator-provenance p:first-child b {
  color: #31556f;
  margin-top: 3px;
  font-size: 9px;
}

.calculator-provenance p:first-child small {
  color: #738494;
  margin-top: 3px;
  font-size: 8px;
  line-height: 1.4;
}

.calculator-provenance p:last-child {
  color: #6f5b31;
  align-items: flex-start;
  gap: 7px;
  font-size: 8px;
  line-height: 1.45;
  display: flex;
}

.calculator-provenance p:last-child svg {
  width: 14px;
  color: var(--amber);
  flex: none;
}

.calculator-empty {
  background: #fff;
  border: 1px dashed #bfcbd5;
  border-radius: 10px;
  align-items: center;
  gap: 12px;
  padding: 25px;
  display: flex;
}

.calculator-empty > svg {
  color: #7d8d9c;
  width: 24px;
}

.calculator-empty > div {
  flex: 1;
}

.calculator-empty b, .calculator-empty span {
  display: block;
}

.calculator-empty b {
  font-size: 12px;
}

.calculator-empty span {
  color: var(--muted);
  margin-top: 3px;
  font-size: 10px;
}

.formula-table table {
  min-width: 1250px;
}

.formula-table td code {
  color: #385a73;
  white-space: normal;
  background: #eef3f7;
  border-radius: 5px;
  padding: 5px 6px;
  font-size: 8px;
  display: block;
}

.formula-table td small {
  color: #6d7f90;
  margin-top: 5px;
  font-size: 8px;
  line-height: 1.4;
  display: block;
}

.calculator-queue {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.calculator-queue article {
  border: 1px solid #ead49b;
  border-left: 4px solid var(--amber);
  background: #fffaf0;
  border-radius: 8px;
  padding: 14px;
}

.calculator-queue article > span {
  color: #8a611c;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 8px;
  font-weight: 800;
}

.calculator-queue h3 {
  color: #65491c;
  margin: 5px 0 9px;
  font-size: 13px;
}

.calculator-queue p {
  color: #765f38;
  margin: 6px 0 0;
  font-size: 9px;
  line-height: 1.5;
}

.calculator-queue p b {
  color: #5e4927;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 8px;
  display: block;
}

@media (max-width: 1050px) {
  .branches, .injection-grid {
    grid-template-columns: repeat(3, 1fr);
  }

  .traffic, .kpis, .rule-kpis {
    grid-template-columns: repeat(2, 1fr);
  }

  .knowledge-summary, .readiness-overview, .community-hero, .community-grid, .position-inspector {
    grid-template-columns: 1fr;
  }

  .readiness-checks {
    grid-template-columns: repeat(3, 1fr);
  }

  .sample-cards {
    grid-template-columns: repeat(2, 1fr);
  }

  .rule-pipeline {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 760px) {
  .topbar, .page-title {
    flex-direction: column;
    align-items: flex-start;
  }

  .release {
    align-self: flex-start;
  }

  main {
    padding-inline: 13px;
  }

  .tabs {
    grid-template-columns: repeat(2, 1fr);
    width: 100%;
    display: grid;
  }

  .tabs button {
    padding-inline: 6px;
    font-size: 11px;
  }

  .upload {
    grid-template-columns: auto 1fr;
  }

  .upload button {
    grid-column: 1 / -1;
  }

  .mapping, .context, .branches, .map-stats, .model, .injection-grid, .readiness-checks, .activation-contract, .question-form, .discussion-list, .api-preview, .position-evidence, .sample-cards, .rule-pipeline, .calculator-grid {
    grid-template-columns: 1fr;
  }

  .question-form .full {
    grid-column: auto;
  }

  .community-toolbar, .api-toolbar {
    flex-direction: column;
  }

  .community-toolbar > label {
    width: 100%;
    min-width: 0;
  }

  .community-toolbar > div {
    justify-content: flex-start;
  }

  .api-toolbar {
    align-items: flex-start;
  }

  .legend {
    justify-content: flex-start;
    margin-top: 0;
  }

  .map-stats span {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }

  .alias-row {
    grid-template-columns: 1fr;
  }

  .alias-row button {
    width: 100%;
  }

  .traffic, .kpis, .results, .two-col, .rule-kpis {
    grid-template-columns: 1fr;
  }

  .architecture {
    justify-content: flex-start;
    overflow-x: auto;
  }

  .arch-item {
    min-width: 175px;
  }

  .page-title em {
    align-self: flex-start;
  }

  .position-samples header {
    flex-direction: column;
    align-items: flex-start;
  }

  .calculator-io {
    grid-template-columns: 1fr;
  }

  .calculator-io > svg {
    justify-self: center;
    margin: 0;
    transform: rotate(90deg);
  }
}

@media (max-width: 1050px) {
  .calculator-kpis {
    grid-template-columns: repeat(2, 1fr);
  }

  .calculator-toolbar {
    grid-template-columns: 1fr;
  }

  .calculator-count {
    padding-bottom: 0;
  }

  .calculator-inputs.input-count-3 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .calculator-kpis, .calculator-queue, .calculator-inputs, .calculator-inputs.input-count-3 {
    grid-template-columns: 1fr;
  }

  .calculator-toolbar {
    padding: 13px;
  }

  .calculator-card-head {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .calculator-reset {
    grid-column: 1 / -1;
    width: fit-content;
  }

  .calculator-description {
    min-height: 0;
  }

  .calculator-empty {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .calculator-empty button {
    width: 100%;
  }

  .comparison {
    grid-template-columns: 1fr;
  }

  .comparison > svg {
    justify-self: center;
    transform: rotate(90deg);
  }
}

.analysis-controls {
  grid-template-columns: 1fr 1fr 1fr 1.2fr;
  align-items: end;
  gap: 12px;
  display: grid;
}

.analysis-controls label > span, .analysis-controls legend {
  color: #526377;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 800;
  display: block;
}

.analysis-controls select {
  border: 1px solid var(--input);
  width: 100%;
  color: var(--ink);
  background: #fff;
  border-radius: 7px;
  outline: none;
  padding: 10px;
}

.analysis-controls select:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px #256da514;
}

.analysis-controls fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.analysis-controls fieldset button {
  border: 1px solid var(--input);
  color: #617185;
  cursor: pointer;
  background: #f8fafc;
  width: 50%;
  padding: 9px 6px;
}

.analysis-controls fieldset button:first-of-type {
  border-radius: 7px 0 0 7px;
}

.analysis-controls fieldset button:last-of-type {
  border-left: 0;
  border-radius: 0 7px 7px 0;
}

.analysis-controls fieldset button.active {
  color: #174f7c;
  background: #dfeef9;
  border-color: #7da8cb;
  font-weight: 700;
}

.scope-summary {
  color: #5e7082;
  background: #f1f5f8;
  border-radius: 7px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 14px;
  padding: 10px 12px;
  font-size: 12px;
  display: flex;
}

.scope-summary strong, .scope-summary b {
  color: #193a58;
}

.scope-summary > span {
  background: #9aabba;
  border-radius: 99px;
  width: 3px;
  height: 3px;
}

@media (max-width: 1050px) {
  .analysis-controls {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .analysis-controls {
    grid-template-columns: 1fr;
  }
}

.geometry-inputs {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin-top: 16px;
  display: grid;
}

.geometry-inputs label > span, .geometry-output > span {
  color: #60778d;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 6px;
  font-size: 9px;
  font-weight: 800;
  display: block;
}

.geometry-inputs input {
  border: 1px solid var(--input);
  width: 100%;
  height: 42px;
  color: var(--ink);
  border-radius: 7px;
  outline: none;
  padding: 9px 10px;
}

.geometry-inputs input:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px #256da516;
}

.geometry-output {
  margin-top: 10px;
}

.geometry-output > b {
  color: #1e4f75;
  background: #f2f7fb;
  border: 1px solid #c8d9e6;
  border-radius: 7px;
  align-items: center;
  height: 42px;
  padding: 9px 10px;
  font-size: 15px;
  display: flex;
  overflow: auto;
}

.geometry-card header small {
  color: #2b638f;
}

@media (max-width: 760px) {
  .geometry-inputs {
    grid-template-columns: 1fr;
  }
}

.tabs {
  flex-wrap: wrap;
}

.legend i.excluded {
  background: repeating-linear-gradient(135deg, #f1f3f5, #f1f3f5 3px, #dfe4e8 3px 6px);
  border-color: #aeb8c1;
}

.process-node.excluded {
  box-shadow: none;
  opacity: .7;
  background: #f3f5f7;
  border-style: dashed;
  border-color: #aeb8c1;
}

.process-node.excluded.detected {
  opacity: 1;
  background: #fff8e8;
  border-color: #c38a2b;
}

.process-node.excluded small.config-review {
  color: #8a5b11;
}

.coverage-badge.review {
  background: var(--amber-soft);
  color: #8c5c11;
}

.graph-review-alert {
  background: var(--amber-soft);
  color: #74501a;
  border: 1px solid #e6c981;
  border-left: 4px solid #c18422;
  border-radius: 8px;
  align-items: flex-start;
  gap: 10px;
  margin-top: 10px;
  padding: 12px 13px;
  display: flex;
}

.graph-review-alert > svg {
  flex: none;
  width: 18px;
}

.graph-review-alert b, .graph-review-alert span {
  display: block;
}

.graph-review-alert b {
  font-size: 11px;
}

.graph-review-alert span {
  color: #876a3c;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.45;
}

.asset-session-note {
  border: 1px solid #bad8ca;
  border-left: 5px solid var(--green);
  color: #2f614e;
  background: #f3faf6;
  border-radius: 10px;
  align-items: flex-start;
  gap: 11px;
  padding: 14px 16px;
  display: flex;
}

.asset-session-note > svg {
  flex: none;
  width: 20px;
}

.asset-session-note b, .asset-session-note span {
  display: block;
}

.asset-session-note b {
  font-size: 12px;
}

.asset-session-note span {
  color: #557567;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.5;
}

.asset-identity {
  grid-template-columns: minmax(250px, .65fr) minmax(0, 2fr);
  align-items: start;
  gap: 18px;
  display: grid;
}

.asset-identity > label > span, .asset-identity > div > span {
  color: #526377;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 7px;
  font-size: 10px;
  font-weight: 800;
  display: block;
}

.asset-identity input {
  border: 1px solid var(--input);
  width: 100%;
  height: 44px;
  color: var(--ink);
  background: #fff;
  border-radius: 8px;
  outline: none;
  padding: 10px 12px;
}

.asset-identity input:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px #256da516;
}

.template-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  display: grid;
}

.template-grid button {
  text-align: left;
  border: 1px solid var(--line);
  color: #273f57;
  cursor: pointer;
  background: #fafcfd;
  border-radius: 9px;
  min-height: 96px;
  padding: 13px;
  position: relative;
}

.template-grid button:hover {
  border-color: #93b4ce;
}

.template-grid button.selected {
  background: #edf5fb;
  border-color: #4c86b8;
  box-shadow: 0 0 0 3px #4c86b814;
}

.template-grid b, .template-grid small, .template-grid em {
  display: block;
}

.template-grid b {
  font-size: 12px;
}

.template-grid small {
  color: var(--muted);
  margin-top: 5px;
  font-size: 10px;
  line-height: 1.35;
}

.template-grid em {
  color: #2b668f;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-top: 8px;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}

.asset-builder-layout {
  grid-template-columns: minmax(330px, .75fr) minmax(0, 1.7fr);
  align-items: start;
  gap: 18px;
  display: grid;
}

.component-toggle-grid {
  grid-template-columns: 1fr;
  gap: 7px;
  display: grid;
}

.component-toggle-grid button {
  text-align: left;
  border: 1px solid var(--line);
  color: #294258;
  cursor: pointer;
  background: #f8fafb;
  border-radius: 8px;
  align-items: center;
  gap: 9px;
  min-height: 51px;
  padding: 9px 10px;
  display: flex;
}

.component-toggle-grid button:hover:not(:disabled) {
  border-color: #8eb1cc;
}

.component-toggle-grid button.included {
  background: #f3faf6;
  border-color: #afd3c1;
}

.component-toggle-grid button.detected {
  box-shadow: inset 4px 0 #318b69;
}

.component-toggle-grid button.omitted.detected {
  background: #fff9eb;
  border-color: #e1c27d;
  box-shadow: inset 4px 0 #c18422;
}

.component-toggle-grid button:disabled {
  cursor: default;
  opacity: 1;
}

.component-toggle-grid i {
  color: #687786;
  background: #e2e7eb;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

.component-toggle-grid .included i {
  background: var(--green-soft);
  color: var(--green);
}

.component-toggle-grid b, .component-toggle-grid small {
  display: block;
}

.component-toggle-grid b {
  font-size: 11px;
}

.component-toggle-grid small {
  color: var(--muted);
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.35;
}

.graph-legend {
  color: var(--muted);
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 12px;
  font-size: 10px;
  display: flex;
}

.graph-legend span {
  align-items: center;
  gap: 5px;
  display: flex;
}

.graph-legend i {
  border: 2px solid #aab6c0;
  border-radius: 2px;
  width: 9px;
  height: 9px;
}

.graph-legend i.included {
  background: #f3faf6;
  border-color: #7da895;
}

.graph-legend i.detected {
  border-color: var(--green);
  background: var(--green-soft);
}

.graph-legend i.omitted {
  background: #eef1f3;
  border-style: dashed;
}

.graph-legend i.selected {
  border-color: var(--navy);
  box-shadow: 0 0 0 2px #0d2a4a1d;
}

.asset-flow {
  align-items: stretch;
  padding: 12px 2px 16px;
  display: flex;
  overflow-x: auto;
}

.asset-flow-item {
  flex: 1 0 auto;
  align-items: center;
  display: flex;
}

.asset-flow-item > svg {
  color: #7b94a8;
  flex: none;
  width: 18px;
  margin: 0 6px;
}

.asset-flow-item > svg.muted {
  color: #c9d0d6;
}

.asset-branches {
  grid-template-columns: repeat(5, 1fr);
  gap: 9px;
  display: grid;
}

.asset-graph-node {
  text-align: left;
  color: #243c53;
  cursor: pointer;
  background: #fbfcfd;
  border: 2px solid #adc0ce;
  border-radius: 9px;
  flex-direction: column;
  justify-content: center;
  width: 140px;
  min-height: 94px;
  padding: 11px;
  transition: all .16s;
  display: flex;
  position: relative;
}

.asset-branches .asset-graph-node {
  width: auto;
}

.asset-graph-node:hover {
  transform: translateY(-2px);
  box-shadow: 0 7px 18px #18334c13;
}

.asset-graph-node.included {
  background: #f5faf7;
  border-color: #7da895;
}

.asset-graph-node.detected {
  border-color: var(--green);
  background: linear-gradient(145deg, #f1fbf6, #e5f4ec);
}

.asset-graph-node.omitted {
  color: #73808c;
  opacity: .7;
  background: #f1f3f5;
  border-style: dashed;
  border-color: #b5bec6;
}

.asset-graph-node.omitted.detected {
  color: #75531c;
  opacity: 1;
  background: #fff8e8;
  border-color: #c38a2b;
}

.asset-graph-node.selected {
  border-color: var(--navy);
  box-shadow: 0 0 0 3px #0d2a4a1d, 0 8px 20px #18334c17;
}

.asset-graph-node > .node-code {
  letter-spacing: .12em;
  color: #76899a;
  font-size: 8px;
  font-weight: 800;
}

.asset-graph-node strong {
  margin: 5px 0 8px;
  font-size: 12px;
}

.asset-graph-node small {
  color: #758797;
  font-size: 9px;
  line-height: 1.3;
}

.graph-selection {
  background: #f7fafc;
  border: 1px solid #d2dce4;
  border-radius: 9px;
  grid-template-columns: repeat(3, 1fr);
  gap: 9px;
  margin-top: 14px;
  padding: 11px;
  display: grid;
}

.graph-selection > div {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 8px;
  padding: 11px;
}

.graph-selection > div.locked {
  background: var(--amber-soft);
  border-color: #ead49b;
}

.graph-selection span, .graph-selection b, .graph-selection small {
  display: block;
}

.graph-selection span {
  color: #60778d;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 9px;
  font-weight: 800;
}

.graph-selection b {
  color: #29465f;
  margin-top: 5px;
  font-size: 12px;
}

.graph-selection small {
  color: var(--muted);
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.35;
}

.graph-kpis {
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  display: grid;
}

.graph-kpis > div {
  border: 1px solid var(--line);
  background: #fff;
  border-top: 4px solid #4c86b8;
  border-radius: 9px;
  padding: 16px;
}

.graph-kpis > div:nth-child(2), .graph-kpis > div:nth-child(3) {
  border-top-color: var(--green);
}

.graph-kpis > div.warn {
  background: #fffaf0;
  border-top-color: #c18422;
}

.graph-kpis > div.good {
  border-top-color: var(--green);
}

.graph-kpis span, .graph-kpis b, .graph-kpis small {
  display: block;
}

.graph-kpis span {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
  font-weight: 800;
}

.graph-kpis b {
  margin: 5px 0 2px;
  font-size: 28px;
}

.graph-kpis small {
  color: #8693a0;
  font-size: 10px;
}

.graph-validation {
  border-radius: 9px;
  align-items: flex-start;
  gap: 11px;
  padding: 14px 16px;
  display: flex;
}

.graph-validation > svg {
  flex: none;
  width: 22px;
}

.graph-validation.good {
  color: #28684f;
  background: #f3faf6;
  border: 1px solid #bddbcd;
}

.graph-validation.warn {
  background: var(--amber-soft);
  color: #76521b;
  border: 1px solid #e5ca8b;
}

.graph-validation b, .graph-validation p, .graph-validation span {
  display: block;
}

.graph-validation b {
  font-size: 12px;
}

.graph-validation p {
  margin: 5px 0 0;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.45;
}

.graph-validation span {
  color: var(--muted);
  margin-top: 5px;
  font-size: 10px;
  line-height: 1.45;
}

.asset-json-toolbar {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  display: flex;
}

.asset-json-toolbar > div:first-child span, .asset-json-toolbar > div:first-child b {
  display: block;
}

.asset-json-toolbar > div:first-child span {
  color: #587189;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
  font-weight: 800;
}

.asset-json-toolbar > div:first-child b {
  color: #223f59;
  margin-top: 4px;
  font-size: 13px;
}

.asset-json-toolbar > div:last-child {
  gap: 8px;
  display: flex;
}

.asset-json-toolbar button svg {
  width: 15px;
}

.asset-json-preview {
  border: 1px solid #2f4c68;
  max-height: 440px;
}

.asset-json-preview::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

.asset-json-preview::-webkit-scrollbar-thumb {
  background: #46627b;
  border-radius: 99px;
}

@media (max-width: 1150px) {
  .asset-builder-layout {
    grid-template-columns: 1fr;
  }

  .component-toggle-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .asset-branches {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 760px) {
  .asset-identity, .template-grid, .component-toggle-grid, .asset-branches, .graph-selection, .graph-kpis {
    grid-template-columns: 1fr;
  }

  .asset-json-toolbar {
    flex-direction: column;
    align-items: flex-start;
  }

  .asset-json-toolbar > div:last-child {
    flex-wrap: wrap;
  }

  .graph-legend {
    justify-content: flex-start;
  }

  .asset-graph-node {
    width: 132px;
  }
}

.rule-state.implemented-guard {
  background: var(--green-soft);
  color: #246c50;
}

.rule-state.qualification-packet {
  color: #2b638f;
  background: #e9f3fb;
}

.trace-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

.trace-grid .panel, .trace-grid .panel-body, .trace-grid .runtime-guard > div {
  min-width: 0;
}

.trace-state.configuration_review_required, .trace-state.insufficient_data {
  background: var(--amber-soft);
  color: #8c5c11;
}

.trace-state.no_review_flag {
  background: var(--green-soft);
  color: #246c50;
}

.trace-evidence {
  color: #6c8295;
  margin-top: 8px;
  font-size: 9px;
  line-height: 1.4;
  display: block;
}

.qualification-head {
  border-bottom: 1px solid var(--line);
  grid-template-columns: minmax(0, 1.5fr) minmax(210px, .55fr);
  align-items: center;
  gap: 18px;
  padding-bottom: 15px;
  display: grid;
}

.qualification-head > div:first-child > span {
  color: #2b668f;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: 9px;
  font-weight: 800;
}

.qualification-head h3 {
  color: #193b58;
  margin: 5px 0 4px;
  font-size: 20px;
}

.qualification-head p {
  color: var(--muted);
  margin: 0;
  font-size: 10px;
}

.qualification-score {
  background: #fff9ea;
  border: 1px solid #e5ca8b;
  border-radius: 9px;
  padding: 12px 14px;
}

.qualification-score span, .qualification-score b, .qualification-score small {
  display: block;
}

.qualification-score span {
  color: #806024;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 9px;
  font-weight: 800;
}

.qualification-score b {
  color: #67491c;
  margin: 4px 0;
  font-size: 25px;
}

.qualification-score [role="progressbar"] {
  height: 7px;
}

.qualification-score small {
  color: #876a3c;
  margin-top: 6px;
  font-size: 9px;
}

.qualification-layout {
  grid-template-columns: minmax(260px, .8fr) minmax(0, 1.35fr);
  gap: 17px;
  margin-top: 16px;
  display: grid;
}

.source-qualification {
  border: 1px solid var(--line);
  background: #fafcfd;
  border-radius: 9px;
  padding: 15px;
}

.source-qualification > span {
  color: #587189;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
  font-weight: 800;
  display: block;
}

.source-qualification > p {
  color: #405a70;
  margin: 7px 0 14px;
  font-size: 11px;
  line-height: 1.55;
}

.source-qualification > ul {
  color: #6b4b1b;
  margin: 7px 0 0;
  padding-left: 18px;
  font-size: 10px;
  line-height: 1.7;
}

.qualification-warning {
  background: var(--amber-soft);
  color: #74501a;
  border: 1px solid #e6ca89;
  border-radius: 8px;
  gap: 9px;
  margin: 0 0 14px;
  padding: 11px;
  display: flex;
}

.qualification-warning > svg {
  flex: none;
  width: 18px;
}

.qualification-warning b, .qualification-warning small {
  display: block;
}

.qualification-warning b {
  font-size: 10px;
}

.qualification-warning small {
  color: #876a3c;
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.45;
}

.qualification-gates {
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  display: grid;
}

.qualification-gates > div {
  background: #fffaf0;
  border: 1px solid #e3c986;
  border-radius: 8px;
  gap: 9px;
  min-height: 86px;
  padding: 11px;
  display: flex;
}

.qualification-gates > div.complete {
  background: #f3faf6;
  border-color: #b9d8c9;
}

.qualification-gates i {
  background: var(--amber-soft);
  color: #9a6613;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 23px;
  height: 23px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

.qualification-gates .complete i {
  background: var(--green-soft);
  color: var(--green);
}

.qualification-gates p {
  margin: 0;
}

.qualification-gates b, .qualification-gates span {
  display: block;
}

.qualification-gates b {
  color: #29465f;
  font-size: 11px;
}

.qualification-gates span {
  color: var(--muted);
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.4;
}

.qualification-actions {
  background: #f4f8fb;
  border: 1px solid #cbdbe7;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  margin-top: 15px;
  padding: 11px 12px;
  display: flex;
}

.qualification-actions > div {
  flex: 1;
  min-width: 0;
}

.qualification-actions span, .qualification-actions b {
  display: block;
}

.qualification-actions span {
  color: #587189;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 9px;
  font-weight: 800;
}

.qualification-actions b {
  color: #334f66;
  margin-top: 4px;
  font-size: 10px;
}

.qualification-actions button svg {
  width: 15px;
}

.qualification-json {
  border: 1px solid #2f4c68;
  max-height: 360px;
  margin-top: 10px;
}

@media (max-width: 900px) {
  .trace-grid, .qualification-head, .qualification-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .qualification-gates {
    grid-template-columns: 1fr;
  }

  .qualification-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .qualification-actions button {
    width: 100%;
  }
}

.metadata-boundary {
  color: #2b5377;
  background: #f2f8fc;
  border: 1px solid #cbdfea;
  border-left: 4px solid #4c86b8;
  border-radius: 8px;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  display: flex;
}

.metadata-boundary > svg {
  flex: none;
  width: 19px;
}

.metadata-boundary b, .metadata-boundary span {
  display: block;
}

.metadata-boundary b {
  font-size: 11px;
}

.metadata-boundary span {
  color: #617d96;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.45;
}

.metadata-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.metadata-summary > div {
  border: 1px solid var(--line);
  background: #fafcfd;
  border-top: 3px solid #91a8bc;
  border-radius: 8px;
  padding: 11px;
}

.metadata-summary > div.ready {
  border-top-color: var(--green);
  background: #f3faf6;
}

.metadata-summary > div.review {
  background: #fffaf0;
  border-top-color: #c18422;
}

.metadata-summary span, .metadata-summary b, .metadata-summary small {
  display: block;
}

.metadata-summary span {
  color: var(--muted);
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 9px;
  font-weight: 800;
}

.metadata-summary b {
  color: #29465f;
  margin-top: 4px;
  font-size: 22px;
}

.metadata-summary small {
  color: #8492a0;
  margin-top: 2px;
  font-size: 9px;
}

.metadata-list {
  gap: 8px;
  margin: 12px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.metadata-row {
  border: 1px solid var(--line);
  background: #fafcfd;
  border-radius: 8px;
  grid-template-columns: minmax(180px, 1.1fr) minmax(145px, .65fr) minmax(210px, 1fr) minmax(135px, .6fr);
  align-items: end;
  gap: 10px;
  padding: 11px;
  display: grid;
}

.metadata-source > span, .metadata-row label > span, .metadata-status > span {
  color: #60778d;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 6px;
  font-size: 9px;
  font-weight: 800;
  display: block;
}

.metadata-source b, .metadata-source small, .metadata-status small {
  display: block;
}

.metadata-source b {
  color: #29465f;
  overflow-wrap: anywhere;
  font-size: 12px;
}

.metadata-source small, .metadata-row label small, .metadata-status small {
  color: var(--muted);
  margin-top: 5px;
  font-size: 9px;
  line-height: 1.35;
  display: block;
}

.metadata-row input {
  border: 1px solid var(--input);
  width: 100%;
  min-height: 42px;
  color: var(--ink);
  background: #fff;
  border-radius: 7px;
  outline: none;
  padding: 9px 10px;
}

.metadata-row input:focus-visible {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px #256da516;
}

.metadata-state {
  white-space: nowrap;
  border-radius: 99px;
  padding: 6px 8px;
  font-size: 10px;
  display: inline-block;
}

.metadata-state.ready {
  background: var(--green-soft);
  color: #246c50;
}

.metadata-state.needs-review {
  background: var(--amber-soft);
  color: #8c5c11;
}

@media (max-width: 1050px) {
  .metadata-summary {
    grid-template-columns: repeat(2, 1fr);
  }

  .metadata-row {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .readiness-checks {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 760px) {
  .metadata-summary, .metadata-row, .readiness-checks {
    grid-template-columns: 1fr;
  }
}

.workflow-steps {
  grid-template-columns: repeat(4, 1fr);
  gap: 9px;
  display: grid;
}

.workflow-steps > div {
  border: 1px solid var(--line);
  color: #6e7d8c;
  background: #f7f9fb;
  border-radius: 9px;
  align-items: center;
  gap: 10px;
  min-height: 68px;
  padding: 11px 12px;
  display: flex;
}

.workflow-steps > div.current {
  color: #245f8e;
  background: #edf6fc;
  border-color: #79a7ca;
  box-shadow: inset 0 0 0 1px #79a7ca2b;
}

.workflow-steps > div.complete {
  color: #286d52;
  background: #f2faf6;
  border-color: #b8d8c8;
}

.workflow-steps i {
  color: #61707e;
  background: #e4e9ed;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 27px;
  height: 27px;
  font-size: 11px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

.workflow-steps .current i {
  color: #245f8e;
  background: #d9ebf8;
}

.workflow-steps .complete i {
  background: var(--green-soft);
  color: var(--green);
}

.workflow-steps p {
  margin: 0;
}

.workflow-steps b, .workflow-steps span {
  display: block;
}

.workflow-steps b {
  font-size: 11px;
}

.workflow-steps span {
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.3;
}

.upload-actions {
  align-items: center;
  gap: 8px;
  display: flex;
}

.upload-actions svg {
  width: 15px;
}

.import-review {
  grid-template-columns: minmax(260px, .55fr) minmax(0, 1.45fr);
  gap: 16px;
  display: grid;
}

.import-controls {
  flex-direction: column;
  gap: 11px;
  display: flex;
}

.import-controls label > span {
  color: #526377;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin-bottom: 6px;
  font-size: 10px;
  font-weight: 800;
  display: block;
}

.import-controls select {
  border: 1px solid var(--input);
  width: 100%;
  color: var(--ink);
  background: #fff;
  border-radius: 7px;
  padding: 10px;
}

.import-summary {
  border: 1px solid var(--line);
  background: #f7fafc;
  border-radius: 8px;
  padding: 11px;
}

.import-summary span, .import-summary b, .import-summary small {
  display: block;
}

.import-summary span {
  color: #60778d;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 9px;
  font-weight: 800;
}

.import-summary b {
  color: #29465f;
  margin-top: 4px;
  font-size: 12px;
}

.import-summary small {
  color: var(--muted);
  margin-top: 4px;
  font-size: 9px;
}

.import-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.import-actions svg {
  width: 15px;
}

.import-preview {
  border: 1px solid var(--line);
  border-radius: 8px;
  max-height: 350px;
}

.import-preview table {
  min-width: 680px;
}

.mapping-state {
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  margin-top: 13px;
  padding: 10px 12px;
  font-size: 11px;
  display: flex;
}

.mapping-state i {
  border-radius: 99px;
  place-items: center;
  width: 22px;
  height: 22px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

.mapping-state.ready {
  color: #286d52;
  background: #f2faf6;
  border: 1px solid #bddbcd;
}

.mapping-state.ready i {
  background: var(--green-soft);
  color: var(--green);
}

.mapping-state.review {
  background: var(--amber-soft);
  color: #7a5419;
  border: 1px solid #ead49b;
}

.mapping-state.review i {
  color: #9a6613;
  background: #ffe8b5;
}

.analysis-cta {
  border: 1px solid #9ebed6;
  border-left: 6px solid var(--blue);
  background: linear-gradient(110deg, #f8fcff, #edf6fc);
  border-radius: 11px;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 20px 22px;
  display: flex;
  box-shadow: 0 6px 18px #173f680c;
}

.analysis-cta > div > span {
  color: #2c6997;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: 10px;
  font-weight: 800;
}

.analysis-cta h2 {
  color: #183b5a;
  margin: 4px 0 5px;
  font-size: 19px;
}

.analysis-cta p {
  color: #5e7184;
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
}

.analysis-cta ul {
  color: #7a5419;
  margin: 9px 0 0;
  padding-left: 18px;
  font-size: 10px;
  line-height: 1.6;
}

.analysis-cta small {
  color: #2f6d54;
  align-items: center;
  gap: 6px;
  margin-top: 9px;
  font-size: 10px;
  display: flex;
}

.analysis-cta small svg {
  width: 15px;
}

.analysis-cta > button {
  flex: none;
}

.analysis-cta > button svg {
  width: 16px;
}

.analysis-summary {
  background: #eef6fb;
  border: 1px solid #98bcd5;
  border-radius: 13px;
  outline: none;
  flex-direction: column;
  gap: 18px;
  padding: 18px;
  display: flex;
  box-shadow: 0 10px 30px #18334c14;
}

.analysis-summary:focus-visible {
  box-shadow: 0 0 0 4px #256da51f, 0 10px 30px #18334c14;
}

.analysis-summary-head {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  display: flex;
}

.analysis-summary-head span {
  color: #2c6997;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 9px;
  font-weight: 800;
}

.analysis-summary-head h2 {
  color: #173b59;
  margin: 4px 0;
  font-size: 22px;
}

.analysis-summary-head p {
  color: #627487;
  margin: 0;
  font-size: 10px;
}

.analysis-summary-head em {
  white-space: nowrap;
  border-radius: 99px;
  padding: 7px 10px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.analysis-summary-head em.review {
  background: var(--amber-soft);
  color: #8a5c13;
}

.analysis-summary-head em.ready {
  background: var(--green-soft);
  color: #246c50;
}

.analysis-summary .panel {
  box-shadow: none;
}

.review-output {
  align-items: stretch;
}

.review-queue, .review-queue > div {
  display: flex;
}

.review-queue {
  flex-direction: column;
  gap: 8px;
}

.review-queue > div {
  color: #77521b;
  background: #fffaf0;
  border: 1px solid #ead49b;
  border-radius: 8px;
  gap: 9px;
  padding: 10px;
}

.review-queue svg {
  flex: none;
  width: 16px;
}

.review-queue p, .queue-clear p {
  margin: 0;
}

.review-queue b, .review-queue span, .queue-clear b, .queue-clear span {
  display: block;
}

.review-queue b, .queue-clear b {
  font-size: 11px;
}

.review-queue span, .queue-clear span {
  color: var(--muted);
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.4;
}

.queue-clear {
  color: #28684f;
  background: #f3faf6;
  border: 1px solid #bddbcd;
  border-radius: 8px;
  gap: 9px;
  padding: 12px;
  display: flex;
}

.queue-clear svg {
  flex: none;
  width: 18px;
}

.report-actions {
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 8px;
  display: grid;
}

.report-actions span, .report-actions b, .report-actions small {
  display: block;
}

.report-actions span {
  color: #587189;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 9px;
  font-weight: 800;
}

.report-actions b {
  color: #29465f;
  margin-top: 4px;
  font-size: 11px;
}

.report-actions small {
  color: var(--muted);
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.4;
}

.report-actions button svg {
  width: 14px;
}

.locked-kpi {
  background: #fafbfc;
  border-left-color: #8795a4 !important;
}

.locked-kpi span {
  color: #607182;
  align-items: center;
  gap: 6px;
  display: flex;
}

.locked-kpi span svg {
  color: #768594;
  width: 14px;
}

.locked-kpi b {
  color: #596a7b;
  margin: 8px 0;
  font-size: 16px;
}

.acceptance-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.acceptance-grid > div {
  border: 1px solid var(--line);
  background: #fafcfd;
  border-radius: 8px;
  gap: 9px;
  min-height: 70px;
  padding: 11px;
  display: flex;
}

.acceptance-grid > div.accepted {
  background: #f3faf6;
  border-color: #bddbcd;
}

.acceptance-grid > div.dependency {
  background: #f6f7f8;
  border-color: #d7dfe5;
}

.acceptance-grid i {
  color: #667584;
  background: #e5e9ec;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

.acceptance-grid .accepted i {
  background: var(--green-soft);
  color: var(--green);
}

.acceptance-grid p {
  margin: 0;
}

.acceptance-grid b, .acceptance-grid span {
  display: block;
}

.acceptance-grid b {
  color: #29465f;
  font-size: 11px;
}

.acceptance-grid span {
  color: var(--muted);
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.4;
}

.readiness-checks {
  grid-template-columns: repeat(7, 1fr);
}

@media (max-width: 1050px) {
  .workflow-steps {
    grid-template-columns: repeat(2, 1fr);
  }

  .import-review {
    grid-template-columns: 1fr;
  }

  .readiness-checks {
    grid-template-columns: repeat(3, 1fr);
  }

  .report-actions {
    grid-template-columns: 1fr 1fr;
  }

  .report-actions > div {
    grid-column: 1 / -1;
  }
}

@media (max-width: 760px) {
  .workflow-steps, .acceptance-grid, .readiness-checks {
    grid-template-columns: 1fr;
  }

  .upload {
    grid-template-columns: auto 1fr;
  }

  .upload-actions {
    grid-column: 1 / -1;
    justify-content: flex-end;
  }

  .analysis-cta, .analysis-summary-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .analysis-cta > button, .report-actions button {
    width: 100%;
  }

  .report-actions {
    grid-template-columns: 1fr;
  }

  .report-actions > div {
    grid-column: auto;
  }

  .tabs {
    scrollbar-width: thin;
    flex-wrap: nowrap;
    justify-content: flex-start;
    overflow-x: auto;
  }

  .tabs button {
    white-space: nowrap;
    min-height: 44px;
  }

  .upload-actions button, .import-actions button, .analysis-cta button {
    min-height: 44px;
  }

  .workflow-steps b, .workflow-steps span, .import-summary span, .import-summary small, .metadata-row label small, .analysis-summary-head p, .review-queue span, .queue-clear span, .report-actions small {
    font-size: 12px;
    line-height: 1.45;
  }
}

.analysis-cta small.api-run-failed {
  color: #98512c;
}

.retrieval-banner, .kpi-workspace-banner {
  border: 1px solid #b9d8c9;
  border-left: 5px solid var(--green);
  color: #28684f;
  background: #f3faf6;
  border-radius: 9px;
  align-items: flex-start;
  gap: 11px;
  padding: 14px 16px;
  display: flex;
}

.retrieval-banner > svg, .kpi-workspace-banner > svg {
  flex: none;
  width: 22px;
}

.retrieval-banner b, .retrieval-banner span, .kpi-workspace-banner b, .kpi-workspace-banner span {
  display: block;
}

.retrieval-banner b, .kpi-workspace-banner b {
  font-size: 12px;
}

.retrieval-banner span, .kpi-workspace-banner span {
  color: #5f776c;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.45;
}

.retrieval-metrics {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 9px;
  margin-top: 13px;
  display: grid;
}

.retrieval-metrics > div {
  border: 1px solid var(--line);
  background: #fafcfd;
  border-top: 4px solid #4c86b8;
  border-radius: 8px;
  padding: 13px;
}

.retrieval-metrics > div:first-child, .retrieval-metrics > div:last-child {
  border-top-color: var(--green);
  background: #f5faf7;
}

.retrieval-metrics span, .retrieval-metrics b, .retrieval-metrics small {
  display: block;
}

.retrieval-metrics span {
  color: #60778d;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 9px;
  font-weight: 800;
}

.retrieval-metrics b {
  color: #203e58;
  margin: 5px 0 2px;
  font-size: 22px;
}

.retrieval-metrics small {
  color: var(--muted);
  font-size: 9px;
  line-height: 1.35;
}

.retrieval-notes {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 11px;
  display: grid;
}

.retrieval-notes > div {
  border: 1px solid var(--line);
  background: #fafcfd;
  border-radius: 8px;
  gap: 9px;
  padding: 12px;
  display: flex;
}

.retrieval-notes > div:last-child {
  color: #76521b;
  background: #fffaf0;
  border-color: #ead49b;
}

.retrieval-notes svg {
  flex: none;
  width: 18px;
}

.retrieval-notes p {
  margin: 0;
}

.retrieval-notes b, .retrieval-notes span {
  display: block;
}

.retrieval-notes b {
  font-size: 11px;
}

.retrieval-notes span {
  color: var(--muted);
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.45;
}

.technical-review-table table {
  min-width: 1260px;
}

.review-decision {
  color: #526377;
  white-space: nowrap;
  background: #eef2f5;
  border-radius: 99px;
  padding: 6px 8px;
  font-size: 9px;
  font-weight: 800;
  display: inline-block;
}

.review-decision.blocked--conflict, .review-decision.blocked--revision {
  color: #94571a;
  background: #fff0e0;
}

.review-decision.method-guard, .review-decision.adopted-guard {
  background: var(--green-soft);
  color: #246c50;
}

.review-decision.review-only, .review-decision.site-baseline-only, .review-decision.formula-review, .review-decision.calculator-candidate {
  background: var(--amber-soft);
  color: #805513;
}

.standard-links {
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 12px;
  padding-top: 12px;
  display: flex;
}

.standard-links span {
  color: #587189;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 9px;
  font-weight: 800;
}

.standard-links a {
  color: #256da5;
  background: #f2f8fc;
  border: 1px solid #c9dbe8;
  border-radius: 6px;
  padding: 6px 8px;
  font-size: 10px;
  text-decoration: none;
}

.standard-links a:hover {
  text-decoration: underline;
}

.kpi-workspace-banner {
  border-color: #c7d9e8;
  border-left-color: var(--blue);
  color: #285777;
  background: #f2f8fc;
  align-items: center;
}

.kpi-workspace-banner > div {
  flex: 1;
  min-width: 0;
}

.kpi-workspace-banner span {
  color: #617d96;
}

.kpi-workspace-banner em {
  color: #275f8c;
  background: #fff;
  border: 1px solid #c9dbe8;
  border-radius: 99px;
  flex: none;
  padding: 7px 10px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.kpi-editor-layout {
  grid-template-columns: 265px minmax(0, 1fr);
  gap: 14px;
  margin-top: 14px;
  display: grid;
}

.kpi-rule-list {
  border: 1px solid var(--line);
  background: #f4f7f9;
  border-radius: 10px;
  align-self: start;
  padding: 10px;
}

.kpi-rule-list > div {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 9px;
  display: flex;
}

.kpi-rule-list > div > span {
  color: #587189;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 9px;
  font-weight: 800;
}

.kpi-rule-list button {
  color: #29465f;
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d7e0e7;
  border-radius: 8px;
  width: 100%;
  margin: 0 0 7px;
  padding: 10px;
  display: block;
}

.kpi-rule-list button:last-child {
  margin-bottom: 0;
}

.kpi-rule-list button:hover {
  border-color: #94b6ce;
}

.kpi-rule-list button.selected {
  background: #edf6fc;
  border-color: #4c86b8;
  box-shadow: inset 4px 0 #256da5;
}

.kpi-rule-list button span, .kpi-rule-list button b, .kpi-rule-list button small {
  display: block;
}

.kpi-rule-list button span {
  color: #2b6d9f;
  letter-spacing: .06em;
  font-size: 9px;
  font-weight: 800;
}

.kpi-rule-list button b {
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.3;
}

.kpi-rule-list button small {
  color: var(--muted);
  margin-top: 5px;
  font-size: 9px;
}

.kpi-rule-list > div button {
  align-items: center;
  gap: 5px;
  width: auto;
  margin: 0;
  padding: 6px 8px;
  display: flex;
}

.kpi-rule-list > div button svg {
  width: 13px;
}

.kpi-rule-editor {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 10px;
  min-width: 0;
  padding: 15px;
}

.kpi-editor-head {
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding-bottom: 13px;
  display: flex;
}

.kpi-editor-head > div:first-child > span {
  color: #2b668f;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
  font-weight: 800;
}

.kpi-editor-head h3 {
  color: #193b58;
  margin: 4px 0;
  font-size: 20px;
}

.kpi-editor-head p {
  color: var(--muted);
  margin: 0;
  font-size: 10px;
}

.kpi-status-control {
  flex: none;
  align-items: flex-end;
  gap: 8px;
  display: flex;
}

.kpi-status-control label > span {
  color: #60778d;
  text-transform: uppercase;
  letter-spacing: .06em;
  margin-bottom: 5px;
  font-size: 9px;
  font-weight: 800;
  display: block;
}

.kpi-status-control select, .kpi-field select {
  border: 1px solid var(--input);
  min-height: 39px;
  color: var(--ink);
  background: #fff;
  border-radius: 7px;
  padding: 8px 9px;
}

.kpi-status-control > b {
  white-space: nowrap;
  border-radius: 7px;
  padding: 8px 9px;
  font-size: 9px;
  display: block;
}

.kpi-status-control > b.eligible {
  background: var(--green-soft);
  color: #246c50;
}

.kpi-status-control > b.blocked {
  background: var(--amber-soft);
  color: #805513;
}

.kpi-completeness {
  background: #f7fafc;
  border: 1px solid #d4e0e9;
  border-radius: 9px;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 11px;
  margin-top: 12px;
  padding: 12px;
  display: grid;
}

.kpi-completeness > div:first-child > span, .kpi-completeness > div:first-child > b {
  display: block;
}

.kpi-completeness > div:first-child > span {
  color: #60778d;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 9px;
  font-weight: 800;
}

.kpi-completeness > div:first-child > b {
  color: #29465f;
  margin: 5px 0;
  font-size: 20px;
}

.kpi-completeness [role="progressbar"] {
  height: 7px;
}

.kpi-gate-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 6px;
  display: grid;
}

.kpi-gate-grid > div {
  background: #fffaf0;
  border: 1px solid #ead49b;
  border-radius: 7px;
  align-items: center;
  gap: 6px;
  padding: 7px;
  display: flex;
}

.kpi-gate-grid > div.complete {
  background: #f3faf6;
  border-color: #bddbcd;
}

.kpi-gate-grid i {
  color: #986410;
  background: #ffe8b5;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 19px;
  height: 19px;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
  display: grid;
}

.kpi-gate-grid .complete i {
  background: var(--green-soft);
  color: var(--green);
}

.kpi-gate-grid p {
  min-width: 0;
  margin: 0;
}

.kpi-gate-grid b, .kpi-gate-grid span {
  display: block;
}

.kpi-gate-grid b {
  color: #3a5368;
  text-overflow: ellipsis;
  font-size: 9px;
  overflow: hidden;
}

.kpi-gate-grid span {
  color: var(--muted);
  margin-top: 2px;
  font-size: 8px;
}

.kpi-blocker {
  background: var(--amber-soft);
  color: #74501a;
  border: 1px solid #e6ca89;
  border-radius: 8px;
  gap: 9px;
  margin-top: 10px;
  padding: 11px;
  display: flex;
}

.kpi-blocker svg {
  flex: none;
  width: 18px;
}

.kpi-blocker b, .kpi-blocker span {
  display: block;
}

.kpi-blocker b {
  font-size: 10px;
}

.kpi-blocker span {
  color: #806332;
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.45;
}

.kpi-form-section {
  border: 1px solid var(--line);
  background: #fbfcfd;
  border-radius: 8px;
  margin-top: 10px;
  overflow: hidden;
}

.kpi-form-section summary {
  color: #29465f;
  cursor: pointer;
  background: #f1f5f8;
  padding: 11px 12px;
  font-size: 11px;
  font-weight: 800;
  list-style-position: inside;
}

.kpi-form-section[open] summary {
  border-bottom: 1px solid var(--line);
}

.kpi-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px;
  display: grid;
}

.kpi-field {
  min-width: 0;
}

.kpi-field.wide {
  grid-column: 1 / -1;
}

.kpi-field > span {
  color: #526b81;
  text-transform: uppercase;
  letter-spacing: .055em;
  align-items: center;
  gap: 6px;
  margin-bottom: 5px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
}

.kpi-field > span i {
  color: #708295;
  background: #eaf0f4;
  border-radius: 4px;
  padding: 2px 4px;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
}

.kpi-field input, .kpi-field textarea, .kpi-field select {
  border: 1px solid var(--input);
  width: 100%;
  min-height: 40px;
  color: var(--ink);
  background: #fff;
  border-radius: 7px;
  outline: none;
  padding: 8px 9px;
}

.kpi-field textarea {
  resize: vertical;
  min-height: 72px;
  line-height: 1.4;
}

.kpi-field input:focus, .kpi-field textarea:focus, .kpi-field select:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px #256da516;
}

.kpi-editor-actions {
  background: #f4f8fb;
  border: 1px solid #cbdbe7;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  margin-top: 12px;
  padding: 11px;
  display: flex;
}

.kpi-editor-actions > div {
  flex: 1;
  min-width: 0;
}

.kpi-editor-actions span, .kpi-editor-actions b {
  display: block;
}

.kpi-editor-actions span {
  color: #587189;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 9px;
  font-weight: 800;
}

.kpi-editor-actions b {
  color: #334f66;
  margin-top: 3px;
  font-size: 9px;
}

.kpi-editor-actions button svg {
  width: 14px;
}

@media (max-width: 1180px) {
  .retrieval-metrics {
    grid-template-columns: repeat(3, 1fr);
  }

  .kpi-editor-layout {
    grid-template-columns: 1fr;
  }

  .kpi-rule-list {
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    display: grid;
  }

  .kpi-rule-list > div {
    grid-column: 1 / -1;
  }

  .kpi-rule-list button {
    margin: 0;
  }

  .kpi-gate-grid {
    grid-template-columns: repeat(3, 1fr);
  }
}

@media (max-width: 820px) {
  .retrieval-metrics, .retrieval-notes, .kpi-rule-list, .kpi-form-grid {
    grid-template-columns: 1fr;
  }

  .kpi-field.wide {
    grid-column: auto;
  }

  .kpi-editor-head, .kpi-status-control, .kpi-editor-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .kpi-completeness {
    grid-template-columns: 1fr;
  }

  .kpi-gate-grid {
    grid-template-columns: repeat(2, 1fr);
  }

  .kpi-workspace-banner {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .kpi-workspace-banner em {
    margin-left: 33px;
  }

  .kpi-editor-actions button {
    width: 100%;
    min-height: 44px;
  }

  .kpi-rule-list > div {
    grid-column: auto;
  }

  .kpi-rule-list button {
    min-height: 44px;
  }
}

.kpi-range-authoring {
  background: #fff;
  border: 1px solid #abc4d7;
  border-radius: 10px;
  grid-column: 1 / -1;
  overflow: hidden;
}

.kpi-range-authoring > header {
  background: linear-gradient(110deg, #eaf4fa, #f8fbfd);
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 13px 14px;
  display: flex;
}

.kpi-range-authoring > header span {
  color: #2c6997;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 8px;
  font-weight: 900;
}

.kpi-range-authoring > header h4 {
  color: #193b58;
  margin: 4px 0;
  font-size: 15px;
}

.kpi-range-authoring > header p {
  color: #60778d;
  max-width: 760px;
  margin: 0;
  font-size: 9px;
  line-height: 1.45;
}

.kpi-range-authoring > header em {
  color: #3d657f;
  background: #fff;
  border: 1px solid #c3d7e5;
  border-radius: 99px;
  flex: none;
  padding: 6px 8px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.kpi-range-source-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 12px 12px 4px;
  display: grid;
}

.kpi-band-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  padding: 8px 12px 12px;
  display: grid;
}

.kpi-band {
  border: 1px solid var(--line);
  background: #fafcfd;
  border-top-width: 5px;
  border-radius: 8px;
  padding: 11px;
}

.kpi-band.low {
  background: #f3faf6;
  border-top-color: #3a9a68;
}

.kpi-band.moderate {
  background: #fffaf0;
  border-top-color: #d59a20;
}

.kpi-band.high {
  background: #fff5f4;
  border-top-color: #c5524d;
}

.kpi-band > span {
  color: #29465f;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 900;
  display: flex;
}

.kpi-band > span i {
  background: #3a9a68;
  border-radius: 99px;
  width: 10px;
  height: 10px;
}

.kpi-band.moderate > span i {
  background: #d59a20;
}

.kpi-band.high > span i {
  background: #c5524d;
}

.kpi-band input {
  border: 1px solid var(--input);
  width: 100%;
  min-height: 40px;
  color: var(--ink);
  background: #fff;
  border-radius: 7px;
  outline: none;
  margin-top: 8px;
  padding: 8px 9px;
}

.kpi-band input:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px #256da516;
}

.kpi-band small {
  color: #6f7f8b;
  margin-top: 6px;
  font-size: 8px;
  display: block;
}

.kpi-default-actions {
  background: #f7fafc;
  border-top: 1px solid #d7e2e9;
  align-items: center;
  gap: 8px;
  padding: 11px 12px;
  display: flex;
}

.kpi-default-actions > div {
  flex: 1;
  min-width: 0;
}

.kpi-default-actions span, .kpi-default-actions b {
  display: block;
}

.kpi-default-actions span {
  color: #587189;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 8px;
  font-weight: 900;
}

.kpi-default-actions b {
  color: #3f5668;
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.4;
}

.kpi-default-actions button svg {
  width: 14px;
}

.kpi-standard-warning {
  color: #77521b;
  background: #fffaf0;
  border-top: 1px solid #ead49b;
  align-items: flex-start;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
}

.kpi-standard-warning svg {
  flex: none;
  width: 16px;
}

.kpi-standard-warning span {
  font-size: 9px;
  line-height: 1.45;
}

@media (max-width: 820px) {
  .kpi-range-source-grid, .kpi-band-grid {
    grid-template-columns: 1fr;
  }

  .kpi-range-authoring > header, .kpi-default-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .kpi-range-authoring > header em {
    align-self: flex-start;
  }

  .kpi-default-actions button {
    width: 100%;
  }
}

.rule-pipeline.simplified {
  grid-template-columns: repeat(4, 1fr);
}

.kpi-editor-tools {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 8px;
  display: flex;
}

.kpi-mode-switch {
  background: #eef4f8;
  border: 1px solid #c8d7e2;
  border-radius: 8px;
  padding: 3px;
  display: flex;
}

.kpi-mode-switch button {
  color: #587086;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 5px;
  min-height: 34px;
  padding: 7px 9px;
  font-size: 9px;
  font-weight: 800;
  display: flex;
}

.kpi-mode-switch button svg {
  width: 13px;
}

.kpi-mode-switch button.active {
  color: #245f8c;
  background: #fff;
  box-shadow: 0 2px 7px #16395718;
}

.kpi-guided-state {
  color: #5d6f7f;
  background: #eaf0f4;
  border-radius: 7px;
  padding: 8px 10px;
  font-size: 9px;
  font-weight: 900;
}

.kpi-guided-state.in-review {
  color: #865e15;
  background: #fff1c7;
}

.kpi-guided-state.approved, .kpi-guided-state.active {
  background: var(--green-soft);
  color: #246c50;
}

.kpi-guided-overview {
  background: #f4f9fc;
  border: 1px solid #cbdce8;
  border-radius: 10px;
  grid-template-columns: 210px minmax(0, 1fr);
  gap: 12px;
  margin-top: 12px;
  padding: 13px;
  display: grid;
}

.kpi-guided-overview > div:first-child > span, .kpi-guided-overview > div:first-child > b, .kpi-guided-overview > div:first-child > small {
  display: block;
}

.kpi-guided-overview > div:first-child > span {
  color: #56738a;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 8px;
  font-weight: 900;
}

.kpi-guided-overview > div:first-child > b {
  color: #21445f;
  margin: 5px 0;
  font-size: 15px;
}

.kpi-guided-overview > div:first-child > [role="progressbar"] {
  height: 7px;
}

.kpi-guided-overview > div:first-child > small {
  color: #718493;
  margin-top: 6px;
  font-size: 8px;
  line-height: 1.35;
}

.kpi-guided-checks {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  display: grid;
}

.kpi-guided-checks > div {
  background: #fffaf0;
  border: 1px solid #e2ca8f;
  border-radius: 7px;
  gap: 6px;
  min-width: 0;
  padding: 8px;
  display: flex;
}

.kpi-guided-checks > div.ready {
  background: #f3faf6;
  border-color: #b9d8c8;
}

.kpi-guided-checks i {
  color: #fff;
  background: #f0b52a;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 19px;
  height: 19px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.kpi-guided-checks .ready i {
  background: #39936a;
}

.kpi-guided-checks p {
  min-width: 0;
  margin: 0;
}

.kpi-guided-checks b, .kpi-guided-checks span {
  display: block;
}

.kpi-guided-checks b {
  color: #38556c;
  font-size: 8px;
  line-height: 1.25;
}

.kpi-guided-checks span {
  color: #74828d;
  margin-top: 2px;
  font-size: 7px;
  line-height: 1.3;
}

.kpi-guided-section {
  background: #fbfcfd;
  border: 1px solid #d4dfe7;
  border-radius: 10px;
  margin-top: 11px;
  overflow: hidden;
}

.kpi-guided-section > header {
  background: #f2f6f9;
  border-bottom: 1px solid #dce4ea;
  align-items: flex-start;
  gap: 9px;
  padding: 12px 13px;
  display: flex;
}

.kpi-guided-section > header > i {
  color: #246997;
  background: #d9eaf5;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 26px;
  height: 26px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.kpi-guided-section > header h4 {
  color: #23455f;
  margin: 0;
  font-size: 13px;
}

.kpi-guided-section > header p {
  color: #6a7c8a;
  margin: 3px 0 0;
  font-size: 9px;
  line-height: 1.4;
}

.kpi-guided-section .kpi-form-grid {
  padding: 12px;
}

.kpi-guided-section .kpi-form-grid.compact {
  padding-top: 0;
}

.kpi-guided-section > .kpi-band-grid {
  padding-top: 12px;
}

.kpi-source-note {
  color: #436985;
  background: #f2f8fc;
  border: 1px solid #c8dbe8;
  border-radius: 7px;
  gap: 8px;
  margin: 0 12px 12px;
  padding: 9px 10px;
  display: flex;
}

.kpi-source-note svg {
  flex: none;
  width: 16px;
}

.kpi-source-note span {
  font-size: 8px;
  line-height: 1.45;
}

.kpi-guided-finish {
  background: #fffaf0;
  border: 1px solid #e3c789;
  border-left: 5px solid #d49a22;
  border-radius: 9px;
  align-items: center;
  gap: 12px;
  margin-top: 12px;
  padding: 13px 14px;
  display: flex;
}

.kpi-guided-finish.ready {
  background: #f3faf6;
  border-color: #afd3c0 #afd3c0 #afd3c0 #359168;
}

.kpi-guided-finish > div {
  flex: 1;
  gap: 9px;
  min-width: 0;
  display: flex;
}

.kpi-guided-finish svg {
  color: #b17816;
  flex: none;
  width: 21px;
}

.kpi-guided-finish.ready svg {
  color: #2f825c;
}

.kpi-guided-finish p {
  margin: 0;
}

.kpi-guided-finish b, .kpi-guided-finish span {
  display: block;
}

.kpi-guided-finish b {
  color: #3d5669;
  font-size: 11px;
}

.kpi-guided-finish span {
  color: #6f7d88;
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.45;
}

.kpi-editor-actions.simple {
  margin-top: 10px;
}

.kpi-engineering-details {
  background: #f7fafc;
  border: 1px solid #cdd9e2;
  border-radius: 10px;
}

.kpi-engineering-details > summary {
  color: #2c5878;
  cursor: pointer;
  align-items: center;
  gap: 8px;
  padding: 13px 15px;
  font-size: 11px;
  font-weight: 900;
  list-style-position: inside;
  display: flex;
}

.kpi-engineering-details > summary span {
  color: #718493;
  font-size: 9px;
  font-weight: 600;
}

.kpi-engineering-details[open] > summary {
  border-bottom: 1px solid #d8e2e9;
}

.kpi-engineering-details > .stack {
  padding: 12px;
}

.kpi-knowledge-evidence {
  gap: 10px;
  padding: 12px;
  display: grid;
}

.kpi-knowledge-evidence > header {
  background: #f1faf6;
  border: 1px solid #a9d5c1;
  border-radius: 9px;
  align-items: flex-start;
  gap: 9px;
  padding: 11px 12px;
  display: flex;
}

.kpi-knowledge-evidence > header > svg {
  color: #27835d;
  flex: none;
  width: 20px;
}

.kpi-knowledge-evidence > header > div {
  flex: 1;
  min-width: 0;
}

.kpi-knowledge-evidence > header b, .kpi-knowledge-evidence > header span {
  display: block;
}

.kpi-knowledge-evidence > header b {
  color: #235c46;
  font-size: 11px;
}

.kpi-knowledge-evidence > header span {
  color: #638071;
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.4;
}

.kpi-knowledge-evidence > header em {
  color: #276e50;
  background: #dff3e9;
  border-radius: 99px;
  flex: none;
  padding: 5px 8px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.kpi-knowledge-evidence-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.kpi-knowledge-evidence-grid article {
  background: #fff;
  border: 1px solid #ccdae2;
  border-left: 4px solid #2f819e;
  border-radius: 8px;
  min-width: 0;
  padding: 11px;
}

.kpi-knowledge-evidence-grid article > span, .kpi-knowledge-evidence-grid article > b, .kpi-knowledge-evidence-grid article > small, .kpi-knowledge-evidence-grid article > em {
  display: block;
}

.kpi-knowledge-evidence-grid article > span {
  color: #3c7890;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 900;
}

.kpi-knowledge-evidence-grid article > b {
  color: #23465d;
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.35;
}

.kpi-knowledge-evidence-grid article > small {
  color: #778995;
  margin-top: 4px;
  font-size: 8px;
}

.kpi-knowledge-evidence-grid article > p {
  color: #586f7d;
  margin: 7px 0;
  font-size: 9px;
  line-height: 1.45;
}

.kpi-knowledge-evidence-grid article > em {
  color: #477287;
  overflow-wrap: anywhere;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
}

.kpi-knowledge-evidence > footer {
  background: #f7fafc;
  border: 1px solid #d1dfe7;
  border-radius: 8px;
  padding: 10px 11px;
}

.kpi-knowledge-evidence > footer b {
  color: #31576e;
  font-size: 9px;
  display: block;
}

.kpi-knowledge-evidence > footer p {
  color: #687d89;
  margin: 4px 0 0;
  font-size: 9px;
  line-height: 1.45;
}

.kpi-universal-coverage {
  background: #f2faf6;
  border: 1px solid #afd5c0;
  border-radius: 8px;
  gap: 10px;
  margin: 12px 12px 0;
  padding: 11px 12px;
  display: flex;
}

.kpi-universal-coverage > svg {
  color: #2f8c62;
  flex: none;
  width: 20px;
}

.kpi-universal-coverage b, .kpi-universal-coverage span, .kpi-universal-coverage small {
  display: block;
}

.kpi-universal-coverage b {
  color: #245d45;
  font-size: 11px;
}

.kpi-universal-coverage span {
  color: #3f6d59;
  margin-top: 3px;
  font-size: 9px;
  font-weight: 800;
}

.kpi-universal-coverage small {
  color: #6a7f74;
  margin-top: 4px;
  font-size: 8px;
}

@media (max-width: 820px) {
  .kpi-knowledge-evidence-grid {
    grid-template-columns: 1fr;
  }

  .kpi-knowledge-evidence > header {
    flex-wrap: wrap;
  }

  .kpi-knowledge-evidence > header em {
    margin-left: 29px;
  }
}

@media (max-width: 1180px) {
  .kpi-guided-overview {
    grid-template-columns: 1fr;
  }

  .kpi-guided-checks {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 820px) {
  .kpi-editor-tools, .kpi-guided-finish {
    flex-direction: column;
    align-items: stretch;
  }

  .kpi-mode-switch {
    width: 100%;
  }

  .kpi-mode-switch button {
    flex: 1;
    justify-content: center;
  }

  .kpi-guided-checks {
    grid-template-columns: 1fr;
  }

  .kpi-guided-finish > button {
    width: 100%;
  }

  .kpi-editor-actions.simple {
    flex-direction: column;
  }
}

.production-hero {
  color: #fff;
  background: linear-gradient(120deg, #061f3e, #0d3d68);
  border: 1px solid #88a8bf;
  border-radius: 12px;
  grid-template-columns: minmax(0, 1fr) 250px;
  align-items: center;
  gap: 22px;
  padding: 22px;
  display: grid;
  box-shadow: 0 12px 30px #102d471c;
}

.production-hero > div:first-child > span {
  color: #8fc0df;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 9px;
  font-weight: 900;
}

.production-hero h2 {
  max-width: 760px;
  margin: 6px 0 8px;
  font-size: 25px;
  line-height: 1.15;
}

.production-hero p {
  color: #c5d7e4;
  max-width: 820px;
  margin: 0;
  font-size: 10px;
  line-height: 1.55;
}

.production-score {
  background: #ffffff10;
  border: 1px solid #ffffff2b;
  border-radius: 10px;
  padding: 14px;
}

.production-score b, .production-score span, .production-score small {
  display: block;
}

.production-score b {
  font-size: 28px;
}

.production-score span {
  color: #d8e6ef;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin: 2px 0 10px;
  font-size: 9px;
  font-weight: 900;
}

.production-score [role="progressbar"] {
  background: #ffffff24;
  height: 7px;
}

.production-score small {
  color: #bad0df;
  margin-top: 7px;
  font-size: 8px;
}

.production-tracks {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.production-tracks article {
  background: #fff;
  border: 1px solid #c8d6e0;
  border-top: 4px solid #4a80a9;
  border-radius: 9px;
  padding: 13px;
}

.production-tracks article header {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 8px;
  display: grid;
}

.production-tracks article header > svg {
  color: #2f6f9e;
  width: 21px;
}

.production-tracks article header span {
  color: #6c8090;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 7px;
  font-weight: 900;
  display: block;
}

.production-tracks article h3 {
  color: #203f59;
  margin: 2px 0;
  font-size: 11px;
}

.production-tracks article header > b {
  color: #35698e;
  font-size: 12px;
}

.production-tracks article > [role="progressbar"] {
  height: 5px;
  margin: 10px 0;
}

.production-tracks dl {
  margin: 0;
}

.production-tracks dl > div {
  border-top: 1px solid #e1e7eb;
  padding: 7px 0;
}

.production-tracks dt {
  color: #65798a;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 900;
}

.production-tracks dd {
  color: #3f586c;
  margin: 3px 0 0;
  font-size: 8px;
  line-height: 1.4;
}

.production-columns {
  grid-template-columns: 1.1fr .9fr;
  gap: 12px;
  display: grid;
}

.production-sequence {
  gap: 8px;
  display: grid;
}

.production-sequence > div {
  background: #fafcfd;
  border: 1px solid #d7e0e7;
  border-radius: 8px;
  gap: 9px;
  padding: 10px;
  display: flex;
}

.production-sequence i {
  color: #296b99;
  background: #dceaf3;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.production-sequence p, .production-truth p {
  margin: 0;
}

.production-sequence b, .production-sequence span, .production-truth b, .production-truth span {
  display: block;
}

.production-sequence b, .production-truth b {
  color: #29465f;
  font-size: 10px;
}

.production-sequence span, .production-truth span {
  color: #6b7c89;
  margin-top: 3px;
  font-size: 8px;
  line-height: 1.45;
}

.production-truth {
  gap: 8px;
  display: grid;
}

.production-truth > div {
  background: #fffaf0;
  border: 1px solid #e1c98f;
  border-radius: 8px;
  gap: 9px;
  padding: 11px;
  display: flex;
}

.production-truth > div.ready {
  background: #f3faf6;
  border-color: #bddbcd;
}

.production-truth svg {
  color: #a36d15;
  flex: none;
  width: 18px;
}

.production-truth .ready svg {
  color: #2f825c;
}

.production-gate {
  color: #294f6a;
  background: #f3f8fb;
  border: 1px solid #c7d8e4;
  border-left: 5px solid #527c9c;
  border-radius: 9px;
  gap: 10px;
  padding: 13px 15px;
  display: flex;
}

.production-gate svg {
  flex: none;
  width: 20px;
}

.production-gate b, .production-gate span {
  display: block;
}

.production-gate b {
  font-size: 11px;
}

.production-gate span {
  color: #637c8f;
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .production-tracks {
    grid-template-columns: repeat(2, 1fr);
  }

  .production-columns {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .production-hero, .production-tracks {
    grid-template-columns: 1fr;
  }
}

.recommendation-boundary {
  border: 1px solid #c4dbea;
  border-left: 5px solid var(--blue);
  color: #285777;
  background: #f2f8fc;
  border-radius: 8px;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  display: flex;
}

.recommendation-boundary > svg {
  flex: none;
  width: 20px;
}

.recommendation-boundary b, .recommendation-boundary span {
  display: block;
}

.recommendation-boundary b {
  text-transform: capitalize;
  font-size: 11px;
}

.recommendation-boundary span {
  color: #617d96;
  margin-top: 4px;
  font-size: 10px;
}

.recommendation-list {
  gap: 10px;
  margin-top: 11px;
  display: grid;
}

.recommendation-card {
  border: 1px solid var(--line);
  background: #fafcfd;
  border-left: 5px solid #7893aa;
  border-radius: 9px;
  padding: 14px;
}

.recommendation-card.prompt_review {
  background: #fffaf0;
  border-left-color: #c28a28;
}

.recommendation-card.urgent_review {
  background: #fff5f4;
  border-left-color: #b94b45;
}

.recommendation-card header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.recommendation-card header span {
  color: #55748d;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 9px;
  font-weight: 800;
}

.recommendation-card h3 {
  color: #1d415e;
  margin: 4px 0 0;
  font-size: 14px;
}

.recommendation-card header em {
  color: #53697c;
  background: #fff;
  border: 1px solid #d4dfe7;
  border-radius: 99px;
  flex: none;
  padding: 6px 8px;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}

.recommendation-card > p {
  color: #526b81;
  margin: 10px 0;
  font-size: 10px;
  line-height: 1.5;
}

.recommendation-card ol {
  gap: 7px;
  margin: 0;
  padding-left: 22px;
  display: grid;
}

.recommendation-card li {
  color: #27475f;
  padding-left: 2px;
  font-size: 10px;
}

.recommendation-card li b, .recommendation-card li span {
  display: block;
}

.recommendation-card li span {
  color: #738391;
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.4;
}

.recommendation-card footer {
  border-top: 1px solid #dbe3e9;
  justify-content: space-between;
  gap: 12px;
  margin-top: 11px;
  padding-top: 9px;
  display: flex;
}

.recommendation-card footer span, .recommendation-card footer b {
  font-size: 9px;
}

.recommendation-card footer span {
  color: #60778d;
}

.recommendation-card footer b {
  color: #76521b;
}

.recommendation-empty {
  color: #5c6e7e;
  background: #f7f9fb;
  border: 1px solid #d9e1e8;
  border-radius: 8px;
  align-items: flex-start;
  gap: 9px;
  margin-top: 11px;
  padding: 12px;
  display: flex;
}

.recommendation-empty svg {
  flex: none;
  width: 18px;
}

.recommendation-empty p {
  margin: 0;
}

.recommendation-empty b, .recommendation-empty span {
  display: block;
}

.recommendation-empty b {
  font-size: 11px;
}

.recommendation-empty span {
  color: var(--muted);
  margin-top: 4px;
  font-size: 9px;
}

@media (max-width: 760px) {
  .recommendation-card header, .recommendation-card footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .recommendation-card header em {
    align-self: flex-start;
  }
}

.scrollbar-thin {
  scrollbar-width: thin;
}

.scrollbar-none {
  scrollbar-width: none;
}

.scroll-stable {
  scrollbar-gutter: stable;
}

@keyframes scroll-fade-reveal-b {
  from {
    --scroll-fade-b: var(--_scroll-fade-size-b, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
  }

  to {
    --scroll-fade-b: 0px;
  }
}

.scroll-fade-reveal-b {
  animation: .2s ease-out both scroll-fade-reveal-b;
  -webkit-mask-image: linear-gradient(#0000, #000 1rem);
  mask-image: linear-gradient(#0000, #000 1rem);
}

@keyframes tw-shimmer {
  from {
    background-position: 100% 0;
  }

  to {
    background-position: 0 0;
  }
}

.animate-shimmer {
  animation: 1.5s linear infinite tw-shimmer;
}

.technical-kpi span {
  align-items: center;
  gap: 6px;
  display: flex;
}

.technical-kpi b {
  text-transform: capitalize;
  font-size: 16px;
}

.technical-kpi.green {
  background: #f2faf6;
  border-left-color: #369269;
}

.technical-kpi.yellow {
  background: #fffaf0;
  border-left-color: #d3a126;
}

.technical-kpi.orange {
  background: #fff6ed;
  border-left-color: #d2782d;
}

.technical-kpi.red {
  background: #fff2f2;
  border-left-color: #c84b4b;
}

@media (prefers-reduced-motion: reduce) {
  .scroll-fade-reveal-b, .animate-shimmer {
    animation: none;
  }
}

.asset-dashboard-shell {
  background: #eef3f6;
  border: 1px solid #8da8bd;
  border-radius: 12px;
  overflow: hidden;
  box-shadow: 0 10px 30px #0d2a4a14;
}

.asset-dashboard-heading {
  color: #fff;
  background: linear-gradient(110deg, #061f3e, #0d365f);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 18px;
  display: flex;
}

.asset-dashboard-heading span {
  color: #adc5d8;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 9px;
  font-weight: 800;
  display: block;
}

.asset-dashboard-heading h2 {
  letter-spacing: .01em;
  margin: 3px 0 0;
  font-size: 19px;
}

.asset-dashboard-heading em {
  color: #d8e7f2;
  background: #ffffff12;
  border: 1px solid #ffffff36;
  border-radius: 99px;
  padding: 6px 9px;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}

.asset-dashboard-scope {
  background: #f6f8fa;
  border-bottom: 1px solid #bdcbd6;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(180px, .8fr);
  gap: 9px;
  padding: 12px;
  display: grid;
}

.asset-dashboard-scope label > span, .asset-dashboard-scope > div > span {
  color: #526c83;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 5px;
  font-size: 8px;
  font-weight: 800;
  display: block;
}

.asset-dashboard-scope select {
  color: #193b58;
  background: #fff;
  border: 1px solid #b9c8d3;
  border-radius: 6px;
  width: 100%;
  min-height: 38px;
  padding: 8px 9px;
  font-size: 10px;
}

.asset-dashboard-scope > div {
  background: #fff;
  border: 1px solid #c7d3dc;
  border-radius: 7px;
  padding: 7px 10px;
}

.asset-dashboard-scope b, .asset-dashboard-scope small {
  display: block;
}

.asset-dashboard-scope b {
  color: #183b59;
  font-size: 11px;
}

.asset-dashboard-scope small {
  color: #718291;
  margin-top: 3px;
  font-size: 8px;
}

.asset-process-dashboard, .asset-dashboard-card {
  background: #fff;
  border: 1px solid #9fb2c1;
  border-radius: 8px;
  overflow: hidden;
}

.asset-process-dashboard {
  margin: 12px;
}

.dashboard-panel-bar {
  color: #fff;
  background: linear-gradient(100deg, #08294f, #0c3b69);
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  min-height: 29px;
  padding: 6px 11px;
  display: flex;
}

.dashboard-panel-bar span {
  color: #c2d4e1;
  font-size: 8px;
}

.dashboard-process-lane {
  scrollbar-width: thin;
  background: linear-gradient(#fbfcfd, #f4f7f9);
  align-items: center;
  min-height: 245px;
  padding: 15px 13px 12px;
  display: flex;
  overflow-x: auto;
}

.dashboard-process-step {
  flex: none;
  align-items: center;
  display: flex;
}

.dashboard-process-step > svg, .dashboard-sales-arrow {
  color: #152f45;
  stroke-width: 3px;
  flex: none;
  width: 20px;
  margin: 0 4px;
}

.dashboard-process-node {
  color: #142d43;
  text-align: center;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 8px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 112px;
  min-height: 195px;
  padding: 20px 6px 8px;
  transition: all .16s;
  display: flex;
  position: relative;
}

.dashboard-process-node:hover {
  background: #fff;
  border-color: #9bb5c8;
  transform: translateY(-2px);
  box-shadow: 0 7px 18px #17395715;
}

.dashboard-node-order {
  color: #4d6477;
  font-size: 8px;
  font-weight: 900;
  position: absolute;
  top: 5px;
  left: 7px;
}

.coverage-status-dot {
  border: 1px solid #526372;
  border-radius: 99px;
  flex: none;
  width: 18px;
  height: 18px;
  margin: 0 auto 8px;
  display: block;
  box-shadow: inset 0 1px 2px #ffffffa6, 0 1px 3px #132b3e2c;
}

.coverage-status-dot.covered, .dashboard-coverage-key i.covered {
  background: #42a54a;
}

.coverage-status-dot.partial, .dashboard-coverage-key i.partial {
  background: #f2bb19;
}

.coverage-status-dot.review, .dashboard-coverage-key i.review {
  background: #ef8611;
}

.coverage-status-dot.empty, .dashboard-coverage-key i.empty {
  background: #a9b3bb;
}

.coverage-status-dot.omitted {
  background: #d4d9dd;
}

.equipment-illustration {
  background: linear-gradient(#d9e2e7, #93a4ae 48%, #66808e 49%, #587482);
  border: 2px solid #46545e;
  border-radius: 12px;
  flex: none;
  width: 88px;
  height: 68px;
  margin: 0 auto 7px;
  display: block;
  position: relative;
  box-shadow: inset 0 0 0 2px #ffffff65, 0 4px 7px #1e34471c;
}

.equipment-illustration i, .equipment-illustration b {
  background: #344b59;
  display: block;
  position: absolute;
}

.equipment-illustration i {
  height: 5px;
  top: 31px;
  left: -7px;
  right: -7px;
}

.equipment-illustration b {
  width: 5px;
  height: 14px;
  bottom: -10px;
  left: 20px;
  box-shadow: 41px 0 #344b59;
}

.equipment-illustration.downhole {
  background: linear-gradient(90deg, #6b4a30 0 18%, #d2e8f1 18% 38%, #4890b7 38% 62%, #d2e8f1 62% 82%, #6b4a30 82%);
  border-radius: 2px;
  width: 34px;
  height: 72px;
}

.equipment-illustration.downhole i {
  background: #263e4d;
  width: 4px;
  height: 88px;
  top: -8px;
  left: 14px;
  right: auto;
}

.equipment-illustration.downhole b {
  display: none;
}

.equipment-illustration.wellhead {
  background: linear-gradient(90deg, #345c43, #6f9278 45%, #264b35);
  border-radius: 4px;
  width: 62px;
  height: 60px;
}

.equipment-illustration.wellhead:before, .equipment-illustration.wellhead:after {
  content: "";
  background: #2e4e39;
  position: absolute;
}

.equipment-illustration.wellhead:before {
  width: 15px;
  height: 82px;
  top: -12px;
  left: 22px;
}

.equipment-illustration.wellhead:after {
  width: 76px;
  height: 10px;
  top: 24px;
  left: -9px;
}

.equipment-illustration.flowline, .equipment-illustration.separator-inlet, .equipment-illustration.separator-discharge, .equipment-illustration.tank-inlet, .equipment-illustration.sales {
  background: linear-gradient(#eef2f4, #73848e);
  border-radius: 11px;
  height: 22px;
  margin-top: 25px;
  margin-bottom: 28px;
}

.equipment-illustration.flowline i, .equipment-illustration.separator-inlet i, .equipment-illustration.separator-discharge i, .equipment-illustration.tank-inlet i, .equipment-illustration.sales i {
  height: 4px;
  top: 7px;
  left: -10px;
  right: -10px;
}

.equipment-illustration.flowline b, .equipment-illustration.separator-inlet b, .equipment-illustration.separator-discharge b, .equipment-illustration.tank-inlet b, .equipment-illustration.sales b {
  width: 13px;
  height: 27px;
  box-shadow: none;
  border-radius: 3px;
  bottom: -5px;
  left: 52px;
}

.equipment-illustration.heater-treater {
  background: radial-gradient(circle at 50% 66%, #ffb229 0 15%, #e25f17 16% 27%, #0000 28%), linear-gradient(#ccd5da, #778891);
  border-radius: 28px 28px 9px 9px;
  width: 56px;
  height: 72px;
}

.equipment-illustration.gunbarrel, .equipment-illustration.water-tank, .equipment-illustration.oil-tank {
  border-radius: 18px 18px 5px 5px;
  width: 68px;
  height: 63px;
}

.equipment-illustration.water-tank {
  background: linear-gradient(90deg, #99c0d3, #d4e4eb 50%, #82afc4);
}

.equipment-illustration.oil-tank {
  background: linear-gradient(90deg, #639469, #a6c9a7 50%, #4e7f55);
}

.dashboard-process-node strong {
  color: #132c42;
  min-height: 26px;
  font-size: 10px;
  line-height: 1.25;
  display: block;
}

.dashboard-process-node small {
  color: #6b7d8c;
  margin-top: 3px;
  font-size: 8px;
  line-height: 1.3;
  display: block;
}

.dashboard-process-node em {
  color: #2e754c;
  background: #f2faf5;
  border: 1px dashed #57a36f;
  border-radius: 5px;
  align-items: center;
  gap: 3px;
  margin-top: auto;
  padding: 4px 5px;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
  display: flex;
}

.dashboard-process-node em svg {
  width: 10px;
  height: 10px;
}

.dashboard-battery-group {
  background: #f7fafb;
  border: 1px solid #8ea3b2;
  border-radius: 9px;
  flex: none;
  padding: 20px 7px 5px;
  position: relative;
}

.dashboard-battery-group > span {
  color: #3c5a70;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 8px;
  font-weight: 900;
  position: absolute;
  top: 5px;
  left: 10px;
}

.dashboard-battery-group > div {
  gap: 2px;
  display: flex;
}

.dashboard-process-footer {
  background: #f6f8fa;
  border-top: 1px solid #c6d2db;
  grid-template-columns: 1.15fr .85fr 1.2fr;
  gap: 9px;
  padding: 10px;
  display: grid;
}

.dashboard-coverage-key, .dashboard-sample-key, .dashboard-technical-boundary {
  background: #fff;
  border: 1px solid #c5d1da;
  border-radius: 7px;
  min-width: 0;
  padding: 9px 10px;
}

.dashboard-coverage-key {
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  display: flex;
}

.dashboard-coverage-key b {
  color: #25445d;
  width: 100%;
  font-size: 9px;
}

.dashboard-coverage-key span {
  color: #52697c;
  align-items: center;
  gap: 4px;
  font-size: 8px;
  display: flex;
}

.dashboard-coverage-key i {
  border: 1px solid #7c8a95;
  border-radius: 99px;
  width: 10px;
  height: 10px;
}

.dashboard-sample-key, .dashboard-technical-boundary {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.dashboard-sample-key > svg, .dashboard-technical-boundary > svg {
  color: #256da5;
  flex: none;
  width: 17px;
}

.dashboard-sample-key p, .dashboard-technical-boundary p {
  margin: 0;
}

.dashboard-sample-key b, .dashboard-sample-key span, .dashboard-technical-boundary b, .dashboard-technical-boundary span {
  display: block;
}

.dashboard-sample-key b, .dashboard-technical-boundary b {
  color: #25445d;
  font-size: 9px;
}

.dashboard-sample-key span, .dashboard-technical-boundary span {
  color: #6c7d8b;
  margin-top: 3px;
  font-size: 8px;
  line-height: 1.4;
}

.dashboard-technical-boundary {
  background: #fffaf0;
  border-color: #e1c781;
}

.dashboard-technical-boundary > svg {
  color: #9a6814;
}

.asset-dashboard-middle {
  grid-template-columns: minmax(0, 2.15fr) minmax(260px, .85fr);
  gap: 10px;
  padding: 0 12px 10px;
  display: grid;
}

.asset-dashboard-side {
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.dashboard-trend-card > svg {
  width: 100%;
  height: auto;
  padding: 4px 10px 0;
  display: block;
}

.dashboard-trend-state {
  background: #fafcfd;
  border-bottom: 1px solid #d9e1e7;
  grid-template-columns: auto 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 5px 8px;
  padding: 8px 11px;
  display: grid;
}

.dashboard-trend-state span {
  color: #677b8c;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 800;
}

.dashboard-trend-state b {
  color: #193c59;
  font-size: 11px;
}

.dashboard-chart-empty {
  color: #526b80;
  justify-content: center;
  align-items: center;
  gap: 11px;
  min-height: 220px;
  padding: 25px;
  display: flex;
}

.dashboard-chart-empty > svg {
  color: #7b96aa;
  width: 30px;
}

.dashboard-chart-empty p {
  margin: 0;
}

.dashboard-chart-empty b, .dashboard-chart-empty span {
  display: block;
}

.dashboard-chart-empty b {
  font-size: 11px;
}

.dashboard-chart-empty span {
  color: #7b8995;
  max-width: 390px;
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.45;
}

.dashboard-summary-list {
  margin: 0;
  padding: 9px 11px;
}

.dashboard-summary-list > div {
  border-bottom: 1px solid #e1e6ea;
  grid-template-columns: 1fr 1.4fr;
  gap: 9px;
  padding: 7px 0;
  display: grid;
}

.dashboard-summary-list > div:last-child {
  border-bottom: 0;
}

.dashboard-summary-list dt {
  color: #4e6477;
  font-size: 8px;
  font-weight: 800;
}

.dashboard-summary-list dd {
  color: #193a56;
  margin: 0;
  font-size: 9px;
  font-weight: 700;
  line-height: 1.35;
}

.dashboard-overall-status {
  align-items: flex-start;
  gap: 10px;
  padding: 17px 13px;
  display: flex;
}

.dashboard-overall-status > i {
  color: #fff;
  background: #adb7bf;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 38px;
  height: 38px;
  font-size: 17px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.dashboard-overall-status.ready > i {
  background: #45a04b;
}

.dashboard-overall-status.review > i {
  background: #ec9a16;
}

.dashboard-overall-status p {
  margin: 0;
}

.dashboard-overall-status b, .dashboard-overall-status span {
  display: block;
}

.dashboard-overall-status b {
  color: #193a56;
  font-size: 10px;
}

.dashboard-overall-status span {
  color: #657888;
  margin-top: 5px;
  font-size: 9px;
  line-height: 1.45;
}

.asset-dashboard-bottom {
  grid-template-columns: minmax(0, 1.55fr) minmax(240px, .85fr) minmax(220px, .7fr);
  gap: 10px;
  padding: 0 12px 12px;
  display: grid;
}

.dashboard-results-card table {
  min-width: 720px;
}

.dashboard-results-card tbody tr {
  cursor: pointer;
}

.dashboard-results-card tbody tr:hover {
  background: #eef6fb;
}

.dashboard-table-state {
  color: #5f6f7c;
  white-space: nowrap;
  background: #edf0f2;
  border-radius: 99px;
  padding: 4px 6px;
  font-size: 7px;
  font-weight: 900;
  display: inline-block;
}

.dashboard-table-state.covered {
  background: var(--green-soft);
  color: #246c50;
}

.dashboard-table-state.partial {
  color: #8c6317;
  background: #fff1c7;
}

.dashboard-insight-list {
  gap: 8px;
  padding: 10px;
  display: grid;
}

.dashboard-insight-list > div {
  background: #fafcfd;
  border: 1px solid #dbe3e9;
  border-radius: 7px;
  gap: 8px;
  padding: 8px;
  display: flex;
}

.dashboard-insight-list > div.warn {
  background: #fffaf0;
  border-color: #e5ca8a;
}

.dashboard-insight-list > div.good {
  background: #f3faf6;
  border-color: #bddbcd;
}

.dashboard-insight-list > div.info {
  background: #f2f8fc;
  border-color: #c2d9e9;
}

.dashboard-insight-list i {
  color: #5f7180;
  background: #dfe5ea;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 23px;
  height: 23px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.dashboard-insight-list .warn i {
  color: #fff;
  background: #f1b51a;
}

.dashboard-insight-list .good i {
  color: #fff;
  background: #3f9b68;
}

.dashboard-insight-list .info i {
  color: #fff;
  background: #2c74a7;
}

.dashboard-insight-list p, .dashboard-priority p {
  margin: 0;
}

.dashboard-insight-list b, .dashboard-insight-list span, .dashboard-priority b, .dashboard-priority span {
  display: block;
}

.dashboard-insight-list b, .dashboard-priority b {
  color: #26445c;
  font-size: 9px;
}

.dashboard-insight-list span, .dashboard-priority span {
  color: #6b7b88;
  margin-top: 3px;
  font-size: 8px;
  line-height: 1.45;
}

.dashboard-priority {
  gap: 9px;
  padding: 14px 12px;
  display: flex;
}

.dashboard-priority > svg {
  color: #c28213;
  flex: none;
  width: 21px;
}

.dashboard-priority-card {
  background: #fffdfa;
}

.dashboard-priority-card .dashboard-panel-bar {
  background: linear-gradient(100deg, #153a5c, #1f567e);
}

@media (max-width: 1180px) {
  .asset-dashboard-middle, .asset-dashboard-bottom {
    grid-template-columns: 1fr;
  }

  .asset-dashboard-side {
    grid-template-rows: auto;
    grid-template-columns: repeat(2, 1fr);
  }

  .dashboard-process-footer {
    grid-template-columns: 1fr 1fr;
  }

  .dashboard-technical-boundary {
    grid-column: 1 / -1;
  }

  .asset-dashboard-scope {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 760px) {
  .asset-dashboard-heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .asset-dashboard-scope, .asset-dashboard-side, .dashboard-process-footer {
    grid-template-columns: 1fr;
  }

  .dashboard-technical-boundary {
    grid-column: auto;
  }

  .dashboard-trend-state {
    grid-template-columns: auto 1fr;
  }

  .dashboard-panel-bar {
    flex-direction: column;
    align-items: flex-start;
  }

  .asset-dashboard-middle, .asset-dashboard-bottom {
    padding-inline: 8px;
  }

  .asset-process-dashboard {
    margin-inline: 8px;
  }

  .dashboard-process-node {
    width: 104px;
  }

  .dashboard-summary-list > div {
    grid-template-columns: 1fr;
  }

  .asset-dashboard-heading em {
    align-self: flex-start;
  }
}

body {
  background: radial-gradient(circle at 8% -8%, #dfeaf2 0, #0000 30%), linear-gradient(#eef3f7, #f7f9fb 46%, #eef3f6);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;
}

.topbar {
  background: radial-gradient(circle at 82% -50%, #235f7d 0, #0000 42%), linear-gradient(118deg, #06131f, #0a2237 55%, #0b2b48);
  border-bottom: 1px solid #ffffff1a;
  min-height: 82px;
  box-shadow: 0 14px 45px #0717272e;
}

.brand > span {
  background: linear-gradient(145deg, #1e7695, #184968);
  border-radius: 14px;
  box-shadow: inset 0 1px #ffffff2e, 0 8px 22px #020b1266;
}

.brand b {
  letter-spacing: -.035em;
}

.tabs {
  z-index: 20;
  -webkit-backdrop-filter: blur(14px);
  backdrop-filter: blur(14px);
  scrollbar-width: none;
  background: #e8eef3e8;
  border-color: #c9d5de;
  border-radius: 13px;
  justify-content: flex-start;
  position: sticky;
  top: 10px;
  overflow-x: auto;
  box-shadow: 0 10px 30px #0a223715;
}

.tabs button {
  border-radius: 9px;
  flex: none;
  font-weight: 650;
}

.panel {
  border-color: #d3dde5;
  box-shadow: 0 10px 32px #102c4210;
}

.asset-dashboard-shell {
  background: linear-gradient(#081724 0, #0a1a28 104px, #eaf0f4 250px);
  border: 1px solid #193b55;
  border-radius: 22px;
  box-shadow: 0 28px 80px #05111c2e, 0 2px 4px #05111c2e;
}

.asset-dashboard-heading {
  background: radial-gradient(circle at 72% -60%, #21799a 0, #0000 42%), linear-gradient(115deg, #071523, #0b2a45 65%, #0a3854);
  border-bottom: 1px solid #ffffff16;
  min-height: 104px;
  padding: 22px 24px;
}

.asset-dashboard-heading span {
  color: #7fc5db;
  letter-spacing: .18em;
  font-size: 10px;
}

.asset-dashboard-heading h2 {
  letter-spacing: -.03em;
  margin-top: 7px;
  font-size: clamp(22px, 3vw, 30px);
}

.asset-heading-actions {
  align-items: center;
  gap: 12px;
  display: flex;
}

.asset-dashboard-heading em {
  color: #cce5ee;
  background: #ffffff0d;
  border-color: #ffffff2b;
  padding: 8px 11px;
  font-size: 10px;
}

.asset-view-toggle {
  background: #030c1499;
  border: 1px solid #ffffff21;
  border-radius: 11px;
  padding: 4px;
  display: flex;
}

.asset-view-toggle button {
  color: #8fa9ba;
  cursor: pointer;
  letter-spacing: .04em;
  background: none;
  border: 0;
  border-radius: 8px;
  min-height: 34px;
  padding: 0 13px;
  font-size: 10px;
  font-weight: 800;
}

.asset-view-toggle button.active {
  color: #0b344b;
  background: #eef8fb;
  box-shadow: 0 5px 16px #020a126b;
}

.asset-dashboard-scope {
  background: #f8fafbe8;
  border: 1px solid #bfcdd8;
  border-radius: 14px;
  margin: 18px 18px 0;
  padding: 12px;
  box-shadow: 0 10px 25px #09203616;
}

.asset-dashboard-scope label > span, .asset-dashboard-scope > div > span {
  letter-spacing: .1em;
  font-size: 9px;
}

.asset-dashboard-scope select {
  border-radius: 9px;
  min-height: 43px;
  font-size: 11px;
}

.asset-dashboard-scope > div {
  border-radius: 9px;
}

.asset-dashboard-scope b {
  font-size: 12px;
}

.asset-dashboard-scope small {
  font-size: 9px;
}

.asset-process-dashboard {
  border-color: #9aafbd;
  border-radius: 15px;
  margin: 14px 18px 16px;
  box-shadow: 0 16px 36px #0b243b18;
}

.dashboard-panel-bar {
  background: linear-gradient(105deg, #09243a, #0c4260);
  min-height: 42px;
  padding: 10px 15px;
  box-shadow: inset 0 1px #ffffff12;
}

.dashboard-panel-bar b {
  letter-spacing: .04em;
  font-size: 11px;
}

.dashboard-panel-bar span {
  font-size: 9px;
}

.dashboard-process-lane {
  background-color: #f5f8fa;
  background-image: linear-gradient(#0c385208 1px, #0000 1px), linear-gradient(90deg, #0c385208 1px, #0000 1px), linear-gradient(#fbfcfd, #eef3f6);
  background-size: 24px 24px, 24px 24px, 100% 100%;
  min-height: 285px;
  padding: 22px 17px 16px;
}

.dashboard-process-step > svg, .dashboard-sales-arrow {
  color: #345a70;
  filter: drop-shadow(0 1px #fff);
}

.dashboard-process-node {
  border-radius: 12px;
  width: 126px;
  min-height: 224px;
  padding: 24px 8px 10px;
}

.dashboard-process-node:hover {
  border-color: #6d9eb5;
  box-shadow: 0 14px 30px #0a2b401f;
}

.dashboard-process-node.selected {
  background: linear-gradient(#effaff, #e4f2f7);
  border-color: #1780a2;
  box-shadow: 0 0 0 3px #1780a220, 0 14px 28px #0a2b4021;
}

.dashboard-node-order {
  font-size: 9px;
  top: 8px;
  left: 9px;
}

.coverage-status-dot {
  border: 2px solid #fff;
  outline: 1px solid #5a6b77;
  width: 19px;
  height: 19px;
  margin-bottom: 10px;
  box-shadow: 0 0 0 3px #142c3e12, 0 3px 8px #0b1f2e2b;
}

.dashboard-process-node strong {
  min-height: 31px;
  font-size: 11px;
}

.dashboard-process-node small {
  font-size: 9px;
  line-height: 1.4;
}

.dashboard-process-node em {
  border-style: solid;
  border-color: #72b791;
  border-radius: 99px;
  padding: 5px 7px;
  font-size: 8px;
}

.dashboard-battery-group {
  background: #eef4f7cc;
  border-color: #7f9aac;
  border-radius: 13px;
  padding: 24px 8px 8px;
  box-shadow: inset 0 1px #fff;
}

.dashboard-battery-group > span {
  font-size: 9px;
  top: 7px;
}

.dashboard-process-footer {
  background: #f2f6f8;
  gap: 11px;
  padding: 12px 14px;
}

.dashboard-coverage-key, .dashboard-sample-key, .dashboard-technical-boundary {
  border-radius: 10px;
  padding: 11px 12px;
}

.dashboard-coverage-key b, .dashboard-sample-key b, .dashboard-technical-boundary b {
  font-size: 10px;
}

.dashboard-coverage-key span, .dashboard-sample-key span, .dashboard-technical-boundary span {
  font-size: 9px;
}

.asset-dashboard-middle, .asset-dashboard-bottom {
  gap: 14px;
  padding-left: 18px;
  padding-right: 18px;
}

.asset-dashboard-middle {
  padding-bottom: 16px;
}

.asset-dashboard-bottom {
  padding-bottom: 20px;
}

.asset-process-dashboard, .asset-dashboard-card {
  border-radius: 13px;
}

.asset-dashboard-card {
  border-color: #b8c8d3;
  box-shadow: 0 10px 24px #0d2a4011;
}

.dashboard-trend-state {
  padding: 12px 15px;
}

.dashboard-trend-state span {
  font-size: 9px;
}

.dashboard-trend-state b {
  font-size: 13px;
}

.dashboard-summary-list {
  padding: 11px 14px;
}

.dashboard-summary-list > div {
  padding: 10px 0;
}

.dashboard-summary-list dt {
  font-size: 9px;
}

.dashboard-summary-list dd {
  font-size: 10px;
}

.dashboard-overall-status {
  padding: 21px 16px;
}

.dashboard-overall-status b {
  font-size: 11px;
}

.dashboard-overall-status span {
  font-size: 10px;
}

.dashboard-insight-list > div {
  padding: 11px;
}

.dashboard-insight-list b, .dashboard-priority b {
  font-size: 10px;
}

.dashboard-insight-list span, .dashboard-priority span {
  font-size: 9px;
}

.decision-workspace {
  color: #dce8ef;
  background: #07131e;
  border: 1px solid #203a4d;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 22px 54px #020b1238;
}

.decision-workspace.analysis {
  margin: 18px 0;
}

.decision-workspace.asset {
  margin: 2px 18px 16px;
}

.decision-command-bar {
  background: radial-gradient(circle at 78% -80%, #236d8a 0, #0000 44%), linear-gradient(120deg, #07131e, #0b2436);
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 22px;
  padding: 20px 22px;
  display: flex;
}

.decision-command-copy > span, .scenario-review header span, .trace-backed-heading > div > span, .engineering-trace-audit header span {
  color: #5fc0d8;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 9px;
  font-weight: 900;
  display: block;
}

.decision-command-copy h2 {
  color: #fff;
  letter-spacing: -.025em;
  margin: 5px 0 4px;
  font-size: 22px;
}

.decision-command-copy p {
  color: #91a9b8;
  max-width: 720px;
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.decision-view-switch {
  background: #020911b3;
  border: 1px solid #ffffff1a;
  border-radius: 13px;
  flex: none;
  padding: 4px;
  display: flex;
}

.decision-view-switch button {
  color: #7f98a8;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 9px;
  align-items: center;
  gap: 8px;
  min-width: 136px;
  padding: 9px 11px;
  display: flex;
}

.decision-view-switch button.active {
  color: #0b2b3f;
  background: linear-gradient(145deg, #f7fbfd, #dcebf1);
  box-shadow: 0 8px 22px #0209118a;
}

.decision-view-switch svg {
  width: 18px;
}

.decision-view-switch b, .decision-view-switch small {
  display: block;
}

.decision-view-switch b {
  font-size: 11px;
}

.decision-view-switch small {
  opacity: .72;
  margin-top: 2px;
  font-size: 8px;
}

.decision-scope-ribbon {
  background: #091925;
  border-bottom: 1px solid #ffffff0d;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 20px;
  display: flex;
}

.decision-scope-ribbon > span {
  color: #9eb2bf;
  border: 1px solid #294252;
  border-radius: 99px;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  font-size: 9px;
  display: flex;
}

.decision-scope-ribbon > span:first-child {
  color: #c9d8e0;
  border: 0;
  flex: 1;
  padding-left: 0;
}

.decision-scope-ribbon > span.verified {
  color: #80d3aa;
  background: #0c3028;
  border-color: #2c6b57;
}

.decision-scope-ribbon > span.preview {
  color: #d8b85d;
  background: #2b2514;
  border-color: #705d2b;
}

.decision-scope-ribbon svg {
  width: 13px;
}

.decision-scope-ribbon code {
  color: #668395;
  font-size: 8px;
}

.operator-workspace {
  background: linear-gradient(#eef4f7, #f8fafb);
  padding: 16px;
}

.operator-primary-action {
  color: #153247;
  background: #fff;
  border: 1px solid #bed0da;
  border-left: 5px solid #66879a;
  border-radius: 14px;
  grid-template-columns: auto minmax(0, 1fr) minmax(230px, 290px);
  gap: 16px;
  padding: 18px;
  display: grid;
  box-shadow: 0 12px 28px #0c2a3d11;
}

.operator-primary-action.review {
  border-left-color: #d69a25;
}

.operator-primary-action.urgent {
  border-left-color: #cf5b57;
}

.operator-primary-action.ready {
  border-left-color: #38a170;
}

.operator-action-status {
  color: #5b788b;
  background: #e8eff3;
  border-radius: 12px;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.operator-primary-action.review .operator-action-status {
  color: #a96d09;
  background: #fff1ce;
}

.operator-primary-action.urgent .operator-action-status {
  color: #b84541;
  background: #ffe5e3;
}

.operator-primary-action.ready .operator-action-status {
  color: #24805b;
  background: #e2f4eb;
}

.operator-action-status svg {
  width: 21px;
}

.operator-action-label {
  align-items: center;
  gap: 8px;
  display: flex;
}

.operator-action-label span {
  color: #527084;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 9px;
  font-weight: 900;
}

.operator-action-label em {
  color: #825c17;
  background: #fff8e7;
  border: 1px solid #d3a650;
  border-radius: 99px;
  padding: 4px 7px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.operator-action-copy h3 {
  color: #102d42;
  letter-spacing: -.02em;
  margin: 8px 0 5px;
  font-size: 19px;
}

.operator-action-copy > p {
  color: #5b7181;
  margin: 0;
  font-size: 11px;
  line-height: 1.55;
}

.operator-action-steps {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin-top: 15px;
  display: grid;
}

.operator-action-steps > div {
  background: #f8fafb;
  border: 1px solid #dce5ea;
  border-radius: 10px;
  gap: 8px;
  padding: 10px;
  display: flex;
}

.operator-action-steps i, .operator-reason-chain i {
  color: #fff;
  background: #153c55;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.operator-action-steps p, .operator-review-list p, .operator-reason-chain p {
  margin: 0;
}

.operator-action-steps b, .operator-action-steps span {
  display: block;
}

.operator-action-steps b {
  font-size: 9px;
  line-height: 1.4;
}

.operator-action-steps span {
  color: #738591;
  margin-top: 4px;
  font-size: 8px;
  line-height: 1.4;
}

.operator-context-card {
  background: linear-gradient(145deg, #f3f8fa, #e9f2f6);
  border: 1px solid #c8d8e1;
  border-radius: 12px;
  padding: 14px;
}

.operator-context-card > span {
  color: #507084;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: 9px;
  font-weight: 900;
}

.operator-context-card dl {
  margin: 8px 0 0;
}

.operator-context-card dl > div {
  border-bottom: 1px solid #cfdae1;
  grid-template-columns: .8fr 1.2fr;
  gap: 8px;
  padding: 7px 0;
  display: grid;
}

.operator-context-card dl > div:last-child {
  border-bottom: 0;
}

.operator-context-card dt {
  color: #708390;
  font-size: 9px;
}

.operator-context-card dd {
  color: #17374d;
  text-align: right;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 9px;
  font-weight: 800;
}

.operator-lower-grid {
  grid-template-columns: minmax(280px, .85fr) minmax(0, 1.45fr);
  gap: 12px;
  margin-top: 12px;
  display: grid;
}

.operator-review-card, .operator-why-card {
  color: #163247;
  background: #fff;
  border: 1px solid #c6d6df;
  border-radius: 13px;
  overflow: hidden;
}

.operator-review-card > header, .operator-why-card > header {
  background: #f8fafb;
  border-bottom: 1px solid #dce4e9;
  align-items: center;
  gap: 9px;
  padding: 12px 14px;
  display: flex;
}

.operator-review-card > header svg, .operator-why-card > header svg {
  color: #2a789a;
  width: 19px;
}

.operator-review-card header span, .operator-review-card header b, .operator-why-card header span, .operator-why-card header b {
  display: block;
}

.operator-review-card header span, .operator-why-card header span {
  color: #6a8291;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 8px;
  font-weight: 900;
}

.operator-review-card header b, .operator-why-card header b {
  margin-top: 2px;
  font-size: 11px;
}

.operator-review-list {
  gap: 7px;
  padding: 11px;
  display: grid;
}

.operator-review-list > div {
  background: #fffaf2;
  border: 1px solid #e4ddd0;
  border-radius: 9px;
  gap: 8px;
  padding: 8px;
  display: flex;
}

.operator-review-list i {
  color: #fff;
  background: #e0a337;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 20px;
  height: 20px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.operator-review-list b, .operator-review-list span {
  display: block;
}

.operator-review-list b {
  font-size: 9px;
}

.operator-review-list span {
  color: #7c735f;
  margin-top: 3px;
  font-size: 8px;
  line-height: 1.4;
}

.operator-clear {
  color: #507264;
  align-items: flex-start;
  gap: 8px;
  padding: 14px;
  font-size: 9px;
  line-height: 1.5;
  display: flex;
}

.operator-clear svg {
  color: #2e9268;
  flex: none;
  width: 18px;
}

.operator-reason-chain {
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  padding: 14px;
  display: grid;
}

.operator-reason-chain > div {
  gap: 8px;
  min-width: 0;
  display: flex;
}

.operator-reason-chain > svg {
  color: #8da0ad;
  width: 16px;
}

.operator-reason-chain span, .operator-reason-chain b {
  display: block;
}

.operator-reason-chain span {
  color: #718592;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 8px;
  font-weight: 900;
}

.operator-reason-chain b {
  overflow-wrap: anywhere;
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.4;
}

.operator-why-card > footer {
  color: #557185;
  background: #f3f8fa;
  border-top: 1px solid #dce4e9;
  align-items: flex-start;
  gap: 7px;
  padding: 9px 14px;
  font-size: 8px;
  line-height: 1.5;
  display: flex;
}

.operator-why-card > footer svg {
  color: #2a789a;
  flex: none;
  width: 15px;
}

.engineering-workspace {
  background: radial-gradient(circle at 90% 0, #123a4f 0, #0000 38%), #07131e;
  padding: 16px;
}

.scenario-review, .trace-backed-reasons, .engineering-trace-audit {
  background: #0b1b28;
  border: 1px solid #233b4c;
  border-radius: 14px;
  box-shadow: 0 12px 30px #020a1152;
}

.scenario-review > header, .engineering-trace-audit > header {
  border-bottom: 1px solid #ffffff0d;
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding: 14px 16px;
  display: flex;
}

.scenario-review h3, .engineering-trace-audit h3 {
  color: #fff;
  margin: 4px 0 0;
  font-size: 15px;
}

.scenario-review header em, .engineering-trace-audit header em {
  color: #9babb4;
  border: 1px solid #42505a;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 8px;
  font-style: normal;
  font-weight: 800;
}

.scenario-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  padding: 12px;
  display: grid;
}

.scenario-grid article {
  background: #0d2230;
  border: 1px solid #2a4150;
  border-radius: 11px;
  min-height: 135px;
  padding: 12px;
}

.scenario-grid article.current {
  background: linear-gradient(145deg, #11344a, #0d2636);
  border-color: #2181a1;
  box-shadow: inset 0 0 0 1px #2181a130;
}

.scenario-grid article.locked {
  opacity: .78;
}

.scenario-grid span, .scenario-grid b, .scenario-grid small {
  display: block;
}

.scenario-grid span {
  color: #66bfd4;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 8px;
  font-weight: 900;
}

.scenario-grid b {
  color: #fff;
  margin-top: 8px;
  font-size: 13px;
}

.scenario-grid small {
  color: #8298a5;
  margin-top: 6px;
  font-size: 9px;
  line-height: 1.45;
}

.scenario-grid article > div {
  color: #9fb1bc;
  border-top: 1px solid #ffffff0d;
  align-items: center;
  gap: 5px;
  margin-top: 14px;
  padding-top: 9px;
  font-size: 8px;
  font-weight: 800;
  display: flex;
}

.scenario-grid svg {
  width: 13px;
}

.trace-backed-reasons {
  margin-top: 12px;
}

.trace-backed-heading {
  border-bottom: 1px solid #ffffff0d;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 17px 18px;
  display: flex;
}

.trace-backed-heading h3 {
  color: #fff;
  margin: 5px 0 3px;
  font-size: 18px;
}

.trace-backed-heading p {
  color: #7f96a3;
  margin: 0;
  font-size: 10px;
  line-height: 1.45;
}

.trace-state-pill {
  color: #a8b6be;
  text-transform: uppercase;
  letter-spacing: .06em;
  border: 1px solid #43515c;
  border-radius: 99px;
  align-items: center;
  gap: 6px;
  padding: 7px 9px;
  font-size: 8px;
  font-weight: 900;
  display: flex;
}

.trace-state-pill.review {
  color: #e1bd62;
  background: #2b2515;
  border-color: #765f2d;
}

.trace-state-pill.urgent {
  color: #e68a84;
  background: #2e1717;
  border-color: #75403d;
}

.trace-state-pill.ready {
  color: #73cca1;
  background: #0c2f27;
  border-color: #2b6b55;
}

.trace-state-pill svg {
  width: 14px;
}

.trace-recommendation-list {
  gap: 10px;
  padding: 12px;
  display: grid;
}

.trace-recommendation {
  background: linear-gradient(145deg, #0e2230, #0a1a26);
  border: 1px solid #2a4150;
  border-left: 4px solid #647f90;
  border-radius: 12px;
  overflow: hidden;
}

.trace-recommendation.review {
  border-left-color: #d59b2c;
}

.trace-recommendation.urgent {
  border-left-color: #d45c57;
}

.trace-recommendation.ready {
  border-left-color: #34a274;
}

.trace-recommendation-summary {
  grid-template-columns: auto 1fr auto;
  align-items: flex-start;
  gap: 12px;
  padding: 14px 15px;
  display: grid;
}

.trace-recommendation-summary > i {
  color: #7bc3d5;
  background: #18364a;
  border-radius: 9px;
  place-items: center;
  width: 32px;
  height: 32px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.trace-recommendation-summary span {
  color: #6eb8ca;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: 8px;
  font-weight: 900;
}

.trace-recommendation-summary h4 {
  color: #fff;
  margin: 5px 0 3px;
  font-size: 14px;
}

.trace-recommendation-summary p {
  color: #91a5b1;
  margin: 0;
  font-size: 9px;
  line-height: 1.5;
}

.trace-recommendation-summary > em {
  color: #d4b86e;
  background: #282314;
  border: 1px solid #6f5d32;
  border-radius: 99px;
  padding: 5px 7px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.trace-reason-grid {
  background: #ffffff0d;
  border-block: 1px solid #ffffff0d;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  display: grid;
}

.trace-reason-grid > div {
  background: #0b1c29;
  padding: 12px;
}

.trace-reason-grid span, .trace-reason-grid b {
  display: block;
}

.trace-reason-grid span {
  color: #668090;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 8px;
  font-weight: 900;
}

.trace-reason-grid b {
  color: #cbd9e1;
  overflow-wrap: anywhere;
  margin-top: 5px;
  font-size: 8px;
  line-height: 1.45;
}

.trace-step-row {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 12px 14px;
  display: grid;
}

.trace-step-row > div {
  background: #081721;
  border: 1px solid #243b4a;
  border-radius: 9px;
  gap: 8px;
  padding: 9px;
  display: flex;
}

.trace-step-row i {
  color: #fff;
  background: #1e5971;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 20px;
  height: 20px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.trace-step-row p {
  margin: 0;
}

.trace-step-row b, .trace-step-row span {
  display: block;
}

.trace-step-row b {
  color: #d0dce3;
  font-size: 8px;
  line-height: 1.4;
}

.trace-step-row span {
  color: #718996;
  margin-top: 3px;
  font-size: 8px;
  line-height: 1.4;
}

.trace-recommendation > footer {
  color: #748b98;
  background: #07151f;
  border-top: 1px solid #ffffff0d;
  align-items: flex-start;
  gap: 7px;
  padding: 9px 14px;
  font-size: 8px;
  line-height: 1.45;
  display: flex;
}

.trace-recommendation > footer svg {
  color: #d1a64e;
  flex: none;
  width: 14px;
}

.trace-recommendation > footer span {
  flex: 1;
}

.trace-recommendation > footer b {
  color: #d1a64e;
  white-space: nowrap;
}

.trace-empty {
  align-items: flex-start;
  gap: 12px;
  padding: 24px;
  display: flex;
}

.trace-empty svg {
  color: #4c8298;
  flex: none;
  width: 28px;
}

.trace-empty b, .trace-empty span {
  display: block;
}

.trace-empty b {
  color: #dbe6ec;
  font-size: 12px;
}

.trace-empty span {
  color: #7e95a2;
  max-width: 720px;
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.5;
}

.engineering-trace-audit {
  margin-top: 12px;
}

.engineering-trace-audit > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 12px;
  display: grid;
}

.engineering-trace-audit article {
  background: #081824;
  border: 1px solid #253d4c;
  border-radius: 10px;
  min-width: 0;
  padding: 11px;
}

.engineering-trace-audit article span, .engineering-trace-audit article b {
  display: block;
}

.engineering-trace-audit article span {
  color: #62b9ce;
  letter-spacing: .07em;
  font-size: 8px;
  font-weight: 900;
}

.engineering-trace-audit article b {
  color: #d8e2e8;
  margin-top: 5px;
  font-size: 9px;
}

.engineering-trace-audit article p {
  color: #768e9b;
  margin: 5px 0;
  font-size: 8px;
  line-height: 1.45;
}

.engineering-trace-audit article code {
  color: #4e7183;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 7px;
  display: block;
  overflow: hidden;
}

@media (max-width: 1180px) {
  .operator-primary-action {
    grid-template-columns: auto 1fr;
  }

  .operator-context-card {
    grid-column: 2;
  }

  .operator-action-steps, .operator-lower-grid {
    grid-template-columns: 1fr;
  }

  .scenario-grid, .trace-reason-grid, .engineering-trace-audit > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .asset-heading-actions {
    flex-direction: column;
    align-items: flex-end;
  }
}

@media (max-width: 760px) {
  .topbar {
    padding-inline: 16px;
  }

  .release {
    font-size: 0;
  }

  .release b {
    font-size: 11px;
  }

  .tabs {
    top: 6px;
  }

  .asset-dashboard-heading {
    padding: 18px;
  }

  .asset-heading-actions {
    align-items: stretch;
    width: 100%;
  }

  .asset-view-toggle button {
    flex: 1;
  }

  .asset-dashboard-scope, .asset-process-dashboard, .decision-workspace.asset {
    margin-inline: 10px;
  }

  .decision-command-bar {
    flex-direction: column;
    align-items: stretch;
  }

  .decision-view-switch {
    width: 100%;
  }

  .decision-view-switch button {
    flex: 1;
    min-width: 0;
  }

  .decision-scope-ribbon > span:first-child {
    flex-basis: 100%;
    width: 100%;
  }

  .operator-primary-action {
    grid-template-columns: 1fr;
  }

  .operator-action-status {
    width: 38px;
    height: 38px;
  }

  .operator-context-card {
    grid-column: auto;
  }

  .operator-action-steps, .scenario-grid, .trace-reason-grid, .trace-step-row, .engineering-trace-audit > div, .operator-reason-chain {
    grid-template-columns: 1fr;
  }

  .operator-reason-chain > svg {
    margin: auto;
    transform: rotate(90deg);
  }

  .trace-backed-heading, .trace-recommendation-summary {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .trace-recommendation-summary > em {
    width: fit-content;
  }

  .trace-recommendation > footer {
    flex-wrap: wrap;
  }

  .trace-recommendation > footer b {
    width: 100%;
    margin-left: 21px;
  }

  .asset-dashboard-middle, .asset-dashboard-bottom {
    padding-inline: 10px;
  }
}

.operator-v033 {
  background: linear-gradient(#eaf1f5, #f7f9fa);
  gap: 14px;
  padding: 18px;
  display: grid;
}

.operator-risk-board {
  color: #153247;
  background: linear-gradient(125deg, #fff, #f5f8fa);
  border: 1px solid #b9cad5;
  border-left: 8px solid #7d8c96;
  border-radius: 18px;
  grid-template-columns: auto minmax(0, 1fr) minmax(245px, .55fr);
  align-items: center;
  gap: 18px;
  min-height: 190px;
  padding: 22px;
  display: grid;
  box-shadow: 0 15px 34px #0d2a4016;
}

.operator-risk-board.green {
  border-left-color: #27a06c;
}

.operator-risk-board.amber {
  border-left-color: #e3a21d;
}

.operator-risk-board.red {
  border-left-color: #d6534e;
}

.operator-risk-board.gray {
  border-left-color: #81909a;
}

.operator-traffic-light {
  background: linear-gradient(#172b39, #07131d);
  border: 1px solid #172d3b;
  border-radius: 18px;
  gap: 8px;
  padding: 10px;
  display: grid;
  box-shadow: inset 0 1px #fff2, 0 8px 18px #0b1c2929;
}

.operator-traffic-light i {
  opacity: .34;
  background: #293946;
  border: 3px solid #ffffff10;
  border-radius: 99px;
  width: 42px;
  height: 42px;
  box-shadow: inset 0 4px 11px #0008;
}

.operator-traffic-light i.red.active {
  opacity: 1;
  background: #ed514d;
  box-shadow: inset 0 4px 9px #6b0c0a88, 0 0 21px #ed514daa;
}

.operator-traffic-light i.amber.active {
  opacity: 1;
  background: #f2ad22;
  box-shadow: inset 0 4px 9px #6a420888, 0 0 21px #f2ad22aa;
}

.operator-traffic-light i.green.active {
  opacity: 1;
  background: #32b678;
  box-shadow: inset 0 4px 9px #0b573688, 0 0 21px #32b678aa;
}

.operator-risk-copy > span {
  color: #5c7383;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 10px;
  font-weight: 900;
  display: block;
}

.operator-risk-copy h3 {
  color: #0f2c40;
  letter-spacing: -.035em;
  margin: 7px 0 6px;
  font-size: clamp(23px, 3vw, 34px);
}

.operator-risk-copy p {
  color: #526b7d;
  max-width: 800px;
  margin: 0;
  font-size: 11px;
  line-height: 1.58;
}

.operator-risk-tags {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 13px;
  display: flex;
}

.operator-risk-tags b {
  color: #5c7180;
  text-transform: uppercase;
  letter-spacing: .06em;
  background: #f7fafb;
  border: 1px solid #ccd8df;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 8px;
}

.operator-risk-summary {
  grid-template-columns: repeat(2, 1fr);
  gap: 8px;
  display: grid;
}

.operator-risk-summary > div {
  background: #fff;
  border: 1px solid #cbd8df;
  border-radius: 11px;
  padding: 11px;
}

.operator-risk-summary > div:last-child {
  grid-column: 1 / -1;
}

.operator-risk-summary span, .operator-risk-summary b {
  display: block;
}

.operator-risk-summary span {
  color: #6c7f8d;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 8px;
  font-weight: 900;
}

.operator-risk-summary b {
  color: #17384e;
  margin-top: 5px;
  font-size: 14px;
}

.operator-action-board, .operator-justification-card {
  color: #153247;
  background: #fff;
  border: 1px solid #c2d1da;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 28px #0c2a3d0e;
}

.operator-action-board > header, .operator-justification-card > header, .engineering-dmaic > header, .root-cause-panel > header, .competing-cause-panel > header, .control-plan-panel > header, .engineering-action-routing > header {
  border-bottom: 1px solid #dbe4e9;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  display: flex;
}

.operator-action-board > header > div, .operator-justification-card > header, .engineering-dmaic > header > div, .root-cause-panel > header > div, .competing-cause-panel > header > div, .control-plan-panel > header > div, .engineering-action-routing > header > div {
  align-items: center;
  gap: 9px;
  display: flex;
}

.operator-action-board header svg, .operator-justification-card header svg {
  color: #1f7497;
  width: 20px;
}

.operator-action-board header span, .operator-action-board header b, .operator-action-board header small, .operator-justification-card header span, .operator-justification-card header b {
  display: block;
}

.operator-action-board header b, .operator-justification-card header b {
  font-size: 12px;
}

.operator-action-board header small {
  color: #72848f;
  margin-top: 3px;
  font-size: 8px;
}

.operator-action-board header em {
  color: #276783;
  background: #e8f2f7;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.operator-action-list {
  gap: 8px;
  padding: 12px;
  display: grid;
}

.operator-action-item {
  background: #fbfcfd;
  border: 1px solid #d9e3e8;
  border-left: 5px solid #8295a2;
  border-radius: 12px;
  grid-template-columns: auto minmax(0, 1fr) minmax(230px, .55fr);
  align-items: start;
  gap: 12px;
  padding: 12px;
  display: grid;
}

.operator-action-item.execute {
  border-left-color: #2e9b69;
}

.operator-action-item.engineering_approval {
  background: #fffdf7;
  border-left-color: #d49a23;
}

.operator-action-item.blocked {
  background: #f3f5f6;
  border-left-color: #7f8c96;
}

.operator-action-item > i {
  color: #fff;
  background: #153b54;
  border-radius: 9px;
  place-items: center;
  width: 31px;
  height: 31px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.operator-action-main > span {
  color: #668092;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 8px;
  font-weight: 900;
  display: block;
}

.operator-action-main h4 {
  color: #14344a;
  margin: 5px 0 3px;
  font-size: 13px;
}

.operator-action-main p {
  color: #577082;
  margin: 0;
  font-size: 9px;
  line-height: 1.5;
}

.operator-action-main small {
  color: #74858f;
  margin-top: 6px;
  font-size: 8px;
  line-height: 1.45;
  display: block;
}

.operator-action-gate {
  background: #fff;
  border: 1px solid #d8e2e7;
  border-radius: 9px;
  padding: 10px;
}

.operator-action-gate > b {
  color: #257654;
  text-transform: uppercase;
  background: #e1f3ea;
  border-radius: 99px;
  padding: 4px 7px;
  font-size: 8px;
  display: inline-block;
}

.engineering_approval .operator-action-gate > b {
  color: #8b5d0a;
  background: #fff0ca;
}

.blocked .operator-action-gate > b {
  color: #64727d;
  background: #e6eaed;
}

.operator-action-gate > span, .operator-action-gate > small {
  display: block;
}

.operator-action-gate > span {
  color: #758793;
  text-transform: uppercase;
  margin-top: 8px;
  font-size: 7px;
  font-weight: 900;
}

.operator-action-gate > small {
  color: #536b7b;
  margin-top: 3px;
  font-size: 8px;
  line-height: 1.4;
}

.operator-action-gate > em {
  color: #986713;
  align-items: center;
  gap: 4px;
  margin-top: 8px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  display: flex;
}

.operator-action-gate > em svg {
  width: 12px;
}

.operator-decision-grid {
  grid-template-columns: minmax(0, 1.7fr) minmax(270px, .65fr);
  gap: 14px;
  display: grid;
}

.operator-justification-card > p {
  color: #557082;
  margin: 0;
  padding: 15px 16px 0;
  font-size: 10px;
  line-height: 1.55;
}

.operator-justification-flow {
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 9px;
  padding: 14px 16px;
  display: grid;
}

.operator-justification-flow > div {
  background: #f8fafb;
  border: 1px solid #d9e3e8;
  border-radius: 11px;
  min-height: 120px;
  padding: 11px;
}

.operator-justification-flow > svg {
  color: #91a1ab;
  width: 16px;
}

.operator-justification-flow i {
  color: #fff;
  background: #16415c;
  border-radius: 99px;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.operator-justification-flow span, .operator-justification-flow b {
  display: block;
}

.operator-justification-flow span {
  color: #6f8290;
  text-transform: uppercase;
  margin-top: 9px;
  font-size: 8px;
  font-weight: 900;
}

.operator-justification-flow b {
  color: #1a3a50;
  margin-top: 5px;
  font-size: 9px;
  line-height: 1.45;
}

.operator-justification-card > footer {
  background: #dce5ea;
  border-top: 1px solid #dce5ea;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  display: grid;
}

.operator-justification-card > footer > div {
  background: #f3f8fa;
  gap: 9px;
  padding: 13px 15px;
  display: flex;
}

.operator-justification-card > footer svg {
  color: #298265;
  flex: none;
  width: 18px;
}

.operator-justification-card > footer p {
  margin: 0;
}

.operator-justification-card > footer span, .operator-justification-card > footer b {
  display: block;
}

.operator-justification-card > footer span {
  color: #6f8390;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.operator-justification-card > footer b {
  color: #28495f;
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.45;
}

.operator-side-stack {
  gap: 14px;
  display: grid;
}

.operator-review-card.compact {
  border-radius: 12px;
}

.engineering-v033 {
  background: radial-gradient(circle at 88% -10%, #164158 0, #0000 35%), #07131e;
  gap: 14px;
  padding: 18px;
  display: grid;
}

.engineering-decision-brief, .engineering-dmaic, .root-cause-panel, .competing-cause-panel, .control-plan-panel, .engineering-action-routing, .engineering-disclosure {
  background: #0b1b28;
  border: 1px solid #263f50;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 30px #020a1148;
}

.engineering-decision-brief {
  grid-template-columns: minmax(170px, .45fr) minmax(0, 1.35fr) minmax(250px, .65fr);
  align-items: stretch;
  gap: 16px;
  padding: 16px;
  display: grid;
}

.engineering-risk-seal {
  background: linear-gradient(145deg, #112635, #0a1823);
  border: 1px solid #40505b;
  border-left: 6px solid #81909a;
  border-radius: 13px;
  flex-direction: column;
  justify-content: center;
  min-height: 180px;
  padding: 18px;
  display: flex;
}

.engineering-risk-seal.green {
  border-left-color: #2daf75;
}

.engineering-risk-seal.amber {
  border-left-color: #e0a120;
}

.engineering-risk-seal.red {
  border-left-color: #d75852;
}

.engineering-risk-seal svg {
  color: #79bcd2;
  width: 27px;
}

.engineering-risk-seal span, .engineering-risk-seal b, .engineering-risk-seal small {
  display: block;
}

.engineering-risk-seal span {
  color: #6d98a9;
  text-transform: uppercase;
  margin-top: 12px;
  font-size: 8px;
  font-weight: 900;
}

.engineering-risk-seal b {
  color: #f2f7f9;
  margin-top: 6px;
  font-size: 18px;
  line-height: 1.2;
}

.engineering-risk-seal small {
  color: #8197a4;
  margin-top: 7px;
  font-size: 9px;
}

.engineering-brief-copy > span {
  color: #5fc0d8;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: 9px;
  font-weight: 900;
}

.engineering-brief-copy h3 {
  color: #fff;
  margin: 6px 0 5px;
  font-size: 20px;
}

.engineering-brief-copy > p {
  color: #94a8b4;
  margin: 0;
  font-size: 10px;
  line-height: 1.55;
}

.engineering-brief-copy > div {
  background: #071620;
  border: 1px solid #294454;
  border-radius: 10px;
  margin-top: 13px;
  padding: 11px;
}

.engineering-brief-copy > div b, .engineering-brief-copy > div em {
  display: block;
}

.engineering-brief-copy > div b {
  color: #5db4ca;
  text-transform: uppercase;
  font-size: 8px;
}

.engineering-brief-copy > div em {
  color: #c8d6de;
  margin-top: 5px;
  font-size: 9px;
  font-style: normal;
  line-height: 1.45;
}

.engineering-decision-brief > aside {
  gap: 7px;
  display: grid;
}

.engineering-decision-brief > aside > div {
  background: #081721;
  border: 1px solid #29414f;
  border-radius: 9px;
  padding: 10px;
}

.engineering-decision-brief aside span, .engineering-decision-brief aside b, .engineering-decision-brief aside code {
  display: block;
}

.engineering-decision-brief aside span {
  color: #688493;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 900;
}

.engineering-decision-brief aside b, .engineering-decision-brief aside code {
  color: #b8c9d2;
  overflow-wrap: anywhere;
  margin-top: 5px;
  font-size: 8px;
  line-height: 1.4;
}

.engineering-dmaic > header > div svg, .root-cause-panel > header svg, .competing-cause-panel > header svg, .control-plan-panel > header svg, .engineering-action-routing > header svg {
  color: #5cb9d0;
  width: 20px;
}

.engineering-dmaic header span, .engineering-dmaic header b, .engineering-dmaic header small, .root-cause-panel header span, .root-cause-panel header b, .root-cause-panel header small, .competing-cause-panel header span, .competing-cause-panel header b, .competing-cause-panel header small, .control-plan-panel header span, .control-plan-panel header b, .control-plan-panel header small, .engineering-action-routing header span, .engineering-action-routing header b, .engineering-action-routing header small {
  display: block;
}

.engineering-dmaic header b, .root-cause-panel header b, .competing-cause-panel header b, .control-plan-panel header b, .engineering-action-routing header b {
  color: #e3edf2;
  font-size: 12px;
}

.engineering-dmaic header small, .root-cause-panel header small, .competing-cause-panel header small, .control-plan-panel header small, .engineering-action-routing header small {
  color: #708895;
  margin-top: 3px;
  font-size: 8px;
}

.engineering-dmaic header em, .root-cause-panel header em, .competing-cause-panel header em, .control-plan-panel header em, .engineering-action-routing header em {
  color: #91a5b0;
  text-transform: uppercase;
  border: 1px solid #40525d;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.dmaic-stage-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 8px;
  padding: 12px;
  display: grid;
}

.dmaic-stage-grid article {
  background: #081823;
  border: 1px solid #284252;
  border-top: 4px solid #536c7b;
  border-radius: 11px;
  min-height: 160px;
  padding: 12px;
  position: relative;
}

.dmaic-stage-grid article.ready {
  border-top-color: #2eaa76;
}

.dmaic-stage-grid article.in_progress {
  border-top-color: #dba024;
}

.dmaic-stage-grid article.blocked {
  border-top-color: #c75450;
}

.dmaic-stage-grid article > i {
  color: #385363;
  font-size: 18px;
  font-style: normal;
  font-weight: 900;
  position: absolute;
  top: 8px;
  right: 9px;
}

.dmaic-stage-grid article > span {
  color: #5db7cd;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 9px;
  font-weight: 900;
  display: block;
}

.dmaic-stage-grid article > b {
  color: #d4e1e7;
  margin-top: 6px;
  font-size: 9px;
  display: block;
}

.dmaic-stage-grid article > p {
  color: #879da9;
  margin: 8px 0 0;
  font-size: 8px;
  line-height: 1.5;
}

.dmaic-stage-grid article > small {
  color: #4f7180;
  margin-top: 8px;
  font-size: 7px;
  line-height: 1.4;
  display: block;
}

.engineering-analysis-grid {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, .65fr);
  gap: 14px;
  display: grid;
}

.root-cause-statement {
  background: #0e2230;
  border-bottom: 1px solid #ffffff0c;
  padding: 13px 15px;
}

.root-cause-statement span, .root-cause-statement b {
  display: block;
}

.root-cause-statement span {
  color: #5daec1;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.root-cause-statement b {
  color: #dce7ec;
  margin-top: 5px;
  font-size: 10px;
  line-height: 1.45;
}

.root-cause-statement p {
  color: #77909d;
  margin: 6px 0 0;
  font-size: 8px;
  line-height: 1.45;
}

.why-ladder {
  gap: 7px;
  padding: 12px;
  display: grid;
}

.why-ladder article {
  background: #081823;
  border: 1px solid #294150;
  border-left: 4px solid #667d8b;
  border-radius: 10px;
  grid-template-columns: auto 1fr;
  gap: 10px;
  padding: 10px;
  display: grid;
}

.why-ladder article.supported {
  border-left-color: #2fa775;
}

.why-ladder article.partial {
  border-left-color: #d79c22;
}

.why-ladder article.missing {
  border-left-color: #8b6771;
}

.why-ladder article > i {
  color: #7dc7d9;
  background: #183a4e;
  border-radius: 99px;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.why-ladder span, .why-ladder b, .why-ladder small {
  display: block;
}

.why-ladder span {
  color: #70aabd;
  font-size: 8px;
  font-weight: 900;
}

.why-ladder b {
  color: #cddae1;
  margin-top: 4px;
  font-size: 9px;
  line-height: 1.45;
}

.why-ladder small {
  color: #617e8c;
  margin-top: 5px;
  font-size: 7px;
  line-height: 1.4;
}

.root-cause-panel > footer {
  background: #071620;
  border-top: 1px solid #ffffff0c;
  gap: 9px;
  padding: 12px 14px;
  display: flex;
}

.root-cause-panel > footer svg {
  color: #5cb9d0;
  flex: none;
  width: 18px;
}

.root-cause-panel > footer p {
  margin: 0;
}

.root-cause-panel > footer span, .root-cause-panel > footer b {
  display: block;
}

.root-cause-panel > footer span {
  color: #62818f;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 900;
}

.root-cause-panel > footer b {
  color: #bed0d8;
  margin-top: 4px;
  font-size: 8px;
  line-height: 1.45;
}

.competing-cause-panel > div:not(.engineering-empty) {
  gap: 7px;
  padding: 11px;
  display: grid;
}

.competing-cause-panel article {
  background: #081823;
  border: 1px solid #2a4251;
  border-radius: 10px;
  padding: 10px;
}

.competing-cause-panel article span, .competing-cause-panel article b, .competing-cause-panel article small {
  display: block;
}

.competing-cause-panel article span {
  color: #66b5c7;
  text-transform: uppercase;
  background: #173a4d;
  border-radius: 99px;
  width: fit-content;
  padding: 3px 6px;
  font-size: 7px;
  font-weight: 900;
}

.competing-cause-panel article b {
  color: #d3e0e6;
  margin-top: 6px;
  font-size: 9px;
}

.competing-cause-panel article p {
  color: #7f95a1;
  margin: 5px 0;
  font-size: 8px;
  line-height: 1.4;
}

.competing-cause-panel article small {
  color: #526f7e;
  font-size: 7px;
  line-height: 1.4;
}

.control-metric-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  padding: 12px;
  display: grid;
}

.control-metric-grid article {
  background: #081823;
  border: 1px solid #294250;
  border-top: 4px solid #6d7d87;
  border-radius: 11px;
  overflow: hidden;
}

.control-metric-grid article.on_track {
  border-top-color: #2da975;
}

.control-metric-grid article.watch {
  border-top-color: #daa025;
}

.control-metric-grid article.off_track {
  border-top-color: #d25550;
}

.control-metric-grid article > span {
  color: #69b8ca;
  text-transform: uppercase;
  border-bottom: 1px solid #ffffff0c;
  padding: 9px 11px;
  font-size: 8px;
  font-weight: 900;
  display: block;
}

.control-metric-grid article > div {
  grid-template-columns: 1fr auto 1fr auto 1fr;
  align-items: center;
  gap: 7px;
  padding: 11px;
  display: grid;
}

.control-metric-grid article p {
  margin: 0;
}

.control-metric-grid article p small, .control-metric-grid article p b {
  display: block;
}

.control-metric-grid article p small {
  color: #5c7887;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 900;
}

.control-metric-grid article p b {
  color: #c8d8df;
  margin-top: 4px;
  font-size: 8px;
  line-height: 1.4;
}

.control-metric-grid article > div svg {
  color: #446878;
  width: 12px;
}

.control-metric-grid article > footer {
  color: #668391;
  border-top: 1px solid #ffffff0c;
  gap: 5px;
  padding: 8px 10px;
  font-size: 7px;
  line-height: 1.4;
  display: flex;
}

.control-metric-grid article > footer svg {
  color: #3ba77a;
  flex: none;
  width: 12px;
}

.control-criteria-grid {
  background: #ffffff0c;
  border-top: 1px solid #ffffff0c;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1px;
  display: grid;
}

.control-criteria-grid > div {
  background: #091a26;
  padding: 12px;
}

.control-criteria-grid span, .control-criteria-grid b {
  display: block;
}

.control-criteria-grid span {
  color: #5c7a88;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 900;
}

.control-criteria-grid b {
  color: #c2d1d8;
  margin-top: 5px;
  font-size: 8px;
  line-height: 1.45;
}

.engineering-action-routing > div {
  display: grid;
}

.engineering-action-routing > div > article {
  border-top: 1px solid #ffffff0c;
  grid-template-columns: 145px minmax(0, 1fr) minmax(260px, .6fr);
  align-items: start;
  gap: 12px;
  padding: 11px 13px;
  display: grid;
}

.engineering-action-routing > div > article:first-child {
  border-top: 0;
}

.engineering-action-routing article > span {
  color: #72c69d;
  text-transform: uppercase;
  background: #1b4132;
  border-radius: 99px;
  width: fit-content;
  padding: 5px 7px;
  font-size: 7px;
  font-weight: 900;
}

.engineering-action-routing article > span.engineering_approval {
  color: #d9b75b;
  background: #332b16;
}

.engineering-action-routing article > span.blocked {
  color: #8fa1ab;
  background: #26333b;
}

.engineering-action-routing article > div b {
  color: #d4e1e7;
  font-size: 9px;
  display: block;
}

.engineering-action-routing article > div p {
  color: #8298a4;
  margin: 4px 0;
  font-size: 8px;
  line-height: 1.45;
}

.engineering-action-routing article > div small {
  color: #597986;
  font-size: 7px;
  line-height: 1.4;
}

.engineering-action-routing article > em {
  color: #77909c;
  font-size: 8px;
  font-style: normal;
  line-height: 1.45;
}

.engineering-disclosure > summary {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  list-style: none;
  display: flex;
}

.engineering-disclosure > summary::-webkit-details-marker {
  display: none;
}

.engineering-disclosure > summary > div {
  align-items: center;
  gap: 9px;
  display: flex;
}

.engineering-disclosure > summary svg {
  color: #5cb9d0;
  width: 18px;
  transition: all .18s;
}

.engineering-disclosure[open] > summary > svg:last-child {
  transform: rotate(180deg);
}

.engineering-disclosure summary span, .engineering-disclosure summary b, .engineering-disclosure summary small {
  display: block;
}

.engineering-disclosure summary b {
  color: #dce7ec;
  font-size: 11px;
}

.engineering-disclosure summary small {
  color: #718994;
  margin-top: 3px;
  font-size: 8px;
}

.engineering-disclosure .trace-recommendation.prompt_review {
  border-left-color: #d39a26;
}

.engineering-disclosure .trace-recommendation.urgent_review {
  border-left-color: #d05651;
}

.engineering-disclosure .trace-recommendation.routine_monitoring {
  border-left-color: #2da675;
}

.engineering-empty {
  color: #7f95a0;
  gap: 10px;
  padding: 18px;
  display: flex;
}

.engineering-empty > svg {
  color: #4f8ba0;
  flex: none;
  width: 24px;
}

.engineering-empty p {
  margin: 0;
}

.engineering-empty b, .engineering-empty span {
  display: block;
}

.engineering-empty b {
  color: #cbd9df;
  font-size: 10px;
}

.engineering-empty span {
  margin-top: 4px;
  font-size: 8px;
  line-height: 1.45;
}

.engineering-disclosure.engineering-trace-audit > div {
  border-top: 1px solid #ffffff0c;
}

@media (max-width: 1180px) {
  .operator-risk-board, .engineering-decision-brief {
    grid-template-columns: auto 1fr;
  }

  .operator-risk-summary, .engineering-decision-brief > aside {
    grid-column: 2;
  }

  .operator-decision-grid, .engineering-analysis-grid {
    grid-template-columns: 1fr;
  }

  .dmaic-stage-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .control-metric-grid {
    grid-template-columns: 1fr;
  }

  .control-criteria-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .operator-v033, .engineering-v033 {
    padding: 10px;
  }

  .operator-risk-board {
    grid-template-columns: auto 1fr;
    padding: 14px;
  }

  .operator-risk-summary {
    grid-column: 1 / -1;
  }

  .operator-action-item {
    grid-template-columns: auto 1fr;
  }

  .operator-action-gate {
    grid-column: 2;
  }

  .operator-decision-grid, .operator-justification-flow {
    grid-template-columns: 1fr;
  }

  .operator-justification-flow > svg {
    margin: auto;
    transform: rotate(90deg);
  }

  .operator-justification-card > footer, .dmaic-stage-grid, .control-criteria-grid, .engineering-decision-brief {
    grid-template-columns: 1fr;
  }

  .engineering-decision-brief > aside {
    grid-column: auto;
  }

  .dmaic-stage-grid article {
    min-height: 0;
  }

  .control-metric-grid article > div {
    grid-template-columns: 1fr;
  }

  .control-metric-grid article > div svg {
    margin: auto;
    transform: rotate(90deg);
  }

  .engineering-action-routing > div > article {
    grid-template-columns: 1fr;
  }

  .engineering-action-routing article > em {
    border-top: 1px solid #ffffff0c;
    padding-top: 7px;
  }

  .trace-recommendation-summary {
    grid-template-columns: auto 1fr !important;
    display: grid !important;
  }

  .trace-recommendation-summary > em {
    grid-column: 2;
  }
}

.trend-lab-topbar .brand {
  color: inherit;
  text-decoration: none;
}

.trend-lab-page {
  max-width: 1480px;
  margin: auto;
  padding: 18px max(18px, 3vw) 72px;
}

.trend-lab-back {
  color: #42637f;
  align-items: center;
  gap: 7px;
  width: fit-content;
  margin: 2px 0 17px;
  font-size: 12px;
  font-weight: 700;
  text-decoration: none;
  display: flex;
}

.trend-lab-back:hover {
  color: var(--blue);
}

.trend-lab-back svg {
  width: 15px;
}

.trend-lab-hero {
  color: #fff;
  background: radial-gradient(circle at 82% -25%, #3992c9 0, #0000 38%), linear-gradient(125deg, #081d32, #0e3154 65%, #164a72);
  border-radius: 18px;
  grid-template-columns: minmax(0, 1.5fr) minmax(300px, .5fr);
  align-items: end;
  gap: 32px;
  padding: 34px 36px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 20px 50px #0d2a4a24;
}

.trend-lab-hero:after {
  content: "";
  pointer-events: none;
  border: 1px solid #ffffff16;
  border-radius: 50%;
  width: 310px;
  height: 310px;
  position: absolute;
  bottom: -130px;
  right: -85px;
  box-shadow: 0 0 0 45px #ffffff07, 0 0 0 90px #ffffff05;
}

.trend-lab-hero > div, .trend-lab-hero > aside {
  z-index: 1;
  position: relative;
}

.trend-lab-hero > div > span, .trend-lab-hero > aside > span {
  color: #73c6eb;
  text-transform: uppercase;
  letter-spacing: .16em;
  font-size: 10px;
  font-weight: 900;
  display: block;
}

.trend-lab-hero h1 {
  letter-spacing: -.05em;
  margin: 7px 0 9px;
  font-size: clamp(34px, 4vw, 52px);
}

.trend-lab-hero p {
  color: #c7d9e7;
  max-width: 820px;
  margin: 0;
  font-size: 15px;
  line-height: 1.65;
}

.trend-lab-hero > aside {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #04172970;
  border: 1px solid #ffffff20;
  border-radius: 12px;
  padding: 17px 19px;
}

.trend-lab-hero > aside b, .trend-lab-hero > aside small {
  display: block;
}

.trend-lab-hero > aside b {
  margin-top: 8px;
  font-size: 16px;
}

.trend-lab-hero > aside small {
  color: #9fb8ca;
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.45;
}

.trend-lab-filters {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 14px;
  margin-top: 18px;
  padding: 18px 20px;
  box-shadow: 0 7px 24px #19364f0c;
}

.trend-lab-filter-heading {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 15px;
  display: flex;
}

.trend-lab-filter-heading > div {
  align-items: center;
  gap: 10px;
  display: flex;
}

.trend-lab-filter-heading svg {
  width: 20px;
  color: var(--blue);
}

.trend-lab-filter-heading span b, .trend-lab-filter-heading span small {
  display: block;
}

.trend-lab-filter-heading span b {
  color: #18314b;
  font-size: 14px;
}

.trend-lab-filter-heading span small {
  color: var(--muted);
  margin-top: 2px;
  font-size: 11px;
}

.trend-lab-filter-heading button svg {
  width: 14px;
}

.trend-lab-filter-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.trend-lab-filter > span {
  color: #5a6d81;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin-bottom: 6px;
  font-size: 9px;
  font-weight: 900;
  display: block;
}

.trend-lab-filter select {
  color: #173149;
  background: #fff;
  border: 1px solid #cbd6e0;
  border-radius: 8px;
  outline: none;
  width: 100%;
  height: 40px;
  padding: 0 34px 0 10px;
  font-size: 12px;
}

.trend-lab-filter select:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px #256da516;
}

.trend-lab-filter select:disabled {
  color: #9ca7b1;
  cursor: not-allowed;
  background: #f3f5f7;
}

.trend-lab-scope-trail {
  border-top: 1px solid #e8edf2;
  flex-wrap: wrap;
  align-items: center;
  gap: 4px;
  margin-top: 13px;
  padding-top: 12px;
  display: flex;
}

.trend-lab-scope-trail svg {
  color: #a0adba;
  width: 13px;
}

.trend-lab-scope-trail button, .trend-lab-scope-trail span {
  color: #42637f;
  background: none;
  border: 0;
  font-size: 11px;
}

.trend-lab-scope-trail button {
  cursor: pointer;
  border-radius: 5px;
  padding: 4px 5px;
}

.trend-lab-scope-trail button:hover {
  color: #245f90;
  background: #edf5fb;
}

.trend-lab-scope-trail span {
  color: #18314b;
  font-weight: 800;
}

.trend-lab-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 15px;
  display: grid;
}

.trend-lab-kpis article {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 11px;
  align-items: center;
  gap: 13px;
  padding: 15px 17px;
  display: flex;
}

.trend-lab-kpis article > svg {
  color: #4b83ad;
  width: 22px;
}

.trend-lab-kpis span, .trend-lab-kpis b, .trend-lab-kpis small {
  display: block;
}

.trend-lab-kpis span {
  color: #657488;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 9px;
  font-weight: 900;
}

.trend-lab-kpis b {
  color: #16314b;
  margin-top: 3px;
  font-size: 21px;
}

.trend-lab-kpis small {
  color: #8492a0;
  margin-top: 2px;
  font-size: 10px;
}

.trend-lab-overview {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 14px;
  margin-top: 18px;
  padding: 22px;
  box-shadow: 0 7px 24px #19364f0c;
}

.trend-lab-overview > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  margin-bottom: 18px;
  display: flex;
}

.trend-lab-overview > header > div > span, .trend-lab-chart-panel > header > div > span, .trend-lab-drill-panel > header > div > span {
  color: #2772a8;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 9px;
  font-weight: 900;
}

.trend-lab-overview h2, .trend-lab-chart-panel h2, .trend-lab-drill-panel h2 {
  color: #18314b;
  letter-spacing: -.02em;
  margin: 4px 0 5px;
  font-size: 19px;
}

.trend-lab-overview p, .trend-lab-chart-panel header p, .trend-lab-drill-panel header p {
  color: var(--muted);
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.trend-lab-overview > header em {
  color: #346b95;
  white-space: nowrap;
  background: #edf5fb;
  border-radius: 99px;
  padding: 6px 9px;
  font-size: 10px;
  font-style: normal;
  font-weight: 800;
}

.trend-lab-series-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
  display: grid;
}

.trend-lab-series-grid > button {
  text-align: left;
  min-width: 0;
  color: inherit;
  cursor: pointer;
  background: linear-gradient(145deg, #fff, #fbfcfd);
  border: 1px solid #dce4eb;
  border-radius: 11px;
  padding: 15px;
  transition: transform .16s, border-color .16s, box-shadow .16s;
}

.trend-lab-series-grid > button:hover {
  border-color: #aac7dc;
  transform: translateY(-2px);
  box-shadow: 0 10px 24px #19364f10;
}

.trend-lab-series-grid > button.active {
  border-color: #3d83b7;
  box-shadow: 0 0 0 3px #256da512, 0 10px 24px #19364f0c;
}

.trend-lab-series-head {
  justify-content: space-between;
  align-items: start;
  gap: 8px;
  min-height: 31px;
  display: flex;
}

.trend-lab-series-head span {
  color: #24415c;
  font-size: 12px;
  font-weight: 800;
  line-height: 1.3;
}

.trend-lab-series-head small {
  color: #657789;
  white-space: nowrap;
  background: #edf2f6;
  border-radius: 5px;
  padding: 3px 6px;
  font-size: 8px;
}

.trend-lab-series-value {
  align-items: baseline;
  gap: 5px;
  margin-top: 10px;
  display: flex;
}

.trend-lab-series-value b {
  color: #122f49;
  font-size: 22px;
}

.trend-lab-series-value span {
  color: #748496;
  font-size: 9px;
}

.trend-lab-spark {
  width: 100%;
  height: 56px;
  margin: 7px 0 5px;
  overflow: visible;
}

.trend-lab-spark path {
  fill: none;
  stroke: #4b8cba;
  stroke-width: 2.4px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.trend-lab-spark circle {
  fill: #fff;
  stroke: #256da5;
  stroke-width: 2px;
}

.trend-lab-spark-empty {
  color: #98a4af;
  place-items: center;
  height: 56px;
  font-size: 10px;
  display: grid;
}

.trend-lab-series-grid footer {
  border-top: 1px solid #edf0f3;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding-top: 9px;
  display: flex;
}

.trend-lab-series-grid footer span {
  color: #355d7e;
  font-size: 9px;
  font-weight: 800;
}

.trend-lab-series-grid footer small {
  color: #8996a2;
  text-align: right;
  font-size: 8px;
}

.trend-lab-empty {
  text-align: center;
  color: #768697;
  padding: 40px;
}

.trend-lab-embedded {
  min-width: 0;
}

.trend-lab-overview-layout {
  grid-template-columns: minmax(0, 1fr) 350px;
  align-items: start;
  gap: 18px;
  margin-top: 18px;
  display: grid;
}

.trend-lab-overview-layout .trend-lab-overview {
  min-width: 0;
  margin-top: 0;
}

.trend-lab-overview-layout .trend-lab-series-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.trend-lab-series-method {
  color: #768898;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 5px;
  font-size: 8px;
  line-height: 1.35;
  overflow: hidden;
}

.trend-lab-assessment {
  color: #dceaf1;
  background: linear-gradient(160deg, #071a28, #0a273b 60%, #0b3048);
  border: 1px solid #1c4059;
  border-radius: 15px;
  position: sticky;
  top: 76px;
  overflow: hidden;
  box-shadow: 0 18px 42px #102c431f;
}

.trend-lab-assessment > header {
  background: radial-gradient(circle at 100% 0, #287ea24a, #0000 48%);
  border-bottom: 1px solid #ffffff12;
  padding: 21px 21px 17px;
}

.trend-lab-assessment > header span {
  color: #63c4df;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.trend-lab-assessment > header h2 {
  color: #f4f9fb;
  margin: 5px 0 6px;
  font-size: 19px;
}

.trend-lab-assessment > header p {
  color: #8fa8b5;
  margin: 0;
  font-size: 9px;
  line-height: 1.5;
}

.trend-lab-status-board {
  border-bottom: 1px solid #ffffff12;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 15px;
  padding: 18px 20px;
  display: grid;
}

.trend-lab-traffic-light {
  background: #020a0f;
  border: 1px solid #344b59;
  border-radius: 18px;
  gap: 7px;
  padding: 9px;
  display: grid;
  box-shadow: inset 0 0 0 1px #000, 0 8px 18px #0005;
}

.trend-lab-traffic-light i {
  background: radial-gradient(circle at 35% 30%, #768891, #34434a 47%, #18242a);
  border: 1px solid #6a7c85;
  border-radius: 50%;
  width: 21px;
  height: 21px;
  box-shadow: inset 0 -4px 7px #0008;
}

.trend-lab-status-board span, .trend-lab-status-board b, .trend-lab-status-board small {
  display: block;
}

.trend-lab-status-board span {
  color: #7191a0;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 900;
}

.trend-lab-status-board b {
  color: #eef5f8;
  margin-top: 5px;
  font-size: 13px;
}

.trend-lab-status-board small {
  color: #829ba7;
  margin-top: 5px;
  font-size: 8px;
  line-height: 1.45;
}

.trend-lab-assessment-coverage {
  border-bottom: 1px solid #ffffff12;
  padding: 15px 20px;
}

.trend-lab-assessment-coverage > div:first-child {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.trend-lab-assessment-coverage span {
  color: #7592a0;
  font-size: 8px;
  font-weight: 800;
}

.trend-lab-assessment-coverage b {
  color: #cfe0e7;
  font-size: 9px;
}

.trend-lab-coverage-track {
  background: #020b10;
  border-radius: 99px;
  height: 5px;
  margin: 9px 0 7px;
  overflow: hidden;
}

.trend-lab-coverage-track i {
  border-radius: inherit;
  background: linear-gradient(90deg, #3692b3, #57c3d5);
  height: 100%;
  display: block;
}

.trend-lab-assessment-coverage small {
  color: #6c8794;
  font-size: 7px;
  line-height: 1.45;
  display: block;
}

.trend-lab-scoped-signal {
  background: #ffffff08;
  border: 1px solid #ffffff12;
  border-radius: 10px;
  gap: 10px;
  margin: 15px 18px 0;
  padding: 11px;
  display: flex;
}

.trend-lab-scoped-signal > i {
  background: #788a93;
  border-radius: 50%;
  flex: none;
  width: 10px;
  height: 10px;
  margin-top: 2px;
  box-shadow: 0 0 0 4px #ffffff08;
}

.trend-lab-scoped-signal.green > i {
  background: #38b77d;
}

.trend-lab-scoped-signal.amber > i {
  background: #e0a72f;
}

.trend-lab-scoped-signal.red > i {
  background: #dc5c56;
}

.trend-lab-scoped-signal span, .trend-lab-scoped-signal b, .trend-lab-scoped-signal small {
  display: block;
}

.trend-lab-scoped-signal span {
  color: #7193a3;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 900;
}

.trend-lab-scoped-signal b {
  color: #e1edf2;
  margin-top: 4px;
  font-size: 10px;
}

.trend-lab-scoped-signal small {
  color: #7f99a5;
  margin-top: 4px;
  font-size: 7px;
  line-height: 1.45;
}

.trend-lab-insights {
  padding: 16px 18px 19px;
  display: grid;
}

.trend-lab-insights > header {
  padding-bottom: 7px;
}

.trend-lab-insights > header span, .trend-lab-insights > header b {
  display: block;
}

.trend-lab-insights > header span {
  color: #5fc2dc;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 900;
}

.trend-lab-insights > header b {
  color: #dce8ed;
  margin-top: 3px;
  font-size: 10px;
}

.trend-lab-insights article {
  border-top: 1px solid #ffffff0d;
  grid-template-columns: auto 1fr;
  gap: 9px;
  padding: 10px 0;
  display: grid;
}

.trend-lab-insights article > svg {
  color: #64afca;
  width: 17px;
}

.trend-lab-insights article.review > svg {
  color: #d7a53b;
}

.trend-lab-insights article.ready > svg {
  color: #49b985;
}

.trend-lab-insights article span, .trend-lab-insights article b, .trend-lab-insights article small {
  display: block;
}

.trend-lab-insights article span {
  color: #63818f;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 900;
}

.trend-lab-insights article b {
  color: #cbdce3;
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.35;
}

.trend-lab-insights article small {
  color: #718d99;
  margin-top: 3px;
  font-size: 7px;
  line-height: 1.45;
}

.trend-lab-detail-grid {
  grid-template-columns: minmax(0, 1.65fr) minmax(310px, .65fr);
  gap: 18px;
  margin-top: 18px;
  display: grid;
}

.trend-lab-chart-panel, .trend-lab-drill-panel {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 7px 24px #19364f0c;
}

.trend-lab-chart-panel {
  overflow: hidden;
}

.trend-lab-chart-panel > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 21px 22px 6px;
  display: flex;
}

.trend-lab-chart-panel > header > div:last-child {
  text-align: right;
}

.trend-lab-chart-panel > header > div:last-child span, .trend-lab-chart-panel > header > div:last-child b, .trend-lab-chart-panel > header > div:last-child em {
  display: block;
}

.trend-lab-chart-panel > header > div:last-child span {
  color: #697b8c;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.trend-lab-chart-panel > header > div:last-child b {
  color: #14334e;
  margin-top: 4px;
  font-size: 20px;
}

.trend-lab-chart-panel > header > div:last-child b small {
  color: #728394;
  font-size: 9px;
  font-weight: 700;
}

.trend-lab-chart-panel > header > div:last-child em {
  color: #386b92;
  margin-top: 4px;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}

.trend-lab-chart {
  width: 100%;
  height: 365px;
  padding: 0 6px;
  aspect-ratio: auto !important;
}

.trend-lab-tooltip span, .trend-lab-tooltip b, .trend-lab-tooltip small {
  display: block;
}

.trend-lab-tooltip span {
  color: #66798b;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.trend-lab-tooltip b {
  color: #163650;
  margin-top: 4px;
  font-size: 12px;
}

.trend-lab-tooltip small {
  color: #6f8191;
  margin-top: 5px;
  font-size: 9px;
}

.trend-lab-chart-panel > footer {
  color: #6f7f8e;
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  padding: 0 22px 17px;
  font-size: 9px;
  display: flex;
}

.trend-lab-chart-panel > footer span {
  align-items: center;
  gap: 5px;
  display: flex;
}

.trend-lab-chart-panel > footer i {
  background: #256da5;
  border-radius: 99px;
  width: 14px;
  height: 3px;
}

.trend-lab-chart-panel > footer i.range {
  background: #8dc2e844;
  height: 9px;
}

.trend-lab-chart-panel > footer small {
  color: #8a97a3;
  margin-left: auto;
}

.trend-lab-date-table {
  border-top: 1px solid #e8edf1;
}

.trend-lab-date-table summary {
  color: #42637f;
  cursor: pointer;
  padding: 13px 22px;
  font-size: 10px;
  font-weight: 800;
}

.trend-lab-date-table > div {
  border-top: 1px solid #edf0f2;
  max-height: 330px;
  overflow: auto;
}

.trend-lab-date-table table {
  border-collapse: collapse;
  width: 100%;
  font-size: 10px;
}

.trend-lab-date-table th, .trend-lab-date-table td {
  text-align: right;
  border-bottom: 1px solid #edf0f2;
  padding: 9px 12px;
}

.trend-lab-date-table th {
  color: #5c6e7e;
  text-transform: uppercase;
  letter-spacing: .06em;
  background: #f6f8fa;
  font-size: 8px;
  position: sticky;
  top: 0;
}

.trend-lab-date-table th:first-child, .trend-lab-date-table td:first-child {
  text-align: left;
}

.trend-lab-drill-panel {
  overflow: hidden;
}

.trend-lab-drill-panel > header {
  border-bottom: 1px solid #e7ecf0;
  justify-content: space-between;
  gap: 12px;
  padding: 20px;
  display: flex;
}

.trend-lab-drill-panel > header > svg {
  color: #4d87b1;
  width: 24px;
}

.trend-lab-breakdown-list {
  display: grid;
}

.trend-lab-breakdown-list > button {
  color: inherit;
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #edf0f2;
  padding: 13px 17px;
}

.trend-lab-breakdown-list > button:hover {
  background: #f6fafc;
}

.trend-lab-breakdown-list > button > div:first-child {
  justify-content: space-between;
  align-items: baseline;
  gap: 12px;
  display: flex;
}

.trend-lab-breakdown-list > button > div:first-child span {
  color: #263f57;
  font-size: 11px;
  font-weight: 800;
}

.trend-lab-breakdown-list > button > div:first-child b {
  color: #153651;
  white-space: nowrap;
  font-size: 10px;
}

.trend-lab-breakdown-bar {
  background: #e7eef3;
  border-radius: 99px;
  height: 4px;
  margin-top: 8px;
  overflow: hidden;
}

.trend-lab-breakdown-bar i {
  background: linear-gradient(90deg, #73acd2, #256da5);
  border-radius: 99px;
  height: 100%;
  display: block;
}

.trend-lab-breakdown-list footer {
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 8px;
  margin-top: 7px;
  display: grid;
}

.trend-lab-breakdown-list footer span {
  color: #4b6f8b;
  font-size: 8px;
  font-weight: 800;
}

.trend-lab-breakdown-list footer small {
  color: #8a98a5;
  font-size: 8px;
}

.trend-lab-breakdown-list footer svg {
  color: #8193a2;
  width: 13px;
}

.trend-lab-drill-note {
  color: #385e7d;
  background: #eef6fb;
  border-radius: 9px;
  gap: 9px;
  margin: 14px;
  padding: 11px;
  display: flex;
}

.trend-lab-drill-note > svg {
  flex: none;
  width: 18px;
}

.trend-lab-drill-note p {
  margin: 0;
}

.trend-lab-drill-note b, .trend-lab-drill-note span {
  display: block;
}

.trend-lab-drill-note b {
  font-size: 10px;
}

.trend-lab-drill-note span {
  color: #648099;
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.45;
}

.trend-lab-boundary {
  color: #274d6b;
  background: linear-gradient(110deg, #eef7fc, #f8fbfd);
  border: 1px solid #c9dce9;
  border-radius: 14px;
  grid-template-columns: auto minmax(0, 1.4fr) minmax(300px, .6fr);
  align-items: start;
  gap: 16px;
  margin-top: 18px;
  padding: 20px 22px;
  display: grid;
}

.trend-lab-boundary > svg {
  width: 24px;
}

.trend-lab-boundary > div > span, .trend-lab-boundary > aside > span {
  color: #3d759d;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 8px;
  font-weight: 900;
  display: block;
}

.trend-lab-boundary h2 {
  color: #163b58;
  margin: 5px 0 6px;
  font-size: 15px;
}

.trend-lab-boundary p {
  color: #5c778d;
  margin: 0;
  font-size: 10px;
  line-height: 1.55;
}

.trend-lab-boundary > aside {
  border-left: 1px solid #c7dce9;
  padding-left: 17px;
}

.trend-lab-boundary > aside b, .trend-lab-boundary > aside small {
  display: block;
}

.trend-lab-boundary > aside b {
  color: #244e6d;
  margin-top: 5px;
  font-size: 11px;
}

.trend-lab-boundary > aside small {
  color: #6d8597;
  margin-top: 5px;
  font-size: 9px;
  line-height: 1.45;
}

@media (max-width: 1320px) {
  .trend-lab-overview-layout {
    grid-template-columns: 1fr;
  }

  .trend-lab-overview-layout .trend-lab-series-grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  .trend-lab-assessment {
    position: relative;
    top: auto;
  }

  .trend-lab-insights {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 18px;
  }

  .trend-lab-insights > header {
    grid-column: 1 / -1;
  }
}

@media (max-width: 1180px) {
  .trend-lab-filter-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .trend-lab-series-grid, .trend-lab-overview-layout .trend-lab-series-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trend-lab-detail-grid {
    grid-template-columns: 1fr;
  }

  .trend-lab-breakdown-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trend-lab-breakdown-list > button:nth-last-child(-n+2) {
    border-bottom: 0;
  }
}

@media (max-width: 820px) {
  .trend-lab-hero {
    grid-template-columns: 1fr;
    padding: 28px 24px;
  }

  .trend-lab-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trend-lab-boundary {
    grid-template-columns: auto 1fr;
  }

  .trend-lab-boundary > aside {
    border-top: 1px solid #c7dce9;
    border-left: 0;
    grid-column: 2;
    padding: 14px 0 0;
  }
}

@media (max-width: 620px) {
  .trend-lab-page {
    padding-inline: 12px;
  }

  .trend-lab-topbar {
    padding-inline: 16px;
  }

  .trend-lab-topbar .release {
    display: none;
  }

  .trend-lab-hero {
    border-radius: 13px;
    padding: 23px 20px;
  }

  .trend-lab-hero h1 {
    font-size: 36px;
  }

  .trend-lab-filter-heading, .trend-lab-overview > header, .trend-lab-chart-panel > header {
    flex-direction: column;
    align-items: stretch;
  }

  .trend-lab-filter-heading button {
    width: 100%;
  }

  .trend-lab-filter-grid, .trend-lab-kpis, .trend-lab-series-grid, .trend-lab-overview-layout .trend-lab-series-grid, .trend-lab-breakdown-list, .trend-lab-insights {
    grid-template-columns: 1fr;
  }

  .trend-lab-overview, .trend-lab-filters {
    padding: 16px;
  }

  .trend-lab-chart-panel > header > div:last-child {
    text-align: left;
  }

  .trend-lab-chart {
    height: 315px;
  }

  .trend-lab-chart-panel > footer small {
    width: 100%;
    margin-left: 0;
  }

  .trend-lab-boundary {
    grid-template-columns: 1fr;
  }

  .trend-lab-boundary > aside {
    grid-column: auto;
  }

  .trend-lab-date-table > div {
    overflow-x: auto;
  }

  .trend-lab-date-table table {
    min-width: 600px;
  }
}

.production-gate.ready {
  color: #235e45;
  background: #f0faf5;
  border-color: #acd2bd #acd2bd #acd2bd #33845d;
}

.production-gate.setup {
  color: #775415;
  background: #fffaf0;
  border-color: #e0c58c #e0c58c #e0c58c #ca8c1d;
}

.production-score.ready {
  background: #0f7651;
  border-color: #85d3aa;
}

.launch-mode-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.launch-mode-grid article {
  background: #fff;
  border: 1px solid #ccd8e1;
  border-radius: 9px;
  gap: 10px;
  padding: 13px;
  display: flex;
}

.launch-mode-grid article > svg {
  flex: none;
  width: 23px;
}

.launch-mode-grid article span {
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 7px;
  font-weight: 900;
  display: block;
}

.launch-mode-grid article h3 {
  color: #28475f;
  margin: 3px 0;
  font-size: 12px;
}

.launch-mode-grid article p {
  color: #6b7d8b;
  margin: 0;
  font-size: 8px;
  line-height: 1.45;
}

.launch-mode-grid .ready {
  background: #f2faf6;
  border-color: #afd4c0;
}

.launch-mode-grid .ready > svg, .launch-mode-grid .ready span {
  color: #2d825b;
}

.launch-mode-grid .current {
  background: #fffaf0;
  border-color: #dfc485;
}

.launch-mode-grid .current > svg, .launch-mode-grid .current span {
  color: #9a6813;
}

.launch-mode-grid .blocked {
  background: #f3f6f8;
}

.launch-mode-grid .blocked > svg, .launch-mode-grid .blocked span {
  color: #687b8a;
}

.production-tracks article.verified {
  border-top-color: #3b9167;
}

.production-tracks article.verified header > svg, .production-tracks article.verified header > b {
  color: #2f825c;
}

.production-tracks article.verified > p {
  color: #5f756a;
  border-top: 1px solid #e0e8e4;
  margin: 10px 0 0;
  padding-top: 8px;
  font-size: 8px;
  line-height: 1.45;
}

.pilot-checklist .panel-head {
  align-items: center;
}

.pilot-checklist-actions {
  gap: 7px;
  display: flex;
}

.pilot-checklist-progress {
  background: #f4f9fc;
  border: 1px solid #c8d9e4;
  border-radius: 8px;
  grid-template-columns: minmax(210px, .7fr) minmax(280px, 1.3fr);
  align-items: center;
  gap: 14px;
  margin-bottom: 11px;
  padding: 11px 12px;
  display: grid;
}

.pilot-checklist-progress span, .pilot-checklist-progress b {
  display: block;
}

.pilot-checklist-progress span {
  color: #6b8090;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 900;
}

.pilot-checklist-progress b {
  color: #264b66;
  margin-top: 3px;
  font-size: 11px;
}

.pilot-checklist-progress [role="progressbar"] {
  height: 7px;
}

.pilot-checklist-items {
  gap: 8px;
  display: grid;
}

.pilot-checklist-items label {
  cursor: pointer;
  background: #fffaf0;
  border: 1px solid #ddc994;
  border-radius: 8px;
  gap: 10px;
  padding: 11px;
  display: flex;
  position: relative;
}

.pilot-checklist-items label.complete {
  background: #f2faf6;
  border-color: #b7d9c6;
}

.pilot-checklist-items input {
  opacity: 0;
  pointer-events: none;
  position: absolute;
}

.pilot-checklist-items i {
  color: #fff;
  background: #d4a542;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.pilot-checklist-items .complete i {
  background: #369168;
}

.pilot-checklist-items p {
  margin: 0;
}

.pilot-checklist-items b, .pilot-checklist-items span, .pilot-checklist-items small {
  display: block;
}

.pilot-checklist-items b {
  color: #2b4b62;
  font-size: 10px;
}

.pilot-checklist-items span {
  color: #657987;
  margin-top: 3px;
  font-size: 8px;
  line-height: 1.45;
}

.pilot-checklist-items small {
  color: #7b6a44;
  margin-top: 5px;
  font-size: 7px;
  font-weight: 800;
}

.pilot-checklist-items .complete small {
  color: #4f765f;
}

@media (max-width: 900px) {
  .launch-mode-grid, .pilot-checklist-progress {
    grid-template-columns: 1fr;
  }

  .pilot-checklist-actions {
    width: 100%;
    margin-top: 8px;
  }

  .pilot-checklist .panel-head {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (max-width: 620px) {
  .pilot-checklist-actions {
    flex-direction: column;
  }

  .pilot-checklist-actions button {
    width: 100%;
  }
}

.command-main-grid {
  grid-template-columns: minmax(0, 1fr) 325px;
  align-items: start;
  gap: 14px;
  display: grid;
}

.command-asset-twin, .command-assessment-rail > section, .command-evidence-path, .command-action-preview, .command-improvement-card {
  background: #fbfdfe;
  border: 1px solid #cad8e2;
  border-radius: 14px;
  box-shadow: 0 10px 28px #0a273b10;
}

.command-asset-twin {
  min-width: 0;
  overflow: hidden;
}

.command-asset-twin > header {
  background: linear-gradient(#fff, #f6fafc);
  border-bottom: 1px solid #d7e1e7;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding: 18px 20px;
  display: flex;
}

.command-asset-twin > header span {
  color: #4284a4;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.command-asset-twin > header h2 {
  color: #173750;
  margin: 4px 0;
  font-size: 20px;
}

.command-asset-twin > header p {
  color: #738694;
  max-width: 590px;
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
}

.graph-layer-controls {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 5px;
  display: flex;
}

.graph-layer-controls button {
  color: #738695;
  text-transform: capitalize;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ccd8e0;
  border-radius: 7px;
  align-items: center;
  gap: 4px;
  padding: 6px 8px;
  font-size: 9px;
  font-weight: 850;
  display: flex;
}

.graph-layer-controls button svg {
  width: 12px;
}

.graph-layer-controls button.active {
  color: #176482;
  background: #e6f5fa;
  border-color: #72b6ca;
  box-shadow: inset 0 0 0 1px #b8e2ed;
}

.command-flow-canvas {
  background-color: #f7fafc;
  background-image: radial-gradient(circle at 50% 42%, #d9eff76b, #0000 45%), linear-gradient(#e9eff350 1px, #0000 1px), linear-gradient(90deg, #e9eff350 1px, #0000 1px), none;
  background-position: 0 0, 0 0, 0 0, 0 0;
  background-repeat: repeat, repeat, repeat, repeat;
  background-size: auto, 24px 24px, 24px 24px;
  background-attachment: scroll, scroll, scroll, scroll;
  background-origin: padding-box, padding-box, padding-box, padding-box;
  background-clip: border-box, border-box, border-box, border-box;
  min-height: 315px;
  padding: 30px 20px 22px;
  overflow-x: auto;
}

.command-flow-canvas .dashboard-process-lane {
  min-width: 790px;
}

.command-asset-twin > footer {
  color: #657b8b;
  background: #f4f8fa;
  border-top: 1px solid #dce5ea;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px;
  padding: 11px 17px;
  font-size: 9px;
  display: flex;
}

.command-asset-twin > footer span, .command-asset-twin > footer b, .command-asset-twin > footer em {
  align-items: center;
  gap: 6px;
  display: flex;
}

.command-asset-twin > footer i {
  background: #277c9e;
  width: 18px;
  height: 2px;
}

.command-asset-twin > footer i.dashed {
  background: repeating-linear-gradient(90deg, #7b92a0 0 4px, #0000 4px 7px);
}

.command-asset-twin > footer b {
  color: #245d79;
  margin-left: auto;
}

.command-asset-twin > footer svg {
  width: 13px;
}

.command-asset-twin > footer em {
  color: #7b6f54;
  font-style: normal;
}

.command-asset-twin.flow-active .dashboard-process-step > svg, .command-asset-twin.flow-active .dashboard-sales-arrow {
  filter: drop-shadow(0 0 4px #3bbbd0);
  animation: 2.1s ease-in-out infinite commandFlowPulse;
}

@keyframes commandFlowPulse {
  0%, 100% {
    opacity: .48;
    transform: translateX(-2px);
  }

  50% {
    opacity: 1;
    transform: translateX(2px);
  }
}

.dashboard-process-node.risk-layer.green {
  box-shadow: inset 0 -3px #39a876;
}

.dashboard-process-node.risk-layer.amber {
  box-shadow: inset 0 -3px #d69a25;
}

.dashboard-process-node.risk-layer.red {
  box-shadow: inset 0 -3px #d14c47;
}

.command-assessment-rail {
  gap: 12px;
  display: grid;
}

.command-assessment-rail > section {
  padding: 17px;
}

.command-assessment-rail header {
  align-items: center;
  gap: 9px;
  display: flex;
}

.command-assessment-rail header > svg {
  color: #3c85a8;
  width: 22px;
}

.command-assessment-rail header span, .command-assessment-rail header b {
  display: block;
}

.command-assessment-rail header span {
  color: #668092;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.command-assessment-rail header b {
  color: #173b55;
  margin-top: 2px;
  font-size: 13px;
}

.command-assessment-card {
  border-top-width: 4px !important;
}

.command-assessment-card.green {
  border-top-color: #3ba171;
}

.command-assessment-card.amber {
  border-top-color: #cf9226;
}

.command-assessment-card.red {
  border-top-color: #d04c48;
}

.command-assessment-card.gray {
  border-top-color: #83939e;
}

.command-assessment-card > p {
  color: #667e8f;
  margin: 12px 0;
  font-size: 11px;
  line-height: 1.55;
}

.command-assessment-card dl {
  margin: 0;
}

.command-assessment-card dl div {
  border-top: 1px solid #e3eaee;
  grid-template-columns: .85fr 1.15fr;
  gap: 8px;
  padding: 7px 0;
  display: grid;
}

.command-assessment-card dt {
  color: #7e909c;
  font-size: 10px;
}

.command-assessment-card dd {
  color: #24445c;
  text-align: right;
  margin: 0;
  font-size: 10px;
  font-weight: 800;
}

.command-insight-card > div {
  gap: 7px;
  margin: 12px 0;
  display: grid;
}

.command-insight-card article {
  background: #fffaf1;
  border: 1px solid #ead8b1;
  border-radius: 8px;
  gap: 8px;
  padding: 9px;
  display: flex;
}

.command-insight-card article.clear {
  background: #f1faf5;
  border-color: #c6dfd1;
}

.command-insight-card article > i {
  color: #fff;
  background: #d79b2d;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 21px;
  height: 21px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.command-insight-card article.clear > i {
  background: #39946a;
}

.command-insight-card article p {
  margin: 0;
}

.command-insight-card article b, .command-insight-card article span {
  display: block;
}

.command-insight-card article b {
  color: #4d4a3e;
  font-size: 9px;
}

.command-insight-card article span {
  color: #817760;
  margin-top: 3px;
  font-size: 8px;
  line-height: 1.4;
}

.command-insight-card button {
  width: 100%;
}

.command-evidence-path {
  overflow: hidden;
}

.command-evidence-path > header {
  border-bottom: 1px solid #dce5ea;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 15px 18px;
  display: flex;
}

.command-evidence-path > header > div {
  align-items: center;
  gap: 9px;
  display: flex;
}

.command-evidence-path > header svg {
  color: #3f87a9;
  width: 21px;
}

.command-evidence-path > header b, .command-evidence-path > header small {
  display: block;
}

.command-evidence-path > header b {
  color: #173a53;
  font-size: 13px;
}

.command-evidence-path > header small {
  color: #7c8e9a;
  margin-top: 3px;
  font-size: 9px;
}

.command-evidence-path > header em {
  color: #536f81;
  background: #edf4f7;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 9px;
  font-style: normal;
  font-weight: 850;
}

.command-evidence-path > div {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 15px;
  display: grid;
}

.command-evidence-path article {
  background: #f4f7f9;
  border: 1px solid #d2dde4;
  border-radius: 9px;
  min-width: 0;
  padding: 10px 26px 10px 9px;
  position: relative;
}

.command-evidence-path article.ready {
  background: #eff9f4;
  border-color: #add6c0;
}

.command-evidence-path article.blocked {
  background: #f5f7f8;
  border-color: #d7dfe4;
}

.command-evidence-path article > i {
  color: #fff;
  background: #80929e;
  border-radius: 50%;
  place-items: center;
  width: 18px;
  height: 18px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.command-evidence-path article.ready > i {
  background: #3a946a;
}

.command-evidence-path article > span, .command-evidence-path article > b {
  display: block;
}

.command-evidence-path article > span {
  color: #708391;
  text-transform: uppercase;
  margin-top: 6px;
  font-size: 8px;
  font-weight: 900;
}

.command-evidence-path article > b {
  color: #29465a;
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.35;
}

.command-evidence-path article > svg {
  z-index: 2;
  color: #6e8797;
  background: #fbfdfe;
  border-radius: 50%;
  width: 18px;
  padding: 3px;
  position: absolute;
  top: 50%;
  right: -13px;
  transform: translateY(-50%);
}

.command-lower-grid {
  grid-template-columns: minmax(0, 1.25fr) minmax(310px, .75fr);
  gap: 14px;
  display: grid;
}

.command-action-preview, .command-improvement-card {
  overflow: hidden;
}

.command-action-preview > header {
  border-bottom: 1px solid #dce5ea;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 17px;
  display: flex;
}

.command-action-preview > header > div {
  align-items: center;
  gap: 9px;
  display: flex;
}

.command-action-preview > header svg, .command-improvement-card > header > svg {
  color: #3d87a8;
  width: 22px;
}

.command-action-preview > header b, .command-action-preview > header small {
  display: block;
}

.command-action-preview > header b {
  color: #1b3c54;
  font-size: 13px;
}

.command-action-preview > header small {
  color: #7e8e99;
  margin-top: 2px;
  font-size: 9px;
}

.command-action-preview > div > article {
  border-top: 1px solid #e3e9ed;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  padding: 13px 17px;
  display: grid;
}

.command-action-preview > div > article:first-child {
  border-top: 0;
}

.command-action-preview article > i {
  color: #247594;
  background: #e4f1f6;
  border-radius: 7px;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.command-action-preview article > div > span {
  color: #708694;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.command-action-preview article > div > b {
  color: #1e3e55;
  margin-top: 2px;
  font-size: 11px;
  display: block;
}

.command-action-preview article p {
  color: #6c7f8d;
  margin: 3px 0;
  font-size: 9px;
}

.command-action-preview article small {
  color: #456b83;
  font-size: 8px;
  font-weight: 700;
}

.command-action-preview article > em {
  color: #657b88;
  background: #edf1f3;
  border-radius: 99px;
  padding: 5px 7px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.command-action-preview article > em.execute {
  color: #277654;
  background: #e1f4ea;
}

.command-action-preview article > em.engineering_approval {
  color: #92600c;
  background: #fff1d6;
}

.command-improvement-card {
  padding: 17px;
}

.command-improvement-card > header {
  align-items: flex-start;
  gap: 10px;
  display: flex;
}

.command-improvement-card > header span, .command-improvement-card > header b {
  display: block;
}

.command-improvement-card > header span {
  color: #4381a0;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.command-improvement-card > header b {
  color: #193b54;
  margin-top: 3px;
  font-size: 13px;
}

.command-improvement-card > p {
  color: #647d8e;
  margin: 13px 0;
  font-size: 10px;
  line-height: 1.55;
}

.command-improvement-card dl {
  margin: 0;
}

.command-improvement-card dl div {
  border-top: 1px solid #e1e8ec;
  padding: 7px 0;
}

.command-improvement-card dt {
  color: #7a8d99;
  text-transform: uppercase;
  font-size: 8px;
}

.command-improvement-card dd {
  color: #294c63;
  margin: 3px 0 0;
  font-size: 9px;
  font-weight: 800;
  line-height: 1.4;
}

.command-improvement-card button {
  width: 100%;
  margin-top: 12px;
}

.action-center {
  gap: 14px;
  display: grid;
}

.action-center-hero {
  color: #fff;
  background: radial-gradient(circle at 80% -30%, #1b6686, #0000 43%), linear-gradient(120deg, #071824, #0b2b40);
  border: 1px solid #183e55;
  border-radius: 18px;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 20px;
  padding: 25px;
  display: grid;
}

.action-center-hero > div:first-child > span {
  color: #61c2d9;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.action-center-hero h1 {
  letter-spacing: -.04em;
  margin: 5px 0;
  font-size: 35px;
}

.action-center-hero p {
  color: #9cb4c0;
  max-width: 740px;
  margin: 0;
  font-size: 12px;
  line-height: 1.55;
}

.action-center-view {
  background: #020b1280;
  border: 1px solid #ffffff25;
  border-radius: 11px;
  padding: 4px;
  display: flex;
}

.action-center-view button {
  color: #7895a3;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  display: flex;
}

.action-center-view button.active {
  color: #174663;
  background: #eaf7fb;
}

.action-center-view svg {
  width: 18px;
}

.action-center-view b, .action-center-view small {
  text-align: left;
  display: block;
}

.action-center-view b {
  font-size: 11px;
}

.action-center-view small {
  opacity: .72;
  margin-top: 1px;
  font-size: 8px;
}

.action-center-context {
  color: #526e81;
  background: #f8fbfc;
  border: 1px solid #cad8e1;
  border-radius: 10px;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  font-size: 10px;
  display: flex;
}

.action-center-context > span {
  font-weight: 850;
}

.action-center-context > b {
  text-transform: uppercase;
  border-radius: 99px;
  padding: 4px 6px;
  font-size: 8px;
}

.action-center-context > b.verified {
  color: #247250;
  background: #dcf3e7;
}

.action-center-context > b.preview {
  color: #657987;
  background: #e9eef1;
}

.action-center-context > em {
  color: #7c6638;
  align-items: center;
  gap: 5px;
  margin-left: auto;
  font-style: normal;
  display: flex;
}

.action-center-context svg {
  width: 12px;
}

.action-center-kpis article.blocked {
  border-color: #e2c9be;
}

.action-center-kpis article.blocked > svg {
  color: #bd5d46;
}

.action-center-kpis article.clear > svg {
  color: #338b63;
}

.action-register .panel-head {
  align-items: center;
}

.action-register-tools {
  gap: 7px;
  display: flex;
}

.action-register-list {
  gap: 11px;
  display: grid;
}

.action-register-item {
  background: #fff;
  border: 1px solid #d3dde4;
  border-left: 4px solid #4c8ba9;
  border-radius: 11px;
  overflow: hidden;
}

.action-register-item.engineering_approval {
  border-left-color: #d79b2f;
}

.action-register-item.blocked {
  border-left-color: #bf5b50;
}

.action-register-item > header {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 11px;
  padding: 14px;
  display: grid;
}

.action-register-item > header > i {
  color: #267997;
  background: #e8f3f7;
  border-radius: 8px;
  place-items: center;
  width: 28px;
  height: 28px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.action-register-item > header span {
  color: #6c8190;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.action-register-item > header h2 {
  color: #203f56;
  margin: 3px 0;
  font-size: 13px;
}

.action-register-item > header p {
  color: #6e818e;
  margin: 0;
  font-size: 9px;
}

.action-register-item > header > b {
  color: #5f7584;
  text-transform: uppercase;
  background: #eef3f5;
  border-radius: 99px;
  padding: 4px 7px;
  font-size: 8px;
}

.action-reason {
  background: #f1f8fb;
  border: 1px solid #d7e7ef;
  border-radius: 8px;
  gap: 8px;
  margin: 0 14px;
  padding: 9px 10px;
  display: flex;
}

.action-reason > svg {
  color: #4b8fae;
  flex: none;
  width: 16px;
}

.action-reason p {
  margin: 0;
}

.action-reason span, .action-reason b {
  display: block;
}

.action-reason span {
  color: #578099;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 900;
}

.action-reason b {
  color: #31536a;
  margin-top: 2px;
  font-size: 9px;
  line-height: 1.4;
}

.action-register-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  display: grid;
}

.action-register-fields label.wide {
  grid-column: 1 / -1;
}

.action-register-fields label > span {
  color: #536f81;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: 8px;
  font-weight: 850;
  display: block;
}

.action-register-fields input, .action-register-fields select, .action-register-fields textarea {
  color: #24445b;
  width: 100%;
  font: inherit;
  background: #fff;
  border: 1px solid #c8d5dd;
  border-radius: 7px;
  padding: 8px 9px;
  font-size: 10px;
}

.action-register-fields textarea {
  resize: vertical;
}

.action-register-item > footer {
  color: #617888;
  background: #f6f9fa;
  border-top: 1px solid #e1e8ec;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  font-size: 8px;
  display: flex;
}

.action-register-item > footer span, .action-register-item > footer b {
  align-items: center;
  gap: 5px;
  display: flex;
}

.action-register-item > footer svg {
  width: 13px;
}

.action-register-item > footer b {
  color: #846a35;
}

.action-register-empty {
  color: #627a8b;
  align-items: center;
  gap: 11px;
  padding: 25px;
  display: flex;
}

.action-register-empty svg {
  width: 25px;
}

.action-register-empty b, .action-register-empty span {
  display: block;
}

.action-register-empty span {
  margin-top: 3px;
  font-size: 9px;
}

.pilot-checklist-items.guided > article {
  background: #fff;
  border: 1px solid #d5dee4;
  border-radius: 10px;
  overflow: hidden;
}

.pilot-checklist-items.guided > article.ready {
  background: #fffdf8;
  border-color: #dec98c;
}

.pilot-checklist-items.guided > article.complete {
  background: #f6fcf8;
  border-color: #afd6c0;
}

.pilot-checklist-items.guided article > header {
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  padding: 12px;
  display: grid;
}

.pilot-checklist-items.guided article > header > i {
  color: #fff;
  background: #899aa5;
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.pilot-checklist-items.guided article.ready > header > i {
  background: #d4a23b;
}

.pilot-checklist-items.guided article.complete > header > i {
  background: #369268;
}

.pilot-checklist-items.guided article > header p {
  margin: 0;
}

.pilot-checklist-items.guided article > header p > b, .pilot-checklist-items.guided article > header p > span, .pilot-checklist-items.guided article > header p > small {
  display: block;
}

.pilot-checklist-items.guided article > header p > b {
  color: #29495f;
  font-size: 10px;
}

.pilot-checklist-items.guided article > header p > span {
  color: #687c8a;
  margin-top: 3px;
  font-size: 8px;
}

.pilot-checklist-items.guided article > header p > small {
  color: #7e8e98;
  margin-top: 4px;
  font-size: 7px;
}

.pilot-attestation {
  background: none !important;
  border: 0 !important;
  padding: 0 !important;
  display: block !important;
  position: relative !important;
}

.pilot-attestation input {
  opacity: 0;
  position: absolute;
}

.pilot-attestation span {
  white-space: nowrap;
  background: #edf2f5;
  border: 1px solid #ccd7de;
  border-radius: 7px;
  padding: 7px 9px;
  color: #738692 !important;
  margin: 0 !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  display: block !important;
}

.pilot-attestation input:not(:disabled) + span {
  cursor: pointer;
  background: #fff5d9;
  border-color: #d7b75f;
  color: #80601a !important;
}

.complete .pilot-attestation span {
  color: #276c4d !important;
  background: #e1f5e9 !important;
  border-color: #9dcdb3 !important;
}

.pilot-evidence-fields {
  background: #f7fafb;
  border-top: 1px solid #e3e9ed;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  padding: 12px;
  display: grid;
}

.pilot-evidence-fields label.wide {
  grid-column: 1 / -1;
}

.pilot-evidence-fields label > span {
  color: #526e80;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: 7px;
  font-weight: 900;
  display: block;
}

.pilot-evidence-fields input, .pilot-evidence-fields textarea {
  color: #24435a;
  width: 100%;
  font: inherit;
  background: #fff;
  border: 1px solid #c7d4dc;
  border-radius: 7px;
  padding: 8px 9px;
  font-size: 9px;
}

.pilot-evidence-fields textarea {
  resize: vertical;
}

@media (max-width: 1280px) {
  .intelligence-shell {
    grid-template-columns: 228px minmax(0, 1fr);
  }

  .intelligence-topbar {
    grid-template-columns: minmax(330px, 1fr) auto;
  }

  .intelligence-identity {
    display: none;
  }

  .command-status-hero {
    grid-template-columns: minmax(250px, .75fr) minmax(330px, 1.25fr);
  }

  .command-identity-card {
    grid-column: 1 / -1;
  }

  .command-identity-card dl {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 18px;
    display: grid;
  }

  .command-main-grid {
    grid-template-columns: 1fr;
  }

  .command-assessment-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .intelligence-shell {
    display: block !important;
  }

  .intelligence-sidebar {
    height: auto;
    position: relative;
    overflow: visible;
  }

  .intelligence-brand {
    padding: 14px 18px;
  }

  .intelligence-brand > span {
    width: 37px;
    height: 37px;
  }

  .intelligence-brand b {
    font-size: 19px;
  }

  .intelligence-sidebar nav {
    gap: 8px;
    padding: 10px 12px;
    display: flex;
    overflow-x: auto;
  }

  .intelligence-nav-group {
    flex: none;
  }

  .intelligence-nav-group > span {
    display: none;
  }

  .intelligence-nav-group [data-slot="tabs-list"] {
    display: flex;
  }

  .intelligence-nav-group [data-slot="tabs-trigger"] {
    width: auto;
    min-height: 36px;
    padding: 0 10px;
  }

  .intelligence-sidebar > footer {
    display: none;
  }

  .intelligence-topbar {
    grid-template-columns: 1fr auto;
    top: 0;
  }

  .command-status-hero {
    grid-template-columns: 1fr;
  }

  .command-status-signal, .command-hero-copy, .command-identity-card {
    grid-column: auto;
  }

  .command-identity-card dl, .command-intelligence-facets, .action-center-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .command-lower-grid, .action-center-hero {
    grid-template-columns: 1fr;
  }

  .command-evidence-path > div {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .command-evidence-path article > svg {
    inset: auto auto -13px 50%;
    transform: translateX(-50%) rotate(90deg);
  }

  .action-register-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .intelligence-content {
    padding: 14px 11px 50px;
  }

  .intelligence-topbar {
    grid-template-columns: 1fr;
    padding: 11px;
    position: relative;
  }

  .intelligence-context > div {
    flex-direction: column;
    align-items: stretch;
  }

  .intelligence-context > div > svg {
    display: none;
  }

  .intelligence-context label {
    min-width: 0;
  }

  .global-view-switch {
    width: 100%;
  }

  .global-view-switch button {
    flex: 1;
    min-width: 0;
  }

  .command-status-hero {
    border-radius: 14px;
    padding: 18px;
  }

  .command-status-signal h1 {
    font-size: 21px;
  }

  .command-hero-copy h2 {
    font-size: 30px;
  }

  .command-identity-card dl, .command-intelligence-facets, .action-center-kpis, .command-assessment-rail {
    grid-template-columns: 1fr;
  }

  .command-asset-twin > header, .command-action-preview > header, .command-evidence-path > header {
    flex-direction: column;
    align-items: stretch;
  }

  .graph-layer-controls {
    justify-content: flex-start;
  }

  .command-flow-canvas {
    padding-inline: 10px;
  }

  .command-asset-twin > footer b {
    margin-left: 0;
  }

  .action-center-hero {
    padding: 19px;
  }

  .action-center-view {
    width: 100%;
  }

  .action-center-view button {
    flex: 1;
  }

  .action-register .panel-head {
    flex-direction: column;
    align-items: stretch;
  }

  .action-register-tools {
    flex-direction: column;
  }

  .action-register-fields, .pilot-evidence-fields {
    grid-template-columns: 1fr;
  }

  .action-register-fields label.wide, .pilot-evidence-fields label.wide {
    grid-column: auto;
  }

  .action-register-item > footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .pilot-checklist-items.guided article > header {
    grid-template-columns: auto 1fr;
  }

  .pilot-attestation {
    grid-column: 2;
  }

  .command-action-preview > div > article {
    grid-template-columns: auto 1fr;
  }

  .command-action-preview article > em {
    grid-column: 2;
    width: max-content;
  }
}

.modeling-lab {
  color: #17354b;
  gap: 16px;
  display: grid;
}

.modeling-hero {
  color: #dcebf1;
  background: radial-gradient(circle at 82% -40%, #237a9380 0, #0000 48%), linear-gradient(120deg, #061724, #0a2b3e 62%, #0e3b50);
  border: 1px solid #194961;
  border-radius: 20px;
  grid-template-columns: minmax(0, 1.6fr) minmax(280px, .6fr);
  align-items: center;
  gap: 24px;
  padding: 26px 28px;
  display: grid;
  box-shadow: 0 22px 55px #06182724;
}

.modeling-hero > div > span {
  color: #62c7de;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.modeling-hero h1 {
  color: #fff;
  letter-spacing: -.045em;
  margin: 5px 0 7px;
  font-size: clamp(30px, 4vw, 46px);
}

.modeling-hero p {
  color: #a3bac5;
  max-width: 820px;
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

.modeling-hero aside {
  background: #020c1480;
  border: 1px solid #ffffff1d;
  border-radius: 13px;
  padding: 17px;
}

.modeling-hero aside b, .modeling-hero aside span, .modeling-hero aside small {
  display: block;
}

.modeling-hero aside b {
  color: #67c7dc;
  text-transform: uppercase;
  font-size: 12px;
}

.modeling-hero aside span {
  color: #e5f1f5;
  margin-top: 7px;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.5;
}

.modeling-hero aside small {
  color: #8ea9b5;
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.45;
}

.reasoning-stack {
  align-items: stretch;
  padding: 4px 1px;
  display: flex;
  overflow-x: auto;
}

.reasoning-step {
  flex: 1 0 205px;
  align-items: center;
  display: flex;
}

.reasoning-step > article {
  background: #fbfdfe;
  border: 1px solid #c7d7e0;
  border-top: 4px solid #3f94b1;
  border-radius: 12px;
  flex: 1;
  grid-template-columns: auto 1fr;
  gap: 5px 10px;
  min-width: 180px;
  padding: 14px;
  display: grid;
  box-shadow: 0 8px 22px #0d2a3d0d;
}

.reasoning-step > article > svg {
  color: #3285a3;
  grid-row: 1 / 4;
  width: 22px;
}

.reasoning-step span, .reasoning-step b, .reasoning-step small {
  display: block;
}

.reasoning-step span {
  color: #587386;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.reasoning-step b {
  color: #173a52;
  font-size: 13px;
  line-height: 1.35;
}

.reasoning-step small {
  color: #368363;
  font-size: 12px;
  font-weight: 800;
}

.reasoning-step > svg {
  color: #86a1b1;
  flex: none;
  width: 18px;
  margin: 0 5px;
}

.modeling-primary-grid, .modeling-secondary-grid {
  grid-template-columns: minmax(0, 1.55fr) minmax(340px, .65fr);
  gap: 16px;
  display: grid;
}

.model-card {
  background: #fff;
  border: 1px solid #c8d7e0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 11px 28px #0d2b3e0e;
}

.model-card > header {
  background: #f9fbfc;
  border-bottom: 1px solid #dce5ea;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 15px 17px;
  display: flex;
}

.model-card > header > div {
  align-items: center;
  gap: 9px;
  display: flex;
}

.model-card > header svg {
  color: #277f9e;
  width: 21px;
}

.model-card > header span, .model-card > header b, .model-card > header small {
  display: block;
}

.model-card > header b {
  font-size: 15px;
}

.model-card > header small {
  color: #718692;
  margin-top: 2px;
  font-size: 12px;
}

.model-card > header em {
  color: #2b7690;
  text-transform: capitalize;
  background: #e5f3f7;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.model-card > header em.blocked {
  color: #687984;
  background: #edf0f2;
}

.model-card > header em.high, .model-card > header em.moderate {
  color: #247251;
  background: #dff4e8;
}

.model-card > header em.low {
  color: #805e16;
  background: #fff0cb;
}

.model-controls {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 15px 17px;
  display: grid;
}

.model-controls > label > span, .model-controls > div > span, .roi-inputs label > span {
  color: #5b7384;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 12px;
  font-weight: 850;
  display: block;
}

.model-controls select, .model-controls input {
  color: #17394f;
  background: #fff;
  border: 1px solid #bfd0da;
  border-radius: 8px;
  width: 100%;
  height: 39px;
}

.model-segmented {
  background: #edf3f6;
  border: 1px solid #bfd0da;
  border-radius: 8px;
  height: 39px;
  padding: 3px;
  display: flex;
}

.model-segmented button, .scenario-tabs button {
  color: #627b8b;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 6px;
  flex: 1;
  font-size: 12px;
  font-weight: 800;
}

.model-segmented button.active, .scenario-tabs button.active {
  color: #fff;
  background: #0c3850;
  box-shadow: 0 4px 10px #0b2b3e25;
}

.prediction-output {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0 17px 15px;
  display: grid;
}

.prediction-output article {
  background: #f8fbfc;
  border: 1px solid #d7e2e8;
  border-radius: 11px;
  padding: 14px;
}

.prediction-output span, .prediction-output b, .prediction-output small {
  display: block;
}

.prediction-output span {
  color: #658091;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.prediction-output b {
  color: #143950;
  margin-top: 6px;
  font-size: 18px;
}

.prediction-output small {
  color: #718691;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.4;
}

.model-boundary {
  color: #79591d;
  background: #fff8e7;
  border-top: 1px solid #e7d39d;
  gap: 9px;
  padding: 12px 16px;
  display: flex;
}

.model-boundary svg {
  flex: none;
  width: 18px;
}

.model-boundary span {
  font-size: 12px;
  line-height: 1.5;
}

.model-boundary b {
  margin-right: 5px;
}

.scenario-tabs {
  background: #edf3f6;
  border: 1px solid #cad8e0;
  border-radius: 9px;
  gap: 5px;
  margin: 15px 15px 0;
  padding: 4px;
  display: flex;
}

.scenario-tabs button {
  padding: 8px;
}

.scenario-context {
  padding: 17px;
}

.scenario-context > span {
  color: #5a7789;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.scenario-context h2 {
  color: #173b52;
  margin: 5px 0 4px;
  font-size: 21px;
}

.scenario-context > p {
  color: #6a7f8c;
  margin: 0 0 13px;
  font-size: 13px;
}

.scenario-context > div {
  gap: 7px;
  display: grid;
}

.scenario-context > div b {
  color: #365b70;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  display: flex;
}

.scenario-context > div svg {
  color: #369369;
  width: 15px;
}

.scenario-context footer, .community-reasoning-card > footer {
  background: #f5f9fa;
  border: 1px solid #d6e2e8;
  border-radius: 10px;
  gap: 9px;
  margin-top: 15px;
  padding: 12px;
  display: flex;
}

.scenario-context footer > svg, .community-reasoning-card > footer > svg {
  color: #34819d;
  flex: none;
  width: 19px;
}

.scenario-context footer b, .scenario-context footer small, .community-reasoning-card > footer b, .community-reasoning-card > footer small {
  display: block;
}

.scenario-context footer b, .community-reasoning-card > footer b {
  font-size: 12px;
}

.scenario-context footer small, .community-reasoning-card > footer small {
  color: #6e8390;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.4;
}

.roi-layout {
  grid-template-columns: minmax(360px, .7fr) minmax(0, 1.3fr);
  gap: 15px;
  padding: 16px;
  display: grid;
}

.roi-inputs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 11px;
  display: grid;
}

.roi-inputs label > div {
  align-items: center;
  display: flex;
}

.roi-inputs input {
  border-radius: 8px 0 0 8px;
  min-width: 0;
}

.roi-inputs label > div > b {
  color: #5d7483;
  text-align: center;
  background: #eef3f5;
  border: 1px solid #c6d5dd;
  border-left: 0;
  border-radius: 0 8px 8px 0;
  align-self: stretch;
  place-items: center;
  min-width: 66px;
  padding: 0 8px;
  font-size: 12px;
  display: grid;
}

.roi-results {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.roi-results > article {
  background: #fbfdfe;
  border: 1px solid #cfdee5;
  border-top: 4px solid #5b94aa;
  border-radius: 12px;
  flex-direction: column;
  display: flex;
}

.roi-results > article:nth-child(2) {
  border-top-color: #278c67;
  box-shadow: 0 8px 24px #278c6716;
}

.roi-results > article > span {
  color: #3b657a;
  text-transform: uppercase;
  border-bottom: 1px solid #dfe7eb;
  padding: 11px 13px;
  font-size: 13px;
  font-weight: 900;
}

.roi-results > article > div {
  gap: 9px;
  padding: 12px;
  display: grid;
}

.roi-results p {
  margin: 0;
}

.roi-results p small, .roi-results p b {
  display: block;
}

.roi-results p small {
  color: #728693;
  font-size: 12px;
}

.roi-results p b {
  color: #15394e;
  margin-top: 2px;
  font-size: 15px;
}

.roi-results p b.positive {
  color: #237952;
}

.roi-results p b.negative {
  color: #b14d45;
}

.roi-results article > footer {
  color: #527182;
  background: #f2f7f8;
  border-top: 1px solid #dfe7eb;
  margin-top: auto;
  padding: 10px 12px;
  font-size: 12px;
  font-weight: 800;
}

.model-empty {
  color: #6d818d;
  text-align: center;
  border: 1px dashed #c5d3db;
  border-radius: 12px;
  place-items: center;
  min-height: 250px;
  font-size: 14px;
  display: grid;
}

.community-signal-list {
  gap: 8px;
  padding: 13px;
  display: grid;
}

.community-signal-list article {
  background: #fbfcfd;
  border: 1px solid #d6e1e7;
  border-radius: 10px;
  gap: 10px;
  padding: 11px;
  display: flex;
}

.community-signal-list article > svg {
  color: #377f9a;
  flex: none;
  width: 18px;
}

.community-signal-list span, .community-signal-list b, .community-signal-list small {
  display: block;
}

.community-signal-list span {
  color: #5f8193;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.community-signal-list b {
  color: #21465b;
  margin-top: 4px;
  font-size: 13px;
}

.community-signal-list small {
  color: #748791;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.4;
}

.community-reasoning-card > footer {
  margin: 0 13px 13px;
}

.calculator-bridge-card > div {
  background: #f7fafb;
  border: 1px solid #d6e2e8;
  border-radius: 11px;
  gap: 11px;
  margin: 13px 15px 0;
  padding: 13px;
  display: flex;
}

.calculator-bridge-card > div > svg {
  color: #2f819d;
  flex: none;
  width: 21px;
}

.calculator-bridge-card > div b, .calculator-bridge-card > div small {
  display: block;
}

.calculator-bridge-card > div b {
  font-size: 13px;
}

.calculator-bridge-card > div small {
  color: #6f8390;
  margin-top: 4px;
  font-size: 12px;
  line-height: 1.45;
}

.calculator-bridge-card > button {
  width: calc(100% - 30px);
  margin: 15px;
}

.modeling-loading {
  background: #fff;
  border: 1px solid #cbd9e1;
  border-radius: 16px;
  align-items: center;
  gap: 12px;
  min-height: 220px;
  padding: 25px;
  display: flex;
}

.modeling-loading > svg {
  color: #2f829e;
  width: 26px;
}

.modeling-loading b, .modeling-loading small {
  display: block;
}

.modeling-loading small {
  color: #718692;
  margin-top: 4px;
}

@media (max-width: 1180px) {
  .modeling-primary-grid, .modeling-secondary-grid, .roi-layout {
    grid-template-columns: 1fr;
  }

  .reasoning-step {
    flex-basis: 190px;
  }
}

@media (max-width: 760px) {
  .modeling-hero {
    grid-template-columns: 1fr;
    padding: 20px;
  }

  .model-controls, .prediction-output, .roi-results, .roi-inputs {
    grid-template-columns: 1fr;
  }

  .reasoning-step {
    flex-basis: 170px;
  }

  .reasoning-step > article {
    min-width: 150px;
  }
}

.kpi-authority-order {
  background: radial-gradient(circle at 100% 0, #d9f2f6 0, #0000 32%), linear-gradient(135deg, #f5fbfc, #edf6f8);
  border: 1px solid #b9d8e2;
  border-radius: 15px;
  margin-bottom: 14px;
  padding: 18px;
  box-shadow: 0 12px 30px #0e405a12;
}

.kpi-authority-order > header {
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.kpi-authority-order > header > svg {
  color: #247b98;
  flex: none;
  width: 25px;
}

.kpi-authority-order span, .kpi-authority-order h3, .kpi-authority-order p {
  display: block;
}

.kpi-authority-order > header span {
  color: #3a7891;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

.kpi-authority-order h3 {
  color: #143c52;
  margin: 3px 0 4px;
  font-size: 18px;
}

.kpi-authority-order p {
  color: #6a7f8a;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.kpi-authority-order ol {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin: 15px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.kpi-authority-order li {
  color: #345668;
  background: #fff;
  border: 1px solid #cbdde4;
  border-radius: 10px;
  align-items: center;
  gap: 8px;
  padding: 10px;
  font-size: 12px;
  font-weight: 800;
  display: flex;
}

.kpi-authority-order li i {
  color: #8ed9e7;
  background: #123e55;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 22px;
  height: 22px;
  font-size: 11px;
  font-style: normal;
  display: grid;
}

.kpi-fallback-library {
  background: #fff;
  border: 1px solid #cad8e0;
  border-radius: 14px;
  margin-bottom: 14px;
  overflow: hidden;
}

.kpi-fallback-library > summary {
  cursor: pointer;
  background: #f8fbfc;
  justify-content: space-between;
  align-items: center;
  padding: 14px 16px;
  list-style: none;
  display: flex;
}

.kpi-fallback-library > summary::-webkit-details-marker {
  display: none;
}

.kpi-fallback-library > summary > span {
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 10px;
  display: grid;
}

.kpi-fallback-library > summary svg {
  color: #2f819e;
  grid-row: 1 / 3;
  width: 21px;
}

.kpi-fallback-library > summary b, .kpi-fallback-library > summary small {
  display: block;
}

.kpi-fallback-library > summary b {
  color: #173c52;
  font-size: 14px;
}

.kpi-fallback-library > summary small {
  color: #778b96;
  margin-top: 2px;
  font-size: 11px;
}

.kpi-fallback-library > summary em {
  color: #3d7b91;
  text-transform: uppercase;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.kpi-fallback-content {
  border-top: 1px solid #d8e3e8;
  padding: 15px;
}

.kpi-fallback-intro {
  background: #fff9ec;
  border: 1px solid #efd7a4;
  border-radius: 10px;
  gap: 10px;
  padding: 12px;
  display: flex;
}

.kpi-fallback-intro > svg {
  color: #bd7c18;
  flex: none;
  width: 19px;
}

.kpi-fallback-intro b, .kpi-fallback-intro small {
  display: block;
}

.kpi-fallback-intro b {
  color: #5a481f;
  font-size: 13px;
}

.kpi-fallback-intro small {
  color: #847451;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.45;
}

.kpi-fallback-filters {
  flex-wrap: wrap;
  gap: 6px;
  margin: 12px 0;
  display: flex;
}

.kpi-fallback-filters button {
  color: #527080;
  cursor: pointer;
  background: #fff;
  border: 1px solid #c8d8e0;
  border-radius: 99px;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 800;
}

.kpi-fallback-filters button.active {
  color: #fff;
  background: #1a607b;
  border-color: #2e809c;
}

.kpi-fallback-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.kpi-fallback-grid article {
  background: #fbfdfe;
  border: 1px solid #d4e0e6;
  border-radius: 11px;
  min-width: 0;
  padding: 12px;
}

.kpi-fallback-grid article > header {
  grid-template-columns: 1fr auto;
  gap: 2px 8px;
  display: grid;
}

.kpi-fallback-grid article > header span {
  color: #47819a;
  letter-spacing: .1em;
  text-transform: uppercase;
  grid-column: 1 / -1;
  font-size: 9px;
  font-weight: 900;
}

.kpi-fallback-grid article > header b {
  color: #173a4f;
  font-size: 13px;
}

.kpi-fallback-grid article > header small {
  color: #83939c;
  font-size: 9px;
}

.kpi-fallback-grid article > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 4px;
  margin-top: 9px;
  display: grid;
}

.kpi-fallback-grid article > div span {
  color: #6b7b84;
  border-radius: 7px;
  padding: 6px;
  font-size: 9px;
  font-weight: 800;
}

.kpi-fallback-grid article > div span b {
  color: #254457;
  overflow-wrap: anywhere;
  margin-top: 2px;
  font-size: 10px;
  display: block;
}

.kpi-fallback-grid article > div span.low {
  background: #e8f7ef;
}

.kpi-fallback-grid article > div span.moderate {
  background: #fff4d8;
}

.kpi-fallback-grid article > div span.high, .kpi-fallback-grid article > div span.severe {
  background: #fbe5e2;
}

.kpi-fallback-grid article > div span i {
  background: #7b909b;
  border-radius: 50%;
  width: 5px;
  height: 5px;
  margin-right: 4px;
  display: inline-block;
}

.kpi-fallback-grid article > div span.low i {
  background: #2c9a67;
}

.kpi-fallback-grid article > div span.moderate i {
  background: #d69821;
}

.kpi-fallback-grid article > div span.high i, .kpi-fallback-grid article > div span.severe i {
  background: #d1544d;
}

.kpi-fallback-grid article > p {
  color: #6b7e88;
  min-height: 56px;
  margin: 9px 0 0;
  font-size: 10px;
  line-height: 1.4;
}

.kpi-fallback-grid article > p b {
  color: #405b6a;
  display: block;
}

.kpi-fallback-grid article > footer {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-top: 9px;
  display: flex;
}

.kpi-fallback-grid article > footer small {
  color: #768994;
  font-size: 10px;
}

.kpi-fallback-grid article > footer button {
  height: 29px;
  font-size: 10px;
}

.kpi-fallback-grid article > footer svg {
  width: 13px;
}

.field-diagnostics {
  gap: 14px;
  display: grid;
}

.diagnostic-authority {
  color: #d9ebf2;
  background: linear-gradient(110deg, #0b2639, #0d3b51);
  border: 1px solid #17607a;
  border-radius: 13px;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 13px 15px;
  display: flex;
  box-shadow: 0 14px 34px #0b263922;
}

.diagnostic-authority > div {
  align-items: center;
  gap: 11px;
  display: flex;
}

.diagnostic-authority svg {
  color: #6ed3e5;
  width: 23px;
}

.diagnostic-authority b, .diagnostic-authority small {
  display: block;
}

.diagnostic-authority b {
  font-size: 13px;
}

.diagnostic-authority small {
  color: #89aebd;
  margin-top: 3px;
  font-size: 11px;
}

.diagnostic-authority em {
  color: #8fd6e4;
  text-transform: uppercase;
  background: #ffffff0b;
  border: 1px solid #ffffff20;
  border-radius: 99px;
  padding: 6px 9px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.diagnostic-grid {
  grid-template-columns: minmax(0, 1.55fr) minmax(260px, .65fr);
  gap: 14px;
  display: grid;
}

.diagnostic-observations, .diagnostic-summary, .diagnostic-results, .diagnostic-standards {
  background: #fff;
  border: 1px solid #cbd9e1;
  border-radius: 15px;
  box-shadow: 0 11px 30px #0c2d4210;
}

.diagnostic-observations {
  padding: 18px;
}

.diagnostic-observations > header, .diagnostic-summary > header {
  gap: 11px;
  display: flex;
}

.diagnostic-observations > header > svg, .diagnostic-summary > header > svg {
  color: #2d82a0;
  flex: none;
  width: 24px;
}

.diagnostic-observations header span, .diagnostic-summary header span, .diagnostic-results > header span {
  color: #397f99;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.diagnostic-observations h2, .diagnostic-summary h2, .diagnostic-results h2 {
  color: #14384e;
  margin: 3px 0 4px;
  font-size: 18px;
}

.diagnostic-observations header p, .diagnostic-results header p {
  color: #71848f;
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

.diagnostic-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
  margin-top: 16px;
  display: grid;
}

.diagnostic-fields label {
  background: #f9fbfc;
  border: 1px solid #d5e0e6;
  border-radius: 9px;
  grid-template-columns: minmax(0, 1fr) minmax(150px, .8fr);
  align-items: center;
  gap: 12px;
  padding: 10px;
  display: grid;
}

.diagnostic-fields label > span {
  color: #34566a;
  font-size: 12px;
  font-weight: 800;
}

.diagnostic-fields label small {
  color: #87969e;
  margin-top: 2px;
  font-size: 9px;
  font-weight: 500;
  display: block;
}

.diagnostic-fields select {
  color: #294b5d;
  background: #fff;
  border: 1px solid #bfd0da;
  border-radius: 7px;
  min-width: 0;
  height: 34px;
  font-size: 11px;
}

.diagnostic-observations > footer {
  color: #667e8b;
  justify-content: space-between;
  align-items: center;
  margin-top: 14px;
  font-size: 11px;
  display: flex;
}

.diagnostic-observations > footer button {
  height: 32px;
}

.diagnostic-summary {
  background: radial-gradient(circle at 100% 0, #e4f3f6, #0000 40%), #fbfdfe;
  padding: 18px;
}

.diagnostic-summary.moderate {
  border-color: #e4c779;
}

.diagnostic-summary.high {
  border-color: #7fc3aa;
}

.diagnostic-confidence {
  background: #fff;
  border: 1px solid #d3e0e5;
  border-radius: 11px;
  margin-top: 18px;
  padding: 15px;
}

.diagnostic-confidence span, .diagnostic-confidence b, .diagnostic-confidence small {
  display: block;
}

.diagnostic-confidence span {
  color: #718894;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.diagnostic-confidence b {
  color: #163d54;
  text-transform: capitalize;
  margin-top: 3px;
  font-size: 28px;
}

.diagnostic-confidence small {
  color: #81919a;
  margin-top: 2px;
  font-size: 11px;
}

.diagnostic-summary > p {
  color: #486675;
  margin: 14px 0;
  font-size: 12px;
  line-height: 1.55;
}

.diagnostic-boundary {
  color: #785e2e;
  background: #fff6e2;
  border-radius: 9px;
  gap: 8px;
  padding: 11px;
  font-size: 10px;
  line-height: 1.45;
  display: flex;
}

.diagnostic-boundary svg {
  color: #c48821;
  flex: none;
  width: 16px;
}

.diagnostic-results {
  padding: 18px;
}

.diagnostic-results > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 15px;
  display: flex;
}

.diagnostic-results > header em {
  color: #46788c;
  background: #e7f1f5;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.diagnostic-results > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 15px;
  display: grid;
}

.diagnostic-results article {
  background: #fbfcfd;
  border: 1px solid #d6e1e7;
  border-radius: 12px;
  padding: 13px;
}

.diagnostic-results article.leading {
  border-color: #74b7ca;
  box-shadow: inset 0 3px #2e8baa, 0 8px 22px #0f4d6813;
}

.diagnostic-rank {
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 9px;
  display: grid;
}

.diagnostic-rank > i {
  color: #8ed9e8;
  background: #173f56;
  border-radius: 7px;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.diagnostic-rank b, .diagnostic-rank small {
  display: block;
}

.diagnostic-rank b {
  color: #1d4257;
  font-size: 12px;
}

.diagnostic-rank small {
  color: #84949d;
  text-transform: capitalize;
  margin-top: 2px;
  font-size: 9px;
}

.diagnostic-rank em {
  color: #2b7d99;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.diagnostic-match-bar {
  background: #e1e9ed;
  border-radius: 99px;
  height: 5px;
  margin: 10px 0;
  overflow: hidden;
}

.diagnostic-match-bar i {
  border-radius: inherit;
  background: linear-gradient(90deg, #3792ad, #55c0ad);
  height: 100%;
  display: block;
}

.diagnostic-results dl {
  margin: 0;
}

.diagnostic-results dl > div {
  border-top: 1px solid #e3eaee;
  padding: 7px 0;
}

.diagnostic-results dt {
  color: #6a8290;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.diagnostic-results dd {
  color: #405e6e;
  margin: 3px 0 0;
  font-size: 10px;
  line-height: 1.4;
}

.diagnostic-next {
  background: #edf7f3;
  border-radius: 8px;
  gap: 7px;
  margin-top: 7px;
  padding: 9px;
  display: flex;
}

.diagnostic-next svg {
  color: #2b9465;
  flex: none;
  width: 15px;
}

.diagnostic-next b, .diagnostic-next span {
  display: block;
}

.diagnostic-next b {
  color: #34715a;
  text-transform: uppercase;
  font-size: 9px;
}

.diagnostic-next span {
  color: #4c7062;
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.4;
}

.diagnostic-results details {
  border-top: 1px solid #dfe8ec;
  margin-top: 9px;
}

.diagnostic-results summary {
  color: #327f9a;
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  padding-top: 9px;
  font-size: 10px;
  font-weight: 900;
  display: flex;
}

.diagnostic-results summary svg {
  width: 14px;
}

.diagnostic-results details p {
  color: #536e7b;
  background: #f0f5f7;
  border-radius: 7px;
  margin: 8px 0 0;
  padding: 8px;
  font-size: 10px;
  line-height: 1.45;
}

.diagnostic-results details p.safety {
  color: #715a2d;
  background: #fff4df;
}

.diagnostic-results details p b {
  margin-bottom: 2px;
  display: block;
}

.diagnostic-standards {
  align-items: center;
  gap: 10px;
  padding: 13px 15px;
  display: flex;
}

.diagnostic-standards > div {
  margin-right: auto;
}

.diagnostic-standards span, .diagnostic-standards b {
  display: block;
}

.diagnostic-standards span {
  color: #588094;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.diagnostic-standards b {
  color: #284e61;
  margin-top: 2px;
  font-size: 11px;
}

.diagnostic-standards a {
  color: #2f7892;
  border: 1px solid #c7d9e1;
  border-radius: 8px;
  padding: 7px 9px;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
}

.diagnostic-standards a:hover {
  background: #edf7fa;
  border-color: #5ba0b7;
}

@media (max-width: 1180px) {
  .kpi-authority-order ol, .kpi-fallback-grid, .diagnostic-results > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .diagnostic-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .kpi-authority-order ol, .kpi-fallback-grid, .diagnostic-results > div, .diagnostic-fields {
    grid-template-columns: 1fr;
  }

  .diagnostic-authority, .diagnostic-standards {
    flex-direction: column;
    align-items: flex-start;
  }

  .diagnostic-fields label {
    grid-template-columns: 1fr;
  }

  .diagnostic-results > header {
    display: block;
  }

  .diagnostic-results > header em {
    margin-top: 8px;
    display: inline-block;
  }
}

.knowledge-catalog-table table {
  min-width: 1180px;
}

.knowledge-catalog-table td {
  vertical-align: top;
}

.knowledge-catalog-source {
  min-width: 310px;
}

.knowledge-catalog-source b, .knowledge-catalog-source span, .knowledge-catalog-source small, .knowledge-catalog-source code, .knowledge-catalog-access em, .knowledge-catalog-access span, .knowledge-catalog-access small {
  display: block;
}

.knowledge-catalog-source b {
  color: #17445a;
  font-size: 12px;
}

.knowledge-catalog-source span {
  color: #345a6d;
  margin-top: 4px;
  font-weight: 750;
  line-height: 1.4;
}

.knowledge-catalog-source small {
  color: #748995;
  margin-top: 5px;
}

.knowledge-catalog-source code {
  color: #69808b;
  overflow-wrap: anywhere;
  max-width: 340px;
  margin-top: 7px;
  font-size: 9px;
}

.knowledge-catalog-table td > small {
  color: #7c909a;
  margin-top: 6px;
  line-height: 1.4;
  display: block;
}

.knowledge-catalog-access {
  min-width: 290px;
}

.knowledge-catalog-access em {
  color: #866016;
  background: #fff1d2;
  border-radius: 99px;
  width: max-content;
  padding: 5px 8px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.knowledge-catalog-access span {
  color: #476678;
  margin-top: 7px;
  font-size: 11px;
  font-weight: 800;
}

.knowledge-catalog-access small {
  color: #6f828d;
  margin-top: 5px;
  line-height: 1.45;
}

.knowledge-catalog-access a, .knowledge-research-grid a {
  color: #26738d;
  align-items: center;
  gap: 6px;
  width: max-content;
  margin-top: 9px;
  font-size: 10px;
  font-weight: 900;
  text-decoration: none;
  display: flex;
}

.knowledge-catalog-access a svg, .knowledge-research-grid a svg {
  width: 14px;
}

.knowledge-research-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 11px;
  display: grid;
}

.knowledge-research-grid article {
  background: linear-gradient(145deg, #f7fbfc, #fff);
  border: 1px solid #cbdde4;
  border-top: 4px solid #2b819d;
  border-radius: 11px;
  min-width: 0;
  padding: 14px;
}

.knowledge-research-grid article header {
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

.knowledge-research-grid article header span {
  color: #2c7994;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.knowledge-research-grid article header em {
  color: #31746f;
  background: #e9f5f6;
  border-radius: 99px;
  padding: 4px 6px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.knowledge-research-grid h3 {
  color: #173f54;
  margin: 8px 0 5px;
  font-size: 14px;
  line-height: 1.35;
}

.knowledge-research-grid p {
  color: #4d6b79;
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
}

.knowledge-research-grid article > small {
  color: #73858e;
  border-top: 1px solid #dce6ea;
  margin-top: 8px;
  padding-top: 8px;
  font-size: 9px;
  line-height: 1.45;
  display: block;
}

@media (max-width: 1180px) {
  .knowledge-research-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .knowledge-research-grid {
    grid-template-columns: 1fr;
  }
}

.intelligence-shell {
  background: #eaf0f4;
  grid-template-columns: 268px minmax(0, 1fr);
  min-height: 100vh;
  gap: 0 !important;
  display: grid !important;
}

.intelligence-sidebar {
  z-index: 40;
  color: #d7e6ee;
  background: radial-gradient(circle at 30% -8%, #164c68 0, #0000 30%), linear-gradient(#06131f, #081d2d 55%, #071722);
  border-right: 1px solid #16384b;
  flex-direction: column;
  height: 100vh;
  display: flex;
  position: sticky;
  top: 0;
  overflow-y: auto;
  box-shadow: 16px 0 48px #06131f20;
}

.intelligence-brand {
  border-bottom: 1px solid #ffffff12;
  align-items: center;
  gap: 12px;
  padding: 23px 20px 19px;
  display: flex;
}

.intelligence-brand > span {
  background: linear-gradient(145deg, #1e7695, #123e58);
  border: 1px solid #4ea1bd5c;
  border-radius: 13px;
  place-items: center;
  width: 43px;
  height: 43px;
  display: grid;
  box-shadow: inset 0 1px #ffffff30, 0 10px 24px #0007;
}

.intelligence-brand svg {
  width: 22px;
}

.intelligence-brand b, .intelligence-brand small {
  display: block;
}

.intelligence-brand b {
  color: #f4fbfe;
  letter-spacing: -.04em;
  font-size: 22px;
}

.intelligence-brand small {
  color: #6ea9bd;
  letter-spacing: .12em;
  text-transform: uppercase;
  margin-top: 2px;
  font-size: 11px;
  font-weight: 800;
}

.intelligence-sidebar nav {
  gap: 17px;
  padding: 18px 13px;
  display: grid;
}

.intelligence-nav-group > span {
  color: #4f7a8b;
  letter-spacing: .14em;
  text-transform: uppercase;
  padding: 0 9px 7px;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

.intelligence-nav-group [data-slot="tabs-list"] {
  background: none;
  gap: 3px;
  width: 100%;
  padding: 0;
  display: grid;
}

.intelligence-nav-group [data-slot="tabs-trigger"] {
  color: #8da7b4;
  border-radius: 9px;
  gap: 11px;
  width: 100%;
  min-height: 42px;
  padding: 0 11px;
  font-size: 14px;
  font-weight: 700;
  justify-content: flex-start !important;
}

.intelligence-nav-group [data-slot="tabs-trigger"] svg {
  color: #587e90;
  width: 18px;
}

.intelligence-nav-group [data-slot="tabs-trigger"]:hover {
  color: #d5e4ea;
  background: #ffffff08;
}

.intelligence-nav-group [data-slot="tabs-trigger"][data-state="active"] {
  color: #f4fbfe;
  background: linear-gradient(90deg, #1a6c8c52, #ffffff0a);
  box-shadow: inset 3px 0 #52c6df;
}

.intelligence-nav-group [data-slot="tabs-trigger"][data-state="active"] svg {
  color: #5ad0e7;
}

.intelligence-sidebar > footer {
  border-top: 1px solid #ffffff12;
  margin-top: auto;
  padding: 17px 20px 22px;
}

.intelligence-sidebar > footer div {
  color: #84a6b4;
  align-items: center;
  gap: 7px;
  font-size: 12px;
  font-weight: 800;
  display: flex;
}

.intelligence-sidebar > footer div i {
  background: #4ed09a;
  border-radius: 50%;
  width: 8px;
  height: 8px;
  box-shadow: 0 0 0 5px #4ed09a12, 0 0 13px #4ed09a;
}

.intelligence-sidebar > footer span, .intelligence-sidebar > footer small {
  display: block;
}

.intelligence-sidebar > footer span {
  color: #d2e2e9;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 800;
}

.intelligence-sidebar > footer small {
  color: #527484;
  margin-top: 3px;
  font-size: 11px;
}

.intelligence-main {
  min-width: 0;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.intelligence-content {
  width: 100%;
  max-width: 1680px;
  margin: 0 auto;
  padding: 25px clamp(18px, 2.4vw, 38px) 70px;
}

.intelligence-topbar {
  z-index: 35;
  -webkit-backdrop-filter: blur(18px);
  backdrop-filter: blur(18px);
  background: #f7fafce9;
  border-bottom: 1px solid #c9d7e0;
  grid-template-columns: minmax(360px, 1fr) auto minmax(220px, .55fr);
  align-items: center;
  gap: 18px;
  min-height: 82px;
  padding: 12px clamp(18px, 2.4vw, 38px);
  display: grid;
  position: sticky;
  top: 0;
  box-shadow: 0 9px 28px #09243b12;
}

.intelligence-context > span {
  color: #5d7486;
  letter-spacing: .1em;
  text-transform: uppercase;
  margin-bottom: 6px;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

.intelligence-context > div {
  align-items: center;
  gap: 9px;
  display: flex;
}

.intelligence-context > div > svg {
  color: #8498a8;
  width: 15px;
}

.intelligence-context label {
  min-width: 150px;
}

.intelligence-context label small {
  color: #7890a1;
  margin-bottom: 3px;
  font-size: 11px;
  display: block;
}

.intelligence-context select {
  color: #15334c;
  background: #fff;
  border: 1px solid #bfd0dc;
  border-radius: 7px;
  width: 100%;
  height: 33px;
  padding: 0 30px 0 9px;
  font-size: 13px;
  font-weight: 750;
}

.global-view-switch {
  background: #e8f0f5;
  border: 1px solid #c2d2dc;
  border-radius: 11px;
  padding: 4px;
  display: flex;
}

.global-view-switch button {
  color: #688091;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-width: 112px;
  padding: 8px 10px;
  display: flex;
}

.global-view-switch button.active {
  color: #fff;
  background: #0b2a42;
  box-shadow: 0 6px 16px #0b2a4230;
}

.global-view-switch svg {
  width: 17px;
}

.global-view-switch b, .global-view-switch small {
  text-align: left;
  display: block;
}

.global-view-switch b {
  font-size: 13px;
}

.global-view-switch small {
  opacity: .65;
  margin-top: 1px;
  font-size: 10px;
}

.intelligence-identity {
  text-align: right;
}

.intelligence-identity > span {
  text-transform: uppercase;
  border-radius: 99px;
  align-items: center;
  gap: 5px;
  width: max-content;
  margin-left: auto;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 900;
  display: flex;
}

.intelligence-identity > span.verified {
  color: #207653;
  background: #dff5ea;
}

.intelligence-identity > span.preview {
  color: #657887;
  background: #edf1f4;
}

.intelligence-identity > span svg {
  width: 12px;
}

.intelligence-identity b, .intelligence-identity small {
  display: block;
}

.intelligence-identity b {
  color: #193750;
  margin-top: 5px;
  font-size: 13px;
}

.intelligence-identity small {
  color: #7d8d99;
  margin-top: 2px;
  font-size: 11px;
}

.command-center-page {
  gap: 16px;
}

.command-status-hero {
  color: #dfeef4;
  background: radial-gradient(circle at 62% -40%, #236b8b80 0, #0000 42%), linear-gradient(120deg, #061725, #0a293e 60%, #0b334a);
  border: 1px solid #163c55;
  border-radius: 20px;
  grid-template-columns: minmax(280px, .8fr) minmax(350px, 1.1fr) minmax(260px, .62fr);
  gap: 22px;
  padding: 25px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 60px #06182724;
}

.command-status-hero:after {
  content: "";
  pointer-events: none;
  background-image: linear-gradient(#ffffff08 1px, #0000 1px), linear-gradient(90deg, #ffffff08 1px, #0000 1px);
  background-size: 28px 28px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 50%, #0000);
  mask-image: linear-gradient(90deg, #0000, #000 50%, #0000);
}

.command-status-hero > div, .command-status-hero > aside {
  z-index: 1;
  position: relative;
}

.command-status-signal {
  grid-template-columns: auto 1fr;
  align-content: center;
  column-gap: 15px;
  display: grid;
}

.command-traffic-light {
  background: #020a0f;
  border: 1px solid #405966;
  border-radius: 18px;
  grid-row: 1 / 7;
  gap: 7px;
  padding: 9px;
  display: grid;
  box-shadow: inset 0 0 0 1px #000, 0 8px 18px #0007;
}

.command-traffic-light i {
  background: radial-gradient(circle at 35% 30%, #6d7c83, #313e44 48%, #172126);
  border: 1px solid #50636d;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  box-shadow: inset 0 -4px 7px #0009;
}

.command-traffic-light.green i.green {
  background: radial-gradient(circle at 35% 30%, #9ef5c5, #30a96f 48%, #11603d);
  box-shadow: 0 0 18px #45d48e;
}

.command-traffic-light.amber i.amber {
  background: radial-gradient(circle at 35% 30%, #ffe69a, #d99c26 48%, #85580f);
  box-shadow: 0 0 18px #e8ad3a;
}

.command-traffic-light.red i.red {
  background: radial-gradient(circle at 35% 30%, #ffc0bb, #d4554f 48%, #7d2521);
  box-shadow: 0 0 18px #e45f59;
}

.command-status-signal > span, .command-hero-copy > span, .command-identity-card > span {
  color: #65c4dd;
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 900;
}

.command-status-signal h1 {
  color: #f4fbfe;
  letter-spacing: -.025em;
  margin: 4px 0 5px;
  font-size: 24px;
}

.command-status-signal p {
  color: #94adba;
  grid-column: 2;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.command-status-signal > div:last-child {
  flex-wrap: wrap;
  grid-column: 2;
  gap: 6px;
  margin-top: 11px;
  display: flex;
}

.command-status-signal > div:last-child b {
  color: #a9c2cc;
  text-transform: capitalize;
  background: #ffffff08;
  border: 1px solid #ffffff13;
  border-radius: 99px;
  padding: 5px 7px;
  font-size: 10px;
}

.command-hero-copy {
  align-self: center;
}

.command-hero-copy h2 {
  color: #fff;
  letter-spacing: -.045em;
  margin: 5px 0 7px;
  font-size: clamp(28px, 3vw, 42px);
}

.command-hero-copy p {
  color: #9ab2be;
  max-width: 640px;
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

.command-hero-actions {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 16px;
  display: flex;
}

.command-hero-actions button {
  min-height: 39px;
}

.command-identity-card {
  -webkit-backdrop-filter: blur(8px);
  backdrop-filter: blur(8px);
  background: #020c1485;
  border: 1px solid #ffffff18;
  border-radius: 14px;
  align-self: stretch;
  padding: 16px;
}

.command-identity-card dl {
  margin: 9px 0 0;
}

.command-identity-card dl div {
  border-top: 1px solid #ffffff0e;
  grid-template-columns: .8fr 1.2fr;
  gap: 8px;
  padding: 7px 0;
  display: grid;
}

.command-identity-card dt {
  color: #6f8c99;
  font-size: 11px;
}

.command-identity-card dd {
  color: #d7e6ec;
  text-align: right;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 12px;
  font-weight: 750;
}

.command-intelligence-facets, .action-center-kpis {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 11px;
  display: grid;
}

.command-intelligence-facets article, .action-center-kpis article {
  background: #fbfdfe;
  border: 1px solid #ccd9e2;
  border-radius: 12px;
  grid-template-columns: auto 1fr;
  gap: 11px;
  min-width: 0;
  padding: 15px 16px;
  display: grid;
  box-shadow: 0 8px 24px #0c2a4010;
}

.command-intelligence-facets article > svg, .action-center-kpis article > svg {
  color: #3d86aa;
  grid-row: 1 / 3;
  width: 22px;
}

.command-intelligence-facets span, .command-intelligence-facets b, .command-intelligence-facets small, .action-center-kpis span, .action-center-kpis b, .action-center-kpis small {
  display: block;
}

.command-intelligence-facets span, .action-center-kpis span {
  color: #63798a;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 11px;
  font-weight: 900;
}

.command-intelligence-facets b, .action-center-kpis b {
  color: #15344d;
  margin-top: 2px;
  font-size: 22px;
}

.command-intelligence-facets small, .action-center-kpis small {
  color: #7b8c98;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.35;
}

.command-intelligence-facets [role="progressbar"] {
  grid-column: 1 / -1;
  height: 5px;
  margin-top: 2px;
}

.command-intelligence-facets article.review > svg {
  color: #ca8a1d;
}

.command-intelligence-facets article.clear > svg {
  color: #2c8a62;
}

.kpi-draft-metadata {
  background: #f7fafc;
  border: 1px solid #c7d9e8;
  border-radius: 9px;
  margin-top: 12px;
}

.kpi-draft-metadata > header {
  color: #29465f;
  padding: 12px 12px 0;
}

.kpi-draft-metadata > header b {
  font-size: 13px;
}

.kpi-draft-metadata > header p {
  color: #526b81;
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

.kpi-field-help {
  color: #526b81;
  letter-spacing: normal;
  text-transform: none;
  margin-top: 6px;
  font-size: 11px;
  line-height: 1.45;
  display: block;
}

.kpi-field.unresolved input, .kpi-field.unresolved textarea {
  color: #72501e;
  background: #fffaf0;
  border-color: #d1b36c;
}

.kpi-field.unresolved > span i {
  color: #72501e;
  background: #fff0cb;
}

.kpi-batch-review {
  background: #f3f8fc;
  border: 1px solid #b8ccd9;
  border-radius: 10px;
  margin: 16px 0;
  padding: 16px;
}

.kpi-batch-review h3 {
  color: #193b58;
  margin: 0;
  font-size: 17px;
}

.kpi-batch-review p {
  color: #526b81;
  font-size: 13px;
  line-height: 1.5;
}

.kpi-batch-review > div {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.kpi-batch-review a {
  color: #215f89;
  font-weight: 700;
}

.kpi-batch-review details {
  margin-top: 14px;
}

.kpi-batch-review summary {
  cursor: pointer;
  color: #29465f;
  font-weight: 700;
}

.kpi-batch-review ul {
  max-height: 280px;
  padding: 0;
  list-style: none;
  overflow: auto;
}

.kpi-batch-review li {
  border-bottom: 1px solid #d3dfe6;
  justify-content: space-between;
  gap: 12px;
  padding: 8px 0;
  font-size: 12px;
  display: flex;
}

.kpi-batch-review li span {
  color: #526b81;
}

.kpi-batch-review > button {
  white-space: normal;
  text-align: left;
  height: auto;
  min-height: 40px;
}

@media (max-width: 650px) {
  .kpi-batch-review li {
    flex-direction: column;
    gap: 3px;
  }
}

.kpi-draft-approval-help {
  background: #f2f8fc;
  border: 1px solid #bfd4e2;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 12px 0;
  padding: 12px;
  display: flex;
}

.kpi-draft-approval-help p {
  color: #526b81;
  flex: 1;
  min-width: 180px;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.kpi-draft-approval-help b {
  color: #29465f;
  margin-bottom: 4px;
  display: block;
}

.technical-activation-panel {
  gap: 1rem;
  display: grid;
}

.technical-activation-panel header {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  display: flex;
}

.technical-activation-panel label {
  gap: .4rem;
  font-weight: 600;
  display: grid;
}

.technical-activation-panel textarea, .technical-activation-panel select {
  color: #123346;
  width: 100%;
  font: inherit;
  background: #fff;
  border: 1px solid #b7cbd5;
  border-radius: .5rem;
  padding: .65rem;
}

.technical-activation-panel details {
  border-top: 1px solid #d5e3e9;
  padding-top: .8rem;
}

.technical-activation-panel summary {
  cursor: pointer;
  margin-bottom: .7rem;
  font-weight: 650;
}

.activation-actions {
  flex-wrap: wrap;
  gap: .7rem;
  margin-top: .8rem;
  display: flex;
}

.activation-roles {
  padding: 0;
  list-style: none;
}

.activation-roles li {
  border-bottom: 1px solid #d5e3e9;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1rem;
  padding: .55rem 0;
  display: flex;
}

.activation-confirm {
  flex-direction: row;
  align-items: flex-start;
  font-weight: 400 !important;
  display: flex !important;
}

.activation-confirm input {
  margin-top: .3rem;
}

.activation-digest {
  overflow-wrap: anywhere;
  font-size: .78rem;
}

.activation-boundary {
  color: #5b707c;
  border-top: 1px solid #d5e3e9;
  padding-top: .8rem;
  font-size: .85rem;
}

html[data-chemcop-deployment="demo"] .workspace-owner-access, html[data-chemcop-deployment="demo"] .owner-admin-link {
  display: none !important;
}

@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-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-scroll-snap-strictness {
  syntax: "*";
  inherits: false;
  initial-value: proximity;
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-ordinal {
  syntax: "*";
  inherits: false
}

@property --tw-slashed-zero {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-figure {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false
}

@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false
}

@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: 0;
}

@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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: "";
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1;
}

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

@keyframes pulse {
  50% {
    opacity: .5;
  }
}

@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0),var(--tw-enter-translate-y, 0),0)scale3d(var(--tw-enter-scale, 1),var(--tw-enter-scale, 1),var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0));
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0),var(--tw-exit-translate-y, 0),0)scale3d(var(--tw-exit-scale, 1),var(--tw-exit-scale, 1),var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0));
  }
}

@keyframes accordion-down {
  from {
    height: 0;
  }

  to {
    height: var(--radix-accordion-content-height, var(--accordion-panel-height, auto));
  }
}

@keyframes accordion-up {
  from {
    height: var(--radix-accordion-content-height, var(--accordion-panel-height, auto));
  }

  to {
    height: 0;
  }
}

@keyframes caret-blink {
  0%, 70%, 100% {
    opacity: 1;
  }

  20%, 50% {
    opacity: 0;
  }
}

@keyframes scroll-fade-reveal-s {
  from {
    --scroll-fade-s: 0px;
  }

  to {
    --scroll-fade-s: var(--_scroll-fade-size-s, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
  }
}

@keyframes scroll-fade-reveal-e {
  from {
    --scroll-fade-e: var(--_scroll-fade-size-e, var(--scroll-fade-size, min(12%, calc(var(--spacing) * 10))));
  }

  to {
    --scroll-fade-e: 0px;
  }
}

/* [project]/app/predictive.css [app-client] (css) */
.predictive-workbench {
  color: #24344b;
  background: #fff;
  border: 1px solid #cbd6e3;
  border-radius: 14px;
  margin: 0 0 1.5rem;
  overflow: hidden;
}

.predictive-heading {
  color: #fff;
  background: #102c4b;
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  padding: 1.5rem 1.5rem 1.2rem;
  display: flex;
}

.predictive-eyebrow {
  color: #82d8d0;
  letter-spacing: .06em;
  font-size: .875rem;
  font-weight: 700;
}

.predictive-heading h2 {
  margin: .35rem 0;
  font-size: 1.7rem;
  line-height: 1.2;
}

.predictive-heading p {
  color: #d6e3ef;
  max-width: 680px;
  margin: .35rem 0 0;
  font-size: 1rem;
  line-height: 1.5;
}

.predictive-source-switch {
  border: 1px solid #6b819a;
  border-radius: 8px;
  flex-shrink: 0;
  gap: 3px;
  padding: 3px;
  display: flex;
}

.predictive-source-switch button {
  color: #e2edf8;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  padding: .6rem .75rem;
  font-size: .875rem;
}

.predictive-source-switch button[aria-pressed="true"] {
  color: #183c61;
  background: #fff;
  font-weight: 700;
}

.predictive-tabs {
  background: #f5f8fb;
  border-bottom: 1px solid #cfdae5;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  display: grid;
}

.predictive-tabs button {
  color: #51647b;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 3px solid #0000;
  justify-content: center;
  align-items: center;
  gap: .6rem;
  padding: 1rem .65rem;
  font-size: .95rem;
  font-weight: 650;
  display: flex;
}

.predictive-tabs button[aria-pressed="true"] {
  color: #0c645f;
  background: #ecf8f6;
  border-bottom-color: #0c8880;
}

.predictive-inputs, .predictive-result {
  padding: 1.4rem 1.5rem;
}

.predictive-purpose {
  margin: 0 0 .5rem;
  font-size: 1rem;
  font-weight: 600;
}

.predictive-source {
  color: #55687e;
  overflow-wrap: anywhere;
  font-size: .875rem;
}

.predictive-demo-notice {
  color: #68521c;
  background: #fff4d8;
  border-left: 3px solid #be8c23;
  padding: .75rem 1rem;
  font-size: .95rem;
}

.predictive-controls {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
  display: grid;
}

.predictive-controls label {
  flex-direction: column;
  gap: .45rem;
  min-width: 0;
  font-size: .9rem;
  font-weight: 650;
  display: flex;
}

.predictive-controls select, .predictive-controls input {
  color: #253c55;
  background: #fff;
  border: 1px solid #aebfd0;
  border-radius: 7px;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: .6rem .7rem;
  font-size: .95rem;
  font-weight: 400;
}

.predictive-confirm {
  align-items: flex-start;
  gap: .6rem;
  margin: 1.2rem 0;
  font-size: .95rem;
  line-height: 1.5;
  display: flex;
}

.predictive-confirm input {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: .2rem;
}

.predictive-run {
  align-items: center;
  gap: 1rem;
  margin-top: 1.25rem;
  display: flex;
}

.predictive-run > button, .predictive-secondary {
  cursor: pointer;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: .5rem;
  min-height: 44px;
  padding: .7rem 1rem;
  font-size: .95rem;
  font-weight: 650;
  display: inline-flex;
}

.predictive-run > button {
  color: #fff;
  background: #126e68;
  border: 1px solid #126e68;
}

.predictive-run button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.predictive-run > span {
  color: #5b6c80;
  font-size: .875rem;
}

.predictive-secondary {
  color: #244361;
  background: #fff;
  border: 1px solid #aebfd0;
}

.predictive-result {
  border-top: 1px solid #d9e1eb;
}

.predictive-result-head {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.predictive-result h3 {
  margin: .6rem 0 .3rem;
  font-size: 1.25rem;
  line-height: 1.35;
}

.predictive-result p {
  font-size: 1rem;
  line-height: 1.6;
}

.predictive-status {
  color: #675628;
  background: #fff4d8;
  border-radius: 5px;
  padding: .25rem .55rem;
  font-size: .875rem;
  font-weight: 650;
  display: inline-block;
}

.predictive-status.available {
  color: #14675e;
  background: #e4f5f0;
}

.predictive-status.insufficient {
  color: #50657b;
  background: #edf1f6;
}

.predictive-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 1rem;
  margin: 1.4rem 0;
  display: grid;
}

.predictive-metrics > div {
  border-left: 3px solid #b4cece;
  padding: .35rem .8rem;
}

.predictive-metrics dt {
  color: #506078;
  font-size: .875rem;
  line-height: 1.4;
}

.predictive-metrics dd {
  overflow-wrap: anywhere;
  margin: .45rem 0;
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.4;
}

.predictive-metrics dd small {
  font-size: .875rem;
  font-weight: 500;
}

.predictive-chart {
  background: #f8fafc;
  border: 1px solid #dfe7ee;
  border-radius: 8px;
  margin: 1.5rem 0;
  padding: 1rem;
}

.predictive-chart figcaption {
  justify-content: space-between;
  gap: 1rem;
  font-size: 1rem;
  font-weight: 650;
  display: flex;
}

.predictive-chart figcaption span {
  color: #5d6e83;
  font-size: .875rem;
  font-weight: 400;
}

.predictive-chart svg {
  color: #263e58;
  width: 100%;
  max-height: 320px;
  display: block;
}

.predictive-chart svg text {
  fill: #56677d;
  font-size: 12px;
}

.predictive-legend {
  flex-wrap: wrap;
  gap: 1rem;
  font-size: .875rem;
  line-height: 1.5;
  display: flex;
}

.predictive-legend span {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.predictive-legend i {
  background: #2456aa;
  width: 18px;
  height: 3px;
  display: inline-block;
}

.predictive-legend .estimate {
  background: #098078;
}

.predictive-legend .baseline {
  background: #7b8493;
}

.predictive-next {
  background: #edf8f6;
  border-left: 3px solid #098078;
  padding: .8rem 1rem;
  font-size: 1rem;
}

.predictive-next p {
  margin: .3rem 0;
}

.predictive-details {
  border-bottom: 1px solid #e0e7ee;
  padding: .9rem 0;
}

.predictive-details summary {
  cursor: pointer;
  min-height: 28px;
  font-size: .95rem;
  font-weight: 650;
}

.predictive-details li {
  margin: .4rem 0;
  font-size: .95rem;
  line-height: 1.6;
}

.predictive-boundary {
  color: #5b6b7e;
  font-size: .875rem !important;
}

.predictive-table-wrap {
  max-width: 100%;
  max-height: 440px;
  margin-top: 1rem;
  overflow: auto;
}

.predictive-table-wrap table {
  border-collapse: collapse;
  white-space: nowrap;
  width: 100%;
  font-size: .875rem;
}

.predictive-table-wrap th, .predictive-table-wrap td {
  text-align: left;
  border-bottom: 1px solid #e0e7ee;
  padding: .7rem;
}

.predictive-table-wrap th {
  background: #eef3f8;
  position: sticky;
  top: 0;
}

.predictive-pagination {
  align-items: center;
  gap: 1rem;
  margin: .8rem 0;
  font-size: .875rem;
  display: flex;
}

.predictive-pagination button {
  border: 1px solid #b7c6d6;
  border-radius: 5px;
  min-height: 40px;
  padding: .5rem .8rem;
}

.predictive-error {
  color: #892c20;
  background: #fff0ed;
  border-left: 3px solid #b83d2c;
  margin: 0 1.5rem 1.5rem;
  padding: 1rem;
}

.predictive-empty {
  border: 1px dashed #adc1d4;
  border-radius: 8px;
  margin-top: 1rem;
  padding: 1.5rem;
  font-size: 1rem;
}

.predictive-empty p {
  margin: .5rem 0;
  line-height: 1.5;
}

.predictive-workbench button:focus-visible, .predictive-workbench input:focus-visible, .predictive-workbench select:focus-visible, .predictive-workbench summary:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #278cac;
}

.predictive-spinner {
  animation: 1s linear infinite predictive-spin;
}

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

@media (max-width: 1000px) {
  .predictive-heading {
    flex-direction: column;
    align-items: flex-start;
  }

  .predictive-metrics, .predictive-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .predictive-heading, .predictive-inputs, .predictive-result {
    padding: 1.1rem;
  }

  .predictive-heading h2 {
    font-size: 1.45rem;
  }

  .predictive-controls {
    grid-template-columns: 1fr;
  }

  .predictive-tabs button {
    justify-content: flex-start;
    font-size: .875rem;
    line-height: 1.35;
  }

  .predictive-result-head, .predictive-run {
    flex-direction: column;
    align-items: flex-start;
  }

  .predictive-chart {
    padding: .6rem;
  }

  .predictive-chart figcaption {
    flex-direction: column;
    gap: .2rem;
  }

  .predictive-chart svg {
    min-height: 190px;
  }

  .predictive-metrics {
    gap: .65rem;
  }

  .predictive-metrics dd {
    font-size: 1.1rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .predictive-spinner {
    animation: none;
  }
}

.predictive-handoff {
  color: #183f46;
  overflow-wrap: anywhere;
  background: #f2faf9;
  border: 1px solid #b8d8d5;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin: 18px 0;
  padding: 18px 20px;
  display: flex;
}

.predictive-handoff p {
  margin: 6px 0;
  font-size: 14px;
  line-height: 1.5;
}

.predictive-handoff small {
  color: #526c73;
}

.predictive-handoff button {
  flex-shrink: 0;
}

.predictive-recommendation-evidence {
  color: #18344b;
  background: #fff;
  border: 1px solid #d6e2e9;
  border-radius: 14px;
  min-width: 0;
  margin: 22px 0;
  padding: 22px;
}

.predictive-recommendation-evidence h3 {
  margin: 0 0 8px;
  font-size: 20px;
}

.predictive-recommendation-evidence h4 {
  margin: 12px 0 8px;
  font-size: 16px;
}

.predictive-recommendation-evidence p, .predictive-recommendation-evidence li {
  overflow-wrap: anywhere;
  font-size: 14px;
  line-height: 1.6;
}

.predictive-recommendation-evidence article {
  border-top: 1px solid #e0e8ed;
  margin-top: 18px;
  padding-top: 18px;
}

.predictive-evidence-title {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.predictive-evidence-title span {
  color: #29456a;
  background: #eaf0f7;
  border-radius: 6px;
  padding: 5px 10px;
  font-size: 12px;
  font-weight: 650;
}

.predictive-recommendation-evidence summary {
  cursor: pointer;
  margin: 14px 0;
  font-size: 14px;
  font-weight: 600;
}

.predictive-recommendation-evidence dl {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 12px;
  margin: 14px 0;
  display: grid;
}

.predictive-recommendation-evidence dt {
  color: #536b7d;
  font-size: 12px;
}

.predictive-recommendation-evidence dd {
  margin: 4px 0;
  font-size: 15px;
  font-weight: 650;
}

.recommendation-response .predictive-row-note {
  color: #245d65;
  white-space: normal;
  border-top: 1px solid #dce6ec;
  margin-top: 8px;
  padding-top: 8px;
  line-height: 1.5;
  display: block;
}

@media (max-width: 640px) {
  .predictive-handoff {
    flex-direction: column;
    align-items: stretch;
    padding: 16px;
  }

  .predictive-recommendation-evidence {
    padding: 16px;
  }

  .predictive-recommendation-evidence dl {
    grid-template-columns: 1fr;
  }
}

.predictive-workbench fieldset {
  border: 1px solid #cfdae5;
  border-radius: 8px;
  min-width: 0;
  margin: 1rem 0;
  padding: 1rem;
}

.predictive-workbench legend {
  padding: 0 .4rem;
  font-weight: 650;
}

.predictive-workbench textarea {
  font: inherit;
  border: 1px solid #aebfd0;
  border-radius: 7px;
  max-width: 100%;
  padding: .75rem;
}

/* [project]/app/kpi-source-research.css [app-client] (css) */
.kpi-source-research {
  color: #19384b;
  background: #f3f8fb;
  border: 1px solid #b9d1dd;
  border-radius: 10px;
  min-width: 0;
  margin: 20px 0;
  padding: 20px;
}

.kpi-source-research > summary {
  cursor: pointer;
  font-size: 19px;
  font-weight: 700;
}

.kpi-source-research p {
  color: #405f70;
  margin: 10px 0;
  line-height: 1.55;
}

.kpi-source-research a {
  color: #086080;
  text-underline-offset: 3px;
  font-weight: 600;
  text-decoration: underline;
}

.kpi-source-research label {
  margin: 14px 0 7px;
  font-weight: 650;
  display: block;
}

.kpi-source-research select {
  font: inherit;
  color: #19384b;
  background: #fff;
  border: 1px solid #abc4d2;
  border-radius: 6px;
  width: 100%;
  max-width: 100%;
  min-height: 44px;
  padding: 11px;
}

.kpi-research-toolbar, .kpi-research-packet > header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  margin: 15px 0;
  display: flex;
}

.kpi-research-toolbar {
  font-size: 13px;
}

.kpi-research-packet h3 {
  margin: 5px 0;
  font-size: 22px;
}

.kpi-research-packet h4 {
  margin: 8px 0;
  font-size: 16px;
  font-weight: 700;
}

.kpi-research-packet small {
  color: #517080;
  font-size: 12px;
}

.kpi-research-finding {
  background: #fff8e8;
  border-left: 4px solid #b88122;
  border-radius: 5px;
  padding: 16px;
}

.kpi-research-finding p {
  margin-bottom: 0;
}

.kpi-research-sources {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0;
  display: grid;
}

.kpi-research-sources > section {
  background: #fff;
  border: 1px solid #ccdde6;
  border-radius: 8px;
  min-width: 0;
  padding: 16px;
}

.kpi-research-role {
  letter-spacing: .04em;
  text-transform: uppercase;
  color: #3b7182;
  font-size: 11px;
  font-weight: 750;
}

.kpi-research-anchor {
  overflow-wrap: anywhere;
  font-size: 14px;
}

.kpi-research-anchor b {
  margin-bottom: 4px;
  display: block;
}

.kpi-source-research .kpi-research-sources details {
  background: #f5f9fb;
  border: 1px solid #e0e9ee;
  border-radius: 6px;
  margin: 14px 0 0;
  padding: 12px;
}

.kpi-source-research .kpi-research-sources summary {
  cursor: pointer;
  font-size: 13px;
  font-weight: 600;
}

.kpi-source-research dl {
  margin: 13px 0;
  font-size: 13px;
  line-height: 1.5;
}

.kpi-source-research dt {
  margin-top: 10px;
  font-weight: 700;
}

.kpi-source-research dd {
  overflow-wrap: anywhere;
  margin: 3px 0;
}

.kpi-source-research code {
  word-break: break-all;
  font-size: 11px;
}

.kpi-research-open {
  background: #e9f2f7;
  border-radius: 8px;
  padding: 16px;
}

.kpi-source-research .kpi-research-open ul {
  padding-left: 22px;
  list-style: outside;
  display: block;
}

.kpi-source-research .kpi-research-open li {
  border: 0;
  padding: 4px 0;
  line-height: 1.5;
  display: list-item;
}

.kpi-research-open p {
  font-size: 13px;
}

@media (max-width: 800px) {
  .kpi-research-sources {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 600px) {
  .kpi-source-research {
    padding: 14px;
  }

  .kpi-research-toolbar {
    flex-direction: column;
    align-items: start;
  }
}

/* [project]/app/intelligence-responsive.css [app-client] (css) */
.intelligence-nav-group {
  gap: 3px;
  display: grid;
}

.intelligence-nav-group [data-slot="tabs-trigger"] {
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  display: flex;
}

.intelligence-loading-shell .intelligence-nav-group button:not([data-slot]) {
  color: #7895a3;
  text-align: left;
  background: none;
  border: 0;
  padding: 7px 9px;
  display: block;
}

.intelligence-sidebar nav > [data-slot="tabs-list"] {
  background: none;
  gap: 3px;
  width: 100%;
  height: auto;
  padding: 0;
  display: grid;
}

.intelligence-sidebar [data-slot="tabs-trigger"].nav-group-start {
  margin-top: 28px;
  position: relative;
}

.intelligence-sidebar [data-slot="tabs-trigger"].nav-group-start:first-child {
  margin-top: 18px;
}

.intelligence-sidebar [data-slot="tabs-trigger"].nav-group-start > i {
  color: #4f7a8b;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  position: absolute;
  top: -20px;
  left: 9px;
}

@media (max-width: 1280px) {
  .intelligence-shell {
    grid-template-columns: 228px minmax(0, 1fr);
  }

  .intelligence-topbar {
    grid-template-columns: minmax(330px, 1fr) auto;
  }

  .intelligence-identity {
    display: none;
  }

  .command-status-hero {
    grid-template-columns: minmax(250px, .75fr) minmax(330px, 1.25fr);
  }

  .command-identity-card {
    grid-column: 1 / -1;
  }

  .command-identity-card dl {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0 18px;
    display: grid;
  }

  .command-main-grid {
    grid-template-columns: 1fr;
  }

  .command-assessment-rail {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .intelligence-shell {
    display: block !important;
  }

  .intelligence-sidebar {
    height: auto;
    position: relative;
    overflow: visible;
  }

  .intelligence-brand {
    padding: 14px 18px;
  }

  .intelligence-brand > span {
    width: 37px;
    height: 37px;
  }

  .intelligence-brand b {
    font-size: 19px;
  }

  .intelligence-sidebar nav {
    gap: 8px;
    padding: 10px 12px;
    display: flex;
    overflow-x: auto;
  }

  .intelligence-sidebar nav > [data-slot="tabs-list"] {
    gap: 8px;
    display: flex;
  }

  .intelligence-sidebar [data-slot="tabs-trigger"].nav-group-start, .intelligence-sidebar [data-slot="tabs-trigger"].nav-group-start:first-child {
    margin-top: 0;
  }

  .intelligence-sidebar [data-slot="tabs-trigger"].nav-group-start > i {
    display: none;
  }

  .intelligence-sidebar [data-slot="tabs-trigger"] {
    width: auto;
    min-height: 36px;
    padding: 0 10px;
  }

  .intelligence-sidebar > footer {
    display: none;
  }

  .intelligence-topbar {
    grid-template-columns: 1fr auto;
    top: 0;
  }

  .command-status-hero {
    grid-template-columns: 1fr;
  }

  .command-status-signal, .command-hero-copy, .command-identity-card {
    grid-column: auto;
  }

  .command-identity-card dl, .command-intelligence-facets, .action-center-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .command-lower-grid, .action-center-hero {
    grid-template-columns: 1fr;
  }

  .command-evidence-path > div {
    grid-template-columns: 1fr;
    gap: 7px;
  }

  .command-evidence-path article > svg {
    inset: auto auto -13px 50%;
    transform: translateX(-50%) rotate(90deg);
  }

  .action-register-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .intelligence-content {
    padding: 14px 11px 50px;
  }

  .intelligence-topbar {
    grid-template-columns: 1fr;
    padding: 11px;
    position: relative;
  }

  .intelligence-context > div {
    flex-direction: column;
    align-items: stretch;
  }

  .intelligence-context > div > svg {
    display: none;
  }

  .intelligence-context label {
    min-width: 0;
  }

  .global-view-switch {
    width: 100%;
  }

  .global-view-switch button {
    flex: 1;
    min-width: 0;
  }

  .command-status-hero {
    border-radius: 14px;
    padding: 18px;
  }

  .command-status-signal h1 {
    font-size: 21px;
  }

  .command-hero-copy h2 {
    font-size: 30px;
  }

  .command-identity-card dl, .command-intelligence-facets, .action-center-kpis, .command-assessment-rail {
    grid-template-columns: 1fr;
  }

  .command-asset-twin > header, .command-action-preview > header, .command-evidence-path > header {
    flex-direction: column;
    align-items: stretch;
  }

  .graph-layer-controls {
    justify-content: flex-start;
  }

  .command-flow-canvas {
    padding-inline: 10px;
  }

  .command-asset-twin > footer b {
    margin-left: 0;
  }

  .action-center-hero {
    padding: 19px;
  }

  .action-center-view {
    width: 100%;
  }

  .action-center-view button {
    flex: 1;
  }

  .action-register .panel-head {
    flex-direction: column;
    align-items: stretch;
  }

  .action-register-tools {
    flex-direction: column;
  }

  .action-register-fields, .pilot-evidence-fields {
    grid-template-columns: 1fr;
  }

  .action-register-fields label.wide, .pilot-evidence-fields label.wide {
    grid-column: auto;
  }

  .action-register-item > footer {
    flex-direction: column;
    align-items: flex-start;
  }

  .pilot-checklist-items.guided article > header {
    grid-template-columns: auto 1fr;
  }

  .pilot-attestation {
    grid-column: 2;
  }

  .command-action-preview > div > article {
    grid-template-columns: auto 1fr;
  }

  .command-action-preview article > em {
    grid-column: 2;
    width: max-content;
  }
}

/* [project]/app/intelligence-v042.css [app-client] (css) */
.intelligence-topbar {
  grid-template-columns: minmax(330px, 1fr) auto auto minmax(190px, .42fr);
}

.topbar-risk-signal {
  background: #fff;
  border: 1px solid #cad7df;
  border-radius: 10px;
  align-items: center;
  gap: 9px;
  min-width: 150px;
  padding: 9px 11px;
  display: flex;
}

.topbar-risk-signal > i {
  background: #9aa9b2;
  border-radius: 50%;
  flex: none;
  width: 11px;
  height: 11px;
  box-shadow: 0 0 0 5px #9aa9b218;
}

.topbar-risk-signal span, .topbar-risk-signal small, .topbar-risk-signal b {
  display: block;
}

.topbar-risk-signal small {
  color: #71828d;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.topbar-risk-signal b {
  color: #294a5d;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: 170px;
  margin-top: 2px;
  font-size: 12px;
  overflow: hidden;
}

.topbar-risk-signal.green > i {
  background: #2bb678;
  box-shadow: 0 0 0 5px #2bb67818, 0 0 14px #2bb67880;
}

.topbar-risk-signal.amber > i {
  background: #e7a629;
  box-shadow: 0 0 0 5px #e7a62918, 0 0 14px #e7a62970;
}

.topbar-risk-signal.red > i {
  background: #df554c;
  box-shadow: 0 0 0 5px #df554c18, 0 0 14px #df554c70;
}

.risk-signal-lab {
  background: #fff;
  border: 1px solid #bbceda;
  border-radius: 17px;
  overflow: hidden;
  box-shadow: 0 14px 35px #0a2d4410;
}

.risk-signal-lab > header {
  background: linear-gradient(100deg, #f8fbfc, #eef6f8);
  border-bottom: 1px solid #dce6eb;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 15px 17px;
  display: flex;
}

.risk-signal-lab > header > div:first-child {
  align-items: center;
  gap: 9px;
  display: flex;
}

.risk-signal-lab > header svg {
  color: #1686a5;
  width: 21px;
}

.risk-signal-lab > header b, .risk-signal-lab > header small {
  display: block;
}

.risk-signal-lab > header small {
  color: #6c8390;
  margin-top: 2px;
  font-size: 12px;
}

.risk-lab-active {
  align-items: center;
  gap: 8px;
  display: flex;
}

.risk-lab-active em {
  color: #29738a;
  background: #e4f3f6;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.risk-lab-active button {
  height: 29px;
  padding-inline: 9px;
  font-size: 11px;
}

.risk-lab-layout {
  grid-template-columns: minmax(430px, 1.3fr) minmax(280px, .7fr);
  gap: 16px;
  padding: 17px;
  display: grid;
}

.risk-lab-controls {
  grid-template-columns: 1.25fr .75fr .85fr;
  align-items: end;
  gap: 11px;
  display: grid;
}

.risk-lab-controls label > span {
  color: #557385;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 11px;
  font-weight: 900;
  display: block;
}

.risk-lab-controls select, .risk-lab-controls input {
  color: #173b50;
  background: #fff;
  border: 1px solid #bfd0da;
  border-radius: 8px;
  width: 100%;
  height: 39px;
}

.risk-lab-controls select {
  padding: 0 28px 0 9px;
}

.risk-lab-controls label > div {
  align-items: center;
  display: flex;
}

.risk-lab-controls label > div input {
  border-radius: 8px 0 0 8px;
}

.risk-lab-controls label > div b {
  color: #5a7381;
  background: #f1f5f7;
  border: 1px solid #bfd0da;
  border-left: 0;
  border-radius: 0 8px 8px 0;
  align-items: center;
  height: 39px;
  padding: 0 8px;
  font-size: 11px;
  display: flex;
}

.risk-lab-actions {
  grid-column: 1 / -1;
  gap: 8px;
  display: flex;
}

.risk-lab-mapped {
  color: #718691;
  grid-column: 1 / -1;
}

.risk-lab-signal {
  background: #f7fafb;
  border: 1px solid #d4dfe4;
  border-radius: 13px;
  align-items: center;
  gap: 15px;
  padding: 15px;
  display: flex;
}

.risk-lab-signal.green {
  background: #effaf5;
  border-color: #9fd6bd;
}

.risk-lab-signal.amber {
  background: #fff9e9;
  border-color: #ead18c;
}

.risk-lab-signal.red {
  background: #fff2f0;
  border-color: #e4aaa5;
}

.risk-lab-signal span, .risk-lab-signal h2, .risk-lab-signal p, .risk-lab-signal small {
  display: block;
}

.risk-lab-signal span {
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.risk-lab-signal h2 {
  color: #173b50;
  margin: 4px 0;
  font-size: 23px;
}

.risk-lab-signal p {
  color: #4c6877;
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

.risk-lab-signal small {
  color: #71818b;
  margin-top: 7px;
}

.risk-lab-traffic, .command-traffic-light {
  background: #0c1c26;
  border-radius: 13px;
  gap: 4px;
  width: 40px;
  padding: 5px;
  display: grid;
  box-shadow: inset 0 1px #ffffff24;
}

.risk-lab-traffic i, .command-traffic-light i {
  background: #33434c;
  border-radius: 50%;
  width: 30px;
  height: 30px;
}

.risk-lab-traffic.red .red, .command-traffic-light.red .red {
  background: #ed594f;
  box-shadow: 0 0 14px #ed594f;
}

.risk-lab-traffic.amber .amber, .command-traffic-light.amber .amber {
  background: #efb12e;
  box-shadow: 0 0 14px #efb12e;
}

.risk-lab-traffic.green .green, .command-traffic-light.green .green {
  background: #2fc685;
  box-shadow: 0 0 14px #2fc685;
}

.risk-lab-bands {
  align-items: center;
  gap: 8px;
  padding: 0 17px 15px;
  display: flex;
}

.risk-lab-bands > span {
  color: #5d7481;
  border: 1px solid #d9e3e8;
  border-radius: 9px;
  flex: 1;
  grid-template-columns: auto 1fr;
  gap: 2px 7px;
  padding: 9px;
  font-size: 11px;
  display: grid;
}

.risk-lab-bands > span i {
  background: #98a6ae;
  border-radius: 50%;
  grid-row: 1 / 3;
  width: 9px;
  height: 9px;
  margin-top: 3px;
}

.risk-lab-bands > span.green i {
  background: #2bb678;
}

.risk-lab-bands > span.amber i {
  background: #e7a629;
}

.risk-lab-bands > span.red i {
  background: #df554c;
}

.risk-lab-bands b {
  color: #294a5c;
}

.risk-lab-bands > svg {
  color: #8aa0ac;
  width: 14px;
}

.risk-lab-decision {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0 17px 17px;
  display: grid;
}

.risk-lab-decision section {
  background: #f9fbfc;
  border: 1px solid #d5e1e7;
  border-radius: 10px;
  padding: 12px;
}

.risk-lab-decision span {
  color: #5f8192;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.risk-lab-decision h3 {
  color: #1c455a;
  margin: 5px 0;
  font-size: 14px;
}

.risk-lab-decision p {
  color: #516d7c;
  gap: 5px;
  margin: 5px 0;
  font-size: 12px;
  line-height: 1.4;
  display: flex;
}

.risk-lab-decision p svg {
  color: #3b9d72;
  flex: none;
  width: 14px;
}

.risk-lab-decision em {
  color: #527184;
  text-transform: uppercase;
  background: #e9f1f5;
  border-radius: 6px;
  margin-top: 7px;
  padding: 4px 6px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  display: inline-block;
}

.risk-lab-decision small {
  color: #7a8b95;
  margin-top: 7px;
  font-size: 10px;
  line-height: 1.35;
  display: block;
}

.risk-signal-lab > footer {
  color: #607681;
  background: #f4f8fa;
  border-top: 1px solid #dae5ea;
  gap: 9px;
  padding: 12px 17px;
  font-size: 11px;
  line-height: 1.45;
  display: flex;
}

.risk-signal-lab > footer svg {
  color: #b87e1c;
  flex: none;
  width: 18px;
}

.risk-signal-lab > footer b {
  color: #33576a;
  display: block;
}

.action-intelligence-loop {
  background: #fff;
  border: 1px solid #bdd0db;
  border-radius: 17px;
  overflow: hidden;
  box-shadow: 0 14px 36px #0a2c4210;
}

.action-intelligence-loop > header {
  background: #f8fbfc;
  border-bottom: 1px solid #dae5ea;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 17px;
  display: flex;
}

.action-intelligence-loop > header > div {
  align-items: center;
  gap: 9px;
  display: flex;
}

.action-intelligence-loop > header svg {
  color: #2388a4;
  width: 21px;
}

.action-intelligence-loop > header b, .action-intelligence-loop > header small {
  display: block;
}

.action-intelligence-loop > header small {
  color: #718590;
  margin-top: 2px;
  font-size: 11px;
}

.action-intelligence-loop > header em {
  color: #33758a;
  text-transform: uppercase;
  background: #e7f3f6;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.action-intelligence-summary {
  color: #dcecf1;
  background: linear-gradient(110deg, #0a2335, #0d4054);
  gap: 12px;
  padding: 16px 17px;
  display: flex;
}

.action-intelligence-summary > svg {
  color: #61c9dc;
  flex: none;
  width: 24px;
}

.action-intelligence-summary span, .action-intelligence-summary h2, .action-intelligence-summary small {
  display: block;
}

.action-intelligence-summary span {
  color: #65c7da;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.action-intelligence-summary h2 {
  color: #fff;
  max-width: 1200px;
  margin: 5px 0;
  font-size: 15px;
  line-height: 1.5;
}

.action-intelligence-summary small {
  color: #9bb4bf;
}

.action-loop-stages {
  align-items: stretch;
  gap: 3px;
  padding: 15px 17px;
  display: flex;
}

.action-loop-stage {
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
}

.action-loop-stage > article {
  background: #f8fafb;
  border: 1px solid #d5e1e6;
  border-radius: 10px;
  grid-template-columns: auto 1fr;
  gap: 3px 8px;
  width: 100%;
  height: 100%;
  padding: 10px;
  display: grid;
}

.action-loop-stage > article > i {
  color: #778994;
  background: #e7edf0;
  border-radius: 8px;
  grid-row: 1 / 4;
  place-items: center;
  width: 25px;
  height: 25px;
  display: grid;
}

.action-loop-stage.ready > article > i {
  color: #27805a;
  background: #dff5e9;
}

.action-loop-stage.review > article > i {
  color: #9a6813;
  background: #fff0cc;
}

.action-loop-stage svg {
  width: 14px;
}

.action-loop-stage > svg {
  color: #8ea2ad;
  flex: none;
  width: 15px;
}

.action-loop-stage span {
  color: #4e7487;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.action-loop-stage b {
  color: #294a5c;
  font-size: 11px;
  line-height: 1.35;
}

.action-loop-stage small {
  color: #81919a;
  text-transform: uppercase;
  font-size: 9px;
}

.action-engineering-detail {
  grid-template-columns: 1.2fr .8fr;
  gap: 12px;
  padding: 0 17px 15px;
  display: grid;
}

.action-engineering-detail > section {
  background: #f8fafb;
  border: 1px solid #d5e1e7;
  border-radius: 11px;
  padding: 12px;
}

.action-engineering-detail header span, .action-engineering-detail header b {
  display: block;
}

.action-engineering-detail header span {
  color: #4f8095;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.action-engineering-detail header b {
  color: #284c5f;
  margin-top: 2px;
  font-size: 13px;
}

.action-engineering-detail article {
  gap: 8px;
  margin-top: 8px;
  display: flex;
}

.action-engineering-detail article > i, .action-engineering-detail article > svg {
  color: #2f758d;
  background: #dcecf2;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 19px;
  height: 19px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.action-engineering-detail article > svg {
  color: #9a6813;
  background: #fff0cc;
  padding: 3px;
}

.action-engineering-detail p {
  margin: 0;
}

.action-engineering-detail p b, .action-engineering-detail p span {
  display: block;
}

.action-engineering-detail p b {
  color: #355669;
  font-size: 11px;
}

.action-engineering-detail p span {
  color: #71848f;
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.35;
}

.action-intelligence-loop > footer {
  background: #f3f8fa;
  border-top: 1px solid #dce6eb;
  gap: 10px;
  padding: 13px 17px;
  display: flex;
}

.action-intelligence-loop > footer svg {
  color: #2e879e;
  flex: none;
  width: 20px;
}

.action-intelligence-loop > footer span, .action-intelligence-loop > footer b, .action-intelligence-loop > footer small {
  display: block;
}

.action-intelligence-loop > footer span {
  color: #2d7188;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.action-intelligence-loop > footer b {
  color: #3f5e6e;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.4;
}

.action-intelligence-loop > footer small {
  color: #758791;
  margin-top: 4px;
  font-size: 10px;
}

.failure-evidence-gate {
  background: #f7fafb;
  border: 1px solid #d3dfe5;
  border-radius: 12px;
  margin: 0 16px 14px;
  padding: 13px;
}

.failure-evidence-gate header span, .failure-evidence-gate header b, .failure-evidence-gate header small {
  display: block;
}

.failure-evidence-gate header span {
  color: #3f819a;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.failure-evidence-gate header b {
  color: #254c60;
  margin-top: 3px;
  font-size: 14px;
}

.failure-evidence-gate header small {
  color: #70838e;
  margin-top: 3px;
}

.failure-evidence-gate > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
  display: grid;
}

.failure-evidence-gate button {
  color: #5a7584;
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d1dee4;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  padding: 8px;
  font-size: 11px;
  display: flex;
}

.failure-evidence-gate button i {
  background: #e5ecef;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 20px;
  height: 20px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.failure-evidence-gate button.ready {
  color: #2e674d;
  background: #eff9f4;
  border-color: #9fd1b8;
}

.failure-evidence-gate button.ready i {
  color: #fff;
  background: #32956a;
}

.model-validation-ladder {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 7px;
  margin: 0 16px 14px;
  display: grid;
}

.model-validation-ladder article {
  background: #fff;
  border: 1px solid #d3e0e6;
  border-radius: 9px;
  align-items: center;
  gap: 7px;
  padding: 8px;
  display: flex;
}

.model-validation-ladder article > i {
  color: #8ce0ee;
  background: #113f56;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 23px;
  height: 23px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.model-validation-ladder span, .model-validation-ladder b, .model-validation-ladder small {
  display: block;
}

.model-validation-ladder b {
  color: #315769;
  font-size: 10px;
}

.model-validation-ladder small {
  color: #748792;
  text-transform: capitalize;
  margin-top: 2px;
  font-size: 9px;
}

.community-evidence-meter, .discussion-evidence {
  margin-top: 9px;
}

.community-evidence-meter > span, .discussion-evidence > span {
  color: #537384;
  justify-content: space-between;
  gap: 8px;
  font-size: 10px;
  display: flex;
}

.community-evidence-meter em, .discussion-evidence em {
  font-style: normal;
  font-weight: 900;
}

.community-evidence-meter > i, .discussion-evidence > i {
  background: #dfe8ec;
  border-radius: 99px;
  height: 5px;
  margin-top: 5px;
  display: block;
  overflow: hidden;
}

.community-evidence-meter > i > b, .discussion-evidence > i > b {
  border-radius: inherit;
  background: linear-gradient(90deg, #2e819d, #40ac7d);
  height: 100%;
  display: block;
}

.community-quality-checks {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.community-quality-checks > span {
  color: #6b7e88;
  border: 1px solid #d6e1e6;
  border-radius: 99px;
  align-items: center;
  gap: 5px;
  padding: 5px 7px;
  font-size: 10px;
  display: flex;
}

.community-quality-checks > span i {
  font-style: normal;
}

.community-quality-checks > span.ready {
  color: #2e7555;
  background: #eff9f4;
  border-color: #acd6bf;
}

.community-quality-checks > span.missing {
  background: #f5f7f8;
}

.community-assisted-brief, .community-brief {
  background: #f5fafb;
  border: 1px solid #cbdce4;
  border-radius: 10px;
  padding: 11px;
}

.community-assisted-brief > span, .community-brief > span {
  color: #277d98;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.community-assisted-brief p, .community-brief p {
  color: #58717e;
  margin: 6px 0;
  font-size: 11px;
  line-height: 1.4;
}

.community-assisted-brief p b {
  color: #36596a;
  display: block;
}

.discussion-evidence {
  background: #f8fafb;
  border: 1px solid #dbe5e9;
  border-radius: 9px;
  padding: 9px 10px;
}

.community-source-queries {
  background: #f8fafb;
  border: 1px solid #d7e2e7;
  border-radius: 9px;
  gap: 5px;
  margin-top: 10px;
  padding: 10px;
  display: grid;
}

.community-source-queries span {
  color: #3c7b91;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.community-source-queries b {
  color: #526f7e;
  font-size: 10px;
  font-weight: 700;
}

@media (max-width: 1280px) {
  .intelligence-topbar {
    grid-template-columns: minmax(300px, 1fr) auto auto;
  }

  .intelligence-identity {
    display: none;
  }

  .failure-evidence-gate > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .action-loop-stages {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
  }

  .action-loop-stage > svg {
    display: none;
  }
}

@media (max-width: 980px) {
  .intelligence-topbar {
    grid-template-columns: 1fr auto;
  }

  .topbar-risk-signal {
    grid-column: 1 / -1;
  }

  .risk-lab-layout, .action-engineering-detail {
    grid-template-columns: 1fr;
  }

  .model-validation-ladder {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .intelligence-topbar {
    grid-template-columns: 1fr;
  }

  .risk-signal-lab > header {
    flex-direction: column;
    align-items: flex-start;
  }

  .risk-lab-controls, .risk-lab-decision {
    grid-template-columns: 1fr;
  }

  .risk-lab-bands {
    flex-direction: column;
    align-items: stretch;
  }

  .risk-lab-bands > svg {
    align-self: center;
    transform: rotate(90deg);
  }

  .action-loop-stages, .failure-evidence-gate > div, .model-validation-ladder {
    grid-template-columns: 1fr;
  }

  .action-intelligence-loop > header {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* [project]/app/intelligence-v043.css [app-client] (css) */
.trend-diagnostics {
  background: linear-gradient(145deg, #f9fcfd, #f1f7f9);
  border: 1px solid #cbdce4;
  border-radius: 12px;
  margin: 0 16px 14px;
  padding: 13px;
}

.trend-diagnostics > header {
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
  display: flex;
}

.trend-diagnostics > header span, .trend-diagnostics > header b {
  display: block;
}

.trend-diagnostics > header span {
  color: #2d7f9b;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.trend-diagnostics > header b {
  color: #315366;
  font-size: 12px;
}

.trend-diagnostics > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  margin-top: 10px;
  display: grid;
}

.trend-diagnostics article {
  background: #fff;
  border: 1px solid #d5e1e7;
  border-radius: 9px;
  min-width: 0;
  padding: 10px;
}

.trend-diagnostics article span, .trend-diagnostics article b, .trend-diagnostics article small {
  display: block;
}

.trend-diagnostics article span {
  color: #66808e;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.trend-diagnostics article b {
  color: #183f55;
  text-transform: capitalize;
  margin-top: 4px;
  font-size: 13px;
}

.trend-diagnostics article small {
  color: #7c8e98;
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.35;
}

.forecast-release {
  background: #fff;
  border: 1px solid #d3dfe5;
  border-radius: 12px;
  margin: 0 16px 14px;
  overflow: hidden;
}

.forecast-release > header {
  background: #f7fafb;
  border-bottom: 1px solid #dfe7eb;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 9px;
  padding: 11px 13px;
  display: grid;
}

.forecast-release > header span, .forecast-release > header b {
  display: block;
}

.forecast-release > header span {
  color: #377d97;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.forecast-release > header b {
  color: #35596b;
  font-size: 11px;
}

.forecast-release > header em {
  color: #687c87;
  text-transform: uppercase;
  background: #e8eef1;
  border-radius: 99px;
  padding: 4px 7px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.forecast-release.validation_ready > header em {
  color: #247451;
  background: #dff5e9;
}

.forecast-release.engineering_review > header em, .forecast-release.planning_only > header em {
  color: #805a13;
  background: #fff0cf;
}

.forecast-release > p {
  color: #526e7c;
  margin: 0;
  padding: 11px 13px;
  font-size: 11px;
  line-height: 1.45;
}

.forecast-release > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 6px;
  padding: 0 12px 12px;
  display: grid;
}

.forecast-release article {
  background: #fafcfd;
  border: 1px solid #dae3e8;
  border-radius: 8px;
  gap: 7px;
  min-width: 0;
  padding: 8px;
  display: flex;
}

.forecast-release article > i {
  color: #6f818a;
  background: #e6ecef;
  border-radius: 6px;
  flex: none;
  place-items: center;
  width: 20px;
  height: 20px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.forecast-release article.ready {
  background: #f1faf5;
  border-color: #b6dbc7;
}

.forecast-release article.ready > i {
  color: #fff;
  background: #339267;
}

.forecast-release article.review {
  background: #fffaf0;
  border-color: #ead39d;
}

.forecast-release article.review > i {
  color: #fff;
  background: #dfa42f;
}

.forecast-release article b, .forecast-release article small {
  display: block;
}

.forecast-release article b {
  color: #36576a;
  font-size: 10px;
}

.forecast-release article small {
  color: #788b96;
  text-transform: capitalize;
  margin-top: 2px;
  font-size: 9px;
  line-height: 1.3;
}

.forecast-release > footer {
  color: #607985;
  background: #f5f8fa;
  border-top: 1px solid #dfe7eb;
  padding: 9px 13px;
  font-size: 10px;
}

.forecast-release > footer b {
  color: #2c6075;
  text-transform: uppercase;
  margin-right: 6px;
}

.failure-evidence-gate > div {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}

.scenario-assurance {
  background: #f5fafb;
  border: 1px solid #cbdce4;
  border-radius: 10px;
  margin-top: 14px;
  padding: 11px;
}

.scenario-assurance > header {
  justify-content: space-between;
  gap: 10px;
  display: flex;
}

.scenario-assurance > header span {
  color: #397b94;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.scenario-assurance > header b {
  color: #1e5870;
  font-size: 12px;
}

.scenario-assurance > i {
  background: #dce7eb;
  border-radius: 99px;
  height: 6px;
  margin-top: 6px;
  display: block;
  overflow: hidden;
}

.scenario-assurance > i > b {
  border-radius: inherit;
  background: linear-gradient(90deg, #2c7f9e, #36ad78);
  height: 100%;
  display: block;
}

.scenario-assurance > p {
  color: #637b88;
  margin: 8px 0 0;
  font-size: 10px;
  line-height: 1.4;
}

.scenario-readiness button > span {
  display: block;
}

.scenario-readiness button > span small {
  color: #85949c;
  text-transform: uppercase;
  margin-top: 2px;
  font-size: 8px;
  font-weight: 800;
  display: block;
}

.scenario-consequence {
  border-top: 1px solid #dce6ea;
  margin-top: 14px;
  padding-top: 13px;
}

.scenario-consequence > span {
  color: #53778a;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.scenario-consequence > div {
  align-items: stretch;
  gap: 4px;
  margin-top: 8px;
  display: flex !important;
}

.scenario-consequence article {
  flex: 1;
  align-items: center;
  min-width: 0;
  display: flex;
}

.scenario-consequence article > b {
  text-align: center;
  background: #f4f9fa;
  border: 1px solid #cfdee5;
  border-radius: 8px;
  flex: 1;
  min-width: 0;
  padding: 8px;
  line-height: 1.35;
  color: #355c70 !important;
  font-size: 10px !important;
}

.scenario-consequence article > svg {
  color: #6e95a5;
  flex: none;
  width: 14px;
  margin: 0 3px;
}

.scenario-consequence > p {
  color: #705a2f;
  background: #fff8e8;
  border-left: 3px solid #d49a2d;
  margin: 9px 0 0;
  padding: 9px;
  font-size: 10px;
  line-height: 1.4;
}

.scenario-consequence > p b {
  color: #926415;
  text-transform: uppercase;
  font-size: 9px;
  display: block;
}

.roi-stress-envelope {
  background: #f8fbfc;
  border: 1px solid #bfd4de;
  border-radius: 12px;
  margin: 0 16px 16px;
  overflow: hidden;
}

.roi-stress-envelope > header {
  background: linear-gradient(100deg, #f7fbfc, #eaf5f7);
  border-bottom: 1px solid #d7e3e8;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 12px 13px;
  display: flex;
}

.roi-stress-envelope > header span, .roi-stress-envelope > header b, .roi-stress-envelope > header small {
  display: block;
}

.roi-stress-envelope > header span {
  color: #2c7c97;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.roi-stress-envelope > header b {
  color: #294f62;
  margin-top: 2px;
  font-size: 13px;
}

.roi-stress-envelope > header small {
  color: #738792;
  margin-top: 2px;
  font-size: 10px;
}

.roi-stress-envelope > header em {
  color: #257353;
  white-space: nowrap;
  background: #dff4e9;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

.roi-stress-controls {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  padding: 12px;
  display: grid;
}

.roi-stress-controls label > span {
  color: #5d7887;
  text-transform: uppercase;
  margin-bottom: 5px;
  font-size: 9px;
  font-weight: 900;
  display: block;
}

.roi-stress-controls label > div {
  display: flex;
}

.roi-stress-controls input {
  border-radius: 7px 0 0 7px;
  min-width: 0;
}

.roi-stress-controls label b {
  color: #66808d;
  background: #edf3f5;
  border: 1px solid #c7d6dd;
  border-left: 0;
  border-radius: 0 7px 7px 0;
  place-items: center;
  width: 38px;
  font-size: 10px;
  display: grid;
}

.roi-stress-results {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  padding: 0 12px 12px;
  display: grid;
}

.roi-stress-results article {
  background: #fff;
  border: 1px solid #d4e0e6;
  border-radius: 9px;
  min-width: 0;
  padding: 10px;
}

.roi-stress-results span, .roi-stress-results b, .roi-stress-results small {
  display: block;
}

.roi-stress-results span {
  color: #5f7c8a;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.roi-stress-results b {
  color: #1d4358;
  margin-top: 4px;
  font-size: 14px;
}

.roi-stress-results b.positive {
  color: #247754;
}

.roi-stress-results b.negative {
  color: #ae4e46;
}

.roi-stress-results small {
  color: #7b8d97;
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.35;
}

.reasoning-quality-gate {
  background: #f8fbfc;
  border: 1px solid #cedce3;
  border-radius: 10px;
  margin-top: 10px;
  overflow: hidden;
}

.reasoning-quality-gate > header {
  border-bottom: 1px solid #dce6ea;
  grid-template-columns: 1fr auto auto;
  align-items: center;
  gap: 8px;
  padding: 10px 11px;
  display: grid;
}

.reasoning-quality-gate > header span {
  color: #367d98;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.reasoning-quality-gate > header b {
  color: #5f7683;
  text-transform: uppercase;
  font-size: 9px;
}

.reasoning-quality-gate > header em {
  color: #805a13;
  background: #fff0cf;
  border-radius: 99px;
  padding: 4px 6px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.reasoning-quality-gate.draft_ready > header em {
  color: #226f50;
  background: #dcf3e6;
}

.reasoning-quality-gate.blocked > header em {
  color: #a44740;
  background: #f9e2df;
}

.reasoning-quality-gate > p {
  color: #597280;
  margin: 0;
  padding: 9px 11px;
  font-size: 10px;
  line-height: 1.4;
}

.reasoning-quality-gate > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 6px;
  padding: 0 10px 10px;
  display: grid;
}

.reasoning-quality-gate article {
  background: #fff;
  border: 1px solid #d8e3e8;
  border-radius: 8px;
  gap: 6px;
  padding: 7px;
  display: flex;
}

.reasoning-quality-gate article > i {
  color: #71838c;
  background: #e8edef;
  border-radius: 5px;
  flex: none;
  place-items: center;
  width: 18px;
  height: 18px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.reasoning-quality-gate article.ready > i {
  color: #fff;
  background: #369267;
}

.reasoning-quality-gate article b, .reasoning-quality-gate article small {
  display: block;
}

.reasoning-quality-gate article b {
  color: #3b5c6d;
  font-size: 9px;
}

.reasoning-quality-gate article small {
  color: #81919a;
  margin-top: 2px;
  font-size: 8px;
  line-height: 1.3;
}

.reasoning-quality-gate > footer {
  color: #647c88;
  background: #f2f7f8;
  border-top: 1px solid #dce6ea;
  padding: 8px 10px;
  font-size: 9px;
}

.reasoning-quality-gate > footer b {
  color: #2d657c;
  text-transform: uppercase;
  margin-right: 5px;
}

@media (max-width: 1280px) {
  .failure-evidence-gate > div {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .trend-diagnostics > div, .forecast-release > div, .roi-stress-results {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .trend-diagnostics > header, .roi-stress-envelope > header {
    flex-direction: column;
    align-items: flex-start;
  }

  .trend-diagnostics > div, .forecast-release > div, .roi-stress-controls, .roi-stress-results, .reasoning-quality-gate > div, .failure-evidence-gate > div, .forecast-release > header, .reasoning-quality-gate > header {
    grid-template-columns: 1fr;
  }

  .forecast-release > header em, .reasoning-quality-gate > header em {
    width: max-content;
  }

  .scenario-consequence > div, .scenario-consequence article {
    flex-direction: column;
  }

  .scenario-consequence article > svg {
    margin: 3px;
    transform: rotate(90deg);
  }
}

/* [project]/app/simple-kpis.css [app-client] (css) */
.simple-kpis {
  color: #15304c;
  gap: 1.25rem;
  display: grid;
}

.simple-kpis > header {
  align-items: flex-start;
  gap: .9rem;
  display: flex;
}

.simple-kpis > header > div {
  flex: 1;
  min-width: 0;
}

.simple-kpis > header > button {
  flex-shrink: 0;
}

.simple-kpis > header > svg {
  color: #17689c;
  flex-shrink: 0;
  margin-top: .25rem;
}

.simple-kpis h2 {
  margin: 0 0 .5rem;
  font-size: 1.4rem;
}

.simple-kpis h3 {
  margin: 0;
  font-size: 1.05rem;
}

.simple-kpis p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
}

.simple-kpi-editor, .simple-kpi-saved, .simple-kpi-overrides, .simple-kpi-library {
  background: #fff;
  border: 1px solid #d8e3ec;
  border-radius: 1rem;
  gap: 1rem;
  min-width: 0;
  padding: 1.5rem;
  display: grid;
}

.simple-kpi-flow {
  background: #f7fafc;
  border: 1px solid #cbdbe7;
  border-radius: 1rem;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  display: grid;
}

.simple-kpi-flow > div {
  background: #fff;
  border: 1px solid #d8e3ec;
  border-radius: .75rem;
  align-content: center;
  gap: .3rem;
  min-height: 6.2rem;
  padding: 1rem;
  display: grid;
}

.simple-kpi-flow > div.active {
  background: #eef8f3;
  border-color: #8fc8ad;
}

.simple-kpi-flow > svg {
  color: #17689c;
}

.simple-kpi-flow span {
  color: #52687d;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .78rem;
  font-weight: 800;
}

.simple-kpi-flow b {
  font-size: 1.05rem;
}

.simple-kpi-flow small {
  color: #52687d;
  font-size: .82rem;
  line-height: 1.45;
}

.simple-kpi-band-guide {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.simple-kpi-band-guide > div {
  border: 1px solid;
  border-radius: .75rem;
  gap: .25rem;
  padding: .9rem 1rem;
  display: grid;
}

.simple-kpi-band-guide span {
  letter-spacing: .035em;
  text-transform: uppercase;
  font-size: .78rem;
  font-weight: 800;
}

.simple-kpi-band-guide b {
  font-size: .88rem;
}

.simple-kpi-band-guide .green {
  color: #1c624b;
  background: #eef8f3;
  border-color: #9dceb8;
}

.simple-kpi-band-guide .amber {
  color: #795410;
  background: #fff8e7;
  border-color: #e0bf76;
  box-shadow: inset 0 0 0 2px #f6d98f55;
}

.simple-kpi-band-guide .red {
  color: #983d3a;
  background: #fff0ef;
  border-color: #e6b3b0;
}

.simple-kpi-editor-heading, .simple-kpi-saved > header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.simple-kpi-saved > header > div {
  gap: .3rem;
  display: grid;
}

.simple-kpi-saved > header p {
  color: #52687d;
  font-size: .875rem;
}

.simple-kpi-saved > header .simple-kpi-saved-actions {
  flex-flow: wrap;
  gap: .5rem;
  display: flex;
}

.simple-kpi-replace-confirm {
  color: #62430b;
  background: #fff8e7;
  border: 1px solid #e0bf76;
  border-radius: .75rem;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: .75rem;
  padding: 1rem;
  display: grid;
}

.simple-kpi-replace-confirm > div {
  gap: .3rem;
  display: grid;
}

.simple-kpi-replace-confirm span {
  font-size: .82rem;
  line-height: 1.45;
}

.simple-kpi-library > header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  display: flex;
}

.simple-kpi-library > header p {
  color: #52687d;
  margin-top: .35rem;
  font-size: .875rem;
}

.simple-kpi-library > header strong {
  color: #17689c;
  white-space: nowrap;
  background: #edf5fb;
  border-radius: 999px;
  padding: .5rem .8rem;
  font-size: .875rem;
}

.simple-kpi-library-counts {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: .5rem;
  display: flex;
}

.simple-kpi-queue-help {
  color: #52687d;
  font-size: .875rem;
}

.simple-kpi-library th, .simple-kpi-library td {
  vertical-align: top;
  font-size: .8rem;
}

.simple-kpi-library .table-wrap {
  max-height: 38rem;
  overflow: auto;
}

.simple-kpi-library thead {
  z-index: 1;
  background: #fff;
  position: sticky;
  top: 0;
}

.simple-kpi-library td:nth-child(2) {
  min-width: 12rem;
}

.simple-kpi-library td:nth-child(2) small, .simple-kpi-library td:nth-child(2) em {
  color: #6b7f91;
  margin-top: .3rem;
  font-size: .7rem;
  font-style: normal;
  display: block;
}

.simple-kpi-library td:nth-child(2) em {
  color: #17689c;
  font-weight: 700;
}

.simple-kpi-library-bands {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .35rem;
  min-width: 20rem;
  display: grid;
}

.simple-kpi-library-bands span {
  border-radius: .45rem;
  padding: .45rem;
  font-size: .7rem;
}

.simple-kpi-library-bands span b {
  overflow-wrap: anywhere;
  margin-top: .2rem;
  display: block;
}

.simple-kpi-library-bands .green {
  color: #1c624b;
  background: #eef8f3;
}

.simple-kpi-library-bands .amber {
  color: #795410;
  background: #fff8e7;
}

.simple-kpi-library-bands .red {
  color: #983d3a;
  background: #fff0ef;
}

.simple-kpi-library-status {
  justify-items: start;
  gap: .5rem;
  min-width: 10rem;
  display: grid;
}

.simple-kpi-library-status > span {
  border-radius: 999px;
  padding: .35rem .6rem;
  font-size: .72rem;
  font-weight: 800;
  line-height: 1.3;
  display: inline-flex;
}

.simple-kpi-library-status > span.ready {
  color: #1c624b;
  background: #e5f5ed;
}

.simple-kpi-library-status > span.paused {
  color: #52687d;
  background: #eef1f4;
}

.simple-kpi-reference-delete-confirm {
  color: #983d3a;
  background: #fff0ef;
  border: 1px solid #e6b3b0;
  border-radius: .6rem;
  gap: .45rem;
  min-width: 13rem;
  padding: .65rem;
  display: grid;
}

.simple-kpi-reference-delete-confirm > b {
  font-size: .78rem;
}

.simple-kpi-reference-delete-confirm > span {
  color: #7b504e;
  font-size: .7rem;
  line-height: 1.4;
}

.simple-kpi-reference-delete-confirm > div {
  flex-wrap: wrap;
  gap: .4rem;
  display: flex;
}

.simple-kpi-library-empty {
  color: #52687d;
  background: #f7fafc;
  border: 1px dashed #c7d6e1;
  border-radius: .7rem;
  padding: 1rem;
}

.simple-kpis .simple-kpi-template-note {
  color: #365f78;
  background: #edf5fb;
  border-left: 4px solid #17689c;
  border-radius: .5rem;
  padding: .8rem 1rem;
  font-size: .875rem;
}

.simple-kpi-fields {
  grid-template-columns: 2fr 1fr 1.35fr 1.35fr;
  gap: 1rem;
  display: grid;
}

.simple-kpi-fields label {
  gap: .45rem;
  min-width: 0;
  font-size: .875rem;
  display: grid;
}

.simple-kpi-fields label small {
  color: #52687d;
  font-size: .74rem;
  line-height: 1.35;
}

.simple-kpi-fields input, .simple-kpi-fields select {
  width: 100%;
  min-width: 0;
  min-height: 2.7rem;
  font-size: 1rem;
}

.simple-kpi-fields select {
  color: #15304c;
  background: #fff;
  border: 1px solid #c4d4e1;
  border-radius: .5rem;
  padding: .5rem;
}

.simple-kpi-thresholds {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
  gap: .75rem;
  display: grid;
}

.simple-kpi-thresholds label {
  border-left: 4px solid;
  border-radius: .7rem;
  grid-template-columns: 1fr minmax(8rem, .45fr);
  align-items: center;
  gap: .25rem 1rem;
  padding: 1rem;
  display: grid;
}

.simple-kpi-thresholds label > span {
  font-size: .95rem;
  font-weight: 800;
}

.simple-kpi-thresholds label > small {
  color: inherit;
  grid-column: 1;
  font-size: .78rem;
}

.simple-kpi-thresholds label > input {
  background: #fff;
  grid-area: 1 / 2 / 3;
  width: 100%;
  min-width: 0;
  min-height: 2.7rem;
  font-size: 1rem;
}

.simple-kpi-thresholds .amber {
  color: #795410;
  background: #fff8e7;
  border-color: #b78425;
}

.simple-kpi-thresholds .red {
  color: #983d3a;
  background: #fff0ef;
  border-color: #bb4d48;
}

.simple-kpi-zero-low {
  color: #1c624b;
  cursor: pointer;
  background: #eef8f3;
  border: 1px solid #b9d9ca;
  border-radius: .7rem;
  align-items: flex-start;
  gap: .7rem;
  width: fit-content;
  padding: .8rem 1rem;
  display: flex;
}

.simple-kpi-zero-low input {
  accent-color: #25805f;
  width: 1rem;
  height: 1rem;
  margin-top: .15rem;
}

.simple-kpi-zero-low span, .simple-kpi-zero-low b, .simple-kpi-zero-low small {
  display: block;
}

.simple-kpi-zero-low b {
  font-size: .9rem;
}

.simple-kpi-zero-low small {
  color: #527667;
  margin-top: .2rem;
  font-size: .78rem;
}

.simple-kpi-bands-heading h4 {
  margin: 0;
  font-size: 1rem;
}

.simple-kpi-bands-heading p {
  color: #52687d;
  margin-top: .25rem;
  font-size: .875rem;
}

.simple-kpi-bands {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.simple-kpi-bands > div {
  overflow-wrap: anywhere;
  border-left: 4px solid;
  border-radius: .7rem;
  gap: .45rem;
  padding: 1rem;
  display: grid;
}

.simple-kpi-bands span {
  font-size: .875rem;
}

.simple-kpi-bands b {
  font-size: 1.1rem;
}

.simple-kpi-bands .green {
  color: #1c624b;
  background: #eef8f3;
  border-color: #25805f;
}

.simple-kpi-bands .amber {
  color: #795410;
  background: #fff8e7;
  border-color: #b78425;
}

.simple-kpi-bands .red {
  color: #983d3a;
  background: #fff0ef;
  border-color: #bb4d48;
}

.simple-kpis .simple-kpi-note {
  color: #52687d;
  font-size: .875rem;
}

.simple-kpi-save {
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.simple-kpi-save > span {
  color: #52687d;
  font-size: .875rem;
}

.simple-kpis .simple-kpi-error {
  color: #983d3a;
  background: #fff0ef;
  border-radius: .6rem;
  padding: 1rem;
}

.simple-kpis .simple-kpi-success {
  color: #1c624b;
  background: #eef8f3;
  border-radius: .6rem;
  padding: 1rem;
}

.simple-kpi-row-actions {
  flex-wrap: wrap;
  gap: .5rem;
  display: flex;
}

.simple-kpi-delete-confirm {
  background: #fff0ef;
  border: 1px solid #e6b3b0;
  border-radius: .6rem;
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  padding: .55rem;
  display: flex;
}

.simple-kpi-delete-confirm > span {
  color: #983d3a;
  flex-basis: 100%;
  font-size: .78rem;
  font-weight: 800;
}

.simple-kpi-saved th, .simple-kpi-saved td {
  font-size: .875rem;
}

.simple-kpi-saved .simple-kpi-moderate-head {
  color: #795410;
  background: #fff8e7;
}

.simple-kpi-saved .simple-kpi-band-cell {
  min-width: 8rem;
  font-weight: 700;
}

.simple-kpi-saved .simple-kpi-band-cell.green {
  color: #1c624b;
  background: #f4fbf7;
}

.simple-kpi-saved .simple-kpi-band-cell.amber {
  color: #795410;
  background: #fff8e7;
  box-shadow: inset 2px 0 #e0bf76, inset -2px 0 #e0bf76;
}

.simple-kpi-saved .simple-kpi-band-cell.red {
  color: #983d3a;
  background: #fff6f5;
}

.simple-kpi-family {
  color: #17689c;
  white-space: nowrap;
  background: #edf5fb;
  border-radius: 999px;
  padding: .35rem .6rem;
  font-size: .75rem;
  font-weight: 800;
  display: inline-flex;
}

.simple-kpi-family.unclassified {
  color: #52687d;
  background: #eef1f4;
}

.simple-kpi-reference-operating {
  color: #17689c;
  margin-top: .35rem;
  font-size: .72rem;
  line-height: 1.35;
  display: block;
}

.simple-kpi-unit-review {
  color: #795410;
  font-style: normal;
  font-weight: 700;
}

.simple-kpi-saved-state {
  white-space: nowrap;
  border-radius: 999px;
  padding: .35rem .6rem;
  font-size: .75rem;
  font-weight: 800;
  display: inline-flex;
}

.simple-kpi-saved-state.ready {
  color: #1c624b;
  background: #e5f5ed;
}

.simple-kpi-saved-state.paused {
  color: #52687d;
  background: #eef1f4;
}

.simple-kpi-saved-state.review {
  color: #795410;
  background: #fff4d6;
}

.simple-kpi-overrides {
  border-top: 4px solid #17689c;
}

.simple-kpi-overrides > header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  display: flex;
}

.simple-kpi-overrides > header > div {
  gap: .3rem;
  display: grid;
}

.simple-kpi-overrides > header span {
  color: #17689c;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 800;
}

.simple-kpi-overrides > header p {
  color: #52687d;
  max-width: 58rem;
  font-size: .875rem;
}

.simple-kpi-override-explainer {
  color: #365f78;
  background: #edf7fa;
  border-left: 4px solid #69c4dd;
  border-radius: .5rem;
  flex-wrap: wrap;
  align-items: baseline;
  gap: .55rem;
  padding: .8rem 1rem;
  font-size: .84rem;
  line-height: 1.5;
  display: flex;
}

.simple-kpi-override-editor {
  background: #f8fbfd;
  border: 1px solid #cbdbe7;
  border-radius: .8rem;
  gap: 1rem;
  padding: 1rem;
  display: grid;
}

.simple-kpi-override-editor h4 {
  margin: 0;
  font-size: 1rem;
}

.simple-kpi-override-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.simple-kpi-override-fields label {
  gap: .4rem;
  min-width: 0;
  font-size: .875rem;
  display: grid;
}

.simple-kpi-override-fields input, .simple-kpi-override-fields select {
  width: 100%;
  min-width: 0;
  min-height: 2.7rem;
  font-size: 1rem;
}

.simple-kpi-override-fields select {
  color: #15304c;
  background: #fff;
  border: 1px solid #c4d4e1;
  border-radius: .5rem;
  padding: .5rem;
}

.simple-kpi-override-fields small {
  color: #52687d;
  font-size: .74rem;
  line-height: 1.35;
}

.simple-kpi-override-default {
  background: #fff;
  border: 1px dashed #a8bfce;
  border-radius: .6rem;
  gap: .25rem;
  padding: .75rem 1rem;
  display: grid;
}

.simple-kpi-override-default span {
  color: #52687d;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 800;
}

.simple-kpi-override-default b {
  overflow-wrap: anywhere;
  font-size: .84rem;
}

.simple-kpi-overrides th, .simple-kpi-overrides td {
  vertical-align: top;
  font-size: .82rem;
}

.simple-kpi-override-band-summary {
  min-width: 11rem;
}

.simple-kpi-override-band-summary span {
  margin-bottom: .25rem;
  display: block;
}

.simple-kpi-override-band-summary span:first-child {
  color: #1c624b;
}

.simple-kpi-override-band-summary span:nth-child(2) {
  color: #795410;
}

.simple-kpi-override-band-summary span:nth-child(3) {
  color: #983d3a;
}

.kpi-runtime-status.user-defined.green {
  border-left-color: #25805f;
}

.kpi-runtime-status.user-defined.amber {
  border-left-color: #b78425;
}

.kpi-runtime-status.user-defined.red {
  border-left-color: #bb4d48;
}

.kpi-runtime-status .kpi-runtime-state > span, .kpi-runtime-status .kpi-runtime-state > small, .kpi-runtime-status > div:first-child small {
  font-size: .875rem;
}

.kpi-runtime-status .kpi-runtime-state > b {
  font-size: 1rem;
}

.trend-lab-traffic-light.green i.green {
  background: #38b77d;
  border-color: #74d6aa;
  box-shadow: 0 0 12px #38b77d66;
}

.trend-lab-traffic-light.amber i.amber {
  background: #e0a72f;
  border-color: #f6cd76;
  box-shadow: 0 0 12px #e0a72f66;
}

.trend-lab-traffic-light.red i.red {
  background: #dc5c56;
  border-color: #ed9f9a;
  box-shadow: 0 0 12px #dc5c5666;
}

.trend-lab-production-rate-icon {
  color: #69c4dd;
  background: #0d3449;
  border: 1px solid #3a6478;
  border-radius: 1rem;
  place-items: center;
  width: 3.7rem;
  height: 3.7rem;
  display: grid;
  box-shadow: inset 0 0 0 1px #ffffff0a, 0 8px 18px #0005;
}

.trend-lab-production-rate-icon > svg {
  width: 1.8rem;
  height: 1.8rem;
}

.trend-lab-status-board > div > small {
  font-size: .875rem;
  line-height: 1.5;
}

@media (max-width: 1100px) {
  .simple-kpi-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .simple-kpis > header {
    flex-wrap: wrap;
  }

  .simple-kpis > header > button {
    margin-left: 2.4rem;
  }

  .simple-kpi-flow, .simple-kpi-band-guide, .simple-kpi-replace-confirm {
    grid-template-columns: 1fr;
  }

  .simple-kpi-flow > svg {
    justify-self: center;
    transform: rotate(90deg);
  }

  .simple-kpi-fields, .simple-kpi-override-fields, .simple-kpi-thresholds, .simple-kpi-bands, .simple-kpi-thresholds label {
    grid-template-columns: 1fr;
  }

  .simple-kpi-thresholds label > input {
    grid-area: auto / 1;
  }

  .simple-kpi-editor, .simple-kpi-saved, .simple-kpi-overrides, .simple-kpi-library {
    padding: 1rem;
  }
}

/* [project]/app/kpi-screening.css [app-client] (css) */
.dashboard-risk-badge {
  border-radius: 99px;
  align-items: center;
  gap: 4px;
  padding: 4px 6px;
  font-weight: 900;
  line-height: 1.2;
  color: #fff !important;
  margin: 5px 0 0 !important;
  font-size: 8px !important;
  display: flex !important;
}

.dashboard-risk-badge > i {
  background: #fff;
  border: 1px solid #ffffffb8;
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
}

.dashboard-risk-badge.green {
  background: #2f8e62;
}

.dashboard-risk-badge.amber {
  background: #bd7c12;
}

.dashboard-risk-badge.red {
  background: #b83d3a;
}

.dashboard-process-node.selected.risk-layer.green {
  border-color: #2f8e62;
  box-shadow: inset 0 -4px #2f8e62, 0 0 0 3px #2f8e6228;
}

.dashboard-process-node.selected.risk-layer.amber {
  border-color: #bd7c12;
  box-shadow: inset 0 -4px #bd7c12, 0 0 0 3px #bd7c1228;
}

.dashboard-process-node.selected.risk-layer.red {
  border-color: #b83d3a;
  box-shadow: inset 0 -4px #b83d3a, 0 0 0 3px #b83d3a28;
}

.dashboard-technical-boundary.green {
  background: #f0faf5;
  border-color: #9fd0b6;
}

.dashboard-technical-boundary.green > svg {
  color: #2e865d;
}

.dashboard-technical-boundary.amber {
  background: #fff9ec;
  border-color: #e0c17d;
}

.dashboard-technical-boundary.amber > svg {
  color: #a56b11;
}

.dashboard-technical-boundary.red {
  background: #fff4f2;
  border-color: #dfaaa4;
}

.dashboard-technical-boundary.red > svg {
  color: #b8453f;
}

.operator-screening-boundary, .action-screening-boundary {
  color: #275e45;
  background: #eaf8f0;
  border: 1px solid #89c8a6;
  border-radius: 10px;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 15px;
  display: flex;
}

.operator-screening-boundary {
  margin: 0 18px 16px;
}

.action-screening-boundary {
  color: #2c654b;
  background: #f0faf5;
  border-color: #9ecdb4;
  margin: 0;
}

.action-screening-boundary > svg, .operator-screening-boundary > svg {
  flex: none;
  width: 19px;
}

.action-screening-boundary p, .operator-screening-boundary p {
  margin: 0;
}

.action-screening-boundary b, .action-screening-boundary span, .operator-screening-boundary b, .operator-screening-boundary span {
  display: block;
}

.action-screening-boundary b, .operator-screening-boundary b {
  font-size: 11px;
}

.action-screening-boundary span, .operator-screening-boundary span {
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.45;
}

.decision-screening-context {
  background: #f3f7f9;
  padding: 14px 18px 0;
}

.screening-context-controls {
  background: #fff;
  border: 1px solid #bdd4df;
  border-radius: 13px;
  overflow: hidden;
  box-shadow: 0 8px 22px #12384c0b;
}

.screening-context-controls > header {
  background: #f2f8fa;
  border-bottom: 1px solid #dce7ec;
  align-items: flex-start;
  gap: 10px;
  padding: 12px 14px;
  display: flex;
}

.screening-context-controls > header > i {
  color: #287c98;
  background: #dff1f5;
  border-radius: 9px;
  flex: none;
  place-items: center;
  width: 31px;
  height: 31px;
  display: grid;
}

.screening-context-controls > header svg {
  width: 17px;
}

.screening-context-controls > header span, .screening-context-controls > header b, .screening-context-controls > header small {
  display: block;
}

.screening-context-controls > header span {
  color: #287b98;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.screening-context-controls > header b {
  color: #183d53;
  margin-top: 2px;
  font-size: 11px;
}

.screening-context-controls > header small {
  color: #6d8290;
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.4;
}

.screening-context-controls > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 13px 14px;
  display: grid;
}

.screening-context-controls label span {
  color: #617b8b;
  text-transform: uppercase;
  margin-bottom: 4px;
  font-size: 8px;
  font-weight: 900;
  display: block;
}

.screening-context-controls select, .screening-context-controls input {
  color: #23475c;
  width: 100%;
  min-height: 34px;
  font: inherit;
  background: #fff;
  border: 1px solid #c7d6de;
  border-radius: 8px;
  padding: 7px 8px;
  font-size: 9px;
}

.decision-screening-context .screening-context-controls {
  box-shadow: none;
  background: #0a1b27;
  border-color: #294758;
}

.decision-screening-context .screening-context-controls > header {
  background: #0d2432;
  border-color: #ffffff12;
}

.decision-screening-context .screening-context-controls > header > i {
  color: #65bfd5;
  background: #123849;
}

.decision-screening-context .screening-context-controls > header b {
  color: #dce9ee;
}

.decision-screening-context .screening-context-controls > header small, .decision-screening-context .screening-context-controls label span {
  color: #77909d;
}

.decision-screening-context .screening-context-controls select, .decision-screening-context .screening-context-controls input {
  color: #d7e4ea;
  background: #07151f;
  border-color: #355261;
}

.screening-response-brief, .action-response-brief {
  color: #193f32;
  background: linear-gradient(145deg, #f7fcfa, #edf8f3);
  border: 1px solid #acd0c0;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 10px 27px #123e2d0d;
}

.screening-response-brief > header, .action-response-brief > header {
  border-bottom: 1px solid #cfe3da;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  display: flex;
}

.screening-response-brief > header > div, .action-response-brief > header > div {
  align-items: center;
  gap: 9px;
  display: flex;
}

.screening-response-brief header svg, .action-response-brief header svg {
  color: #2b8963;
  width: 19px;
}

.screening-response-brief header span, .screening-response-brief header b, .screening-response-brief header small, .action-response-brief header span, .action-response-brief header b, .action-response-brief header small {
  display: block;
}

.screening-response-brief header b, .action-response-brief header b {
  font-size: 11px;
}

.screening-response-brief header small, .action-response-brief header small {
  color: #658273;
  margin-top: 2px;
  font-size: 8px;
}

.screening-response-brief header em, .action-response-brief header em {
  color: #287456;
  white-space: nowrap;
  background: #d9efe5;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.screening-response-brief {
  margin: 0 18px 16px;
}

.screening-response-grid, .action-response-brief > div {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 13px 15px;
  display: grid;
}

.screening-response-grid article, .action-response-brief article {
  background: #fff;
  border: 1px solid #d3e5dd;
  border-radius: 10px;
  padding: 11px;
}

.screening-response-grid article.solution, .action-response-brief article:last-child {
  border-left: 4px solid #2e9169;
  grid-column: 1 / -1;
}

.screening-response-grid article span, .screening-response-grid article b, .action-response-brief article span, .action-response-brief article b {
  display: block;
}

.screening-response-grid article span, .action-response-brief article span {
  color: #59806d;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.screening-response-grid article b, .action-response-brief article b {
  color: #204536;
  margin-top: 5px;
  font-size: 10px;
  line-height: 1.5;
}

.screening-response-grid article p {
  color: #5c776a;
  margin: 5px 0 0;
  font-size: 9px;
  line-height: 1.5;
}

.screening-response-brief > footer, .action-response-brief > footer {
  background: #e8f4ee;
  border-top: 1px solid #d3e5dd;
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  padding: 10px 15px;
  display: flex;
}

.screening-response-brief footer div {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.screening-response-brief footer code {
  color: #276d50;
  background: #d6ebe1;
  border-radius: 5px;
  padding: 3px 5px;
  font-size: 7px;
}

.screening-response-brief footer small, .action-response-brief footer small {
  color: #607d6e;
  max-width: 760px;
  font-size: 7px;
  line-height: 1.45;
}

.action-response-brief > footer > span {
  color: #2c7557;
  font-size: 8px;
  font-weight: 900;
}

.screening-technical-assessment {
  background: linear-gradient(145deg, #0b2130, #0a1a26);
  border: 1px solid #275364;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 30px #020a1148;
}

.screening-technical-assessment > header {
  border-bottom: 1px solid #ffffff12;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.screening-technical-assessment > header > div {
  align-items: center;
  gap: 9px;
  display: flex;
}

.screening-technical-assessment header svg {
  color: #62c7da;
  width: 20px;
}

.screening-technical-assessment header span, .screening-technical-assessment header b, .screening-technical-assessment header small {
  display: block;
}

.screening-technical-assessment header b {
  color: #e6f2f5;
  font-size: 12px;
}

.screening-technical-assessment header small {
  color: #75919f;
  margin-top: 3px;
  font-size: 8px;
}

.screening-technical-assessment header em {
  color: #9fb4bd;
  white-space: nowrap;
  border: 1px solid #3a5a68;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.screening-technical-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 16px;
  display: grid;
}

.screening-technical-grid article {
  background: #071823;
  border: 1px solid #294756;
  border-radius: 10px;
  padding: 12px;
}

.screening-technical-grid article.solution {
  border-left: 4px solid #4cc18b;
}

.screening-technical-grid article span, .screening-technical-grid article b {
  display: block;
}

.screening-technical-grid article span {
  color: #5fb8cb;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.screening-technical-grid article b {
  color: #cbdce3;
  margin-top: 5px;
  font-size: 9px;
  line-height: 1.5;
}

.screening-technical-grid article p {
  color: #8099a5;
  margin: 5px 0 0;
  font-size: 8px;
  line-height: 1.5;
}

.screening-technical-sources {
  grid-template-columns: minmax(220px, .55fr) minmax(0, 1.45fr);
  gap: 12px;
  padding: 0 16px 14px;
  display: grid;
}

.screening-technical-sources > div {
  background: #071823;
  border: 1px solid #294756;
  border-radius: 10px;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 6px;
  padding: 11px;
  display: flex;
}

.screening-technical-sources > div > span {
  color: #698995;
  text-transform: uppercase;
  width: 100%;
  font-size: 8px;
  font-weight: 900;
}

.screening-technical-sources code {
  color: #69c7d8;
  background: #123348;
  border-radius: 5px;
  padding: 4px 6px;
  font-size: 7px;
}

.screening-technical-sources a, .screening-technical-sources p {
  color: #819aa5;
  background: #0c2634;
  border-radius: 7px;
  flex: 210px;
  gap: 2px;
  margin: 0;
  padding: 7px 8px;
  font-size: 7px;
  line-height: 1.35;
  text-decoration: none;
  display: grid;
}

.screening-technical-sources a:hover {
  background: #113447;
}

.screening-technical-sources a b, .screening-technical-sources p b {
  color: #71c2d2;
  font-size: 8px;
}

.screening-technical-assessment > footer {
  color: #78919c;
  background: #081721;
  border-top: 1px solid #ffffff10;
  gap: 8px;
  padding: 10px 16px;
  font-size: 8px;
  line-height: 1.45;
  display: flex;
}

.screening-technical-assessment > footer svg {
  color: #d2a74a;
  flex: none;
  width: 15px;
}

@media (max-width: 900px) {
  .screening-context-controls > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .screening-technical-sources {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .decision-screening-context {
    padding: 10px 10px 0;
  }

  .screening-context-controls > div, .screening-response-grid, .action-response-brief > div, .screening-technical-grid {
    grid-template-columns: 1fr;
  }

  .screening-response-grid article.solution, .action-response-brief article:last-child {
    grid-column: auto;
  }

  .screening-response-brief > header, .action-response-brief > header, .screening-technical-assessment > header, .screening-response-brief > footer, .action-response-brief > footer {
    flex-direction: column;
    align-items: flex-start;
  }
}

/* [project]/app/intelligence-v069.css [app-client] (css) */
.program-all-assets {
  background: #eef5f8;
  border: 1px solid #c5d6e0;
  border-radius: 8px;
  min-width: 132px;
  padding: 5px 10px 6px;
}

.program-all-assets small, .program-all-assets b {
  display: block;
}

.program-all-assets small {
  color: #7890a1;
  font-size: 10px;
}

.program-all-assets b {
  color: #173c54;
  margin-top: 2px;
  font-size: 13px;
}

.command-program-hero {
  color: #e7f3f7;
  background: radial-gradient(circle at 82% -25%, #2e93ae66 0, #0000 38%), linear-gradient(120deg, #061725, #0b3046 58%, #0b4058);
  border: 1px solid #174760;
  border-radius: 20px;
  grid-template-columns: minmax(0, 1.3fr) minmax(310px, .7fr);
  gap: 24px;
  padding: 29px;
  display: grid;
  position: relative;
  overflow: hidden;
  box-shadow: 0 24px 56px #06182724;
}

.command-program-hero:before {
  content: "";
  pointer-events: none;
  background-image: linear-gradient(#ffffff08 1px, #0000 1px), linear-gradient(90deg, #ffffff08 1px, #0000 1px);
  background-size: 30px 30px;
  position: absolute;
  inset: 0;
  -webkit-mask-image: linear-gradient(90deg, #0000, #000 55%, #000);
  mask-image: linear-gradient(90deg, #0000, #000 55%, #000);
}

.command-program-hero:after {
  content: "";
  background: #7a8992;
  width: 5px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}

.command-program-hero.green:after {
  background: #31bd80;
}

.command-program-hero.amber:after {
  background: #e2a42e;
}

.command-program-hero.red:after {
  background: #df5a53;
}

.command-program-hero-copy, .command-program-position {
  z-index: 1;
  position: relative;
}

.command-program-hero-copy {
  align-self: center;
}

.command-program-hero-copy > span, .command-program-position > span, .program-kpi-overview-head > div > span, .program-risk-distribution > header span, .program-test-snapshot > header span, .command-program-navigation > header span {
  color: #55c4dc;
  letter-spacing: .14em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
  display: block;
}

.command-program-hero-copy h1 {
  color: #f5fbfd;
  letter-spacing: -.052em;
  max-width: 760px;
  margin: 7px 0 9px;
  font-size: clamp(34px, 4vw, 58px);
  line-height: .98;
}

.command-program-hero-copy > p {
  color: #aac0ca;
  max-width: 700px;
  margin: 0;
  font-size: 15px;
  line-height: 1.55;
}

.command-program-hero .program-hero-secondary {
  color: #123b54;
  background: #f4f9fb;
  border-color: #d5e6ec;
}

.command-program-hero .program-hero-secondary:hover {
  color: #0b2a42;
  background: #fff;
  border-color: #fff;
}

.command-program-position {
  -webkit-backdrop-filter: blur(9px);
  backdrop-filter: blur(9px);
  background: #020d168f;
  border: 1px solid #ffffff1f;
  border-radius: 15px;
  align-self: stretch;
  padding: 18px;
}

.command-program-position h2 {
  color: #f4fbfe;
  letter-spacing: -.025em;
  margin: 6px 0;
  font-size: 22px;
}

.command-program-position > p {
  color: #99b1bc;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.command-program-position dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 14px;
  margin: 14px 0 0;
  display: grid;
}

.command-program-position dl div {
  border-top: 1px solid #ffffff12;
  min-width: 0;
  padding: 9px 0 7px;
}

.command-program-position dt, .command-program-position dd {
  display: block;
}

.command-program-position dt {
  color: #698b9b;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 800;
}

.command-program-position dd {
  overflow-wrap: anywhere;
  color: #dcebef;
  margin: 3px 0 0;
  font-size: 12px;
  font-weight: 800;
}

.program-kpi-overview {
  background: #fbfdfe;
  border: 1px solid #c4d4dd;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 36px #0c2a4012;
}

.program-kpi-overview-head {
  background: linear-gradient(115deg, #f9fcfd, #edf6f8);
  border-bottom: 1px solid #d8e3e8;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 21px 23px 18px;
  display: flex;
}

.program-kpi-overview-copy {
  width: min(100%, 980px);
}

.program-kpi-overview-head > div > span, .program-risk-distribution > header span, .program-test-snapshot > header span, .command-program-navigation > header span {
  color: #307d98;
}

.program-kpi-overview-head h2, .command-program-navigation h2 {
  color: #143a52;
  letter-spacing: -.035em;
  margin: 5px 0;
  font-size: clamp(22px, 2.3vw, 31px);
}

.program-kpi-overview-head p, .command-program-navigation header p {
  color: #667d8a;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.program-kpi-overview-actions {
  flex: none;
  gap: 8px;
  display: flex;
}

.program-family-grid {
  background: #f1f6f8;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 16px;
  display: grid;
}

.program-family-card {
  background: #fff;
  border: 1px solid #cbd9e0;
  border-top: 4px solid #8898a2;
  border-radius: 13px;
  min-width: 0;
  padding: 17px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 8px 20px #0d304312;
}

.program-family-card.green {
  border-top-color: #2ea872;
}

.program-family-card.amber {
  border-top-color: #dda12f;
}

.program-family-card.red {
  border-top-color: #d95851;
}

.program-family-card > header {
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  display: grid;
}

.program-family-icon {
  color: #277a97;
  background: #e6f1f5;
  border-radius: 10px;
  place-items: center;
  width: 37px;
  height: 37px;
  display: grid;
}

.program-family-icon svg {
  width: 19px;
}

.program-family-card header span, .program-family-card header h3 {
  display: block;
}

.program-family-card header span {
  color: #78909d;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.program-family-card h3 {
  color: #173d54;
  margin: 2px 0 0;
  font-size: 16px;
  line-height: 1.2;
}

.program-family-traffic {
  background: #0a151b;
  border: 1px solid #aebbc2;
  border-radius: 10px;
  gap: 3px;
  padding: 5px;
  display: grid;
  box-shadow: inset 0 0 0 1px #000, 0 5px 12px #0a1b2560;
}

.program-family-traffic i {
  background: radial-gradient(circle at 35% 30%, #5f6d73, #2f3b40 50%, #172126);
  border: 1px solid #536168;
  border-radius: 50%;
  width: 13px;
  height: 13px;
  box-shadow: inset 0 -2px 4px #000a;
}

.program-family-traffic.red i.red {
  background: radial-gradient(circle at 35% 30%, #ffc2bd, #dd5a53 48%, #7c2824);
  box-shadow: 0 0 10px #e45f59;
}

.program-family-traffic.amber i.amber {
  background: radial-gradient(circle at 35% 30%, #ffeaa9, #e0a12d 48%, #805512);
  box-shadow: 0 0 10px #e8ad3a;
}

.program-family-traffic.green i.green {
  background: radial-gradient(circle at 35% 30%, #adf7cd, #31b579 48%, #12603e);
  box-shadow: 0 0 10px #45d48e;
}

.program-family-status {
  color: #173c53;
  letter-spacing: -.02em;
  margin-top: 16px;
  font-size: 18px;
  display: block;
}

.program-family-card > p {
  color: #657c89;
  min-height: 39px;
  margin: 5px 0 13px;
  font-size: 12px;
  line-height: 1.45;
}

.program-family-card > dl {
  background: #f7fafb;
  border: 1px solid #d7e2e7;
  border-radius: 9px;
  grid-template-columns: repeat(3, 1fr);
  margin: 0;
  display: grid;
  overflow: hidden;
}

.program-family-card > dl div {
  text-align: center;
  padding: 8px;
}

.program-family-card > dl div + div {
  border-left: 1px solid #d7e2e7;
}

.program-family-card dt {
  color: #768b97;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 800;
}

.program-family-card dd {
  color: #21475d;
  margin: 2px 0 0;
  font-size: 16px;
  font-weight: 900;
}

.program-family-card > footer {
  color: #80919a;
  flex-wrap: wrap;
  gap: 5px 10px;
  margin-top: 12px;
  font-size: 9px;
  font-weight: 750;
  display: flex;
}

.program-highlight-grid {
  border-top: 1px solid #d8e3e8;
  grid-template-columns: minmax(0, 1.35fr) minmax(290px, .65fr);
  display: grid;
}

.program-key-highlights {
  background: #fff;
  border-right: 1px solid #d8e3e8;
  min-width: 0;
  padding: 19px 21px 21px;
}

.program-key-highlights > header {
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  margin-bottom: 10px;
  display: grid;
}

.program-key-highlights > header > svg {
  color: #337f9b;
  width: 21px;
}

.program-key-highlights > header span, .program-key-highlights > header h3 {
  display: block;
}

.program-key-highlights > header span {
  color: #367f9a;
  letter-spacing: .09em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.program-key-highlights h3, .program-risk-distribution h3, .program-test-snapshot h3 {
  color: #173d54;
  margin: 2px 0 0;
  font-size: 17px;
}

.program-key-highlights > header em {
  color: #5d7480;
  white-space: nowrap;
  text-transform: uppercase;
  background: #e9f0f3;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.program-key-highlights > header p {
  color: #748995;
  margin: 3px 0 0;
  font-size: 9px;
  line-height: 1.35;
}

.program-key-highlights > div > article {
  border-top: 1px solid #e2e9ed;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 10px 2px;
  display: grid;
}

.program-key-highlights article > i {
  background: #8c9aa2;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  box-shadow: 0 0 0 4px #8c9aa218;
}

.program-key-highlights article.red > i {
  background: #d95750;
  box-shadow: 0 0 0 4px #d9575018;
}

.program-key-highlights article.amber > i {
  background: #dda12f;
  box-shadow: 0 0 0 4px #dda12f18;
}

.program-key-highlights article.green > i {
  background: #2ea872;
  box-shadow: 0 0 0 4px #2ea87218;
}

.program-key-highlights article > svg {
  color: #7d909b;
  width: 22px;
}

.program-key-highlights article span, .program-key-highlights article b, .program-key-highlights article p {
  display: block;
}

.program-key-highlights article span {
  color: #718692;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 800;
}

.program-key-highlights article b {
  color: #1e455b;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 12px;
  overflow: hidden;
}

.program-key-highlights article p {
  color: #71838d;
  margin: 2px 0 0;
  font-size: 10px;
}

.program-key-highlights article > em {
  color: #647983;
  text-transform: uppercase;
  background: #edf2f4;
  border-radius: 99px;
  padding: 4px 7px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.program-key-highlights article.red > em {
  color: #a5433e;
  background: #fae5e2;
}

.program-key-highlights article.amber > em {
  color: #855c12;
  background: #fff0cf;
}

.program-key-highlights article.green > em {
  color: #247452;
  background: #dff4e9;
}

.program-risk-distribution {
  background: linear-gradient(145deg, #f7fbfc, #edf5f7);
  min-width: 0;
  padding: 20px;
}

.program-risk-distribution > header {
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 9px;
  display: grid;
}

.program-risk-distribution > header > svg {
  color: #337f9b;
  width: 25px;
}

.program-risk-chart {
  grid-template-columns: minmax(190px, 1.15fr) minmax(145px, .85fr);
  align-items: center;
  gap: 18px;
  margin: 18px 0 13px;
  display: grid;
}

.program-risk-speedometer {
  background: #ffffffd9;
  border: 1px solid #d7e3e8;
  border-radius: 14px;
  justify-self: center;
  width: min(100%, 240px);
  padding: 8px 8px 10px;
  box-shadow: 0 10px 24px #173d5412;
}

.program-risk-speedometer svg {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}

.program-risk-speedometer-track {
  fill: none;
  stroke-width: 20px;
  stroke-linecap: round;
}

.program-risk-speedometer-track.green {
  stroke: #2ea872;
}

.program-risk-speedometer-track.amber {
  stroke: #dda12f;
}

.program-risk-speedometer-track.red {
  stroke: #d95851;
}

.program-risk-speedometer-needle {
  stroke: #173d54;
  stroke-width: 5px;
  stroke-linecap: round;
  filter: drop-shadow(0 2px 2px #173d5440);
}

.program-risk-speedometer-hub {
  fill: #173d54;
  stroke: #fff;
  stroke-width: 3px;
}

.program-risk-speedometer-hub-center {
  fill: #dce9ee;
}

.program-risk-speedometer.empty .program-risk-speedometer-track {
  stroke: #d7e1e5;
}

.program-risk-speedometer-labels {
  color: #69808b;
  text-align: center;
  text-transform: uppercase;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 5px;
  margin: -3px 0 8px;
  font-size: 9px;
  font-weight: 900;
  display: grid;
}

.program-risk-speedometer-result {
  text-align: center;
  border-top: 1px solid #dce6ea;
  padding: 9px 8px 3px;
}

.program-risk-speedometer-result span, .program-risk-speedometer-result b, .program-risk-speedometer-result small {
  display: block;
}

.program-risk-speedometer-result span {
  color: #718792;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 850;
}

.program-risk-speedometer-result b {
  color: #173d54;
  margin-top: 2px;
  font-size: 18px;
}

.program-risk-speedometer-result b.red {
  color: #a8423d;
}

.program-risk-speedometer-result b.amber {
  color: #8a5c0b;
}

.program-risk-speedometer-result b.green {
  color: #247452;
}

.program-risk-speedometer-result b.empty {
  color: #6f828c;
}

.program-risk-speedometer-result small {
  color: #7b8e97;
  margin-top: 2px;
  font-size: 9px;
  line-height: 1.35;
}

.program-risk-legend {
  gap: 6px;
  display: grid;
}

.program-risk-legend article {
  background: #ffffffc9;
  border: 1px solid #d7e3e8;
  border-radius: 9px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 7px;
  padding: 8px 9px;
  display: grid;
}

.program-risk-legend i {
  border-radius: 50%;
  width: 9px;
  height: 9px;
}

.program-risk-legend i.red {
  background: #d95851;
}

.program-risk-legend i.amber {
  background: #dda12f;
}

.program-risk-legend i.green {
  background: #2ea872;
}

.program-risk-legend span {
  color: #5c7480;
  font-size: 10px;
  font-weight: 800;
}

.program-risk-legend b {
  color: #21475d;
  font-size: 15px;
}

.program-risk-legend small {
  color: #8798a1;
  grid-column: 2 / -1;
  margin-top: -7px;
  font-size: 8px;
}

.program-risk-distribution > p {
  color: #506d7b;
  background: #e6f1f4;
  border-left: 3px solid #4b92aa;
  margin: 0 0 12px;
  padding: 9px;
  font-size: 10px;
  line-height: 1.45;
}

.program-risk-distribution > small {
  color: #9a6515;
  margin: -3px 0 12px;
  font-size: 9px;
  line-height: 1.4;
  display: block;
}

.program-customer-assessment .program-customer-table > [data-slot="table-container"] {
  max-height: 360px;
}

.program-customer-assessment .program-customer-table table {
  min-width: 650px;
}

.program-customer-table tbody tr.selected td {
  background: #edf7fa;
}

.program-customer-name button {
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  width: 100%;
  padding: 5px 6px;
}

.program-customer-name button:hover, .program-customer-name button:focus-visible {
  background: #e7f2f6;
  outline: none;
  box-shadow: 0 0 0 2px #4b93ad38;
}

.program-customer-name button b {
  max-width: 220px;
}

.program-customer-name button em {
  color: #327e99;
  margin-top: 4px;
  font-size: 8px;
  font-style: normal;
  font-weight: 850;
  display: block;
}

.program-test-snapshot {
  background: #f8fbfc;
  border-top: 1px solid #d8e3e8;
  padding: 20px 21px 18px;
}

.program-test-snapshot > header {
  justify-content: space-between;
  align-items: flex-end;
  gap: 14px;
  margin-bottom: 13px;
  display: flex;
}

.program-test-snapshot > header h3 {
  font-size: 20px;
}

.program-test-snapshot > header p {
  color: #687f8b;
  max-width: 760px;
  margin: 4px 0 0;
  font-size: 11px;
  line-height: 1.45;
}

.program-test-snapshot-scope {
  flex-direction: column;
  flex: none;
  align-items: flex-end;
  gap: 7px;
  display: flex;
}

.program-test-snapshot-scope > em {
  color: #547180;
  text-transform: uppercase;
  white-space: nowrap;
  background: #e7f0f3;
  border-radius: 99px;
  padding: 6px 9px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.program-test-table {
  background: #fff;
  border: 1px solid #d4e0e6;
  border-radius: 11px;
  overflow: hidden;
}

.program-test-table > [data-slot="table-container"] {
  max-height: 440px;
  overflow: auto;
}

.program-test-table table {
  border-collapse: separate;
  border-spacing: 0;
  min-width: 780px;
}

.program-test-table thead {
  z-index: 1;
  background: #eaf2f5;
  position: sticky;
  top: 0;
}

.program-test-table th {
  color: #58727f;
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.program-test-table th.risk-count, .program-test-count {
  text-align: center;
}

.program-test-name b, .program-test-name small, .program-test-result > span, .program-test-result > small {
  display: block;
}

.program-test-name b {
  color: #1d4359;
  text-overflow: ellipsis;
  max-width: 260px;
  font-size: 11px;
  overflow: hidden;
}

.program-test-name small, .program-test-result > small {
  color: #778b96;
  margin-top: 2px;
  font-size: 8px;
}

.program-test-family, .program-test-status {
  white-space: nowrap;
  border-radius: 99px;
  align-items: center;
  font-size: 9px;
  font-weight: 850;
  display: inline-flex;
}

.program-test-family {
  color: #39697d;
  background: #e8f1f4;
  padding: 4px 7px;
}

.program-test-family.unclassified {
  color: #786644;
  background: #f2eee6;
}

.program-test-count {
  color: #274d61;
  font-size: 13px;
  font-weight: 900;
}

.program-test-count.red {
  color: #aa413c;
}

.program-test-count.amber {
  color: #896016;
}

.program-test-count.green {
  color: #247653;
}

.program-test-status {
  color: #607782;
  background: #edf2f4;
  padding: 4px 8px;
}

.program-test-status.red {
  color: #9e3d38;
  background: #fae5e2;
}

.program-test-status.amber {
  color: #805812;
  background: #fff0cf;
}

.program-test-status.green {
  color: #247452;
  background: #dff4e9;
}

.program-test-snapshot > footer {
  color: #758993;
  margin-top: 10px;
  font-size: 9px;
  line-height: 1.45;
}

.command-program-navigation {
  background: #fff;
  border: 1px solid #c9d8e0;
  border-radius: 15px;
  padding: 20px 21px;
  overflow: hidden;
  box-shadow: 0 10px 28px #0c2a400d;
}

.command-program-navigation > header {
  max-width: 900px;
}

.command-program-navigation h2 {
  font-size: 21px;
}

.command-program-navigation > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-top: 14px;
  display: grid;
}

.command-program-navigation button {
  color: #245069;
  text-align: left;
  cursor: pointer;
  background: #f8fbfc;
  border: 1px solid #ccdae1;
  border-radius: 11px;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 13px;
  transition: border-color .15s, background .15s, transform .15s;
  display: grid;
}

.command-program-navigation button:hover {
  background: #eef7f9;
  border-color: #6ca0b5;
  transform: translateY(-1px);
}

.command-program-navigation button > svg {
  color: #2f819c;
  width: 20px;
}

.command-program-navigation button > svg:last-child {
  color: #73909e;
  width: 14px;
}

.command-program-navigation button b, .command-program-navigation button small {
  display: block;
}

.command-program-navigation button b {
  color: #1c4359;
  font-size: 12px;
}

.command-program-navigation button small {
  color: #71848f;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.35;
}

@media (max-width: 1360px) {
  .intelligence-topbar {
    grid-template-columns: minmax(300px, 1fr) auto minmax(160px, .5fr);
  }

  .intelligence-identity {
    display: none;
  }

  .program-family-card > footer {
    display: grid;
  }
}

@media (max-width: 1080px) {
  .command-program-hero, .program-highlight-grid, .program-family-grid {
    grid-template-columns: 1fr;
  }

  .program-family-card > p {
    min-height: 0;
  }

  .program-family-card > footer {
    display: flex;
  }

  .program-key-highlights {
    border-bottom: 1px solid #d8e3e8;
    border-right: 0;
  }
}

@media (max-width: 760px) {
  .command-program-hero {
    border-radius: 15px;
    gap: 17px;
    padding: 21px 18px;
  }

  .command-program-hero-copy h1 {
    font-size: 35px;
  }

  .command-program-position dl, .command-program-navigation > div {
    grid-template-columns: 1fr;
  }

  .program-kpi-overview-head {
    flex-direction: column;
    align-items: stretch;
    padding: 18px;
  }

  .program-kpi-overview-head > div:last-child {
    flex-wrap: wrap;
  }

  .program-family-grid {
    padding: 11px;
  }

  .program-key-highlights, .program-risk-distribution, .program-test-snapshot, .command-program-navigation {
    padding: 16px;
  }

  .program-key-highlights > header {
    grid-template-columns: auto 1fr;
  }

  .program-key-highlights > header em {
    grid-column: 2;
    width: max-content;
  }

  .program-key-highlights > div > article {
    grid-template-columns: auto 1fr;
  }

  .program-key-highlights article > em {
    grid-column: 2;
    width: max-content;
  }

  .program-risk-chart {
    grid-template-columns: 1fr;
  }

  .program-test-snapshot > header {
    flex-direction: column;
    align-items: flex-start;
  }

  .program-test-snapshot-scope {
    align-items: flex-start;
  }
}

/* [project]/app/intelligence-v077.css [app-client] (css) */
.standard-import-template {
  background: linear-gradient(115deg, #f7fcfd, #edf7f9);
  border: 1px solid #9ec8d2;
  border-left: 5px solid #176779;
  border-radius: 12px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 18px 20px;
  display: grid;
  box-shadow: 0 7px 20px #18334c0b;
}

.standard-import-template-icon {
  color: #176779;
  background: #dceff3;
  border-radius: 12px;
  place-items: center;
  width: 46px;
  height: 46px;
  display: grid;
}

.standard-import-template-icon svg {
  width: 23px;
  height: 23px;
}

.standard-import-template > div > span {
  color: #176779;
  letter-spacing: .09em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 800;
}

.standard-import-template h2 {
  color: #163b55;
  margin: 3px 0 4px;
  font-size: 18px;
}

.standard-import-template p {
  color: #587083;
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
}

.standard-import-template a {
  text-decoration: none;
}

.standard-template-status {
  color: #286d52;
  background: #f2faf6;
  border: 1px solid #b9d9ca;
  border-radius: 9px;
  align-items: center;
  gap: 10px;
  padding: 11px 14px;
  display: flex;
}

.standard-template-status > svg {
  flex: none;
  width: 19px;
}

.standard-template-status b, .standard-template-status span {
  display: block;
}

.standard-template-status b {
  font-size: 12px;
}

.standard-template-status span {
  color: #537565;
  margin-top: 2px;
  font-size: 10px;
  line-height: 1.4;
}

@media (max-width: 760px) {
  .standard-import-template {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .standard-import-template > a {
    grid-column: 1 / -1;
    width: 100%;
    min-height: 44px;
  }

  .standard-template-status {
    align-items: flex-start;
  }

  .standard-template-status b, .standard-template-status span {
    font-size: 12px;
  }
}

/* [project]/app/intelligence-v078.css [app-client] (css) */
.production-decline-panel {
  color: #17364c;
  background: #fff;
  border: 1px solid #c7d7e0;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 10px 28px #0c2a3d0e;
}

.production-decline-panel > header {
  background: linear-gradient(120deg, #f9fcfd, #edf6f8);
  border-bottom: 1px solid #dbe5ea;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 16px 17px;
  display: flex;
}

.production-decline-heading {
  gap: 11px;
  display: flex;
}

.production-decline-heading > svg {
  color: #287f9d;
  flex: none;
  width: 25px;
}

.production-decline-heading span, .production-decline-heading h3, .production-decline-heading p {
  display: block;
}

.production-decline-heading span {
  color: #3d8199;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.production-decline-heading h3 {
  color: #153b52;
  margin: 4px 0;
  font-size: 18px;
}

.production-decline-heading p {
  color: #627b89;
  max-width: 850px;
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.production-decline-panel > header > em {
  color: #627580;
  text-transform: uppercase;
  background: #e8eef1;
  border-radius: 99px;
  flex: none;
  align-items: center;
  gap: 5px;
  padding: 6px 9px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  display: flex;
}

.production-decline-panel > header > em svg {
  width: 13px;
}

.production-decline-panel.concurrent_decline > header > em {
  color: #885c0b;
  background: #fff0ca;
}

.production-decline-panel.mixed_or_stable > header > em {
  color: #287654;
  background: #e2f4ea;
}

.production-decline-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  padding: 13px;
  display: grid;
}

.production-decline-metric, .production-decline-window {
  background: #fbfdfe;
  border: 1px solid #d7e2e7;
  border-radius: 11px;
  min-width: 0;
  padding: 12px;
}

.production-decline-metric.declining {
  border-left: 4px solid #cf8930;
}

.production-decline-metric > div:first-child span, .production-decline-metric > div:first-child b, .production-decline-window span, .production-decline-window > b, .production-decline-window p, .production-decline-window > small {
  display: block;
}

.production-decline-metric > div:first-child span, .production-decline-window span {
  color: #5f7f90;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.production-decline-metric > div:first-child b {
  color: #24485c;
  margin-top: 3px;
  font-size: 10px;
}

.production-decline-values {
  grid-template-columns: 1fr auto 1fr auto;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  display: grid;
}

.production-decline-values p {
  margin: 0;
}

.production-decline-values small, .production-decline-values b {
  display: block;
}

.production-decline-values small {
  color: #82929a;
  text-transform: uppercase;
  font-size: 7px;
}

.production-decline-values b {
  color: #183e54;
  margin-top: 2px;
  font-size: 11px;
}

.production-decline-values svg {
  color: #b97d29;
  width: 14px;
}

.production-decline-values em {
  color: #8a601c;
  background: #fff1d8;
  border-radius: 99px;
  padding: 4px 6px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.production-decline-metric > small {
  color: #788b96;
  margin-top: 8px;
  font-size: 8px;
  line-height: 1.4;
  display: block;
}

.production-decline-window > b {
  color: #173e55;
  margin-top: 5px;
  font-size: 12px;
}

.production-decline-window p {
  color: #4d7184;
  margin: 7px 0 0;
  font-size: 10px;
  font-weight: 800;
}

.production-decline-window > small {
  color: #82929b;
  margin-top: 5px;
  font-size: 8px;
}

.production-decline-setup {
  background: #f7fafb;
  border: 1px dashed #b9ccd6;
  border-radius: 11px;
  align-items: flex-start;
  gap: 10px;
  margin: 13px;
  padding: 13px;
  display: flex;
}

.production-decline-setup > svg {
  color: #6b8796;
  flex: none;
  width: 20px;
}

.production-decline-setup b, .production-decline-setup span {
  display: block;
}

.production-decline-setup b {
  font-size: 11px;
}

.production-decline-setup span {
  color: #6d818c;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.45;
}

.production-decline-interpretation {
  background: #eef7f9;
  border: 1px solid #cfe1e7;
  border-radius: 10px;
  gap: 9px;
  margin: 0 13px 13px;
  padding: 11px;
  display: flex;
}

.production-decline-interpretation > svg {
  color: #2c839c;
  flex: none;
  width: 18px;
}

.production-decline-interpretation span, .production-decline-interpretation b {
  display: block;
}

.production-decline-interpretation span {
  color: #458096;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.production-decline-interpretation b {
  color: #31586b;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.5;
}

.production-decline-pathways {
  background: #fbfcfd;
  border: 1px solid #d4e0e5;
  border-radius: 12px;
  margin: 0 13px 13px;
}

.production-decline-pathways > header {
  border-bottom: 1px solid #dfe7eb;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 11px 12px;
  display: grid;
}

.production-decline-pathways > header > svg {
  color: #34869f;
  width: 19px;
}

.production-decline-pathways > header span, .production-decline-pathways > header b {
  display: block;
}

.production-decline-pathways > header span {
  color: #568294;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.production-decline-pathways > header b {
  margin-top: 2px;
  font-size: 10px;
}

.production-decline-pathways > header > em {
  color: #54788a;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.production-decline-pathways > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px;
  padding: 10px;
  display: grid;
}

.production-decline-pathways article {
  background: #fff;
  border: 1px solid #dce5e9;
  border-top: 3px solid #3a88a1;
  border-radius: 9px;
  padding: 10px;
}

.production-decline-pathways article > span {
  color: #1b465d;
  font-size: 9px;
  font-weight: 900;
  line-height: 1.35;
  display: block;
}

.production-decline-pathways article > p {
  color: #6b7f89;
  margin: 5px 0 0;
  font-size: 8px;
  line-height: 1.45;
}

.production-decline-pathways article > small {
  color: #718590;
  border-top: 1px solid #e2e8eb;
  margin-top: 7px;
  padding-top: 7px;
  font-size: 8px;
  line-height: 1.45;
  display: block;
}

.production-decline-pathways article > small b {
  color: #40748a;
  text-transform: uppercase;
  margin-bottom: 2px;
  display: block;
}

.production-decline-pathways > footer {
  color: #4e6f7f;
  background: #f1f7f8;
  border-top: 1px solid #dfe7eb;
  grid-template-columns: auto 1fr auto 1fr;
  align-items: start;
  gap: 8px;
  padding: 10px 12px;
  font-size: 8px;
  line-height: 1.45;
  display: grid;
}

.production-decline-pathways > footer svg {
  color: #329269;
  width: 15px;
}

.production-decline-pathways > footer svg:nth-of-type(2) {
  color: #b57b20;
}

.production-decline-issues {
  gap: 5px;
  margin: 0 13px 13px;
  display: grid;
}

.production-decline-issues span {
  color: #715b2e;
  background: #fff5df;
  border-radius: 8px;
  gap: 7px;
  padding: 8px 9px;
  font-size: 8px;
  line-height: 1.4;
  display: flex;
}

.production-decline-issues svg {
  color: #bf8320;
  flex: none;
  width: 14px;
}

.production-decline-boundary {
  color: #705b2e;
  background: #fff8e8;
  border-top: 1px solid #ead7aa;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 8px;
  padding: 10px 13px;
  font-size: 8px;
  line-height: 1.5;
  display: grid;
}

.production-decline-boundary > svg {
  color: #c18a29;
  flex: none;
  width: 15px;
}

.production-decline-boundary details {
  min-width: 120px;
}

.production-decline-boundary summary {
  color: #725c2f;
  cursor: pointer;
  text-align: right;
  font-weight: 900;
}

.production-decline-boundary details p {
  text-align: left;
  border-top: 1px solid #e9d9b7;
  max-width: 620px;
  margin: 7px 0 0;
  padding-top: 7px;
}

.production-decline-panel.dark {
  color: #d9e7ed;
  background: #0b1b28;
  border-color: #294656;
  box-shadow: 0 12px 30px #020a1148;
}

.production-decline-panel.dark > header {
  background: linear-gradient(120deg, #0c202d, #102b39);
  border-color: #294656;
}

.production-decline-panel.dark .production-decline-heading h3 {
  color: #f0f7f9;
}

.production-decline-panel.dark .production-decline-heading p {
  color: #8fa6b1;
}

.production-decline-panel.dark .production-decline-metric, .production-decline-panel.dark .production-decline-window, .production-decline-panel.dark .production-decline-pathways {
  background: #081721;
  border-color: #294451;
}

.production-decline-panel.dark .production-decline-metric > div:first-child b, .production-decline-panel.dark .production-decline-values b, .production-decline-panel.dark .production-decline-window > b, .production-decline-panel.dark .production-decline-pathways > header b, .production-decline-panel.dark .production-decline-pathways article > span {
  color: #d4e2e8;
}

.production-decline-panel.dark .production-decline-metric > small, .production-decline-panel.dark .production-decline-window p, .production-decline-panel.dark .production-decline-window > small, .production-decline-panel.dark .production-decline-pathways article > p, .production-decline-panel.dark .production-decline-pathways article > small {
  color: #7f98a4;
}

.production-decline-panel.dark .production-decline-interpretation {
  background: #0a2633;
  border-color: #284857;
}

.production-decline-panel.dark .production-decline-interpretation b {
  color: #a9c6d1;
}

.production-decline-panel.dark .production-decline-pathways > header, .production-decline-panel.dark .production-decline-pathways > footer, .production-decline-panel.dark .production-decline-pathways article {
  border-color: #294451;
}

.production-decline-panel.dark .production-decline-pathways article {
  background: #0d2230;
}

.production-decline-panel.dark .production-decline-pathways > footer {
  color: #88a3af;
  background: #0a202b;
}

.production-decline-panel.dark .production-decline-boundary {
  color: #c9b582;
  background: #1e1b11;
  border-color: #4d452e;
}

.production-decline-panel.dark .production-decline-boundary summary {
  color: #d0ba81;
}

.trend-lab-page .production-decline-panel, .trend-lab-embedded .production-decline-panel {
  margin-bottom: 18px;
}

.action-center > .production-decline-panel {
  margin-bottom: 14px;
}

.operator-workspace > .production-decline-panel {
  margin-bottom: 0;
}

@media (max-width: 980px) {
  .production-decline-metrics {
    grid-template-columns: 1fr 1fr;
  }

  .production-decline-window {
    grid-column: 1 / -1;
  }

  .production-decline-pathways > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .production-decline-panel > header {
    flex-direction: column;
  }

  .production-decline-metrics, .production-decline-pathways > div {
    grid-template-columns: 1fr;
  }

  .production-decline-window {
    grid-column: auto;
  }

  .production-decline-values {
    grid-template-columns: 1fr auto 1fr;
  }

  .production-decline-values em {
    grid-column: 1 / -1;
    width: max-content;
  }

  .production-decline-pathways > footer, .production-decline-boundary {
    grid-template-columns: auto 1fr;
  }

  .production-decline-boundary details {
    grid-column: 2;
  }

  .production-decline-boundary summary {
    text-align: left;
  }
}

/* [project]/app/intelligence-v079.css [app-client] (css) */
.production-decline-panel.abnormal_decline > header > em {
  color: #86520a;
  background: #ffe8c4;
}

.production-decline-panel.within_normalized_decline > header > em {
  color: #287654;
  background: #e2f4ea;
}

.production-decline-metric.outside {
  border-left: 4px solid #c8781c;
}

.production-decline-metric.within {
  border-left: 4px solid #35a16f;
}

.production-decline-metric > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.production-decline-metric > header span, .production-decline-metric > header b {
  display: block;
}

.production-decline-metric > header span {
  color: #5f7f90;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.production-decline-metric > header b {
  color: #24485c;
  margin-top: 3px;
  font-size: 10px;
}

.production-decline-metric > header > em {
  color: #2b7857;
  text-transform: uppercase;
  background: #e6f3eb;
  border-radius: 99px;
  padding: 4px 6px;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
}

.production-decline-metric.outside > header > em {
  color: #8b5a12;
  background: #fff0d4;
}

.production-decline-rate-grid {
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  display: grid;
}

.production-decline-rate-grid p, .production-decline-expected p {
  margin: 0;
}

.production-decline-rate-grid small, .production-decline-rate-grid b, .production-decline-expected small, .production-decline-expected b {
  display: block;
}

.production-decline-rate-grid small, .production-decline-expected small {
  color: #82929a;
  text-transform: uppercase;
  font-size: 7px;
}

.production-decline-rate-grid b, .production-decline-expected b {
  color: #183e54;
  margin-top: 2px;
  font-size: 11px;
}

.production-decline-rate-grid b i {
  color: #738993;
  font-size: 7px;
  font-style: normal;
}

.production-decline-rate-grid svg {
  color: #b97d29;
  width: 14px;
}

.production-decline-expected {
  background: #eef4f6;
  border-radius: 8px;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin-top: 9px;
  padding: 8px;
  display: grid;
}

.production-decline-expected > em {
  color: #6f5a2d;
  grid-column: 1 / -1;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.production-decline-cause {
  background: #f7fbfc;
  border: 1px solid #c9dce4;
  border-radius: 12px;
  margin: 0 13px 13px;
}

.production-decline-cause > header {
  border-bottom: 1px solid #dbe7eb;
  grid-template-columns: auto 1fr auto;
  align-items: start;
  gap: 9px;
  padding: 11px 12px;
  display: grid;
}

.production-decline-cause > header svg {
  color: #347e9c;
  width: 19px;
}

.production-decline-cause > header span, .production-decline-cause > header b {
  display: block;
}

.production-decline-cause > header span {
  color: #568294;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.production-decline-cause > header b {
  color: #22495d;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.5;
}

.production-decline-cause > header > em {
  color: #59798a;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.production-decline-cause > div {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: 7px;
  padding: 10px;
  display: grid;
}

.production-decline-cause > article, .production-decline-cause > p {
  margin: 0;
}

.production-decline-cause article {
  background: #fff;
  border: 1px solid #d8e4e8;
  border-left: 4px solid #3d9b72;
  border-radius: 8px;
  padding: 9px;
}

.production-decline-cause article.amber {
  border-left-color: #d29a34;
}

.production-decline-cause article.red {
  border-left-color: #ca554d;
}

.production-decline-cause article span, .production-decline-cause article b, .production-decline-cause article p, .production-decline-cause article small {
  display: block;
}

.production-decline-cause article span {
  color: #4f788b;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 900;
}

.production-decline-cause article b {
  color: #1d4358;
  margin-top: 3px;
  font-size: 10px;
}

.production-decline-cause article p {
  color: #496d7d;
  margin-top: 4px;
  font-size: 9px;
}

.production-decline-cause article small {
  color: #83949d;
  margin-top: 4px;
  font-size: 7px;
}

.production-decline-cause > p {
  color: #647d89;
  padding: 11px 12px;
  font-size: 9px;
}

.production-decline-pathways article > em {
  color: #667c87;
  text-transform: uppercase;
  background: #edf2f4;
  border-radius: 99px;
  margin-bottom: 6px;
  padding: 3px 5px;
  font-size: 7px;
  font-style: normal;
  font-weight: 900;
  display: inline-block;
}

.production-decline-pathways article.leading {
  background: #fffcf5;
  border-top-color: #c37b1f;
}

.production-decline-pathways article.leading > em {
  color: #83530d;
  background: #ffe9c5;
}

.production-decline-pathways article.corroborating {
  border-top-color: #5b8fac;
}

.production-decline-pathways article.not_supported {
  border-top-color: #77aa91;
}

.production-decline-pathways article > strong {
  color: #40748a;
  text-transform: uppercase;
  margin-top: 7px;
  font-size: 7px;
  display: block;
}

.production-decline-panel.dark .production-decline-metric > header b, .production-decline-panel.dark .production-decline-rate-grid b, .production-decline-panel.dark .production-decline-expected b, .production-decline-panel.dark .production-decline-cause > header b, .production-decline-panel.dark .production-decline-cause article b {
  color: #d4e2e8;
}

.production-decline-panel.dark .production-decline-expected {
  background: #102631;
}

.production-decline-panel.dark .production-decline-cause {
  background: #081721;
  border-color: #294451;
}

.production-decline-panel.dark .production-decline-cause > header, .production-decline-panel.dark .production-decline-cause article {
  border-color: #294451;
}

.production-decline-panel.dark .production-decline-cause article {
  background: #0d2230;
}

.production-decline-panel.dark .production-decline-cause article p, .production-decline-panel.dark .production-decline-cause article small {
  color: #839ca8;
}

.production-decline-panel.dark .production-decline-pathways article.leading {
  background: #211b0f;
}

.production-decline-panel.dark .production-decline-pathways article > strong {
  color: #67a6bd;
}

@media (max-width: 680px) {
  .production-decline-rate-grid {
    grid-template-columns: 1fr auto 1fr;
  }

  .production-decline-cause > header {
    grid-template-columns: auto 1fr;
  }

  .production-decline-cause > header > em {
    grid-column: 2;
  }

  .production-decline-cause > div {
    grid-template-columns: 1fr;
  }
}

/* [project]/app/intelligence-v082.css [app-client] (css) */
.command-program-navigation > div {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.remediation-scanner-page {
  gap: 14px;
  display: grid;
}

.remediation-scanner-hero {
  color: #fff;
  background: radial-gradient(circle at 92% -30%, #1b7896 0, #0000 45%), linear-gradient(125deg, #082c46, #0d5368);
  border: 1px solid #164b68;
  border-radius: 16px;
  grid-template-columns: minmax(0, 1.05fr) minmax(560px, .95fr);
  align-items: center;
  gap: 24px;
  padding: 25px;
  display: grid;
  overflow: hidden;
  box-shadow: 0 16px 40px #0d304226;
}

.remediation-scanner-hero > div:first-child > span, .remediation-candidate-list > header span, .remediation-candidate-detail > header > div > span {
  color: #72d9e4;
  letter-spacing: .11em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
  display: block;
}

.remediation-scanner-hero h1 {
  margin: 6px 0 8px;
  font-family: Georgia, Times New Roman, serif;
  font-size: 36px;
  font-weight: 500;
  line-height: 1.06;
}

.remediation-scanner-hero p {
  color: #d6e6ec;
  max-width: 760px;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

.remediation-scanner-hero > div:first-child > small {
  color: #a8ced8;
  align-items: center;
  gap: 7px;
  margin-top: 13px;
  font-size: 10px;
  display: flex;
}

.remediation-scanner-hero > div:first-child > small svg {
  width: 16px;
}

.remediation-scan-refresh {
  align-items: center;
  gap: 12px;
  min-height: 36px;
  margin-top: 12px;
  font-size: 12px;
  display: flex;
}

.remediation-scan-refresh > span {
  color: inherit;
}

.remediation-scanner-stats {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.remediation-scanner-stats article {
  background: #ffffff0e;
  border: 1px solid #ffffff2e;
  border-top: 3px solid #75aabe;
  border-radius: 10px;
  min-width: 0;
  padding: 13px 13px 12px 42px;
  position: relative;
}

.remediation-scanner-stats article.attention {
  border-top-color: #f0aa36;
}

.remediation-scanner-stats article.clear {
  border-top-color: #4bc08d;
}

.remediation-scanner-stats article > svg {
  color: #84d8e3;
  width: 19px;
  position: absolute;
  top: 14px;
  left: 13px;
}

.remediation-scanner-stats article.attention > svg {
  color: #ffc862;
}

.remediation-scanner-stats article.clear > svg {
  color: #7ee0ae;
}

.remediation-scanner-stats span, .remediation-scanner-stats b, .remediation-scanner-stats small {
  display: block;
}

.remediation-scanner-stats span {
  color: #a8d0da;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.remediation-scanner-stats b {
  margin-top: 4px;
  font-size: 23px;
}

.remediation-scanner-stats small {
  color: #c5dae1;
  margin-top: 3px;
  font-size: 9px;
  line-height: 1.35;
}

.remediation-scanner-layout {
  grid-template-columns: minmax(300px, 360px) minmax(0, 1fr);
  align-items: start;
  gap: 14px;
  display: grid;
}

.remediation-candidate-list, .remediation-candidate-detail, .remediation-scanner-empty, .remediation-scanner-boundary {
  background: #fff;
  border: 1px solid #c9d9e1;
  border-radius: 14px;
  box-shadow: 0 10px 28px #0c2a400d;
}

.remediation-candidate-list {
  overflow: hidden;
}

.remediation-candidate-list > header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 17px 10px;
  display: flex;
}

.remediation-candidate-list > header span {
  color: #34819a;
}

.remediation-candidate-list h2 {
  color: #173e55;
  margin: 4px 0 0;
  font-size: 18px;
}

.remediation-candidate-list > header > em {
  color: #915b0c;
  text-align: center;
  background: #fff0d5;
  border-radius: 99px;
  min-width: 30px;
  padding: 7px 9px;
  font-size: 11px;
  font-style: normal;
  font-weight: 900;
}

.remediation-candidate-list > p {
  color: #6c818c;
  margin: 0;
  padding: 0 17px 13px;
  font-size: 10px;
  line-height: 1.45;
}

.remediation-candidate-list > div {
  border-top: 1px solid #dde7eb;
  max-height: 690px;
  overflow: auto;
}

.remediation-candidate-list button {
  color: #244b61;
  text-align: left;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-bottom: 1px solid #e1e9ed;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  width: 100%;
  padding: 13px;
  display: grid;
}

.remediation-candidate-list button:hover {
  background: #f2f8fa;
}

.remediation-candidate-list button.active {
  background: #fff9ed;
  box-shadow: inset 5px 0 #cf7a20;
}

.remediation-candidate-list button > i {
  color: #347e98;
  background: #e6f1f5;
  border-radius: 99px;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.remediation-candidate-list button.active > i {
  color: #573907;
  background: #f4b34d;
}

.remediation-candidate-list button > span:nth-child(2) > small, .remediation-candidate-list button > span:nth-child(2) > b, .remediation-candidate-list button > span:nth-child(2) > em, .remediation-candidate-list button > span:nth-child(2) > strong {
  overflow-wrap: anywhere;
  display: block;
}

.remediation-candidate-list button > span:nth-child(2) > small {
  color: #4d8297;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.remediation-candidate-list button > span:nth-child(2) > b {
  color: #183f56;
  margin-top: 3px;
  font-size: 13px;
}

.remediation-candidate-list button > span:nth-child(2) > em {
  color: #7f9098;
  margin-top: 3px;
  font-size: 9px;
  font-style: normal;
}

.remediation-candidate-list button > span:nth-child(2) > strong {
  color: #566f7c;
  margin-top: 7px;
  font-size: 9px;
  line-height: 1.4;
}

.candidate-departure {
  text-align: right;
  min-width: 76px;
}

.candidate-departure b, .candidate-departure small {
  display: block;
}

.candidate-departure b {
  color: #a45c13;
  font-size: 13px;
}

.candidate-departure small {
  color: #8a989f;
  text-transform: uppercase;
  margin-top: 2px;
  font-size: 7px;
}

.candidate-departure svg {
  color: #7b919c;
  width: 14px;
  margin-top: 8px;
}

.remediation-candidate-detail {
  min-width: 0;
  overflow: hidden;
}

.remediation-candidate-detail > header {
  background: linear-gradient(110deg, #fffaf0, #f7fbfc);
  border-bottom: 1px solid #dbe6eb;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  padding: 18px 20px;
  display: flex;
}

.remediation-candidate-detail > header > div {
  min-width: 0;
}

.remediation-candidate-detail > header > div > span {
  color: #a76314;
  align-items: center;
  gap: 6px;
  display: flex;
}

.remediation-candidate-detail > header > div > span svg {
  width: 15px;
}

.remediation-candidate-detail > header h2 {
  color: #153d55;
  margin: 5px 0;
  font-family: Georgia, Times New Roman, serif;
  font-size: 27px;
  font-weight: 500;
}

.remediation-candidate-detail > header p {
  color: #607784;
  max-width: 820px;
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.remediation-candidate-detail > header > aside {
  background: #fff;
  border: 1px solid #d7e1e5;
  border-radius: 8px;
  min-width: 155px;
  padding: 9px 11px;
}

.remediation-candidate-detail > header > aside small, .remediation-candidate-detail > header > aside b, .remediation-candidate-detail > header > aside span {
  display: block;
}

.remediation-candidate-detail > header > aside small {
  color: #718792;
  text-transform: uppercase;
  font-size: 7px;
  font-weight: 900;
}

.remediation-candidate-detail > header > aside b {
  color: #244b61;
  margin-top: 4px;
  font-size: 11px;
}

.remediation-candidate-detail > header > aside span {
  color: #778b95;
  margin-top: 3px;
  font-size: 8px;
}

.remediation-detail-toolbar {
  background: #f7fafb;
  border-bottom: 1px solid #e0e8ec;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.remediation-detail-toolbar > div {
  flex-wrap: wrap;
  gap: 7px;
  display: flex;
}

.remediation-detail-toolbar > div:first-child > button {
  color: #4d6f7e;
  cursor: pointer;
  background: #fff;
  border: 1px solid #c8d8e0;
  border-radius: 7px;
  align-items: center;
  gap: 7px;
  padding: 8px 10px;
  font-size: 9px;
  font-weight: 900;
  display: flex;
}

.remediation-detail-toolbar > div:first-child > button:hover {
  background: #eef7f9;
}

.remediation-detail-toolbar > div:first-child > button.active {
  color: #216d85;
  background: #e9f6f8;
  border-color: #3c8aa2;
}

.remediation-detail-toolbar > div:first-child > button svg {
  width: 15px;
}

.remediation-detail-toolbar > div:first-child > button b {
  color: #a45d16;
  border-left: 1px solid #c8d8e0;
  padding-left: 7px;
}

.remediation-detail-toolbar > div:last-child button {
  font-size: 10px;
}

.remediation-chart-wrap {
  padding: 14px 18px 18px;
  overflow-x: auto;
}

.remediation-decline-chart {
  width: 100%;
  min-width: 680px;
  height: auto;
  display: block;
}

.scanner-chart-grid {
  stroke: #dfe8ec;
  stroke-width: 1px;
}

.scanner-chart-axis-label, .scanner-chart-unit {
  fill: #748994;
  font-size: 10px;
}

.scanner-chart-unit {
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.scanner-chart-recent {
  fill: #edf6f8;
}

.scanner-chart-band {
  fill: #73bac533;
  stroke: none;
}

.scanner-chart-lower {
  fill: none;
  stroke: #d78a2c;
  stroke-width: 2px;
  stroke-dasharray: 4 5;
}

.scanner-chart-expected {
  fill: none;
  stroke: #3d91ad;
  stroke-width: 2.4px;
  stroke-dasharray: 8 6;
}

.scanner-chart-actual {
  fill: none;
  stroke: #173f5a;
  stroke-width: 3.2px;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.scanner-chart-point {
  fill: #fff;
  stroke: #173f5a;
  stroke-width: 2px;
}

.scanner-chart-point.breach {
  fill: #d2594d;
  stroke: #fff;
  stroke-width: 2px;
}

.scanner-chart-boundary {
  stroke: #82a7b4;
  stroke-width: 1.2px;
  stroke-dasharray: 3 4;
}

.scanner-chart-window-label {
  fill: #4e7c8e;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.scanner-chart-breach-line {
  stroke: #c9584d;
  stroke-width: 1.5px;
  stroke-dasharray: 4 4;
}

.scanner-chart-breach-tag {
  fill: #c9584d;
}

.scanner-chart-breach-text {
  fill: #fff;
  font-size: 8px;
  font-weight: 900;
}

.scanner-chart-latest {
  fill: #d04f45;
  stroke: #fff;
  stroke-width: 3px;
}

.scanner-chart-latest-label {
  fill: #a34840;
  font-size: 10px;
  font-weight: 900;
}

.remediation-chart-legend {
  flex-wrap: wrap;
  align-items: center;
  gap: 15px;
  padding: 0 2px;
  display: flex;
}

.remediation-chart-legend span {
  color: #657d89;
  align-items: center;
  gap: 6px;
  font-size: 9px;
  display: flex;
}

.remediation-chart-legend i {
  background: #173f5a;
  width: 24px;
  height: 3px;
}

.remediation-chart-legend i.expected {
  background: none;
  border-top: 2px dashed #3d91ad;
  height: 0;
}

.remediation-chart-legend i.lower {
  background: none;
  border-top: 2px dashed #d78a2c;
  height: 0;
}

.remediation-chart-legend i.recent {
  background: #edf6f8;
  border: 1px solid #cfe1e7;
  height: 11px;
}

.remediation-chart-reading {
  background: #fff8e9;
  border: 1px solid #e6c997;
  border-radius: 9px;
  align-items: flex-start;
  gap: 9px;
  margin-top: 12px;
  padding: 11px 12px;
  display: flex;
}

.remediation-chart-reading svg {
  color: #b46e18;
  flex: none;
  width: 18px;
}

.remediation-chart-reading span, .remediation-chart-reading b {
  display: block;
}

.remediation-chart-reading span {
  color: #715d3a;
  font-size: 10px;
  line-height: 1.5;
}

.remediation-chart-reading b {
  color: #744a15;
  font-size: 11px;
}

.remediation-chart-empty {
  color: #71858f;
  text-align: center;
  padding: 40px;
}

.remediation-scanner-empty {
  align-items: flex-start;
  gap: 13px;
  padding: 22px;
  display: flex;
}

.remediation-scanner-empty > svg {
  color: #32906a;
  width: 28px;
}

.remediation-scanner-empty span, .remediation-scanner-empty h2 {
  display: block;
}

.remediation-scanner-empty span {
  color: #398168;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.remediation-scanner-empty h2 {
  color: #224b60;
  margin: 4px 0;
  font-size: 18px;
}

.remediation-scanner-empty p {
  color: #6c808b;
  margin: 0;
  font-size: 12px;
}

.remediation-scanner-boundary {
  background: #f4f8fa;
  align-items: flex-start;
  gap: 10px;
  padding: 13px 15px;
  display: flex;
}

.remediation-scanner-boundary > svg {
  color: #397d95;
  flex: none;
  width: 20px;
}

.remediation-scanner-boundary span, .remediation-scanner-boundary b {
  display: block;
}

.remediation-scanner-boundary span {
  color: #607985;
  font-size: 10px;
  line-height: 1.5;
}

.remediation-scanner-boundary b {
  color: #28566c;
  font-size: 10px;
}

@media (max-width: 1320px) {
  .remediation-scanner-hero {
    grid-template-columns: 1fr;
  }

  .remediation-scanner-layout {
    grid-template-columns: minmax(270px, 320px) minmax(0, 1fr);
  }

  .command-program-navigation > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 980px) {
  .remediation-scanner-layout {
    grid-template-columns: 1fr;
  }

  .remediation-candidate-list > div {
    max-height: 410px;
  }

  .remediation-candidate-detail > header, .remediation-detail-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .remediation-candidate-detail > header > aside {
    min-width: 0;
  }

  .remediation-detail-toolbar > div:last-child {
    justify-content: flex-start;
  }
}

@media (max-width: 680px) {
  .command-program-navigation > div, .remediation-scanner-stats {
    grid-template-columns: 1fr;
  }

  .remediation-scanner-hero {
    padding: 19px;
  }

  .remediation-scanner-hero h1 {
    font-size: 30px;
  }

  .remediation-candidate-list button {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .candidate-departure {
    text-align: left;
    grid-column: 2;
    align-items: center;
    gap: 7px;
    display: flex;
  }

  .candidate-departure svg {
    margin: 0;
  }

  .remediation-detail-toolbar > div:first-child {
    grid-template-columns: 1fr;
    display: grid;
  }

  .remediation-detail-toolbar > div:first-child > button {
    justify-content: flex-start;
  }
}

/* [project]/app/intelligence-v083.css [app-client] (css) */
.remediation-scanner-layout {
  grid-template-columns: minmax(500px, 560px) minmax(0, 1fr);
}

.remediation-candidate-list > div.remediation-candidate-table {
  border-top: 1px solid #dde7eb;
  max-height: none;
  overflow: hidden;
}

.remediation-candidate-columns {
  color: #6f8490;
  letter-spacing: .07em;
  text-transform: uppercase;
  background: #f4f8fa;
  border-bottom: 1px solid #dfe8ec;
  grid-template-columns: 26px minmax(118px, .8fr) minmax(160px, 1.25fr) 80px;
  gap: 9px;
  padding: 8px 12px;
  font-size: 7px;
  font-weight: 900;
  display: grid;
}

.remediation-candidate-columns span:first-child {
  grid-column: 2;
}

.remediation-candidate-columns span:nth-child(2) {
  grid-column: 3;
}

.remediation-candidate-columns span:last-child {
  text-align: right;
  grid-column: 4;
}

.remediation-candidate-rows {
  max-height: 690px;
  overflow: auto;
}

.remediation-candidate-list button {
  grid-template-columns: 26px minmax(118px, .8fr) minmax(160px, 1.25fr) 80px;
  gap: 9px;
  padding: 12px;
}

.candidate-asset small, .candidate-asset b, .candidate-asset em, .candidate-issue small, .candidate-issue b {
  overflow-wrap: anywhere;
  display: block;
}

.candidate-asset small {
  color: #4d8297;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.candidate-asset b {
  color: #183f56;
  margin-top: 3px;
  font-size: 13px;
}

.candidate-asset em {
  color: #7f9098;
  margin-top: 3px;
  font-size: 9px;
  font-style: normal;
}

.candidate-issue {
  border-left: 1px solid #e1e9ed;
  padding-left: 10px;
}

.candidate-issue b {
  color: #385c6d;
  font-size: 10px;
  line-height: 1.35;
}

.candidate-issue small {
  color: #9a6a20;
  text-transform: uppercase;
  margin-top: 5px;
  font-size: 8px;
  font-weight: 900;
}

.remediation-selected-issue {
  background: #fff9ec;
  border: 1px solid #e1c98f;
  border-radius: 10px;
  align-items: flex-start;
  gap: 11px;
  margin: 13px 17px 0;
  padding: 13px 14px;
  display: flex;
}

.remediation-selected-issue > svg {
  color: #aa6b18;
  flex: none;
  width: 22px;
}

.remediation-selected-issue span, .remediation-selected-issue small, .remediation-selected-issue b {
  display: block;
}

.remediation-selected-issue small {
  color: #93641e;
  letter-spacing: .05em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.remediation-selected-issue b {
  color: #4e4b3e;
  margin-top: 4px;
  font-size: 13px;
}

.remediation-selected-issue p {
  color: #756c57;
  margin: 4px 0 0;
  font-size: 10px;
  line-height: 1.45;
}

.remediation-design-workspace {
  background: #fff;
  border: 1px solid #c4d7df;
  border-radius: 15px;
  overflow: hidden;
  box-shadow: 0 13px 34px #0b2f4612;
}

.remediation-design-workspace > header {
  background: radial-gradient(circle at 90% -40%, #d7f1f4 0, #0000 45%), linear-gradient(115deg, #f7fbfc, #fff);
  border-bottom: 1px solid #d9e5ea;
  justify-content: space-between;
  align-items: flex-start;
  gap: 18px;
  padding: 19px 21px;
  display: flex;
}

.remediation-design-workspace > header > div > span, .remediation-design-why header span, .remediation-design-inputs > header span, .remediation-design-results > header span, .remediation-design-checks header span, .remediation-design-sequence header span {
  color: #2d7e97;
  letter-spacing: .09em;
  text-transform: uppercase;
  align-items: center;
  gap: 7px;
  font-size: 9px;
  font-weight: 900;
  display: flex;
}

.remediation-design-workspace > header > div > span svg {
  width: 16px;
}

.remediation-design-workspace > header h2 {
  color: #143c53;
  margin: 5px 0 4px;
  font-family: Georgia, Times New Roman, serif;
  font-size: 27px;
  font-weight: 500;
}

.remediation-design-workspace > header p {
  color: #657d89;
  max-width: 800px;
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.remediation-design-workspace > header > aside {
  background: #fff;
  border: 1px solid #d3dfe4;
  border-top: 3px solid #d4972c;
  border-radius: 9px;
  min-width: 190px;
  padding: 10px 12px;
}

.remediation-design-workspace > header > aside.estimated {
  border-top-color: #3e91aa;
}

.remediation-design-workspace > header > aside.complete {
  border-top-color: #309068;
}

.remediation-design-workspace > header > aside b, .remediation-design-workspace > header > aside small {
  display: block;
}

.remediation-design-workspace > header > aside b {
  color: #284f62;
  font-size: 11px;
}

.remediation-design-workspace > header > aside small {
  color: #7d9099;
  margin-top: 3px;
  font-size: 8px;
}

.remediation-design-demo {
  background: #fff7df;
  border-bottom: 1px solid #ead8ac;
  align-items: flex-start;
  gap: 9px;
  padding: 10px 20px;
  display: flex;
}

.remediation-design-demo svg {
  color: #b97a19;
  flex: none;
  width: 18px;
}

.remediation-design-demo span, .remediation-design-demo b {
  display: block;
}

.remediation-design-demo span {
  color: #756037;
  font-size: 9px;
  line-height: 1.45;
}

.remediation-design-demo b {
  color: #765018;
  font-size: 10px;
}

.remediation-design-overview {
  grid-template-columns: .8fr 1fr 1.2fr;
  gap: 10px;
  padding: 14px 18px;
  display: grid;
}

.remediation-design-overview article {
  background: #fbfdfe;
  border: 1px solid #d5e2e7;
  border-top: 3px solid #6bacbf;
  border-radius: 10px;
  min-width: 0;
  padding: 13px 13px 12px 43px;
  position: relative;
}

.remediation-design-overview article:first-child {
  border-top-color: #d4912a;
}

.remediation-design-overview article:last-child {
  border-top-color: #4a9c7b;
}

.remediation-design-overview article > svg {
  color: #39839b;
  width: 19px;
  position: absolute;
  top: 13px;
  left: 13px;
}

.remediation-design-overview article:first-child > svg {
  color: #b7771c;
}

.remediation-design-overview article:last-child > svg {
  color: #328365;
}

.remediation-design-overview span, .remediation-design-overview b, .remediation-design-overview small {
  display: block;
}

.remediation-design-overview span {
  color: #758b95;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.remediation-design-overview b {
  color: #244b5e;
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.45;
}

.remediation-design-overview small {
  color: #87979e;
  margin-top: 5px;
  font-size: 8px;
  line-height: 1.4;
}

.remediation-design-why {
  background: #f2f8fa;
  border: 1px solid #cee0e5;
  border-radius: 11px;
  margin: 0 18px 14px;
  padding: 14px 15px;
}

.remediation-design-why header, .remediation-design-results > header, .remediation-design-checks header, .remediation-design-sequence header {
  align-items: flex-start;
  gap: 9px;
  display: flex;
}

.remediation-design-why header > svg, .remediation-design-results > header > svg, .remediation-design-checks header > svg, .remediation-design-sequence header > svg {
  color: #33849b;
  flex: none;
  width: 20px;
}

.remediation-design-why h3, .remediation-design-inputs h3, .remediation-design-results h3, .remediation-design-checks h3, .remediation-design-sequence h3 {
  color: #1f475a;
  margin: 2px 0 0;
  font-size: 14px;
}

.remediation-design-why > p {
  color: #4d6976;
  margin: 10px 0;
  font-size: 11px;
  line-height: 1.55;
}

.remediation-design-why > div {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.remediation-design-why > div span {
  color: #597582;
  background: #fff;
  border: 1px solid #cbdde3;
  border-radius: 7px;
  padding: 6px 8px;
  font-size: 8px;
  line-height: 1.35;
}

.remediation-design-grid {
  grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
  gap: 13px;
  padding: 0 18px 15px;
  display: grid;
}

.remediation-design-inputs, .remediation-design-results {
  background: #fbfcfd;
  border: 1px solid #d3e0e6;
  border-radius: 12px;
  min-width: 0;
  padding: 15px;
}

.remediation-design-inputs > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.remediation-design-inputs > header button {
  color: #4b7788;
  cursor: pointer;
  background: #fff;
  border: 1px solid #c9d9df;
  border-radius: 7px;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  font-size: 8px;
  font-weight: 900;
  display: flex;
}

.remediation-design-inputs > header button:hover {
  background: #eef6f8;
}

.remediation-design-inputs > header button svg {
  width: 13px;
}

.remediation-path-select {
  background: #eef7f9;
  border: 1px solid #c9dbe2;
  border-radius: 9px;
  grid-template-columns: minmax(160px, .72fr) minmax(220px, 1fr);
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 10px;
  display: grid;
}

.remediation-path-select > span {
  color: #305a6d;
  font-size: 10px;
  font-weight: 900;
}

.remediation-path-select small {
  color: #78909a;
  margin-top: 2px;
  font-size: 8px;
  font-weight: 500;
  display: block;
}

.remediation-path-select select {
  color: #294c5e;
  background: #fff;
  border: 1px solid #b8ced8;
  border-radius: 7px;
  min-width: 0;
  height: 35px;
  padding: 0 8px;
  font-size: 10px;
  font-weight: 800;
}

.remediation-design-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 10px;
  display: grid;
}

.remediation-design-fields > label {
  background: #fff;
  border: 1px solid #d8e2e7;
  border-radius: 8px;
  min-width: 0;
  padding: 9px;
}

.remediation-design-fields > label.missing {
  background: #fffbf1;
  border-color: #e2bf78;
}

.remediation-design-fields > label > span {
  color: #35596b;
  font-size: 9px;
  font-weight: 900;
  display: block;
}

.remediation-design-fields > label > span small {
  color: #81919a;
  min-height: 27px;
  margin-top: 3px;
  font-size: 7px;
  font-weight: 500;
  line-height: 1.35;
  display: block;
}

.remediation-design-fields > label > div {
  grid-template-columns: minmax(0, 1fr) auto;
  margin-top: 7px;
  display: grid;
}

.remediation-design-fields input {
  color: #23485a;
  border: 1px solid #bdced6;
  border-radius: 6px 0 0 6px;
  min-width: 0;
  height: 33px;
  padding: 0 8px;
  font-size: 11px;
  font-weight: 800;
}

.remediation-design-fields em {
  color: #627d89;
  background: #edf3f5;
  border: 1px solid #bdced6;
  border-left: 0;
  border-radius: 0 6px 6px 0;
  place-items: center;
  min-width: 46px;
  padding: 0 6px;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.remediation-design-fields > label > i {
  color: #38806c;
  margin-top: 4px;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
  display: block;
}

.remediation-design-hold, .remediation-design-no-output {
  background: #fffaf0;
  border: 1px dashed #d7bd80;
  border-radius: 9px;
  align-items: flex-start;
  gap: 9px;
  margin-top: 12px;
  padding: 14px;
  display: flex;
}

.remediation-design-hold svg, .remediation-design-no-output svg {
  color: #ad731b;
  flex: none;
  width: 20px;
}

.remediation-design-hold span, .remediation-design-hold b, .remediation-design-no-output span, .remediation-design-no-output b {
  display: block;
}

.remediation-design-hold span, .remediation-design-no-output span {
  color: #75684f;
  font-size: 9px;
  line-height: 1.5;
}

.remediation-design-hold b, .remediation-design-no-output b {
  color: #71501d;
  font-size: 10px;
}

.remediation-design-errors {
  gap: 4px;
  margin-top: 9px;
  display: grid;
}

.remediation-design-errors span {
  color: #9a4038;
  background: #fff0ed;
  border-radius: 6px;
  padding: 7px 8px;
  font-size: 8px;
  font-weight: 800;
}

.remediation-design-output-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 7px;
  margin-top: 12px;
  display: grid;
}

.remediation-design-output-grid article {
  background: #fff;
  border: 1px solid #d5e1e6;
  border-radius: 8px;
  min-width: 0;
  padding: 11px;
}

.remediation-design-output-grid article.product {
  border-top: 3px solid #3d8da7;
}

.remediation-design-output-grid article.total {
  background: #eef9f4;
  border-color: #61ae91;
  grid-column: 1 / -1;
}

.remediation-design-output-grid span, .remediation-design-output-grid b, .remediation-design-output-grid small {
  display: block;
}

.remediation-design-output-grid span {
  color: #6c828d;
  text-transform: uppercase;
  min-height: 24px;
  font-size: 8px;
  font-weight: 900;
}

.remediation-design-output-grid b {
  color: #163e54;
  margin-top: 4px;
  font-family: Georgia, Times New Roman, serif;
  font-size: 22px;
  font-weight: 500;
}

.remediation-design-output-grid small {
  color: #60808e;
  margin-top: 1px;
  font-size: 8px;
  font-weight: 900;
}

.remediation-design-output-grid article.total b {
  color: #237558;
  font-size: 28px;
}

.remediation-design-checks {
  border-top: 1px solid #dbe5e9;
  margin-top: 13px;
  padding-top: 13px;
}

.remediation-design-checks header > svg {
  color: #328564;
}

.remediation-design-checks > label {
  cursor: pointer;
  background: #fff;
  border: 1px solid #d9e4e8;
  border-radius: 8px;
  grid-template-columns: auto 1fr;
  align-items: flex-start;
  gap: 8px;
  margin-top: 8px;
  padding: 9px;
  display: grid;
}

.remediation-design-checks input {
  accent-color: #29815f;
  margin-top: 2px;
}

.remediation-design-checks label span, .remediation-design-checks label b {
  display: block;
}

.remediation-design-checks label span {
  color: #6b808a;
  font-size: 8px;
  line-height: 1.4;
}

.remediation-design-checks label b {
  color: #355a6a;
  font-size: 9px;
}

.remediation-design-sequence {
  background: #fbfcfd;
  border: 1px solid #d3e1e6;
  border-radius: 11px;
  margin: 0 18px 15px;
  padding: 14px 15px;
}

.remediation-design-sequence header > svg {
  color: #328d68;
}

.remediation-design-sequence ol {
  counter-reset: design-step;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 11px 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.remediation-design-sequence li {
  counter-increment: design-step;
  color: #536e7a;
  background: #fff;
  border: 1px solid #dce5e9;
  border-radius: 8px;
  padding: 10px 10px 10px 38px;
  font-size: 9px;
  line-height: 1.45;
  position: relative;
}

.remediation-design-sequence li:before {
  content: counter(design-step);
  color: #fff;
  background: #1d536b;
  border-radius: 50%;
  place-items: center;
  width: 20px;
  height: 20px;
  font-size: 8px;
  font-weight: 900;
  display: grid;
  position: absolute;
  top: 10px;
  left: 10px;
}

.remediation-design-content > footer {
  background: #f2f6f8;
  border-top: 1px solid #dce6ea;
  align-items: flex-start;
  gap: 9px;
  padding: 13px 18px;
  display: flex;
}

.remediation-design-content > footer > svg {
  color: #347c94;
  flex: none;
  width: 19px;
}

.remediation-design-content > footer > span {
  color: #607985;
  max-width: 750px;
  margin-right: auto;
  font-size: 9px;
  line-height: 1.5;
}

.remediation-design-content > footer > span b {
  color: #315f73;
  font-size: 9px;
  display: block;
}

.remediation-design-content > footer > div {
  gap: 5px;
  display: grid;
}

.remediation-design-content > footer a {
  color: #28758e;
  align-items: center;
  gap: 5px;
  font-size: 8px;
  font-weight: 900;
  text-decoration: none;
  display: flex;
}

.remediation-design-content > footer a:hover {
  text-decoration: underline;
}

.remediation-design-content > footer a svg {
  width: 12px;
}

@media (max-width: 1440px) {
  .remediation-scanner-layout {
    grid-template-columns: minmax(430px, 500px) minmax(0, 1fr);
  }

  .remediation-candidate-columns, .remediation-candidate-list button {
    grid-template-columns: 26px minmax(105px, .75fr) minmax(135px, 1fr) 72px;
  }

  .remediation-design-overview {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 1180px) {
  .remediation-scanner-layout, .remediation-design-grid {
    grid-template-columns: 1fr;
  }

  .remediation-candidate-rows {
    max-height: 410px;
  }

  .remediation-design-overview, .remediation-design-sequence ol {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .remediation-candidate-columns {
    display: none;
  }

  .remediation-candidate-list button {
    grid-template-columns: 26px minmax(0, 1fr);
  }

  .candidate-issue {
    border-top: 1px solid #e1e9ed;
    border-left: 0;
    grid-column: 2;
    padding: 8px 0 0;
  }

  .candidate-departure {
    grid-column: 2;
  }

  .remediation-design-workspace > header, .remediation-design-content > footer {
    flex-direction: column;
    align-items: stretch;
  }

  .remediation-design-workspace > header > aside {
    min-width: 0;
  }

  .remediation-design-fields, .remediation-design-output-grid {
    grid-template-columns: 1fr;
  }

  .remediation-design-output-grid article.total {
    grid-column: auto;
  }

  .remediation-path-select {
    grid-template-columns: 1fr;
  }

  .remediation-design-content > footer > div {
    margin-top: 5px;
  }
}

.remediation-design-workspace > header {
  flex-wrap: wrap;
}

.remediation-design-workspace > header > div {
  flex: 380px;
}

.remediation-design-toggle {
  color: #28586e;
  flex: none;
  align-self: flex-start;
  min-height: 40px;
}

.remediation-design-toggle svg {
  width: 16px;
  height: 16px;
}

@media (max-width: 720px) {
  .remediation-design-workspace > header > div {
    flex-basis: auto;
  }

  .remediation-design-toggle {
    align-self: stretch;
  }
}

/* [project]/app/intelligence-v085.css [app-client] (css) */
.scanner-chart-expected-band {
  stroke-width: .7px;
  pointer-events: none;
}

.scanner-chart-expected-band.shared {
  fill: #94a3b83d;
  stroke: #94a3b866;
}

.scanner-chart-expected-band.oil {
  fill: #153f5b18;
  stroke: #153f5b44;
}

.scanner-chart-expected-band.water {
  fill: #20a6a326;
  stroke: #20a6a366;
}

.remediation-chart-legend i.expected-band {
  background: #94a3b83d;
  border: 1px solid #94a3b877;
  border-radius: 2px;
  height: 11px;
}

.remediation-chart-legend i.oil-band {
  background: #153f5b18;
  border-color: #153f5b66;
}

.remediation-chart-legend i.water-band {
  background: #20a6a326;
  border-color: #20a6a388;
}

.remediation-band-basis {
  color: #617d8e;
  margin: 7px 0 0;
  font-size: 11px;
  line-height: 1.5;
}

.remediation-combined-note {
  color: #325d70;
  align-items: center;
  gap: 9px !important;
  display: flex !important;
}

.remediation-combined-note > svg {
  color: #2f849e;
  flex: none;
  width: 20px;
}

.remediation-combined-note span, .remediation-combined-note b, .remediation-combined-note small {
  display: block;
}

.remediation-combined-note b {
  font-size: 10px;
}

.remediation-combined-note small {
  color: #758a94;
  margin-top: 2px;
  font-size: 8px;
  line-height: 1.35;
}

.remediation-chart-heading {
  padding: 2px 2px 10px;
}

.remediation-chart-heading span, .remediation-chart-heading b, .remediation-chart-heading small {
  display: block;
}

.remediation-chart-heading span {
  color: #347f98;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.remediation-chart-heading b {
  color: #244b5f;
  margin-top: 3px;
  font-size: 13px;
}

.remediation-chart-heading small {
  color: #788b95;
  margin-top: 3px;
  font-size: 8px;
}

.scanner-chart-reference {
  fill: none;
  stroke: #7d949e;
  stroke-width: 1.8px;
  stroke-dasharray: 3 4;
}

.scanner-chart-oil, .scanner-chart-water, .scanner-chart-oil-lower, .scanner-chart-water-lower {
  fill: none;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.scanner-chart-oil {
  stroke: #153f5b;
  stroke-width: 3.4px;
}

.scanner-chart-water {
  stroke: #20a6a3;
  stroke-width: 3.4px;
}

.scanner-chart-oil-lower {
  stroke: #c87927;
  stroke-width: 1.8px;
  stroke-dasharray: 7 5;
}

.scanner-chart-water-lower {
  stroke: #5eb7b4;
  stroke-width: 1.8px;
  stroke-dasharray: 2 5;
}

.scanner-chart-oil-point, .scanner-chart-water-point {
  fill: #fff;
  stroke-width: 2px;
}

.scanner-chart-oil-point {
  stroke: #153f5b;
}

.scanner-chart-water-point {
  stroke: #20a6a3;
}

.scanner-chart-oil-point.breach {
  fill: #d1544b;
  stroke: #fff;
}

.scanner-chart-water-point.breach {
  fill: #c87927;
  stroke: #fff;
}

.scanner-chart-oil-latest {
  fill: #153f5b;
  stroke: #fff;
  stroke-width: 3px;
}

.scanner-chart-water-latest {
  fill: #20a6a3;
  stroke: #fff;
  stroke-width: 3px;
}

.scanner-chart-oil-latest-label {
  fill: #153f5b;
  font-size: 10px;
  font-weight: 900;
}

.scanner-chart-water-latest-label {
  fill: #15827f;
  font-size: 10px;
  font-weight: 900;
}

.remediation-chart-legend i.oil {
  background: #153f5b;
}

.remediation-chart-legend i.water {
  background: #20a6a3;
}

.remediation-chart-legend i.reference {
  background: none;
  border-top: 2px dashed #7d949e;
  height: 0;
}

.remediation-chart-legend i.oil-lower {
  background: none;
  border-top: 2px dashed #c87927;
  height: 0;
}

.remediation-chart-legend i.water-lower {
  background: none;
  border-top: 2px dotted #5eb7b4;
  height: 0;
}

.remediation-chart-reading.divergence {
  background: #edf9fa;
  border-color: #91cbd3;
}

.remediation-chart-reading.divergence svg {
  color: #23849a;
}

.remediation-chart-reading.divergence span {
  color: #416d79;
}

.remediation-chart-reading.divergence b {
  color: #176279;
}

.remediation-chart-reading.within {
  background: #eff9f4;
  border-color: #a9d2be;
}

.remediation-chart-reading.within svg {
  color: #2f8b65;
}

.remediation-chart-reading.within span {
  color: #4b7462;
}

.remediation-chart-reading.within b {
  color: #297454;
}

.production-decline-panel.oil_water_divergence > header > em {
  color: #28778a;
  background: #dff4f5;
}

.production-decline-panel.oil_water_divergence .production-decline-interpretation {
  background: #edf8fa;
  border-color: #a8d2da;
}

.production-decline-panel.oil_water_divergence .production-decline-pathways article.leading {
  background: #f2fbfc;
  border-top-color: #2d8fa3;
}

@media (max-width: 680px) {
  .remediation-combined-note {
    align-items: flex-start;
  }

  .remediation-chart-heading small {
    line-height: 1.4;
  }

  .remediation-decline-chart.combined {
    min-width: 700px;
  }
}

/* [project]/app/intelligence-v086.css [app-client] (css) */
.candidate-departure em {
  color: #6f4b14;
  border-top: 1px solid #dfd5bf;
  margin-top: 7px;
  padding-top: 6px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
  line-height: 1.25;
  display: block;
}

.candidate-departure em small {
  color: #9a7f56;
  margin-top: 1px;
  font-size: 6px;
}

.remediation-loss-card {
  border-top: 3px solid #d78b2a !important;
}

.remediation-loss-card > span:first-of-type {
  color: #8b754f !important;
}

.remediation-loss-card hr {
  background: #e2e8eb;
  border: 0;
  height: 1px;
  margin: 8px 0;
}

.production-decline-expected > strong {
  color: #865812;
  background: #fff8e8;
  border: 1px solid #e5c782;
  border-radius: 7px;
  grid-column: 1 / -1;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 8px;
  padding: 8px 9px;
  font-size: 12px;
  display: grid;
}

.production-decline-expected > strong small {
  color: #97712f;
  letter-spacing: .04em;
  font-size: 7px;
  font-weight: 900;
}

.production-decline-panel.dark .production-decline-expected > strong {
  color: #ffd98a;
  background: #241d0e;
  border-color: #6d5829;
}

.production-decline-panel.dark .production-decline-expected > strong small {
  color: #d1b46e;
}

@media (max-width: 680px) {
  .candidate-departure em {
    border-top: 0;
    border-left: 1px solid #dfd5bf;
    margin-top: 0;
    padding: 0 0 0 7px;
  }

  .production-decline-expected > strong {
    grid-template-columns: 1fr;
  }
}

/* [project]/app/intelligence-v087.css [app-client] (css) */
.action-workflow-sync {
  color: #245f48;
  background: #f1faf6;
  border: 1px solid #b8d9c8;
  border-left: 5px solid #2f9569;
  border-radius: 12px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px 15px;
  display: grid;
}

.action-workflow-sync > svg {
  width: 23px;
}

.action-workflow-sync p {
  margin: 0;
}

.action-workflow-sync b, .action-workflow-sync span {
  display: block;
}

.action-workflow-sync b {
  font-size: 13px;
}

.action-workflow-sync span {
  color: #58766a;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.45;
}

.action-workflow-sync.implemented {
  background: #eaf8f1;
  border-color: #8fc9ad #8fc9ad #8fc9ad #168a5b;
}

.action-workflow-sync.error {
  color: #8a332f;
  background: #fff4f3;
  border-color: #e5aaa5 #e5aaa5 #e5aaa5 #c24d46;
}

.action-workflow-sync.error span {
  color: #8d5b58;
}

.action-register-item.status-implemented {
  border-color: #86c9a7;
  box-shadow: inset 5px 0 #1e9362;
}

.action-register-item.status-implemented > header > i {
  color: #fff;
  background: #1e9362;
}

.action-register-item.overdue {
  border-color: #e0a09a;
  box-shadow: inset 5px 0 #c9564f;
}

.action-register-fields label.overdue > span {
  color: #b6413b;
}

.action-register-fields .implemented-date {
  background: #f1faf6;
  border-color: #a9d9c0;
  position: relative;
}

.action-register-fields .implemented-date > span {
  color: #24714f;
}

.action-register-fields .implemented-date small {
  color: #5c7b6c;
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.35;
  display: block;
}

.action-register-fields input:disabled, .action-register-fields select:disabled, .action-register-fields textarea:disabled {
  cursor: not-allowed;
  color: #71818c;
  background: #edf1f4;
}

.intervention-event.workflow {
  background: #effaf5;
  border-color: #8dceb0 #8dceb0 #8dceb0 #1c9461;
}

.intervention-event.workflow span {
  color: #267453;
}

.trend .event-mark.workflow line {
  stroke: #168c5d;
}

.trend .event-mark.workflow rect {
  fill: #168c5d;
}

.trend .event-mark.workflow text {
  fill: #fff;
  font-size: 8px;
  font-weight: 800;
}

.dashboard-trend-card .intervention-timeline, .dashboard-trend-card .intervention-empty {
  margin: 12px 16px 16px;
}

.asset-dashboard-side .dashboard-summary-list > div:last-child {
  border-bottom: 0;
}

@media (max-width: 760px) {
  .action-workflow-sync {
    grid-template-columns: auto 1fr;
  }

  .action-workflow-sync button {
    grid-column: 1 / -1;
    width: 100%;
  }

  .action-register-fields .implemented-date {
    grid-column: 1 / -1;
  }
}

/* [project]/app/intelligence-v088.css [app-client] (css) */
.community-next-action small svg {
  vertical-align: -2px;
  width: 13px;
  height: 13px;
  margin-right: 4px;
}

.community-decision-brief {
  background: #f5fafc;
  border-color: #adcbd8;
  overflow: hidden;
}

.community-decision-brief > summary {
  background: linear-gradient(110deg, #eef8fb, #f7fbfc);
  border-bottom: 0;
  padding: 13px 14px;
}

.community-decision-brief[open] > summary {
  border-bottom: 1px solid #ccdee6;
}

.community-decision-brief > summary > svg {
  flex: none;
  width: 21px;
  height: 21px;
}

.community-decision-brief > summary > span {
  min-width: 0;
  display: block;
}

.community-decision-brief > summary > span > small {
  color: #718894;
  margin-top: 2px;
  font-size: 10px;
  font-weight: 600;
  display: block;
}

.community-decision-brief > summary > em {
  color: #855d16;
  text-transform: uppercase;
  white-space: nowrap;
  background: #fff0ce;
  border-radius: 999px;
  margin-left: auto;
  padding: 5px 8px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.community-decision-body {
  gap: 11px;
  padding: 12px;
  display: grid;
}

.community-decision-overview {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  display: grid;
}

.community-decision-overview > article {
  background: #fff;
  border: 1px solid #d3e1e7;
  border-radius: 10px;
  padding: 12px;
}

.community-decision-overview > article.decision-question {
  background: linear-gradient(110deg, #f8fcfd, #eef8fb);
  border-left: 5px solid #237f9d;
  grid-column: 1 / -1;
}

.community-decision-overview > article.decision-impact {
  background: #fffaf0;
  border-left: 4px solid #d99a25;
}

.community-decision-overview span, .community-diagnostic-paths > header span, .community-evidence-snapshot > header span, .community-field-sequence > header span {
  color: #39778e;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 9px;
  font-weight: 900;
}

.community-decision-overview h4 {
  color: #173f55;
  margin: 5px 0 0;
  font-size: 15px;
  line-height: 1.4;
}

.community-decision-overview p {
  color: #4f6c7b;
  margin: 5px 0 0;
  font-size: 11px;
  line-height: 1.55;
}

.community-diagnostic-paths, .community-field-sequence, .community-evidence-snapshot {
  background: #fff;
  border: 1px solid #d2e0e6;
  border-radius: 11px;
  padding: 12px;
}

.community-diagnostic-paths > header, .community-field-sequence > header, .community-evidence-snapshot > header {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin-bottom: 9px;
  display: flex;
}

.community-diagnostic-paths > header small, .community-field-sequence > header small {
  color: #758994;
  font-size: 10px;
}

.community-diagnostic-paths > div, .community-field-sequence > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.community-diagnostic-paths article {
  background: #f8fafb;
  border: 1px solid #d9e3e8;
  border-radius: 9px;
  padding: 10px;
}

.community-diagnostic-paths article > header {
  align-items: flex-start;
  gap: 8px;
  display: flex;
}

.community-diagnostic-paths article > header > i, .community-field-sequence article > i {
  color: #24728e;
  background: #dceff5;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.community-diagnostic-paths article > header span, .community-diagnostic-paths article > header b, .community-diagnostic-paths article > header em {
  display: block;
}

.community-diagnostic-paths article > header em, .community-field-sequence article em {
  color: #987020;
  text-transform: uppercase;
  font-size: 8px;
  font-style: normal;
  font-weight: 900;
}

.community-diagnostic-paths article > header b {
  color: #264c60;
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.3;
}

.community-diagnostic-paths article > p {
  color: #5b7380;
  margin: 8px 0;
  font-size: 10px;
  line-height: 1.45;
}

.community-diagnostic-paths article > small, .community-field-sequence article small {
  color: #627985;
  border-top: 1px solid #e0e8eb;
  padding-top: 7px;
  font-size: 9px;
  line-height: 1.45;
  display: block;
}

.community-diagnostic-paths article > small strong, .community-field-sequence article small strong {
  color: #386b80;
  text-transform: uppercase;
  margin-bottom: 2px;
  font-size: 8px;
  display: block;
}

.community-evidence-snapshot > header b {
  color: #235b72;
  font-size: 11px;
}

.community-evidence-snapshot .community-quality-checks {
  margin-bottom: 8px;
}

.community-evidence-snapshot > p {
  color: #58717e;
  background: #f3f7f9;
  border-radius: 8px;
  margin: 0;
  padding: 9px;
  font-size: 10px;
  line-height: 1.5;
}

.community-evidence-snapshot > small {
  color: #637b87;
  gap: 7px;
  margin-top: 8px;
  font-size: 9px;
  line-height: 1.45;
  display: flex;
}

.community-evidence-snapshot > small svg {
  color: #35819b;
  flex: none;
  width: 14px;
  height: 14px;
}

.community-field-sequence article {
  background: #f5fbf8;
  border: 1px solid #cfe1d8;
  border-radius: 9px;
  gap: 8px;
  padding: 10px;
  display: flex;
}

.community-field-sequence article > i {
  color: #287d5a;
  background: #dff4e9;
}

.community-field-sequence article > span, .community-field-sequence article b, .community-field-sequence article em {
  display: block;
}

.community-field-sequence article b {
  color: #315746;
  margin-top: 3px;
  font-size: 11px;
  line-height: 1.4;
}

.community-field-sequence article small {
  color: #60776c;
  border-color: #dce9e2;
  margin-top: 7px;
}

.community-decision-outcomes {
  grid-template-columns: 1fr 1fr;
  gap: 9px;
  display: grid;
}

.community-decision-outcomes article {
  background: #f2faf6;
  border: 1px solid #c7ded2;
  border-radius: 10px;
  gap: 9px;
  padding: 11px;
  display: flex;
}

.community-decision-outcomes article:last-child {
  background: #fff9eb;
  border-color: #ead5a6;
}

.community-decision-outcomes svg {
  color: #2f8b63;
  flex: none;
  width: 18px;
  height: 18px;
}

.community-decision-outcomes article:last-child svg {
  color: #b67b19;
}

.community-decision-outcomes b, .community-decision-outcomes p {
  display: block;
}

.community-decision-outcomes b {
  color: #285843;
  font-size: 10px;
}

.community-decision-outcomes article:last-child b {
  color: #765416;
}

.community-decision-outcomes p {
  color: #577164;
  margin: 3px 0 0;
  font-size: 10px;
  line-height: 1.45;
}

.community-decision-outcomes article:last-child p {
  color: #756744;
}

.community-decision-body > footer {
  background: #f7f9fa;
  border: 1px solid #d5e0e5;
  border-radius: 9px;
  gap: 8px;
  padding: 10px;
  display: flex;
}

.community-decision-body > footer > svg {
  color: #507584;
  flex: none;
  width: 16px;
  height: 16px;
}

.community-decision-body > footer b, .community-decision-body > footer small {
  display: block;
}

.community-decision-body > footer b {
  color: #3d6071;
  text-transform: uppercase;
  font-size: 9px;
}

.community-decision-body > footer small {
  color: #6d8089;
  margin-top: 2px;
  font-size: 9px;
  line-height: 1.45;
}

@media (max-width: 1480px) {
  .community-diagnostic-paths > div, .community-field-sequence > div {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 1080px) {
  .community-decision-overview, .community-decision-outcomes {
    grid-template-columns: 1fr;
  }

  .community-decision-overview > article.decision-question {
    grid-column: auto;
  }
}

@media (max-width: 680px) {
  .community-decision-brief > summary {
    align-items: flex-start;
  }

  .community-decision-brief > summary > em {
    white-space: normal;
    text-align: center;
  }

  .community-diagnostic-paths > header, .community-field-sequence > header, .community-evidence-snapshot > header {
    flex-direction: column;
    align-items: flex-start;
  }

  .community-decision-body {
    padding: 9px;
  }
}

/* [project]/app/intelligence-v089.css [app-client] (css) */
.screening-context-controls > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.action-prerequisite {
  color: #a15f23;
  margin-top: 5px;
  font-size: 9px;
  line-height: 1.4;
  display: block;
}

.modeling-decision-card > button {
  align-self: flex-start;
  margin-top: 10px;
}

.roi-illustrative-notice {
  color: #76551c;
  background: #fff8e8;
  border: 1px solid #ead29a;
  border-radius: 9px;
  align-items: flex-start;
  gap: 9px;
  margin: 0 15px 13px;
  padding: 11px;
  display: flex;
}

.roi-illustrative-notice > svg {
  flex: none;
  width: 17px;
}

.roi-illustrative-notice b, .roi-illustrative-notice small {
  display: block;
}

.roi-illustrative-notice b {
  font-size: 11px;
}

.roi-illustrative-notice small {
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.45;
}

.community-pin-note {
  color: #657d89;
  background: #f8fbfc;
  border-bottom: 1px solid #d8e4e9;
  margin: 0;
  padding: 8px 11px;
  font-size: 10px;
  line-height: 1.45;
}

.community-replies > article.pinned {
  border-color: #69a88b;
  box-shadow: inset 4px 0 #3c936a;
}

.community-replies > article > footer.community-reply-actions {
  justify-content: space-between;
  align-items: center;
}

.community-reply-actions > div {
  gap: 6px;
  display: flex;
}

.community-replies article > footer button.community-pin {
  color: #357659;
  border-color: #a8c8b7;
  margin-left: auto;
}

.community-replies article > footer button.community-pin.active {
  color: #246849;
  background: #e7f5ed;
  border-color: #397f5f;
}

.community-pin svg {
  fill: currentColor;
}

.production-decline-panel.post_event_stabilization {
  border-color: #d9bd83;
}

@media (max-width: 980px) {
  .screening-context-controls > div {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 680px) {
  .screening-context-controls > div {
    grid-template-columns: 1fr;
  }

  .community-replies > article > footer.community-reply-actions {
    flex-direction: column;
    align-items: flex-start;
  }

  .community-replies article > footer button.community-pin {
    margin-left: 0;
  }
}

/* [project]/app/operator-v092.css [app-client] (css) */
.operator-plan-board {
  color: #153247;
  background: #fff;
  border: 1px solid #bfd0da;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 30px #0c2a3d10;
}

.operator-plan-board > header {
  background: #f8fbfc;
  border-bottom: 1px solid #dbe5ea;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 15px 17px;
  display: flex;
}

.operator-plan-board > header > div {
  align-items: center;
  gap: 10px;
  display: flex;
}

.operator-plan-board > header svg {
  color: #237d9e;
  width: 22px;
}

.operator-plan-board > header span, .operator-plan-board > header b, .operator-plan-board > header small {
  display: block;
}

.operator-plan-board > header b {
  color: #16394e;
  font-size: 14px;
}

.operator-plan-board > header small {
  color: #6f8390;
  margin-top: 3px;
  font-size: 12px;
}

.operator-plan-board > header em {
  color: #286c87;
  text-transform: uppercase;
  background: #e5f2f7;
  border-radius: 99px;
  padding: 5px 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.operator-next-step {
  background: linear-gradient(145deg, #fff, #f5fbf8);
  border: 1px solid #b9d9cc;
  border-left: 6px solid #2c9a69;
  border-radius: 14px;
  margin: 16px;
}

.operator-next-step.urgent {
  border-left-color: #d6534e;
}

.operator-next-heading {
  align-items: center;
  gap: 12px;
  padding: 17px 18px 12px;
  display: flex;
}

.operator-next-heading > i {
  color: #fff;
  background: #1f7f5a;
  border-radius: 10px;
  flex: none;
  place-items: center;
  width: 36px;
  height: 36px;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.operator-next-step.urgent .operator-next-heading > i {
  background: #bd4945;
}

.operator-next-heading span, .operator-next-heading h3 {
  display: block;
}

.operator-next-heading span {
  color: #28775a;
  text-transform: uppercase;
  letter-spacing: .11em;
  font-size: 12px;
  font-weight: 900;
}

.operator-next-heading h3 {
  color: #12364b;
  letter-spacing: -.02em;
  margin: 4px 0 0;
  font-size: 20px;
}

.operator-next-step > ol {
  counter-reset: operator-step;
  gap: 8px;
  margin: 0;
  padding: 0 18px 15px 58px;
  list-style: none;
  display: grid;
}

.operator-next-step > ol li {
  color: #36566a;
  background: #fff;
  border: 1px solid #d7e5df;
  border-radius: 8px;
  min-height: 26px;
  padding: 6px 10px 6px 34px;
  font-size: 15px;
  line-height: 1.45;
  position: relative;
}

.operator-next-step > ol li:before {
  color: #247755;
  counter-increment: operator-step;
  content: counter(operator-step);
  background: #e1f2ea;
  border-radius: 99px;
  place-items: center;
  width: 20px;
  height: 20px;
  font-size: 12px;
  font-weight: 900;
  display: grid;
  position: absolute;
  top: 6px;
  left: 8px;
}

.operator-plan-finish {
  background: #d7e4df;
  border-top: 1px solid #d7e4df;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  display: grid;
}

.operator-plan-finish > section {
  background: #f7fbf9;
  padding: 13px 16px;
}

.operator-plan-finish span, .operator-plan-finish b, .operator-plan-finish small {
  display: block;
}

.operator-plan-finish span {
  color: #5f7b6f;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: 12px;
  font-weight: 900;
}

.operator-plan-finish b, .operator-plan-finish li {
  color: #294c40;
  font-size: 14px;
  line-height: 1.45;
}

.operator-plan-finish b {
  margin-top: 6px;
}

.operator-plan-finish ul {
  margin: 6px 0 0;
  padding-left: 16px;
}

.operator-plan-finish small {
  color: #648074;
  margin-top: 6px;
  font-size: 12px;
}

.operator-next-step > aside {
  color: #7c4138;
  background: #fff4f1;
  border: 1px solid #eccbc3;
  border-radius: 9px;
  align-items: flex-start;
  gap: 9px;
  margin: 12px 16px;
  padding: 10px 11px;
  font-size: 14px;
  line-height: 1.45;
  display: flex;
}

.operator-next-step > aside svg {
  color: #bd5b4e;
  flex: none;
  width: 17px;
}

.operator-next-step > aside span, .operator-next-step > aside b {
  display: block;
}

.operator-next-step > details {
  color: #5e7783;
  border-top: 1px solid #dce7e2;
  margin: 0 16px 15px;
  font-size: 14px;
}

.operator-next-step > details summary {
  color: #42687a;
  cursor: pointer;
  padding: 11px 0 5px;
  font-weight: 850;
}

.operator-next-step > details p {
  margin: 4px 0;
}

.operator-next-step > details small {
  line-height: 1.45;
  display: block;
}

.operator-plan-empty {
  align-items: flex-start;
  gap: 11px;
  padding: 24px;
  display: flex;
}

.operator-plan-empty svg {
  color: #37906b;
  flex: none;
  width: 24px;
}

.operator-plan-empty b, .operator-plan-empty span {
  display: block;
}

.operator-plan-empty b {
  font-size: 15px;
}

.operator-plan-empty span {
  color: #667d8b;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.5;
}

.operator-plan-queue {
  border-top: 1px solid #dbe5ea;
  padding: 13px 16px 16px;
}

.operator-plan-queue > h3 {
  color: #536d7d;
  text-transform: uppercase;
  letter-spacing: .1em;
  margin: 0 0 9px;
  font-size: 13px;
}

.operator-plan-queue > article {
  border-top: 1px solid #e4eaee;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 10px 11px;
  display: grid;
}

.operator-plan-queue > article:first-of-type {
  border-top: 0;
}

.operator-plan-queue > article > i {
  color: #527587;
  background: #e9f1f5;
  border-radius: 8px;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.operator-plan-queue span, .operator-plan-queue b, .operator-plan-queue small {
  display: block;
}

.operator-plan-queue span {
  color: #728590;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.operator-plan-queue b {
  color: #24465c;
  margin-top: 3px;
  font-size: 15px;
}

.operator-plan-queue small {
  color: #758792;
  margin-top: 3px;
  font-size: 12px;
}

.operator-plan-queue > article > em {
  color: #7f5e21;
  background: #fff2d8;
  border-radius: 8px;
  max-width: 210px;
  padding: 6px 8px;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.35;
}

.operator-plan-queue > article.coordinate > i, .operator-plan-queue > article.waiting_on_advisor > i {
  color: #956812;
  background: #fff0d2;
}

.operator-plan-context {
  color: #17384c;
  background: #fff;
  border: 1px solid #c7d6de;
  border-radius: 13px;
  overflow: hidden;
}

.operator-plan-context > summary {
  color: #365d72;
  cursor: pointer;
  padding: 13px 15px;
  font-size: 14px;
  font-weight: 850;
}

.operator-plan-context > .screening-context-controls {
  box-shadow: none;
  border: 0;
  border-top: 1px solid #dce5ea;
  border-radius: 0;
  margin: 0;
}

.operator-plan-context .screening-context-controls > header span {
  font-size: 12px;
}

.operator-plan-context .screening-context-controls > header b {
  font-size: 16px;
}

.operator-plan-context .screening-context-controls > header small {
  font-size: 13px;
}

.operator-plan-context .screening-context-controls label span {
  font-size: 12px;
}

.operator-plan-context .screening-context-controls select, .operator-plan-context .screening-context-controls input {
  min-height: 44px;
  font-size: 14px;
}

.operator-plan-support {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.operator-plan-success, .operator-plan-data {
  color: #204737;
  background: #f6fbf8;
  border: 1px solid #c7d8d0;
  border-radius: 12px;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 15px;
  display: flex;
}

.operator-plan-success > svg, .operator-plan-data > svg {
  color: #2c9569;
  flex: none;
  width: 20px;
}

.operator-plan-success span, .operator-plan-success b, .operator-plan-data span, .operator-plan-data b {
  display: block;
}

.operator-plan-success span, .operator-plan-data span {
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 900;
}

.operator-plan-success b, .operator-plan-data b {
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.5;
}

.operator-plan-data {
  color: #355469;
  background: #f7fafb;
  border-color: #cfdae1;
}

.operator-plan-data > svg {
  color: #6c8b9c;
}

.operator-plan-data.attention {
  color: #71582e;
  background: #fffaf0;
  border-color: #ead4ac;
}

.operator-plan-data.attention > svg {
  color: #c58b24;
}

.operator-risk-copy > small {
  color: #728692;
  margin-top: 9px;
  font-size: 13px;
  display: block;
}

@media (max-width: 800px) {
  .operator-plan-finish, .operator-plan-support {
    grid-template-columns: 1fr;
  }

  .operator-plan-queue > article {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .operator-plan-queue > article > em {
    grid-column: 2;
    max-width: none;
  }

  .operator-next-heading {
    align-items: flex-start;
  }

  .operator-next-heading h3 {
    font-size: 17px;
  }

  .operator-next-step > ol {
    padding-left: 18px;
  }
}

.operator-action-condition {
  color: #17384d;
  background: #fff;
  border: 1px solid #c4d4dd;
  border-left: 6px solid #df9e20;
  border-radius: 14px;
  align-items: flex-start;
  gap: 13px;
  padding: 17px 18px;
  display: flex;
}

.operator-action-condition > svg {
  color: #ce8c13;
  flex: none;
  width: 25px;
}

.operator-action-condition span, .operator-action-condition h2, .operator-action-condition small {
  display: block;
}

.operator-action-condition span {
  color: #667e8b;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 900;
}

.operator-action-condition h2 {
  color: #17384d;
  margin: 5px 0;
  font-size: 18px;
  line-height: 1.4;
}

.operator-action-condition small {
  color: #6a7f8c;
  font-size: 13px;
  line-height: 1.45;
}

.operator-action-plan {
  background: #fff;
  border: 1px solid #bfd0da;
  border-radius: 16px;
  overflow: hidden;
  box-shadow: 0 12px 30px #0c2a3d10;
}

.operator-action-plan > header {
  background: #f8fbfc;
  border-bottom: 1px solid #dbe5ea;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 16px 18px;
  display: flex;
}

.operator-action-plan > header > div:first-child {
  align-items: center;
  gap: 10px;
  display: flex;
}

.operator-action-plan > header svg {
  color: #237d9e;
  width: 22px;
}

.operator-action-plan > header span, .operator-action-plan > header b, .operator-action-plan > header small {
  display: block;
}

.operator-action-plan > header b {
  color: #16394e;
  font-size: 16px;
}

.operator-action-plan > header small {
  color: #6f8390;
  margin-top: 3px;
  font-size: 13px;
}

.operator-action-current {
  color: #153247;
  background: linear-gradient(145deg, #fff, #f5fbf8);
  border: 1px solid #b9d9cc;
  border-left: 7px solid #2c9a69;
  border-radius: 14px;
  margin: 16px;
}

.operator-action-current.urgent {
  border-left-color: #d6534e;
}

.operator-action-current-heading {
  align-items: center;
  gap: 12px;
  padding: 18px;
  display: flex;
}

.operator-action-current-heading > i {
  color: #fff;
  background: #1f7f5a;
  border-radius: 11px;
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  font-size: 16px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.operator-action-current.urgent .operator-action-current-heading > i {
  background: #bd4945;
}

.operator-action-current-heading span {
  color: #28775a;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 12px;
  font-weight: 900;
  display: block;
}

.operator-action-current-heading h2 {
  color: #12364b;
  margin: 4px 0 0;
  font-size: 22px;
  line-height: 1.3;
}

.operator-action-current > ol {
  counter-reset: action-step;
  gap: 9px;
  margin: 0;
  padding: 0 18px 17px 64px;
  list-style: none;
  display: grid;
}

.operator-action-current > ol li {
  color: #36566a;
  background: #fff;
  border: 1px solid #d7e5df;
  border-radius: 9px;
  padding: 9px 12px 9px 40px;
  font-size: 15px;
  line-height: 1.5;
  position: relative;
}

.operator-action-current > ol li:before {
  color: #247755;
  counter-increment: action-step;
  content: counter(action-step);
  background: #e1f2ea;
  border-radius: 99px;
  place-items: center;
  width: 23px;
  height: 23px;
  font-size: 12px;
  font-weight: 900;
  display: grid;
  position: absolute;
  top: 9px;
  left: 9px;
}

.operator-action-current-finish {
  background: #d7e4df;
  border-top: 1px solid #d7e4df;
  grid-template-columns: 1fr 1fr;
  gap: 1px;
  display: grid;
}

.operator-action-current-finish > section {
  background: #f7fbf9;
  padding: 15px 17px;
}

.operator-action-current-finish span, .operator-action-current-finish b, .operator-action-current-finish small {
  display: block;
}

.operator-action-current-finish span {
  color: #5f7b6f;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-size: 12px;
  font-weight: 900;
}

.operator-action-current-finish ul {
  margin: 7px 0 0;
  padding-left: 19px;
}

.operator-action-current-finish li, .operator-action-current-finish b {
  color: #294c40;
  font-size: 14px;
  line-height: 1.5;
}

.operator-action-current-finish b {
  margin-top: 7px;
}

.operator-action-current-finish small {
  color: #648074;
  margin-top: 7px;
  font-size: 12px;
}

.operator-action-current > aside {
  color: #7c4138;
  background: #fff4f1;
  border: 1px solid #eccbc3;
  border-radius: 9px;
  align-items: flex-start;
  gap: 10px;
  margin: 14px 17px;
  padding: 12px;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
}

.operator-action-current > aside svg {
  color: #bd5b4e;
  flex: none;
  width: 19px;
}

.operator-action-current > aside span, .operator-action-current > aside b {
  display: block;
}

.operator-action-current > details {
  color: #5e7783;
  border-top: 1px solid #dce7e2;
  margin: 0 17px 15px;
}

.operator-action-current > details summary {
  color: #42687a;
  cursor: pointer;
  padding: 12px 0 6px;
  font-size: 14px;
  font-weight: 850;
}

.operator-action-current > details p {
  margin: 5px 0;
  font-size: 14px;
  line-height: 1.5;
}

.operator-action-current > details small {
  font-size: 12px;
  line-height: 1.5;
  display: block;
}

.operator-action-current > footer {
  color: #436b5a;
  background: #f3f8f6;
  border-top: 1px solid #dbe6e1;
  padding: 12px 16px;
  font-size: 13px;
  display: flex;
}

.operator-action-current > footer span {
  align-items: center;
  gap: 7px;
  display: flex;
}

.operator-action-current > footer svg {
  width: 16px;
}

.operator-simple-fields {
  border-top: 1px solid #dce7e2;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.operator-simple-fields label > span {
  font-size: 12px;
}

.operator-simple-fields input, .operator-simple-fields select {
  min-height: 42px;
  font-size: 14px;
}

.operator-action-queue {
  border-top: 1px solid #dbe5ea;
  padding: 14px 17px 17px;
}

.operator-action-queue > h3 {
  color: #526d7d;
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0 0 8px;
  font-size: 13px;
}

.operator-action-queue > article {
  border-top: 1px solid #e4eaee;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 12px;
  display: grid;
}

.operator-action-queue > article:first-of-type {
  border-top: 0;
}

.operator-action-queue > article > i {
  color: #527587;
  background: #e9f1f5;
  border-radius: 8px;
  place-items: center;
  width: 30px;
  height: 30px;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.operator-action-queue span, .operator-action-queue b, .operator-action-queue small {
  display: block;
}

.operator-action-queue span {
  color: #728590;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
}

.operator-action-queue b {
  color: #24465c;
  margin-top: 3px;
  font-size: 15px;
}

.operator-action-queue small {
  color: #758792;
  margin-top: 4px;
  font-size: 12px;
}

.operator-action-queue > article > em {
  color: #7f5e21;
  background: #fff2d8;
  border-radius: 8px;
  max-width: 250px;
  padding: 7px 9px;
  font-size: 12px;
  font-style: normal;
  font-weight: 800;
  line-height: 1.4;
}

.operator-action-queue > article.coordinate > i, .operator-action-queue > article.waiting_on_advisor > i {
  color: #956812;
  background: #fff0d2;
}

@media (max-width: 800px) {
  .operator-action-plan > header {
    flex-direction: column;
    align-items: flex-start;
  }

  .operator-action-current-finish, .operator-simple-fields {
    grid-template-columns: 1fr;
  }

  .operator-action-current > ol {
    padding-left: 18px;
  }

  .operator-action-current-heading {
    align-items: flex-start;
  }

  .operator-action-current-heading h2 {
    font-size: 19px;
  }

  .operator-action-queue > article {
    grid-template-columns: auto minmax(0, 1fr);
  }

  .operator-action-queue > article > em {
    grid-column: 2;
    max-width: none;
  }
}

.production-decline-operator-summary .production-decline-field-sequence {
  counter-reset: none;
  gap: 9px;
  margin: 0;
  padding: 15px 17px;
  list-style: none;
  display: grid;
}

.production-decline-field-step {
  background: #fff;
  border: 1px solid #d8e3e8;
  border-radius: 10px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 11px;
  padding: 12px 13px;
  display: grid;
}

.production-decline-field-step > i {
  color: #fff;
  background: #174866;
  border-radius: 8px;
  place-items: center;
  width: 28px;
  height: 28px;
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.production-decline-field-step b, .production-decline-field-step span {
  display: block;
}

.production-decline-field-step b {
  color: #1b3e54;
  font-size: 15px;
}

.production-decline-field-step span {
  color: #657b89;
  margin-top: 4px;
  font-size: 14px;
  line-height: 1.5;
}

.production-decline-why {
  border-top: 1px solid #dbe5ea;
  margin: 0 17px 16px;
}

.production-decline-why > summary {
  color: #3d687f;
  cursor: pointer;
  padding: 13px 0 7px;
  font-size: 14px;
  font-weight: 850;
}

.production-decline-why-content {
  color: #617783;
  padding: 0 0 10px;
}

.production-decline-why-content > p {
  font-size: 14px;
  line-height: 1.5;
}

.production-decline-why-content > small {
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.5;
  display: block;
}

.action-intelligence-operator {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0;
  display: grid;
  box-shadow: none !important;
  background: none !important;
  border: 0 !important;
}

.action-operator-card {
  color: #17364b;
  background: #fff;
  border: 1px solid #cbd9e1;
  border-top: 5px solid #557f98;
  border-radius: 12px;
  align-items: flex-start;
  gap: 12px;
  padding: 17px;
  display: flex;
}

.action-operator-card > svg {
  color: #447d99;
  flex: none;
  width: 24px;
}

.action-operator-card span, .action-operator-card h2, .action-operator-card p, .action-operator-card small {
  display: block;
}

.action-operator-card span {
  color: #607a89;
  text-transform: uppercase;
  letter-spacing: .09em;
  font-size: 12px;
  font-weight: 900;
}

.action-operator-card h2 {
  color: #17364b;
  margin: 5px 0 0;
  font-size: 17px;
  line-height: 1.4;
}

.action-operator-card p {
  color: #627986;
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.5;
}

.action-operator-card small {
  color: #81909a;
  margin-top: 7px;
  font-size: 12px;
}

.action-operator-next {
  border-top-color: #d69520;
}

.action-operator-next > svg {
  color: #be7e12;
}

.action-operator-done {
  border-top-color: #2f986b;
}

.action-operator-done > svg {
  color: #2c8b64;
}

@media (max-width: 900px) {
  .action-intelligence-operator, .production-decline-operator-summary .production-decline-metrics {
    grid-template-columns: 1fr;
  }
}

/* [project]/app/kpi-unified-v093.css [app-client] (css) */
.simple-kpi-linked-review {
  background: #edf6fb;
  border: 2px solid #79adca;
  border-radius: 1rem;
  gap: 1rem;
  padding: 1rem;
  scroll-margin-top: 6.5rem;
  display: grid;
  box-shadow: 0 16px 38px #123b5514;
}

.simple-kpi-linked-review > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  padding: .35rem .4rem 0;
  display: flex;
}

.simple-kpi-linked-review > header span {
  color: #24749b;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 900;
}

.simple-kpi-linked-review > header h3 {
  color: #173c56;
  margin-top: .3rem;
  font-size: 1.25rem;
}

.simple-kpi-linked-review > header p {
  color: #587286;
  max-width: 70rem;
  margin-top: .35rem;
  font-size: .85rem;
  line-height: 1.5;
}

.simple-kpi-linked-review > header button {
  flex: none;
}

.simple-kpi-linked-review > header button svg {
  width: 1rem;
}

.simple-kpi-linked-review > .panel {
  margin: 0;
}

.kpi-editor-layout.linked {
  grid-template-columns: minmax(0, 1fr);
}

.kpi-linked-source {
  color: #275c48;
  background: #eff9f4;
  border: 1px solid #9bc8b2;
  border-radius: .65rem;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: .8rem;
  margin-bottom: .8rem;
  padding: .85rem 1rem;
  display: grid;
}

.kpi-linked-source > svg {
  color: #2f8964;
  width: 1.4rem;
}

.kpi-linked-source span, .kpi-linked-source b, .kpi-linked-source p {
  display: block;
}

.kpi-linked-source span {
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .7rem;
  font-weight: 900;
}

.kpi-linked-source b {
  color: #1f4e3c;
  margin-top: .2rem;
  font-size: .9rem;
}

.kpi-linked-source p {
  color: #557568;
  margin: .2rem 0 0;
  font-size: .75rem;
  line-height: 1.45;
}

.kpi-linked-source em {
  color: #347158;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #b7d7c7;
  border-radius: 999px;
  padding: .4rem .6rem;
  font-size: .7rem;
  font-style: normal;
  font-weight: 900;
}

.kpi-field.synced input, .kpi-field.synced textarea, .kpi-field.synced select, .kpi-band input[readonly] {
  color: #29465f;
  background: #eef5f8;
  border-style: dashed;
}

.kpi-field.synced select:disabled {
  cursor: default;
  opacity: 1;
}

@media (max-width: 720px) {
  .simple-kpi-linked-review > header, .kpi-linked-source {
    flex-direction: column;
    grid-template-columns: 1fr;
  }

  .simple-kpi-linked-review > header button {
    width: 100%;
  }

  .kpi-linked-source > svg {
    display: none;
  }

  .kpi-linked-source em {
    width: max-content;
  }
}

/* [project]/app/ask-chemcop-v098.css [app-client] (css) */
.ask-chemcop {
  background: linear-gradient(145deg, #fff 0%, #f3fafb 62%, #edf7f4 100%);
  border: 1px solid #a9cdd8;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 12px 30px #143c5314;
}

.ask-chemcop-head {
  background: linear-gradient(105deg, #eef9fb, #f8fcfb);
  border-bottom: 1px solid #cfe1e6;
  grid-template-columns: minmax(0, 1.65fr) minmax(270px, .75fr);
  gap: 20px;
  padding: 24px 26px;
  display: grid;
}

.ask-chemcop-title > span {
  color: #1d7087;
  letter-spacing: .12em;
  text-transform: uppercase;
  align-items: center;
  gap: 7px;
  font-size: 10px;
  font-weight: 900;
  display: flex;
}

.ask-chemcop-title > span svg {
  width: 16px;
}

.ask-chemcop-title h2 {
  color: #123a55;
  letter-spacing: -.035em;
  margin: 5px 0 7px;
  font-size: clamp(27px, 3vw, 38px);
}

.ask-chemcop-title p {
  color: #526f7f;
  max-width: 790px;
  margin: 0;
  font-size: 14px;
  line-height: 1.55;
}

.ask-chemcop-head > aside {
  color: #255f4a;
  background: #eff9f4;
  border: 1px solid #b8d9ca;
  border-radius: 10px;
  align-items: flex-start;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.ask-chemcop-head > aside > svg {
  flex: none;
  width: 20px;
}

.ask-chemcop-head > aside b, .ask-chemcop-head > aside span {
  display: block;
}

.ask-chemcop-head > aside b {
  font-size: 12px;
}

.ask-chemcop-head > aside span {
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.5;
}

.ask-chemcop-form {
  gap: 9px;
  padding: 20px 26px 14px;
  display: grid;
}

.ask-chemcop-form > label {
  color: #355c70;
  text-transform: uppercase;
  letter-spacing: .06em;
  justify-content: space-between;
  align-items: center;
  font-size: 11px;
  font-weight: 900;
  display: flex;
}

.ask-chemcop-form > label small {
  color: #7b909b;
  letter-spacing: 0;
  font-size: 10px;
  font-weight: 700;
}

.ask-chemcop-form > div {
  background: #fff;
  border: 1px solid #abc5d1;
  border-radius: 11px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 10px;
  padding: 12px 13px;
  display: grid;
  box-shadow: inset 0 1px 2px #16384d0a;
}

.ask-chemcop-form > div:focus-within {
  border-color: #2c7f9b;
  box-shadow: 0 0 0 3px #2c7f9b18;
}

.ask-chemcop-form > div > svg {
  color: #2c7f9b;
  width: 20px;
  margin-top: 3px;
}

.ask-chemcop-form textarea {
  resize: vertical;
  color: #17374a;
  width: 100%;
  min-height: 76px;
  font: inherit;
  background: none;
  border: 0;
  outline: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.55;
}

.ask-chemcop-form textarea::placeholder {
  color: #8a9ba5;
}

.ask-chemcop-form > footer {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
}

.ask-chemcop-form > footer > span {
  color: #597482;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  display: flex;
}

.ask-chemcop-form > footer > span svg, .ask-chemcop-form button svg {
  width: 15px;
}

.ask-chemcop-form button {
  min-width: 150px;
}

.ask-chemcop-examples {
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  padding: 0 26px 20px;
  display: flex;
}

.ask-chemcop-examples > span {
  color: #577181;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 10px;
  font-weight: 900;
}

.ask-chemcop-examples button {
  color: #35657b;
  cursor: pointer;
  background: #fff;
  border: 1px solid #c5d8e0;
  border-radius: 99px;
  padding: 7px 9px;
  font-size: 10px;
  font-weight: 700;
}

.ask-chemcop-examples button:hover {
  background: #f1f8fa;
  border-color: #6da2b7;
}

.ask-chemcop-error {
  color: #795719;
  background: #fff8e9;
  border: 1px solid #e0be82;
  border-radius: 9px;
  align-items: center;
  gap: 8px;
  margin: 0 26px 20px;
  padding: 11px 12px;
  font-size: 12px;
  display: flex;
}

.ask-chemcop-error svg {
  width: 18px;
}

.ask-chemcop-answer {
  background: #fff;
  border: 1px solid #b9d3dc;
  border-radius: 12px;
  gap: 14px;
  margin: 0 26px 24px;
  padding: 18px;
  display: grid;
  box-shadow: 0 8px 20px #153b5010;
}

.ask-chemcop-answer.confidentiality_guard {
  background: #fffcf5;
  border-color: #dabf87;
}

.ask-chemcop-answer > header {
  border-bottom: 1px solid #dce7eb;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding-bottom: 12px;
  display: flex;
}

.ask-chemcop-answer > header > div {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ask-chemcop-answer > header span {
  color: #2a7188;
  text-transform: uppercase;
  letter-spacing: .07em;
  font-size: 10px;
  font-weight: 900;
}

.ask-chemcop-answer > header b {
  color: #28694f;
  background: #e6f4ee;
  border-radius: 99px;
  padding: 4px 7px;
  font-size: 9px;
}

.ask-chemcop-answer > header button {
  color: #4d7082;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 5px;
  font-size: 10px;
  font-weight: 800;
  display: flex;
}

.ask-chemcop-answer > header button svg {
  width: 14px;
}

.ask-chemcop-summary, .ask-chemcop-answer > aside {
  gap: 10px;
  display: flex;
}

.ask-chemcop-summary > svg, .ask-chemcop-answer > aside > svg {
  color: #2d8a65;
  flex: none;
  width: 19px;
}

.ask-chemcop-summary p, .ask-chemcop-answer > aside p {
  margin: 0;
}

.ask-chemcop-summary b, .ask-chemcop-summary span, .ask-chemcop-answer > aside b, .ask-chemcop-answer > aside span {
  display: block;
}

.ask-chemcop-summary b, .ask-chemcop-answer > aside b {
  color: #2a5368;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 10px;
}

.ask-chemcop-summary span {
  color: #24485b;
  margin-top: 5px;
  font-size: 14px;
  line-height: 1.6;
}

.ask-chemcop-answer > section {
  background: #f7fbfc;
  border: 1px solid #d5e3e8;
  border-radius: 10px;
  padding: 14px;
}

.ask-chemcop-answer > section h3 {
  color: #27566d;
  margin: 0 0 10px;
  font-size: 12px;
}

.ask-chemcop-answer ol {
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.ask-chemcop-answer li {
  color: #486978;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
  gap: 9px;
  font-size: 12px;
  line-height: 1.5;
  display: grid;
}

.ask-chemcop-answer li i {
  color: #fff;
  background: #1d718b;
  border-radius: 99px;
  place-items: center;
  width: 24px;
  height: 24px;
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
  display: grid;
}

.ask-chemcop-answer > aside {
  background: #fff9ec;
  border-left: 3px solid #d6a539;
  border-radius: 7px;
  padding: 12px;
}

.ask-chemcop-answer > aside > svg {
  color: #a87616;
}

.ask-chemcop-answer > aside span {
  color: #6d5b35;
  margin-top: 4px;
  font-size: 11px;
  line-height: 1.5;
}

.ask-chemcop-answer > footer {
  color: #607b88;
  border-top: 1px solid #e0e9ec;
  align-items: flex-start;
  gap: 6px;
  padding-top: 11px;
  font-size: 9px;
  line-height: 1.45;
  display: flex;
}

.ask-chemcop-answer > footer svg {
  flex: none;
  width: 14px;
}

.ask-chemcop-spin {
  animation: .9s linear infinite ask-chemcop-spin;
}

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

.ask-chemcop-context {
  color: #2c6b52;
  background: #f0f9f5;
  border: 1px solid #bad9cc;
  border-radius: 9px;
  align-items: flex-start;
  gap: 9px;
  margin: -6px 26px 20px;
  padding: 10px 12px;
  display: flex;
}

.ask-chemcop-context > svg {
  flex: none;
  width: 17px;
}

.ask-chemcop-context b, .ask-chemcop-context small {
  display: block;
}

.ask-chemcop-context b {
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 10px;
}

.ask-chemcop-context small {
  color: #547667;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.45;
}

.ask-chemcop-meaning {
  background: #f0f8fb;
  border-left: 4px solid #2c7f9b;
  border-radius: 8px;
  gap: 10px;
  padding: 14px;
  display: flex;
}

.ask-chemcop-meaning > svg {
  color: #2c7f9b;
  flex: none;
  width: 19px;
}

.ask-chemcop-meaning p {
  margin: 0;
}

.ask-chemcop-meaning b, .ask-chemcop-meaning span {
  display: block;
}

.ask-chemcop-meaning b {
  color: #2a5368;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 10px;
}

.ask-chemcop-meaning span {
  color: #34576a;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.6;
}

.ask-chemcop-answer > section.ask-chemcop-operator {
  background: #f4faf7;
  border-color: #a9d3bd #a9d3bd #a9d3bd #2f8d65;
  border-left-style: solid;
  border-left-width: 5px;
}

.ask-chemcop-answer > section.ask-chemcop-checks {
  background: #f8fbfc;
  border-color: #c8dae2;
}

.ask-chemcop-checks ul, .ask-chemcop-questions ul {
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.ask-chemcop-checks li, .ask-chemcop-questions li {
  color: #476777;
  background: #fff;
  border: 1px solid #d9e5e9;
  border-radius: 8px;
  grid-template-columns: none;
  align-items: flex-start;
  gap: 8px;
  padding: 8px 9px;
  font-size: 11px;
  line-height: 1.45;
  display: flex;
}

.ask-chemcop-checks li > svg {
  color: #2d7c98;
  flex: none;
  width: 15px;
}

.ask-chemcop-outcomes {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  display: grid;
}

.ask-chemcop-outcomes article {
  background: #f4faf7;
  border: 1px solid #c9dfd4;
  border-radius: 9px;
  gap: 9px;
  padding: 13px;
  display: flex;
}

.ask-chemcop-outcomes article:last-child {
  background: #fff9ec;
  border-color: #e4cf9c;
}

.ask-chemcop-outcomes svg {
  color: #2f8d65;
  flex: none;
  width: 18px;
}

.ask-chemcop-outcomes article:last-child svg {
  color: #a87516;
}

.ask-chemcop-outcomes p {
  margin: 0;
}

.ask-chemcop-outcomes b, .ask-chemcop-outcomes span {
  display: block;
}

.ask-chemcop-outcomes b {
  color: #315c49;
  text-transform: uppercase;
  letter-spacing: .05em;
  font-size: 10px;
}

.ask-chemcop-outcomes article:last-child b {
  color: #795719;
}

.ask-chemcop-outcomes span {
  color: #4e6d5e;
  margin-top: 5px;
  font-size: 11px;
  line-height: 1.55;
}

.ask-chemcop-outcomes article:last-child span {
  color: #6e603f;
}

.ask-chemcop-answer > section.ask-chemcop-questions {
  background: #fff;
  border-style: dashed;
}

.ask-chemcop-questions li:before {
  content: "?";
  color: #2e738b;
  background: #e4f1f5;
  border-radius: 99px;
  flex: none;
  place-items: center;
  width: 19px;
  height: 19px;
  font-size: 10px;
  font-weight: 900;
  display: grid;
}

.ask-chemcop-calculator {
  color: #205c73;
  text-align: left;
  cursor: pointer;
  background: linear-gradient(105deg, #eef8fb, #f6fbf9);
  border: 1px solid #9fc9d8;
  border-radius: 10px;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  width: 100%;
  padding: 13px 14px;
  display: grid;
}

.ask-chemcop-calculator:hover {
  border-color: #3b829b;
  box-shadow: 0 6px 14px #1b506614;
}

.ask-chemcop-calculator > svg {
  width: 21px;
}

.ask-chemcop-calculator span b, .ask-chemcop-calculator span small {
  display: block;
}

.ask-chemcop-calculator span b {
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 9px;
}

.ask-chemcop-calculator span small {
  color: #294f63;
  margin-top: 3px;
  font-size: 12px;
  font-weight: 800;
}

.ask-chemcop-calculator em {
  font-size: 10px;
  font-style: normal;
  font-weight: 900;
}

@media (max-width: 860px) {
  .ask-chemcop-head {
    grid-template-columns: 1fr;
  }

  .ask-chemcop-form > footer {
    flex-direction: column;
    align-items: stretch;
  }

  .ask-chemcop-form button {
    width: 100%;
  }

  .ask-chemcop-answer > header, .ask-chemcop-answer > header > div {
    flex-direction: column;
    align-items: flex-start;
  }

  .ask-chemcop-outcomes {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 620px) {
  .ask-chemcop-head, .ask-chemcop-form, .ask-chemcop-examples {
    padding-left: 17px;
    padding-right: 17px;
  }

  .ask-chemcop-answer, .ask-chemcop-error, .ask-chemcop-context {
    margin-left: 17px;
    margin-right: 17px;
  }

  .ask-chemcop-form > footer > span {
    align-items: flex-start;
  }

  .ask-chemcop-calculator {
    grid-template-columns: auto 1fr;
  }

  .ask-chemcop-calculator em {
    grid-column: 2;
  }
}

.ask-ai-settings {
  background: #fff;
  border: 1px solid #bfd5e0;
  border-radius: 9px;
  margin: 0 20px 18px;
  padding: 14px;
  font-size: 13px;
}

.ask-ai-settings summary {
  cursor: pointer;
  color: #205c73;
  font-weight: 700;
}

.ask-ai-settings p {
  color: #526f7f;
  line-height: 1.55;
}

.ask-ai-settings fieldset {
  border: 0;
  gap: 12px;
  min-width: 0;
  padding: 0;
  display: grid;
}

.ask-ai-settings label {
  gap: 5px;
  font-weight: 600;
  display: grid;
}

.ask-ai-settings input:not([type="checkbox"]), .ask-ai-settings select {
  color: #17374a;
  width: 100%;
  min-height: 40px;
  font: inherit;
  background: #fff;
  border: 1px solid #abc5d1;
  border-radius: 6px;
  padding: 8px;
}

.ask-ai-settings .ask-ai-check {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ask-ai-buttons {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.ask-context-toggle {
  color: #355c70;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  margin: 0 20px 18px;
  font-size: 13px;
  display: flex;
}

.ask-context-toggle span {
  flex-basis: 100%;
  font-size: 12px;
}

.ask-rag-status {
  color: #526f7f;
  font-size: 13px;
  line-height: 1.6;
}

.ask-rag-paragraph p {
  white-space: pre-wrap;
  margin: 0 0 8px;
  font-size: 15px;
  line-height: 1.65;
}

.ask-rag-paragraph a {
  color: #166d8a;
  margin-right: 10px;
  font-size: 12px;
  text-decoration: underline;
  display: inline-block;
}

.ask-chemcop-answer > section.ask-rag-sources {
  background: none;
  border: 0;
  padding: 0;
}

.ask-rag-sources > p {
  color: #526f7f;
  font-size: 12px;
  line-height: 1.5;
}

.ask-rag-passage {
  overflow-wrap: anywhere;
  background: #f7fbfc;
  border: 1px solid #bfd5e0;
  border-radius: 8px;
  margin-top: 14px;
  padding: 14px;
  scroll-margin-top: 12px;
}

.ask-rag-passage h4 {
  color: #205c73;
  margin: 0 0 6px;
  font-size: 15px;
  line-height: 1.5;
}

.ask-rag-passage small {
  color: #597482;
  font-size: 11px;
}

.ask-rag-passage p {
  white-space: pre-wrap;
  font-size: 13px;
  line-height: 1.65;
}

.ask-rag-passage mark {
  color: inherit;
  background: #fff0b7;
  border-radius: 2px;
}

.ask-rag-passage summary {
  cursor: pointer;
  font-size: 12px;
  font-weight: 700;
}

.ask-rag-passage details {
  border-top: 1px solid #d9e7ee;
  margin-top: 8px;
  padding-top: 8px;
}

.ask-ai-settings :focus-visible, .ask-rag-passage:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #198baa;
}

/* [project]/app/asset-portfolio-v103.css [app-client] (css) */
.asset-portfolio-overview {
  background: #fbfdfe;
  border: 1px solid #c4d4dd;
  border-radius: 18px;
  overflow: hidden;
  box-shadow: 0 14px 36px #0c2a4012;
}

.asset-portfolio-head {
  background: linear-gradient(115deg, #f9fcfd, #edf6f8);
  border-bottom: 1px solid #d7e3e8;
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  padding: 22px 24px 19px;
  display: flex;
}

.asset-portfolio-head > div:first-child {
  max-width: 940px;
}

.asset-portfolio-head span, .asset-portfolio-table-section > header span {
  color: #307d98;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
  display: block;
}

.asset-portfolio-head h2 {
  color: #143a52;
  letter-spacing: -.035em;
  margin: 5px 0;
  font-size: clamp(24px, 2.5vw, 33px);
}

.asset-portfolio-head p, .asset-portfolio-table-section > header p {
  color: #667d8a;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.asset-portfolio-actions {
  flex: none;
  gap: 8px;
  display: flex;
}

.asset-portfolio-kpis {
  background: #f1f6f8;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 14px 16px 0;
  display: grid;
}

.asset-portfolio-kpis article {
  background: #fff;
  border: 1px solid #cfdee4;
  border-radius: 11px;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 10px;
  min-width: 0;
  padding: 13px 14px;
  display: grid;
}

.asset-portfolio-kpis article > svg {
  color: #2f7f9c;
  width: 22px;
}

.asset-portfolio-kpis span, .asset-portfolio-kpis small, .asset-portfolio-kpis b, .asset-portfolio-kpis em {
  min-width: 0;
  display: block;
}

.asset-portfolio-kpis small {
  color: #708692;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-size: 8px;
  font-weight: 900;
}

.asset-portfolio-kpis b {
  color: #173e55;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-top: 2px;
  font-size: 19px;
  overflow: hidden;
}

.asset-portfolio-kpis em {
  color: #82939c;
  margin-top: 2px;
  font-size: 8px;
  font-style: normal;
}

.asset-portfolio-family-grid {
  padding-top: 12px;
}

.asset-portfolio-table-section {
  background: #f1f6f8;
  padding: 0 16px 17px;
}

.asset-portfolio-table-section > header {
  justify-content: space-between;
  align-items: flex-end;
  gap: 18px;
  padding: 4px 2px 12px;
  display: flex;
}

.asset-portfolio-table-section > header > div {
  max-width: 840px;
}

.asset-portfolio-table-section > header h3 {
  color: #173d54;
  margin: 4px 0;
  font-size: 20px;
}

.asset-portfolio-table-section > header em {
  color: #506e7d;
  background: #e3edf1;
  border-radius: 99px;
  flex: none;
  padding: 6px 9px;
  font-size: 9px;
  font-style: normal;
  font-weight: 900;
}

.asset-portfolio-table table {
  min-width: 1160px;
}

.asset-portfolio-table td {
  vertical-align: middle;
}

.asset-portfolio-name b, .asset-portfolio-name span, .asset-portfolio-name small, .asset-portfolio-assessment small, .asset-portfolio-coverage b, .asset-portfolio-coverage span, .asset-portfolio-coverage small {
  display: block;
}

.asset-portfolio-name b {
  color: #163f57;
  font-size: 12px;
}

.asset-portfolio-name span {
  color: #3f687a;
  margin-top: 2px;
  font-size: 10px;
  font-weight: 750;
}

.asset-portfolio-name small, .asset-portfolio-assessment small, .asset-portfolio-coverage span, .asset-portfolio-coverage small {
  color: #788b95;
  margin-top: 3px;
  font-size: 8px;
  line-height: 1.35;
}

.asset-portfolio-family-risk {
  align-items: flex-start;
  gap: 7px;
  min-width: 126px;
  display: flex;
}

.asset-portfolio-family-risk > i {
  background: #b7c0c6;
  border: 1px solid #8d9ba3;
  border-radius: 50%;
  flex: none;
  width: 11px;
  height: 11px;
  margin-top: 2px;
}

.asset-portfolio-family-risk.red > i {
  background: #d85b54;
  border-color: #a7433e;
  box-shadow: 0 0 0 3px #d85b5415;
}

.asset-portfolio-family-risk.amber > i {
  background: #dfa42f;
  border-color: #a47520;
  box-shadow: 0 0 0 3px #dfa42f18;
}

.asset-portfolio-family-risk.green > i {
  background: #31a974;
  border-color: #267957;
  box-shadow: 0 0 0 3px #31a97418;
}

.asset-portfolio-family-risk b, .asset-portfolio-family-risk small {
  display: block;
}

.asset-portfolio-family-risk b {
  color: #31566a;
  white-space: nowrap;
  font-size: 9px;
}

.asset-portfolio-family-risk small {
  color: #82939b;
  margin-top: 2px;
  font-size: 8px;
}

.asset-portfolio-assessment {
  min-width: 170px;
}

.asset-portfolio-assessment small {
  max-width: 200px;
}

.asset-portfolio-coverage {
  min-width: 130px;
}

.asset-portfolio-coverage b {
  color: #31566a;
  font-size: 9px;
}

.asset-portfolio-table-section > footer {
  color: #758993;
  margin-top: 9px;
  font-size: 9px;
  line-height: 1.45;
}

.asset-portfolio-empty {
  color: #64808f;
  justify-content: center;
  align-items: center;
  gap: 10px;
  padding: 28px;
  display: flex;
}

.asset-portfolio-empty > svg {
  width: 26px;
}

.asset-portfolio-empty b, .asset-portfolio-empty small {
  display: block;
}

.asset-portfolio-empty b {
  font-size: 11px;
}

.asset-portfolio-empty small {
  color: #83949c;
  margin-top: 3px;
  font-size: 9px;
}

.asset-dashboard-heading > div:first-child > small {
  color: #8eafc3;
  margin-top: 4px;
  font-size: 9px;
  display: block;
}

.asset-graph-page-title-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

@media (max-width: 1180px) {
  .asset-portfolio-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .asset-portfolio-head, .asset-portfolio-table-section > header {
    flex-direction: column;
    align-items: flex-start;
  }

  .asset-portfolio-actions {
    justify-content: flex-start;
    width: 100%;
  }

  .asset-portfolio-table-section > header em {
    align-self: flex-start;
  }
}

@media (max-width: 760px) {
  .asset-portfolio-head {
    padding: 17px;
  }

  .asset-portfolio-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .asset-portfolio-kpis {
    grid-template-columns: 1fr;
  }

  .asset-portfolio-table-section {
    padding-inline: 10px;
  }

  .asset-portfolio-family-grid {
    grid-template-columns: 1fr;
  }

  .asset-graph-page-title-actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }
}

.asset-graph-scope-filters {
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(200px, .85fr);
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 16px;
  box-shadow: 0 6px 18px #0920360c;
}

.asset-graph-scope-filters label {
  min-width: 0;
}

.asset-graph-scope-filters label > span, .asset-graph-scope-filters > div > span {
  font-size: 10px;
}

.asset-graph-scope-filters select {
  min-height: 44px;
  font-size: 13px;
}

.asset-graph-scope-filters .asset-graph-scope-summary {
  min-height: 76px;
  padding: 10px 94px 10px 12px;
  position: relative;
}

.asset-graph-scope-filters b {
  font-size: 14px;
}

.asset-graph-scope-filters small {
  font-size: 10px;
  line-height: 1.4;
}

.asset-graph-scope-summary button {
  color: #16557a;
  text-underline-offset: 3px;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  min-height: 36px;
  padding: 5px 3px;
  font-size: 11px;
  font-weight: 750;
  text-decoration: underline;
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

.asset-graph-scope-summary button:hover {
  background: #e9f2f7;
}

.asset-graph-scope-filters select:focus-visible, .asset-graph-scope-summary button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #247eaf;
}

.asset-portfolio-head .asset-portfolio-filter-label {
  color: #245e78;
  margin-top: 8px;
}

@media (max-width: 1180px) {
  .asset-graph-scope-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .asset-graph-scope-filters {
    grid-template-columns: 1fr;
    padding: 12px;
  }

  .asset-graph-scope-filters select {
    font-size: 16px;
  }
}

.asset-process-dashboard.asset-portfolio-process {
  border-radius: 14px;
  margin: 0;
  box-shadow: 0 6px 18px #0920360c;
}

.asset-portfolio-process .dashboard-panel-bar {
  min-height: 42px;
  padding: 10px 14px;
}

.asset-portfolio-process .dashboard-panel-bar b {
  font-size: 13px;
}

.asset-portfolio-process .dashboard-panel-bar > span {
  font-size: 11px;
}

.asset-portfolio-process .dashboard-process-node {
  min-height: 210px;
}

.asset-portfolio-process .dashboard-process-node > strong {
  font-size: 11px;
}

.asset-portfolio-process .dashboard-process-node > small {
  font-size: 10px;
  line-height: 1.4;
}

.asset-portfolio-process .dashboard-process-node:focus-visible, .asset-portfolio-position-assets button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #247eaf;
}

.asset-portfolio-position-detail {
  background: #f7fafc;
  border-top: 1px solid #d4e0e7;
  padding: 14px;
}

.asset-portfolio-position-detail > header {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.asset-portfolio-position-detail > header b, .asset-portfolio-position-detail > header span {
  display: block;
}

.asset-portfolio-position-detail > header b {
  color: #163f57;
  font-size: 14px;
}

.asset-portfolio-position-detail > header span, .asset-portfolio-position-detail > header > small {
  color: #5e7888;
  margin-top: 3px;
  font-size: 11px;
}

.asset-portfolio-position-assets {
  gap: 10px;
  padding: 10px 2px 3px;
  display: flex;
  overflow-x: auto;
}

.asset-portfolio-position-assets button {
  text-align: left;
  background: #fff;
  flex: none;
  justify-content: space-between;
  gap: 18px;
  min-width: 170px;
  min-height: 60px;
}

.asset-portfolio-position-assets b, .asset-portfolio-position-assets small {
  display: block;
}

.asset-portfolio-position-assets b {
  font-size: 12px;
}

.asset-portfolio-position-assets small {
  color: #627c8c;
  margin-top: 3px;
  font-size: 10px;
  font-weight: 500;
}

@media (max-width: 760px) {
  .asset-portfolio-position-detail > header {
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
  }
}

/* [project]/app/owner-admin.css [app-client] (css) */
.owner-admin-page {
  color: #173c53;
  max-width: 1480px;
  margin: 0 auto;
  padding: 24px 32px 48px;
  font-size: 16px;
  line-height: 1.5;
}

.owner-admin-brand {
  align-items: center;
  gap: 24px;
  margin-bottom: 30px;
  display: flex;
}

.owner-admin-brand img {
  width: 190px;
  height: auto;
}

.owner-admin-brand > a:last-child {
  align-items: center;
  gap: 8px;
  margin-left: auto;
  font-weight: 650;
  display: flex;
}

.owner-admin-brand > span {
  color: #26788f;
  background: #e2f1f5;
  border-radius: 20px;
  align-items: center;
  gap: 6px;
  padding: 6px 12px;
  font-size: 14px;
  display: flex;
}

.owner-admin-page svg {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
}

.owner-admin-title {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
}

.owner-admin-title span {
  text-transform: uppercase;
  letter-spacing: .12em;
  color: #237c98;
  font-size: 14px;
  font-weight: 750;
}

.owner-admin-title h1 {
  letter-spacing: -.03em;
  margin: 4px 0;
  font-size: 36px;
  font-weight: 700;
}

.owner-admin-title p {
  color: #577184;
  margin: 4px 0 24px;
}

.owner-admin-filters {
  background: #fff;
  border: 1px solid #d4e2e9;
  border-radius: 12px;
  flex-wrap: wrap;
  align-items: end;
  gap: 20px;
  padding: 20px;
  display: flex;
}

.owner-admin-page label {
  flex-direction: column;
  gap: 6px;
  font-size: 14px;
  font-weight: 650;
  display: flex;
}

.owner-admin-page select {
  background: #fff;
  border: 1px solid #b9ceda;
  border-radius: 6px;
  max-width: 300px;
  min-height: 42px;
  padding: 9px 12px;
}

.owner-admin-filters .owner-admin-checkbox {
  flex-direction: row;
  align-self: center;
  align-items: center;
  gap: 10px;
  margin-left: auto;
  display: flex;
}

.owner-admin-checkbox input {
  accent-color: #187fa2;
  width: 18px;
  height: 18px;
}

.owner-admin-note {
  color: #5b7182;
  margin: 16px 0;
  font-size: 14px;
}

.owner-admin-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 20px 0;
  display: grid;
}

.owner-admin-stats article {
  background: #fff;
  border: 1px solid #d4e2e9;
  border-top: 3px solid #187fa2;
  border-radius: 12px;
  flex-direction: column;
  gap: 6px;
  padding: 22px;
  display: flex;
  position: relative;
}

.owner-admin-stats svg {
  color: #368ba3;
  position: absolute;
  top: 20px;
  right: 20px;
}

.owner-admin-stats span {
  padding-right: 24px;
  font-weight: 650;
}

.owner-admin-stats b {
  font-size: 34px;
  line-height: 1.2;
}

.owner-admin-stats small {
  color: #5b7182;
  font-size: 14px;
}

.owner-admin-grid {
  grid-template-columns: 1.25fr 1fr;
  gap: 20px;
  display: grid;
}

.owner-admin-panel {
  background: #fff;
  border: 1px solid #d4e2e9;
  border-radius: 12px;
  min-width: 0;
  margin-bottom: 20px;
  padding: 24px;
}

.owner-admin-panel h2 {
  margin: 0 0 5px;
  font-size: 21px;
  font-weight: 700;
}

.owner-admin-panel p {
  color: #5b7182;
  margin: 6px 0 16px;
}

.owner-admin-chart {
  height: 260px;
  margin: 24px 0 12px;
}

.owner-admin-panel summary {
  cursor: pointer;
  color: #126589;
  font-size: 14px;
  font-weight: 650;
}

.owner-admin-opportunities {
  padding: 0;
  list-style: none;
}

.owner-admin-opportunities li {
  border-bottom: 1px solid #e5edf1;
  padding: 12px 0;
}

.owner-admin-opportunities li > b {
  margin-right: 10px;
  display: inline-block;
}

.owner-admin-opportunities p {
  margin: 6px 0;
  font-size: 14px;
}

.owner-admin-unused {
  background: #f0f6f9;
  border-radius: 8px;
  margin-top: 16px;
  padding: 16px;
}

.owner-admin-unused button {
  color: #126589;
  font-weight: 650;
  text-decoration: underline;
}

.owner-admin-table-head {
  justify-content: space-between;
  align-items: start;
  gap: 24px;
  display: flex;
}

.owner-admin-table-head > div:last-child {
  flex-shrink: 0;
  gap: 12px;
  display: flex;
}

.owner-admin-table-wrap {
  margin-top: 18px;
  overflow: auto;
}

.owner-admin-page table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: 14px;
}

.owner-admin-page th, .owner-admin-page td {
  vertical-align: middle;
  border-bottom: 1px solid #e1eaf0;
  padding: 12px 10px;
}

.owner-admin-page thead th {
  white-space: nowrap;
  color: #4f6b7d;
  background: #f1f6f9;
  font-size: 13px;
}

.owner-admin-page tbody th {
  min-width: 165px;
  font-weight: 600;
}

.owner-admin-page td small, .owner-admin-page th small {
  color: #5b7182;
  font-size: 12px;
  font-weight: 400;
  display: block;
}

.owner-admin-adoption {
  min-width: 70px;
  padding-bottom: 7px;
  position: relative;
}

.owner-admin-adoption i {
  background: #2383a1;
  border-radius: 4px;
  height: 4px;
  position: absolute;
  bottom: 0;
  left: 0;
}

.owner-admin-signal {
  white-space: nowrap;
  border-radius: 6px;
  padding: 4px 8px;
  font-size: 12px;
  font-weight: 650;
  display: inline-block;
}

.owner-admin-signal.attention {
  color: #815908;
  background: #fff1d4;
}

.owner-admin-signal.active {
  color: #247352;
  background: #e4f4ee;
}

.owner-admin-signal.quiet {
  color: #536d7c;
  background: #edf2f5;
}

.owner-admin-calculators {
  max-height: 460px;
}

.owner-admin-feedback {
  gap: 18px;
  margin: 20px 0;
  display: flex;
}

.owner-admin-feedback > div {
  background: #eef6f8;
  border-radius: 8px;
  flex-direction: column;
  flex: 1;
  padding: 20px;
  display: flex;
}

.owner-admin-feedback b {
  font-size: 32px;
}

.owner-admin-empty {
  background: #eaf5f8;
  border: 1px solid #bcd4e0;
  border-radius: 12px;
  margin: 20px 0;
  padding: 24px;
}

.owner-admin-empty h2 {
  font-size: 22px;
  font-weight: 700;
}

.owner-admin-empty p {
  margin: 8px 0 0;
}

.ask-chemcop-feedback {
  border-top: 1px solid #d9e7ee;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  display: flex;
}

.ask-chemcop-feedback button {
  background: #fff;
  border: 1px solid #bacfdc;
  border-radius: 7px;
  padding: 8px 12px;
  font-size: 14px;
}

.ask-chemcop-feedback button[aria-pressed="true"] {
  background: #e4f4ee;
  border-color: #258564;
}

.owner-admin-page button:focus-visible, .owner-admin-page a:focus-visible, .owner-admin-page select:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #198baa;
}

@media (max-width: 1000px) {
  .owner-admin-grid {
    grid-template-columns: 1fr;
  }

  .owner-admin-table-head {
    flex-direction: column;
  }

  .owner-admin-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .owner-admin-page {
    padding: 16px;
  }

  .owner-admin-brand {
    flex-wrap: wrap;
    gap: 12px;
  }

  .owner-admin-brand img {
    width: 150px;
  }

  .owner-admin-brand > a:last-child {
    margin-left: 0;
  }

  .owner-admin-title {
    flex-direction: column;
    align-items: start;
    margin-bottom: 16px;
  }

  .owner-admin-title h1 {
    font-size: 28px;
  }

  .owner-admin-filters {
    gap: 14px;
  }

  .owner-admin-filters .owner-admin-checkbox {
    margin-left: 0;
  }

  .owner-admin-panel {
    padding: 16px;
  }

  .owner-admin-stats {
    gap: 10px;
  }

  .owner-admin-stats article {
    padding: 14px;
  }

  .owner-admin-stats svg {
    display: none;
  }

  .owner-admin-stats span {
    padding: 0;
  }

  .owner-admin-table-head > div:last-child {
    flex-wrap: wrap;
  }
}

.owner-admin-brand .owner-admin-logo {
  color: #fff;
  background: #102f49;
  border-radius: 10px;
  flex-shrink: 0;
  align-items: center;
  padding: 12px 16px;
  display: inline-flex;
}

.owner-admin-logo img {
  display: block;
}

/* [project]/app/action-workspace-v107.css [app-client] (css) */
.action-plan-link {
  background: linear-gradient(110deg, #f6fbfd, #eaf4f8);
  border: 1px solid #bed2dd;
  border-radius: 12px;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin: 12px;
  padding: 18px 20px;
  display: flex;
}

.action-plan-link > div {
  min-width: 0;
  max-width: 960px;
}

.action-plan-link > div > span {
  color: #247c98;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 900;
}

.action-plan-link h3 {
  color: #173f56;
  margin: 5px 0;
  font-size: 20px;
}

.action-plan-link p {
  color: #526f81;
  margin: 0;
  font-size: 13px;
  line-height: 1.55;
}

.action-plan-link small {
  color: #678596;
  margin-top: 7px;
  font-size: 11px;
  display: block;
}

.action-plan-link > button {
  flex: none;
  min-height: 44px;
}

.analysis-summary > .action-plan-link {
  margin-inline: 0;
}

.action-center-header-tools {
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
  display: flex;
}

.action-center-header-tools > button {
  color: #e8f4fa;
  background: #ffffff12;
  border-color: #ffffff50;
}

.action-center-header-tools > button:hover {
  color: #fff;
  background: #ffffff26;
}

.action-center .decision-workspace.actions {
  width: 100%;
  margin: 0;
}

.decision-workspace.actions .operator-action-plan, .decision-workspace.actions .action-center-kpis, .decision-workspace.actions .engineering-workspace > .action-register, .decision-workspace.actions .engineering-workspace > .action-center-kpis {
  margin: 0;
}

@media (max-width: 800px) {
  .action-plan-link {
    flex-direction: column;
    align-items: stretch;
    margin-inline: 10px;
    padding: 16px;
  }

  .action-plan-link > button {
    width: 100%;
  }

  .action-center-header-tools {
    align-items: stretch;
    width: 100%;
  }

  .action-center-header-tools > button {
    width: 100%;
  }

  .action-center-view button {
    flex: 1;
  }
}

/* [project]/app/trend-navigation-v108.css [app-client] (css) */
.trend-scope-controls {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.trend-scope-controls button {
  min-height: 36px;
  font-size: 11px;
}

.trend-scope-controls button svg {
  width: 14px;
  height: 14px;
}

.trend-drill-navigation {
  background: #f6fafc;
  border-bottom: 1px solid #dce5ec;
  padding: 12px;
}

.trend-drill-navigation p {
  color: #234b63;
  overflow-wrap: anywhere;
  margin: 10px 0 3px;
  font-size: 11px;
  font-weight: 700;
}

.trend-drill-navigation > small {
  color: #667c8b;
  font-size: 10px;
}

.trend-lab-breakdown-list button[aria-pressed="true"] {
  background: #eef7fb;
  box-shadow: inset 3px 0 #187a9b;
}

.trend-benchmark-interval {
  color: #46677a;
  gap: 5px;
  margin-top: 12px;
  font-size: 11px;
  font-weight: 700;
  display: grid;
}

.trend-benchmark-interval select {
  color: #173d52;
  width: 100%;
  min-height: 36px;
  font: inherit;
  background: #fff;
  border: 1px solid #bfd2de;
  border-radius: 6px;
  padding: 6px 8px;
}

.trend-benchmark-interval select:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #187a9b;
}

.trend-customer-benchmark-chart {
  height: auto;
  min-height: 150px;
  padding: 8px 4px;
}

.trend-customer-benchmark-chart path.asset {
  stroke: #187a9b;
  stroke-width: 4.5px;
}

.trend-customer-benchmark-chart path.customer {
  stroke: #87489b;
  stroke-width: 2.5px;
  stroke-dasharray: 6 5;
}

.trend-customer-benchmark-chart .asset-marker {
  fill: #fff;
  stroke: #187a9b;
  stroke-width: 2px;
}

.trend-customer-benchmark-chart .customer-marker {
  fill: #87489b;
}

.trend-customer-benchmark-chart text {
  fill: #526d7f;
  font-family: inherit;
  font-size: 9px;
}

.trend-customer-benchmark-chart g:focus-visible {
  outline-offset: 3px;
  outline: 1px solid #187a9b;
}

.trend-customer-benchmark > div i.customer {
  background: none;
  border-top: 3px dashed #87489b;
  height: 0;
}

.trend-customer-benchmark > footer .trend-benchmark-notice {
  color: #5e4269;
  background: #f7f2fa;
  border-left: 3px solid #87489b;
  margin: 8px 0 0;
  padding: 6px 8px;
  font-size: 11px;
  line-height: 1.5;
}

@media (max-width: 620px) {
  .trend-lab-filter-heading .trend-scope-controls {
    gap: 8px;
  }

  .trend-lab-filter-heading .trend-scope-controls button {
    flex: 1;
    width: auto;
  }

  .trend-drill-navigation .trend-scope-controls button {
    flex: 1;
  }
}

/* [project]/app/community-pane-v109.css [app-client] (css) */
.ask-chemcop-launcher {
  background: #f1f9fb;
  border: 1px solid #b6d4df;
  border-radius: 12px;
  align-items: center;
  gap: 14px;
  padding: 16px 20px;
  display: flex;
}

.ask-chemcop-launcher > svg {
  color: #247b95;
  flex: none;
  width: 24px;
}

.ask-chemcop-launcher > div {
  flex: 1;
  min-width: 0;
}

.ask-chemcop-launcher h2 {
  color: #173d55;
  margin: 0;
  font-size: 19px;
}

.ask-chemcop-launcher p {
  color: #526f80;
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.45;
}

.ask-chemcop-launcher button {
  flex: none;
  min-height: 42px;
}

.ask-chemcop-launcher button svg {
  width: 17px;
}

.ask-chemcop-pane[data-slot="sheet-content"] {
  background: #f5fafc;
  gap: 0;
  width: min(560px, 100vw);
  max-width: 560px;
  height: 100dvh;
  overflow: hidden;
}

.ask-chemcop-pane-header {
  background: #fff;
  border-bottom: 1px solid #bfd5e0;
  flex: none;
  gap: 10px;
  padding: 18px 20px;
}

.ask-chemcop-pane-header > div {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.ask-chemcop-pane-header [data-slot="sheet-title"] {
  color: #153e57;
  align-items: center;
  gap: 9px;
  margin: 0;
  font-size: 22px;
  display: flex;
}

.ask-chemcop-pane-header [data-slot="sheet-title"] svg {
  color: #257f97;
  width: 22px;
}

.ask-chemcop-pane-header [data-slot="sheet-description"] {
  color: #617d8d;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

.ask-chemcop-pane-header button {
  color: #294f66;
  flex: none;
  min-height: 38px;
}

.ask-chemcop-pane-header button svg {
  width: 16px;
}

.ask-chemcop-pane-body {
  overscroll-behavior: contain;
  min-height: 0;
  padding-bottom: env(safe-area-inset-bottom, 0);
  flex: 1;
  overflow-y: auto;
}

.ask-chemcop-pane .ask-chemcop {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
}

.ask-chemcop-pane-privacy {
  color: #456d60;
  align-items: flex-start;
  gap: 7px;
  padding: 15px 20px 0;
  font-size: 11px;
  line-height: 1.5;
  display: flex;
}

.ask-chemcop-pane-privacy svg {
  flex: none;
  width: 15px;
  height: 17px;
}

.ask-chemcop-pane .ask-chemcop-form {
  padding: 18px 20px 14px;
}

.ask-chemcop-pane .ask-chemcop-form > footer {
  flex-direction: column;
  align-items: stretch;
  gap: 10px;
}

.ask-chemcop-pane .ask-chemcop-form > footer > span {
  align-items: flex-start;
}

.ask-chemcop-pane .ask-chemcop-form button {
  width: 100%;
  min-height: 42px;
}

.ask-chemcop-pane textarea {
  min-height: 112px;
}

.ask-chemcop-pane textarea[readonly] {
  color: #607b8a;
}

.ask-chemcop-example-list {
  margin: 0 20px 18px;
}

.ask-chemcop-example-list > summary {
  color: #31677e;
  cursor: pointer;
  width: max-content;
  padding: 6px 0;
  font-size: 12px;
  font-weight: 700;
}

.ask-chemcop-pane .ask-chemcop-examples {
  padding: 6px 0 0;
  display: grid;
}

.ask-chemcop-pane .ask-chemcop-examples button {
  text-align: left;
  border-radius: 8px;
  padding: 10px;
  font-size: 12px;
  line-height: 1.4;
}

.ask-chemcop-pane .ask-chemcop-examples button:disabled {
  opacity: .6;
  cursor: wait;
}

.ask-chemcop-pane .ask-chemcop-context, .ask-chemcop-pane .ask-chemcop-answer, .ask-chemcop-pane .ask-chemcop-error {
  margin-left: 20px;
  margin-right: 20px;
}

.ask-chemcop-pane .ask-chemcop-answer {
  padding: 16px;
}

.ask-chemcop-pane .ask-chemcop-answer > header {
  flex-flow: wrap;
  align-items: flex-start;
}

.ask-chemcop-pane .ask-chemcop-answer > header > div {
  flex-direction: column;
  align-items: flex-start;
}

.ask-chemcop-pane .ask-chemcop-answer > header > button {
  white-space: nowrap;
  min-height: 32px;
}

.ask-chemcop-pane .ask-chemcop-outcomes {
  grid-template-columns: 1fr;
}

.ask-chemcop-pane .ask-chemcop-calculator {
  grid-template-columns: auto minmax(0, 1fr);
}

.ask-chemcop-pane .ask-chemcop-calculator em {
  grid-column: 2;
}

.ask-chemcop-pane .ask-chemcop-feedback {
  flex-wrap: wrap;
}

.community-board #ask-community {
  scroll-margin-top: 100px;
}

.ask-chemcop-game-pane[data-slot="sheet-content"] {
  background: #101713;
  width: 100vw;
  max-width: none;
  inset: 0;
}

.ask-chemcop-game-header {
  padding: max(12px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));
  background: #15231b;
  border-bottom: 1px solid #315041;
  flex-direction: row;
  flex: none;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.ask-chemcop-game-header [data-slot="sheet-title"] {
  color: #f3f7ed;
  margin: 0;
  font-size: 18px;
  line-height: 1.3;
}

.ask-chemcop-game-header [data-slot="sheet-description"] {
  color: #c3d4b5;
  margin: 3px 0 0;
  font-size: 14px;
}

.ask-chemcop-game-header button {
  color: #18251a;
  background: #eaf0df;
  border-color: #7e9b72;
  flex: none;
  min-height: 44px;
  font-size: 14px;
}

.ask-chemcop-game-header button:hover {
  background: #d6e3c5;
}

.ask-chemcop-game-frame {
  background: #101713;
  border: 0;
  flex: 1;
  width: 100%;
  min-height: 0;
  display: block;
}

@media (max-width: 480px) {
  .ask-chemcop-game-header {
    flex-wrap: wrap;
    gap: 8px;
  }

  .ask-chemcop-game-header button {
    width: 100%;
  }
}

@media (max-width: 620px) {
  .ask-chemcop-launcher {
    flex-wrap: wrap;
    padding: 15px;
  }

  .ask-chemcop-launcher button {
    width: 100%;
  }

  .ask-chemcop-pane-header {
    padding: 16px;
  }

  .ask-chemcop-pane .ask-chemcop-answer {
    padding: 12px;
  }
}

/* [project]/app/action-portfolio.css [app-client] (css) */
.action-portfolio {
  color: #183d53;
  gap: 20px;
  display: grid;
}

.action-portfolio-hero {
  color: #fff;
  background: linear-gradient(115deg, #092131, #154960);
  border-radius: 16px;
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  padding: 26px;
  display: flex;
}

.action-portfolio-hero > div > span {
  color: #6cd7e8;
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 750;
}

.action-portfolio-hero h1 {
  margin: 8px 0;
  font-size: 32px;
  line-height: 1.2;
}

.action-portfolio-hero p {
  color: #cfdee7;
  max-width: 680px;
  font-size: 16px;
}

.action-portfolio-export {
  flex-wrap: wrap;
  justify-content: end;
  gap: 10px;
  display: flex;
}

.action-portfolio-export button {
  color: #123a50;
  white-space: normal;
  background: #fff;
  min-height: 44px;
}

.action-portfolio-filters {
  background: #fff;
  border: 1px solid #d6e4ec;
  border-radius: 12px;
  flex-wrap: wrap;
  align-items: end;
  gap: 14px;
  padding: 18px;
  display: flex;
}

.action-portfolio-filters label {
  flex: 155px;
  gap: 6px;
  min-width: 0;
  font-size: 14px;
  font-weight: 700;
  display: grid;
}

.action-portfolio-filters label > span {
  align-items: center;
  gap: 6px;
  display: flex;
}

.action-portfolio-filters svg {
  width: 16px;
  height: 16px;
}

.action-portfolio-filters input, .action-portfolio-filters select {
  color: #173c53;
  background: #f9fcfe;
  border: 1px solid #b5ccda;
  border-radius: 7px;
  width: 100%;
  min-height: 42px;
  padding: 9px 10px;
  font-size: 14px;
}

.action-portfolio-filters .action-portfolio-search {
  flex-basis: 210px;
}

.action-portfolio-stats {
  grid-template-columns: repeat(4, 1fr);
  gap: 14px;
  display: grid;
}

.action-portfolio-stats > div {
  background: #fff;
  border: 1px solid #d5e4ec;
  border-radius: 10px;
  gap: 4px;
  padding: 18px;
  display: grid;
}

.action-portfolio-stats span {
  color: #547286;
  font-size: 14px;
}

.action-portfolio-stats b {
  font-size: 28px;
}

.action-portfolio-register .panel-head {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
}

.action-portfolio-register h2 {
  align-items: center;
  gap: 8px;
  display: flex;
}

.action-portfolio-register p {
  font-size: 14px;
}

.action-portfolio-table-wrap {
  overflow: auto;
}

.action-portfolio-table-wrap table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: 14px;
}

.action-portfolio-table-wrap th {
  white-space: nowrap;
  color: #486a80;
  background: #eef5f8;
  padding: 14px;
}

.action-portfolio-table-wrap td {
  vertical-align: top;
  border-top: 1px solid #e0e9ef;
  padding: 15px 14px;
}

.action-portfolio-table-wrap td:first-child {
  min-width: 175px;
}

.action-portfolio-table-wrap td:nth-child(4) {
  min-width: 285px;
  max-width: 400px;
}

.action-portfolio-table-wrap small {
  color: #617e91;
  margin-top: 5px;
  font-size: 13px;
  display: block;
}

.action-portfolio-link {
  text-align: left;
  color: #136c8f;
  gap: 5px;
  font-weight: 700;
  display: flex;
}

.action-portfolio-link svg {
  flex: none;
  width: 13px;
  height: 13px;
  margin-top: 4px;
}

.action-portfolio-link:hover, .action-portfolio-lease:hover {
  text-decoration: underline;
}

.action-portfolio-lease {
  text-align: left;
  color: #51778c;
  margin-top: 5px;
  display: block;
}

.action-portfolio-title {
  font-size: 15px;
}

.action-portfolio-risk.high {
  color: #b43136;
}

.action-portfolio-risk.moderate {
  color: #93600e;
}

.action-portfolio-risk.low {
  color: #217b59;
}

.action-portfolio-table-wrap .overdue {
  color: #aa353b;
  font-weight: 700;
}

.action-portfolio-pagination {
  justify-content: end;
  align-items: center;
  gap: 12px;
  padding: 16px;
  display: flex;
}

.action-portfolio-pagination > span {
  margin-right: auto;
  font-size: 14px;
}

.action-portfolio-message {
  background: #edf5f9;
  border: 1px solid #c7dce7;
  border-radius: 8px;
  padding: 18px;
  font-size: 16px;
}

.action-portfolio-message.error {
  color: #91373d;
  background: #fff1f1;
  border-color: #e7c2c5;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.action-portfolio-back {
  flex-wrap: wrap;
  align-items: center;
  gap: 18px;
  display: flex;
}

.action-portfolio-back > span {
  color: #486c80;
  font-size: 15px;
}

.action-portfolio button:focus-visible, .action-portfolio select:focus-visible, .action-portfolio input:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #1684ac;
}

@media (max-width: 900px) {
  .action-portfolio-hero {
    flex-direction: column;
    align-items: start;
  }

  .action-portfolio-export {
    justify-content: start;
  }
}

@media (max-width: 600px) {
  .action-portfolio-hero {
    padding: 20px;
  }

  .action-portfolio-stats {
    grid-template-columns: repeat(2, 1fr);
  }

  .action-portfolio-export {
    width: 100%;
  }

  .action-portfolio-export button {
    flex: 100%;
  }

  .action-portfolio-back > span {
    width: 100%;
  }

  .action-portfolio-pagination {
    flex-wrap: wrap;
  }
}

/* [project]/app/navigation-dashboard.css [app-client] (css) */
.workspace-shell.intelligence-shell {
  grid-template-columns: 240px minmax(0, 1fr);
  width: 100%;
  min-height: 100dvh;
  display: grid !important;
}

.workspace-shell .intelligence-main, .workspace-shell .intelligence-content, .workspace-shell .stack, .workspace-shell [role="tabpanel"] {
  min-width: 0;
  max-width: 100%;
}

.workspace-shell .intelligence-content {
  padding: 24px;
}

.workspace-shell .owner-tool-content {
  padding: 0 !important;
}

.owner-tool-content > .engine-page, .owner-tool-content > .owner-admin-page {
  width: 100%;
}

@media (min-width: 901px) and (max-width: 1440px) {
  .owner-tool-content .engine-tree-editor {
    grid-template-columns: minmax(0, 1fr);
  }

  .owner-tool-content .engine-tree {
    max-height: 420px;
    overflow: auto;
  }
}

@media (min-width: 901px) and (max-width: 1240px) {
  .owner-tool-content .engine-layout, .owner-tool-content .owner-admin-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .owner-tool-content .engine-header, .owner-tool-content .engine-toolbar, .owner-tool-content .engine-edit-state, .owner-tool-content .owner-admin-table-head {
    flex-wrap: wrap;
  }

  .owner-tool-content .engine-guide ol, .owner-tool-content .owner-admin-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .owner-tool-content .owner-admin-title {
    flex-wrap: wrap;
  }
}

.workspace-shell .workspace-sidebar {
  overscroll-behavior: contain;
  align-self: start;
  height: 100dvh;
  min-height: 0;
  position: sticky;
  top: 0;
  overflow: hidden auto;
}

.workspace-sidebar .intelligence-brand {
  padding: 24px 18px;
}

.workspace-sidebar .intelligence-brand img {
  width: 100%;
  height: auto;
}

.workspace-navigation {
  width: 100%;
  padding: 8px 12px;
  display: block !important;
  overflow: visible !important;
}

.workspace-navigation button, .workspace-navigation a {
  color: #c7dbe3;
  text-align: left;
  white-space: normal;
  background: none;
  border: 0;
  border-radius: 8px;
  align-items: center;
  gap: 10px;
  width: 100%;
  min-height: 44px;
  padding: 10px 12px;
  font-size: .875rem;
  line-height: 1.4;
  text-decoration: none;
  display: flex;
}

.workspace-navigation svg {
  flex: none;
  width: 18px;
  height: 18px;
}

.workspace-navigation button:hover, .workspace-navigation a:hover {
  color: #fff;
  background: #183b4c;
}

.workspace-navigation :is(button, a)[aria-current="page"] {
  color: #fff;
  background: #1b4253;
  font-weight: 700;
  box-shadow: inset 3px 0 #6ee4ea;
}

.workspace-navigation button:disabled, .workspace-navigation a[aria-disabled="true"] {
  opacity: .6;
}

.workspace-nav-label {
  color: #a9ccd5;
  letter-spacing: .06em;
  text-transform: uppercase;
  padding: 8px 12px;
  font-size: .75rem;
  display: block;
}

.workspace-nav-group {
  border-top: 1px solid #294752;
  margin-top: 12px;
  padding-top: 8px;
}

.workspace-nav-group > summary {
  cursor: pointer;
  color: #c7dbe3;
  min-height: 44px;
  padding: 12px;
  font-size: .875rem;
  font-weight: 600;
}

.workspace-nav-subgroup {
  margin: 4px 0 8px 12px;
}

.workspace-nav-subgroup > summary {
  cursor: pointer;
  min-height: 44px;
  color: inherit;
  padding: 10px 12px;
  font-size: .8125rem;
  font-weight: 600;
}

.workspace-nav-subgroup > div {
  border-left: 1px solid #56717e;
  margin-left: 12px;
  padding-left: 8px;
}

.workspace-sidebar > footer {
  color: #a7c1cc;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px;
  margin-top: auto;
  padding: 20px;
  font-size: .75rem;
  display: flex;
}

.workspace-sidebar > footer small {
  flex-basis: 100%;
  font-size: .75rem;
}

.workspace-mobile-header {
  display: none;
}

.workspace-mobile-menu[data-slot="sheet-content"] {
  color: #fff;
  background: #092330;
  gap: 0;
  width: min(340px, 92vw);
  max-width: none;
  overflow-y: auto;
}

.workspace-mobile-menu [data-slot="sheet-header"] {
  padding-right: 52px;
}

.workspace-mobile-menu [data-slot="sheet-title"] {
  color: #fff;
  font-size: 1.125rem;
}

.workspace-mobile-menu [data-slot="sheet-description"] {
  color: #b9d1d9;
  font-size: .875rem;
}

.workspace-mobile-menu > button {
  min-width: 44px;
  min-height: 44px;
  top: 8px;
  right: 8px;
}

.workspace-skip-link {
  z-index: 100;
  color: #0d2a4a;
  background: #fff;
  border: 2px solid #256da5;
  border-radius: 6px;
  padding: 12px 16px;
  position: fixed;
  top: 8px;
  left: 8px;
  transform: translateY(-180%);
}

.workspace-skip-link:focus {
  transform: translateY(0);
}

.workspace-shell :is(button, input, select, a, summary):focus-visible, .workspace-navigation :is(button, a, summary):focus-visible {
  outline-offset: 3px;
  outline: 3px solid #298fb6;
}

.workspace-shell .intelligence-topbar {
  flex-wrap: wrap;
  gap: 12px;
  min-width: 0;
  min-height: 0;
  padding: 10px 24px;
  display: flex;
}

.workspace-shell .intelligence-context {
  flex: 280px;
  min-width: 0;
}

.workspace-shell .intelligence-context > div {
  flex-wrap: wrap;
  gap: 8px;
}

.workspace-shell:not([data-page="command"]) .intelligence-context > span {
  display: none;
}

.workspace-shell .intelligence-context :is(small, label small) {
  font-size: 12px;
}

.workspace-shell .intelligence-topbar[data-context-free] {
  padding-block: 8px;
}

.workspace-shell .intelligence-context label {
  flex: 1;
  min-width: 0;
}

.workspace-shell .intelligence-context select {
  max-width: 100%;
  min-height: 44px;
  font-size: .875rem;
}

.workspace-shell .intelligence-identity {
  flex: 230px;
  min-width: 0;
  display: none;
}

.workspace-shell .topbar-risk-signal {
  flex: 260px;
  align-self: end;
  min-width: 0;
  max-width: 100%;
}

.workspace-shell .topbar-risk-signal > span {
  min-width: 0;
}

.workspace-shell .topbar-risk-signal :is(b, small) {
  white-space: normal;
  overflow-wrap: anywhere;
  line-height: 1.4;
}

.workspace-shell .topbar-risk-signal b {
  font-size: .875rem;
}

.workspace-shell .topbar-risk-signal small {
  font-size: .75rem;
}

.workspace-shell .global-view-switch {
  min-width: 0;
  margin-left: auto;
}

.workspace-shell .global-view-switch button {
  min-height: 40px;
}

.workspace-shell .global-view-switch b {
  font-size: .875rem;
}

.workspace-shell .global-view-switch small {
  font-size: .75rem;
}

.workspace-shell :is(.table-wrap, .program-test-table, .action-portfolio-table-wrap, .asset-portfolio-table, .dashboard-process-mainline) {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
}

.workspace-shell .action-portfolio {
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  max-width: 100%;
}

.workspace-shell .action-portfolio > *, .workspace-shell .action-portfolio-hero > div {
  min-width: 0;
  max-width: 100%;
}

.workspace-shell .action-portfolio-table-wrap {
  position: relative;
}

.workspace-shell :is(.page-title, .panel-head, .command-program-hero, .program-kpi-overview-head), .workspace-shell :is(.page-title, .panel-head, .program-kpi-overview-head) > div {
  min-width: 0;
}

.workspace-shell .page-title {
  flex-wrap: wrap;
}

.workspace-shell .page-title p {
  overflow-wrap: anywhere;
}

.workspace-shell :is(.page-title-actions, .command-hero-actions, .program-kpi-overview-actions) {
  flex-wrap: wrap;
  display: flex;
}

.workspace-shell :is(.page-title-actions, .command-hero-actions, .program-kpi-overview-actions) button {
  white-space: normal;
  height: auto;
  min-height: 44px;
}

.workspace-shell .command-program-position :is(span, dt) {
  font-size: .875rem;
}

.workspace-shell .command-program-position dd {
  overflow-wrap: anywhere;
}

@media (max-width: 900px) {
  .workspace-shell.intelligence-shell {
    display: block !important;
  }

  .workspace-shell .workspace-sidebar {
    display: none;
  }

  .workspace-mobile-header {
    background: #092330;
    justify-content: space-between;
    align-items: center;
    gap: 16px;
    padding: 12px 16px;
    display: flex;
  }

  .workspace-mobile-header img {
    width: 190px;
    max-width: 60%;
    height: auto;
  }

  .workspace-mobile-header button {
    color: #fff;
    background: #183b4c;
    border-color: #628694;
    min-height: 44px;
  }

  .workspace-shell .intelligence-topbar {
    gap: 10px;
    padding: 12px 16px;
  }

  .workspace-shell .intelligence-content {
    padding: 18px 12px 32px;
  }

  .workspace-shell :is(.asset-graph-scope-filters, .asset-dashboard-scope, .action-portfolio-filters, .trend-lab-filter-grid) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .workspace-shell :is(.asset-graph-scope-filters, .asset-dashboard-scope, .action-portfolio-filters, .trend-lab-filter-grid, .command-program-hero, .analysis-controls, .mapping) {
    grid-template-columns: minmax(0, 1fr);
  }

  .workspace-shell .intelligence-context {
    flex-basis: 100%;
  }

  .workspace-shell .global-view-switch {
    width: auto;
  }

  .workspace-shell .global-view-switch button {
    flex: 1;
  }

  .workspace-shell :is(.program-kpi-overview-head, .action-portfolio-hero, .panel-head) {
    flex-wrap: wrap;
  }

  .workspace-shell :is(.command-program-hero-copy, .command-program-position) {
    min-width: 0;
  }

  .workspace-shell :is(.page-title-actions, .command-hero-actions, .program-kpi-overview-actions) > button {
    flex: 170px;
  }
}

@media (prefers-reduced-motion: reduce) {
  .workspace-shell *, [data-slot="sheet-content"] {
    scroll-behavior: auto !important;
    transition: none !important;
    animation: none !important;
  }
}

@media (max-width: 680px) {
  .workspace-shell .intelligence-context > div {
    flex-direction: row;
    align-items: end;
  }

  .workspace-shell .intelligence-context > div > svg {
    display: none;
  }

  .workspace-shell .intelligence-context .program-all-assets {
    flex: 1;
    min-width: 0;
    padding: 6px 8px;
  }

  .workspace-shell .intelligence-context .program-all-assets :is(b, small) {
    font-size: 12px;
  }

  .workspace-shell .global-view-switch button {
    min-width: 0;
    min-height: 44px;
    padding: 7px 10px;
  }

  .workspace-shell .global-view-switch {
    margin-left: auto;
  }

  .workspace-shell .topbar-risk-signal {
    flex-basis: 100%;
    padding: 8px;
  }
}

.workspace-shell .cc-return-button {
  color: #245063;
  background: #f2f9fb;
  border: 1px solid #aac5d2;
  border-radius: 6px;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  font-size: 12px;
  display: inline-flex;
}

@media (max-width: 680px) {
  .workspace-shell .cc-return-button {
    min-height: 44px;
  }

  .workspace-shell:not([data-page="command"]) .intelligence-context {
    order: 1;
  }

  .workspace-shell .intelligence-context > div {
    align-items: stretch;
    gap: 6px;
  }

  .workspace-shell .intelligence-context .program-all-assets {
    background: none;
    border: 0;
    justify-content: center;
    padding: 4px;
    display: flex;
  }

  .workspace-shell:not([data-page="command"]) .intelligence-context .program-all-assets small {
    display: none;
  }

  .workspace-shell .intelligence-context .program-all-assets b {
    font-weight: 500;
  }

  .workspace-shell .intelligence-context .program-all-assets:last-child {
    flex: 1.5;
  }

  .workspace-shell .topbar-risk-signal {
    order: 2;
  }
}

/* [project]/app/workspace-roles.css [app-client] (css) */
.workspace-shell .role-details {
  background: #fff;
  border: 1px solid #cad9e2;
  border-radius: 12px;
  min-width: 0;
}

.role-details > summary {
  color: #234f67;
  cursor: pointer;
  min-height: 44px;
  padding: 14px 18px;
  font-size: .875rem;
  font-weight: 700;
}

.role-details-content {
  grid-template-columns: minmax(0, 1fr);
  gap: 18px;
  min-width: 0;
  padding: 0 16px 16px;
  display: grid;
}

.role-details:not([open]) > .role-details-content {
  display: none;
}

.role-details-content > * {
  min-width: 0;
  max-width: 100%;
}

.role-view-note {
  color: #526e80;
  margin: 0 0 14px;
  font-size: .875rem;
}

.program-operator-customers {
  padding: 0 16px 16px;
}

.program-operator-customers article {
  border-bottom: 1px solid #d7e3e9;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  display: flex;
}

.program-operator-customers article > div {
  flex: 220px;
  min-width: 0;
}

.program-operator-customers :is(b, span, small) {
  display: block;
}

.program-operator-customers b {
  color: #173b50;
  font-size: 1rem;
}

.program-operator-customers span {
  color: #526e80;
  margin-top: 10px;
  font-size: .875rem;
}

.program-operator-customers p {
  margin: 5px 0;
  font-size: 1rem;
}

.program-operator-customers small {
  font-size: .8125rem;
}

.operator-portfolio-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  padding: 16px;
  display: grid;
}

.operator-portfolio-card {
  background: #fff;
  border: 1px solid #c8d8e1;
  border-radius: 12px;
  grid-template-columns: minmax(0, 1fr);
  gap: 14px;
  padding: 18px;
  display: grid;
}

.operator-portfolio-card :is(header, footer) {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.operator-portfolio-card header > div {
  flex: 180px;
  min-width: 0;
}

.operator-portfolio-card :is(b, small) {
  display: block;
}

.operator-portfolio-card b, .operator-portfolio-card h3 {
  color: #173b50;
  font-size: 1rem;
}

.operator-portfolio-card p {
  margin: 5px 0 0;
  font-size: 1rem;
  line-height: 1.5;
}

.operator-portfolio-card span {
  color: #527084;
  font-size: .875rem;
  font-weight: 700;
}

.operator-portfolio-card small {
  font-size: .8125rem;
  line-height: 1.5;
}

.operator-portfolio-card button {
  white-space: normal;
  height: auto;
  min-height: 44px;
}

.operator-stop {
  background: #fff5e3;
  border-left: 3px solid #b66b24;
  padding: 10px;
}

.operator-asset-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.operator-asset-list > article {
  background: #fff;
  border: 1px solid #c8d8e1;
  border-radius: 12px;
  padding: 18px;
}

.operator-asset-list h3 {
  margin: 0;
  font-size: 1.125rem;
}

.operator-asset-list p {
  font-size: 1rem;
  line-height: 1.5;
}

.operator-asset-list small {
  color: #557285;
  font-size: .875rem;
}

.operator-asset-list footer {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.operator-trend-brief {
  background: #fff;
  border: 1px solid #c5d8e2;
  border-left: 5px solid #27829c;
  border-radius: 12px;
  padding: 20px;
}

.operator-trend-brief h2 {
  margin: 8px 0;
  font-size: 1.25rem;
}

.operator-trend-brief p {
  font-size: 1rem;
  line-height: 1.5;
}

.operator-test-select {
  margin-bottom: 14px;
  display: block;
}

.operator-test-select select {
  background: #fff;
  border: 1px solid #b4cbd8;
  border-radius: 8px;
  width: 100%;
  min-height: 44px;
  margin-top: 8px;
  padding: 10px;
}

.measurement-history {
  background: #fff;
  border: 1px solid #c5d8e2;
  border-radius: 12px;
  min-width: 0;
  padding: 20px;
}

.measurement-history h2 {
  font-size: 1.25rem;
}

.measurement-history p {
  font-size: 1rem;
  line-height: 1.5;
}

.measurement-history-chart {
  width: 100%;
  min-width: 0;
}

.measurement-history-chart > svg {
  width: 100%;
  height: 260px;
  display: block;
}

.measurement-history-chart text {
  fill: #466579;
  font-size: 14px;
}

.measurement-history-chart .history-kpi-limit text {
  fill: #97551c;
}

.measurement-history .table-wrap {
  max-height: 300px;
  position: relative;
  overflow: auto;
}

.measurement-history td, .measurement-history th {
  text-align: left;
  padding: 10px;
}

.workspace-shell .program-risk-distribution > p {
  font-size: .875rem;
}

.workspace-shell .program-risk-speedometer-result small {
  font-size: .8125rem;
}

.program-risk-distribution {
  container-type: inline-size;
}

@container (max-width: 400px) {
  .program-risk-chart {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 900px) {
  .operator-portfolio-list, .operator-asset-list {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 600px) {
  .role-details-content {
    padding: 0 10px 12px;
  }

  .operator-portfolio-list {
    padding: 10px;
  }

  .program-operator-customers article button {
    width: 100%;
  }
}

/* [project]/app/engineering-review.css [app-client] (css) */
.engineering-review[hidden] {
  display: none !important;
}

.workspace-shell .engineering-details {
  color: #183b50;
  background: #fff;
  border: 1px solid #cadce7;
  border-radius: 7px;
  min-width: 0;
  max-width: 100%;
}

.engineering-details > summary {
  cursor: pointer;
  min-height: 44px;
  padding: 12px 16px;
  font-size: 13px;
  line-height: 1.5;
}

.engineering-details > summary > strong {
  margin-right: 12px;
}

.engineering-details > summary > span {
  color: #527184;
  font-size: 12px;
}

.engineering-details > summary:focus-visible {
  outline-offset: 2px;
  border-radius: 6px;
  outline: 2px solid #087f8c;
}

.engineering-details-content {
  gap: 16px;
  min-width: 0;
  padding: 0 14px 14px;
  display: grid;
}

.engineering-details:not([open]) > .engineering-details-content {
  display: none;
}

.engineering-details-content > * {
  min-width: 0;
  max-width: 100%;
}

.engineering-details .engineering-details-table {
  border-collapse: collapse;
  width: 100%;
  font-size: 13px;
}

.engineering-details-table :is(th, td) {
  text-align: left;
  border-bottom: 1px solid #d5e3eb;
  padding: 10px;
}

.engineering-details-table th {
  background: #f3f8fb;
}

.engineering-details-table :is(small, span) {
  display: block;
}

@media (max-width: 600px) {
  .engineering-details > summary > span {
    margin-top: 4px;
    padding-left: 14px;
    display: block;
  }

  .engineering-details-content {
    padding: 0 10px 10px;
  }
}

.workspace-shell .engineering-review {
  color: #183b50;
  background: #fff;
  border: 1px solid #a9c5d3;
  border-top: 4px solid #26718b;
  border-radius: 12px;
  min-width: 0;
  max-width: 100%;
  padding: 22px;
  font-size: 1rem;
  line-height: 1.5;
}

.engineering-review * {
  box-sizing: border-box;
}

.engineering-review :is(p, li) {
  overflow-wrap: anywhere;
  font-size: 1rem;
  line-height: 1.5;
}

.engineering-review p {
  margin: 8px 0 14px;
}

.engineering-review :is(h2, h3) {
  color: #143c53;
  margin: 0 0 10px;
  line-height: 1.3;
}

.engineering-review h2 {
  font-size: 1.5rem;
}

.engineering-review h3 {
  font-size: 1.125rem;
}

.engineering-review :is(label, summary, dt, th, td) {
  font-size: .875rem;
  line-height: 1.5;
}

.engineering-review-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  display: flex;
}

.engineering-review-head > div:first-child {
  flex: 320px;
  min-width: 0;
}

.engineering-review-head > div > span {
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #3a738c;
  font-size: .8125rem;
  font-weight: 700;
}

.engineering-review-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.engineering-review button {
  white-space: normal;
  height: auto;
  min-height: 44px;
}

.engineering-review-scope {
  background: #edf4f7;
  border-radius: 8px;
  padding: 10px 12px;
}

.engineering-confidence-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 16px 0 8px;
  display: grid;
}

.engineering-confidence-grid > article {
  background: #f7fafb;
  border: 1px solid #cbdce4;
  border-radius: 10px;
  min-width: 0;
  padding: 16px;
}

.engineering-confidence-grid span {
  font-size: .875rem;
  font-weight: 700;
  display: block;
}

.engineering-confidence-grid b {
  color: #46667a;
  margin: 8px 0;
  font-size: 1.5rem;
  display: block;
}

.engineering-confidence-grid b.high {
  color: #196947;
}

.engineering-confidence-grid b.moderate {
  color: #876000;
}

.engineering-confidence-grid b.low {
  color: #9c5a28;
}

.engineering-review .engineering-review-caption {
  color: #526d7c;
  font-size: .875rem;
}

.engineering-review-jumps {
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0;
  display: flex;
}

.engineering-review-jumps a {
  border: 1px solid #bed2dd;
  border-radius: 7px;
  align-items: center;
  min-height: 44px;
  padding: 8px 12px;
  display: inline-flex;
}

.engineering-whys, .engineering-business-case {
  scroll-margin-top: 160px;
}

.engineering-review details {
  background: #fff;
  border: 1px solid #cfdee5;
  border-radius: 10px;
  margin: 16px 0;
  padding: 14px;
}

.engineering-review summary {
  color: #21526b;
  cursor: pointer;
  min-height: 30px;
  font-weight: 700;
}

.engineering-review fieldset {
  border: 0;
  gap: 18px;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.engineering-review fieldset:disabled {
  opacity: .65;
}

.engineering-dmaic-steps {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.engineering-dmaic-steps article {
  background: #f0f6f8;
  border-top: 3px solid #6494aa;
  min-width: 0;
  padding: 12px;
}

.engineering-dmaic-steps b {
  font-size: 1rem;
}

.engineering-dmaic-steps p {
  font-size: .875rem;
}

.engineering-review-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.engineering-review label {
  flex-direction: column;
  gap: 7px;
  min-width: 0;
  font-weight: 600;
  display: flex;
}

.engineering-review :is(input, textarea, select) {
  color: #163a50;
  background: #fff;
  border: 1px solid #afc6d3;
  border-radius: 6px;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  padding: 9px;
  font-size: 1rem;
}

.engineering-review textarea {
  resize: vertical;
  min-height: 90px;
  line-height: 1.5;
}

.engineering-review input:focus-visible, .engineering-review select:focus-visible, .engineering-review textarea:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #2b7f9e;
}

.engineering-why-row {
  border-top: 1px solid #d3e1e8;
  margin-top: 14px;
  padding: 16px 0;
}

.engineering-why-row header {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.engineering-why-row header b {
  flex-shrink: 0;
}

.engineering-why-row header span {
  overflow-wrap: anywhere;
  flex: 220px;
  font-size: 1rem;
}

.engineering-why-row em {
  color: #895811;
  background: #fff2d6;
  border-radius: 6px;
  padding: 3px 8px;
  font-size: .8125rem;
}

.engineering-why-row .engineering-review-fields {
  grid-template-columns: 1fr 1fr;
}

.engineering-why-row .engineering-review-fields label:last-child {
  max-width: 340px;
}

.engineering-review .engineering-review-check {
  flex-direction: row;
  align-items: flex-start;
  margin-top: 16px;
  font-weight: 400;
}

.engineering-review-check input {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  min-height: 20px;
  margin-top: 3px;
}

.engineering-business-case {
  border-top: 2px solid #c1d6e0;
  min-width: 0;
  padding-top: 18px;
}

.engineering-financial-inputs {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0;
  display: grid;
}

.engineering-review-notice {
  background: #fff6e8;
  border-left: 4px solid #b37d2a;
  border-radius: 6px;
  padding: 12px 14px;
}

.engineering-business-totals {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.engineering-business-totals div {
  background: #edf5f8;
  border-radius: 8px;
  min-width: 0;
  padding: 12px;
}

.engineering-business-totals dd {
  overflow-wrap: anywhere;
  margin: 6px 0;
  font-size: 1.25rem;
  font-weight: 700;
}

.engineering-financial-table {
  width: 100%;
  max-width: 100%;
  margin: 16px 0;
  position: relative;
  overflow: auto;
}

.engineering-financial-table table {
  border-collapse: collapse;
  width: 100%;
  min-width: 620px;
}

.engineering-financial-table th, .engineering-financial-table td {
  text-align: left;
  border-bottom: 1px solid #cfdee7;
  padding: 12px;
}

.engineering-financial-table th {
  background: #eef5f7;
}

.engineering-financial-table caption {
  text-align: left;
  padding-bottom: 10px;
  font-size: .875rem;
}

.engineering-review footer {
  border-top: 1px solid #d2e0e8;
  margin-top: 16px;
  padding-top: 12px;
}

.engineering-review a {
  color: #126a91;
  margin-right: 16px;
  font-size: .875rem;
  text-decoration: underline;
}

@media (max-width: 1150px) {
  .engineering-dmaic-steps, .engineering-business-totals {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .workspace-shell .engineering-review {
    padding: 14px;
  }

  .engineering-confidence-grid, .engineering-review-fields, .engineering-financial-inputs, .engineering-why-row .engineering-review-fields, .engineering-dmaic-steps {
    grid-template-columns: minmax(0, 1fr);
  }

  .engineering-review-actions {
    width: 100%;
  }

  .engineering-review-actions button {
    flex: 150px;
  }
}

/* [project]/app/analysis-recommendations.css [app-client] (css) */
.analysis-recommendation {
  color: #183b50;
  background: #fff;
  border: 1px solid #c6d7e1;
  border-top: 4px solid #52788c;
  border-radius: 12px;
  gap: 16px;
  min-width: 0;
  padding: 20px;
  display: grid;
}

.analysis-recommendation.risk-high {
  border-top-color: #b84b43;
}

.analysis-recommendation.risk-moderate {
  border-top-color: #ba8123;
}

.analysis-recommendation.risk-low {
  border-top-color: #34806d;
}

.analysis-recommendation :is(header, footer) {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.analysis-recommendation header > div {
  flex: 240px;
  min-width: 0;
}

.analysis-recommendation :is(b, h3, p) {
  font-size: 1rem;
  line-height: 1.5;
}

.analysis-recommendation h3 {
  margin: 5px 0;
  font-size: 1.125rem;
}

.analysis-recommendation p {
  margin: 5px 0 0;
}

.analysis-recommendation small {
  color: #4d697b;
  font-size: .875rem;
  line-height: 1.5;
  display: block;
}

.analysis-recommendation span {
  font-size: .875rem;
  font-weight: 700;
}

.analysis-risk {
  background: #edf3f6;
  border-radius: 6px;
  padding: 6px 10px;
}

.analysis-response {
  background: #eff6f8;
  border-radius: 8px;
  padding: 16px;
}

.analysis-timing {
  grid-template-columns: minmax(180px, 1fr) minmax(0, 1.4fr);
  align-items: center;
  gap: 16px;
  display: grid;
}

.analysis-timing b {
  display: block;
}

.analysis-timing p {
  color: #4b6576;
  font-size: .875rem;
}

.analysis-reasoning {
  border-top: 1px solid #d5e2e8;
}

.analysis-reasoning summary {
  cursor: pointer;
  padding: 12px 0;
  font-size: .875rem;
  font-weight: 700;
}

.analysis-reasoning > div {
  gap: 10px;
  display: grid;
}

.analysis-reasoning:not([open]) > div {
  display: none;
}

.analysis-recommendation button {
  white-space: normal;
  height: auto;
  min-height: 44px;
}

.analysis-brief-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  min-width: 0;
  display: grid;
}

.command-recommendations {
  gap: 16px;
  min-width: 0;
  display: grid;
}

.command-recommendations > header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  display: flex;
}

.command-recommendations h2 {
  margin: 0;
  font-size: 1.4rem;
}

.command-recommendations > header p {
  margin: 5px 0 0;
  font-size: 1rem;
}

.analysis-empty, .analysis-summary {
  background: #f4f8fa;
  border: 1px solid #c6d7e1;
  border-radius: 10px;
  padding: 18px;
  font-size: 1rem;
}

.analysis-optional {
  background: #fff;
  border: 1px solid #c6d7e1;
  border-radius: 10px;
  margin-top: 16px;
  padding: 16px;
}

.analysis-optional > summary {
  cursor: pointer;
  padding: 8px 0;
  font-size: .875rem;
  font-weight: 700;
}

.analysis-optional > div {
  padding-top: 14px;
}

.analysis-optional:not([open]) > div {
  display: none;
}

.analysis-auto-whys {
  gap: 12px;
  display: grid;
}

.analysis-auto-whys article {
  background: #f2f7f9;
  border-left: 3px solid #83a7ba;
  padding: 14px;
}

.analysis-auto-whys article p {
  margin: 6px 0;
}

.analysis-portfolio .action-portfolio-filters {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.analysis-portfolio .action-portfolio-search {
  grid-column: span 2;
}

.analysis-portfolio .analysis-brief-grid {
  padding: 16px;
}

.workspace-shell[data-view="operator"] .command-program-hero {
  min-height: 0;
  padding: 22px;
}

.workspace-shell[data-view="operator"] .command-program-hero h1 {
  font-size: 2rem;
}

.workspace-shell[data-view="operator"] .command-program-position {
  padding: 16px;
}

.workspace-shell[data-view="operator"] .command-program-position h2 {
  font-size: 1.2rem;
}

.workspace-shell[data-view="operator"] .command-program-position dl, .workspace-shell[data-view="operator"] .command-hero-actions .program-hero-secondary {
  display: none;
}

.workspace-shell[data-view="operator"] .command-hero-actions {
  margin-top: 14px;
}

@media (max-width: 900px) {
  .analysis-brief-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .analysis-portfolio .action-portfolio-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .analysis-recommendation {
    padding: 16px;
  }

  .analysis-timing {
    grid-template-columns: minmax(0, 1fr);
    gap: 6px;
  }

  .analysis-portfolio .action-portfolio-filters {
    grid-template-columns: minmax(0, 1fr);
  }

  .analysis-portfolio .action-portfolio-search {
    grid-column: auto;
  }

  .analysis-portfolio .analysis-brief-grid {
    padding: 10px;
  }
}

.treatment-eligibility {
  color: #365b70;
  text-align: left;
  background: #f7fafc;
  border: 1px solid #d7e4eb;
  border-radius: 6px;
  margin-top: 10px;
  font-size: 12px;
  line-height: 1.55;
}

.treatment-eligibility summary {
  cursor: pointer;
  padding: 8px 10px;
  font-weight: 650;
}

.treatment-eligibility summary span {
  font-weight: 400;
}

.treatment-eligibility > div {
  padding: 0 12px 12px;
}

.treatment-eligibility ul {
  margin: 6px 0 10px;
  padding-left: 18px;
  list-style: outside;
}

.treatment-eligibility li + li {
  margin-top: 7px;
}

.treatment-eligibility p {
  -webkit-line-clamp: unset !important;
  margin: 6px 0 0 !important;
  font-size: 12px !important;
  display: block !important;
  overflow: visible !important;
}

.treatment-eligibility.review {
  background: #fffbf3;
  border-color: #d8c7a5;
}

.treatment-eligibility summary:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #087e9b;
}

.operating-demo-guide {
  color: #365b70;
  background: #f2f8fc;
  border: 1px solid #bdd6e3;
  border-radius: 8px;
  margin-bottom: 18px;
}

.operating-demo-guide > summary {
  cursor: pointer;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  font-size: 12px;
  display: flex;
}

.operating-demo-guide > summary svg {
  width: 17px;
  height: 17px;
}

.operating-demo-guide > summary:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #087e9b;
}

.demo-guide-trigger {
  margin-left: auto;
  font-weight: 600;
  text-decoration: underline;
}

.operating-demo-guide-body {
  border-top: 1px solid #d7e4eb;
  padding: 16px;
}

.operating-demo-guide-body > p {
  max-width: 1100px;
  margin: 0 0 14px;
  font-size: 13px;
  line-height: 1.65;
}

.operating-demo-shortcuts {
  flex-wrap: wrap;
  gap: 10px;
  margin-bottom: 14px;
  display: flex;
}

.operating-demo-scenarios {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 390px), 1fr));
  gap: 10px;
  margin: 16px 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.operating-demo-scenarios > li {
  background: #fff;
  border: 1px solid #d7e4eb;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px;
  display: flex;
}

.operating-demo-scenarios b {
  font-size: 13px;
}

.operating-demo-scenarios p {
  margin: 6px 0;
  font-size: 12px;
  line-height: 1.5;
}

.operating-demo-scenarios small {
  font-size: 11px;
}

.operating-demo-scenarios button {
  flex-shrink: 0;
}

.operating-demo-boundary {
  color: #607989;
}

.recommendation-demo-entry {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  display: flex;
}

.recommendation-demo-entry small {
  color: #607989;
  font-size: 12px;
}

/* [project]/app/customer-proposal.css [app-client] (css) */
.remediation-asset-selector {
  background: #fff;
  border: 1px solid #d7e4ea;
  border-radius: 12px;
  align-items: center;
  gap: 22px;
  margin: 18px 0;
  padding: 18px 20px;
  display: flex;
}

.remediation-asset-selector label {
  flex: 1;
  gap: 8px;
  min-width: 0;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

.remediation-asset-selector select {
  background: #fff;
  border: 1px solid #b4cbd7;
  border-radius: 7px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 10px;
}

.remediation-asset-selector p {
  color: #587082;
  flex: 1;
  max-width: 400px;
  margin: 0;
  font-size: 12px;
}

.treatment-input-status, .treatment-known-rate {
  color: #526b7b;
  padding: 0 18px;
  font-size: 12px;
  line-height: 1.6;
}

.remediation-design-fields input::placeholder {
  color: #788898;
  opacity: 1;
}

.customer-proposal-panel {
  background: #fff;
  border: 1px solid #c9dde6;
  border-radius: 13px;
  min-width: 0;
  margin: 22px 0;
  padding: 22px;
}

.customer-proposal-panel > header {
  justify-content: space-between;
  align-items: center;
  gap: 24px;
  display: flex;
}

.customer-proposal-panel > header > div {
  min-width: 0;
}

.customer-proposal-panel > header span {
  color: #26768b;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.customer-proposal-panel > header svg {
  width: 17px;
  height: 17px;
}

.customer-proposal-panel h2 {
  color: #163e53;
  margin: 6px 0;
  font-size: 23px;
}

.customer-proposal-panel > header p {
  color: #5b7280;
  max-width: 480px;
  margin: 4px 0;
  font-size: 13px;
}

.customer-proposal-panel > header small {
  color: #4b6777;
  font-size: 11px;
}

.proposal-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  display: flex;
}

.proposal-actions button {
  white-space: normal;
  height: auto;
  min-height: 40px;
}

.proposal-export-note {
  color: #627887;
  margin: 14px 0;
  font-size: 11px;
  line-height: 1.6;
}

.proposal-export-error {
  color: #973e25;
  background: #fff7f0;
  border: 1px solid #ebc4b4;
  border-radius: 8px;
  padding: 12px;
  font-size: 13px;
}

.proposal-preview {
  background: #f4f8fa;
  border: 1px solid #dae5ec;
  border-radius: 9px;
  margin: 20px 0;
  padding: 24px;
}

.proposal-preview > div {
  background: #fff;
  border-radius: 8px;
  padding: 24px;
}

.proposal-assumptions {
  background: #f8fbfd;
  border: 1px solid #d6e3eb;
  border-radius: 9px;
  margin: 20px 0;
  padding: 16px;
}

.proposal-assumptions summary {
  cursor: pointer;
  color: #264f65;
  font-size: 13px;
  font-weight: 700;
}

.proposal-assumptions > p {
  color: #627685;
  font-size: 12px;
}

.proposal-assumption-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 15px;
  margin-top: 15px;
  display: grid;
}

.proposal-assumption-grid label {
  align-content: start;
  gap: 7px;
  font-size: 12px;
  font-weight: 700;
  display: grid;
}

.proposal-assumption-grid small {
  color: #5a7180;
  font-weight: 400;
  line-height: 1.5;
}

.proposal-assumption-grid label > div {
  align-items: center;
  gap: 8px;
  display: flex;
}

.proposal-assumption-grid input, .proposal-assumption-grid select, .proposal-assumption-grid textarea {
  background: #fff;
  border: 1px solid #c0d2df;
  border-radius: 6px;
  width: 100%;
  min-width: 0;
  padding: 9px;
  font-weight: 400;
}

.proposal-assumption-grid label > div > span {
  color: #587081;
  max-width: 90px;
  font-size: 10px;
}

.proposal-assumption-grid textarea {
  min-height: 80px;
}

.customer-proposal-panel > footer {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin-top: 14px;
  display: flex;
}

.customer-proposal-panel > footer button {
  color: #166d88;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 4px 0;
  font-size: 12px;
  text-decoration: underline;
}

.customer-proposal-panel > footer small {
  color: #627787;
  font-size: 11px;
}

@media (max-width: 1180px) {
  .customer-proposal-panel > header {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
  }
}

@media (max-width: 700px) {
  .remediation-asset-selector {
    flex-direction: column;
    align-items: stretch;
  }

  .remediation-asset-selector p {
    max-width: none;
  }

  .customer-proposal-panel {
    padding: 16px;
  }

  .proposal-preview, .proposal-preview > div {
    padding: 10px;
  }

  .proposal-assumption-grid {
    grid-template-columns: 1fr;
  }

  .proposal-actions {
    width: 100%;
  }

  .proposal-actions button {
    flex: 140px;
  }

  .customer-proposal-panel h2 {
    font-size: 21px;
  }
}

/* [project]/app/process-result-profile.css [app-client] (css) */
.measurement-trend {
  color: #173e56;
  min-width: 0;
  padding: 18px 16px 12px;
}

.measurement-trend-heading {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: baseline;
  gap: 10px;
  font-size: 12px;
  display: flex;
}

.measurement-trend-heading > span {
  color: #5e7486;
  font-size: 11px;
}

.measurement-chart-frame, .process-location-chart {
  width: 100%;
  min-width: 0;
}

.measurement-chart-frame > svg, .process-location-chart > svg {
  width: 100%;
  height: auto;
  display: block;
  overflow: visible;
}

.measurement-grid line {
  stroke: #e0e8ee;
  stroke-width: 1px;
}

.measurement-grid text, .measurement-date-tick text {
  fill: #62798b;
  font: 11px system-ui, sans-serif;
}

.measurement-date-tick line {
  stroke: #a8bac7;
}

.measurement-date-tick, .measurement-grid, .measurement-line {
  pointer-events: none;
}

.measurement-line {
  fill: none;
  stroke: #27749f;
  stroke-width: 2.5px;
  stroke-linejoin: round;
}

.measurement-reading {
  cursor: pointer;
  outline: none;
}

.measurement-reading circle {
  fill: #fff;
  stroke: #27749f;
  stroke-width: 2.5px;
}

.measurement-reading .measurement-hit {
  fill: #0000;
  stroke: none;
}

.measurement-reading.active circle:not(.measurement-hit) {
  fill: #123e57;
  stroke: #123e57;
}

.measurement-reading:focus-visible .measurement-hit {
  stroke: #0d698d;
  stroke-width: 2px;
}

.measurement-event line {
  stroke-width: 1.5px;
  stroke-dasharray: 4 5;
}

.measurement-event.recorded line {
  stroke: #bd811c;
}

.measurement-event.recorded path {
  fill: #bd811c;
}

.measurement-event.implemented line {
  stroke: #21825e;
}

.measurement-event.implemented path {
  fill: #21825e;
}

.measurement-selected {
  background: #edf5f8;
  border-radius: 7px;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 10px;
  padding: 9px 12px;
  font-size: 12px;
  display: flex;
}

.measurement-selected b {
  font-size: 17px;
}

.measurement-selected small {
  color: #527084;
  margin-left: auto;
  font-size: 11px;
}

.measurement-chart-caption {
  color: #657d8c;
  flex-wrap: wrap;
  gap: 9px 18px;
  margin-top: 9px;
  font-size: 10px;
  display: flex;
}

.event-key.recorded {
  color: #956218;
}

.event-key.implemented {
  color: #19704f;
}

.process-result-profile {
  --profile-blue: #166881;
  color: #173b51;
  background: #fff;
  border: 1px solid #c5d6e1;
  border-radius: 13px;
  min-width: 0;
  margin: 18px 0;
  overflow: hidden;
  box-shadow: 0 3px 12px #153e5108;
}

.process-profile-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 22px 24px 17px;
  display: flex;
}

.process-profile-eyebrow {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #24708a;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 750;
  display: inline-flex;
}

.process-profile-header h2 {
  letter-spacing: -.025em;
  margin: 7px 0 5px;
  font-size: 20px;
  line-height: 1.25;
}

.process-profile-header p {
  color: #577184;
  margin: 0;
  font-size: 12px;
}

.process-profile-controls {
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
  display: flex;
}

.process-mode-switch {
  background: #edf3f6;
  border: 1px solid #d2e0e8;
  border-radius: 8px;
  padding: 3px;
  display: inline-flex;
}

.process-mode-switch button {
  color: #4d687a;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 5px;
  padding: 9px 14px;
  font: 600 12px system-ui, sans-serif;
}

.process-mode-switch button[aria-pressed="true"] {
  color: #fff;
  background: #123f56;
  box-shadow: 0 2px 4px #14344b20;
}

.process-profile-controls label > span, .process-profile-basis label > span {
  margin-bottom: 4px;
  font-size: 10px;
  font-weight: 650;
  display: block;
}

.process-profile-controls select, .process-profile-basis select {
  color: #284b60;
  background: #fff;
  border: 1px solid #bacfdb;
  border-radius: 7px;
  max-width: 100%;
  padding: 9px 28px 9px 9px;
  font-size: 12px;
}

.process-profile-basis {
  color: #536f82;
  background: #f7fafc;
  border-top: 1px solid #e0e9ef;
  border-bottom: 1px solid #e0e9ef;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px 18px;
  padding: 10px 24px;
  font-size: 11px;
  display: flex;
}

.process-profile-basis label {
  min-width: 0;
  max-width: 100%;
}

.process-profile-basis select {
  width: 100%;
}

.process-profile-assessment {
  grid-template-columns: .9fr 1.1fr;
  gap: 14px;
  margin: 20px 24px 8px;
  display: grid;
}

.process-profile-assessment article {
  background: #f7fafc;
  border: 1px solid #d9e5eb;
  border-radius: 8px;
  padding: 14px 16px;
}

.process-profile-assessment article > span {
  color: #5e788a;
  align-items: center;
  gap: 5px;
  margin-bottom: 7px;
  font-size: 10px;
  font-weight: 650;
  display: flex;
}

.process-profile-assessment strong {
  font-size: 15px;
  line-height: 1.35;
  display: block;
}

.process-profile-assessment p {
  color: #4b6678;
  margin: 7px 0 0;
  font-size: 12px;
  line-height: 1.55;
}

.process-profile-assessment .process-profile-finding.high {
  background: #fff7f5;
  border-color: #ebc4bf #ebc4bf #ebc4bf #bf4b40;
  border-left-style: solid;
  border-left-width: 3px;
}

.process-profile-assessment .process-profile-finding.moderate {
  background: #fffbf1;
  border-color: #e5d4ae #e5d4ae #e5d4ae #b98924;
  border-left-style: solid;
  border-left-width: 3px;
}

.process-profile-assessment .process-profile-review {
  border-left: 3px solid #25748d;
}

.process-profile-latest-alert {
  color: #974335;
  background: #fff8f5;
  border: 1px solid #ecd0c8;
  border-radius: 7px;
  margin: 14px 24px;
  padding: 10px 13px;
  font-size: 12px;
  line-height: 1.5;
}

.process-profile-chart-title {
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 20px 24px 2px;
  font-size: 12px;
  display: flex;
}

.process-profile-chart-title > span {
  color: #5b788c;
  align-items: center;
  gap: 4px;
  font-size: 10px;
  display: flex;
}

.process-location-chart {
  box-sizing: border-box;
  padding: 0 18px;
}

.process-result-line {
  stroke: #709aac;
  stroke-width: 2px;
}

.process-limit-line {
  stroke: #b4c1ca;
  stroke-width: 1px;
  stroke-dasharray: 4 5;
}

.process-result-point {
  --point-color: #657e8e;
  cursor: pointer;
  outline: none;
}

.process-result-point.low {
  --point-color: #2b805d;
}

.process-result-point.moderate {
  --point-color: #b47b13;
}

.process-result-point.high {
  --point-color: #c44d40;
}

.process-result-range {
  stroke: var(--point-color);
  stroke-width: 7px;
  opacity: .2;
  stroke-linecap: round;
}

.process-point-hit {
  fill: #0000;
  stroke: none;
}

.process-point-halo {
  fill: var(--point-color);
  opacity: .09;
  stroke: none;
}

.process-point-dot {
  fill: var(--point-color);
  stroke: #fff;
  stroke-width: 2px;
}

.process-point-empty {
  fill: #f4f7f9;
  stroke: #a2b5c2;
  stroke-dasharray: 2 2;
  stroke-width: 1.3px;
}

.process-point-value {
  fill: #25475d;
  font: 700 13px system-ui, sans-serif;
}

.process-point-label {
  fill: #34566c;
  font: 600 11px system-ui, sans-serif;
}

.process-point-date {
  fill: #6a8190;
  font: 10px system-ui, sans-serif;
}

.process-result-point.selected .process-point-halo {
  opacity: .22;
}

.process-result-point.selected .process-point-label {
  fill: #125674;
  font-weight: 800;
}

.process-result-point:focus-visible .process-point-hit {
  stroke: #165d7d;
  stroke-width: 2px;
}

.process-profile-legend {
  color: #5c7483;
  flex-wrap: wrap;
  gap: 8px 18px;
  margin: -4px 24px 19px;
  font-size: 10px;
  display: flex;
}

.process-profile-legend > .low:before, .process-profile-legend > .moderate:before, .process-profile-legend > .high:before, .process-profile-legend > .neutral:before {
  content: "";
  background: #2b805d;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin-right: 5px;
  display: inline-block;
}

.process-profile-legend > .moderate:before {
  background: #b47b13;
}

.process-profile-legend > .high:before {
  background: #c44d40;
}

.process-profile-legend > .neutral:before {
  background: #9aacb8;
}

.process-profile-branches {
  background: #fcfdfe;
  border: 1px solid #dce6ed;
  border-radius: 8px;
  margin: 0 24px 18px;
}

.process-profile-branches > summary {
  cursor: pointer;
  padding: 13px 14px;
  font-size: 12px;
  font-weight: 650;
}

.process-profile-branches > summary > span {
  color: #6c8090;
  margin-left: 9px;
  font-size: 10px;
  font-weight: 400;
  display: inline-block;
}

.process-profile-branches > p {
  color: #607b8e;
  margin: 0;
  padding: 0 14px 5px;
  font-size: 11px;
  line-height: 1.5;
}

.process-profile-selected {
  background: #eff6f8;
  border: 1px solid #d2e3eb;
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 30px;
  margin: 0 24px;
  padding: 14px 16px;
  display: flex;
}

.process-profile-selected > div > span {
  color: #5b7688;
  margin-bottom: 4px;
  font-size: 10px;
  display: block;
}

.process-profile-selected b {
  font-size: 12px;
}

.process-profile-selected small {
  color: #617b8b;
  font-size: 10px;
  line-height: 1.5;
  display: block;
}

.process-profile-selected > small {
  max-width: 180px;
  margin-left: auto;
}

.process-profile-note {
  color: #627a8b;
  margin: 14px 24px;
  font-size: 11px;
  line-height: 1.6;
}

.process-profile-evidence {
  background: #fafcfd;
  border-top: 1px solid #e2eaf0;
  padding: 12px 24px 15px;
}

.process-profile-evidence > summary {
  cursor: pointer;
  font-size: 11px;
  font-weight: 600;
}

.process-profile-evidence > p {
  color: #617888;
  font-size: 11px;
  line-height: 1.6;
}

.process-profile-table {
  max-width: 100%;
  overflow-x: auto;
}

.process-profile-table table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: 11px;
}

.process-profile-table th, .process-profile-table td {
  vertical-align: top;
  border-bottom: 1px solid #e0e8ee;
  min-width: 105px;
  padding: 9px;
}

.process-profile-table caption {
  text-align: left;
  color: #60798a;
  padding: 8px;
}

.process-result-profile button:focus-visible, .process-result-profile select:focus-visible, .process-result-profile summary:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #1d6f90;
}

.asset-builder-layout > .panel {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 1150px) {
  .asset-builder-layout {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 760px) {
  .measurement-trend {
    padding: 12px 6px;
  }

  .measurement-selected small {
    width: 100%;
    margin-left: 0;
  }

  .process-profile-header {
    gap: 14px;
    padding: 18px 15px;
  }

  .process-profile-header h2 {
    font-size: 18px;
  }

  .process-profile-controls {
    justify-content: space-between;
    gap: 8px;
    width: 100%;
  }

  .process-profile-basis {
    padding: 10px 15px;
  }

  .process-profile-assessment {
    grid-template-columns: minmax(0, 1fr);
    gap: 10px;
    margin: 15px 14px 4px;
  }

  .process-profile-assessment article {
    padding: 12px;
  }

  .process-profile-assessment strong {
    font-size: 14px;
  }

  .process-profile-chart-title {
    flex-wrap: wrap;
    padding: 18px 14px 4px;
  }

  .process-profile-chart-title > span {
    display: none;
  }

  .process-location-chart {
    padding: 0 6px;
  }

  .process-profile-legend {
    gap: 8px 12px;
    margin: 0 14px 16px;
  }

  .process-profile-branches {
    margin: 0 14px 14px;
  }

  .process-profile-branches > summary > span {
    margin: 5px 0 0 15px;
    display: block;
  }

  .process-profile-selected {
    gap: 13px 18px;
    margin: 0 14px;
  }

  .process-profile-selected > small {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .process-profile-note, .process-profile-latest-alert {
    margin: 13px 14px;
  }

  .process-profile-evidence {
    padding: 12px 14px;
  }
}

.measurement-event[role="button"] {
  cursor: pointer;
}

.measurement-event[role="button"]:focus {
  outline: 2px solid #21825e;
}

.measurement-change-review {
  background: #f4faf7;
  border: 1px solid #bed8cf;
  border-radius: 8px;
  gap: 10px;
  margin: 14px 0;
  padding: 14px;
  display: grid;
}

.measurement-change-review label {
  gap: 6px;
  display: grid;
}

.measurement-change-review select {
  width: 100%;
  min-width: 0;
  padding: 8px;
}

.measurement-change-review p {
  margin: 0;
}

.measurement-change-values {
  flex-wrap: wrap;
  gap: 24px;
  display: flex;
}

.measurement-change-values > div {
  gap: 5px;
  display: grid;
}

.measurement-change-values b {
  font-size: 20px;
}

/* [project]/app/trend-risk-overview.css [app-client] (css) */
.trend-risk-overview {
  background: #fff;
  border: 1px solid #c4d6e1;
  border-radius: 14px;
  min-width: 0;
  margin: 18px 0;
  overflow: hidden;
  box-shadow: 0 5px 20px #16394d0b;
}

.intelligence-topbar[data-trend-scope="true"] .intelligence-context, .intelligence-topbar[data-trend-scope="true"] .topbar-risk-signal {
  display: none;
}

.trend-risk-overview-top {
  color: #edf7fb;
  background: linear-gradient(115deg, #082432, #123e52);
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr) minmax(0, .85fr);
  display: grid;
}

.trend-risk-overview-top > header, .trend-risk-overview-state, .trend-risk-overview-coverage {
  min-width: 0;
  padding: 23px;
}

.trend-risk-overview-top > header > span {
  text-transform: uppercase;
  letter-spacing: .09em;
  color: #8bd2e9;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}

.trend-risk-overview-top h2 {
  color: #fff;
  letter-spacing: -.025em;
  margin: 10px 0 9px;
  font-size: 22px;
  line-height: 1.25;
}

.trend-risk-overview-top p {
  color: #d5e4ec;
  margin: 6px 0;
  font-size: 12px;
  line-height: 1.55;
}

.trend-risk-overview-top small {
  color: #a6c0cf;
  font-size: 11px;
  line-height: 1.6;
  display: block;
}

.trend-risk-overview-state {
  border-inline: 1px solid #ffffff13;
}

.trend-risk-overview-state > span:first-child, .trend-risk-overview-coverage > span {
  color: #9dc1d3;
  margin-bottom: 10px;
  font-size: 10px;
  font-weight: 650;
  display: block;
}

.trend-risk-overview-state .trend-risk-badge {
  padding: 6px 10px;
  font-size: 15px;
}

.trend-risk-overview-coverage > b {
  font-size: 24px;
}

.trend-risk-overview-coverage > div {
  background: #071e2b;
  border-radius: 9px;
  height: 6px;
  margin: 13px 0 8px;
  overflow: hidden;
}

.trend-risk-overview-coverage > div > i {
  background: #65becf;
  border-radius: 9px;
  height: 100%;
  display: block;
}

.trend-risk-overview-bottom {
  padding: 17px 22px;
}

.trend-risk-counts {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.trend-risk-counts > button {
  color: #34586d;
  cursor: pointer;
  background: #f7fafc;
  border: 1px solid #cadbe6;
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-height: 38px;
  padding: 9px 12px;
  font-size: 11px;
  display: flex;
}

.trend-risk-counts > button > b {
  font-size: 17px;
}

.trend-risk-counts > button[aria-pressed="true"] {
  outline-offset: 2px;
  outline: 2px solid #276982;
}

.trend-risk-counts > button.high {
  color: #a73730;
  background: #fff2ef;
  border-color: #efc8c2;
}

.trend-risk-counts > button.moderate {
  color: #805c06;
  background: #fff8dd;
  border-color: #e6d49b;
}

.trend-risk-counts > button.low {
  color: #216646;
  background: #f0f8f3;
  border-color: #c4dfcf;
}

.trend-risk-counts > button.unassessed {
  color: #596b7a;
}

.trend-risk-drill-heading {
  color: #234d65;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  margin: 23px 0 11px;
  font-size: 12px;
  display: flex;
}

.trend-risk-drill-heading > span {
  color: #678192;
  font-size: 11px;
}

.trend-risk-assets {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

.trend-risk-assets > button {
  text-align: left;
  color: #284c63;
  cursor: pointer;
  background: #fbfdfe;
  border: 1px solid #d7e3eb;
  border-radius: 8px;
  min-width: 0;
  padding: 13px;
  transition: border-color .12s;
}

.trend-risk-assets > button:hover {
  background: #f4f9fb;
  border-color: #568da6;
}

.trend-risk-assets > button > div {
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  font-size: 13px;
  display: flex;
}

.trend-risk-assets > button > span {
  color: #677f90;
  margin-top: 5px;
  font-size: 10px;
  display: block;
}

.trend-risk-assets > button > p {
  color: #385b71;
  margin: 10px 0;
  font-size: 11px;
}

.trend-risk-assets footer {
  color: #6a8292;
  justify-content: space-between;
  gap: 8px;
  font-size: 10px;
  line-height: 1.4;
  display: flex;
}

.trend-risk-assets footer svg {
  color: #2b6a85;
  flex: none;
}

.trend-risk-overview-note {
  color: #698192;
  margin: 13px 0 0;
  font-size: 11px;
  line-height: 1.55;
}

.trend-risk-show-all {
  color: #276780;
  cursor: pointer;
  background: #fff;
  border: 1px solid #bcd1df;
  border-radius: 6px;
  margin-top: 12px;
  padding: 8px 11px;
  font-size: 11px;
}

.trend-risk-empty {
  color: #627e91;
  padding: 12px 0;
  font-size: 12px;
}

.trend-risk-badge {
  color: #607584;
  white-space: nowrap;
  background: #edf2f5;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  width: fit-content;
  padding: 3px 7px;
  font-size: 10px;
  font-weight: 750;
  line-height: 1.4;
  display: inline-flex;
}

.trend-risk-badge > i {
  background: currentColor;
  border-radius: 50%;
  flex: none;
  width: 6px;
  height: 6px;
  display: inline-block;
}

.trend-risk-badge.high {
  color: #a9362e;
  background: #fbe7e2;
}

.trend-risk-badge.moderate {
  color: #7d5b05;
  background: #fff0b2;
}

.trend-risk-badge.low {
  color: #246c49;
  background: #e4f3e9;
}

.trend-sample-legend {
  color: #527084;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin: 4px 0 13px;
  font-size: 10px;
  display: flex;
}

.trend-sample-legend > span:before {
  content: "";
  background: #8b9daa;
  border-radius: 50%;
  width: 7px;
  height: 7px;
  margin-right: 5px;
  display: inline-block;
}

.trend-sample-legend > .high:before {
  background: #c8493e;
}

.trend-sample-legend > .moderate:before {
  background: #c89415;
}

.trend-sample-legend > .low:before {
  background: #2d8862;
}

.trend-sample-legend > small {
  color: #6a8394;
  font-size: 10px;
}

.trend-lab-direction-banner .trend-lab-series-grid > .trend-risk-series {
  background: #fff;
  border: 1px solid #cfdfeb;
  flex-basis: 206px;
  width: 206px;
  padding: 11px;
}

.trend-lab-direction-banner .trend-lab-series-grid > .trend-risk-series.active {
  box-shadow: 0 0 0 2px #397b9d;
}

.trend-series-risk-label {
  flex-direction: column;
  align-items: flex-start;
  gap: 7px;
  margin: 6px 0 10px;
  display: flex;
}

.trend-series-risk-label > span:first-child {
  color: #637e8f;
  font-size: 9px;
}

.trend-series-average-label {
  color: #718592;
  font-size: 9px;
  display: block;
}

.trend-lab-direction-banner .trend-lab-series-value {
  margin-top: 1px;
}

.trend-lab-direction-banner .trend-risk-spark {
  width: 100%;
  height: 62px;
  margin: 8px 0;
  display: block;
  overflow: visible;
}

.trend-risk-spark .sample-average-line {
  fill: none;
  stroke: #819eae;
  stroke-width: 1px;
  opacity: .7;
}

.trend-lab-spark.trend-risk-spark circle {
  stroke: none;
}

.trend-series-risk-counts {
  color: #718694;
  flex-wrap: wrap;
  gap: 5px 9px;
  margin: 3px 0 8px;
  font-size: 9px;
  display: flex;
}

.trend-series-risk-counts > .high {
  color: #a33c31;
}

.trend-series-risk-counts > .moderate {
  color: #896205;
}

.trend-series-risk-counts > .low {
  color: #28734f;
}

.trend-lab-assessment.trend-assessment-evidence {
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
}

.trend-sample-readings {
  border-top: 1px solid #d9e6ee;
  min-width: 0;
  padding: 18px;
}

.trend-sample-readings > header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  display: flex;
}

.trend-sample-readings h3 {
  color: #264d65;
  margin: 0 0 4px;
  font-size: 15px;
}

.trend-sample-readings p {
  color: #637e91;
  margin: 0;
  font-size: 11px;
}

.trend-sample-readings label {
  color: #607e91;
  font-size: 10px;
  font-weight: 600;
}

.trend-sample-readings select {
  color: #264e65;
  background: #fff;
  border: 1px solid #bed1df;
  border-radius: 6px;
  max-width: 100%;
  margin-top: 5px;
  padding: 8px;
  font-size: 11px;
  display: block;
}

.trend-sample-table {
  max-width: 100%;
  overflow-x: auto;
}

.trend-sample-table table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: 11px;
}

.trend-sample-table th {
  color: #56758a;
  white-space: nowrap;
  background: #f1f6f9;
  font-size: 10px;
}

.trend-sample-table th, .trend-sample-table td {
  vertical-align: top;
  border-bottom: 1px solid #e0e9ef;
  padding: 10px 8px;
}

.trend-sample-table td {
  color: #365b72;
  min-width: 95px;
}

.trend-sample-table td small {
  color: #778d9b;
  margin-top: 3px;
  font-size: 10px;
  line-height: 1.4;
  display: block;
}

.trend-sample-table tr[data-sample-risk="High"] > td:first-child {
  border-left: 3px solid #c8493e;
}

.trend-sample-table tr[data-sample-risk="Moderate"] > td:first-child {
  border-left: 3px solid #c89415;
}

.trend-sample-table tr[data-sample-risk="Low"] > td:first-child {
  border-left: 3px solid #2d8862;
}

.trend-sample-table td button {
  color: #286985;
  cursor: pointer;
  background: #f6fafc;
  border: 1px solid #c1d5e1;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  padding: 5px 7px;
  font-size: 10px;
  display: flex;
}

.trend-sample-table-note {
  color: #668092;
  margin-top: 10px;
  font-size: 10px;
  line-height: 1.5;
  display: block;
}

.trend-risk-overview button:focus-visible, .trend-sample-readings button:focus-visible, .trend-sample-readings select:focus-visible {
  outline-offset: 2px;
  outline: 2px solid #257195;
}

@media (max-width: 1050px) {
  .trend-risk-overview-top {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  }

  .trend-risk-overview-top > header {
    border-bottom: 1px solid #ffffff15;
    grid-column: 1 / -1;
  }

  .trend-risk-overview-state {
    border-left: 0;
  }

  .trend-risk-assets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .trend-risk-overview-top {
    grid-template-columns: minmax(0, 1fr);
  }

  .trend-risk-overview-top > header, .trend-risk-overview-state, .trend-risk-overview-coverage {
    padding: 17px;
  }

  .trend-risk-overview-top h2 {
    font-size: 21px;
  }

  .trend-risk-overview-state {
    border-bottom: 1px solid #ffffff15;
    border-right: 0;
  }

  .trend-risk-overview-bottom {
    padding: 15px;
  }

  .trend-risk-assets {
    grid-template-columns: minmax(0, 1fr);
  }

  .trend-risk-counts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    display: grid;
  }

  .trend-risk-counts > button {
    gap: 7px;
    padding: 8px;
  }

  .trend-risk-counts > button:first-child {
    grid-column: 1 / -1;
  }

  .trend-lab-direction-banner .trend-lab-series-grid > .trend-risk-series {
    flex-basis: min(76vw, 240px);
    width: min(76vw, 240px);
  }

  .trend-lab-assessment.trend-assessment-evidence {
    grid-template-columns: minmax(0, 1fr);
  }

  .trend-sample-readings {
    padding: 13px;
  }
}

/* [project]/app/recommendation-rows.css [app-client] (css) */
.analysis-portfolio {
  gap: 14px;
}

.analysis-portfolio .action-portfolio-hero {
  border-radius: 12px;
  gap: 18px;
  padding: 19px 22px;
}

.analysis-portfolio .action-portfolio-hero > div > span {
  font-size: 12px;
}

.analysis-portfolio .action-portfolio-hero h1 {
  margin: 5px 0;
  font-size: 28px;
}

.analysis-portfolio .action-portfolio-hero p {
  margin: 5px 0 0;
  font-size: 13px;
}

.analysis-portfolio .action-portfolio-export button {
  min-height: 36px;
  font-size: 12px;
}

.analysis-portfolio .action-portfolio-filters {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
  display: grid;
}

.analysis-portfolio .action-portfolio-filters label {
  gap: 5px;
  font-size: 12px;
}

.analysis-portfolio .action-portfolio-filters select, .analysis-portfolio .action-portfolio-filters input {
  min-height: 36px;
  padding: 7px 9px;
  font-size: 12px;
}

.analysis-portfolio .action-portfolio-filters .action-portfolio-search {
  grid-column: span 4;
}

.analysis-portfolio .action-portfolio-filters > button {
  min-height: 36px;
  font-size: 12px;
}

.analysis-portfolio .analysis-summary {
  color: #486b7e;
  background: none;
  border: 0;
  margin: 0;
  padding: 0 2px;
  font-size: 12px;
  line-height: 1.6;
}

.recommendation-list {
  background: #fff;
  border: 1px solid #cbdce6;
  border-radius: 11px;
  min-width: 0;
  overflow: hidden;
}

.recommendation-list-toolbar {
  background: #f9fcfe;
  border-bottom: 1px solid #d4e2eb;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  padding: 14px 16px;
  display: flex;
}

.recommendation-list-toolbar > div:first-child {
  gap: 5px;
  display: grid;
}

.recommendation-list-toolbar b {
  color: #234d64;
  font-size: 14px;
}

.recommendation-list-toolbar span {
  color: #648094;
  font-size: 12px;
}

.recommendation-list-controls {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.recommendation-list-controls label {
  color: #557589;
  gap: 5px;
  font-size: 12px;
  font-weight: 650;
  display: grid;
}

.recommendation-list-controls select {
  color: #244e66;
  background: #fff;
  border: 1px solid #c1d5e1;
  border-radius: 6px;
  min-height: 34px;
  padding: 7px 9px;
  font-size: 12px;
}

.recommendation-table-scroll {
  scrollbar-gutter: stable;
  max-width: 100%;
  max-height: 70vh;
  overflow: auto;
}

.recommendation-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  width: 100%;
  min-width: 940px;
}

.recommendation-table.engineering {
  min-width: 1060px;
}

.recommendation-table .asset-col {
  width: 16%;
}

.recommendation-table .risk-col {
  width: 9%;
}

.recommendation-table .finding-col {
  width: 22%;
}

.recommendation-table .response-col {
  width: 25%;
}

.recommendation-table .timing-col {
  width: 16%;
}

.recommendation-table .analysis-col {
  width: 12%;
}

.recommendation-table.engineering .asset-col {
  width: 14%;
}

.recommendation-table.engineering .risk-col {
  width: 8%;
}

.recommendation-table.engineering .finding-col {
  width: 21%;
}

.recommendation-table.engineering .response-col {
  width: 23%;
}

.recommendation-table.engineering .timing-col {
  width: 13%;
}

.recommendation-table.engineering .confidence-col {
  width: 10%;
}

.recommendation-table.engineering .analysis-col {
  width: 11%;
}

.recommendation-table thead th {
  z-index: 2;
  color: #42687f;
  vertical-align: middle;
  background: #ecf3f7;
  border-bottom: 1px solid #c5d8e4;
  padding: 11px 12px;
  font-size: 12px;
  font-weight: 700;
  position: sticky;
  top: 0;
}

.recommendation-table tbody :is(th, td) {
  vertical-align: top;
  color: #365c72;
  overflow-wrap: anywhere;
  background: #fff;
  border-bottom: 1px solid #e1ebf1;
  padding: 12px;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.45;
}

.recommendation-table tbody tr:nth-child(2n) > :is(th, td) {
  background: #f8fbfd;
}

.recommendation-table tbody tr:hover > :is(th, td) {
  background: #eff7fa;
}

.recommendation-table tbody tr:last-child > :is(th, td) {
  border-bottom: 0;
}

.recommendation-table tbody th {
  z-index: 1;
  border-left: 3px solid #8ba5b5;
  position: sticky;
  left: 0;
}

.recommendation-table thead th:first-child {
  z-index: 3;
  left: 0;
}

.recommendation-table .risk-high > th {
  border-left-color: #bf4940;
}

.recommendation-table .risk-moderate > th {
  border-left-color: #c49122;
}

.recommendation-table .risk-low > th {
  border-left-color: #348168;
}

.recommendation-table tbody b {
  color: #234d65;
  margin-bottom: 4px;
  font-size: 14px;
  font-weight: 650;
  display: block;
}

.recommendation-table tbody th > b {
  font-size: 14px;
  font-weight: 750;
}

.recommendation-table tbody small {
  color: #6c8494;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.45;
  display: block;
}

.recommendation-table tbody th > span {
  color: #45677c;
  font-size: 12px;
  display: block;
}

.recommendation-table tbody p {
  color: #537387;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  margin: 5px 0 0;
  font-size: 12px;
  line-height: 1.5;
  display: -webkit-box;
  overflow: hidden;
}

.recommendation-response > b {
  display: block;
}

.recommendation-risk {
  color: #5b7485;
  white-space: nowrap;
  background: #eef2f5;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  padding: 3px 6px;
  font-size: 12px;
  font-weight: 750;
  display: inline-flex;
}

.recommendation-risk i {
  background: currentColor;
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
}

.recommendation-risk.high {
  color: #a63b32;
  background: #fbe9e5;
}

.recommendation-risk.moderate {
  color: #85600a;
  background: #fff3c9;
}

.recommendation-risk.low {
  color: #2b7154;
  background: #e6f4ec;
}

.recommendation-table .recommendation-when b, .recommendation-table .recommendation-confidence b {
  font-size: 12px;
}

.recommendation-table td button {
  white-space: normal;
  color: #276581;
  background: #fff;
  border-color: #bdd4e1;
  gap: 4px;
  width: 100%;
  height: auto;
  min-height: 34px;
  padding: 6px;
  font-size: 14px;
  display: flex;
}

.recommendation-table td button svg {
  flex: none;
  width: 12px;
  height: 12px;
}

.recommendation-list-pagination {
  color: #607e91;
  border-top: 1px solid #d4e2eb;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.recommendation-list-pagination > span {
  font-size: 12px;
}

.recommendation-list-pagination nav {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.recommendation-list-pagination button {
  height: 33px;
  min-height: 33px;
  padding: 6px 9px;
  font-size: 12px;
}

.recommendation-list-pagination button svg {
  width: 13px;
  height: 13px;
}

.recommendation-list-pagination form {
  align-items: center;
  gap: 6px;
  margin: 0 5px;
  display: flex;
}

.recommendation-list-pagination label {
  align-items: center;
  gap: 6px;
  font-size: 12px;
  display: flex;
}

.recommendation-list-pagination input {
  color: #254c64;
  background: #fff;
  border: 1px solid #bdd0dc;
  border-radius: 5px;
  width: 53px;
  height: 33px;
  padding: 5px;
  font-size: 12px;
}

.recommendation-list-empty {
  color: #5f7f94;
  margin: 0;
  padding: 24px;
  font-size: 13px;
  line-height: 1.6;
}

.recommendation-table-scroll:focus-visible {
  outline-offset: -2px;
  outline: 2px solid #2583a2;
}

.action-portfolio-back > span {
  color: #5c7c8f;
  font-size: 12px;
}

@media (max-width: 1100px) {
  .analysis-portfolio .action-portfolio-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .analysis-portfolio .action-portfolio-filters .action-portfolio-search {
    grid-column: span 2;
  }

  .analysis-portfolio .action-portfolio-filters > button {
    grid-column: 3;
  }
}

@media (max-width: 600px) {
  .analysis-portfolio .action-portfolio-hero {
    padding: 16px;
  }

  .analysis-portfolio .action-portfolio-hero h1 {
    font-size: 25px;
  }

  .analysis-portfolio .action-portfolio-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .analysis-portfolio .action-portfolio-filters > button {
    grid-column: auto;
  }

  .analysis-portfolio .action-portfolio-filters .action-portfolio-search {
    grid-column: 1 / -1;
  }

  .recommendation-list-toolbar {
    padding: 12px;
  }

  .recommendation-list-controls {
    gap: 8px;
    width: 100%;
  }

  .recommendation-list-controls label:first-child {
    flex: 1;
  }

  .recommendation-list-controls select {
    max-width: 100%;
  }

  .recommendation-table-scroll {
    max-height: 65vh;
  }

  .recommendation-list-pagination {
    padding: 12px;
  }

  .recommendation-list-pagination nav {
    justify-content: center;
    width: 100%;
  }

  .recommendation-list-pagination form {
    order: 1;
    justify-content: center;
    width: 100%;
    margin: 4px 0 0;
  }

  .recommendation-list-pagination button, .recommendation-list-pagination input {
    height: 38px;
    min-height: 38px;
  }
}

/* [project]/app/asset-portfolio-rows.css [app-client] (css) */
.workspace-shell .asset-row-overview {
  border-radius: 12px;
  min-width: 0;
  max-width: 100%;
}

.asset-row-overview .asset-portfolio-head {
  gap: 16px;
  padding: 18px 20px;
}

.asset-row-overview .asset-portfolio-head h2 {
  margin: 5px 0;
  font-size: 23px;
}

.asset-row-overview .asset-portfolio-head p {
  font-size: 12px;
}

.asset-row-overview .asset-portfolio-actions button {
  min-height: 34px;
  font-size: 11px;
}

.asset-row-summary {
  color: #56778b;
  background: #f4f9fc;
  border-block: 1px solid #d4e2eb;
  flex-wrap: wrap;
  gap: 8px 22px;
  padding: 12px 20px;
  font-size: 12px;
  display: flex;
}

.asset-row-summary b {
  color: #244e65;
  font-weight: 750;
}

.asset-row-summary .high, .asset-row-summary .high b {
  color: #a43a31;
}

.asset-row-summary .moderate, .asset-row-summary .moderate b {
  color: #85600a;
}

.asset-row-list {
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
}

.asset-row-toolbar {
  background: #f9fcfe;
  border-bottom: 1px solid #d4e2eb;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 14px;
  padding: 15px 18px;
  display: flex;
}

.asset-row-list-title {
  gap: 5px;
  display: grid;
}

.asset-row-list-title h3 {
  color: #234d64;
  margin: 0;
  font-size: 14px;
}

.asset-row-list-title span {
  color: #648094;
  font-size: 11px;
}

.asset-row-controls {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 10px;
  display: flex;
}

.asset-row-controls label {
  color: #557589;
  gap: 5px;
  min-width: 0;
  font-size: 10px;
  font-weight: 650;
  display: grid;
}

.asset-row-controls input, .asset-row-controls select {
  color: #244e66;
  background: #fff;
  border: 1px solid #c1d5e1;
  border-radius: 6px;
  max-width: 100%;
  min-height: 35px;
  padding: 7px 9px;
  font-size: 12px;
}

.asset-row-controls .asset-row-search {
  flex: 1;
  min-width: 170px;
}

.asset-row-controls .asset-row-search input {
  width: 100%;
}

.asset-row-controls > button {
  min-height: 35px;
  font-size: 11px;
}

.asset-row-scroll {
  scrollbar-gutter: stable;
  max-width: 100%;
  max-height: 70vh;
  overflow: auto;
}

.asset-row-scroll:focus-visible {
  outline-offset: -2px;
  outline: 2px solid #2583a2;
}

.asset-row-table {
  table-layout: fixed;
  border-collapse: separate;
  border-spacing: 0;
  text-align: left;
  width: 100%;
  min-width: 820px;
}

.asset-row-table.engineering {
  min-width: 1180px;
}

.asset-row-table .asset-name-col {
  width: 20%;
}

.asset-row-table .asset-risk-col {
  width: 32%;
}

.asset-row-table .asset-coverage-col {
  width: 22%;
}

.asset-row-table .asset-open-col {
  width: 26%;
}

.asset-row-table.engineering .asset-name-col {
  width: 16%;
}

.asset-row-table.engineering .asset-risk-col {
  width: 22%;
}

.asset-row-table.engineering .asset-family-col {
  width: 10%;
}

.asset-row-table.engineering .asset-coverage-col {
  width: 17%;
}

.asset-row-table.engineering .asset-open-col {
  width: 15%;
}

.asset-row-table thead th {
  z-index: 2;
  color: #42687f;
  vertical-align: middle;
  background: #ecf3f7;
  border-bottom: 1px solid #c5d8e4;
  padding: 11px 12px;
  font-size: 10px;
  font-weight: 700;
  position: sticky;
  top: 0;
}

.asset-row-table tbody :is(th, td) {
  color: #365c72;
  vertical-align: top;
  overflow-wrap: anywhere;
  background: #fff;
  border-bottom: 1px solid #e1ebf1;
  padding: 11px 12px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.45;
}

.asset-row-table tbody tr:nth-child(2n) > :is(th, td) {
  background: #f8fbfd;
}

.asset-row-table tbody tr:hover > :is(th, td) {
  background: #eff7fa;
}

.asset-row-table tbody tr:last-child > :is(th, td) {
  border-bottom: 0;
}

.asset-row-table tbody th {
  z-index: 1;
  border-right: 1px solid #e1ebf1;
  position: sticky;
  left: 0;
}

.asset-row-table thead th:first-child {
  z-index: 3;
  left: 0;
}

.asset-row-table tbody b {
  color: #234d65;
  margin-bottom: 3px;
  font-size: 12px;
  font-weight: 650;
  display: block;
}

.asset-row-table tbody th > b {
  font-size: 13px;
  font-weight: 750;
}

.asset-row-table tbody th > span {
  color: #45677c;
  font-size: 11px;
  display: block;
}

.asset-row-table tbody small {
  color: #6c8494;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.45;
  display: block;
}

.asset-row-risk {
  white-space: nowrap;
  color: #5b7485;
  background: #eef2f5;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  padding: 3px 6px;
  font-size: 10px;
  font-weight: 750;
  display: inline-flex;
}

.asset-row-risk i {
  background: currentColor;
  border-radius: 50%;
  flex: none;
  width: 5px;
  height: 5px;
}

.asset-row-risk.red {
  color: #a63b32;
  background: #fbe9e5;
}

.asset-row-risk.amber {
  color: #85600a;
  background: #fff3c9;
}

.asset-row-risk.green {
  color: #2b7154;
  background: #e6f4ec;
}

.asset-row-counts {
  color: #607d8e;
  flex-wrap: wrap;
  gap: 4px 8px;
  margin-top: 7px;
  font-size: 10px;
  display: flex;
}

.asset-row-counts span {
  white-space: nowrap;
}

.asset-row-counts .high {
  color: #a43a31;
  font-weight: 750;
}

.asset-row-counts .moderate {
  color: #85600a;
  font-weight: 750;
}

.asset-row-table .asset-row-open p {
  color: #537387;
  margin: 0 0 7px;
  font-size: 11px;
  line-height: 1.5;
}

.asset-row-table .asset-row-open button {
  color: #276581;
  white-space: normal;
  border-color: #bdd4e1;
  gap: 5px;
  width: 100%;
  height: auto;
  min-height: 32px;
  padding: 5px 7px;
  font-size: 10px;
  display: flex;
}

.asset-row-table .asset-row-open button + button {
  margin-top: 4px;
}

.asset-row-table .asset-row-open button svg {
  flex: none;
  width: 12px;
  height: 12px;
}

.asset-row-table.operator .asset-row-open button {
  width: auto;
  margin: 0 6px 0 0;
  display: inline-flex;
}

.asset-row-pagination {
  color: #607e91;
  border-top: 1px solid #d4e2eb;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.asset-row-pagination > span {
  font-size: 11px;
}

.asset-row-pagination nav {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.asset-row-pagination button {
  height: 33px;
  min-height: 33px;
  padding: 6px 9px;
  font-size: 11px;
}

.asset-row-pagination button svg {
  width: 13px;
  height: 13px;
}

.asset-row-pagination form {
  align-items: center;
  gap: 6px;
  margin: 0 5px;
  display: flex;
}

.asset-row-pagination label {
  align-items: center;
  gap: 6px;
  font-size: 11px;
  display: flex;
}

.asset-row-pagination input {
  color: #254c64;
  background: #fff;
  border: 1px solid #bdd0dc;
  border-radius: 5px;
  width: 53px;
  height: 33px;
  padding: 5px;
  font-size: 11px;
}

.asset-row-note {
  color: #647f91;
  margin: 0;
  padding: 0 18px 14px;
  font-size: 10px;
  line-height: 1.6;
}

.asset-row-empty {
  justify-items: start;
  gap: 10px;
  padding: 14px;
  font-size: 12px;
  display: grid;
}

.asset-row-empty button {
  min-height: 35px;
}

.asset-row-supplement {
  border-top: 1px solid #d4e2eb;
  min-width: 0;
  max-width: 100%;
}

.asset-row-supplement > summary {
  color: #315f77;
  cursor: pointer;
  padding: 15px 18px;
  font-size: 12px;
  font-weight: 650;
}

.asset-row-supplement > summary:focus-visible {
  outline-offset: -3px;
  outline: 2px solid #2583a2;
}

.asset-row-supplement .asset-portfolio-family-grid {
  padding-top: 0;
}

.asset-coverage-supplement {
  background: #fff;
  border: 1px solid #cbdce6;
  border-radius: 12px;
  overflow: hidden;
}

.asset-coverage-supplement .asset-portfolio-process {
  border: 0;
  border-top: 1px solid #cbdce6;
  border-radius: 0;
  margin: 0;
}

@media (max-width: 700px) {
  .asset-row-overview .asset-portfolio-head {
    padding: 15px;
  }

  .asset-row-summary {
    gap: 8px 14px;
    padding: 12px 15px;
  }

  .asset-row-toolbar {
    padding: 12px;
  }

  .asset-row-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    width: 100%;
    display: grid;
  }

  .asset-row-controls .asset-row-search {
    grid-column: 1 / -1;
    min-width: 0;
  }

  .asset-row-controls input, .asset-row-controls select {
    width: 100%;
    min-height: 40px;
  }

  .asset-row-scroll {
    max-height: 65vh;
  }

  .asset-row-pagination {
    padding: 12px;
  }

  .asset-row-pagination nav {
    justify-content: center;
    width: 100%;
  }

  .asset-row-pagination form {
    order: 1;
    justify-content: center;
    width: 100%;
    margin: 4px 0 0;
  }

  .asset-row-pagination button, .asset-row-pagination input {
    height: 38px;
    min-height: 38px;
  }
}

/* [project]/app/decision-engine.css [app-client] (css) */
.engine-page {
  color: #162d38;
  background: #f3f6f8;
  max-width: 1600px;
  min-height: 100vh;
  margin: auto;
  padding: 28px 32px 48px;
  font-size: 16px;
}

.engine-page h1 {
  align-items: center;
  gap: 12px;
  margin: 14px 0 6px;
  font-size: 30px;
  display: flex;
}

.engine-page h2 {
  margin: 0 0 8px;
  font-size: 21px;
}

.engine-page h3 {
  margin: 0 0 10px;
  font-size: 17px;
}

.engine-page h4 {
  margin: 16px 0 6px;
  font-size: 15px;
}

.engine-page p {
  color: #4c646f;
  margin: 0 0 14px;
  line-height: 1.55;
}

.engine-page small {
  color: #526b77;
  font-size: 13px;
  line-height: 1.5;
}

.engine-header, .engine-toolbar, .engine-section-heading {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
}

.engine-header > a, .engine-header a {
  color: #246079;
  align-items: center;
  gap: 8px;
  font-size: 14px;
  display: inline-flex;
}

.engine-status {
  text-align: right;
  flex-shrink: 0;
  gap: 7px;
  display: grid;
}

.engine-status b {
  color: #245e48;
  background: #dcefe8;
  border-radius: 6px;
  padding: 8px 12px;
  font-size: 14px;
}

.engine-status span {
  color: #637883;
  font-size: 14px;
}

.engine-toolbar {
  background: #fff;
  border: 1px solid #d8e2e8;
  border-radius: 10px;
  margin: 18px 0;
  padding: 18px;
}

.engine-toolbar label {
  flex: 1;
  max-width: 470px;
}

.engine-toolbar > div {
  gap: 10px;
  display: flex;
}

.engine-page label {
  gap: 7px;
  font-size: 14px;
  font-weight: 600;
  display: grid;
}

.engine-page input, .engine-page textarea, .engine-page select {
  font: inherit;
  color: #173542;
  background: #fff;
  border: 1px solid #bdcdd6;
  border-radius: 6px;
  width: 100%;
  min-height: 40px;
  padding: 9px 10px;
  font-weight: 400;
}

.engine-page input:focus, .engine-page textarea:focus, .engine-page select:focus {
  outline-offset: 2px;
  outline: 2px solid #19889c;
}

.engine-page fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.engine-page button:disabled {
  opacity: .48;
  cursor: not-allowed;
}

.engine-tabs {
  border-bottom: 1px solid #cddae1;
  gap: 8px;
  margin-bottom: 22px;
  display: flex;
}

.engine-tabs button {
  border-bottom: 3px solid #0000;
  padding: 12px 16px;
  font-size: 15px;
}

.engine-tabs button[aria-selected="true"] {
  color: #125366;
  border-color: #19778e;
  font-weight: 700;
}

.engine-layout {
  grid-template-columns: minmax(0, 1fr) 315px;
  align-items: start;
  gap: 22px;
  display: grid;
}

.engine-main {
  background: #fff;
  border: 1px solid #d8e2e8;
  border-radius: 10px;
  min-width: 0;
  padding: 23px;
}

.engine-test {
  background: #e7f0f4;
  border: 1px solid #cadbe4;
  border-radius: 10px;
  gap: 12px;
  padding: 20px;
  display: grid;
}

.engine-test fieldset {
  gap: 11px;
  display: grid;
}

.engine-test p {
  font-size: 14px;
}

.engine-eyebrow {
  letter-spacing: .08em;
  color: #31596b;
  font-size: 12px;
  font-weight: 700;
}

.engine-tree-editor {
  grid-template-columns: minmax(200px, .75fr) minmax(300px, 1.25fr);
  align-items: start;
  gap: 22px;
  margin-top: 18px;
  display: grid;
}

.engine-tree {
  gap: 12px;
  display: grid;
}

.engine-start {
  text-align: center;
  color: #fff;
  background: #193d50;
  border-radius: 20px;
  padding: 14px;
  font-size: 14px;
  font-weight: 700;
}

.engine-node {
  text-align: left;
  background: #f8fbfc;
  border: 1px solid #c3d3dc;
  border-radius: 8px;
  gap: 7px;
  width: 100%;
  padding: 13px;
  display: grid;
}

.engine-node.selected {
  background: #edf7fa;
  border: 2px solid #1c7b94;
  padding: 12px;
}

.engine-node > span {
  letter-spacing: .04em;
  color: #53707e;
  font-size: 11px;
}

.engine-node b {
  font-size: 15px;
}

.engine-node small {
  font-size: 13px;
}

.engine-node em {
  color: #126779;
  border-top: 1px solid #d7e5eb;
  padding-top: 8px;
  font-size: 13px;
  font-style: normal;
}

.engine-order {
  color: #6b7e88;
  justify-content: space-between;
  align-items: center;
  margin: 6px 0;
  font-size: 12px;
  display: flex;
}

.engine-order button {
  border: 1px solid #ccdce4;
  border-radius: 5px;
  padding: 6px;
}

.engine-fallback {
  border: 1px dashed #98b4c2;
  border-radius: 8px;
  gap: 8px;
  padding: 14px;
  font-size: 14px;
  display: grid;
}

.engine-branch-form {
  display: grid;
  gap: 13px !important;
}

.engine-condition {
  grid-template-columns: 1.2fr .7fr 1fr 20px;
  gap: 5px;
  display: grid;
}

.engine-condition select, .engine-condition input {
  min-width: 0;
  padding: 7px 5px;
  font-size: 14px;
}

.engine-pair {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.engine-page .engine-checkbox {
  align-items: center;
  gap: 9px;
  font-size: 14px;
  line-height: 1.5;
  display: flex;
}

.engine-checkbox input {
  width: 17px;
  height: 17px;
  min-height: 0;
}

.engine-delete {
  color: #924249;
  padding: 6px;
}

.engine-help {
  color: #607883 !important;
  font-size: 13px !important;
}

.engine-empty {
  text-align: center;
  justify-items: center;
  gap: 10px;
  padding: 30px 14px;
  display: grid;
}

.engine-limits {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  display: grid;
  margin: 24px 0 !important;
}

.engine-limits label > div {
  align-items: center;
  gap: 10px;
  display: flex;
}

.engine-limits input {
  max-width: 115px;
}

.engine-limits span {
  color: #637985;
  font-weight: 400;
}

.engine-test-result {
  border-top: 1px solid #c1d5df;
  padding-top: 14px;
}

.engine-test-result p > span {
  color: #246373;
  font-size: 12px;
  font-weight: 700;
}

.engine-test-result ul {
  padding-left: 18px;
  font-size: 14px;
  list-style: outside;
}

.engine-activation {
  border-top: 1px solid #bed3de;
  gap: 9px;
  margin-top: 9px;
  padding-top: 17px;
  display: grid;
}

.engine-history {
  border-bottom: 1px solid #dbe4e9;
  justify-content: space-between;
  align-items: center;
  gap: 15px;
  padding: 18px 0;
  display: flex;
}

.engine-history small {
  overflow-wrap: anywhere;
}

.engine-error, .engine-message {
  border-radius: 7px;
  margin: 12px 0;
  padding: 13px 16px;
  font-size: 14px;
}

.engine-error {
  color: #8a2635;
  background: #fff0f1;
  border: 1px solid #e9bec5;
}

.engine-message {
  color: #245e48;
  background: #e5f3e9;
  border: 1px solid #bed9c8;
  align-items: center;
  gap: 8px;
  display: flex;
}

.engine-footer {
  color: #627985;
  padding-top: 22px;
  font-size: 13px;
  line-height: 1.6;
}

.engine-page button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #19889c;
}

@media (max-width: 1200px) {
  .engine-tree-editor {
    grid-template-columns: 1fr;
  }

  .engine-tree {
    max-height: 420px;
    overflow: auto;
  }

  .engine-condition select, .engine-condition input {
    font-size: 14px;
  }
}

@media (max-width: 850px) {
  .engine-page {
    padding: 18px 14px;
  }

  .engine-layout {
    grid-template-columns: 1fr;
  }

  .engine-header {
    align-items: start;
  }

  .engine-status {
    max-width: 150px;
  }

  .engine-main {
    padding: 17px;
  }

  .engine-toolbar {
    flex-wrap: wrap;
  }

  .engine-toolbar label {
    flex-basis: 100%;
    max-width: none;
  }

  .engine-header h1 {
    font-size: 25px;
  }

  .engine-limits {
    grid-template-columns: 1fr;
  }

  .engine-section-heading {
    flex-wrap: wrap;
  }

  .engine-condition {
    grid-template-columns: 1fr 1fr;
  }

  .engine-condition button {
    justify-self: end;
  }

  .engine-tabs button {
    padding: 11px 9px;
    font-size: 14px;
  }

  .engine-history {
    flex-wrap: wrap;
    align-items: start;
  }
}

.engine-guide {
  background: #fff;
  border: 1px solid #c8dce5;
  border-left: 4px solid #19778e;
  border-radius: 8px;
  margin: 20px 0 14px;
  padding: 16px 20px;
}

.engine-guide > summary {
  cursor: pointer;
  padding: 3px 0;
  font-size: 18px;
  font-weight: 700;
}

.engine-guide[open] > summary {
  margin-bottom: 12px;
}

.engine-guide p {
  font-size: 16px;
}

.engine-guide ol {
  counter-reset: engine-step;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 20px;
  margin: 16px 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.engine-guide li {
  counter-increment: engine-step;
  align-content: start;
  gap: 8px;
  min-width: 0;
  line-height: 1.5;
  display: grid;
}

.engine-guide li > b {
  color: #193d50;
  font-size: 16px;
}

.engine-guide li > b:before {
  content: counter(engine-step) ". ";
  color: #19778e;
}

.engine-guide li > span {
  color: #4c646f;
  font-size: 14px;
}

.engine-guide .engine-guide-note {
  border-top: 1px solid #dbe7ed;
  margin: 0;
  padding-top: 12px;
  font-size: 14px;
}

.engine-edit-state {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
  padding: 13px 0;
  display: flex;
}

.engine-edit-state p {
  margin: 0;
  font-size: 14px;
}

.engine-edit-state > div {
  flex-shrink: 0;
  gap: 10px;
  display: flex;
}

.engine-toolbar > div, .engine-tabs {
  flex-wrap: wrap;
}

.engine-read-only {
  color: #496572;
  white-space: nowrap;
  background: #edf2f5;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 14px;
}

.engine-active-custom, .engine-built-in-paths, .engine-active-limits {
  margin-top: 25px;
}

.engine-path-reference {
  overflow-wrap: anywhere;
  background: #fafcfd;
  border: 1px solid #d3e0e7;
  border-radius: 7px;
  margin: 10px 0;
  padding: 0 15px;
}

.engine-path-reference summary {
  cursor: pointer;
  padding: 14px 0;
  font-size: 16px;
  font-weight: 600;
  line-height: 1.5;
}

.engine-path-reference summary > b {
  color: #466b59;
  margin-left: 12px;
  font-size: 14px;
  font-weight: 500;
  display: inline-block;
}

.engine-path-reference p {
  font-size: 16px;
}

.engine-path-reference ul {
  margin: 12px 0;
  padding-left: 24px;
  font-size: 16px;
  line-height: 1.6;
  list-style: outside;
}

.engine-active-limits dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.engine-active-limits dl > div {
  border-bottom: 1px solid #dbe6eb;
  padding-bottom: 12px;
}

.engine-active-limits dt {
  color: #4c646f;
  margin-bottom: 4px;
  font-size: 14px;
}

.engine-active-limits dd {
  margin: 0;
  font-size: 17px;
  font-weight: 600;
}

.engine-node > span {
  font-size: 12px;
}

.engine-guide summary:focus-visible, .engine-path-reference summary:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #19889c;
}

@media (max-width: 1100px) {
  .engine-guide ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .engine-edit-state {
    flex-wrap: wrap;
    align-items: flex-start;
  }
}

@media (max-width: 650px) {
  .engine-guide {
    padding: 14px;
  }

  .engine-guide ol, .engine-active-limits dl {
    grid-template-columns: 1fr;
  }

  .engine-edit-state > div {
    flex-wrap: wrap;
    flex-shrink: 1;
  }

  .engine-toolbar > div {
    gap: 8px;
  }

  .engine-tabs button {
    font-size: 14px;
  }

  .engine-status {
    flex-shrink: 1;
  }

  .engine-header {
    flex-wrap: wrap;
  }

  .engine-status {
    text-align: left;
    max-width: none;
  }

  .engine-path-reference summary > b {
    margin-left: 0;
    display: block;
  }
}

.engine-brand {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding: 6px 0 22px;
  display: flex;
}

.engine-logo {
  color: #fff;
  background: #102f49;
  border-radius: 10px;
  flex-shrink: 0;
  align-items: center;
  max-width: 100%;
  padding: 12px 16px;
  display: inline-flex;
}

.engine-brand img {
  object-fit: contain;
  width: 190px;
  max-width: 100%;
  height: auto;
  display: block;
}

.engine-brand span {
  color: #526b78;
  font-size: 14px;
}

.workspace-owner-access > summary {
  align-items: center;
  gap: 8px;
  display: flex;
}

.workspace-owner-access > summary > svg {
  width: 16px;
  height: 16px;
}

.owner-library-summary {
  background: #f5f9fb;
  border: 1px solid #cfdae1;
  border-radius: 8px;
  padding: 20px;
}

.owner-library-summary p {
  line-height: 1.6;
}

@media (max-width: 600px) {
  .engine-brand {
    flex-direction: column;
    align-items: flex-start;
  }

  .engine-brand img {
    width: 150px;
    max-width: 100%;
  }
}

/* [project]/app/first-chemistry-kpi.css [app-client] (css) */
.first-kpi {
  color: #19384b;
  background: #fff;
  border: 1px solid #cadce5;
  border-radius: 12px;
  min-width: 0;
  padding: 24px;
}

.first-kpi > header {
  justify-content: space-between;
  align-items: start;
  gap: 20px;
  display: flex;
}

.first-kpi h2 {
  margin: 4px 0 10px;
  font-size: 24px;
  font-weight: 700;
}

.first-kpi h3 {
  margin: 8px 0;
  font-size: 18px;
  font-weight: 650;
}

.first-kpi p, .first-kpi small {
  color: #516d7d;
  margin: 10px 0;
  line-height: 1.55;
}

.first-kpi small {
  display: block;
}

.first-kpi label {
  gap: 7px;
  font-size: 14px;
  font-weight: 600;
  display: grid;
}

.first-kpi select, .first-kpi textarea {
  font: inherit;
  color: #173a50;
  background: #fff;
  border: 1px solid #b4ccd8;
  border-radius: 6px;
  width: 100%;
  max-width: 100%;
  min-height: 44px;
  padding: 10px;
}

.first-kpi textarea {
  min-height: 110px;
}

.first-kpi-selection {
  flex-wrap: wrap;
  align-items: center;
  gap: 24px;
  margin: 22px 0;
  display: flex;
}

.first-kpi-selection > label {
  flex: 1;
  min-width: 220px;
}

.first-kpi-selection > div {
  flex: 1;
  gap: 7px;
  display: grid;
}

.first-kpi-selection span {
  color: #866119;
  font-size: 14px;
}

.first-kpi-bands, .first-kpi-steps {
  gap: 16px;
  margin: 20px 0;
  display: grid;
}

.first-kpi-bands {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.first-kpi-bands > span {
  background: #edf5f8;
  border-radius: 8px;
  gap: 8px;
  padding: 15px;
  display: grid;
}

.first-kpi-steps {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.first-kpi-steps article {
  border: 1px solid #cadce5;
  border-radius: 8px;
  min-width: 0;
  padding: 18px;
}

.first-kpi-steps article > span, .first-kpi > header span {
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #3a6b7e;
  font-size: 12px;
  font-weight: 700;
}

.first-kpi-steps button {
  margin-top: 12px;
}

.first-kpi details {
  background: #f5f9fb;
  border: 1px solid #d5e2e9;
  border-radius: 8px;
  margin: 20px 0;
  padding: 18px;
}

.first-kpi summary {
  cursor: pointer;
  font-size: 17px;
  font-weight: 650;
}

.first-kpi ul {
  gap: 10px;
  padding: 0;
  list-style: none;
  display: grid;
}

.first-kpi li {
  border-bottom: 1px solid #dbe7ed;
  gap: 4px;
  padding: 12px 0;
  display: grid;
}

.first-kpi li span {
  color: #4e6979;
  font-size: 14px;
  line-height: 1.5;
}

.first-kpi-attestations > ul {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 24px;
}

.first-kpi fieldset {
  border: 1px solid #cadce5;
  border-radius: 8px;
  gap: 14px;
  margin: 18px 0;
  padding: 18px;
  display: grid;
}

.first-kpi legend {
  padding: 0 6px;
  font-weight: 650;
}

.first-kpi .first-kpi-confirm {
  align-items: flex-start;
  gap: 10px;
  line-height: 1.5;
  display: flex;
}

.first-kpi-confirm input {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin-top: 4px;
}

.first-kpi-boundaries > div {
  overflow-x: auto;
}

.first-kpi table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: 14px;
}

.first-kpi th, .first-kpi td {
  border-bottom: 1px solid #d5e2e9;
  padding: 10px;
}

.first-kpi tbody th {
  font-weight: 500;
}

.first-kpi-activation {
  background: #fff8e8;
  border-left: 4px solid #bd8a25;
  border-radius: 6px;
  padding: 20px;
}

.first-kpi-editor {
  min-width: 0;
  margin: 20px 0;
}

.first-kpi-editor .kpi-editor-layout.linked {
  grid-template-columns: minmax(0, 1fr);
}

@media (max-width: 1050px) {
  .first-kpi-steps, .first-kpi-attestations > ul {
    grid-template-columns: minmax(0, 1fr);
  }

  .first-kpi > header {
    flex-wrap: wrap;
  }
}

@media (max-width: 600px) {
  .first-kpi {
    padding: 15px;
  }

  .first-kpi-bands {
    grid-template-columns: minmax(0, 1fr);
  }

  .first-kpi-selection > label {
    width: 100%;
    min-width: 0;
  }
}

.kpi-owner-exception {
  background: #f1faf6;
  border: 1px solid #8bb9aa;
  border-left: 5px solid #287b67;
  border-radius: 10px;
  margin: 24px 0;
  padding: 22px;
  scroll-margin-top: 160px;
}

.kpi-owner-exception .kpi-owner-eyebrow {
  color: #276d5a;
  text-transform: uppercase;
  letter-spacing: .06em;
  font-size: 12px;
  font-weight: 700;
}

.kpi-owner-exception .kpi-owner-total {
  color: #1c5f4d;
}

.kpi-owner-exception fieldset {
  background: #fff;
}

.kpi-owner-exception a, .kpi-approval-readiness a {
  color: #096d89;
  text-decoration: underline;
}

.kpi-owner-exception details {
  background: #fff;
}

.kpi-owner-exception li {
  overflow-wrap: anywhere;
}

@media (max-width: 600px) {
  .kpi-owner-exception {
    padding: 14px;
  }

  .kpi-owner-exception fieldset {
    padding: 12px;
  }
}

.first-kpi-approval-shortcut {
  background: #f0f7fb;
  border: 1px solid #b9d3e2;
  border-radius: 9px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px;
  display: flex;
}

.first-kpi-approval-shortcut p {
  margin: 6px 0 0;
  font-size: 13px;
}

.kpi-approval-readiness {
  background: #fff9ec;
  border: 1px solid #dbc48d;
  border-radius: 8px;
  padding: 16px;
}

.kpi-approval-readiness.ready {
  background: #f0faf4;
  border-color: #b7d9c8;
}

.first-kpi fieldset:disabled {
  background: #f5f7f8;
}

.first-kpi fieldset button {
  white-space: normal;
  height: auto;
  min-height: 40px;
}

.first-kpi-attestations, #kpi-evidence-editor, .first-kpi-attestations > h3 {
  scroll-margin-top: 160px;
}

@media (max-width: 650px) {
  .first-kpi-approval-shortcut {
    flex-direction: column;
    align-items: stretch;
  }
}

.first-kpi-milestone {
  margin: 20px 0;
}

/* [project]/app/billing.css [app-client] (css) */
.billing-page {
  color: #163347;
  max-width: 1280px;
  margin: 0 auto;
}

.billing-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin-bottom: 24px;
  display: flex;
}

.billing-eyebrow {
  text-transform: uppercase;
  letter-spacing: .1em;
  color: #33758b;
  font-size: .8rem;
  font-weight: 750;
}

.billing-page h1 {
  margin: 8px 0 12px;
  font-size: clamp(1.65rem, 3vw, 2.25rem);
  font-weight: 750;
  line-height: 1.2;
}

.billing-page p, .billing-page li {
  font-size: 1rem;
  line-height: 1.55;
}

.billing-page p {
  margin: 10px 0 16px;
}

.billing-guide {
  background: #f3fafc;
  border: 1px solid #b8d5df;
  border-left: 4px solid #2c8aa2;
  border-radius: 10px;
  padding: 20px 24px;
}

.billing-guide > b {
  font-size: 1.125rem;
}

.billing-guide ol {
  grid-template-columns: 1fr 1fr;
  gap: 12px 32px;
  margin: 14px 0;
  padding-left: 22px;
  list-style: decimal;
  display: grid;
}

.billing-guide p {
  color: #456477;
  margin-bottom: 0;
  font-size: .875rem;
}

.billing-tabs {
  border-bottom: 1px solid #c5d6df;
  flex-wrap: wrap;
  gap: 6px;
  margin: 24px 0;
  padding-bottom: 10px;
  display: flex;
}

.billing-tabs button {
  color: #29495c;
  border-radius: 8px;
  align-items: center;
  gap: 8px;
  padding: 12px 16px;
  font-size: .9375rem;
  font-weight: 650;
  display: flex;
}

.billing-tabs button[aria-current="page"] {
  color: #fff;
  background: #153e54;
}

.billing-tabs button:hover {
  color: #153e54;
  background: #dae9ef;
}

.billing-button {
  color: #fff;
  cursor: pointer;
  background: #145673;
  border: 1px solid #145673;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 44px;
  padding: 10px 16px;
  font-size: .9375rem;
  font-weight: 650;
  line-height: 1.4;
  text-decoration: none;
  display: inline-flex;
}

.billing-button.secondary {
  color: #234b62;
  background: #fff;
  border-color: #a8c2cf;
}

.billing-button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.billing-page :is(button, a, input, select, textarea, summary):focus-visible {
  outline-offset: 3px;
  outline: 3px solid #208fb3;
}

.billing-card {
  background: #fff;
  border: 1px solid #c8d9e2;
  border-radius: 12px;
  min-width: 0;
  margin: 20px 0;
  padding: 24px;
}

.billing-card h2 {
  align-items: center;
  gap: 10px;
  margin: 0 0 14px;
  font-size: 1.25rem;
  font-weight: 750;
  display: flex;
}

.billing-card h3 {
  margin: 16px 0 10px;
  font-size: 1.1rem;
  font-weight: 700;
}

.billing-columns, .billing-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

.billing-columns .billing-card {
  margin: 0;
}

.billing-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  margin: 20px 0;
}

.billing-metrics article {
  background: #fff;
  border: 1px solid #c8d9e2;
  border-radius: 10px;
  padding: 20px;
}

.billing-metrics span, .billing-metrics small, .billing-list-row span, .billing-list-row small {
  display: block;
}

.billing-metrics b {
  margin: 10px 0;
  font-size: 2rem;
  line-height: 1.2;
  display: block;
}

.billing-metrics b.billing-status-text {
  font-size: 1.35rem;
}

.billing-metrics small, .billing-list-row small, .billing-company-row small, .billing-audit small {
  color: #536c7c;
  font-size: .875rem;
}

.billing-form-grid {
  border: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
  min-width: 0;
  padding: 0;
  display: grid;
}

.billing-field {
  gap: 8px;
  min-width: 0;
  margin-bottom: 16px;
  font-size: .9375rem;
  font-weight: 650;
  display: grid;
}

.billing-form-grid .billing-field {
  margin: 0;
}

.billing-page input:not([type="checkbox"]), .billing-page select, .billing-page textarea {
  color: #193d50;
  width: 100%;
  min-width: 0;
  min-height: 44px;
  font: inherit;
  background: #fff;
  border: 1px solid #9fb9c8;
  border-radius: 6px;
  padding: 10px;
  font-weight: 400;
}

.billing-page textarea {
  resize: vertical;
}

.billing-page fieldset {
  border: 0;
  min-width: 0;
  padding: 0;
}

.billing-form-actions {
  flex-wrap: wrap;
  grid-column: 1 / -1;
  align-items: center;
  gap: 10px;
  display: flex;
}

.billing-check {
  grid-column: 1 / -1;
  align-items: flex-start;
  gap: 10px;
  margin: 8px 0;
  font-size: .9375rem;
  line-height: 1.5;
  display: flex;
}

.billing-check input {
  flex: none;
  width: 18px;
  height: 18px;
  margin-top: 3px;
}

.billing-pill {
  color: #36556a;
  background: #e6edf2;
  border-radius: 6px;
  width: fit-content;
  padding: 5px 9px;
  font-size: .8125rem;
  font-weight: 700;
  display: inline-flex;
}

.billing-pill.good {
  color: #166145;
  background: #e4f3eb;
}

.billing-pill.pending {
  color: #845620;
  background: #fff1d6;
}

.billing-alert, .billing-notice, .billing-unsaved {
  color: #794c21;
  overflow-wrap: anywhere;
  background: #fff5e8;
  border: 1px solid #e6caa1;
  border-radius: 8px;
  padding: 14px 18px;
}

.billing-notice {
  color: #1d6244;
  background: #eaf6ef;
  border-color: #b4d6c2;
}

.billing-unsaved {
  justify-content: space-between;
  gap: 12px;
  display: flex;
}

.billing-unsaved button {
  text-decoration: underline;
}

.billing-list-row, .billing-company-row {
  border-top: 1px solid #dce5eb;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  padding: 18px 0;
  display: flex;
}

.billing-list-row > div, .billing-company-row > div {
  min-width: 0;
}

.billing-list-row b {
  overflow-wrap: anywhere;
  margin-bottom: 6px;
  font-size: 1rem;
  display: block;
}

.billing-list-row span {
  margin: 6px 0;
  font-size: .9375rem;
}

.billing-company-row .billing-form-actions {
  flex-direction: column;
  align-items: stretch;
}

.billing-detail-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 24px 0;
  display: grid;
}

.billing-detail-grid dt {
  color: #577082;
  font-size: .875rem;
}

.billing-detail-grid dd {
  margin: 6px 0 0;
  font-size: 1.05rem;
  font-weight: 750;
}

.billing-invoice-detail > header {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.billing-invoice-detail > form {
  border-top: 1px solid #ccdbe3;
  margin-top: 24px;
  padding-top: 24px;
}

.billing-payment-entry {
  border: 1px solid #d6e2e8;
  border-radius: 8px;
  margin: 16px 0;
  padding: 16px;
}

.billing-payment-entry summary, .billing-void summary {
  cursor: pointer;
  padding: 12px 0;
  font-size: .9375rem;
  text-decoration: underline;
}

.billing-audit {
  margin: 0;
  padding: 0;
  list-style: none;
}

.billing-audit li {
  border-top: 1px solid #dbe5eb;
  padding: 14px 0;
}

.billing-audit :is(b, span, small) {
  overflow-wrap: anywhere;
  display: block;
}

.billing-audit span {
  margin: 6px 0;
  font-size: .9375rem;
}

.billing-checklist {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px 20px;
  display: grid;
}

.billing-checklist p {
  align-items: center;
  gap: 12px;
  display: flex;
}

.billing-development .panel-head {
  flex-wrap: wrap;
}

.billing-print-page {
  color: #173246;
  padding: 32px 20px;
}

.billing-print-controls {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  max-width: 900px;
  margin: 0 auto 20px;
  display: flex;
}

.billing-invoice-paper {
  background: #fff;
  border: 1px solid #cad9e2;
  max-width: 900px;
  margin: auto;
  padding: 44px;
}

.billing-invoice-paper > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  display: flex;
}

.billing-invoice-brand {
  background: #102d40;
  border-radius: 8px;
  width: 250px;
  padding: 18px;
}

.billing-invoice-brand img {
  max-width: 100%;
  height: auto;
}

.billing-invoice-paper h1 {
  margin: 0 0 12px;
  font-size: 1.65rem;
  font-weight: 750;
}

.billing-invoice-paper h2 {
  margin: 20px 0 10px;
  font-size: 1rem;
  font-weight: 700;
}

.billing-invoice-paper p {
  white-space: pre-line;
  overflow-wrap: anywhere;
  margin: 8px 0;
  line-height: 1.6;
}

.billing-invoice-addresses {
  grid-template-columns: 1fr 1fr;
  gap: 36px;
  margin-top: 25px;
  display: grid;
}

.billing-invoice-paper table {
  border-collapse: collapse;
  width: 100%;
  margin: 30px 0;
}

.billing-invoice-paper th {
  text-align: left;
  background: #edf3f6;
  padding: 12px;
}

.billing-invoice-paper td {
  vertical-align: top;
  border-bottom: 1px solid #cbdce5;
  padding: 16px 12px;
}

.billing-invoice-paper :is(th, td):last-child {
  text-align: right;
}

.billing-invoice-paper td small {
  margin-top: 8px;
  display: block;
}

.billing-invoice-totals {
  max-width: 350px;
  margin-left: auto;
}

.billing-invoice-totals > div {
  border-bottom: 1px solid #d8e4eb;
  justify-content: space-between;
  gap: 30px;
  padding: 12px 0;
  display: flex;
}

.billing-invoice-totals dd {
  margin: 0;
  font-weight: 700;
}

.billing-invoice-instructions {
  background: #f0f6f9;
  margin-top: 30px;
  padding: 18px;
}

.billing-invoice-paper footer {
  border-top: 1px solid #cbdce5;
  margin-top: 30px;
  padding-top: 18px;
  font-size: .875rem;
}

@media (max-width: 800px) {
  .billing-heading, .billing-list-row, .billing-company-row {
    flex-direction: column;
    align-items: stretch;
  }

  .billing-columns, .billing-metrics, .billing-form-grid, .billing-guide ol, .billing-checklist {
    grid-template-columns: 1fr;
  }

  .billing-detail-grid {
    grid-template-columns: 1fr 1fr;
  }

  .billing-card {
    padding: 18px;
  }

  .billing-invoice-paper {
    padding: 20px;
  }

  .billing-invoice-paper > header {
    flex-direction: column;
  }

  .billing-invoice-addresses {
    grid-template-columns: 1fr;
    gap: 12px;
  }
}

@media print {
  body {
    background: #fff !important;
  }

  .billing-print-controls {
    display: none !important;
  }

  .billing-print-page {
    padding: 0;
  }

  .billing-invoice-paper {
    border: 0;
    max-width: none;
    padding: 0;
  }

  .billing-invoice-brand, .billing-invoice-paper th {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .billing-invoice-paper section, .billing-invoice-paper tr {
    break-inside: avoid;
  }
}

.billing-export {
  width: 100%;
  min-width: 0;
  margin: 16px 0;
}

.billing-export-help {
  color: #536c7c;
  line-height: 1.5;
  margin: 10px 0 !important;
  font-size: .875rem !important;
}

.billing-print-controls {
  flex-wrap: wrap;
}

.billing-export :is(button, a):focus-visible {
  outline-offset: 3px;
  outline: 3px solid #208fb3;
}

/* [project]/app/use-notices.css [app-client] (css) */
.chemcop-use-notice {
  color: #294959;
  background: #f3f8fb;
  border: 1px solid #c6d9e3;
  border-left: 3px solid #33728b;
  border-radius: 8px;
  margin: 0 0 18px;
  padding: 12px 16px;
  font-size: .875rem;
  line-height: 1.55;
}

.chemcop-use-notice p {
  margin: 0 0 5px;
}

.chemcop-use-notice a {
  color: #125b77;
  text-underline-offset: 3px;
  text-decoration: underline;
}

.chemcop-use-notice small {
  margin-top: 6px;
  display: block;
}

.workspace-use-footer {
  margin-top: 24px;
}

.workspace-use-footer .chemcop-use-notice {
  background: none;
  border: 0;
  border-top: 1px solid #c6d9e3;
  border-radius: 0;
  margin: 0;
  padding: 16px 0;
}

.workspace-use-link {
  text-underline-offset: 3px;
  margin: 12px 0;
  font-size: .875rem;
  text-decoration: underline;
  display: block;
}

.workspace-patent-footer {
  flex-shrink: 0;
}

.workspace-sidebar > footer.workspace-patent-footer {
  padding-bottom: 48px;
}

.workspace-patent-notice {
  min-height: 44px;
  color: inherit;
  text-underline-offset: 3px;
  font-size: .75rem;
  line-height: 1.55;
  text-decoration: underline;
  display: block;
}

html[data-theme] .issue-first-shell .workspace-sidebar .workspace-patent-notice {
  color: #c5dbe6;
}

.workspace-patent-notice:focus-visible {
  outline-offset: 4px;
  outline: 2px solid #6ee4ea;
}

.workspace-mobile-menu .workspace-patent-footer {
  border-top: 1px solid #294752;
  margin-top: auto;
  padding: 20px 20px 48px;
}

.chemcop-use-page {
  max-width: 1000px;
}

.chemcop-use-page > header {
  border-bottom: 3px solid #195169;
  margin-bottom: 24px;
  padding-bottom: 24px;
}

.chemcop-use-page h1 {
  margin: 8px 0;
  font-size: 2rem;
}

.chemcop-use-page h2 {
  margin: 0 0 10px;
  font-size: 1.125rem;
}

.chemcop-use-page p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.7;
}

.chemcop-use-page section {
  background: #fff;
  border: 1px solid #d5e1e8;
  border-radius: 10px;
  margin-bottom: 16px;
  padding: 20px 24px;
}

.chemcop-use-page small {
  color: #526a78;
  margin-top: 12px;
  display: block;
}

.release-readiness-list {
  gap: 14px;
  display: grid;
}

.release-readiness-list article {
  border-bottom: 1px solid #d5e1e8;
  padding-bottom: 12px;
}

.release-readiness-list h3 {
  margin: 0 0 5px;
  font-size: 1rem;
}

.release-readiness-list p {
  margin: 0;
  line-height: 1.6;
}

.release-readiness-list b {
  color: #895315;
}

@media (max-width: 600px) {
  .chemcop-use-page section {
    padding: 16px;
  }

  .chemcop-use-page h1 {
    font-size: 1.65rem;
  }
}

@media print {
  .chemcop-use-notice {
    break-inside: avoid;
  }

  .chemcop-use-notice a {
    display: none;
  }
}

/* [project]/app/operator-community-rows.css [app-client] (css) */
.operator-priorities {
  background: #fff;
  border: 1px solid #cbdce6;
  border-radius: 12px;
  min-width: 0;
  overflow: hidden;
}

.operator-priorities > header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 22px 24px;
  display: flex;
}

.operator-priorities > header > div > span {
  color: #397a91;
  text-transform: uppercase;
  letter-spacing: .12em;
  font-size: 10px;
  font-weight: 750;
}

.operator-priorities h3 {
  color: #173f57;
  margin: 5px 0 0;
  font-size: 22px;
}

.operator-priorities label, .community-row-toolbar label {
  color: #547182;
  gap: 5px;
  font-size: 11px;
  font-weight: 650;
  display: grid;
}

.operator-priorities select, .community-row-toolbar select {
  color: #234e65;
  background: #fff;
  border: 1px solid #bed1dd;
  border-radius: 6px;
  max-width: 100%;
  min-height: 36px;
  padding: 7px 10px;
  font-size: 12px;
}

.operator-priority-counts {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  padding: 0 24px 20px;
  display: grid;
}

.operator-priority-counts > div {
  background: #f8fbfd;
  border: 1px solid #dbe6ec;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  display: flex;
}

.operator-priority-counts b {
  font-size: 27px;
  line-height: 1.2;
}

.operator-priority-counts span {
  color: #435f70;
  font-size: 12px;
}

.operator-priority-counts .review b {
  color: #aa423c;
}

.operator-priority-counts .followup b {
  color: #8c650d;
}

.operator-priority-counts .refresh b {
  color: #356b8b;
}

.operator-priority-list > article {
  border-top: 1px solid #e0e9ef;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 24px;
  padding: 19px 24px;
  display: grid;
}

.operator-priority-list > article:nth-child(2n) {
  background: #fbfdfe;
}

.operator-priority-identity {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 6px 12px;
  display: flex;
}

.operator-priority-identity b {
  color: #173f57;
  font-size: 15px;
}

.operator-priority-identity span {
  color: #587589;
  font-size: 11px;
}

.operator-priority-list p {
  color: #284e64;
  overflow-wrap: anywhere;
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.5;
}

.operator-priority-list p.operator-priority-next {
  color: #476a7e;
  font-size: 12px;
}

.operator-priority-list small {
  color: #607c8c;
  overflow-wrap: anywhere;
  margin-top: 7px;
  font-size: 10px;
  line-height: 1.5;
  display: block;
}

.operator-predictive-label {
  color: #526d81;
  background: #f1f6fa;
  border: 1px solid #d0dfe9;
  border-radius: 4px;
  margin-top: 8px;
  padding: 3px 6px;
  font-size: 10px;
  display: inline-block;
}

.operator-priority-actions {
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
  gap: 12px;
  display: flex;
}

.operator-priority-status {
  border-radius: 5px;
  padding: 4px 8px;
  font-size: 10px;
  font-weight: 750;
}

.operator-priority-status.review {
  color: #a03d36;
  background: #fcece8;
}

.operator-priority-status.followup {
  color: #80600f;
  background: #fff3cf;
}

.operator-priority-status.refresh {
  color: #396681;
  background: #eaf2f8;
}

.operator-priorities button {
  gap: 7px;
  height: auto;
  min-height: 36px;
  padding: 7px 11px;
  font-size: 11px;
}

.operator-priorities button svg {
  flex: none;
  width: 14px;
  height: 14px;
}

.operator-priorities > footer {
  background: #f6fafc;
  border-top: 1px solid #d8e5ed;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 16px 24px;
  display: flex;
}

.operator-priorities > footer > span {
  color: #557487;
  font-size: 11px;
}

.operator-priorities nav {
  gap: 6px;
  display: flex;
}

.operator-priority-message {
  color: #56778c;
  margin: 0;
  padding: 20px 24px;
  font-size: 13px;
  line-height: 1.6;
}

.operator-customer-overview {
  background: #fff;
  border: 1px solid #d5e2ea;
  border-radius: 9px;
  min-width: 0;
  margin-top: 14px;
}

.operator-customer-overview summary {
  cursor: pointer;
  color: #325e76;
  align-items: center;
  gap: 10px;
  padding: 16px 20px;
  font-size: 13px;
  font-weight: 650;
  display: flex;
}

.operator-customer-overview summary:after {
  content: "+";
  margin-left: auto;
  font-size: 20px;
}

.operator-customer-overview[open] summary:after {
  content: "−";
}

.operator-customer-overview summary svg {
  width: 18px;
}

.operator-customer-overview summary small {
  color: #617d8f;
  font-size: 11px;
  font-weight: 400;
}

.operator-customer-overview .program-test-table {
  margin: 0;
  overflow-x: auto;
}

.operator-customer-overview td small {
  color: #618092;
  font-size: 10px;
  display: block;
}

.operator-customer-overview td button {
  font-size: 11px;
}

.community-row-list {
  background: #fff;
  border: 1px solid #cbdce6;
  border-radius: 9px;
  min-width: 0;
  scroll-margin-top: 80px;
  overflow: hidden;
}

.community-row-toolbar {
  background: #f7fbfd;
  border-bottom: 1px solid #d6e3eb;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.community-row-toolbar > span {
  color: #526f83;
  font-size: 12px;
}

.community-row-toolbar > div {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.community-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.community-row-table {
  border-collapse: collapse;
  table-layout: fixed;
  text-align: left;
  width: 100%;
}

.community-row-table thead th {
  color: #446b80;
  background: #edf4f8;
  border-bottom: 1px solid #cadde7;
  padding: 12px;
  font-size: 10px;
  font-weight: 750;
}

.community-row-table thead th:first-child {
  width: 36%;
}

.community-row-table thead th:nth-child(2) {
  width: 14%;
}

.community-row-table thead th:nth-child(3) {
  width: 16%;
}

.community-row-table thead th:nth-child(4) {
  width: 9%;
}

.community-row-table thead th:nth-child(5) {
  width: 15%;
}

.community-row-table thead th:nth-child(6) {
  width: 10%;
}

.community-topic-row > :is(th, td) {
  vertical-align: middle;
  color: #45657a;
  overflow-wrap: anywhere;
  border-bottom: 1px solid #dfe9f0;
  padding: 15px 12px;
  font-size: 12px;
  font-weight: 400;
}

.community-topic-row:hover, .community-topic-row.expanded {
  background: #f1f8fb;
}

.community-topic button {
  text-align: left;
  color: #204f69;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}

.community-topic button:hover {
  text-decoration: underline;
}

.community-topic > span {
  color: #678294;
  margin-top: 5px;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

.community-topic > small {
  color: #447e83;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  font-size: 10px;
  display: flex;
}

.community-row-state {
  background: #eef3f7;
  border: 1px solid #d8e3eb;
  border-radius: 5px;
  padding: 4px 7px;
  font-size: 10px;
  font-weight: 650;
  display: inline-block;
}

.community-response-count {
  font-variant-numeric: tabular-nums;
}

.community-row-table time {
  font-size: 10px;
  line-height: 1.5;
}

.community-open-cell button {
  white-space: normal;
  gap: 4px;
  width: 100%;
  height: auto;
  min-height: 34px;
  padding: 7px;
  font-size: 10px;
}

.community-open-cell button svg {
  flex: none;
  width: 13px;
  height: 13px;
}

.community-detail-row > td {
  background: #f1f7fa;
  border-bottom: 1px solid #cadde7;
  padding: 12px 16px 20px;
}

.community-detail-row .discussion-card {
  width: 100%;
  min-width: 0;
  box-shadow: none;
  background: #fff;
  border: 1px solid #d4e2eb;
  border-radius: 8px;
  margin: 0;
  padding: 22px;
  display: block;
}

.community-detail-row .discussion-card > h3 {
  margin: 16px 0 10px;
  font-size: 18px;
}

.community-detail-row .discussion-card > p {
  white-space: pre-wrap;
}

.community-detail-row .community-thread, .community-detail-row .community-decision-brief {
  margin-top: 18px;
}

.community-row-pagination {
  background: #f8fbfd;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 14px 16px;
  display: flex;
}

.community-row-pagination > span {
  color: #5e7c8e;
  font-size: 11px;
}

.community-row-pagination nav {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

.community-row-pagination button {
  height: auto;
  min-height: 34px;
  padding: 7px 10px;
  font-size: 11px;
}

.community-row-list button:focus-visible, .operator-priorities button:focus-visible, .operator-customer-overview summary:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #227b99;
}

@media (max-width: 760px) {
  .operator-priorities > header {
    padding: 18px;
  }

  .operator-priorities > header label {
    width: 100%;
  }

  .operator-priority-counts {
    gap: 7px;
    padding: 0 18px 16px;
  }

  .operator-priority-counts > div {
    gap: 3px;
    padding: 10px;
    display: grid;
  }

  .operator-priority-counts span {
    font-size: 10px;
  }

  .operator-priority-list > article {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    padding: 17px 18px;
  }

  .operator-priority-actions {
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
  }

  .operator-priorities > footer {
    padding: 16px 18px;
  }

  .operator-customer-overview summary {
    flex-wrap: wrap;
  }

  .operator-customer-overview summary small {
    flex-basis: 100%;
    order: 2;
  }

  .community-row-table, .community-row-table tbody {
    width: 100%;
    display: block;
  }

  .community-row-table thead {
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .community-table-wrap .community-row-table {
    min-width: 0;
  }

  .community-topic-row {
    border-bottom: 1px solid #d5e3ed;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
    padding: 14px;
    display: grid;
  }

  .community-topic-row > :is(th, td) {
    border: 0;
    padding: 0;
  }

  .community-topic-row .community-topic {
    grid-column: 1 / -1;
  }

  .community-topic-row td[data-label]:before {
    content: attr(data-label);
    color: #678495;
    margin-bottom: 4px;
    font-size: 10px;
    display: block;
  }

  .community-topic-row .community-open-cell {
    grid-column: 1 / -1;
  }

  .community-open-cell button {
    width: auto;
    min-height: 38px;
    padding: 8px 12px;
    font-size: 11px;
  }

  .community-detail-row, .community-detail-row > td {
    width: 100%;
    display: block;
  }

  .community-detail-row > td {
    padding: 10px;
  }

  .community-detail-row .discussion-card {
    padding: 14px;
  }

  .community-row-toolbar > div {
    width: 100%;
  }

  .community-row-toolbar label {
    flex: 1;
    min-width: 0;
  }

  .community-row-pagination nav {
    width: 100%;
  }

  .community-row-pagination button {
    flex: 1;
    min-height: 38px;
  }
}

.community-ai-advice {
  border: 1px solid #bdd9e0;
  border-left: 4px solid var(--teal, #078393);
  color: var(--ink, #183b58);
  background: #f8fcfd;
  border-radius: 8px;
  margin: 16px 0;
  padding: 18px 20px;
}

.community-ai-advice > header {
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  display: flex;
}

.community-ai-advice > header > svg {
  color: var(--teal, #078393);
  flex: none;
}

.community-ai-advice > header > div {
  flex: 1;
  min-width: 0;
}

.community-ai-advice h4 {
  margin: 0 0 3px;
  font-size: 16px;
}

.community-ai-advice > header span {
  color: var(--muted, #526f80);
  font-size: 12px;
}

.community-ai-advice button {
  color: #176377;
  cursor: pointer;
  background: #fff;
  border: 1px solid #b9d3df;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 36px;
  padding: 7px 11px;
  font-size: 12px;
  font-weight: 600;
  display: inline-flex;
}

.community-ai-advice button:disabled {
  cursor: wait;
  opacity: .6;
}

.community-ai-advice button:focus-visible, .community-ai-sources article:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #087e92;
}

.community-ai-answer {
  overflow-wrap: anywhere;
  max-width: 105ch;
  font-size: 14px;
  line-height: 1.7;
}

.community-ai-answer p {
  white-space: pre-wrap;
  color: inherit;
  font-size: inherit;
  line-height: inherit;
  margin: 0 0 14px;
}

.community-ai-answer li {
  margin-bottom: 7px;
}

.community-ai-answer sup button {
  vertical-align: super;
  background: #e6f3f6;
  border: 0;
  min-width: 24px;
  min-height: 24px;
  margin-left: 3px;
  padding: 0 4px;
  font-size: 11px;
  display: inline;
}

.community-ai-loading {
  color: var(--muted, #526f80);
  align-items: center;
  gap: 8px;
  font-size: 14px;
  line-height: 1.6;
  display: flex;
}

.community-ai-loading svg {
  flex: none;
}

.community-ai-actions {
  flex-wrap: wrap;
  gap: 9px;
  margin-top: 15px;
  display: flex;
}

.community-ai-actions > button:first-child {
  background: var(--teal, #078393);
  color: #fff;
  border-color: var(--teal, #078393);
}

.community-ai-sources {
  gap: 10px;
  margin-top: 14px;
  display: grid;
}

.community-ai-sources article {
  overflow-wrap: anywhere;
  background: #fff;
  border: 1px solid #d1e2e8;
  border-radius: 5px;
  padding: 14px;
  font-size: 12px;
}

.community-ai-sources article > b, .community-ai-sources article > small {
  margin-bottom: 6px;
  display: block;
}

.community-ai-sources p {
  white-space: pre-wrap;
  color: inherit;
  margin: 8px 0;
  font-size: 12px;
  line-height: 1.6;
}

.community-ai-advice > footer {
  border-top: 1px solid #d1e2e8;
  margin: 16px 0 0;
  padding-top: 10px;
  display: block;
}

.community-ai-advice > footer small {
  color: var(--muted, #526f80);
  font-size: 11px;
  line-height: 1.6;
  display: block;
}

.community-ai-advice > footer p {
  margin: 0 0 7px;
  font-size: 12px;
  line-height: 1.6;
}

@media (max-width: 600px) {
  .community-ai-advice {
    padding: 14px 12px;
  }

  .community-ai-advice > header {
    align-items: flex-start;
  }

  .community-ai-answer {
    font-size: 14px;
  }

  .community-ai-actions > button {
    width: 100%;
  }
}

/* [project]/app/ask-chemcop-chat.css [app-client] (css) */
.ask-chemcop-pane.ask-chat-pane {
  background: #fff;
  flex-direction: column;
  gap: 0;
  width: min(720px, 100vw);
  height: 100dvh;
  padding: 0;
  display: flex;
  overflow: hidden;
  max-width: 100vw !important;
}

.ask-chat-header {
  background: #fff;
  border-bottom: 1px solid #dce7ec;
  flex: none;
  padding: 18px 22px 12px;
}

.ask-chat-header > div {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.ask-chat-header h2 {
  color: #173e50;
  align-items: center;
  gap: 8px;
  font-size: 20px;
  display: flex;
}

.ask-chat-header h2 svg {
  color: #2982a0;
  width: 21px;
}

.ask-chat-header nav {
  align-items: center;
  gap: 5px;
  margin-top: 8px;
  display: flex;
}

.ask-chat-header nav button {
  font-size: 12px;
}

.ask-chat-header nav svg {
  width: 15px;
  height: 15px;
}

.ask-chat-header nav a {
  color: #476b7a;
  align-items: center;
  gap: 6px;
  margin-left: auto;
  font-size: 12px;
  text-decoration: none;
  display: flex;
}

.ask-chat-transcript {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  flex: 1;
  min-height: 0;
  padding: 22px;
  overflow-y: auto;
}

.chat-message {
  overflow-wrap: anywhere;
  max-width: 100%;
  margin: 0 0 25px;
  font-size: 14px;
  line-height: 1.65;
}

.chat-message > header {
  color: #446476;
  align-items: center;
  gap: 7px;
  margin-bottom: 9px;
  font-size: 12px;
  display: flex;
}

.chat-message > header span {
  color: #6c7b86;
  margin-left: auto;
  font-size: 11px;
}

.chat-user {
  background: #edf4f7;
  border: 1px solid #d9e7ef;
  border-radius: 16px 16px 4px;
  width: fit-content;
  max-width: 90%;
  margin-left: auto;
  padding: 12px 16px;
}

.chat-prose {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  color: #233e4d;
}

.chat-scope {
  color: #5d7280;
  margin-top: 8px;
  font-size: 10px;
  display: block;
}

.chat-assistant {
  padding: 0 3px;
}

.chat-answer-note {
  color: #627684;
  margin: 10px 0;
  font-size: 11px;
  line-height: 1.5;
}

.chat-message details {
  background: #fbfdfe;
  border: 1px solid #dce7ec;
  border-radius: 8px;
  margin: 9px 0;
  padding: 9px 12px;
  font-size: 12px;
}

.chat-message details summary {
  cursor: pointer;
  color: #476675;
  font-size: 12px;
}

.chat-sources > p {
  color: #687f8b;
  font-size: 11px;
}

.chat-sources .ask-rag-passage {
  background: none;
  border: 0;
  border-top: 1px solid #dce7ec;
  border-radius: 0;
  padding: 12px 0;
}

.chat-sources .ask-rag-passage h4 {
  margin: 0 0 5px;
  font-size: 13px;
}

.chat-sources small {
  font-size: 10px;
}

.chat-original pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-height: 350px;
  font-size: 11px;
  overflow: auto;
}

.chat-reasoning .chat-prose {
  max-height: 300px;
  margin-top: 10px;
  font-size: 12px;
  overflow: auto;
}

.chat-citations {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 9px;
  display: flex;
}

.chat-citations a {
  color: #236780;
  border: 1px solid #cddfe9;
  border-radius: 12px;
  padding: 1px 8px;
  font-size: 11px;
  text-decoration: none;
}

.chat-message-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-top: 10px;
  display: flex;
}

.chat-message-actions button {
  color: #607d8c;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 4px;
  padding: 3px 0;
  font-size: 11px;
  display: flex;
}

.chat-message-actions button[aria-pressed="true"] {
  color: #186d85;
  font-weight: 700;
}

.chat-message-actions button:disabled {
  cursor: default;
  opacity: .65;
}

.ask-chat-bottom {
  background: #fff;
  border-top: 1px solid #e0eaef;
  flex: none;
  max-height: 48%;
  padding: 12px 20px 14px;
  overflow: auto;
}

.ask-chat-composer {
  background: #fafcfd;
  border: 1px solid #b9ced9;
  border-radius: 14px;
  align-items: flex-end;
  gap: 8px;
  padding: 10px;
  display: flex;
}

.ask-chat-composer textarea {
  resize: none;
  min-width: 0;
  min-height: 28px;
  max-height: 150px;
  font: inherit;
  background: none;
  border: 0;
  outline: none;
  flex: 1;
  padding: 4px 5px;
  font-size: 14px;
  line-height: 1.5;
  box-shadow: none !important;
}

.ask-chat-composer button {
  border-radius: 9px;
  flex: none;
  width: 34px;
  height: 34px;
  padding: 0;
}

.chat-context {
  color: #5d7480;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin-top: 9px;
  font-size: 11px;
  display: flex;
}

.chat-context input {
  width: 13px;
  height: 13px;
}

.chat-context span {
  overflow-wrap: anywhere;
  font-size: 10px;
}

.ask-chat-notice {
  color: #708390;
  margin-top: 10px;
  font-size: 10px;
}

.ask-chat-notice > summary {
  cursor: pointer;
  text-align: center;
}

.ask-chat-notice > p {
  margin: 8px 0;
  line-height: 1.5;
}

.ask-chat-notice .chemcop-use-notice {
  margin: 8px 0;
  padding: 9px;
  font-size: 10px;
}

.ask-chat-empty {
  text-align: center;
  color: #66818e;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 300px;
  display: flex;
}

.ask-chat-empty > svg {
  color: #3285a0;
  width: 32px;
  height: 32px;
  margin: 15px;
}

.ask-chat-empty h3 {
  color: #234b60;
  margin: 0 0 8px;
  font-size: 20px;
}

.ask-chat-empty > p {
  max-width: 340px;
  font-size: 13px;
  line-height: 1.6;
}

.ask-chat-empty > div {
  gap: 8px;
  width: 100%;
  max-width: 410px;
  margin-top: 20px;
  display: grid;
}

.ask-chat-empty button {
  text-align: left;
  color: #456677;
  cursor: pointer;
  background: #f8fbfd;
  border: 1px solid #dce7ee;
  border-radius: 10px;
  padding: 12px;
  font-size: 12px;
}

.ask-chat-history {
  flex: 1;
  min-height: 0;
  padding: 20px;
  overflow: auto;
}

.ask-chat-history h3 {
  font-size: 17px;
}

.ask-chat-history > p {
  color: #647c89;
  font-size: 12px;
}

.ask-chat-history > div {
  border-bottom: 1px solid #e0e9ee;
  gap: 8px;
  padding: 8px 0;
  display: flex;
}

.ask-chat-history > div > button {
  cursor: pointer;
  color: #34566a;
  background: none;
  border: 0;
  padding: 6px;
}

.ask-chat-history > div > button:first-child {
  text-align: left;
  flex: 1;
  min-width: 0;
}

.ask-chat-history b {
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  display: block;
  overflow: hidden;
}

.ask-chat-history small {
  color: #7a909c;
  font-size: 10px;
  display: block;
}

.chat-load-status {
  color: #628090;
  padding: 5px 20px;
  font-size: 12px;
}

.ask-chat-error {
  color: #923d35;
  background: #fff5f1;
  padding: 10px 20px;
  font-size: 12px;
}

.ask-chat-error button {
  margin-top: 5px;
  text-decoration: underline;
  display: block;
}

.chat-jump {
  color: #3c677c;
  background: #fff;
  border: 1px solid #cadce4;
  border-radius: 18px;
  align-self: center;
  align-items: center;
  gap: 5px;
  margin: 4px 0;
  padding: 7px 12px;
  font-size: 11px;
  display: flex;
}

.ask-chat-game {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

.ask-chat-game > button {
  margin: 10px;
}

.ask-chat-game iframe {
  border: 0;
  flex: 1;
  width: 100%;
}

.ai-settings-page {
  margin: auto;
  max-width: 1000px !important;
  padding-bottom: 40px !important;
}

.ai-settings-page > header {
  padding: 10px 0 24px;
}

.ai-settings-page > header > span {
  text-transform: uppercase;
  letter-spacing: .08em;
  color: #6c8594;
  font-size: 11px;
}

.ai-settings-page h1 {
  color: #234d63;
  margin: 8px 0;
  font-size: 28px;
}

.ai-settings-page > header p {
  color: #657f8d;
  font-size: 14px;
}

.ai-settings-page > header a {
  color: #277996;
  font-size: 12px;
}

.ai-settings-form.ask-ai-settings {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
}

.ai-settings-form > p {
  color: #5e7886;
  font-size: 13px;
  line-height: 1.6;
}

.ai-settings-form fieldset {
  border: 0;
  gap: 18px;
  min-width: 0;
  padding: 0;
  display: grid;
}

.ai-settings-card {
  background: #fff;
  border: 1px solid #d7e5ec;
  border-radius: 12px;
  gap: 13px;
  min-width: 0;
  padding: 23px;
  display: grid;
}

.ai-settings-card h2 {
  color: #2b5368;
  margin: 0 0 3px;
  font-size: 17px;
}

.ai-settings-card > p {
  color: #69818e;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

.ai-settings-card label {
  color: #3b5f73;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  display: grid;
}

.ai-settings-card input, .ai-settings-card select {
  color: #244d62;
  background: #fff;
  border: 1px solid #bfd2dd;
  border-radius: 7px;
  width: 100%;
  min-width: 0;
  max-width: 100%;
  padding: 10px;
  font-size: 13px;
}

.ai-settings-card .ask-ai-check {
  align-items: center;
  gap: 8px;
  display: flex;
}

.ai-settings-card input[type="checkbox"] {
  width: 15px;
  height: 15px;
  padding: 0;
}

.ai-settings-card button {
  white-space: normal;
  justify-self: start;
  max-width: 100%;
  height: auto;
  min-height: 36px;
}

.ai-settings-form .ask-ai-buttons {
  flex-wrap: wrap;
  gap: 12px;
  display: flex;
}

.ai-settings-form fieldset:disabled {
  opacity: .8;
}

@media (max-width: 600px) {
  .ask-chat-header {
    padding: 13px 14px 8px;
  }

  .ask-chat-transcript {
    padding: 18px 14px;
  }

  .ask-chat-bottom {
    padding: 10px 12px;
  }

  .ask-chat-header nav {
    gap: 0;
  }

  .ask-chat-header nav button {
    padding: 7px;
    font-size: 11px;
  }

  .ask-chat-header nav a {
    font-size: 11px;
  }

  .chat-message {
    font-size: 13px;
  }

  .ai-settings-card {
    padding: 16px;
  }

  .ask-chat-empty h3 {
    font-size: 18px;
  }
}

.chat-calculation {
  margin: 10px 0 18px;
  font-size: 12px;
}

.chat-calculation-notice {
  color: #536f7c;
  font-size: 12px;
}

.chat-calculation > article {
  background: #f4fafb;
  border: 1px solid #bcd6df;
  border-radius: 10px;
  margin: 12px 0;
  padding: 14px;
}

.chat-calculation article > header {
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 12px;
  display: flex;
}

.chat-calculation article > header small {
  color: #547985;
}

.chat-calculation-output {
  justify-content: space-between;
  gap: 12px;
  padding: 7px 0;
  display: flex;
}

.chat-calculation-output strong {
  color: #14596b;
  font-size: 17px;
}

.chat-calculation-output strong small {
  font-size: 12px;
  font-weight: 500;
}

.chat-calculation-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  width: 100%;
  margin-top: 12px;
  display: grid;
}

.chat-calculation label {
  gap: 4px;
  font-size: 12px;
  display: grid;
}

.chat-calculation input, .chat-calculation select {
  background: #fff;
  border: 1px solid #bcd1dc;
  border-radius: 6px;
  width: 100%;
  min-width: 0;
  padding: 8px;
  font-size: 14px;
}

.chat-calculation label small {
  color: #587986;
}

.chat-calculation label span {
  color: #915041;
  font-size: 11px;
}

.chat-calculation button {
  color: #245c70;
  cursor: pointer;
  background: #e7f1f5;
  border: 1px solid #b6d0dc;
  border-radius: 7px;
  padding: 7px 10px;
  font-size: 12px;
}

.chat-calculation button:disabled {
  opacity: .5;
  cursor: default;
}

.chat-calculation-form > button {
  grid-column: 1 / -1;
  justify-self: start;
}

.chat-calculation-actions {
  flex-wrap: wrap;
  gap: 10px;
  display: flex;
}

.chat-calculation dl > div {
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  margin: 8px 0;
  display: grid;
}

.chat-calculation dd {
  margin: 0;
}

.chat-calculation dd small {
  color: #5b7581;
  font-size: 10px;
  display: block;
}

@media (max-width: 600px) {
  .chat-calculation input, .chat-calculation select, .ask-chat-composer textarea {
    font-size: 16px;
  }

  .chat-calculation-form {
    grid-template-columns: 1fr;
  }

  .chat-calculation-output {
    flex-wrap: wrap;
  }
}

.chat-review {
  color: #5d7480;
  margin-top: 10px;
  font-size: 11px;
}

.chat-review > summary {
  cursor: pointer;
}

.chat-review p {
  margin: 7px 0;
  line-height: 1.5;
}

.chat-edit-button {
  color: #476b7a;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 4px;
  margin-left: auto;
  padding: 3px 5px;
  font-size: 11px;
  display: inline-flex;
}

.chat-edit-button:disabled {
  opacity: .4;
  cursor: default;
}

.chat-user-editing {
  width: 100%;
  max-width: 100%;
}

.chat-message-editor {
  gap: 9px;
  display: grid;
}

.chat-message-editor > label {
  font-size: 12px;
  font-weight: 600;
}

.chat-message-editor textarea {
  resize: vertical;
  width: 100%;
  min-width: 0;
  min-height: 90px;
  max-height: 240px;
  font: inherit;
  color: #233e4d;
  background: #fff;
  border: 1px solid #a9c6d4;
  border-radius: 8px;
  padding: 10px;
  overflow-y: auto;
}

.chat-message-editor > p {
  color: #566c78;
  margin: 0;
  font-size: 11px;
  line-height: 1.5;
}

.chat-message-editor > div {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.chat-message-editor button {
  font-size: 12px;
}

.ask-chat-composer textarea:disabled {
  opacity: .6;
}

@media (max-width: 600px) {
  .chat-message-editor textarea {
    font-size: 16px;
  }
}

.ai-settings-tabs {
  border-bottom: 1px solid #d8e5eb;
  gap: 6px;
  margin-bottom: 22px;
  display: flex;
  overflow: auto;
}

.ai-settings-tabs button {
  color: #4c6978;
  white-space: nowrap;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 3px solid #0000;
  padding: 12px 16px;
}

.ai-settings-tabs button[aria-selected="true"] {
  color: #154e67;
  border-color: #26809b;
  font-weight: 650;
}

.knowledge-settings {
  gap: 20px;
  display: grid;
}

.knowledge-settings > p {
  color: #5e7582;
  margin: 0;
  font-size: 13px;
}

.knowledge-settings fieldset {
  border: 0;
  gap: 16px;
  min-width: 0;
  padding: 0;
  display: grid;
}

.knowledge-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  display: grid;
}

.knowledge-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 9px;
  margin-top: 10px;
  display: flex;
}

.knowledge-actions label {
  max-width: 240px;
}

.knowledge-settings .ask-ai-check {
  align-items: flex-start;
  gap: 9px;
  display: flex;
}

.knowledge-settings .ask-ai-check input {
  flex: none;
  margin-top: 3px;
}

.knowledge-document-list > article, .knowledge-source {
  border-top: 1px solid #dce7ec;
  padding: 16px 0;
}

.knowledge-document-list header {
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 12px;
  display: flex;
}

.knowledge-document-list header span, .knowledge-document-list small {
  color: #607986;
  font-size: 11px;
}

.knowledge-document-list p, .knowledge-source p {
  color: #526e7d;
  margin: 8px 0;
  font-size: 12px;
}

.knowledge-error {
  color: #9d4133 !important;
}

.knowledge-replace input {
  max-width: 180px;
  font-size: 11px;
}

.knowledge-preview {
  border: 1px solid #d0e1ea;
  border-radius: 10px;
  max-height: 550px;
  padding: 15px;
  overflow: auto;
}

.knowledge-preview header {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.knowledge-preview pre, .knowledge-excerpt {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font: inherit;
  font-size: 12px;
}

.knowledge-folder-list {
  max-height: 250px;
  margin: 14px 0;
  padding: 0;
  list-style: none;
  overflow: auto;
}

.knowledge-folder-list button {
  text-align: left;
  color: #295f74;
  background: #f7fbfc;
  border: 0;
  border-bottom: 1px solid #dce7ec;
  width: 100%;
  padding: 10px;
}

.knowledge-settings details > summary {
  cursor: pointer;
  color: #36667b;
  font-size: 13px;
}

.knowledge-settings details > p {
  font-size: 12px;
  line-height: 1.6;
}

.knowledge-settings details > label {
  margin-top: 10px;
}

.knowledge-job {
  border-bottom: 1px solid #e1eaef;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
  font-size: 12px;
  display: flex;
}

.chat-web-mode {
  color: #5c7784;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 11px;
  display: flex;
}

.chat-web-mode select {
  color: #34596c;
  background: #fff;
  border: 1px solid #c9dae3;
  border-radius: 6px;
  padding: 3px 8px;
}

.chat-web-mode > span {
  font-size: 10px;
}

.chat-source-kind {
  color: #366b7f;
  border: 1px solid #bcd5de;
  border-radius: 5px;
  padding: 1px 6px;
  font-size: 10px;
  display: inline-block;
}

.chat-sources a {
  color: #216e8b;
  text-decoration: underline;
}

@media (max-width: 600px) {
  .knowledge-form-grid {
    grid-template-columns: 1fr;
  }

  .knowledge-settings input, .knowledge-settings select {
    font-size: 16px;
  }

  .ai-settings-tabs button {
    padding: 10px;
    font-size: 12px;
  }

  .knowledge-actions {
    align-items: stretch;
  }

  .knowledge-document-list header {
    display: block;
  }
}

.knowledge-document-list article header {
  flex-wrap: wrap;
  align-items: baseline;
  gap: .3rem .75rem;
  display: flex;
}

.knowledge-document-list article header strong {
  overflow-wrap: anywhere;
}

.knowledge-document-list article header span {
  font-size: .75rem;
}

.chat-header-tools {
  align-items: center;
  gap: 2px;
  display: flex;
}

.chat-header-tools button {
  min-width: 36px;
  min-height: 36px;
}

.chat-busy-status {
  color: #426879;
  align-items: center;
  gap: 8px;
  min-height: 22px;
  margin-bottom: 6px;
  font-size: 12px;
  display: flex;
}

.chat-busy-dot {
  background: #28859c;
  border-radius: 50%;
  flex: none;
  width: 7px;
  height: 7px;
  animation: 1.4s ease-in-out infinite chat-status-pulse;
}

@keyframes chat-status-pulse {
  0%, 100% {
    opacity: .35;
    transform: scale(.85);
  }

  50% {
    opacity: 1;
    transform: scale(1);
  }
}

@media (prefers-reduced-motion: reduce) {
  .chat-busy-dot {
    animation: none;
  }
}

.chat-message > header .chat-warning {
  color: #775418;
  cursor: pointer;
  background: #fff8e8;
  border: 1px solid #e4ce9f;
  border-radius: 20px;
  margin-left: auto;
  padding: 3px 9px;
  font-size: 11px;
}

.chat-answer-paragraphs sup a {
  color: #226782;
  padding: 0 4px;
  font-size: 10px;
  text-decoration: none;
  display: inline-block;
}

.chat-source-badges {
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

.chat-source-badge {
  color: #245c75;
  cursor: pointer;
  background: #eff7fb;
  border: 1px solid #c5dae5;
  border-radius: 20px;
  align-items: center;
  gap: 5px;
  width: fit-content;
  padding: 5px 9px;
  font-size: 11px;
  display: inline-flex;
}

.chat-source-badge[aria-expanded="true"] > svg:last-child {
  transform: rotate(180deg);
}

.chat-source-panel {
  border-left: 2px solid #d4e3ea;
  margin-top: 10px;
  padding-left: 12px;
  font-size: 12px;
}

.chat-source-panel .ask-rag-passage {
  background: none;
  border: 0;
  border-bottom: 1px solid #e0e9ee;
  padding: 12px 0;
}

.chat-source-panel h4 {
  margin: 0 0 5px;
  font-size: 13px;
}

.chat-source-panel small {
  color: #597281;
  font-size: 10px;
}

.chat-source-panel a {
  color: #216e8b;
  text-decoration: underline;
}

.chat-source-panel .ask-rag-passage:focus {
  outline-offset: 3px;
  outline: 2px solid #3985a0;
}

.chat-source-summary {
  color: #557584;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  align-items: center;
  gap: 5px;
  margin-top: 5px;
  padding: 5px 0;
  font-size: 11px;
  display: flex;
}

.chat-details-popover, .chat-quick-settings {
  width: min(360px, 100vw - 28px);
  max-height: min(65dvh,var(--radix-popover-content-available-height));
  overscroll-behavior: contain;
  color: #345666;
  z-index: 60;
  overflow-wrap: anywhere;
  padding: 16px;
  font-size: 12px;
  overflow-y: auto;
}

.chat-details-popover h3, .chat-quick-settings h3 {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 600;
}

.chat-details-popover h4 {
  margin: 12px 0 5px;
  font-size: 12px;
  font-weight: 600;
}

.chat-details-popover p, .chat-quick-settings p {
  margin: 8px 0;
  line-height: 1.5;
}

.chat-details-popover pre {
  white-space: pre-wrap;
  background: #f5f8fa;
  max-height: 220px;
  padding: 8px;
  font-size: 11px;
  overflow: auto;
}

.chat-details-popover details {
  margin: 10px 0;
}

.chat-details-popover summary {
  cursor: pointer;
}

.chat-quick-settings fieldset {
  border: 0;
  gap: 12px;
  margin: 12px 0;
  padding: 0;
  display: grid;
}

.chat-quick-settings label {
  align-items: center;
  gap: 8px;
  min-height: 32px;
  display: flex;
}

.chat-quick-settings select {
  background: #fff;
  border: 1px solid #bfd2dc;
  border-radius: 7px;
  margin-left: auto;
  padding: 5px 8px;
}

.chat-quick-settings input {
  width: 16px;
  height: 16px;
}

.chat-quick-settings a {
  color: #216e8b;
  text-decoration: underline;
}

.chat-quick-settings fieldset:disabled {
  opacity: .6;
}

.chat-message-actions > button, .chat-message-actions > [data-slot="popover-trigger"] {
  min-height: 28px;
}

@media (max-width: 600px) {
  .chat-source-badge {
    min-height: 36px;
  }

  .chat-header-tools button {
    min-width: 40px;
    min-height: 40px;
  }

  .chat-source-summary {
    min-height: 32px;
  }

  .chat-quick-settings label {
    min-height: 40px;
  }

  .chat-quick-settings select {
    font-size: 16px;
  }

  .chat-message-actions > button {
    min-height: 36px;
  }

  .chat-answer-paragraphs sup a {
    padding: 4px 6px;
  }
}

.ask-chat-pane {
  --chat-ink: #101849;
  --chat-body: #304f8c;
  --chat-blue: #007fe8;
  --chat-line: #dce6f3;
  color: var(--chat-ink);
}

.ask-chat-header {
  border-color: var(--chat-line);
  padding: 22px 24px 12px;
}

.chat-brand {
  align-items: center;
  gap: 13px;
  min-width: 0;
  display: flex;
}

.chat-brand > svg {
  width: 35px;
  height: 40px;
  color: var(--chat-blue);
  stroke-width: 2px;
  flex: none;
}

.ask-chat-header h2 {
  letter-spacing: -.6px;
  color: var(--chat-ink);
  font-size: 26px;
  line-height: 1.2;
}

.chat-brand p {
  color: #4b68a2;
  margin: 5px 0 0;
  font-size: 14px;
  line-height: 1.4;
}

.chat-header-tools {
  color: var(--chat-ink);
  gap: 8px;
  margin-left: 12px;
}

.chat-header-tools button {
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 9px;
}

.chat-header-tools button[aria-label="Collapse Ask ChemCop"] {
  background: #edf2f8;
}

.ask-chat-header nav {
  color: var(--chat-body);
  margin-top: 9px;
  margin-left: 45px;
}

.ask-chat-transcript {
  padding: 26px 25px;
}

.chat-message {
  margin-bottom: 30px;
  font-size: 16px;
  line-height: 1.65;
}

.chat-message > header {
  color: var(--chat-ink);
  gap: 10px;
  margin-bottom: 13px;
  font-size: 14px;
}

.chat-message time {
  color: #637eb1;
  font-size: 12px;
  font-weight: 400;
}

.chat-user {
  background: #eaf4fc;
  border: 0;
  border-radius: 17px;
  max-width: 85%;
  padding: 15px 18px;
}

.chat-user header {
  margin-bottom: 7px;
}

.chat-user .chat-prose {
  color: var(--chat-ink);
}

.chat-scope {
  color: #61769a;
}

.chat-assistant {
  grid-template-columns: minmax(0, 1fr) auto;
  column-gap: 12px;
  padding: 0;
  display: grid;
}

.chat-assistant > header, .chat-assistant > .chat-prose, .chat-assistant > .chat-answer-paragraphs, .chat-assistant > .chat-answer-note, .chat-assistant > .chat-calculation {
  grid-column: 1 / -1;
}

.chat-assistant > header > svg {
  width: 25px;
  height: 28px;
  color: var(--chat-blue);
  flex: none;
}

.chat-assistant > header b {
  font-size: 16px;
}

.chat-prose {
  color: var(--chat-body);
}

.chat-answer-paragraphs > p {
  margin: 0 0 18px;
}

.chat-answer-paragraphs > p:first-child {
  color: var(--chat-ink);
  font-weight: 600;
}

.chat-source-groups {
  display: contents;
}

.chat-source-badges {
  grid-column: 1;
  align-self: center;
  gap: 8px;
  margin: 4px 0;
}

.chat-source-badge {
  color: #0068db;
  background: #f4f9ff;
  border-color: #83baff;
  gap: 7px;
  min-height: 36px;
  padding: 7px 11px;
  font-size: 12px;
}

.chat-source-badge svg {
  flex: none;
  width: 16px;
  height: 16px;
}

.chat-source-badge.source-company {
  color: #705193;
  background: #f9f6fd;
  border-color: #c5acdf;
}

.chat-source-badge.source-web {
  color: #006b36;
  background: #f4fbf6;
  border-color: #85cba1;
}

.chat-source-panel {
  border-color: var(--chat-line);
  order: 2;
  grid-column: 1 / -1;
  margin: 12px 0;
}

.chat-source-panel .chat-prose {
  font-size: 13px;
  font-weight: 400;
}

.chat-message-actions {
  grid-column: 2;
  justify-content: flex-end;
  align-self: center;
  gap: 12px;
  margin: 4px 0;
}

.chat-message-actions button {
  color: #233e78;
  gap: 7px;
  min-height: 36px;
  padding: 5px;
  font-size: 13px;
}

.chat-message-actions button svg {
  width: 18px;
  height: 18px;
}

.chat-feedback {
  border-top: 1px solid var(--chat-line);
  color: #294777;
  flex-wrap: wrap;
  order: 3;
  grid-column: 1 / -1;
  align-items: center;
  gap: 13px;
  margin-top: 22px;
  padding-top: 14px;
  font-size: 13px;
  display: flex;
}

.chat-feedback button {
  color: #233e78;
  cursor: pointer;
  background: none;
  border: 0;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  width: 36px;
  height: 36px;
  display: flex;
}

.chat-feedback button:hover, .chat-message-actions button:hover {
  background: #eef5fc;
  border-radius: 8px;
}

.chat-feedback button[aria-pressed="true"] {
  color: #006cdb;
  background: #e6f2ff;
}

.chat-feedback button:disabled {
  cursor: default;
  opacity: .65;
}

.chat-feedback small {
  color: #61769a;
  font-size: 11px;
}

.ask-chat-bottom {
  border-color: var(--chat-line);
  background: #fbfcfe;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  padding: 16px 22px 14px;
  display: flex;
}

.ask-chat-bottom > form, .ask-chat-bottom > .chat-busy-status, .ask-chat-bottom > .chat-context, .ask-chat-bottom > .chat-answer-note {
  flex-basis: 100%;
}

.ask-chat-composer {
  background: #fff;
  border: 1px solid #1688f3;
  border-radius: 13px;
  align-items: center;
  padding: 8px 9px 8px 13px;
}

.ask-chat-composer:focus-within {
  border-color: #007fe8;
  box-shadow: 0 0 0 3px #e4f1ff;
}

.ask-chat-composer textarea {
  color: var(--chat-ink);
  padding: 7px 3px;
  font-size: 16px;
}

.ask-chat-composer textarea::placeholder {
  color: #526b9c;
  opacity: 1;
}

.ask-chat-composer button {
  color: #fff;
  background: #007fe8;
  border-radius: 9px;
  width: 40px;
  height: 40px;
}

.ask-chat-composer button:hover {
  background: #006dcd;
}

.chat-source-summary {
  color: #2b4880;
  background: #edf3f8;
  border-radius: 24px;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0;
  padding: 8px 11px;
  font-size: 11px;
  line-height: 1.5;
}

.chat-selection-dot {
  background: #089548;
  border-radius: 50%;
  flex: none;
  width: 8px;
  height: 8px;
}

.chat-selection-dot.is-off {
  background: #8a97a8;
}

.chat-source-summary b {
  color: var(--chat-ink);
}

.ask-chat-notice {
  color: #415b8b;
  margin: 0 0 0 auto;
  font-size: 11px;
}

.ask-chat-notice[open] {
  flex-basis: 100%;
}

.ask-chat-notice > summary {
  text-align: left;
  align-content: center;
  min-height: 30px;
}

.chat-context {
  color: #61769a;
  margin: 0;
}

.chat-busy-status {
  color: #42659a;
  margin: 0;
}

.chat-busy-dot {
  background: var(--chat-blue);
}

.ask-chat-empty > svg {
  color: var(--chat-blue);
}

.ask-chat-empty h3 {
  color: var(--chat-ink);
}

.ask-chat-pane button:focus-visible, .ask-chat-pane summary:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #1688f3;
}

@media (max-width: 600px) {
  .ask-chat-header {
    padding: 16px 14px 9px;
  }

  .chat-brand {
    gap: 9px;
  }

  .chat-brand > svg {
    width: 28px;
    height: 34px;
  }

  .ask-chat-header h2 {
    font-size: 21px;
  }

  .chat-brand p {
    font-size: 11px;
  }

  .chat-header-tools {
    gap: 2px;
    margin-left: 4px;
  }

  .chat-header-tools button {
    width: 36px;
    min-width: 36px;
  }

  .ask-chat-header nav {
    margin-left: 32px;
  }

  .ask-chat-transcript {
    padding: 22px 15px;
  }

  .chat-message {
    font-size: 15px;
  }

  .chat-user {
    max-width: 94%;
    padding: 13px 15px;
  }

  .chat-message > header {
    gap: 8px;
  }

  .chat-message time {
    font-size: 11px;
  }

  .chat-assistant {
    column-gap: 8px;
  }

  .chat-source-badges {
    grid-column: 1 / -1;
  }

  .chat-message-actions {
    grid-column: 1 / -1;
    justify-content: flex-start;
    margin-top: 6px;
  }

  .chat-source-badge {
    min-height: 38px;
    font-size: 11px;
  }

  .chat-feedback {
    margin-top: 15px;
    padding-top: 10px;
  }

  .ask-chat-bottom {
    gap: 8px;
    padding: 12px;
  }

  .ask-chat-notice {
    margin-left: 0;
  }

  .chat-source-summary {
    font-size: 10px;
  }

  .ask-chat-composer textarea {
    font-size: 16px;
  }
}

.ask-chat-composer {
  align-items: flex-end;
}

.ask-chat-composer textarea {
  min-height: 84px;
  max-height: 240px;
  line-height: 1.45;
  overflow-y: auto;
}

.ask-chat-header nav {
  flex-wrap: wrap;
  margin-left: 0;
}

.ask-chat-header nav button[aria-current="page"] {
  color: #124d86;
  background: #eaf3ff;
}

.ask-case-body {
  overflow-wrap: anywhere;
  flex: 1;
  min-height: 0;
  padding: 18px 22px;
  overflow-y: auto;
}

.ask-case-body h3 {
  color: var(--chat-ink);
  margin: 8px 0 12px;
  font-size: 18px;
}

.ask-case-fields {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.ask-case-scope, .ask-case-status {
  color: #476178;
  font-size: 13px;
}

.ask-case-status {
  background: #f3f7fa;
  padding: 9px 22px;
}

.ask-case-scope {
  margin: 0 0 10px;
}

.ask-case-search {
  gap: 8px;
  margin: 14px 0;
  display: flex;
}

.ask-case-search input {
  border: 1px solid var(--chat-line);
  border-radius: 6px;
  flex: 1;
  min-width: 0;
  padding: 8px;
}

.ask-case-list {
  margin: 0 0 12px;
  padding: 0;
  list-style: none;
}

.ask-case-list li {
  border-bottom: 1px solid var(--chat-line);
}

.ask-case-list button {
  text-align: left;
  cursor: pointer;
  background: none;
  gap: 4px;
  width: 100%;
  padding: 12px 4px;
  display: grid;
}

.ask-case-list button:hover {
  background: #f4f8fc;
}

.ask-case-list span, .ask-case-list small {
  color: #536981;
}

.chat-case-action {
  color: #425d75;
  flex-wrap: wrap;
  grid-column: 1 / -1;
  align-items: center;
  gap: 8px 16px;
  padding: 8px 0;
  font-size: 13px;
  display: flex;
}

.chat-case-action button {
  color: #164d7b;
  background: #f5f9fe;
  border: 1px solid #a8c9e6;
  border-radius: 6px;
  padding: 7px 10px;
}

@media (max-width: 600px) {
  .ask-case-body {
    padding: 12px 14px;
  }

  .ask-chat-header nav {
    gap: 2px;
  }

  .ask-chat-header nav button {
    padding: 5px 7px;
  }
}

/* [project]/app/command-center.css [app-client] (css) */
.workspace-shell[data-command-center] .intelligence-content {
  background: #eff7fb;
  padding: 18px 24px 28px;
}

.workspace-shell[data-command-center] .intelligence-topbar {
  gap: 16px;
}

.workspace-shell[data-command-center] .intelligence-context {
  flex: 360px;
}

.workspace-shell[data-command-center] .intelligence-identity {
  flex: 0 230px;
}

.workspace-shell[data-command-center] .intelligence-context .program-all-assets {
  background: #f8fcfe;
  border: 1px solid #d3e2eb;
  border-radius: 6px;
  padding: 7px 10px;
}

.workspace-shell[data-command-center] .intelligence-context b {
  font-size: 13px;
}

.command-center-page {
  color: #153d54;
  gap: 14px;
}

.command-center-page .command-page-heading {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  display: flex;
}

.command-center-page .command-page-heading h1 {
  letter-spacing: -.03em;
  color: #12384f;
  margin: 0 0 6px;
  font-size: 30px;
  line-height: 1.2;
}

.command-center-page .command-page-heading p {
  color: #527184;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.command-center-page .command-page-heading button {
  flex: none;
  min-height: 40px;
}

.command-center-page .program-kpi-overview {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  gap: 14px;
  display: grid;
  overflow: visible;
}

.command-center-page .program-family-grid {
  background: none;
  gap: 12px;
  padding: 0;
}

.command-center-page .program-family-card {
  box-shadow: none;
  border-radius: 9px;
  padding: 16px;
}

.command-center-page .program-family-card h3 {
  font-size: 17px;
}

.command-center-page .program-family-card header span {
  color: #537287;
  font-size: 12px;
}

.command-center-page .program-family-status {
  margin: 13px 0 8px;
  font-size: 17px;
}

.command-center-page .program-family-card dt {
  color: #547185;
  font-size: 12px;
}

.command-center-page .program-family-card dd {
  font-size: 17px;
}

.command-center-page .operator-priorities {
  border-radius: 9px;
}

.command-center-page .operator-priorities > header {
  gap: 12px;
  padding: 13px 16px 10px;
}

.command-center-page .operator-priorities > header > div > span {
  display: none;
}

.command-center-page .operator-priorities h3 {
  letter-spacing: -.02em;
  margin: 0;
  font-size: 22px;
}

.command-center-page .operator-priorities label {
  align-items: center;
  gap: 12px;
  font-size: 12px;
  display: flex;
}

.command-center-page .operator-priorities select {
  min-width: 190px;
}

.command-center-page .operator-priority-counts {
  gap: 12px;
  padding: 0 16px 10px;
}

.command-center-page .operator-priority-counts > div {
  border-radius: 5px;
  gap: 12px;
  padding: 5px 12px;
}

.command-center-page .operator-priority-counts b {
  font-size: 25px;
}

.command-center-page .command-priority-scroll {
  margin: 0 16px;
  overflow-x: auto;
}

.command-center-page .command-priority-table {
  border-collapse: collapse;
  table-layout: fixed;
  text-align: left;
  width: 100%;
  min-width: 950px;
  font-size: 14px;
}

.command-center-page .command-priority-table :is(th, td) {
  vertical-align: top;
  overflow-wrap: anywhere;
  color: #31566b;
  border: 1px solid #dce7ee;
  padding: 9px;
  line-height: 1.4;
}

.command-center-page .command-priority-table thead th {
  vertical-align: middle;
  background: #f1f7fb;
  font-size: 12px;
  font-weight: 650;
}

.command-center-page .command-priority-table thead th:first-child {
  width: 8%;
}

.command-center-page .command-priority-table thead th:nth-child(2) {
  width: 13%;
}

.command-center-page .command-priority-table thead th:nth-child(3) {
  width: 9%;
}

.command-center-page .command-priority-table thead th:nth-child(4) {
  width: 26%;
}

.command-center-page .command-priority-table thead th:nth-child(5), .command-center-page .command-priority-table thead th:nth-child(6), .command-center-page .command-priority-table thead th:nth-child(7) {
  width: 10%;
}

.command-center-page .command-priority-table thead th:nth-child(8) {
  width: 14%;
}

.command-center-page .command-priority-table tbody th {
  color: #153f58;
  font-weight: 700;
}

.command-center-page .command-priority-table tbody tr:nth-child(2n) {
  background: #fbfdfe;
}

.command-center-page .command-priority-table small {
  color: #5d7889;
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.4;
  display: block;
}

.command-center-page .command-priority-table time {
  white-space: nowrap;
  font-size: 12px;
}

.command-center-page .command-priority-table button {
  white-space: normal;
  gap: 5px;
  width: 100%;
  min-height: 40px;
  padding: 5px 6px;
  font-size: 14px;
}

.command-center-page .command-priority-table .operator-priority-status {
  font-size: 12px;
  display: inline-block;
}

.command-center-page .command-priority-evidence summary {
  cursor: pointer;
}

.command-center-page .command-priority-evidence summary b {
  font-weight: 600;
}

.command-center-page .command-priority-evidence summary > span {
  color: #247492;
  margin-top: 4px;
  font-size: 12px;
  text-decoration: underline;
  display: block;
}

.command-center-page .command-priority-evidence p {
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

.command-center-page .operator-priorities > footer {
  background: #fff;
  gap: 10px;
  padding: 10px 16px;
}

.command-center-page .operator-priorities > footer > span {
  margin-right: auto;
}

.command-center-page .command-disclosure {
  background: #fff;
  border: 1px solid #cbdde8;
  border-radius: 7px;
  min-width: 0;
  scroll-margin-top: 20px;
  overflow: hidden;
}

.command-center-page .command-disclosure > summary {
  color: #234f68;
  cursor: pointer;
  align-items: center;
  gap: 12px;
  min-height: 48px;
  padding: 13px 18px;
  font-size: 14px;
  font-weight: 650;
  display: flex;
}

.command-center-page .command-disclosure > summary:after {
  content: "›";
  margin-left: auto;
  font-size: 22px;
  line-height: 1;
}

.command-center-page .command-disclosure[open] > summary:after {
  transform: rotate(90deg);
}

.command-center-page .command-disclosure > summary svg {
  color: #157fa2;
  flex: none;
  width: 22px;
  height: 22px;
}

.command-center-page .command-disclosure > summary small {
  color: #5c798b;
  font-size: 12px;
  font-weight: 400;
}

.command-center-page .program-highlight-grid {
  grid-template-columns: minmax(0, 1fr) 260px;
}

.command-center-page .program-key-highlights {
  padding: 16px;
}

.command-center-page .program-key-highlights > header {
  grid-template-columns: auto 1fr;
}

.command-center-page .program-key-highlights > header > em {
  grid-column: 2;
}

.command-center-page .program-key-highlights h3, .command-center-page .program-risk-distribution h3, .command-center-page .program-test-snapshot h3 {
  font-size: 19px;
}

.command-center-page .program-customer-table table {
  min-width: 600px;
}

.command-center-page .program-test-table :is(th, td) {
  white-space: normal;
  padding: 12px 9px;
}

.command-center-page .program-customer-table th:first-child {
  width: 35%;
}

.command-center-page .program-customer-name button {
  text-align: left;
}

.command-center-page .program-customer-result button {
  white-space: normal;
  min-height: 30px;
  margin-top: 8px;
  padding: 5px 7px;
  font-size: 12px;
}

.command-center-page .program-risk-distribution {
  padding: 16px;
}

.command-center-page .program-risk-distribution > p {
  font-size: 12px;
  line-height: 1.5;
}

.command-center-page .program-test-snapshot {
  border: 0;
  padding: 18px;
}

.command-center-page .program-test-snapshot > header {
  gap: 16px;
}

.command-center-page .program-test-snapshot .program-test-table table {
  min-width: 760px;
}

.command-center-page .command-family-evidence {
  color: #537083;
  border-top: 1px solid #dbe7ee;
  margin-top: 20px;
  padding-top: 16px;
  font-size: 12px;
}

.command-center-page .command-family-evidence h4 {
  color: #274f65;
  margin: 0 0 8px;
  font-size: 14px;
}

.command-center-page .command-family-evidence article {
  margin-top: 12px;
}

.command-center-page .command-family-evidence p {
  margin: 5px 0;
  line-height: 1.5;
}

.command-center-page .command-intelligence-facets {
  gap: 12px;
}

.command-center-page .command-intelligence-facets article {
  background: #fff;
  border-radius: 8px;
  padding: 16px;
}

.command-center-page .command-intelligence-facets article b {
  font-size: 25px;
}

.command-center-page .command-intelligence-facets article small {
  color: #547488;
  font-size: 12px;
  line-height: 1.5;
}

.command-center-page .command-assessment-message {
  background: #fff;
  border: 1px solid #cbdde8;
  border-radius: 7px;
  margin: 0;
  padding: 12px 16px;
  font-size: 13px;
}

.command-center-page :is(summary, button, select, [tabindex]):focus-visible {
  outline-offset: 3px;
  outline: 3px solid #2587a8;
}

@media (max-width: 1100px) {
  .command-center-page .program-highlight-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .command-center-page .program-risk-distribution {
    border-top: 1px solid #dbe7ee;
  }

  .command-center-page .command-page-heading {
    flex-wrap: wrap;
  }
}

@media (max-width: 760px) {
  .command-center-page .program-family-grid {
    grid-template-columns: 1fr;
  }

  .command-center-page .command-intelligence-facets {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .command-center-page .command-disclosure > summary {
    flex-wrap: wrap;
  }

  .command-center-page .command-disclosure > summary small {
    display: none;
  }
}

.workspace-shell[data-command-center] .intelligence-topbar {
  padding-top: 10px;
  padding-bottom: 10px;
}

.command-center-page .program-family-card {
  padding: 13px 16px;
}

.command-center-page .program-family-status {
  margin-top: 10px;
  margin-bottom: 6px;
}

.command-center-page .program-family-card > dl div {
  padding: 6px 8px;
}

.command-center-page .command-priority-table :is(th, td) {
  padding: 8px;
}

.command-center-page .command-priority-table .command-additional-findings {
  white-space: nowrap;
  font-size: 12px;
  font-weight: 400;
}

.command-center-page .command-priority-evidence summary small {
  margin-top: 3px;
}

.command-center-page .program-test-table > [data-slot="table-container"] {
  max-height: none;
  overflow-x: auto;
}

.command-center-page .program-test-table th {
  font-size: 12px;
}

.command-center-page .program-test-name b {
  text-overflow: clip;
  font-size: 12px;
  overflow: visible;
}

.command-center-page .program-test-name small, .command-center-page .program-test-result > small, .command-center-page .program-customer-name button em {
  font-size: 12px;
}

.command-center-page .program-test-family, .command-center-page .program-test-status {
  white-space: normal;
  font-size: 12px;
}

.command-center-page .program-test-snapshot > footer {
  font-size: 12px;
}

.command-center-page .program-test-table td {
  border-bottom: 1px solid #e0e9ef;
}

.command-center-page .program-risk-legend article {
  grid-template-columns: auto 1fr auto auto;
}

.command-center-page .program-risk-legend small {
  grid-column: auto;
  margin: 0;
  font-size: 12px;
}

.command-center-page .program-key-highlights > header > em {
  justify-self: start;
}

/* [project]/app/recommendations-design.css [app-client] (css) */
.workspace-shell[data-recommendations] .intelligence-content {
  background: #eff7fb;
  padding: 18px 24px 28px;
}

.workspace-shell[data-recommendations] .intelligence-topbar {
  padding-top: 10px;
  padding-bottom: 10px;
}

.workspace-shell[data-recommendations] .intelligence-identity {
  flex: 0 250px;
}

.workspace-shell[data-recommendations] .intelligence-context .program-all-assets {
  background: #f8fcfe;
  border: 1px solid #d3e2eb;
  border-radius: 6px;
  padding: 7px 10px;
}

.recommendations-design {
  color: #153d54;
  gap: 14px;
}

.recommendations-design .action-portfolio-hero {
  color: #153d54;
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  padding: 0;
}

.recommendations-design .action-portfolio-hero h1 {
  color: #12384f;
  letter-spacing: -.03em;
  margin: 0 0 6px;
  font-size: 30px;
  line-height: 1.2;
}

.recommendations-design .action-portfolio-hero p {
  color: #527184;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.recommendations-design .action-portfolio-export {
  flex: none;
}

.recommendations-design .action-portfolio-export button {
  border-color: #92bdcd;
  min-height: 38px;
  font-size: 12px;
}

.recommendations-design .recommendations-predictive {
  background: #f4fafb;
  border: 1px solid #c5dfe7;
  border-radius: 8px;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px 20px;
  padding: 10px 14px;
  display: flex;
}

.recommendations-design .recommendations-predictive > div {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  display: flex;
}

.recommendations-design .recommendations-predictive svg {
  color: #147b94;
  flex: none;
  width: 18px;
  height: 18px;
}

.recommendations-design .recommendations-predictive button {
  min-height: 34px;
  font-size: 12px;
}

.recommendations-design .recommendations-predictive > details {
  color: #436b7f;
  font-size: 12px;
}

.recommendations-design .recommendations-predictive > details[open] {
  flex-basis: 100%;
}

.recommendations-design .recommendations-predictive summary {
  cursor: pointer;
}

.recommendations-design .recommendations-predictive summary svg {
  vertical-align: middle;
  margin: 0 5px;
  display: inline;
}

.recommendations-design .recommendations-predictive p {
  max-width: 90ch;
  margin: 10px 0 5px;
  line-height: 1.6;
}

.recommendations-design .recommendations-predictive small {
  font-size: 12px;
}

.recommendations-design .action-portfolio-filters {
  border-radius: 8px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 12px 14px;
}

.recommendations-design .action-portfolio-search > span {
  clip-path: inset(50%);
  width: 1px;
  height: 1px;
  position: absolute;
  overflow: hidden;
}

.recommendations-design .action-portfolio-search input {
  background: #fff;
}

.recommendations-design .analysis-summary {
  font-size: 12px;
  line-height: 1.5;
}

.recommendations-design .recommendation-list {
  border-radius: 8px;
  scroll-margin-top: 15px;
}

.recommendations-design .recommendation-list-toolbar {
  padding: 12px 14px;
}

.recommendations-design .recommendation-table-scroll {
  scrollbar-gutter: auto;
  max-height: none;
  overflow-x: auto;
}

.recommendations-design .recommendation-table tbody p {
  -webkit-line-clamp: unset;
  display: block;
  overflow: visible;
}

.recommendations-design .recommendation-response > b {
  display: block;
  overflow: visible;
}

.recommendations-design .recommendation-table tbody :is(th, td) {
  padding: 10px;
}

.recommendations-design .recommendation-table tbody small {
  font-size: 12px;
}

.recommendations-design .recommendation-table .asset-col {
  width: 14%;
}

.recommendations-design .recommendation-table .treatment-status-col {
  width: 15%;
}

.recommendations-design .recommendation-table .risk-col {
  width: 9%;
}

.recommendations-design .recommendation-table .finding-col {
  width: 20%;
}

.recommendations-design .recommendation-table .response-col {
  width: 21%;
}

.recommendations-design .recommendation-table .timing-col {
  width: 12%;
}

.recommendations-design .recommendation-table .analysis-col {
  width: 9%;
}

.recommendations-design .recommendation-table.engineering .finding-col {
  width: 16%;
}

.recommendations-design .recommendation-table.engineering .response-col {
  width: 17%;
}

.recommendations-design .recommendation-table.engineering .confidence-col {
  width: 8%;
}

.recommendations-design .recommendation-asset-tools {
  background: #fff;
  border: 1px solid #cbdce6;
  border-radius: 8px;
  padding: 14px;
}

.recommendations-design .recommendation-asset-tools > summary {
  cursor: pointer;
  font-size: 14px;
  font-weight: 650;
}

.recommendation-inspection-summary > section {
  border-top: 1px solid #d7e4eb;
  padding: 18px 0;
}

.recommendation-inspection-summary h3 {
  color: #183e55;
  margin: 0 0 7px;
  font-size: 14px;
}

.recommendation-inspection-summary :is(p, b, dl) {
  font-size: 14px;
  line-height: 1.6;
}

.recommendation-inspection-summary p {
  color: #4e7085;
  overflow-wrap: anywhere;
  margin: 4px 0 0;
}

.recommendation-inspection-summary small {
  color: #5f7c8e;
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.5;
  display: block;
}

.recommendation-inspection-summary dl {
  gap: 8px;
  margin: 0;
  display: grid;
}

.recommendation-inspection-summary dl > div {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 18px;
  display: grid;
}

.recommendation-inspection-summary dt {
  color: #5a788b;
}

.recommendation-inspection-summary dd {
  color: #234e67;
  overflow-wrap: anywhere;
  margin: 0;
}

.recommendation-inspection-summary .inspection-evidence-gap {
  color: #875b17;
  font-weight: 650;
}

.recommendation-full-analysis {
  border-top: 1px solid #d7e4eb;
  margin-top: 18px;
}

.recommendation-full-analysis > summary {
  cursor: pointer;
  color: #16748e;
  padding: 16px 0;
  font-size: 14px;
  font-weight: 650;
}

:is(.recommendation-full-analysis, .recommendation-asset-tools) .recommendation-inspector-mode {
  flex-wrap: wrap;
  gap: 8px;
  margin: 4px 0 18px;
  display: flex;
}

.recommendation-full-analysis .analysis-detail {
  margin-bottom: 18px;
}

.recommendation-full-analysis .analysis-detail > .action-portfolio-back {
  align-items: center;
  margin-bottom: 16px;
}

.recommendation-full-analysis .analysis-detail > .action-portfolio-back p {
  color: #5c7a8b;
  font-size: 13px;
}

.recommendation-full-analysis .decision-workspace {
  min-width: 0;
}

.recommendation-full-analysis :is(.customer-proposal-panel, .remediation-design-workspace) {
  margin-top: 18px;
}

.recommendations-design :is(button, summary, input, select):focus-visible {
  outline-offset: 3px;
  outline: 3px solid #2587a8;
}

@media (max-width: 1100px) {
  .recommendations-design .action-portfolio-hero {
    flex-wrap: wrap;
    align-items: start;
  }

  .recommendations-design .action-portfolio-filters {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 760px) {
  .recommendations-design .action-portfolio-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.recommendations-design .recommendation-table tr[data-selected] > :is(th, td) {
  background: #edf7fa;
}

.recommendations-design .recommendation-table tbody .recommendation-detail-hint {
  margin-top: 6px;
}

.recommendation-inspector :is(button, select, input) {
  font-family: Arial, Helvetica, sans-serif;
}

.recommendation-inspector .treatment-eligibility {
  padding: 12px;
  font-size: 14px;
  line-height: 1.5;
}

.recommendation-inspector .treatment-pending {
  border: 1px solid #ccdbe2;
  border-radius: 8px;
  padding: 16px;
}

@media (max-width: 600px) {
  .recommendations-design .recommendation-table-scroll {
    max-height: none;
  }

  .recommendations-design .recommendation-table {
    min-width: 0;
    display: block;
  }

  .recommendations-design .recommendation-table colgroup {
    display: none;
  }

  .recommendations-design .recommendation-table thead {
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    position: absolute;
    overflow: hidden;
  }

  .recommendations-design .recommendation-table tbody {
    display: block;
  }

  .recommendations-design .recommendation-table tbody tr {
    border-top: 1px solid #ccdbe2;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 12px;
    padding: 14px;
    display: grid;
  }

  .recommendations-design .recommendation-table tbody :is(th, td) {
    background: none;
    border: 0;
    padding: 0;
    display: block;
    position: static;
  }

  .recommendations-design .recommendation-table tbody th {
    border-left: 3px solid #8ba5b5;
    grid-column: 1 / -1;
    padding-left: 10px;
  }

  .recommendations-design .recommendation-table .risk-high > th {
    border-left-color: #bf4940;
  }

  .recommendations-design .recommendation-table .risk-moderate > th {
    border-left-color: #c49122;
  }

  .recommendations-design .recommendation-table .risk-low > th {
    border-left-color: #348168;
  }

  .recommendations-design .recommendation-table td:before {
    content: attr(data-label);
    color: #527184;
    margin-bottom: 5px;
    font-size: 12px;
    display: block;
  }

  .recommendations-design .recommendation-table :is(.recommendation-finding, .recommendation-response, td:last-child) {
    grid-column: 1 / -1;
  }

  .recommendations-design .recommendation-table td:last-child:before {
    display: none;
  }

  .recommendations-design .recommendation-table td button {
    min-height: 44px;
  }
}

/* [project]/app/asset-graph-design.css [app-client] (css) */
.workspace-shell[data-asset-design] .intelligence-content {
  background: #eff7fb;
  padding: 18px 24px 32px;
}

.workspace-shell[data-asset-design] .intelligence-topbar {
  gap: 16px;
  padding: 10px 24px;
}

.workspace-shell[data-asset-detail] .intelligence-topbar > .asset-graph-scope-filters {
  background: none;
  border: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 0;
}

.workspace-shell[data-asset-detail] .intelligence-topbar .asset-graph-scope-summary {
  grid-column: 1 / -1;
  align-items: center;
  gap: 8px;
  display: flex;
}

.workspace-shell[data-asset-detail] .intelligence-topbar .asset-graph-scope-summary :is(b, small) {
  margin: 0;
  font-size: 12px;
}

.workspace-shell[data-asset-detail] .intelligence-topbar .asset-graph-scope-summary > span {
  font-size: 12px;
}

.workspace-shell[data-asset-detail] .intelligence-topbar .asset-graph-scope-summary button {
  margin: 0 0 0 auto;
}

.asset-graph-design {
  color: #153d54;
  gap: 14px;
}

.asset-design-title {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  display: flex;
}

.asset-design-title h1 {
  color: #12384f;
  letter-spacing: -.03em;
  margin: 0 0 6px;
  font-size: 30px;
  line-height: 1.2;
}

.asset-design-title p {
  color: #527184;
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
}

.asset-design-title-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.asset-design-title-actions > button {
  min-height: 36px;
  font-size: 12px;
}

.asset-design-title-actions > button:nth-child(2) {
  color: #fff;
  background: #087d91;
  border-color: #087d91;
}

.asset-portfolio-scope-row {
  background: #f9fcfe;
  border: 1px solid #cbdfe9;
  border-radius: 8px;
  align-items: center;
  gap: 16px;
  padding: 12px 16px;
  display: flex;
}

.asset-portfolio-scope-row > .asset-graph-scope-filters {
  background: none;
  border: 0;
  flex: 1;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  padding: 0;
}

.asset-portfolio-scope-row .asset-graph-scope-summary {
  grid-column: 1 / -1;
  align-items: center;
  gap: 8px;
  display: flex;
}

.asset-portfolio-scope-row .asset-graph-scope-summary :is(span, b, small) {
  margin: 0;
  font-size: 12px;
}

.asset-portfolio-scope-row .asset-graph-scope-summary button {
  margin: 0 0 0 auto;
}

.workspace-shell[data-asset-design] .asset-graph-scope-filters label > span {
  color: #527184;
  margin-bottom: 5px;
  font-size: 12px;
}

.workspace-shell[data-asset-design] .asset-graph-scope-filters select {
  background: #fff;
  height: 36px;
  padding: 0 26px 0 9px;
  font-size: 13px;
  font-weight: 500;
}

.asset-data-examples {
  background: #f7fbfd;
  border: 1px solid #c5dce7;
  border-radius: 6px;
  flex: none;
  font-size: 12px;
  position: relative;
}

.asset-data-examples > summary {
  cursor: pointer;
  padding: 10px 12px;
  font-weight: 600;
}

.asset-data-examples > div {
  z-index: 36;
  background: #fff;
  border: 1px solid #bcd5e1;
  border-radius: 8px;
  gap: 8px;
  width: 240px;
  padding: 12px;
  display: grid;
  position: absolute;
  top: calc(100% + 5px);
  right: 0;
  box-shadow: 0 8px 24px #123a5526;
}

.asset-data-examples p {
  color: #527184;
  margin: 0;
  font-size: 12px;
}

.asset-data-examples button {
  font-size: 12px;
}

.asset-graph-design .asset-row-overview {
  gap: 12px;
}

.asset-graph-design .asset-row-summary {
  background: none;
  border: 0;
  gap: 8px 20px;
  padding: 0 3px;
  font-size: 13px;
}

.asset-graph-design .asset-row-summary b {
  font-size: 13px;
}

.asset-portfolio-filter-context {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  font-size: 13px;
  display: flex;
}

.asset-assessment-state {
  color: #795a22;
  background: #fff9eb;
  border: 1px solid #d8c491;
  border-radius: 6px;
  padding: 10px 14px;
  font-size: 13px;
}

.asset-graph-design .asset-row-list {
  background: #fff;
  border: 1px solid #cbdfe9;
  border-radius: 8px;
  overflow: hidden;
}

.asset-graph-design .asset-row-toolbar {
  flex-wrap: wrap;
  align-items: end;
  gap: 12px;
  padding: 14px;
}

.asset-graph-design .asset-row-list-title h3 {
  letter-spacing: -.02em;
  font-size: 18px;
}

.asset-graph-design .asset-row-list-title > span {
  font-size: 12px;
}

.asset-graph-design .asset-row-controls {
  flex-wrap: wrap;
  gap: 10px;
}

.asset-graph-design .asset-row-controls label {
  font-size: 12px;
}

.asset-graph-design .asset-row-controls :is(input, select) {
  min-width: 0;
  height: 34px;
  font-size: 12px;
}

.asset-graph-design .asset-row-search {
  min-width: 190px;
}

.asset-graph-design .asset-row-scroll {
  scrollbar-gutter: stable;
  max-height: 510px;
}

.asset-graph-design .asset-row-table {
  min-width: 760px;
  font-size: 13px;
}

.asset-graph-design .asset-row-table.engineering {
  min-width: 940px;
}

.asset-graph-design .asset-row-table :is(th, td) {
  padding: 10px;
  line-height: 1.45;
}

.asset-graph-design .asset-row-table thead th {
  color: #41667c;
  background: #edf6fa;
  font-size: 12px;
  font-weight: 600;
}

.asset-graph-design .asset-row-table tbody th > b {
  font-size: 15px;
}

.asset-graph-design .asset-row-table tbody :is(th, td) > span, .asset-graph-design .asset-row-table tbody small {
  font-size: 12px;
}

.asset-graph-design .asset-row-table .asset-name-col {
  width: 22%;
}

.asset-graph-design .asset-row-table .asset-risk-col {
  width: 25%;
}

.asset-graph-design .asset-row-table .asset-coverage-col {
  width: 23%;
}

.asset-graph-design .asset-row-table .asset-open-col {
  width: 30%;
}

.asset-graph-design .asset-row-table.engineering .asset-name-col {
  width: 14%;
}

.asset-graph-design .asset-row-table.engineering .asset-risk-col {
  width: 20%;
}

.asset-graph-design .asset-row-table.engineering .asset-family-col {
  width: 10.5%;
}

.asset-graph-design .asset-row-table.engineering .asset-coverage-col {
  width: 17%;
}

.asset-graph-design .asset-row-table.engineering .asset-open-col {
  width: 17.5%;
}

.asset-graph-design .asset-row-counts {
  flex-wrap: wrap;
  gap: 2px 7px;
  font-size: 12px;
  display: flex;
}

.asset-graph-design .asset-row-open button {
  white-space: normal;
  justify-content: space-between;
  min-height: 30px;
  font-size: 12px;
}

.asset-graph-design .asset-row-open p {
  font-size: 12px;
}

.asset-graph-design .asset-row-pagination {
  flex-wrap: wrap;
  gap: 10px;
  padding: 10px 14px;
  font-size: 12px;
}

.asset-graph-design .asset-row-note {
  padding: 0 14px 12px;
  font-size: 12px;
  line-height: 1.6;
}

.asset-graph-design :is(.asset-row-supplement, .asset-detail-disclosure) {
  color: #153d54;
  background: #fff;
  border: 1px solid #cbdfe9;
  border-radius: 7px;
  min-width: 0;
}

.asset-graph-design :is(.asset-row-supplement, .asset-detail-disclosure) > summary {
  color: #214d65;
  cursor: pointer;
  padding: 14px 16px;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.45;
}

.asset-graph-design :is(.asset-row-supplement, .asset-detail-disclosure)[open] > summary {
  border-bottom: 1px solid #dce7ee;
}

.asset-graph-design .asset-detail-disclosure > div {
  padding: 16px;
}

.asset-graph-design .asset-row-supplement > p, .asset-graph-design .asset-row-supplement > button {
  margin: 12px 16px;
}

.asset-graph-design .asset-portfolio-setup {
  font-size: 13px;
}

.asset-graph-design .asset-portfolio-family-grid {
  padding: 14px;
}

.asset-graph-design .asset-detail-design {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  gap: 14px;
  min-width: 0;
  display: grid;
}

.asset-response-summary {
  color: #1b555c;
  background: #eaf7f6;
  border: 1px solid #a8d6da;
  border-radius: 7px;
  align-items: center;
  gap: 14px;
  padding: 14px 18px;
  display: flex;
}

.asset-response-summary > svg {
  flex: none;
  width: 26px;
  height: 26px;
}

.asset-response-summary > div {
  flex: 1;
  min-width: 0;
}

.asset-response-summary b {
  font-size: 15px;
}

.asset-response-summary p {
  margin: 4px 0 0;
  font-size: 13px;
  line-height: 1.55;
}

.asset-response-summary > span {
  flex: none;
  max-width: 180px;
  font-size: 12px;
  font-weight: 700;
}

.asset-measurement-layout {
  gap: 12px;
  min-width: 0;
  display: grid;
}

.asset-measurement-grid {
  grid-template-columns: minmax(0, 1.5fr) minmax(300px, 1fr);
  gap: 12px;
  display: grid;
}

.asset-measurement-route, .asset-selected-evidence {
  background: #fff;
  border: 1px solid #cbdfe9;
  border-radius: 7px;
  min-width: 0;
}

.asset-measurement-route {
  padding: 16px;
}

.asset-measurement-route > header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  margin-bottom: 12px;
  display: flex;
}

.asset-measurement-route h2 {
  color: #143f57;
  margin: 0;
  font-size: 15px;
  line-height: 1.4;
}

.asset-availability-key {
  color: #547485;
  gap: 12px;
  font-size: 12px;
  display: flex;
}

.asset-availability-key span {
  align-items: center;
  gap: 5px;
  display: flex;
}

.asset-availability-key i {
  background: #258c6a;
  border-radius: 50%;
  width: 9px;
  height: 9px;
  display: block;
}

.asset-availability-key i.missing {
  background: #c4d1dc;
}

.asset-measurement-route .graph-layer-controls {
  justify-content: flex-start;
  gap: 6px;
}

.asset-measurement-route .graph-layer-controls button {
  color: #456a7e;
  background: #f0f7fa;
  border: 1px solid #d1e1ea;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 12px;
}

.asset-measurement-route .graph-layer-controls button.active {
  color: #fff;
  background: #123e55;
  border-color: #123e55;
}

.asset-measurement-route .graph-layer-controls button svg {
  display: none;
}

.asset-measurement-nodes {
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 4px;
  margin: 24px 0 14px;
  display: grid;
  position: relative;
}

.asset-measurement-nodes.flow-visible:before {
  content: "";
  pointer-events: none;
  border-top: 1px dashed #8daabb;
  position: absolute;
  top: 12px;
  left: 8%;
  right: 8%;
}

.asset-measurement-node {
  color: #345a71;
  text-align: center;
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 5px;
  flex-direction: column;
  align-items: center;
  gap: 7px;
  min-width: 0;
  padding: 0 3px 7px;
  display: flex;
  position: relative;
}

.asset-measurement-node:hover, .asset-measurement-node.selected {
  background: #eef7fa;
  border-color: #d0e2eb;
}

.asset-node-availability {
  z-index: 1;
  background: #268c69;
  border: 3px solid #e6f1f0;
  border-radius: 50%;
  outline: 1px solid #7e9fae;
  width: 18px;
  height: 18px;
  margin: 3px 0 8px;
  display: block;
}

.asset-node-availability.missing {
  background: #f6f9fb;
  border-color: #f6f9fb;
}

.asset-measurement-node.selected .asset-node-availability {
  box-shadow: 0 0 0 5px #b8d3df66;
}

.asset-measurement-node b {
  min-height: 32px;
  font-size: 12px;
  line-height: 1.35;
}

.asset-measurement-node strong {
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

.asset-measurement-node small {
  color: #5f7f91;
  font-size: 12px;
  line-height: 1.4;
}

.asset-node-risk {
  background: #e8eef1;
  border-radius: 4px;
  padding: 3px 5px;
  font-size: 12px;
}

.asset-node-risk.high {
  color: #ac3030;
  background: #ffebeb;
}

.asset-node-risk.moderate {
  color: #8f620c;
  background: #fff2d5;
}

.asset-node-risk.low {
  color: #1f7550;
  background: #e1f3e9;
}

.asset-measurement-route > p {
  color: #527184;
  margin: 8px 0 0;
  font-size: 12px;
  line-height: 1.55;
}

.asset-measurement-route > p.asset-measurement-warning {
  color: #855922;
}

.asset-selected-evidence {
  overflow: hidden;
}

.asset-selected-evidence > header {
  color: #fff;
  background: linear-gradient(115deg, #0d344d, #115066);
  grid-template-columns: 1fr 1.25fr;
  gap: 14px;
  padding: 18px;
  display: grid;
}

.asset-selected-evidence > header > div + div {
  border-left: 1px solid #487389;
  padding-left: 14px;
}

.asset-selected-evidence header span {
  color: #a9d6e1;
  font-size: 12px;
  line-height: 1.5;
  display: block;
}

.asset-selected-evidence h2, .asset-selected-evidence header b {
  color: #fff;
  overflow-wrap: anywhere;
  margin: 7px 0;
  font-size: 23px;
  font-weight: 550;
  line-height: 1.2;
  display: block;
}

.asset-selected-evidence header small {
  color: #d1e4ed;
  font-size: 12px;
  line-height: 1.5;
  display: block;
}

.asset-source-coverage {
  padding: 16px 18px;
}

.asset-source-coverage h3 {
  margin: 0 0 8px;
  font-size: 14px;
}

.asset-source-coverage p {
  color: #527184;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

.asset-source-coverage p + p {
  border-top: 1px solid #d9e5ed;
  margin-top: 10px;
  padding-top: 10px;
}

.asset-graph-design .asset-decision-review {
  box-shadow: none;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
}

.asset-engineering-review {
  color: #183f56;
  background: #fff !important;
  border: 1px solid #cbdfe9 !important;
  border-radius: 7px !important;
  margin: 0 !important;
  padding: 18px !important;
}

.asset-engineering-review[hidden], .asset-review-panel[hidden] {
  display: none !important;
}

.asset-review-tabs {
  gap: 0;
}

.asset-engineering-review .engineering-review-head {
  align-items: flex-start;
  gap: 16px;
}

.asset-engineering-review .engineering-review-head h2 {
  color: #163e55;
  margin: 0 0 5px;
  font-size: 21px;
}

.asset-engineering-review .engineering-review-head > div > span {
  display: none;
}

.asset-engineering-review .engineering-review-head p {
  color: #527184;
  margin: 0;
  font-size: 12px;
}

.asset-engineering-review .engineering-review-actions button {
  min-height: 34px;
  font-size: 12px;
}

.asset-engineering-review .engineering-review-scope {
  color: #527184;
  margin: 8px 0 4px;
  font-size: 12px;
}

.asset-review-tabs > p[role="status"] {
  color: #527184;
  margin: 4px 0 12px;
  font-size: 12px;
}

.asset-review-tabs > [data-slot="tabs-list"] {
  border-bottom: 1px solid #d0e1eb;
  border-radius: 0;
  justify-content: flex-start;
  gap: 6px;
  width: 100%;
  height: auto;
  margin: 0 0 14px;
  padding: 0;
}

.asset-review-tabs > [data-slot="tabs-list"] > button {
  color: #527184;
  border-radius: 5px 5px 0 0;
  flex: none;
  min-height: 40px;
  padding: 8px 16px;
  font-size: 13px;
}

.asset-review-tabs > [data-slot="tabs-list"] > button[data-state="active"] {
  color: #176683;
  background: #e7f4f9;
  box-shadow: inset 0 -3px #147c9e;
}

.asset-review-panel {
  min-width: 0;
  margin: 0;
}

.asset-engineering-review fieldset {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
}

.asset-evidence-overview {
  grid-template-columns: minmax(0, 1.35fr) minmax(0, 1fr);
  gap: 12px;
  display: grid;
}

.asset-production-comparison, .asset-confidence-overview {
  background: #fcfefe;
  border: 1px solid #d2e2eb;
  border-radius: 6px;
  min-width: 0;
  padding: 14px;
}

.asset-evidence-overview h3 {
  color: #173f55;
  margin: 0 0 12px;
  font-size: 15px;
}

.asset-evidence-overview p {
  color: #527184;
  margin: 10px 0 0;
  font-size: 12px;
  line-height: 1.55;
}

.asset-comparison-table {
  overflow-x: auto;
}

.asset-comparison-table table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: 12px;
}

.asset-comparison-table thead {
  color: #446a80;
  background: #ecf5f9;
}

.asset-comparison-table th {
  font-weight: 600;
}

.asset-comparison-table :is(th, td) {
  border-bottom: 1px solid #d9e5ec;
  padding: 10px 9px;
  line-height: 1.5;
}

.asset-comparison-table thead th {
  font-size: 12px;
}

.asset-evidence-overview .asset-oil-shortfall {
  color: #244f66;
  background: #eaf5f9;
  border-radius: 5px;
  padding: 9px;
}

.asset-evidence-overview .asset-comparison-basis {
  margin-top: 7px;
  font-size: 12px;
}

.asset-confidence-overview .engineering-confidence-grid {
  margin: 0;
  display: block;
}

.asset-confidence-overview .engineering-confidence-grid article {
  background: none;
  border: 0;
  border-bottom: 1px solid #d5e4ec;
  border-radius: 0;
  grid-template-columns: 1fr 1fr;
  gap: 4px 12px;
  padding: 9px 0;
  display: grid;
}

.asset-confidence-overview .engineering-confidence-grid article > span {
  color: #264f65;
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
}

.asset-confidence-overview .engineering-confidence-grid article > b {
  background: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
}

.asset-confidence-overview .engineering-confidence-grid article > p {
  grid-column: 1 / -1;
  margin: 0;
  font-size: 12px;
}

.asset-confidence-overview details {
  margin: 10px 0 0;
  font-size: 12px;
}

.asset-confidence-overview details > summary {
  cursor: pointer;
  font-size: 12px;
  line-height: 1.5;
}

.asset-confidence-overview ul {
  padding-left: 18px;
  font-size: 12px;
  line-height: 1.6;
}

.asset-engineering-review .analysis-optional, .asset-technical-disclosure {
  background: #fff;
  border: 1px solid #d5e3eb;
  border-radius: 6px;
  margin-top: 12px;
  font-size: 13px;
}

.asset-engineering-review .analysis-optional > summary, .asset-technical-disclosure > summary {
  cursor: pointer;
  padding: 12px;
  font-size: 13px;
  font-weight: 600;
}

.asset-technical-disclosure > div {
  padding: 14px;
}

.asset-graph-design :is(.asset-technical-evidence, .asset-operator-evidence) {
  background: #fff;
  border: 1px solid #d5e3eb;
  border-radius: 6px;
  margin-top: 12px;
  padding: 12px;
  font-size: 13px;
}

.asset-graph-design :is(.asset-technical-evidence, .asset-operator-evidence) > summary {
  cursor: pointer;
  font-weight: 600;
}

.asset-graph-design :is(.asset-technical-evidence, .asset-operator-evidence)[open] > summary {
  margin-bottom: 12px;
}

.asset-engineering-review footer {
  margin-top: 12px;
  padding: 12px 0 0;
  font-size: 12px;
}

.asset-engineering-review footer p {
  margin: 0 0 5px;
  font-size: 12px;
}

.asset-review-boundary {
  color: #42677d;
  background: #e8f4f9;
  border: 1px solid #c6e0eb;
  border-radius: 5px;
  margin: 10px 0 0;
  padding: 10px 14px;
  font-size: 12px;
  line-height: 1.5;
}

.asset-equipment-disclosure {
  margin-top: 12px;
  font-size: 13px;
}

.asset-equipment-disclosure > summary {
  cursor: pointer;
  padding: 12px;
}

.asset-detail-disclosure .asset-dashboard-middle, .asset-detail-disclosure .asset-dashboard-bottom {
  grid-template-columns: minmax(0, 2fr) minmax(240px, 1fr);
  margin-top: 14px;
  padding: 0;
}

.asset-detail-disclosure :is(.dashboard-panel-bar b, .dashboard-summary-list dt, .dashboard-summary-list dd, .dashboard-insight-list b), .asset-detail-disclosure :is(.dashboard-panel-bar span, .dashboard-insight-list span) {
  font-size: 12px;
}

.asset-detail-disclosure .table-wrap {
  overflow: auto;
}

.asset-detail-disclosure .asset-process-dashboard {
  margin: 12px 0 0;
}

.asset-graph-design :is(button, summary, input, select, textarea, a, [tabindex]):focus-visible {
  outline-offset: 3px;
  outline: 3px solid #2788a9;
}

@media (max-width: 1350px) {
  .workspace-shell[data-asset-detail] .intelligence-topbar {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .workspace-shell[data-asset-detail] .intelligence-identity {
    display: none;
  }

  .asset-graph-design .asset-row-toolbar {
    align-items: start;
  }

  .asset-graph-design .asset-row-list-title {
    width: 100%;
  }

  .asset-measurement-grid {
    grid-template-columns: minmax(0, 1.5fr) minmax(285px, 1fr);
  }

  .asset-measurement-route {
    padding: 12px;
  }

  .asset-measurement-route .graph-layer-controls button {
    padding: 6px 8px;
  }

  .asset-evidence-overview {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr);
  }
}

@media (max-width: 1100px) {
  .asset-measurement-grid, .asset-evidence-overview {
    grid-template-columns: 1fr;
  }

  .asset-portfolio-scope-row {
    align-items: start;
  }

  .asset-graph-design .asset-row-controls {
    width: 100%;
  }

  .asset-selected-evidence > header {
    grid-template-columns: 1fr 1fr;
  }

  .asset-detail-disclosure .asset-dashboard-middle, .asset-detail-disclosure .asset-dashboard-bottom {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 760px) {
  .workspace-shell[data-asset-design] .intelligence-content {
    padding: 16px 12px;
  }

  .workspace-shell[data-asset-detail] .intelligence-topbar {
    flex-wrap: wrap;
    padding: 12px;
    display: flex;
  }

  .workspace-shell[data-asset-detail] .intelligence-topbar > .asset-graph-scope-filters {
    width: 100%;
  }

  .asset-portfolio-scope-row {
    flex-wrap: wrap;
  }

  .asset-portfolio-scope-row > .asset-graph-scope-filters {
    flex-basis: 100%;
  }

  .asset-response-summary {
    flex-wrap: wrap;
  }

  .asset-response-summary > span {
    margin-left: 40px;
  }

  .asset-review-tabs > [data-slot="tabs-list"] {
    overflow: auto;
  }

  .asset-review-tabs > [data-slot="tabs-list"] > button {
    padding: 8px 10px;
    font-size: 12px;
  }

  .asset-measurement-nodes {
    grid-template-columns: repeat(6, minmax(76px, 1fr));
    overflow: auto;
  }

  .asset-engineering-review {
    padding: 12px !important;
  }
}

.workspace-shell[data-asset-design] .intelligence-topbar {
  grid-template-columns: minmax(0, 1fr) auto minmax(180px, .7fr);
  display: grid;
}

.workspace-shell[data-asset-detail] .intelligence-topbar {
  grid-template-columns: minmax(0, 1fr) auto minmax(160px, .42fr);
}

.workspace-shell[data-asset-design] .asset-graph-scope-filters {
  box-shadow: none;
}

.workspace-shell[data-asset-design] .asset-graph-scope-filters select {
  min-height: 36px;
}

.workspace-shell[data-asset-design] .asset-graph-scope-summary {
  background: none;
  border: 0;
  min-height: 0;
  padding: 0;
}

.workspace-shell[data-asset-design] .asset-graph-scope-summary button {
  min-height: 24px;
  padding: 0 4px;
  position: static;
  transform: none;
}

.asset-portfolio-scope-row .asset-graph-scope-summary:not(:has(button)) {
  display: none;
}

.asset-portfolio-scope-row .asset-graph-scope-summary :is(span, b, small) {
  display: none;
}

.asset-graph-design .asset-row-overview {
  box-shadow: none;
  background: none;
  border: 0;
  border-radius: 0;
  gap: 12px;
  display: grid;
  overflow: visible;
}

.asset-graph-design .engineering-review-head {
  justify-content: space-between;
  align-items: start;
  display: flex;
}

@media (max-width: 1350px) {
  .workspace-shell[data-asset-design] .intelligence-topbar {
    grid-template-columns: minmax(0, 1fr) auto;
  }

  .workspace-shell[data-asset-design] .intelligence-identity {
    display: none;
  }
}

.asset-design-title h1:focus {
  outline: none;
}

.asset-review-tabs > [data-slot="tabs-list"] > button:after {
  display: none;
}

.workspace-shell[data-asset-design] .intelligence-topbar {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
  display: flex;
}

.workspace-shell[data-asset-design] .intelligence-topbar > .cc-return-button {
  flex: none;
}

.workspace-shell[data-asset-design] .intelligence-topbar > :is(.asset-graph-scope-filters, .intelligence-context) {
  flex: 440px;
  min-width: 0;
}

.workspace-shell[data-asset-design] .intelligence-topbar .global-view-switch {
  flex: none;
  max-width: 100%;
}

.workspace-shell[data-asset-design] .intelligence-identity {
  flex: 0 190px;
  min-width: 0;
}

.workspace-shell[data-asset-design] .intelligence-identity b {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.workspace-shell[data-asset-design] .intelligence-identity small {
  white-space: nowrap;
}

.workspace-shell[data-asset-detail] .asset-graph-scope-filters :is(label, select) {
  min-width: 0;
  max-width: 100%;
}

@media (max-width: 760px) {
  .workspace-shell[data-asset-detail] .intelligence-topbar > .asset-graph-scope-filters {
    flex-basis: 100%;
  }

  .workspace-shell[data-asset-detail] .intelligence-topbar .asset-graph-scope-summary {
    flex-wrap: wrap;
  }

  .workspace-shell[data-asset-design] .intelligence-topbar .global-view-switch {
    flex: 1;
  }

  .workspace-shell[data-asset-design] .intelligence-topbar .global-view-switch button {
    flex: 1;
    min-width: 0;
  }
}

html[data-theme] .review-shell[data-asset-detail] .asset-graph-design {
  gap: 10px;
}

html[data-theme] .review-shell[data-asset-detail] .review-page-intro {
  margin-bottom: 0;
}

html[data-theme] .review-shell[data-asset-detail] :is(.asset-detail-design, .asset-measurement-layout) {
  gap: 8px;
}

.review-guide-disclosure {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 7px;
}

.review-guide-disclosure > summary {
  cursor: pointer;
  color: #42677d;
  padding: 8px 14px;
  font-size: 12px;
  font-weight: 600;
}

.review-guide-disclosure > .review-orientation {
  box-shadow: none;
  border: 0;
  border-top: 1px solid #dce5eb;
  border-radius: 0 0 7px 7px;
}

html[data-theme] .review-shell[data-asset-detail] .asset-response-summary {
  gap: 10px;
  padding: 10px 14px;
}

html[data-theme] .review-shell[data-asset-detail] .asset-response-summary p {
  margin: 3px 0 0;
  font-size: 12px;
  line-height: 1.45;
}

html[data-theme] .review-shell[data-asset-detail] .asset-map-summary {
  grid-template-columns: minmax(180px, 1fr) minmax(250px, 1.3fr) auto;
  gap: 12px;
  padding: 12px 14px;
  display: grid;
}

.asset-map-summary .asset-measurement-treatment {
  background: none;
  border: 0;
  gap: 4px;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.asset-map-summary .asset-measurement-treatment strong {
  color: #527184;
  font-size: 11px;
}

.asset-map-summary .asset-measurement-treatment .treatment-cell {
  max-width: none;
}

html[data-theme] .review-shell[data-asset-detail] .asset-operator-evidence {
  margin-top: 0;
  padding: 9px 12px;
}

html[data-theme] .review-shell[data-asset-detail] .asset-review-boundary {
  margin-top: 6px;
  padding: 6px 12px;
  font-size: 11px;
}

html[data-theme] .review-shell[data-asset-detail] .asset-history-disclosure > summary {
  padding: 10px 14px;
}

.asset-graph-design .asset-dashboard-bottom {
  align-items: start;
}

.asset-sample-coverage > summary {
  cursor: pointer;
  color: #214d65;
  border-radius: inherit;
  background: #f1f7f8;
  padding: 12px 16px;
  font-size: 13px;
}

.asset-sample-coverage > summary > span {
  color: #527184;
  margin-left: 12px;
  font-size: 11px;
  font-weight: 400;
}

.asset-sample-coverage[open] > summary {
  border-bottom: 1px solid #cbdfe9;
  border-radius: 12px 12px 0 0;
}

@media (max-width: 1000px) {
  html[data-theme] .review-shell[data-asset-detail] .asset-map-summary {
    grid-template-columns: minmax(0, 1fr);
  }

  .asset-map-summary > button {
    justify-self: start;
  }

  .asset-sample-coverage > summary > span {
    margin: 3px 0 0 16px;
    display: block;
  }
}

/* [project]/app/trend-explorer-design.css [app-client] (css) */
.trend-sample-dialog {
  color: #153d54;
  background: #fff;
  border: 1px solid #cbdde8;
  border-radius: 10px;
  gap: 20px;
  width: 620px;
  max-width: calc(100vw - 32px);
  max-height: calc(100dvh - 32px);
  padding: 24px;
  overflow-y: auto;
}

.trend-sample-dialog [data-slot="dialog-header"] {
  text-align: left;
  padding-right: 24px;
}

.trend-sample-dialog [data-slot="dialog-title"] {
  color: #12384f;
  margin: 0;
  font-size: 22px;
  line-height: 1.25;
}

.trend-sample-dialog [data-slot="dialog-description"] {
  color: #557185;
  font-size: 13px;
  line-height: 1.5;
}

.trend-sample-dialog :is(button, [tabindex]):focus-visible {
  outline-offset: 3px;
  outline: 3px solid #2788a9;
}

.trend-sample-detail {
  overflow-wrap: anywhere;
  gap: 18px;
  font-size: 13px;
  line-height: 1.5;
  display: grid;
}

.trend-sample-detail-result {
  background: #f0f7fb;
  border: 1px solid #d6e6ef;
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 16px;
  display: flex;
}

.trend-sample-detail-result > div {
  min-width: 0;
}

.trend-sample-detail-result > div > span {
  color: #557185;
  font-size: 12px;
  display: block;
}

.trend-sample-detail-result strong {
  color: #12384f;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.3;
  display: block;
}

.trend-sample-detail-result strong small {
  font-size: 15px;
  font-weight: 500;
}

.trend-sample-detail-result .trend-risk-badge {
  padding: 5px 8px;
  font-size: 13px;
}

.trend-sample-detail-context {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 24px;
  margin: 0;
  display: grid;
}

.trend-sample-detail-context dt {
  color: #557185;
  font-size: 12px;
}

.trend-sample-detail-context dd {
  margin: 2px 0 0;
  font-weight: 600;
}

.trend-sample-detail-wide {
  grid-column: 1 / -1;
}

.trend-sample-detail-screening {
  border-top: 1px solid #dce7ee;
  padding-top: 14px;
}

.trend-sample-detail-screening h3 {
  color: #153d54;
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: 700;
}

.trend-sample-detail-screening p {
  margin: 0 0 8px;
}

.trend-sample-detail-screening small {
  color: #557185;
  font-size: 12px;
  display: block;
}

.trend-sample-detail-screening .trend-sample-detail-age {
  color: #75551c;
  background: #fff8e7;
  border-radius: 4px;
  margin: 10px 0 0;
  padding: 8px 10px;
  font-size: 12px;
}

.trend-sample-dialog [data-slot="dialog-footer"] {
  border-top: 1px solid #dce7ee;
  gap: 10px;
  padding-top: 16px;
}

.trend-sample-dialog [data-slot="dialog-footer"] button {
  border-radius: 6px;
  min-height: 38px;
  font-size: 13px;
}

.trend-sample-dialog [data-slot="dialog-footer"] button:last-child {
  color: #fff;
  background: #157fa2;
}

.trend-sample-dialog [data-slot="dialog-footer"] button:last-child:hover {
  background: #116b88;
}

@media (max-width: 540px) {
  .trend-sample-dialog {
    padding: 18px;
  }

  .trend-sample-detail-context {
    grid-template-columns: 1fr;
  }
}

.trend-explorer-design {
  color: #153d54;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: 0;
}

.trend-explorer-design :is(button, select, summary, a, [tabindex]):focus-visible {
  outline-offset: 3px;
  outline: 3px solid #2788a9;
}

.trend-explorer-design [hidden] {
  display: none !important;
}

.trend-design-heading {
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  margin: 0 0 16px;
  display: flex;
}

.trend-design-heading h1 {
  color: #12384f;
  letter-spacing: -.7px;
  margin: 0;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

.trend-design-heading p {
  color: #557185;
  margin: 3px 0 0;
  font-size: 13px;
  line-height: 18px;
}

.trend-design-heading > button {
  color: #fff;
  min-height: 38px;
  box-shadow: none;
  background: #157fa2;
  border-radius: 6px;
  padding: 9px 14px;
  font-size: 13px;
}

.trend-design-heading > button:hover {
  background: #116b88;
}

.trend-design-heading > button svg {
  width: 16px;
  height: 16px;
}

.trend-explorer-design .trend-lab-filters {
  box-shadow: none;
  background: #fff;
  border: 1px solid #cbdde8;
  border-radius: 8px;
  margin: 0;
  padding: 10px 16px;
}

.trend-explorer-design .trend-lab-filter-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr)) minmax(150px, .95fr);
  gap: 12px;
  display: grid;
}

.trend-explorer-design .trend-lab-filter {
  gap: 5px;
  min-width: 0;
  display: grid;
}

.trend-explorer-design .trend-lab-filter > span {
  color: #46677c;
  letter-spacing: 0;
  text-transform: none;
  font-size: 12px;
  font-weight: 600;
  line-height: 15px;
}

.trend-explorer-design .trend-lab-filter select {
  color: #20465d;
  width: 100%;
  min-width: 0;
  height: 36px;
  font: inherit;
  background: #fbfdfe;
  border: 1px solid #c5d8e4;
  border-radius: 5px;
  padding: 6px 9px;
  font-size: 13px;
}

.trend-explorer-design .trend-lab-filter select:disabled {
  color: #758996;
  background: #f4f7f9;
}

.trend-explorer-design .trend-lab-scope-trail {
  background: none;
  border: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  min-height: 20px;
  margin: 10px 0 0;
  padding: 0;
  display: flex;
}

.trend-explorer-design .trend-lab-scope-trail :is(button, span) {
  color: #41647a;
  min-height: 20px;
  padding: 0;
  font-size: 12px;
}

.trend-explorer-design .trend-lab-scope-trail button {
  cursor: pointer;
  background: none;
  border: 0;
}

.trend-explorer-design .trend-lab-scope-trail button:hover {
  color: #106f94;
  text-decoration: underline;
}

.trend-explorer-design .trend-lab-scope-trail svg {
  color: #8ba3b3;
  width: 12px;
  height: 12px;
}

.trend-source-context {
  color: #647e90;
  overflow-wrap: anywhere;
  margin: 4px 0 0;
  font-size: 12px;
}

.trend-settings-message {
  background: #fff9e9;
  border: 1px solid #d9c48d;
  border-radius: 6px;
  align-items: center;
  gap: 10px;
  margin-top: 12px;
  padding: 12px;
  font-size: 13px;
  display: flex;
}

.trend-settings-message svg {
  flex: none;
  width: 20px;
  height: 20px;
}

.trend-explorer-design .trend-lab-overview.trend-lab-direction-banner {
  box-shadow: none;
  background: #fff;
  border: 1px solid #cbdde8;
  border-radius: 8px;
  margin: 14px 0 0;
  padding: 12px 14px 8px;
}

.trend-explorer-design .trend-lab-direction-banner > header {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin: 0 0 6px;
  display: flex;
}

.trend-explorer-design .trend-lab-direction-banner > header > div:first-child {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 14px;
  display: flex;
}

.trend-explorer-design .trend-lab-direction-banner h2 {
  color: #173e54;
  margin: 0;
  font-size: 16px;
  line-height: 1.3;
}

.trend-explorer-design .trend-lab-direction-banner > header span {
  color: #617e90;
  letter-spacing: 0;
  text-transform: none;
  font-size: 12px;
}

.trend-strip-controls {
  flex: none;
  gap: 6px;
  display: flex;
}

.trend-strip-controls button {
  color: #2b6382;
  cursor: pointer;
  background: #fff;
  border: 1px solid #bdcfda;
  border-radius: 5px;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.trend-strip-controls button:disabled {
  opacity: .4;
  cursor: default;
}

.trend-strip-controls svg {
  width: 17px;
  height: 17px;
}

.trend-strip-legend {
  color: #60798a;
  flex-wrap: wrap;
  align-items: center;
  gap: 14px;
  margin: 0 0 6px;
  font-size: 12px;
  display: flex;
}

.trend-strip-legend .trend-sample-legend {
  gap: 12px;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.workspace-shell[data-view="operator"] .trend-explorer-design .trend-lab-series-groups, .trend-explorer-design .trend-lab-direction-banner .trend-lab-series-groups {
  scroll-snap-type: x proximity;
  scrollbar-width: auto;
  scrollbar-color: #87aabb #edf3f7;
  gap: 14px;
  min-width: 0;
  padding: 3px 3px 10px;
  display: flex;
  overflow-x: auto;
}

.trend-explorer-design .trend-lab-direction-banner .trend-lab-series-group {
  scroll-snap-align: none;
  background: none;
  border: 0;
  border-radius: 0;
  flex: none;
  min-width: max-content;
  padding: 0;
  display: block;
}

.trend-explorer-design .trend-lab-direction-banner .trend-lab-series-group > header {
  border-bottom: 2px solid var(--series-group-accent, #2780a1);
  width: auto;
  margin: 0 0 7px;
  padding: 0 0 4px;
  display: block;
}

.trend-explorer-design .trend-lab-series-group-heading {
  align-items: baseline;
  gap: 10px;
  display: flex;
}

.trend-explorer-design .trend-lab-direction-banner .trend-lab-series-group-heading h3 {
  margin: 0;
  font-size: 12px;
  font-weight: 700;
}

.trend-explorer-design .trend-lab-series-group-heading > span {
  color: #617b8d;
  font-size: 12px;
}

.trend-explorer-design .trend-lab-direction-banner .trend-lab-series-grid {
  gap: 9px;
  display: flex;
}

.trend-explorer-design .trend-lab-direction-banner .trend-lab-series-grid > .trend-risk-series {
  text-align: left;
  width: 180px;
  min-height: 0;
  box-shadow: none;
  scroll-snap-align: start;
  border-radius: 6px;
  flex: 0 0 180px;
  padding: 9px 10px 7px;
  transition: box-shadow .15s;
}

.trend-explorer-design .trend-lab-direction-banner .trend-lab-series-grid > .trend-risk-series.active {
  outline-offset: 1px;
  outline: 2px solid #207698;
  box-shadow: 0 1px 4px #173e541a;
}

.trend-explorer-design .trend-lab-direction-banner .trend-risk-series:hover {
  transform: none;
  box-shadow: 0 2px 7px #153d541c;
}

.trend-explorer-design .trend-lab-series-head {
  justify-content: space-between;
  gap: 6px;
  min-height: 32px;
  line-height: 16px;
  display: flex;
}

.trend-explorer-design .trend-lab-series-head > span {
  color: #153d54;
  font-size: 13px;
  font-weight: 700;
}

.trend-explorer-design .trend-lab-series-head > small {
  color: #657b88;
  font-size: 12px;
}

.trend-explorer-design .trend-series-risk-label {
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
  margin: 2px 0 5px;
  display: flex;
}

.trend-explorer-design .trend-series-risk-label > span:first-child {
  color: #536d80;
  font-size: 12px;
}

.trend-explorer-design .trend-risk-badge {
  gap: 4px;
  padding: 2px 5px;
  font-size: 12px;
  line-height: 1.4;
}

.trend-explorer-design .trend-series-average-label {
  color: #5c7687;
  font-size: 12px;
}

.trend-explorer-design .trend-lab-series-value {
  align-items: baseline;
  gap: 5px;
  display: flex;
}

.trend-explorer-design .trend-lab-direction-banner .trend-lab-series-value b {
  font-size: 19px;
}

.trend-explorer-design .trend-lab-series-value > span {
  font-size: 12px;
}

.trend-explorer-design .trend-lab-series-method {
  overflow-wrap: anywhere;
  font-size: 12px;
}

.trend-explorer-design .trend-lab-direction-banner .trend-risk-spark {
  height: 43px;
  margin: 4px 0;
}

.trend-explorer-design .trend-series-risk-counts {
  flex-wrap: wrap;
  gap: 7px;
  min-height: 15px;
  margin: 3px 0 2px;
  font-size: 12px;
  display: flex;
}

.trend-explorer-design .trend-lab-direction-banner .trend-lab-series-grid footer {
  border-top: 1px solid #d9e3e9;
  gap: 2px;
  margin-top: 5px;
  padding-top: 5px;
  font-size: 12px;
  display: grid;
}

.trend-explorer-design .trend-lab-series-grid footer > span {
  color: #476b82;
  font-size: 12px;
}

.trend-explorer-design .trend-lab-series-grid footer > small {
  color: #647d8e;
  font-size: 12px;
}

.trend-strip-method {
  color: #6b8290;
  margin: 3px 3px 0;
  font-size: 12px;
}

.trend-explorer-design .trend-lab-detail-grid.trend-lab-detail-grid--focus {
  grid-template-columns: minmax(0, 1fr) minmax(300px, 30%);
  align-items: start;
  gap: 16px;
  margin: 16px 0 0;
  display: grid;
}

.trend-focus-column {
  gap: 14px;
  min-width: 0;
  display: grid;
}

.trend-explorer-design .trend-lab-chart-panel {
  min-width: 0;
  box-shadow: none;
  background: #fff;
  border: 1px solid #cbdde8;
  border-radius: 8px;
  padding: 16px;
  overflow: hidden;
}

.trend-explorer-design .trend-lab-chart-panel > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  margin: 0 0 12px;
  padding: 0;
  display: flex;
}

.trend-explorer-design .trend-lab-chart-panel h2 {
  color: #12384f;
  margin: 0 0 9px;
  font-size: 22px;
  line-height: 1.2;
}

.trend-explorer-design .trend-lab-chart-panel > header > small {
  color: #607d90;
  white-space: nowrap;
  padding-top: 4px;
  font-size: 12px;
}

.trend-selected-result {
  color: #617b8b;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 16px;
  font-size: 12px;
  display: flex;
}

.trend-selected-result > span {
  align-items: center;
  gap: 7px;
  display: flex;
}

.trend-selected-result b {
  color: #173e54;
  font-size: 15px;
  font-weight: 700;
}

.trend-chart-basis {
  color: #617e8f;
  border-top: 1px solid #e2ebf0;
  padding-top: 10px;
  font-size: 12px;
}

.trend-chart-basis > span {
  display: block;
}

.trend-chart-basis p {
  color: #46687c;
  flex-wrap: wrap;
  gap: 5px 9px;
  margin: 5px 0;
  font-size: 12px;
  line-height: 1.5;
  display: flex;
}

.trend-chart-basis p > span {
  display: inline-block;
}

.trend-chart-basis .red {
  color: #a83831;
}

.trend-chart-basis .amber {
  color: #8b620d;
}

.trend-chart-basis .green {
  color: #257350;
}

.trend-explorer-design .trend-lab-detail-grid--focus .trend-lab-chart {
  width: 100%;
  min-width: 0;
  height: 300px;
  margin: 8px 0 0;
}

.trend-explorer-design .trend-lab-chart-panel > footer {
  color: #506f84;
  border-bottom: 1px solid #e0e9ef;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px 14px;
  padding: 4px 0 10px;
  font-size: 12px;
  display: flex;
}

.trend-explorer-design .trend-lab-chart-panel > footer span {
  align-items: center;
  gap: 5px;
  display: flex;
}

.trend-explorer-design .trend-lab-chart-panel > footer small {
  color: #6b8393;
  width: 100%;
  font-size: 12px;
  display: block;
}

.trend-chart-context {
  color: #486c81;
  gap: 4px;
  padding: 9px 0 0;
  font-size: 12px;
  display: grid;
}

.trend-chart-context small {
  color: #647e8e;
  font-size: 12px;
  line-height: 1.5;
}

.trend-next-step {
  background: #eff6fa;
  border: 1px solid #d2e4ee;
  border-radius: 5px;
  gap: 9px;
  margin: 12px 0 0;
  padding: 10px;
  font-size: 12px;
  display: flex;
}

.trend-next-step > svg {
  color: #397b9c;
  flex: none;
  width: 17px;
  height: 17px;
}

.trend-next-step p {
  color: #4c6d81;
  margin: 4px 0 0;
  font-size: 12px;
  line-height: 1.5;
}

.trend-empty-chart p {
  color: #607b8e;
  font-size: 13px;
}

.trend-explorer-design .trend-lab-drill-panel {
  min-width: 0;
  box-shadow: none;
  background: #fff;
  border: 1px solid #cbdde8;
  border-radius: 8px;
  overflow: hidden;
}

.trend-explorer-design .trend-lab-drill-panel > header {
  border-bottom: 1px solid #dce7ee;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  margin: 0;
  padding: 14px;
  display: flex;
}

.trend-explorer-design .trend-lab-drill-panel > header h2 {
  color: #143c53;
  margin: 0 0 12px;
  font-size: 17px;
}

.trend-explorer-design .trend-scope-controls {
  gap: 7px;
}

.trend-explorer-design .trend-scope-controls button {
  color: #315d75;
  border: 1px solid #c4d7e2;
  border-radius: 5px;
  min-height: 34px;
  padding: 6px 9px;
  font-size: 12px;
}

.trend-explorer-design .trend-customer-benchmark {
  background: #fbfdfe;
  border: 0;
  border-bottom: 1px solid #dce7ee;
  border-radius: 0;
  margin: 0;
  padding: 14px;
}

.trend-explorer-design .trend-customer-benchmark > header {
  gap: 5px;
  padding: 0;
  display: grid;
}

.trend-explorer-design .trend-customer-benchmark > header > span {
  color: #31728f;
  letter-spacing: .3px;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
}

.trend-explorer-design .trend-customer-benchmark > header > b {
  color: #1a4258;
  font-size: 15px;
  line-height: 1.4;
}

.trend-explorer-design .trend-customer-benchmark > header > small {
  color: #5e788b;
  font-size: 12px;
  line-height: 1.5;
}

.trend-explorer-design .trend-benchmark-interval {
  margin-top: 5px;
  font-size: 12px;
}

.trend-explorer-design .trend-benchmark-interval select {
  font-size: 12px;
}

.trend-explorer-design .trend-customer-benchmark-chart {
  width: 100%;
  height: auto;
  min-height: 145px;
  margin: 6px 0;
  padding: 4px 0;
}

.trend-explorer-design .trend-customer-benchmark > div {
  background: none;
  border-top: 1px solid #dce7ee;
  grid-template-columns: 1fr;
  gap: 7px;
  padding: 10px 0;
  display: grid;
}

.trend-explorer-design .trend-customer-benchmark > div > span {
  color: #4c6e83;
  background: none;
  grid-template-columns: 15px minmax(0, 1fr) auto;
  align-items: center;
  gap: 6px;
  padding: 0;
  font-size: 12px;
  display: grid;
}

.trend-explorer-design .trend-customer-benchmark > div i {
  width: 12px;
  position: static;
}

.trend-explorer-design .trend-customer-benchmark > div b {
  color: #234d64;
  margin: 0;
  font-size: 12px;
  font-weight: 700;
}

.trend-explorer-design .trend-customer-benchmark > footer {
  color: #4c6d80;
  gap: 6px;
  padding: 0;
  font-size: 12px;
  display: grid;
}

.trend-explorer-design .trend-customer-benchmark > footer > b {
  color: #315d73;
  background: #e9f3f8;
  border-radius: 4px;
  padding: 7px 9px;
  font-size: 12px;
}

.trend-explorer-design .trend-customer-benchmark > footer > small {
  font-size: 12px;
  line-height: 1.55;
}

.trend-explorer-design .trend-drill-navigation {
  background: #f7fafc;
  border-bottom: 1px solid #e1eaf0;
  padding: 14px;
}

.trend-explorer-design .trend-drill-navigation h3 {
  color: #20495f;
  margin: 0 0 5px;
  font-size: 14px;
}

.trend-explorer-design .trend-drill-navigation small {
  color: #617c8e;
  font-size: 12px;
  line-height: 1.5;
}

.trend-explorer-design .trend-lab-breakdown-list {
  max-height: 440px;
  padding: 0;
  overflow: auto;
}

.trend-explorer-design .trend-lab-breakdown-list button {
  border-bottom: 1px solid #e0e9ee;
  padding: 13px 14px;
}

.trend-explorer-design .trend-lab-breakdown-list button > div > span {
  font-size: 13px;
}

.trend-explorer-design .trend-lab-breakdown-list button > div > b {
  font-size: 12px;
}

.trend-explorer-design .trend-lab-breakdown-list footer {
  gap: 5px;
}

.trend-explorer-design .trend-lab-breakdown-list footer > span, .trend-explorer-design .trend-lab-breakdown-list footer > small {
  font-size: 12px;
}

.trend-explorer-design .trend-lab-breakdown-bar {
  height: 4px;
  margin: 8px 0;
}

.trend-sibling-assets {
  border-top: 1px solid #dce7ee;
  padding: 0 14px 14px;
}

.trend-browse-customers {
  color: #176b8a;
  cursor: pointer;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 12px 0;
  font-size: 12px;
  display: flex;
}

.trend-browse-customers svg {
  width: 14px;
  height: 14px;
}

.trend-sibling-assets h3 {
  color: #284f65;
  margin: 0 0 8px;
  font-size: 13px;
}

.trend-sibling-assets > div {
  max-height: 260px;
  overflow: auto;
}

.trend-sibling-assets > div > button {
  text-align: left;
  cursor: pointer;
  color: #3c647b;
  background: #fff;
  border: 1px solid #d4e2eb;
  border-radius: 5px;
  align-items: center;
  gap: 9px;
  width: 100%;
  min-height: 40px;
  margin: 6px 0 0;
  padding: 9px;
  display: flex;
}

.trend-sibling-assets > div > button[aria-pressed="true"] {
  background: #eaf5fa;
  border-color: #88b5c8;
}

.trend-sibling-assets > div > button svg {
  flex: none;
  width: 15px;
  height: 15px;
}

.trend-sibling-assets > div > button b {
  overflow-wrap: anywhere;
  font-size: 12px;
}

.trend-sibling-assets > div > button span {
  white-space: nowrap;
  margin-left: auto;
  font-size: 12px;
}

.trend-explorer-design .trend-lab-drill-note {
  background: #edf5fa;
  border: 0;
  border-radius: 5px;
  gap: 8px;
  margin: 12px;
  padding: 10px;
  display: flex;
}

.trend-explorer-design .trend-lab-drill-note > svg {
  color: #5d869e;
  flex: none;
  width: 17px;
  height: 17px;
}

.trend-explorer-design .trend-lab-drill-note p {
  margin: 0;
}

.trend-explorer-design .trend-lab-drill-note :is(b, span) {
  color: #55768c;
  font-size: 12px;
  line-height: 1.5;
  display: block;
}

.trend-support-tabs {
  background: #fff;
  border: 1px solid #cbdde8;
  border-radius: 8px;
  gap: 0;
  min-width: 0;
  overflow: hidden;
}

.trend-support-tabs > [data-slot="tabs-list"] {
  border-bottom: 1px solid #d3e1ea;
  border-radius: 0;
  justify-content: flex-start;
  gap: 0;
  width: 100%;
  height: auto;
  padding: 0;
  display: flex;
  overflow: auto;
}

.trend-support-tabs > [data-slot="tabs-list"] > button {
  color: #57758a;
  min-height: 44px;
  box-shadow: none;
  border-radius: 0;
  flex: 1 0 auto;
  gap: 6px;
  padding: 12px 10px;
  font-size: 12px;
}

.trend-support-tabs > [data-slot="tabs-list"] > button svg {
  width: 14px;
  height: 14px;
}

.trend-support-tabs > [data-slot="tabs-list"] > button[data-state="active"] {
  color: #156a8a;
  background: #edf6fa;
  box-shadow: inset 0 -3px #177c9e;
}

.trend-support-tabs > [data-slot="tabs-list"] > button:after {
  display: none;
}

.trend-support-panel {
  min-width: 0;
  margin: 0;
  padding: 14px;
}

.trend-support-panel[hidden] {
  display: none !important;
}

.trend-support-panel h2 {
  color: #183e54;
  margin: 16px 0 12px;
  font-size: 18px;
}

.trend-support-panel > p {
  color: #557185;
  font-size: 13px;
  line-height: 1.6;
}

.trend-explorer-design .trend-lab-date-table {
  background: #fbfdfe;
  border: 1px solid #d7e4ec;
  border-radius: 5px;
  margin: 0 0 12px;
  padding: 0;
}

.trend-explorer-design .trend-lab-date-table > summary {
  color: #325d76;
  cursor: pointer;
  padding: 10px;
  font-size: 12px;
}

.trend-explorer-design .trend-lab-date-table > div {
  max-height: 300px;
  overflow: auto;
}

.trend-explorer-design .trend-sample-readings {
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 0;
}

.trend-explorer-design .trend-sample-readings > header {
  padding: 0 0 12px;
}

.trend-explorer-design .trend-sample-readings h3 {
  font-size: 16px;
}

.trend-explorer-design .trend-sample-readings p, .trend-explorer-design .trend-sample-readings label {
  font-size: 12px;
}

.trend-explorer-design .trend-sample-readings select {
  min-height: 34px;
  font-size: 12px;
}

.trend-explorer-design .trend-sample-table {
  border: 1px solid #d5e3ec;
  border-radius: 5px;
  max-height: 330px;
  overflow: auto;
}

.trend-explorer-design :is(.trend-sample-table, .trend-lab-date-table) table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
}

.trend-explorer-design .trend-sample-table table {
  min-width: 690px;
}

.trend-explorer-design :is(.trend-sample-table, .trend-lab-date-table) thead {
  z-index: 1;
  background: #edf5f9;
  position: sticky;
  top: 0;
}

.trend-explorer-design :is(.trend-sample-table, .trend-lab-date-table) th {
  text-transform: none;
  letter-spacing: 0;
  font-size: 12px;
}

.trend-explorer-design :is(.trend-sample-table, .trend-lab-date-table) :is(th, td) {
  border-bottom: 1px solid #e0e9ef;
  padding: 10px;
}

.trend-explorer-design .trend-sample-table button {
  min-height: 30px;
  font-size: 12px;
}

.trend-evidence-details {
  border: 1px solid #d2e2eb;
  border-radius: 6px;
  margin: 12px 0 0;
  overflow: hidden;
}

.trend-evidence-details > summary {
  cursor: pointer;
  color: #315d75;
  padding: 12px;
  font-size: 13px;
  font-weight: 600;
}

.trend-evidence-details > p {
  color: #57778b;
  padding: 0 12px;
  font-size: 12px;
  line-height: 1.6;
}

.trend-explorer-design .trend-lab-assessment {
  box-shadow: none;
  color: #30586e;
  background: #f5f9fc;
  border: 0;
  border-radius: 0;
  margin: 0;
  padding: 14px;
}

.trend-explorer-design .trend-lab-assessment header :is(h2, b) {
  color: #173e54;
}

.trend-explorer-design .trend-lab-assessment :is(p, small) {
  color: #59788d;
  font-size: 12px;
}

.trend-explorer-design .trend-lab-assessment h2 {
  margin: 6px 0;
}

.trend-explorer-design .trend-lab-assessment .trend-lab-insights {
  color: #294f66;
  background: #fff;
  border-color: #d9e6ee;
}

.trend-explorer-design .trend-lab-insights article {
  border-color: #d8e5ed;
}

.trend-explorer-design .trend-lab-insights article b {
  color: #204b63;
}

.trend-explorer-design .trend-lab-kpis {
  gap: 10px;
  padding: 12px;
}

.trend-explorer-design .trend-lab-kpis > article {
  padding: 12px;
}

.trend-explorer-design .trend-lab-kpis b {
  font-size: 22px;
}

.trend-explorer-design .trend-kpi-reference {
  flex-wrap: wrap;
  gap: 9px;
  margin: 0;
  padding: 12px;
  display: flex;
}

.trend-explorer-design .trend-kpi-reference > div {
  min-width: 0;
}

.trend-explorer-design .trend-kpi-reference :is(span, small) {
  font-size: 12px;
  line-height: 1.6;
}

.trend-explorer-design .trend-kpi-reference b {
  font-size: 12px;
}

.trend-explorer-design .trend-risk-overview {
  margin: 0 0 16px;
  padding: 12px;
}

.trend-explorer-design .trend-risk-assets {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.trend-explorer-design .trend-runtime-message {
  background: #fff8e7;
  border: 1px solid #e4cc95;
  border-radius: 6px;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 12px;
  font-size: 13px;
  display: flex;
}

.trend-explorer-design .trend-runtime-message button {
  font-size: 12px;
}

.trend-explorer-design .trend-draft-references {
  background: #fff;
  border: 1px solid #cbdde8;
  border-radius: 6px;
  margin: 0;
  padding: 0;
  font-size: 12px;
}

.trend-explorer-design .trend-draft-references > summary {
  cursor: pointer;
  font-weight: 600;
}

.trend-explorer-design .trend-draft-references p {
  color: #627e90;
  margin: 4px 12px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.trend-explorer-design .trend-draft-references button {
  margin: 0 12px 12px;
  font-size: 12px;
}

.trend-recommendation-context {
  background: #f5f9fc;
  border: 1px solid #d4e3ec;
  border-radius: 5px;
  margin-top: 14px;
  padding: 12px;
}

.trend-recommendation-context h3 {
  margin: 0 0 6px;
  font-size: 13px;
}

.trend-recommendation-context p {
  color: #56778b;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

@media (min-width: 1700px) {
  .trend-explorer-design .trend-lab-detail-grid.trend-lab-detail-grid--focus {
    grid-template-columns: minmax(0, 1fr) 400px;
  }

  .trend-explorer-design .trend-lab-detail-grid--focus .trend-lab-chart {
    height: 340px;
  }
}

@media (max-width: 1350px) {
  .trend-support-tabs > [data-slot="tabs-list"] > button {
    padding: 12px 8px;
    font-size: 12px;
  }

  .trend-support-tabs > [data-slot="tabs-list"] > button svg {
    display: none;
  }

  .trend-explorer-design .trend-lab-filter-grid {
    gap: 8px;
  }

  .trend-explorer-design .trend-lab-detail-grid.trend-lab-detail-grid--focus {
    gap: 12px;
  }

  .trend-explorer-design .trend-lab-chart-panel {
    padding: 14px;
  }
}

@media (max-width: 1050px) {
  .trend-explorer-design .trend-lab-detail-grid.trend-lab-detail-grid--focus {
    grid-template-columns: minmax(0, 1fr);
  }

  .trend-explorer-design .trend-lab-drill-panel {
    grid-row: 1;
  }

  .trend-explorer-design .trend-lab-filter-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .trend-design-heading {
    align-items: flex-start;
  }

  .trend-design-heading > button {
    font-size: 12px;
  }
}

@media (max-width: 650px) {
  .trend-design-heading {
    flex-wrap: wrap;
  }

  .trend-design-heading h1 {
    font-size: 25px;
  }

  .trend-explorer-design .trend-lab-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trend-explorer-design .trend-lab-chart-panel > header {
    flex-wrap: wrap;
  }

  .trend-explorer-design .trend-risk-assets {
    grid-template-columns: 1fr;
  }
}

/* [project]/app/workspace-design.css [app-client] (css) */
:is(.workspace-shell, .design-shell, .recommendation-inspector) {
  --cc-font: Arial,Helvetica,sans-serif;
  --cc-text-body: 14px;
  --cc-text-meta: 12px;
  font-family: var(--cc-font);
}

:is(.workspace-shell, .design-shell) {
  --cc-ink: #153d54;
  --cc-muted: #527184;
  --cc-accent: #087e98;
  --cc-line: #cfdfeb;
  --cc-surface: #fff;
  --cc-canvas: #eff7fb;
  color: var(--cc-ink);
}

:is(.workspace-shell[data-design-complete], .design-shell) .intelligence-content {
  background: var(--cc-canvas);
  min-width: 0;
  padding: 22px 24px 32px;
}

:is(.workspace-shell, .design-shell) .intelligence-content {
  width: 100%;
  min-width: 0;
  max-width: none;
}

:is(.workspace-shell, .design-shell) .intelligence-content > :not(.workspace-use-footer) {
  width: 100%;
  min-width: 0;
  max-width: none;
  margin-inline: 0;
}

:is(.workspace-shell[data-design-complete], .design-shell) .intelligence-main {
  min-width: 0;
}

:is(.workspace-shell, .design-shell) .intelligence-content :is(h1, h2, h3, h4) {
  color: var(--cc-ink);
  letter-spacing: -.02em;
}

:is(.workspace-shell, .design-shell) .intelligence-content h1 {
  margin: 0 0 7px;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.2;
}

:is(.workspace-shell, .design-shell) .intelligence-content h2 {
  font-size: 20px;
  font-weight: 650;
  line-height: 1.35;
}

:is(.workspace-shell, .design-shell) .intelligence-content h3 {
  font-size: 16px;
  font-weight: 650;
  line-height: 1.4;
}

:is(.workspace-shell[data-design-complete], .design-shell) .page-title {
  gap: 20px;
  margin: 0 0 4px;
  padding: 0;
}

:is(.workspace-shell[data-design-complete], .design-shell) .page-title p {
  color: var(--cc-muted);
  max-width: 100ch;
  font-size: 13px;
  line-height: 1.55;
}

:is(.workspace-shell[data-design-complete], .design-shell) .page-title > div > span {
  color: #426a82;
  letter-spacing: .08em;
  font-size: 12px;
}

:is(.workspace-shell[data-design-complete], .design-shell) .stack {
  gap: 16px;
}

:is(.workspace-shell[data-design-complete], .design-shell) .panel {
  border: 1px solid var(--cc-line);
  box-shadow: none;
  background: #fff;
  border-radius: 8px;
  min-width: 0;
  overflow: hidden;
}

:is(.workspace-shell[data-design-complete], .design-shell) .panel-head {
  background: #fff;
  border-bottom: 1px solid #e0eaf1;
  padding: 15px 18px;
}

:is(.workspace-shell[data-design-complete], .design-shell) .panel-body {
  padding: 16px 18px;
}

:is(.workspace-shell[data-design-complete], .design-shell) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea) {
  color: #153d54;
  min-height: 36px;
  box-shadow: none;
  background: #fbfdfe;
  border: 1px solid #b9cedd;
  border-radius: 5px;
  max-width: 100%;
  font-size: 13px;
}

:is(.workspace-shell[data-design-complete], .design-shell) :is(button, a, input, select, textarea, summary):focus-visible {
  outline-offset: 3px;
  outline: 3px solid #0795ae;
}

:is(.workspace-shell[data-design-complete], .design-shell) .table-wrap {
  max-width: 100%;
  overflow: auto;
}

:is(.workspace-shell[data-design-complete], .design-shell) table {
  font-size: 12px;
}

:is(.workspace-shell[data-design-complete], .design-shell) :is(th, td) {
  vertical-align: top;
  padding: 10px 12px;
  line-height: 1.5;
}

:is(.workspace-shell[data-design-complete], .design-shell) th {
  color: #355c73;
  background: #f1f7fb;
  font-size: 12px;
}

:is(.workspace-shell[data-design-complete], .design-shell) :is(.kpis, .design-metrics) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

:is(.workspace-shell[data-design-complete], .design-shell) :is(.kpis, .design-metrics) > div {
  border: 1px solid var(--cc-line);
  background: #fff;
  border-radius: 8px;
  min-width: 0;
  padding: 15px 18px;
}

:is(.workspace-shell[data-design-complete], .design-shell) :is(.kpis, .design-metrics) b {
  color: #153d54;
  font-size: 27px;
  display: block;
}

:is(.workspace-shell[data-design-complete], .design-shell) .kpis small {
  color: #527184;
}

.design-disclosure {
  color: #153d54;
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  min-width: 0;
}

.design-disclosure > summary {
  cursor: pointer;
  color: #20556f;
  padding: 15px 18px;
  font-size: 14px;
  font-weight: 650;
  line-height: 1.4;
  list-style-position: inside;
}

.design-disclosure > summary svg {
  vertical-align: middle;
  margin: 0 8px 0 3px;
  display: inline-block;
}

.design-disclosure[open] > summary {
  background: #f7fbfd;
  border-bottom: 1px solid #e0eaf1;
  border-radius: 8px 8px 0 0;
}

.design-disclosure-body {
  gap: 16px;
  min-width: 0;
  padding: 16px 18px;
  display: grid;
}

.design-disclosure > :is(.panel, .simple-kpi-editor, .simple-kpi-overrides, .simple-kpi-library) {
  box-shadow: none;
  border: 0;
  margin: 0;
}

.design-anchor-nav {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.design-anchor-nav a {
  color: #087e98;
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 5px;
  padding: 8px 14px;
  font-size: 13px;
}

.workspace-shell .modeling-lab .modeling-hero {
  color: #153d54;
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
  display: block;
}

.workspace-shell .modeling-lab .modeling-hero p {
  color: #527184;
  font-size: 13px;
}

.workspace-shell .modeling-lab .modeling-hero span {
  color: #527184;
  font-size: 12px;
}

.workspace-shell .predictive-workbench {
  box-shadow: none;
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
}

.workspace-shell .predictive-heading {
  background: #fff;
  padding: 16px 18px;
}

.workspace-shell .predictive-tabs {
  background: #fff;
  gap: 4px;
  padding: 0 16px;
}

.workspace-shell .predictive-tabs button {
  border-radius: 5px 5px 0 0;
  flex: 1;
  padding: 12px 10px;
  font-size: 12px;
}

.workspace-shell .predictive-tabs button[aria-pressed="true"] {
  color: #087e98;
  background: #eaf6fa;
  border-bottom: 3px solid #087e98;
}

.workspace-shell .predictive-controls {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workspace-shell .predictive-inputs {
  padding: 16px 18px;
}

.workspace-shell .predictive-result {
  padding: 18px;
}

.workspace-shell .predictive-run {
  justify-content: space-between;
  gap: 12px;
}

.workspace-shell .modeling-support .modeling-primary-grid {
  grid-template-columns: 1fr;
}

.workspace-shell .modeling-support .prediction-output {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workspace-shell .remediation-scanner-hero {
  color: #153d54;
  background: none;
  border: 0;
  padding: 0;
  display: block;
}

.workspace-shell .remediation-scanner-hero p {
  color: #527184;
  max-width: 100ch;
  font-size: 13px;
}

.workspace-shell .remediation-scanner-hero > div > span {
  color: #527184;
  font-size: 12px;
}

.workspace-shell .remediation-scanner-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-top: 16px;
  display: grid;
}

.workspace-shell .remediation-scanner-stats article {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  padding: 12px 15px;
}

.workspace-shell .remediation-scanner-stats b {
  color: #153d54;
  font-size: 28px;
}

.workspace-shell .remediation-scanner-layout {
  grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
  gap: 16px;
}

.workspace-shell .remediation-candidate-rows {
  max-height: 690px;
  overflow-y: auto;
}

.workspace-shell .remediation-candidate-columns {
  display: none;
}

.workspace-shell .remediation-candidate-list .remediation-candidate-rows button {
  grid-template-columns: 24px minmax(0, 1fr) minmax(80px, .55fr);
  gap: 8px;
  padding: 14px 12px;
}

.workspace-shell .remediation-candidate-list .candidate-issue {
  border: 0;
  grid-area: 2 / 2 / auto / 4;
  padding: 0;
}

.workspace-shell .remediation-candidate-list .candidate-departure {
  grid-area: 1 / 3;
}

.workspace-shell .remediation-candidate-detail > header {
  grid-template-columns: 1fr;
  gap: 14px;
  display: grid;
}

.workspace-shell .remediation-loss-card {
  grid-template-columns: 1fr 1fr;
  align-items: center;
  min-width: 0;
  padding: 12px 14px;
  display: grid;
}

.workspace-shell .remediation-loss-card hr {
  grid-column: 1 / -1;
}

.workspace-shell .remediation-detail-toolbar {
  flex-wrap: wrap;
  padding: 12px 16px;
}

.workspace-shell .remediation-detail-toolbar > div {
  flex-wrap: wrap;
}

.workspace-shell .remediation-candidate-detail h2 {
  font-size: 20px;
}

.workspace-shell .field-diagnostics {
  grid-template-columns: minmax(300px, .7fr) minmax(0, 1.3fr);
  align-items: start;
  gap: 16px;
}

.workspace-shell .diagnostic-observations {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  grid-column: 1;
  padding: 18px;
}

.workspace-shell .diagnostic-fields {
  grid-template-columns: 1fr;
  gap: 14px;
  display: grid;
}

.workspace-shell .diagnostic-fields label {
  grid-template-columns: 1fr;
  gap: 6px;
  display: grid;
}

.workspace-shell .diagnostic-fields small {
  color: #527184;
}

.workspace-shell .diagnostic-results-column {
  gap: 14px;
  min-width: 0;
  display: grid;
}

.workspace-shell .diagnostic-decision-banner {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  padding: 16px;
}

.workspace-shell .diagnostic-decision-grid {
  grid-template-columns: 1fr 1fr;
}

.workspace-shell .diagnostic-confirmation {
  grid-column: 1 / -1;
}

.workspace-shell .diagnostic-authority-boundary {
  background: #f1f7fb;
  padding: 12px;
}

.workspace-shell .diagnostic-results > div {
  grid-template-columns: 1fr;
  gap: 12px;
  display: grid;
}

.workspace-shell .diagnostic-results .diagnostic-next {
  display: flex;
}

.workspace-shell .diagnostic-standards {
  grid-column: 1 / -1;
}

.workspace-shell .calculator-library-hero, .workspace-shell .calculator-tool-hero {
  box-shadow: none;
  color: #153d54;
  background: none;
  border: 0;
  grid-template-columns: 1.3fr 1fr;
  gap: 20px;
  padding: 0;
}

.workspace-shell :is(.calculator-library-hero, .calculator-tool-hero) p {
  color: #527184;
  font-size: 13px;
}

.workspace-shell :is(.calculator-library-stats, .calculator-tool-facts) > div {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  padding: 12px;
}

.workspace-shell .calculator-library-stats b {
  color: #153d54;
  font-size: 26px;
}

.workspace-shell .calculator-quick-deck {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
}

.workspace-shell .calculator-quick-grid {
  gap: 10px;
}

.workspace-shell .calculator-quick-grid button {
  min-height: 90px;
  padding: 12px;
}

.workspace-shell .calculator-library-panel {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  padding: 18px;
}

.workspace-shell .calculator-library-panel > header {
  align-items: end;
  margin-bottom: 14px;
}

.workspace-shell .calculator-filter-select {
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
  font-size: 12px;
  display: flex;
}

.workspace-shell .calculator-filter-select select {
  min-width: 240px;
  padding: 8px 10px;
}

.workspace-shell .calculator-library-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}

.workspace-shell .calculator-library-card {
  background: #fbfdfe;
  border-radius: 7px;
  min-height: 210px;
  padding: 15px;
}

.workspace-shell .calculator-library-card h3 {
  font-size: 17px;
}

.workspace-shell .calculator-detail-grid {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 16px;
}

.workspace-shell .community-hero {
  box-shadow: none;
  color: #153d54;
  background: none;
  border: 0;
  grid-template-columns: 1fr auto;
  padding: 0;
}

.workspace-shell .community-hero p {
  color: #527184;
  max-width: 90ch;
  font-size: 13px;
}

.workspace-shell .community-status {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  padding: 12px;
}

.workspace-shell .community-start {
  grid-template-columns: 1fr;
  align-items: start;
  gap: 16px;
  display: grid;
}

.workspace-shell .community-start > .design-disclosure > summary {
  padding: 22px 18px;
}

.workspace-shell .community-start .ask-chemcop-launch {
  margin: 0;
}

.workspace-shell .community-compose {
  width: 100%;
}

.workspace-shell .community-how {
  background: #fff;
}

.workspace-shell .community-review .assist-steps {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.workspace-shell .community-discussions .community-table {
  font-size: 12px;
}

.workspace-shell .simple-kpis {
  background: none;
  border: 0;
  gap: 16px;
  padding: 0;
  display: grid;
}

.workspace-shell .simple-kpis > p {
  color: #527184;
  margin: 0;
  font-size: 13px;
}

.workspace-shell .simple-kpis > fieldset {
  border: 0;
  min-width: 0;
  padding: 0;
}

.workspace-shell .simple-kpis .design-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workspace-shell .simple-kpi-saved, .workspace-shell .simple-kpi-overrides {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  padding: 16px;
}

.workspace-shell .simple-kpi-saved > header {
  align-items: start;
  gap: 16px;
}

.workspace-shell .simple-kpi-saved-actions {
  flex-wrap: wrap;
}

.workspace-shell .simple-kpi-saved .table-wrap {
  max-height: 520px;
  overflow: auto;
}

.workspace-shell .simple-kpi-saved th {
  z-index: 1;
  position: sticky;
  top: 0;
}

.workspace-shell .simple-kpi-library-empty {
  background: #edf7fa;
  border-left: 3px solid #0795ae;
  padding: 20px;
}

.workspace-shell .simple-kpi-editor, .workspace-shell .simple-kpi-override-editor {
  background: #fff;
  padding: 18px;
}

.workspace-shell .simple-kpi-overrides .design-disclosure {
  margin-top: 16px;
}

.workspace-shell .analysis-workbench {
  grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr);
  align-items: start;
  gap: 16px;
  display: grid;
}

.workspace-shell .analysis-current-step, .workspace-shell .analysis-import-review {
  gap: 16px;
  min-width: 0;
  display: grid;
}

.workspace-shell .analysis-setup {
  gap: 16px;
  display: grid;
}

.workspace-shell .analysis-controls {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  display: grid;
}

.workspace-shell .analysis-current-step .context {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workspace-shell .analysis-import-review .upload, .workspace-shell .analysis-import-review .standard-import-template {
  flex-wrap: wrap;
  padding: 14px;
  display: flex;
}

.workspace-shell .analysis-import-review .mapping {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workspace-shell .analysis-import-review .metadata-row {
  grid-template-columns: 1fr;
}

.workspace-shell .analysis-current-step .analysis-cta {
  padding: 16px;
  display: block;
}

.workspace-shell .analysis-current-step .readiness-overview {
  grid-template-columns: 1fr;
}

.workspace-shell .analysis-page .workflow-steps {
  padding: 0;
}

.workspace-shell .production-workbench {
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, .6fr);
  align-items: start;
  gap: 16px;
  display: grid;
}

.workspace-shell .production-workbench aside {
  gap: 16px;
  display: grid;
}

.workspace-shell .production-score {
  color: #153d54;
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  padding: 18px;
}

.workspace-shell .production-score b {
  color: #153d54;
  font-size: 34px;
}

.workspace-shell .pilot-dependency-runway .launch-mode-grid {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
}

.workspace-shell .pilot-dependency-runway article {
  min-width: 0;
  padding: 12px;
  display: block;
}

.workspace-shell .pilot-dependency-runway h3 {
  font-size: 14px;
}

.workspace-shell .pilot-checklist-items.guided {
  gap: 8px;
}

.workspace-shell .pilot-evidence-editor > summary {
  color: #087e98;
  cursor: pointer;
  padding: 8px 0;
  font-size: 13px;
  font-weight: 650;
}

.workspace-shell .pilot-evidence-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.workspace-shell .production-workbench aside .production-columns, .workspace-shell .production-workbench aside .launch-mode-grid, .workspace-shell .production-workbench aside .production-tracks {
  grid-template-columns: 1fr;
}

.workspace-shell[data-page="architecture"] pre {
  color: #31566e;
  background: #f3f8fb;
  max-width: 100%;
  max-height: 540px;
  font-size: 12px;
  line-height: 1.65;
  overflow: auto;
}

.workspace-shell[data-page="architecture"] .model {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.workspace-shell[data-page="architecture"] :is(#canonical-hierarchy, #api-contract, #guard-traces) {
  scroll-margin-top: 110px;
}

.design-shell .intelligence-content > .stack > .panel {
  padding: 16px 18px;
}

.design-shell .owner-library-summary {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-left: 3px solid #087e98;
  border-radius: 8px;
  padding: 14px 18px;
}

.design-shell .owner-library-summary p {
  margin: 6px 0;
  font-size: 13px;
  line-height: 1.6;
}

.design-shell .knowledge-catalog-table {
  max-height: 620px;
}

.design-shell .knowledge-catalog-table th {
  z-index: 1;
  position: sticky;
  top: 0;
}

.design-shell .knowledge-catalog-table code {
  overflow-wrap: anywhere;
}

.design-shell :is(.engine-brand, .owner-admin-brand) {
  color: #527184;
  justify-content: flex-start;
  min-height: 0;
  padding: 0;
  font-size: 12px;
}

.design-shell :is(.engine-header, .owner-admin-title, .billing-heading) {
  color: #153d54;
  background: none;
  border: 0;
  padding: 0;
}

.design-shell .engine-layout {
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, .75fr);
  gap: 16px;
}

.design-shell .engine-main, .design-shell .engine-test {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  min-width: 0;
  padding: 18px;
}

.design-shell :is(.engine-tabs, .ai-settings-tabs, .billing-tabs) {
  border-bottom: 1px solid #cfdfeb;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0;
}

.design-shell :is(.engine-tabs, .ai-settings-tabs, .billing-tabs) button {
  color: #527184;
  background: none;
  border-radius: 5px 5px 0 0;
  padding: 12px 16px;
  font-size: 13px;
}

.design-shell :is(.engine-tabs, .ai-settings-tabs, .billing-tabs) :is([aria-selected="true"], [aria-current="page"]) {
  color: #076c86;
  background: #e4f3f8;
  border-bottom: 3px solid #087e98;
}

.design-shell .engine-test {
  background: #f1f8fb;
}

.design-shell .engine-test label {
  margin-top: 10px;
}

.design-shell .owner-admin-filters {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  padding: 16px 18px;
}

.design-shell .ai-settings-form {
  max-width: 1100px;
}

.design-shell .ai-settings-form > fieldset, .design-shell .ai-settings-form fieldset {
  gap: 16px;
  display: grid;
}

.design-shell .ai-settings-card {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  padding: 18px;
}

.design-shell .ai-settings-card label {
  max-width: 760px;
}

.design-shell .ai-settings-card .design-disclosure {
  margin-top: 14px;
}

.design-shell .ask-ai-buttons {
  gap: 10px;
  padding: 0;
  position: static;
}

.design-shell :is(.billing-card, .billing-metrics article) {
  box-shadow: none;
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  padding: 18px;
}

.design-shell .billing-guide {
  padding: 0;
}

.design-shell .billing-guide ol {
  margin: 0;
}

.design-shell .billing-guide li {
  padding: 6px 0;
}

.design-shell .member-access-page {
  color: #153d54;
  background: none;
  gap: 20px;
  max-width: none;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.design-shell .member-access-hero {
  background: none;
  border: 0;
  grid-template-columns: 1.4fr 1fr;
  align-items: start;
  gap: 24px;
  padding: 0;
}

.design-shell .member-access-hero > div > p {
  color: #527184;
  font-size: 14px;
  line-height: 1.65;
}

.design-shell .member-access-hero aside {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  padding: 20px;
}

.design-shell .member-access-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.design-shell .member-access-grid article {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  padding: 20px;
}

.design-shell .member-access-grid p {
  color: #527184;
}

.design-shell .member-access-billing {
  grid-template-columns: 1fr;
}

.design-shell .member-access-policy .member-access-grid {
  padding: 16px;
}

.design-shell .member-access-policy article {
  border: 0;
  padding: 0 10px;
}

.design-shell .chemcop-use-page {
  max-width: 1220px;
}

.design-shell .use-reading-layout {
  grid-template-columns: 210px minmax(0, 720px);
  align-items: start;
  gap: 20px;
  display: grid;
}

.design-shell .use-reading-layout nav {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  gap: 4px;
  padding: 16px;
  font-size: 13px;
  display: grid;
  position: sticky;
  top: 20px;
}

.design-shell .use-reading-layout nav a {
  color: #087e98;
  border-radius: 4px;
  padding: 8px;
  line-height: 1.5;
}

.design-shell .use-reading-layout nav a:hover {
  background: #edf7fa;
}

.design-shell .use-reading-content {
  gap: 16px;
  display: grid;
}

.design-shell .use-reading-content section {
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 8px;
  padding: 20px;
  scroll-margin-top: 20px;
}

.design-shell .use-reading-content p {
  color: #31566e;
  font-size: 15px;
  line-height: 1.75;
}

.invoice-unavailable-page {
  color: #153d54;
  background: #eff7fb;
  max-width: none;
  min-height: 100svh;
  margin: 0;
  padding: 0 24px 40px;
}

.invoice-unavailable-page > header {
  background: #fff;
  border-bottom: 1px solid #cfdfeb;
  margin: 0 -24px;
  padding: 20px 28px;
}

.invoice-unavailable-page > header img {
  width: 195px;
}

.invoice-unavailable-page > section {
  text-align: center;
  background: #fff;
  border: 1px solid #cfdfeb;
  border-radius: 10px;
  max-width: 680px;
  margin: 12vh auto 0;
  padding: 48px 32px;
}

.invoice-unavailable-page > section > svg {
  color: #7b99ab;
  width: 64px;
  height: 64px;
  margin: 0 auto 20px;
}

.invoice-unavailable-page h1 {
  margin: 0 0 12px;
  font-size: 28px;
}

.invoice-unavailable-page p {
  color: #527184;
  line-height: 1.6;
}

.invoice-unavailable-page section a {
  color: #087e98;
  align-items: center;
  gap: 12px;
  margin-top: 22px;
  text-decoration: underline;
  display: inline-flex;
}

:is(.workspace-shell[data-design-complete], .design-shell) .intelligence-main {
  background: var(--cc-canvas);
}

:is(.workspace-shell, .design-shell) .intelligence-content {
  font-family: var(--cc-font);
  font-size: 14px;
}

:is(.workspace-shell, .design-shell) .intelligence-content :is(h1, h2, h3, h4, button, input, select, textarea) {
  font-family: inherit;
}

.workspace-shell[data-design-complete] .intelligence-context label {
  flex: 1;
  min-width: 0;
}

.workspace-shell[data-design-complete] .intelligence-context select, .workspace-shell[data-design-complete] .intelligence-identity {
  min-width: 0;
}

.workspace-shell[data-design-complete] .intelligence-identity b {
  overflow-wrap: anywhere;
  font-size: 12px;
}

.workspace-shell[data-design-complete] .topbar-risk-signal {
  min-width: 0;
  padding: 9px;
}

.workspace-shell[data-design-complete] .topbar-risk-signal b {
  font-size: 12px;
}

.workspace-shell[data-design-complete] .global-view-switch button {
  min-width: 96px;
  padding: 7px;
}

.workspace-shell :is(.predictive-heading p, .predictive-eyebrow, .predictive-source-switch button) {
  color: #527184;
}

.workspace-shell .predictive-source-switch {
  background: #f3f8fb;
  border-color: #cfdfeb;
}

.workspace-shell .predictive-source-switch button[aria-pressed="true"] {
  color: #086b82;
  background: #dff1f7;
  border-color: #88b8ca;
}

.workspace-shell .remediation-scanner-page {
  gap: 16px;
}

.workspace-shell .remediation-scanner-hero {
  box-shadow: none;
  border-radius: 0;
}

.workspace-shell .remediation-scanner-hero > div:first-child > small {
  color: #527184;
  margin-top: 7px;
  font-size: 12px;
}

.workspace-shell .remediation-scanner-stats article {
  grid-template-columns: auto 1fr;
  gap: 4px 9px;
  min-height: 0;
  display: grid;
}

.workspace-shell .remediation-scanner-stats article svg {
  grid-area: 1 / 1;
  width: 17px;
  height: 17px;
}

.workspace-shell .remediation-scanner-stats article span {
  color: #527184;
  grid-column: 2;
  font-size: 12px;
}

.workspace-shell .remediation-scanner-stats article b {
  grid-column: 1 / -1;
  line-height: 1.2;
}

.workspace-shell .remediation-scanner-stats article small {
  color: #527184;
  grid-column: 1 / -1;
  font-size: 12px;
  line-height: 1.4;
}

.workspace-shell .remediation-asset-selector {
  gap: 14px;
  padding: 12px 16px;
}

.workspace-shell .remediation-asset-selector p {
  margin: 0;
  font-size: 12px;
}

.workspace-shell .remediation-candidate-detail > header {
  padding: 16px;
}

.workspace-shell .remediation-candidate-detail > header p {
  margin: 6px 0 0;
  font-size: 12px;
}

.workspace-shell .remediation-loss-card hr {
  margin: 5px 0;
}

.workspace-shell .remediation-loss-card span {
  grid-column: 1 / -1;
  font-size: 12px;
}

.workspace-shell .remediation-loss-card b {
  margin: 0;
  font-size: 18px;
}

.workspace-shell .remediation-loss-card small {
  font-size: 12px;
}

.workspace-shell .diagnostic-fields {
  gap: 10px;
}

.workspace-shell .diagnostic-fields label {
  background: none;
  border: 0;
  padding: 0;
}

.workspace-shell .diagnostic-fields label > span {
  font-size: 13px;
}

.workspace-shell .diagnostic-fields small {
  margin-top: 2px;
  font-size: 12px;
  line-height: 1.4;
}

.workspace-shell .diagnostic-observations > header {
  margin-bottom: 12px;
}

.workspace-shell .diagnostic-decision-banner {
  gap: 12px;
}

.workspace-shell .diagnostic-decision-banner header {
  margin: 0 0 12px;
}

.workspace-shell .diagnostic-decision-grid > div {
  padding: 10px;
}

.workspace-shell .diagnostic-decision-grid :is(small, p) {
  font-size: 12px;
  line-height: 1.45;
}

.workspace-shell .diagnostic-authority-boundary {
  margin-top: 12px;
}

.workspace-shell .diagnostic-authority-boundary small {
  font-size: 12px;
  line-height: 1.45;
}

.workspace-shell .diagnostic-results > header p {
  font-size: 12px;
  line-height: 1.5;
}

.workspace-shell :is(.calculator-library-stats, .calculator-tool-facts) > div {
  min-height: 0;
}

.workspace-shell :is(.calculator-library-hero, .calculator-tool-hero) > div > span {
  color: #426a82;
}

.workspace-shell :is(.calculator-library-stats, .calculator-tool-facts) :is(span, small) {
  color: #527184;
  font-size: 12px;
}

.workspace-shell .calculator-catalog-filters {
  flex-wrap: wrap;
  gap: 12px 20px;
  display: flex;
}

.workspace-shell .calculator-filter-select {
  gap: 5px;
  display: grid;
}

.workspace-shell .calculator-filter-select select {
  min-width: 220px;
}

.workspace-shell .community-hero {
  border-radius: 0;
  align-items: start;
  gap: 16px;
}

.workspace-shell .community-hero > div:first-child > span {
  color: #426a82;
}

.workspace-shell .community-status {
  align-self: start;
  max-width: 330px;
  min-height: 0;
}

.workspace-shell .community-status :is(span, small) {
  color: #527184;
  margin-top: 5px;
  font-size: 12px;
}

.workspace-shell .community-pills {
  margin-top: 10px;
}

.workspace-shell .community-pills span {
  color: #31566e;
  background: #fff;
  border-color: #cfdfeb;
}

.workspace-shell .simple-kpi-saved table {
  table-layout: fixed;
  width: 100%;
  min-width: 880px;
}

.workspace-shell .simple-kpi-saved :is(th, td) {
  white-space: normal;
  overflow-wrap: anywhere;
  padding: 9px 8px;
}

.workspace-shell .simple-kpi-saved th:first-child {
  width: 15%;
}

.workspace-shell .simple-kpi-saved th:nth-child(2) {
  width: 13%;
}

.workspace-shell .simple-kpi-saved th:nth-child(3) {
  width: 12%;
}

.workspace-shell .simple-kpi-saved th:nth-child(4) {
  width: 13%;
}

.workspace-shell .simple-kpi-saved th:nth-child(5) {
  width: 12%;
}

.workspace-shell .simple-kpi-saved th:nth-child(6) {
  width: 11%;
}

.workspace-shell .simple-kpi-saved th:nth-child(7) {
  width: 24%;
}

.workspace-shell .simple-kpi-row-actions {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.workspace-shell .simple-kpi-row-actions button {
  gap: 4px;
  height: auto;
  min-height: 29px;
  padding: 5px 7px;
  font-size: 12px;
}

.workspace-shell .analysis-controls {
  gap: 12px;
  width: 100%;
  min-width: 0;
  padding: 0;
}

.workspace-shell .analysis-controls label {
  min-width: 0;
}

.workspace-shell .analysis-controls select {
  width: 100%;
}

.workspace-shell .analysis-controls fieldset {
  flex-wrap: wrap;
  grid-column: 1 / -1;
  gap: 6px;
  min-width: 0;
  display: flex;
}

.workspace-shell .analysis-controls fieldset button {
  white-space: normal;
  flex: 1;
}

.workspace-shell .analysis-current-step > .panel, .workspace-shell .analysis-current-step .analysis-cta {
  margin: 0;
}

.workspace-shell .production-score :is(span, small) {
  color: #527184;
  font-size: 12px;
}

.workspace-shell .production-score [role="progressbar"] {
  background: #dce8f0;
}

.workspace-shell .pilot-dependency-runway :is(p, span), .workspace-shell .pilot-checklist-items :is(b, span, small), .workspace-shell .pilot-checklist-progress :is(b, span) {
  font-size: 12px;
  line-height: 1.45;
}

.workspace-shell .pilot-checklist-items b {
  font-size: 14px;
}

.workspace-shell .pilot-checklist-items.guided > article {
  padding: 14px;
}

.design-shell .member-access-hero {
  box-shadow: none;
  border-radius: 0;
}

.design-shell .member-access-hero aside :is(b, span, small, p, a) {
  color: #31566e;
}

.design-shell .member-access-hero aside b {
  color: #153d54;
}

.design-shell .member-access-hero aside small {
  font-size: 12px;
}

.design-shell .member-access-hero aside a {
  background: #f3f9fc;
  border: 1px solid #bfd3df;
}

.design-shell .owner-library-summary a {
  color: #087e98;
  border: 1px solid #c3dbe7;
  border-radius: 5px;
  align-items: center;
  gap: 8px;
  margin-top: 5px;
  padding: 8px 12px;
  font-size: 13px;
  display: inline-flex;
}

.design-shell .owner-library-summary a svg {
  width: 17px;
}

.design-shell :is(.knowledge-catalog-table, .evidence-table) table {
  table-layout: fixed;
  width: 100%;
  min-width: 0;
}

.design-shell :is(.knowledge-catalog-table, .evidence-table) :is(th, td) {
  white-space: normal;
  overflow-wrap: anywhere;
  min-width: 0;
}

.design-shell .knowledge-catalog-table th:first-child {
  width: 31%;
}

.design-shell .knowledge-catalog-table th:nth-child(2) {
  width: 19%;
}

.design-shell .knowledge-catalog-table th:nth-child(3) {
  width: 23%;
}

.design-shell .knowledge-catalog-table th:nth-child(4) {
  width: 27%;
}

.design-shell .knowledge-catalog-table :is(span, small, code) {
  font-size: 12px;
  line-height: 1.5;
}

.design-shell .evidence-table th:first-child {
  width: 8%;
}

.design-shell .evidence-table th:nth-child(2) {
  width: 18%;
}

.design-shell .evidence-table th:nth-child(3) {
  width: 22%;
}

.design-shell .evidence-table th:nth-child(4) {
  width: 14%;
}

.design-shell .evidence-table th:nth-child(5) {
  width: 38%;
}

.design-shell .evidence-content-review {
  color: #70521f;
  background: #fff8e9;
  border-left: 3px solid #c99328;
  margin: 0;
  padding: 10px 14px;
  font-size: 12px;
}

@media (max-width: 1350px) and (min-width: 981px) {
  .workspace-shell[data-design-complete] .intelligence-identity {
    display: none;
  }
}

@media (max-width: 1150px) {
  .workspace-shell .remediation-scanner-layout {
    grid-template-columns: minmax(260px, .7fr) minmax(0, 1fr);
  }

  .workspace-shell .analysis-workbench, .workspace-shell .production-workbench {
    grid-template-columns: 1fr;
  }

  .workspace-shell .field-diagnostics {
    grid-template-columns: minmax(260px, .8fr) minmax(0, 1.2fr);
  }

  .workspace-shell .calculator-library-hero, .workspace-shell .calculator-tool-hero, .workspace-shell .community-start {
    grid-template-columns: 1fr;
  }

  .design-shell .engine-layout {
    grid-template-columns: minmax(0, 1fr) 280px;
  }
}

@media (max-width: 850px) {
  :is(.workspace-shell[data-design-complete], .design-shell) .intelligence-content {
    padding: 16px;
  }

  .workspace-shell .field-diagnostics, .workspace-shell .remediation-scanner-layout, .workspace-shell .calculator-detail-grid, .design-shell .engine-layout, .design-shell .member-access-hero, .design-shell .use-reading-layout {
    grid-template-columns: 1fr;
  }

  .workspace-shell .calculator-library-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workspace-shell .diagnostic-standards {
    grid-column: 1;
  }

  .workspace-shell .pilot-dependency-runway .launch-mode-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .design-shell .use-reading-layout nav {
    position: static;
  }
}

@media (max-width: 580px) {
  .workspace-shell .calculator-library-grid, .workspace-shell .predictive-controls, .workspace-shell .analysis-controls, .design-shell .member-access-grid {
    grid-template-columns: 1fr;
  }

  .workspace-shell .remediation-scanner-stats, :is(.workspace-shell[data-design-complete], .design-shell) :is(.kpis, .design-metrics) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.recommendation-treatment-context {
  margin-block: 16px;
}

.recommendation-treatment-context p {
  color: #527184;
  margin: 0;
  font-size: 12px;
  line-height: 1.6;
}

.recommendation-treatment-context .screening-context-controls {
  border: 0;
  padding: 0;
}

.recommendation-treatment-context .screening-context-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.trend-lab-page.trend-explorer-design {
  max-width: none;
  margin-inline: auto;
  padding: 20px 24px;
}

.trend-lab-topbar {
  background: #fff;
  border-bottom: 1px solid #cfdfeb;
}

.workspace-shell .pilot-dependency-runway a {
  color: #087e98;
  margin-top: 8px;
  font-size: 12px;
  text-decoration: underline;
  display: inline-block;
}

.workspace-shell :is(.governance-launch-step, #pilot-checklist) {
  scroll-margin-top: 120px;
}

.workspace-shell .governance-launch-step:target {
  outline-offset: 3px;
  outline: 2px solid #087e98;
}

.workspace-shell .remediation-asset-selector {
  margin: 0;
}

.workspace-shell .remediation-scanner-stats article {
  grid-template-columns: 17px minmax(0, 1fr) auto;
}

.workspace-shell .remediation-scanner-stats article svg {
  color: #23819a;
  position: static;
}

.workspace-shell .remediation-scanner-stats article span {
  grid-area: 1 / 2;
  align-self: center;
}

.workspace-shell .remediation-scanner-stats article b {
  grid-area: 1 / 3;
  margin: 0;
  font-size: 26px;
}

.workspace-shell .remediation-scanner-stats article small {
  margin: 0;
}

.workspace-shell .remediation-loss-card {
  grid-template-columns: 1fr auto minmax(100px, 1fr);
  gap: 8px 12px;
}

.workspace-shell .remediation-loss-card span {
  grid-column: auto;
}

.workspace-shell .remediation-loss-card hr {
  display: none;
}

.workspace-shell .remediation-candidate-list .candidate-asset small, .workspace-shell .remediation-candidate-list .candidate-asset em, .workspace-shell .remediation-candidate-list .candidate-issue b, .workspace-shell .remediation-candidate-list .candidate-issue small {
  font-size: 12px;
}

.workspace-shell .remediation-candidate-list .candidate-departure {
  position: relative;
}

.workspace-shell .remediation-candidate-list .candidate-departure small, .workspace-shell .remediation-candidate-list .candidate-departure em {
  font-size: 12px;
}

.workspace-shell .remediation-candidate-list .candidate-departure svg {
  position: absolute;
  top: 0;
  left: -20px;
}

.workspace-shell .remediation-candidate-list > p, .workspace-shell .remediation-combined-note small, .workspace-shell .remediation-chart-heading small {
  font-size: 12px;
}

.workspace-shell .analysis-current-step .analysis-cta {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: 12px;
  display: grid;
}

.workspace-shell .analysis-current-step .analysis-cta button {
  margin-top: 8px;
}

.workspace-shell .analysis-current-step .analysis-cta :is(p, small, li) {
  font-size: 12px;
}

@media (max-width: 1000px) {
  .workspace-shell .remediation-loss-card {
    grid-template-columns: 1fr auto;
  }

  .workspace-shell .remediation-loss-card span {
    grid-column: 1 / -1;
  }

  .workspace-shell .analysis-current-step .analysis-cta {
    grid-template-columns: 1fr;
  }
}

.workspace-shell .community-status a {
  color: #087e98;
  background: #f3f9fc;
  border-color: #bed8e5;
  margin-top: 7px;
  padding: 5px 9px;
  font-size: 12px;
}

.workspace-shell .pilot-checklist-items.guided article > header p > b {
  font-size: 14px;
}

.workspace-shell .pilot-checklist-items.guided article > header p > span {
  font-size: 12px;
  line-height: 1.5;
}

.workspace-shell .pilot-checklist-items.guided article > header p > small {
  font-size: 12px;
  line-height: 1.45;
}

.workspace-shell .pilot-checklist-items.guided .pilot-attestation span {
  font-size: 12px;
}

.workspace-shell .pilot-checklist-items.guided article > header {
  padding: 0;
}

.workspace-shell .production-gate :is(span, small) {
  font-size: 12px;
  line-height: 1.5;
}

.design-shell .member-access-hero > div > span, .design-shell .member-access-hero aside em {
  color: #527184;
}

.design-shell .knowledge-catalog-access :is(em, a) {
  white-space: normal;
  max-width: 100%;
}

.invoice-unavailable-page > header {
  background: #0b2a42;
}

.workspace-shell .calculator-results b {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 650;
}

.workspace-shell :is(.calculator-input-panel, .calculator-output-panel) {
  box-shadow: none;
  border-radius: 8px;
}

.workspace-shell .calculator-output-panel {
  border-top-color: #087e98;
}

.workspace-shell .calculator-submit {
  color: #fff;
  box-shadow: none;
  background: #087e98;
  border-radius: 5px;
  font-size: 13px;
}

.workspace-shell .calculator-submit:hover {
  background: #066980;
}

.workspace-shell :is(.calculator-reset, .calculator-detail-actions .calculator-pin), .workspace-shell .calculator-output-panel .calculator-results span, .workspace-shell .calculator-inputs label > span {
  font-size: 12px;
}

.workspace-shell .calculator-limit span, .workspace-shell .calculator-boundary span, .workspace-shell .calculator-formula code {
  font-size: 12px;
  line-height: 1.5;
}

.workspace-shell .calculator-formula span {
  font-size: 12px;
}

.workspace-shell .analysis-workbench:not(:has( > .analysis-current-step > *)) {
  grid-template-columns: minmax(0, 1fr);
}

.workspace-shell .analysis-current-step:not(:has( > *)) {
  display: none;
}

.workspace-shell[data-workspace-data-tools="hidden"] :is(.workspace-datasets, .full-system-demo-entry) {
  display: none;
}

.workspace-shell .intelligence-content .workspace-data-tools-heading {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.workspace-shell .workspace-data-tools-heading > .workspace-data-tools-toggle {
  color: #23495a;
  background: #fff;
  border-color: #9cb8c5;
  flex: none;
  min-height: 40px;
  margin-left: auto;
  font-size: 14px;
}

.workspace-shell .workspace-data-tools-heading > :first-child {
  flex: 340px;
  min-width: 0;
}

.workspace-shell .workspace-data-tools-heading > .remediation-scanner-stats {
  flex-basis: 100%;
  order: 1;
}

.workspace-shell .intelligence-content :is(p, label) {
  font-size: var(--cc-text-body);
  line-height: 1.5;
}

.workspace-shell .intelligence-content :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
  font-size: 14px;
}

.workspace-shell .intelligence-content [data-slot="button"] {
  white-space: normal;
  min-height: 38px;
  font-size: 14px;
}

.workspace-shell .intelligence-content :is(.diagnostic-fields small, .diagnostic-results dd, .diagnostic-next p span, .diagnostic-results details, .calculator-card p, .calculator-card small, .calculator-inputs label small, .calculator-inputs label em, .calculator-inputs label > span, .calculator-inputs label > div > span, .calculator-count, .trend-lab-series-method, .trend-series-average-label, .trend-strip-method, .remediation-candidate small, .remediation-scanner-stats small) {
  font-size: 12px;
  line-height: 1.5;
}

.workspace-shell .intelligence-content :is(.diagnostic-results dt, .diagnostic-next p b, .calculator-pin, .calculator-card > span, .calculator-quick-tool > span, .trend-risk-badge, .trend-risk-counts, .remediation-candidate .treatment-row-label) {
  font-size: 12px;
}

.workspace-shell .intelligence-content :is(.diagnostic-results h2, .diagnostic-summary h2) {
  font-size: 20px;
}

.workspace-shell .intelligence-content :is(.action-portfolio-hero, .modeling-hero) {
  box-shadow: none;
  background: none;
}

.workspace-shell .intelligence-content .workspace-data-tools-toggle {
  color: #23495a;
  background: #fff;
}

.workspace-shell .operating-demo-guide > summary {
  gap: 8px 12px;
  min-height: 40px;
  padding: 10px 14px;
  font-size: 13px;
}

.workspace-shell .operating-demo-guide > summary > span:not(.demo-guide-trigger) {
  font-size: 12px;
}

@media (max-width: 600px) {
  .workspace-shell .intelligence-content .workspace-data-tools-heading {
    flex-direction: row;
    align-items: flex-start;
    gap: 10px;
  }

  .workspace-shell .workspace-data-tools-heading > :first-child {
    flex-basis: 100%;
  }

  .workspace-shell .workspace-data-tools-heading > .workspace-data-tools-toggle {
    margin-left: 0;
  }

  .workspace-shell .operating-demo-guide > summary {
    flex-wrap: wrap;
    display: flex;
  }

  .workspace-shell:not([data-page="command"]) .operating-demo-guide > summary > span:not(.demo-guide-trigger) {
    display: none;
  }

  .workspace-shell .operating-demo-guide .demo-guide-trigger {
    margin-left: auto;
  }

  .workspace-shell .intelligence-content :is(input:not([type="checkbox"]):not([type="radio"]), select, textarea) {
    min-height: 44px;
    font-size: 16px;
  }

  .workspace-shell .intelligence-content [data-slot="button"] {
    min-height: 44px;
  }
}

.workspace-shell .predictive-treatment-context {
  border-top: 1px solid #ccdbe2;
  padding: 16px;
}

.workspace-shell .predictive-treatment-context > summary {
  cursor: pointer;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 600;
}

.workspace-shell .predictive-heading {
  padding: 14px 18px;
}

.workspace-shell .predictive-heading h2 {
  margin: 0;
}

.workspace-shell .intelligence-content :is(.calculator-library-card > p, .calculator-library-card small, .calculator-quick-grid small, .calculator-quick-grid > button > span, .calculator-card-category, .calculator-library-card .calculator-pin) {
  font-size: 12px;
  line-height: 1.5;
}

.workspace-shell :is(.command-page-heading, .action-portfolio-hero, .modeling-hero, .trend-design-heading, .remediation-scanner-hero, .community-hero, .calculator-library-hero, .page-title, .simple-kpis > header) > div > h1 + p, .workspace-shell:not([data-asset-detail]) .asset-design-title > div > h1 + p {
  display: none;
}

/* [project]/app/asset-equipment.css [app-client] (css) */
.asset-process-illustration {
  border-top: 1px solid #d1e2ec;
  min-width: 0;
  margin: 16px;
  padding-top: 16px;
}

.asset-equipment-toolbar {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  display: flex;
}

.asset-equipment-toolbar h3 {
  color: #173f57;
  margin: 0 auto 0 0;
  font-size: 14px;
  font-weight: 650;
}

.asset-equipment-toolbar .graph-layer-controls {
  margin: 0;
  padding: 0;
}

.asset-equipment-toolbar .graph-layer-controls button {
  text-transform: capitalize;
}

.asset-equipment-route-note {
  color: #5f7b8b;
  margin: 8px 0 16px;
  font-size: 11px;
  line-height: 1.5;
}

.asset-equipment-scroll {
  scrollbar-color: #8badbf #eef5f8;
  border-radius: 6px;
  max-width: 100%;
  margin: 14px 0 0;
  overflow-x: auto;
}

.asset-equipment-scroll:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #1b789e;
}

.asset-equipment-stage {
  aspect-ratio: 1440 / 720;
  isolation: isolate;
  width: 100%;
  min-width: 1060px;
  max-width: 1600px;
  margin-inline: auto;
  position: relative;
}

.asset-equipment-art {
  pointer-events: none;
  z-index: 1;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0;
}

.asset-tank-battery {
  background: linear-gradient(#f5fafc99, #fff0);
  border: 1px solid #d0e3ed;
  border-radius: 7px;
  width: 23.5%;
  height: 71.667%;
  position: absolute;
  top: 10.833%;
  left: 76%;
}

.asset-tank-battery h3 {
  color: #193f56;
  text-align: center;
  margin: 10px 0;
  font-size: 16px;
  font-weight: 650;
}

.asset-equipment-unconfigured {
  opacity: .25;
  filter: grayscale();
}

.asset-equipment-pipe path {
  fill: none;
  stroke-linejoin: round;
  stroke-linecap: round;
}

.asset-equipment-pipe .pipe-edge {
  stroke: #486270;
  stroke-width: 10px;
}

.asset-equipment-pipe .pipe-body {
  stroke: #a4b8c2;
  stroke-width: 7px;
}

.asset-equipment-pipe .pipe-shine {
  stroke: #e4ecef;
  stroke-width: 2px;
}

.asset-equipment-pipe.oil .pipe-edge {
  stroke: #354952;
}

.asset-equipment-pipe.oil .pipe-body {
  stroke: #627780;
}

.asset-equipment-pipe.oil .pipe-shine {
  stroke: #a1b1b8;
}

.asset-equipment-pipe.water .pipe-edge {
  stroke: #17628a;
}

.asset-equipment-pipe.water .pipe-body {
  stroke: #168fc6;
}

.asset-equipment-pipe.water .pipe-shine {
  stroke: #78d5ed;
}

.asset-phase-label {
  z-index: 2;
  color: #fff;
  pointer-events: none;
  border-radius: 5px;
  padding: 3px 10px;
  font-size: 12px;
  font-weight: 650;
  position: absolute;
}

.asset-phase-label.oil {
  background: #3e5662;
  top: 34.444%;
  left: 69.2%;
}

.asset-phase-label.water {
  background: #087fb2;
  top: 42.36%;
  left: 69.2%;
}

.asset-equipment-stage .asset-equipment-position {
  z-index: 2;
  background: none;
  border: 1px solid #0000;
  justify-content: flex-end;
  padding: 8px 5px;
  position: absolute;
}

.asset-equipment-stage .asset-equipment-position:before {
  content: "";
  z-index: -1;
  pointer-events: none;
  background: none;
  border-radius: 5px;
  position: absolute;
  inset: 0;
}

.asset-equipment-stage .asset-equipment-position:hover {
  background: none;
  border-color: #bddae8;
}

.asset-equipment-stage .asset-equipment-position:hover:before {
  background: #c5e7f31a;
}

.asset-equipment-stage .asset-equipment-position.selected {
  background: none;
  border-color: #91c8df;
}

.asset-equipment-stage .asset-equipment-position.selected:before {
  background: #91d0e51c;
}

.asset-equipment-stage .asset-equipment-position:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #197ea6;
}

.asset-equipment-position[data-position="wellhead"] {
  justify-content: flex-start;
}

.asset-equipment-reading {
  top: var(--reading-top);
  flex-direction: column;
  align-items: center;
  gap: 5px;
  display: flex;
  position: absolute;
  left: 5px;
  right: 5px;
}

.asset-equipment-position .asset-node-availability {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  margin: 0 0 5px;
}

.asset-equipment-position .asset-node-availability.unconfigured {
  background: #f0f3f5;
  outline-style: dashed;
}

.asset-equipment-position b {
  color: #173f57;
  min-height: 0;
  font-size: 13px;
}

.asset-equipment-position strong {
  font-size: 12px;
  font-weight: 550;
}

.asset-equipment-position small {
  color: #526f82;
  font-size: 11px;
}

.asset-equipment-position.unconfigured strong {
  color: #5d7280;
  font-weight: 500;
}

.asset-equipment-position .asset-node-risk {
  padding: 2px 5px;
}

.asset-equipment-position .asset-node-injection {
  color: #397d98;
}

@media (max-width: 1350px) {
  .asset-equipment-stage {
    min-width: 1000px;
  }

  .asset-equipment-position b {
    font-size: 12px;
  }

  .asset-equipment-reading {
    gap: 4px;
  }
}

.asset-process-illustration {
  border-top: 0;
  margin: 0 16px 16px;
  padding-top: 14px;
}

.asset-battery-outline {
  fill: #f5f9fb;
  stroke: #c9dce7;
  stroke-width: 1.5px;
}

.asset-route-heading {
  fill: #25485d;
  font-size: 16px;
  font-weight: 650;
}

.asset-route-caption {
  fill: #3c5769;
  font-size: 15px;
  font-weight: 600;
}

.asset-route-subcaption {
  fill: #678291;
  font-size: 12px;
}

.asset-route-caption.water {
  fill: #197fa2;
}

.asset-equipment-pipe.gas .pipe-edge {
  stroke: #a28c61;
  stroke-width: 7px;
  stroke-dasharray: 7 5;
}

.asset-equipment-pipe.gas .pipe-body {
  stroke: #c0ab82;
  stroke-width: 4px;
  stroke-dasharray: 7 5;
}

.asset-equipment-pipe.gas .pipe-shine {
  display: none;
}

.asset-equipment-position b {
  font-size: 12px;
  line-height: 1.25;
}

.asset-equipment-reading {
  gap: 4px;
}

.asset-equipment-position .asset-node-availability {
  width: 14px;
  height: 14px;
  margin-bottom: 2px;
}

.asset-equipment-position .asset-routing-uncertain {
  color: #6f7781;
  font-size: 10px;
  line-height: 1.2;
}

.asset-equipment-toolbar label, .asset-position-comparison label {
  color: #49697e;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  display: flex;
}

.asset-equipment-toolbar select, .asset-position-comparison select {
  color: #264d66;
  font: inherit;
  background: #fff;
  border: 1px solid #bed6e4;
  border-radius: 5px;
  max-width: 100%;
  padding: 8px;
}

.asset-equipment-toolbar .graph-layer-controls {
  flex: 1;
}

.asset-availability-key {
  flex-wrap: wrap;
}

.asset-availability-key i.partial, .asset-node-availability.partial {
  background: #d5a640;
}

.asset-availability-key i.unconfigured, .asset-node-availability.unconfigured {
  background: #d58246;
  outline-style: dashed;
}

.asset-comparison-grid {
  border-top: 1px solid #d4e3ec;
  grid-template-columns: minmax(0, 1fr) 320px;
  display: grid;
}

.asset-comparison-grid > .asset-selected-evidence {
  border: 0;
  border-left: 1px solid #d4e3ec;
  border-radius: 0;
}

.asset-comparison-grid .asset-selected-evidence header {
  color: #21435a;
  background: #f3f8fb;
  flex-direction: column;
  gap: 16px;
  display: flex;
}

.asset-comparison-grid .asset-selected-evidence header > div + div {
  border: 0;
  padding: 0;
}

.asset-position-comparison {
  min-width: 0;
}

.asset-position-comparison > .asset-equipment-route-note {
  padding: 0 16px;
}

.asset-map-footnote {
  color: #567789;
  border-top: 1px solid #dbe7ee;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 12px 0;
  font-size: 11px;
  line-height: 1.6;
  display: flex;
}

.asset-map-footnote button, .asset-map-summary button {
  color: #225977;
  cursor: pointer;
  background: #f4f9fc;
  border: 1px solid #bed6e4;
  border-radius: 5px;
  flex-shrink: 0;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  font-size: 12px;
  display: flex;
}

.asset-map-summary {
  background: #fff;
  border: 1px solid #c3dae7;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 18px;
  display: flex;
}

.asset-map-summary span {
  color: #668499;
  font-size: 11px;
}

.asset-map-summary h2 {
  margin: 4px 0;
  font-size: 18px;
}

.asset-map-summary p {
  color: #527489;
  margin: 0;
  font-size: 12px;
}

.asset-mapping-review {
  color: #72582f;
  background: #fffaf0;
  border-left: 3px solid #c18a37;
  margin: 4px 0;
  padding: 10px 12px;
  font-size: 12px;
}

.asset-equipment-toolbar select:focus-visible, .asset-position-comparison select:focus-visible, .asset-map-summary button:focus-visible, .asset-map-footnote button:focus-visible {
  outline-offset: 2px;
  outline: 3px solid #197ea6;
}

.asset-history-disclosure {
  scroll-margin-top: 100px;
}

@media (max-width: 1350px) {
  .asset-equipment-stage {
    min-width: 1480px;
  }

  .asset-comparison-grid {
    grid-template-columns: minmax(0, 1fr) 260px;
  }

  .asset-equipment-toolbar label {
    flex-wrap: wrap;
  }
}

@media (max-width: 1050px) {
  .asset-comparison-grid {
    grid-template-columns: 1fr;
  }

  .asset-comparison-grid > .asset-selected-evidence {
    border-top: 1px solid #d4e3ec;
    border-left: 0;
  }

  .asset-map-summary, .asset-map-footnote {
    flex-wrap: wrap;
  }
}

.asset-comparison-grid .asset-selected-evidence header h2, .asset-comparison-grid .asset-selected-evidence header b {
  color: #21435a;
}

.asset-comparison-grid .asset-selected-evidence header span, .asset-comparison-grid .asset-selected-evidence header small {
  color: #54758a;
}

.asset-map-pan {
  color: #648091;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 0 0;
  font-size: 11px;
  display: flex;
}

.asset-map-pan button, .asset-evidence-actions button {
  color: #225977;
  cursor: pointer;
  background: #f4f9fc;
  border: 1px solid #bdd7e4;
  border-radius: 5px;
  padding: 8px 12px;
  font-size: 12px;
}

.asset-map-pan button:focus-visible, .asset-evidence-actions button:focus-visible {
  outline-offset: 2px;
  outline: 3px solid #197ea6;
}

.asset-map-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.asset-evidence-actions {
  color: #4c7389;
  flex-direction: column;
  gap: 12px;
  padding: 16px;
  font-size: 12px;
  display: flex;
}

.asset-source-filter {
  align-items: center;
  gap: 12px;
  margin: 16px;
  font-size: 12px;
  display: flex;
}

.asset-source-filter select {
  color: #214b66;
  background: #fff;
  border: 1px solid #bfd5e3;
  border-radius: 5px;
  padding: 8px 12px;
}

.process-profile-evidence, .asset-configuration-disclosure {
  scroll-margin-top: 100px;
}

.asset-source-rows {
  max-height: 450px;
  margin: 0 16px 16px;
  overflow: auto;
}

.asset-source-rows table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
}

.asset-source-rows caption {
  text-align: left;
  color: #56758a;
  padding: 12px 0;
}

.asset-source-rows th, .asset-source-rows td {
  text-align: left;
  border-bottom: 1px solid #d7e5ed;
  padding: 10px 12px;
}

.asset-source-rows thead {
  background: #f0f6fa;
}

.asset-source-pagination {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 16px;
  font-size: 12px;
  display: flex;
}

.asset-source-pagination button {
  background: #f5f9fc;
  border: 1px solid #bdd6e4;
  border-radius: 5px;
  padding: 8px 12px;
}

.asset-source-pagination button:disabled {
  opacity: .45;
}

.asset-equipment-stage {
  aspect-ratio: auto;
  min-width: 0;
  max-width: none;
}

.asset-map-view {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 6px;
  margin-top: 10px;
  display: flex;
}

.asset-map-view button {
  color: #225977;
  cursor: pointer;
  background: #f4f9fc;
  border: 1px solid #bdd7e4;
  border-radius: 5px;
  padding: 7px 12px;
  font-size: 12px;
}

.asset-map-view button[aria-pressed="true"] {
  color: #fff;
  background: #173f57;
  border-color: #173f57;
}

.asset-map-view button:focus-visible {
  outline-offset: 2px;
  outline: 3px solid #197ea6;
}

.asset-equipment-stage .asset-equipment-position b, .asset-equipment-stage .asset-equipment-position strong {
  font-size: calc(12px * var(--equipment-label-scale, 1));
}

.asset-equipment-stage .asset-equipment-position small, .asset-equipment-stage .asset-node-risk {
  font-size: calc(10px * var(--equipment-label-scale, 1));
}

.asset-injection-leader path {
  fill: none;
  stroke: #7954b1;
  stroke-width: 3px;
}

.asset-injection-leader circle {
  fill: #fff;
  stroke: #7954b1;
  stroke-width: 4px;
}

.asset-injection-leader.unverified path, .asset-injection-leader.paused path, .asset-injection-leader.interrupted path {
  stroke-dasharray: 5 4;
}

.asset-injection-pin {
  z-index: 4;
  color: #54317f;
  font-size: calc(12px * var(--equipment-label-scale, 1));
  white-space: nowrap;
  cursor: pointer;
  background: #f4edff;
  border: 2px solid #7650a8;
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  gap: 6px;
  padding: 7px 10px;
  font-weight: 700;
  display: flex;
  position: absolute;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 7px #57348224;
}

.asset-injection-pin svg {
  width: calc(16px * var(--equipment-label-scale, 1));
  height: calc(16px * var(--equipment-label-scale, 1));
  flex-shrink: 0;
}

.asset-injection-pin b {
  color: #fff;
  background: #7650a8;
  border-radius: 99px;
  padding: 1px 5px;
  font-size: .85em;
}

.asset-injection-pin.paused, .asset-injection-pin.interrupted, .asset-injection-pin.unverified, .asset-injection-pin.mixed, .asset-injection-pin.outside {
  color: #765316;
  background: #fff8eb;
  border-style: dashed;
  border-color: #a47c37;
}

.asset-injection-pin:focus-visible {
  outline-offset: 4px;
  outline: 3px solid #573383;
}

.asset-injection-key {
  color: #684494;
}

.asset-injection-key svg {
  width: 14px;
  height: 14px;
}

.asset-injection-summary {
  color: #304d60;
  background: #fdfbff;
  border: 1px solid #dfd3ed;
  border-radius: 7px;
  order: 3;
  grid-column: 1 / -1;
  min-width: 0;
  margin: 8px 0;
}

.asset-injection-summary > header {
  border-bottom: 1px solid #e7def0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  display: flex;
}

.asset-injection-summary > header > div {
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  display: flex;
}

.asset-injection-summary > header strong {
  color: #56357c;
  font-size: 12px;
}

.asset-injection-summary > header span {
  color: #687786;
  font-size: 11px;
}

.asset-injection-summary > header svg {
  color: #7650a8;
  width: 15px;
  height: 15px;
}

.asset-injection-summary button {
  color: #593582;
  cursor: pointer;
  background: #fff;
  border: 1px solid #d5c5e6;
  border-radius: 5px;
  align-items: center;
  gap: 5px;
  padding: 6px 8px;
  font-size: 11px;
  display: inline-flex;
}

.asset-injection-summary button:focus-visible, .asset-injection-summary summary:focus-visible {
  outline-offset: 2px;
  outline: 3px solid #7650a8;
}

.asset-injection-summary > p {
  margin: 0;
  padding: 12px;
  font-size: 12px;
  line-height: 1.5;
}

.asset-injection-cards {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr));
  gap: 10px;
  padding: 10px;
  display: grid;
}

.asset-injection-card {
  background: #fff;
  border: 1px solid #e3d9ed;
  border-left: 3px solid #8058b2;
  border-radius: 5px;
  min-width: 0;
  padding: 10px;
}

.asset-injection-card.unverified, .asset-injection-card.interrupted, .asset-injection-card.paused, .asset-injection-card.mixed {
  border-left-color: #a47c37;
}

.asset-injection-location {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 5px;
  margin-bottom: 8px;
  display: flex;
}

.asset-injection-location > span {
  color: #684494;
  align-items: center;
  gap: 5px;
  font-size: 11px;
  font-weight: 650;
  display: flex;
}

.asset-injection-location svg {
  width: 14px;
  height: 14px;
}

.asset-injection-location > strong {
  overflow-wrap: anywhere;
  font-size: 12px;
}

.asset-injection-program {
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.5;
}

.asset-injection-program > div {
  flex-wrap: wrap;
  align-items: center;
  gap: 3px 9px;
  display: flex;
}

.asset-injection-program strong {
  color: #233f54;
}

.asset-injection-program span {
  color: #48715e;
  font-size: 11px;
}

.asset-injection-program.interrupted span, .asset-injection-program.paused span, .asset-injection-program.unverified span {
  color: #85601e;
}

.asset-injection-program p {
  margin: 4px 0;
  font-size: 11px;
}

.asset-injection-program small {
  color: #667a88;
  font-size: 10px;
  display: block;
}

.asset-injection-card details {
  border-top: 1px solid #ebe4f2;
  margin-top: 8px;
  padding-top: 7px;
}

.asset-injection-card summary {
  color: #684494;
  cursor: pointer;
  font-size: 11px;
}

.asset-injection-card details .asset-injection-program {
  border-bottom: 1px solid #ece6f3;
  padding: 8px 0;
}

.asset-injection-card .asset-injection-mapping {
  margin-top: 9px;
}

@media (max-width: 600px) {
  .asset-injection-summary button {
    min-height: 36px;
  }

  .asset-injection-cards {
    grid-template-columns: 1fr;
  }

  .asset-injection-summary > header > div > span {
    width: 100%;
  }

  .asset-injection-program small {
    font-size: 11px;
  }
}

/* [project]/app/intelligence-guide.css [app-client] (css) */
.workspace-shell .modeling-lab .modeling-hero {
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  display: flex;
}

.modeling-lab .lab-guide-trigger {
  flex-shrink: 0;
  gap: 8px;
  min-height: 38px;
}

.modeling-lab .lab-guide-trigger[aria-expanded="true"] {
  color: #096e84;
  background: #eaf6fa;
  border-color: #79b7c7;
}

.modeling-with-guide {
  grid-template-columns: minmax(0, 1fr);
  align-items: start;
  gap: 18px;
  display: grid;
}

.modeling-lab[data-guide-open="true"] .modeling-with-guide {
  grid-template-columns: minmax(0, 1fr) clamp(320px, 27vw, 380px);
}

.modeling-tool-content {
  min-width: 0;
  container-type: inline-size;
}

.modeling-lab .lab-guide {
  color: #153d54;
  background: #fff;
  border: 1px solid #b9d3df;
  border-radius: 8px;
  flex-direction: column;
  min-width: 0;
  height: clamp(360px, 100dvh - 252px, 760px);
  display: flex;
  position: sticky;
  top: 122px;
  overflow: hidden;
  box-shadow: 0 4px 16px #153d5408;
}

.lab-guide-header {
  background: #f1f8fb;
  border-bottom: 1px solid #dce8ef;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  display: flex;
}

.lab-guide-header > div {
  align-items: center;
  gap: 8px;
  min-width: 0;
  display: flex;
}

.lab-guide-header svg {
  color: #13778e;
  flex-shrink: 0;
}

.workspace-shell .lab-guide h2 {
  margin: 0;
  font-size: 16px;
  line-height: 1.4;
}

.lab-guide-close {
  cursor: pointer;
  background: none;
  border: 1px solid #0000;
  border-radius: 5px;
  flex-shrink: 0;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.lab-guide-close:hover {
  background: #deedf4;
  border-color: #b9d3df;
}

.lab-guide-navigation {
  border-bottom: 1px solid #dce8ef;
  flex-shrink: 0;
  padding: 12px 16px;
}

.lab-guide-navigation label {
  margin-bottom: 5px;
  font-size: 12px;
  font-weight: 650;
  display: block;
}

.lab-guide-navigation select {
  width: 100%;
  padding: 8px;
}

.lab-guide-navigation p {
  color: #527184;
  margin: 6px 0 0;
  font-size: 12px;
  line-height: 1.45;
}

.lab-guide-reading {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  overflow-wrap: anywhere;
  flex: 1;
  min-height: 0;
  padding: 18px 17px 24px;
  font-size: 14px;
  line-height: 1.65;
  overflow-y: auto;
}

.workspace-shell .lab-guide h3 {
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 1.35;
}

.workspace-shell .lab-guide h4 {
  margin: 0 0 8px;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.45;
}

.lab-guide-reading p {
  margin: 0 0 12px;
}

.lab-guide-purpose {
  color: #41677d;
}

.lab-guide-section {
  border-top: 1px solid #e1eaf0;
  margin-top: 18px;
  padding-top: 16px;
}

.lab-guide-section ol {
  margin: 0;
  padding-left: 21px;
  list-style: decimal;
}

.lab-guide-section li {
  margin: 0 0 12px;
  padding-left: 3px;
}

.lab-guide-section li::marker {
  color: #087e98;
  font-weight: 700;
}

.lab-guide-section strong, .lab-guide-section dt {
  font-weight: 650;
}

.lab-guide-section dl {
  margin: 0;
}

.lab-guide-section dt {
  margin: 14px 0 3px;
}

.lab-guide-section dt:first-child {
  margin-top: 0;
}

.lab-guide-section dd {
  color: #416077;
  margin: 0 0 12px;
}

.lab-guide-example {
  background: #eef7fa;
  border-left: 3px solid #087e98;
  padding: 12px;
}

.lab-guide-footer {
  background: #f8fbfd;
  border-top: 1px solid #dce8ef;
  flex-wrap: wrap;
  flex-shrink: 0;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  display: flex;
}

.lab-guide-footer button {
  color: #096e84;
  cursor: pointer;
  border-radius: 4px;
  align-items: center;
  gap: 6px;
  min-height: 32px;
  padding: 4px;
  font-size: 12px;
  font-weight: 650;
  display: inline-flex;
}

.lab-guide-footer span {
  color: #527184;
  font-size: 11px;
}

.lab-guide :is(button, select, [tabindex]):focus-visible {
  outline-offset: -3px;
  outline: 3px solid #0795ae;
}

@container (max-width: 850px) {
  .workspace-shell .modeling-tool-content .predictive-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 14px;
  }

  .workspace-shell .modeling-tool-content .predictive-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .workspace-shell .modeling-tool-content .predictive-tabs button {
    text-align: left;
    justify-content: flex-start;
  }

  .modeling-tool-content .predictive-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .modeling-tool-content .predictive-result-head, .modeling-tool-content .predictive-handoff {
    flex-wrap: wrap;
  }

  .modeling-tool-content .modeling-secondary-grid, .workspace-shell .modeling-tool-content .modeling-support .prediction-output {
    grid-template-columns: minmax(0, 1fr);
  }
}

@container (max-width: 520px) {
  .workspace-shell .modeling-tool-content .predictive-controls {
    grid-template-columns: minmax(0, 1fr);
  }

  .modeling-tool-content .predictive-run, .modeling-tool-content .predictive-source-switch {
    flex-wrap: wrap;
  }
}

@media (max-width: 1149px) {
  .modeling-lab[data-guide-open="true"] .modeling-with-guide {
    grid-template-columns: minmax(0, 1fr);
  }

  .modeling-lab .lab-guide {
    grid-row: 1;
    height: 460px;
    max-height: 70dvh;
    position: static;
  }
}

@media (max-width: 540px) {
  .workspace-shell .modeling-lab .modeling-hero {
    align-items: flex-start;
  }

  .workspace-shell .modeling-lab .modeling-hero h1 {
    font-size: 25px;
  }
}

/* [project]/app/light-theme.css [app-client] (css) */
html[data-theme="light"] {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light only;
  --canvas: #f7f9fc;
  --background: #f7f9fc;
  --ink: #183449;
  --foreground: #183449;
  --card: #fff;
  --card-foreground: #183449;
  --popover: #fff;
  --popover-foreground: #183449;
  --muted-foreground: #526b7a;
  --border: #ccdbe2;
}

html[data-theme="light"] body {
  background: var(--canvas);
}

html[data-theme="light"] :is(.workspace-shell, .design-shell) {
  --cc-canvas: #f7f9fc;
  background: #f7f9fc;
}

html[data-theme="light"] :is(.workspace-shell, .design-shell) :is(.intelligence-main, .intelligence-content) {
  background: #f7f9fc;
}

html[data-theme="light"] .cc-entrance {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light only;
  --cc-line: #ccdbe2;
  --cc-hud-background: #f7f9fc;
  --cc-hud-surface: #fff;
  --cc-hud-raised: #f0f5f7;
  --cc-hud-hover: #e8f3ef;
  --cc-hud-active: #dceee6;
  --cc-hud-ink: #183449;
  --cc-hud-muted: #526b7a;
  --cc-hud-accent: #147761;
  --cc-hud-line: #ccdbe2;
  --cc-hud-control-line: #9cb8c5;
  --cc-hud-glow: #14776112;
}

html[data-theme="light"] .cc-background {
  background: radial-gradient(at 50% 45%, #d8eee780, #0000 58%), linear-gradient(#b4cbd329 1px, #0000 1px) 0 0 / 64px 64px, linear-gradient(90deg, #b4cbd329 1px, #0000 1px) 0 0 / 64px 64px;
}

html[data-theme="light"] :is(.cc-panel, .cc-terminal, .cc-quick-links, .cc-launch-intents button) {
  background: #fff;
  border-color: #ccdbe2;
  box-shadow: 0 5px 20px #18344908;
}

html[data-theme="light"] :is(.cc-workspace-link, .cc-help button, .cc-asset-choices button, .cc-command-form) {
  color: #23495a;
  background: #fff;
  border-color: #a8c1cb;
}

html[data-theme="light"] :is(.cc-workspace-link:hover, .cc-help button:hover, .cc-asset-choices button:hover, .cc-launch-intents button:hover) {
  color: #145e4e;
  background: #e8f3ef;
  border-color: #147761;
}

html[data-theme="light"] :is(.cc-brand, .cc-main-count, .cc-mini-counts strong, .cc-finding strong, .cc-finding-reading, .cc-message > p, .cc-command-form input) {
  color: #183449;
}

html[data-theme="light"] :is(.cc-online, .cc-header time, .cc-intro p, .cc-session, .cc-session small, .cc-panel > header, .cc-panel-label, .cc-main-count > span, .cc-mini-counts span, .cc-source > span, .cc-source small, .cc-risk-counts, .cc-condition p, .cc-core-coordinate, .cc-voice-status, .cc-activation-note, .cc-local-note, .cc-empty p, .cc-finding small, .cc-quick-links small, .cc-terminal-top > span, .cc-terminal-top button, .cc-message-you > span, .cc-message-you > p, .cc-terminal-bottom, .cc-terminal-bottom small, .cc-help p, .cc-footer, .cc-footer button, .cc-heard) {
  color: #526b7a;
}

html[data-theme="light"] :is(.cc-message > span, .cc-heard strong, .cc-count-tag, .cc-quick-links svg, .cc-empty > svg) {
  color: #147761;
}

html[data-theme="light"] :is(.cc-mini-counts, .cc-source, .cc-finding, .cc-quick-links > button, .cc-terminal-top, .cc-count-tag) {
  border-color: #ccdbe2;
}

html[data-theme="light"] .cc-transcript {
  scrollbar-color: #93afb8 #f1f5f7;
}

html[data-theme="light"] .cc-command-form input::placeholder {
  color: #526b7a;
}

html[data-theme="light"] .cc-command-form button {
  color: #145e4e;
  background: #e8f3ef;
  border-color: #9cb8c5;
}

html[data-theme="light"] .cc-activate {
  background: #147761;
  border-color: #11624f;
  box-shadow: 0 4px 14px #14776120;
  color: #fff !important;
}

html[data-theme="light"] .cc-activate:hover {
  background: #11624f;
}

html[data-theme="light"] .cc-activate.is-active {
  background: #dceee6;
  color: #145e4e !important;
}

html[data-theme="light"] .cc-core-center {
  background: radial-gradient(at 50% 30%, #fff, #edf6f2 75%);
  border-color: #9dc9bd;
  box-shadow: 0 8px 30px #14776112;
}

html[data-theme="light"] .cc-core-halo {
  background: radial-gradient(#8dd2bd30, #0000 70%);
  box-shadow: 0 0 40px #14776112;
}

html[data-theme="light"] .cc-orbit {
  filter: none;
}

html[data-theme="light"] .cc-crosshair {
  stroke: #a5c2ca;
}

html[data-theme="light"] .cc-core-dots i {
  box-shadow: none;
  background: #147761;
}

html[data-theme="light"] .cc-risk-high {
  color: #a63b32;
  background: #fbe9e5;
  border-color: #d99c95;
}

html[data-theme="light"] .cc-risk-moderate {
  color: #85600a;
  background: #fff3c9;
  border-color: #d6b56a;
}

html[data-theme="light"] .cc-entrance .high {
  background: #bf463e;
}

html[data-theme="light"] .cc-entrance .moderate {
  background: #b47e11;
}

html[data-theme="light"] .cc-entrance .low {
  background: #258264;
}

html[data-theme="light"] .cc-error {
  color: #a63b32;
}

html[data-theme="light"] .cc-entrance :is(button, a, input):focus-visible {
  outline-color: #147761;
}

html[data-theme="light"] :is(.cc-brand-logo, .cc-core-logo, .intelligence-brand img, .workspace-mobile-header img, .member-access-brand img) {
  filter: brightness(.26);
}

html[data-theme="light"] :is(.intelligence-sidebar, .workspace-shell .workspace-sidebar, .intelligence-brand, .workspace-mobile-header, .workspace-mobile-menu[data-slot="sheet-content"]) {
  color: #183449;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light only;
  background: #fff;
  border-color: #ccdbe2;
}

html[data-theme="light"] .workspace-sidebar {
  border-right: 1px solid #ccdbe2;
}

html[data-theme="light"] .workspace-navigation :is(button, a) {
  color: #345363;
}

html[data-theme="light"] .workspace-navigation :is(button, a):hover {
  color: #145e4e;
  background: #edf5f2;
}

html[data-theme="light"] .workspace-navigation :is(button, a)[aria-current="page"] {
  color: #145e4e;
  background: #e3f1ea;
  box-shadow: inset 3px 0 #147761;
}

html[data-theme="light"] :is(.workspace-nav-label, .workspace-nav-group > summary, .workspace-sidebar > footer, .workspace-sidebar > footer small, .workspace-mobile-menu [data-slot="sheet-description"]) {
  color: #526b7a;
}

html[data-theme="light"] :is(.workspace-nav-group, .workspace-sidebar > footer, .intelligence-brand) {
  border-color: #ccdbe2;
}

html[data-theme="light"] .workspace-mobile-menu [data-slot="sheet-title"] {
  color: #183449;
}

html[data-theme="light"] .workspace-mobile-header button {
  color: #23495a;
  background: #fff;
  border-color: #9cb8c5;
}

html[data-theme="light"] .workspace-shell :is(.intelligence-brand, .workspace-mobile-header) {
  background: #10283e;
  border-color: #294752;
}

html[data-theme="light"] .workspace-shell :is(.intelligence-brand, .workspace-mobile-header) img {
  filter: none;
}

html[data-theme="light"] :is([data-slot="dialog-content"], [data-slot="popover-content"], [data-slot="select-content"], [data-slot="dropdown-menu-content"]) {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light only;
  color: #183449;
  background-color: #fff;
}

html[data-theme="light"] :is(.decision-workspace, .engineering-workspace, .engineering-v033, .scenario-review, .trace-backed-reasons, .engineering-trace-audit, .trace-recommendation, .engineering-decision-brief, .engineering-dmaic, .root-cause-panel, .competing-cause-panel, .control-plan-panel, .engineering-action-routing, .engineering-disclosure, .engineering-risk-seal, .screening-technical-assessment, .trend-lab-assessment, .production-decline-panel.dark) {
  color: #183449;
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light only;
  background: #fff;
  border-color: #ccdbe2;
}

html[data-theme="light"] :is(.decision-workspace, .engineering-workspace, .engineering-v033, .screening-technical-assessment, .trend-lab-assessment, .production-decline-panel.dark) :is(h2, h3, h4, p, small, dt, dd, label, summary, strong, b) {
  color: #345363;
}

html[data-theme="light"] :is(.decision-scope-ribbon, .scenario-grid article, .trace-reason-grid > div, .trace-step-row > div, .trace-recommendation > footer, .engineering-trace-audit article, .engineering-brief-copy > div, .engineering-decision-brief > aside > div, .dmaic-stage-grid article, .root-cause-statement, .why-ladder article, .root-cause-panel > footer, .competing-cause-panel article, .control-metric-grid article, .control-criteria-grid > div, .screening-technical-grid article, .screening-technical-sources > div, .screening-technical-sources code, .screening-technical-sources a, .screening-technical-sources p, .screening-technical-assessment > footer, .decision-screening-context .screening-context-controls, .decision-screening-context .screening-context-controls > header) {
  color: #345363;
  background: #f2f6f8;
  border-color: #ccdbe2;
}

html[data-theme="light"] .decision-screening-context .screening-context-controls :is(input, select) {
  color: #183449;
  background: #fff;
  border-color: #9cb8c5;
}

html[data-theme="light"] :is(.action-portfolio-hero, .action-intelligence-summary, .production-hero, .asset-dashboard-heading, .dashboard-panel-bar, .modeling-hero, .diagnostic-authority, .command-status-hero, .command-program-hero, .modeling-decision-deck > header, .asset-selected-evidence > header, .trend-risk-overview-top, .member-access-brand, .invoice-unavailable-page > header, .predictive-heading, .topbar) {
  color: #183449;
  border-color: #ccdbe2;
  background: none !important;
}

html[data-theme="light"] :is(.action-portfolio-hero, .action-intelligence-summary, .production-hero, .asset-dashboard-heading, .dashboard-panel-bar, .modeling-hero, .diagnostic-authority, .command-status-hero, .command-program-hero, .modeling-decision-deck > header, .asset-selected-evidence > header, .trend-risk-overview-top, .member-access-brand, .invoice-unavailable-page > header, .predictive-heading, .topbar) :is(h1, h2, h3, p, small, span, strong, b) {
  color: #345363;
}

html[data-theme="light"] :is(pre, .api-preview > section, .api-preview header, .calculator-card > code) {
  color: #23495a;
  background: #edf2f5;
  border-color: #ccdbe2;
}

html[data-theme="light"] :is(.ask-chemcop-game-pane[data-slot="sheet-content"], .ask-chemcop-game-header, .ask-chemcop-game-frame) {
  color: #183449;
  background: #f7f9fc;
}

html[data-theme="light"] .workspace-sidebar > footer :is(span, small) {
  color: #526b7a;
}

/* [project]/components/issue-overview.css [app-client] (css) */
.issue-experience {
  color: #173047;
  width: 100%;
  min-width: 0;
  max-width: none;
  margin: auto;
  font-size: 14px;
  line-height: 1.6;
}

.issue-experience button {
  color: #075f6b;
  font: inherit;
  cursor: pointer;
  background: #fff;
  border: 1px solid #ccdbe2;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  display: inline-flex;
}

.issue-experience button:hover {
  background: #edf7f7;
  border-color: #087e8b;
}

.issue-experience button:disabled {
  opacity: .5;
  cursor: default;
}

.issue-experience :focus-visible {
  outline-offset: 3px;
  outline: 3px solid #0891b2;
}

.issue-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin: 20px 0 8px;
  display: flex;
}

.issue-heading h1 {
  letter-spacing: -1px;
  color: #102b43;
  margin: 12px 0;
  font-size: clamp(26px, 3vw, 38px);
  font-weight: 700;
  line-height: 1.2;
}

.issue-heading p {
  color: #52697b;
  max-width: 820px;
  margin: 0;
  font-size: 16px;
}

.issue-eyebrow {
  letter-spacing: 1.5px;
  color: #087e8b;
  align-items: center;
  gap: 8px;
  font-size: 11px;
  font-weight: 700;
  display: flex;
}

.issue-toolbar {
  flex-shrink: 0;
  gap: 8px;
  display: flex;
}

.issue-source, .issue-coverage {
  color: #607387;
  margin: 12px 0 22px;
  font-size: 12px;
}

.issue-metrics {
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  margin-top: 28px;
  display: grid;
}

.issue-metrics > button, .issue-metrics > div {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 10px;
  flex-direction: column;
  align-items: flex-start;
  padding: 18px 22px;
  display: flex;
}

.issue-metrics strong {
  color: #173047;
  font-size: 30px;
  line-height: 1.3;
}

.issue-metrics span {
  color: #566c80;
  font-size: 13px;
}

.issue-filters {
  align-items: end;
  gap: 16px;
  margin: 24px 0;
  display: flex;
}

.issue-filters label {
  color: #486176;
  flex-direction: column;
  flex: 1;
  gap: 6px;
  font-size: 12px;
  display: flex;
}

.issue-filters label span {
  align-items: center;
  gap: 5px;
  display: flex;
}

.issue-filters input, .issue-filters select {
  color: #173047;
  width: 100%;
  font: inherit;
  background: #fff;
  border: 1px solid #ccdbe2;
  border-radius: 6px;
  min-height: 42px;
  padding: 10px 12px;
  font-size: 14px;
}

.issue-filters .issue-search {
  flex: 1.4;
}

.issue-card {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 24px;
  box-shadow: 0 2px 5px #152d4210;
}

.issue-card h2 {
  color: #153047;
  margin: 0 0 12px;
  font-size: 18px;
  font-weight: 650;
}

.issue-card p {
  margin: 8px 0 14px;
}

.issue-card small {
  color: #62778a;
}

.issue-card summary {
  cursor: pointer;
  font-weight: 600;
}

.issue-list {
  padding: 0;
  overflow: hidden;
}

.issue-list > header {
  border-bottom: 1px solid #e2e8ee;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 22px 24px;
  display: flex;
}

.issue-list > header h2 {
  margin: 0;
}

.issue-list > header p {
  color: #607387;
  margin: 5px 0 0;
  font-size: 12px;
}

.issue-list > header > span {
  color: #607387;
  font-size: 12px;
}

.issue-list article {
  border-bottom: 1px solid #e6edf0;
  grid-template-columns: 120px 1.2fr 1fr 1.1fr;
  align-items: start;
  gap: 20px;
  padding: 24px;
  display: grid;
}

.issue-list article h3 {
  color: #173047;
  margin: 0;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.5;
}

.issue-list article p {
  margin: 5px 0 8px;
  font-size: 13px;
  line-height: 1.6;
}

.issue-list article small {
  color: #607387;
  margin: 6px 0;
  font-size: 11px;
  display: block;
}

.issue-column-label {
  text-transform: uppercase;
  letter-spacing: .8px;
  color: #62778a;
  font-size: 10px;
}

.issue-badge {
  color: #455b70;
  background: #eef2f6;
  border-radius: 5px;
  align-items: center;
  padding: 4px 9px;
  font-size: 11px;
  font-weight: 650;
  display: inline-flex;
}

.issue-badge.high {
  color: #b42318;
  background: #fff0ed;
  border: 1px solid #fecac3;
}

.issue-badge.moderate {
  color: #925600;
  background: #fff8e6;
  border: 1px solid #ffe1a6;
}

.issue-badges {
  color: #607387;
  align-items: center;
  gap: 12px;
  margin: 18px 0 24px;
  font-size: 12px;
  display: flex;
}

.issue-list footer {
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 18px;
  display: flex;
}

.issue-detail-grid {
  grid-template-columns: minmax(0, 1.7fr) minmax(280px, 1fr);
  gap: 24px;
  display: grid;
}

.issue-response {
  border-top: 3px solid #087e8b;
}

.issue-response h2 {
  margin-top: 12px;
  font-size: 23px;
  line-height: 1.4;
}

.issue-response button {
  width: 100%;
  margin-top: 10px;
  display: flex;
}

.issue-response dl {
  grid-template-columns: 1fr 1.4fr;
  gap: 12px;
  margin: 22px 0;
  font-size: 13px;
  display: grid;
}

.issue-response dt {
  color: #607387;
}

.issue-response dd {
  margin: 0;
}

.issue-experience .issue-primary {
  color: #fff;
  background: #087e8b;
  border-color: #087e8b;
}

.issue-evidence {
  flex-wrap: wrap;
  gap: 18px;
  margin: 12px 0 22px;
  display: flex;
}

.issue-evidence > div {
  flex: 1;
  min-width: 150px;
}

.issue-evidence dt {
  color: #62778a;
  font-size: 11px;
}

.issue-evidence dd {
  margin: 3px 0;
  font-size: 15px;
  font-weight: 600;
}

.issue-chart {
  width: 100%;
  max-height: 310px;
  margin: 10px 0;
}

.issue-chart text {
  fill: #52697b;
  font-size: 11px;
}

.issue-limit {
  background: #f3f7fa;
  border-left: 3px solid #b4c7d4;
  padding: 12px;
  font-size: 12px;
}

.issue-source-table {
  margin-top: 16px;
  overflow: auto;
}

.issue-source-table table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
}

.issue-source-table th, .issue-source-table td {
  text-align: left;
  border-bottom: 1px solid #e2e8f0;
  padding: 12px;
}

.issue-empty {
  text-align: center;
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 10px;
  margin: 24px 0;
  padding: 48px 28px;
}

.issue-empty h2, .issue-empty h3 {
  margin-bottom: 12px;
  font-size: 22px;
}

.issue-empty p {
  color: #607387;
  max-width: 700px;
  margin: 10px auto 22px;
}

.issue-empty button {
  margin: 5px;
}

.issue-change {
  text-align: left;
  width: 100%;
  margin-top: 8px;
  justify-content: space-between !important;
}

.issue-ask {
  border-top: 1px solid #dce5eb;
  margin-top: 24px;
  padding-top: 20px;
}

.issue-ask .ask-chemcop-launcher {
  margin-top: 14px;
}

.issue-experience .recommendation-inspection-summary {
  margin-top: 20px;
}

.issue-experience .recommendation-inspection-summary section {
  margin: 16px 0;
}

.issue-experience .recommendation-inspection-summary h3 {
  font-weight: 600;
}

.issue-first-shell {
  background: #f5f8fb !important;
  min-height: 100vh !important;
}

.issue-first-shell > .intelligence-main {
  min-width: 0;
}

.issue-first-shell .intelligence-content {
  max-width: none;
  padding: 24px 36px !important;
}

.issue-first-shell .intelligence-sidebar {
  background: #10283e !important;
}

.issue-first-shell .workspace-navigation button, .issue-first-shell .workspace-navigation a, .issue-first-shell .workspace-navigation summary {
  color: #d9e5ee;
}

.issue-first-shell .workspace-navigation [aria-current="page"] {
  color: #fff !important;
  background: #14576a !important;
}

.issue-first-shell .intelligence-topbar {
  min-height: 70px;
  background: #fff !important;
  border-bottom: 1px solid #dce5eb !important;
}

.issue-first-shell .intelligence-identity {
  margin-left: auto;
}

.issue-first-shell[data-page="command"] .intelligence-topbar, .issue-first-shell[data-page="issues"] .intelligence-topbar {
  display: none;
}

.issue-first-shell[data-page="command"] .workspace-datasets, .issue-first-shell[data-page="issues"] .workspace-datasets {
  margin-bottom: 12px;
}

.issue-first-shell .workspace-sidebar {
  height: 100vh;
  position: sticky;
  top: 0;
  overflow: auto;
}

.issue-first-shell .workspace-sidebar footer {
  color: #a6bdcc;
}

@media (max-width: 1100px) {
  .issue-detail-grid {
    grid-template-columns: 1fr;
  }

  .issue-heading {
    flex-direction: column;
  }

  .issue-first-shell .intelligence-content {
    padding: 20px !important;
  }
}

@media (max-width: 700px) {
  .issue-metrics {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  .issue-metrics > button, .issue-metrics > div {
    padding: 14px;
  }

  .issue-filters {
    flex-wrap: wrap;
  }

  .issue-filters label {
    flex: 40%;
  }

  .issue-filters .issue-search {
    flex: 100%;
  }

  .issue-badges {
    flex-wrap: wrap;
  }

  .issue-card {
    padding: 18px;
  }

  .issue-list {
    padding: 0;
  }

  .issue-toolbar {
    flex-wrap: wrap;
  }

  .issue-source {
    overflow-wrap: anywhere;
  }

  .issue-first-shell .workspace-sidebar {
    display: none;
  }
}

@media print {
  body:has(.issue-experience) .workspace-sidebar {
    display: none !important;
  }

  body:has(.issue-experience) .workspace-mobile-header {
    display: none !important;
  }

  body:has(.issue-experience) .workspace-datasets {
    display: none !important;
  }

  body:has(.issue-experience) .issue-toolbar {
    display: none !important;
  }

  body:has(.issue-experience) .issue-ask {
    display: none !important;
  }

  body:has(.issue-experience) button {
    display: none !important;
  }

  body:has(.issue-experience) .workspace-use-footer {
    display: none !important;
  }

  .issue-detail-grid {
    display: block;
  }

  .issue-card {
    break-inside: avoid;
    box-shadow: none;
  }

  .issue-first-shell {
    display: block !important;
  }

  .issue-first-shell .intelligence-content {
    padding: 0 !important;
  }
}

html[data-theme] .issue-first-shell .workspace-sidebar .workspace-navigation :is(button, a, summary) {
  color: #d9e5ee !important;
}

html[data-theme] .issue-first-shell .workspace-sidebar :is(.workspace-nav-label, footer, footer small) {
  color: #a6bdcc !important;
}

html[data-theme] .issue-first-shell .workspace-sidebar .workspace-navigation :is(button, a):hover {
  color: #fff !important;
  background: #1b4259 !important;
}

html[data-theme] .issue-first-shell .workspace-sidebar .workspace-navigation [aria-current="page"] {
  color: #fff !important;
  background: #14576a !important;
}

.risk-scorecard {
  margin-top: 28px;
  padding: 0;
  overflow: hidden;
}

.risk-scorecard > header {
  justify-content: space-between;
  align-items: start;
  gap: 24px;
  padding: 24px;
  display: flex;
}

.risk-scorecard h2 {
  margin: 8px 0;
  font-size: 24px;
}

.risk-scorecard header p {
  color: #52697b;
  max-width: 680px;
  margin: 0;
  font-size: 13px;
}

.scorecard-legend {
  flex-wrap: wrap;
  flex-shrink: 0;
  gap: 6px;
  display: flex;
}

.scorecard-status {
  border-radius: 5px;
  padding: 3px 8px;
  font-size: 11px;
  font-weight: 650;
}

.scorecard-scroll {
  max-height: 570px;
  overflow: auto;
}

.scorecard-scroll table {
  border-collapse: separate;
  border-spacing: 0;
  width: 100%;
  font-size: 13px;
}

.scorecard-scroll th, .scorecard-scroll td {
  text-align: left;
  border-top: 1px solid #e2e8ee;
  min-width: 150px;
  padding: 12px;
}

.scorecard-scroll thead th {
  z-index: 2;
  color: #3e586d;
  background: #f3f7fa;
  font-weight: 650;
  position: sticky;
  top: 0;
}

.scorecard-scroll th:first-child {
  z-index: 1;
  background: #f8fafc;
  min-width: 210px;
  max-width: 260px;
  position: sticky;
  left: 0;
}

.scorecard-scroll thead th:first-child {
  z-index: 3;
}

.scorecard-scroll th small {
  color: #62778a;
  margin-top: 6px;
  font-weight: 400;
  display: block;
}

.issue-experience .scorecard-cell {
  text-align: left;
  border-color: #0000;
  flex-direction: column;
  align-items: stretch;
  gap: 3px;
  width: 100%;
  min-height: 83px;
  padding: 12px;
  display: flex;
}

.scorecard-cell strong {
  justify-content: space-between;
  align-items: center;
  font-size: 14px;
  display: flex;
}

.scorecard-cell span, .scorecard-cell small {
  color: inherit;
  font-size: 11px;
}

.issue-experience .scorecard-cell.high, .scorecard-status.high {
  color: #a72c22;
  background: #fff0ed;
}

.issue-experience .scorecard-cell.moderate, .scorecard-status.moderate {
  color: #875700;
  background: #fff7df;
}

.issue-experience .scorecard-cell.low, .scorecard-status.low {
  color: #246747;
  background: #eaf6ef;
}

.issue-experience .scorecard-cell.unknown, .scorecard-status.unknown {
  color: #4d6072;
  background: #edf1f5;
}

.issue-experience .scorecard-cell:hover {
  outline-offset: -2px;
  outline: 2px solid #087e8b;
}

.scorecard-no-data {
  color: #7a8c9c;
  font-size: 12px;
}

.risk-scorecard footer {
  color: #607387;
  border-top: 1px solid #e2e8ee;
  padding: 16px 24px;
  font-size: 12px;
}

.risk-scorecard footer b {
  color: #3e586d;
}

.issue-filters {
  flex-wrap: wrap;
}

.issue-filters label {
  min-width: 140px;
}

@media (max-width: 700px) {
  .risk-scorecard > header {
    flex-direction: column;
    padding: 18px;
  }

  .scorecard-scroll th:first-child {
    overflow-wrap: anywhere;
    min-width: 135px;
    max-width: 135px;
  }

  .scorecard-scroll th, .scorecard-scroll td {
    min-width: 140px;
    padding: 8px;
  }

  .scorecard-scroll {
    max-height: 480px;
  }

  .risk-scorecard footer {
    padding: 16px;
  }

  .risk-scorecard h2 {
    font-size: 21px;
  }
}

.overview-risk-summary {
  gap: 28px;
  display: grid;
}

.customer-risk-summary .scorecard-scroll {
  max-height: 620px;
}

.customer-risk-summary .scorecard-scroll th:first-child {
  width: 25%;
  min-width: 200px;
  max-width: none;
}

.sample-type-summary {
  padding: 24px;
}

.sample-type-summary h2 {
  margin: 8px 0;
  font-size: 24px;
}

.sample-type-summary header p, .sample-type-summary footer {
  color: #52697b;
  font-size: 13px;
}

.sample-risk-grid {
  grid-template-columns: repeat(auto-fit, minmax(230px, 1fr));
  gap: 16px;
  margin: 24px 0;
  display: grid;
}

.sample-risk-grid article {
  border: 1px solid #dce5eb;
  border-radius: 10px;
  min-width: 0;
  padding: 18px;
}

.sample-risk-grid h3 {
  margin: 0 0 14px;
  font-size: 16px;
}

.sample-risk-grid p {
  color: #52697b;
  margin-bottom: 4px;
  font-size: 12px;
}

.sample-risk-grid small {
  color: #607387;
  font-size: 11px;
}

.overview-supporting-detail {
  margin-top: 28px;
}

.overview-supporting-detail > summary {
  cursor: pointer;
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 10px;
  padding: 20px;
  font-weight: 650;
}

.overview-supporting-detail > summary[hidden] {
  display: none;
}

.overview-supporting-detail[open] > summary:not([hidden]) {
  margin-bottom: 24px;
}

@media (max-width: 700px) {
  .sample-risk-grid {
    grid-template-columns: 1fr;
  }

  .sample-type-summary {
    padding: 18px;
  }

  .customer-risk-summary .scorecard-scroll th:first-child {
    min-width: 135px;
  }
}

.issue-experience .issue-primary:hover:not(:disabled), .issue-experience .issue-primary:focus-visible:not(:disabled) {
  color: #fff;
  background: #086b77;
  border-color: #086b77;
}

/* [project]/app/review-workspaces.css [app-client] (css) */
html[data-theme] .review-shell {
  --cc-ink: #173047;
  --cc-muted: #607387;
  --cc-accent: #087e8b;
  --cc-line: #dce5eb;
  --cc-surface: #fff;
  --cc-canvas: #f5f8fb;
  color: #173047;
  background: #f5f8fb;
  font-size: 14px;
  line-height: 1.6;
}

html[data-theme] .review-shell .intelligence-content {
  background: #f5f8fb;
  min-width: 0;
  padding: 28px 36px 40px !important;
}

html[data-theme] .review-shell .intelligence-content > :not(.workspace-use-footer) {
  max-width: none;
  margin-inline: auto;
}

html[data-theme] .review-shell .intelligence-content :is(h1, h2, h3) {
  color: #173047;
  letter-spacing: -.015em;
  line-height: 1.35;
}

html[data-theme] .review-shell .intelligence-content h2 {
  font-size: 20px;
  font-weight: 650;
}

html[data-theme] .review-shell .intelligence-content h3 {
  font-size: 16px;
  font-weight: 650;
}

html[data-theme] .review-shell :is(.panel, .design-disclosure, .asset-row-list, .remediation-candidate-list, .remediation-candidate-detail, .predictive-workbench, .diagnostic-observations, .diagnostic-summary, .diagnostic-ranking, .calculator-quick-deck, .calculator-library, .simple-kpi-overrides, .simple-kpi-list, .community-discussions, .engine-test, .billing-card, .connected-panel) {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 12px;
  min-width: 0;
  box-shadow: 0 2px 5px #152d420a;
}

html[data-theme] .review-shell :is(.panel-head, .asset-row-toolbar, .remediation-candidate-detail > header) {
  background: #fff;
  border-bottom: 1px solid #e6edf0;
  padding: 22px 24px;
}

html[data-theme] .review-shell :is(.panel-body, .design-disclosure-body) {
  padding: 24px;
}

html[data-theme] .review-shell .stack {
  gap: 24px;
}

html[data-theme] .review-shell :is(.design-disclosure, .development-task-ledger, .asset-row-supplement) > summary {
  color: #173047;
  background: #fff;
  border-radius: 12px;
  padding: 18px 24px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.6;
}

html[data-theme] .review-shell .design-disclosure[open] > summary {
  border-bottom: 1px solid #e6edf0;
}

html[data-theme] .review-shell :is(input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]), select, textarea) {
  color: #173047;
  background: #fff;
  border: 1px solid #ccdbe2;
  border-radius: 7px;
  max-width: 100%;
  min-height: 42px;
  padding: 9px 12px;
  font-size: 14px;
  line-height: 1.5;
}

html[data-theme] .review-shell :is(input, select, textarea, button, a, summary):focus-visible {
  outline-offset: 3px;
  outline: 3px solid #0891b2;
}

html[data-theme] .review-shell :is(button, a)[data-slot="button"] {
  white-space: normal;
  border-radius: 7px;
  min-height: 40px;
  font-size: 13px;
  line-height: 1.4;
}

html[data-theme] .review-shell :is(.table-wrap, .asset-row-scroll, .connected-table) {
  border-radius: 8px;
  max-width: 100%;
  overflow: auto;
}

html[data-theme] .review-shell :is(table, .asset-row-table, .recommendation-table) {
  font-size: 13px;
  line-height: 1.6;
}

html[data-theme] .review-shell :is(th, td) {
  vertical-align: top;
  border-color: #e6edf0;
  padding: 16px 18px;
  line-height: 1.6;
}

html[data-theme] .review-shell thead th {
  color: #52697b;
  letter-spacing: .02em;
  background: #f3f7fa;
  font-size: 11px;
  font-weight: 650;
}

html[data-theme] .review-shell tbody tr:hover {
  background: #f8fbfc;
}

html[data-theme] .review-shell :is(.kpis, .design-metrics, .remediation-scanner-stats) {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: 20px 0;
  display: grid;
}

html[data-theme] .review-shell :is(.kpis, .design-metrics, .remediation-scanner-stats) > :is(div, article) {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 10px;
  padding: 20px 22px;
}

html[data-theme] .review-shell :is(.kpis, .design-metrics, .remediation-scanner-stats) b {
  color: #173047;
  font-size: 30px;
  line-height: 1.3;
}

html[data-theme] .review-shell :is(.kpis, .design-metrics, .remediation-scanner-stats) small {
  color: #607387;
  font-size: 12px;
  line-height: 1.5;
}

.review-page-intro {
  color: #173047;
  width: 100%;
  min-width: 0;
  margin: 8px 0 24px;
}

html[data-theme] .review-shell .review-page-heading, .review-page-heading {
  box-shadow: none;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  margin: 0 0 24px;
  padding: 0;
  display: flex;
}

.review-page-heading > div:first-child {
  flex: 1;
  min-width: 0;
}

html[data-theme] .review-shell .review-page-heading h1, .review-page-heading h1 {
  letter-spacing: -1px;
  color: #102b43;
  margin: 12px 0;
  font-weight: 700;
  line-height: 1.2;
  font-size: clamp(27px, 3vw, 38px) !important;
}

html[data-theme] .review-shell .review-page-heading p, .review-page-heading p {
  color: #52697b;
  max-width: 850px;
  margin: 0;
  font-size: 16px;
  line-height: 1.65;
}

.review-eyebrow {
  color: #087e8b;
  letter-spacing: 1.4px;
  align-items: center;
  gap: 8px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}

.review-source {
  color: #607387;
  margin-top: 14px;
  font-size: 12px;
}

.review-heading-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  max-width: 410px;
  padding-top: 6px;
  display: flex;
}

.review-action {
  color: #075f6b;
  background: #fff;
  border: 1px solid #ccdbe2;
  border-radius: 7px;
  justify-content: center;
  align-items: center;
  padding: 10px 14px;
  font-size: 13px;
  text-decoration: none;
  display: inline-flex;
}

.review-action:hover {
  background: #edf7f7;
}

.review-refresh, .review-state {
  color: #607387;
  flex-direction: column;
  gap: 5px;
  font-size: 12px;
  display: flex;
}

.review-orientation {
  background: #fff;
  border: 1px solid #dce5eb;
  border-top: 3px solid #087e8b;
  border-radius: 10px;
  grid-template-columns: minmax(250px, 1fr) minmax(300px, 1.15fr);
  display: grid;
  box-shadow: 0 2px 5px #152d420a;
}

.review-orientation > div {
  border-right: 1px solid #e6edf0;
  padding: 20px 24px;
}

html[data-theme] .review-shell .review-orientation p, .review-orientation p {
  color: #3d566a;
  max-width: 680px;
  margin: 8px 0 0;
  font-size: 14px;
  line-height: 1.65;
}

.review-orientation nav {
  flex-direction: column;
  justify-content: center;
  padding: 8px 12px;
  display: flex;
}

.review-orientation nav button {
  text-align: left;
  color: #173047;
  cursor: pointer;
  background: #fff;
  border: 0;
  border-radius: 6px;
  align-items: center;
  gap: 12px;
  width: 100%;
  min-height: 42px;
  padding: 10px 12px;
  font-size: 13px;
  font-weight: 550;
  display: flex;
}

.review-orientation nav button > span {
  color: #879ba9;
  font-variant-numeric: tabular-nums;
  font-size: 11px;
}

.review-orientation nav svg {
  color: #087e8b;
  margin-left: auto;
}

.review-orientation nav button:hover {
  color: #075f6b;
  background: #eef7f8;
}

.review-jump-notice {
  color: #52697b;
  background: #edf5f8;
  border-radius: 7px;
  padding: 12px;
  font-size: 13px;
}

html[data-theme] .review-shell [tabindex="-1"] {
  scroll-margin-top: 24px;
}

html[data-theme] .review-shell .recommendations-design {
  background: none;
  max-width: none;
  padding: 0;
}

html[data-theme] .review-shell .action-portfolio-filters {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 12px;
  grid-template-columns: repeat(4, minmax(130px, 1fr));
  gap: 16px;
  margin: 20px 0;
  padding: 20px;
}

html[data-theme] .review-shell .analysis-summary {
  color: #52697b;
  background: #edf4f7;
  border-radius: 8px;
  padding: 14px 18px;
  font-size: 13px;
  line-height: 1.7;
}

html[data-theme] .review-shell .recommendations-predictive {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 10px;
  padding: 16px 20px;
}

html[data-theme] .review-shell .treatment-summary {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 10px;
  margin: 16px 0;
  padding: 18px 22px;
}

html[data-theme] .review-shell .asset-row-summary {
  background: none;
  border: 0;
  flex-wrap: wrap;
  gap: 12px;
  margin: 20px 0;
  padding: 0;
  display: flex;
}

html[data-theme] .review-shell .asset-row-summary > span {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 10px;
  flex: 1;
  min-width: 145px;
  padding: 18px;
  font-size: 12px;
}

html[data-theme] .review-shell .asset-row-summary b {
  font-size: 23px;
  line-height: 1.4;
  display: block;
}

html[data-theme] .review-shell .asset-row-controls {
  flex-wrap: wrap;
  gap: 14px;
  padding-top: 16px;
}

html[data-theme] .review-shell .asset-row-table tbody th b {
  font-size: 16px;
}

.review-shell .asset-row-table tbody td {
  min-width: 165px;
}

html[data-theme] .review-shell .full-system-demo-entry {
  background: #f8fbfc;
  border: 1px dashed #ccdbe2;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 12px 16px;
}

html[data-theme] .review-shell .remediation-scanner-hero {
  background: none;
  border: 0;
  padding: 0;
  display: block;
}

html[data-theme] .review-shell .remediation-scanner-layout {
  grid-template-columns: minmax(270px, .7fr) minmax(0, 1.6fr);
  gap: 24px;
}

html[data-theme] .review-shell .remediation-candidate-rows button {
  gap: 12px;
  min-height: 100px;
  padding: 18px 16px;
}

html[data-theme] .review-shell .remediation-candidate-detail > header {
  border-top: 3px solid #087e8b;
  border-radius: 12px 12px 0 0;
}

html[data-theme] .review-shell .remediation-candidate-detail p {
  font-size: 14px;
  line-height: 1.7;
}

html[data-theme] .review-shell .field-diagnostics {
  grid-template-columns: minmax(290px, .85fr) minmax(0, 1.4fr);
  gap: 24px;
}

html[data-theme] .review-shell .diagnostic-observations {
  padding: 24px;
}

html[data-theme] .review-shell .diagnostic-fields {
  gap: 20px;
}

html[data-theme] .review-shell .diagnostic-decision-banner {
  border-top: 3px solid #087e8b;
  padding: 24px;
}

html[data-theme] .review-shell .diagnostic-results-column {
  gap: 24px;
}

html[data-theme] .review-shell .predictive-heading {
  border-bottom: 1px solid #e6edf0;
  padding: 24px;
}

html[data-theme] .review-shell .predictive-inputs, html[data-theme] .review-shell .predictive-result {
  padding: 24px;
}

html[data-theme] .review-shell .predictive-tabs {
  background: #f3f7fa;
  flex-wrap: wrap;
  gap: 8px;
  padding: 14px 20px;
}

html[data-theme] .review-shell .predictive-tabs button {
  background: #fff;
  border-radius: 6px;
  flex: 1;
  min-width: 110px;
  padding: 12px;
  font-size: 13px;
}

html[data-theme] .review-shell .predictive-tabs button[aria-pressed="true"] {
  color: #075f6b;
  background: #e6f3f5;
  border-bottom: 3px solid #087e8b;
}

html[data-theme] .review-shell .trend-lab-filters {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 12px;
  margin-bottom: 24px;
  padding: 20px;
}

html[data-theme] .review-shell .trend-lab-filter-grid {
  gap: 16px;
}

html[data-theme] .review-shell .trend-lab-kpis {
  gap: 16px;
  margin: 20px 0;
}

html[data-theme] .review-shell .calculator-quick-deck {
  margin: 0 0 24px;
  padding: 24px;
}

html[data-theme] .review-shell .calculator-tool-card {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 10px;
  padding: 22px;
}

html[data-theme] .review-shell .calculator-tool-card h3 {
  font-size: 17px;
}

html[data-theme] .review-shell .calculator-tool-card p {
  color: #52697b;
  font-size: 13px;
  line-height: 1.7;
}

html[data-theme] .review-shell .calculator-tool-hero {
  box-shadow: none;
  background: #fff;
  border: 1px solid #dce5eb;
  border-top: 3px solid #087e8b;
  border-radius: 12px;
  padding: 24px;
}

html[data-theme] .review-shell .calculator-tool-hero h1 {
  color: #173047;
  font-size: 30px;
  line-height: 1.3;
}

html[data-theme] .review-shell .calculator-tool-hero p {
  color: #52697b;
  font-size: 15px;
  line-height: 1.7;
}

html[data-theme] .review-shell .simple-kpi-overrides {
  padding: 24px;
}

html[data-theme] .review-shell .simple-kpi-editor {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 12px;
  padding: 24px;
}

html[data-theme] .review-shell .simple-kpi-band-cell {
  min-width: 140px;
  font-size: 13px;
}

html[data-theme] .review-shell .simple-kpi-table-wrap {
  border: 1px solid #dce5eb;
  border-radius: 10px;
}

html[data-theme] .review-shell .community-start {
  gap: 24px;
  margin: 20px 0;
}

html[data-theme] .review-shell .community-discussions .panel-head {
  border-top: 3px solid #087e8b;
  border-radius: 12px 12px 0 0;
}

html[data-theme] .review-shell .community-thread p {
  font-size: 14px;
  line-height: 1.75;
}

html[data-theme] .review-shell .engine-workspace {
  grid-template-columns: minmax(0, 1.5fr) minmax(280px, 1fr);
  gap: 24px;
}

html[data-theme] .review-shell .engine-test {
  border-top: 3px solid #087e8b;
  padding: 24px;
}

html[data-theme] .review-shell .ai-settings-tabs {
  background: #edf3f7;
  border-radius: 10px;
  flex-wrap: wrap;
  gap: 8px;
  margin: 24px 0;
  padding: 8px;
  display: flex;
}

html[data-theme] .review-shell .ai-settings-tabs button {
  border-radius: 7px;
  padding: 12px 18px;
  font-size: 14px;
}

html[data-theme] .review-shell .ai-settings-tabs [aria-selected="true"] {
  color: #075f6b;
  background: #fff;
  box-shadow: 0 2px 5px #152d4210;
}

html[data-theme] .review-shell .member-access-hero {
  box-shadow: none;
  color: #173047;
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 12px;
  padding: 24px;
}

html[data-theme] .review-shell .member-access-hero p {
  color: #52697b;
  font-size: 14px;
  line-height: 1.7;
}

html[data-theme] .review-shell .billing-page {
  max-width: none;
}

html[data-theme] .review-shell .billing-card {
  padding: 24px;
}

html[data-theme] .connected-shell.review-shell {
  max-width: none;
  min-height: 100vh;
  margin: 0 auto;
  padding: 36px;
}

html[data-theme] .review-shell .connected-panel {
  margin: 24px 0;
  padding: 24px;
}

html[data-theme] .review-shell .connected-panel h2 {
  margin: 0 0 16px;
  font-size: 21px;
}

html[data-theme] .review-shell .connected-form {
  gap: 20px;
}

html[data-theme] .review-shell .connected-actions {
  gap: 16px;
}

html[data-theme] .review-shell .connected-actions button {
  border-radius: 7px;
  min-height: 42px;
}

@media (max-width: 1100px) {
  html[data-theme] .review-shell .intelligence-content {
    padding: 24px !important;
  }

  .review-page-heading {
    flex-wrap: wrap;
  }

  .review-heading-actions {
    justify-content: flex-start;
    max-width: none;
  }

  .review-orientation {
    grid-template-columns: 1fr 1fr;
  }

  html[data-theme] .review-shell .remediation-scanner-layout, html[data-theme] .review-shell .field-diagnostics {
    grid-template-columns: 1fr;
  }

  html[data-theme] .review-shell .action-portfolio-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  html[data-theme] .review-shell .intelligence-content {
    padding: 18px !important;
  }

  .review-page-heading {
    flex-direction: column;
    gap: 14px;
  }

  .review-orientation {
    grid-template-columns: 1fr;
  }

  .review-orientation > div {
    border-bottom: 1px solid #e6edf0;
    border-right: 0;
    padding: 18px;
  }

  .review-orientation nav {
    padding: 8px;
  }

  .review-page-intro {
    margin-bottom: 20px;
  }

  .review-heading-actions {
    width: 100%;
  }

  .review-heading-actions > * {
    max-width: 100%;
  }

  html[data-theme] .review-shell :is(.kpis, .design-metrics, .remediation-scanner-stats) {
    grid-template-columns: 1fr 1fr;
    gap: 10px;
  }

  html[data-theme] .review-shell :is(.panel-body, .panel-head, .design-disclosure-body, .diagnostic-observations, .simple-kpi-overrides, .predictive-inputs, .predictive-result) {
    padding: 18px;
  }

  html[data-theme] .review-shell :is(.engine-workspace, .two-col, .calculator-library-layout) {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-theme] .review-shell .intelligence-topbar {
    flex-wrap: wrap;
    position: static;
  }

  html[data-theme] .review-shell .intelligence-context > div {
    flex-wrap: wrap;
  }

  html[data-theme] .connected-shell.review-shell, html[data-theme] .review-shell .connected-panel {
    padding: 18px;
  }

  html[data-theme] .review-shell :is(th, td) {
    padding: 12px;
  }

  html[data-theme] .review-shell .action-portfolio-filters {
    padding: 16px;
  }
}

@media print {
  .review-orientation, .review-heading-actions {
    display: none !important;
  }

  .review-page-heading {
    margin-bottom: 16px;
  }

  .review-shell .intelligence-content {
    padding: 0 !important;
  }
}

.review-queue-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 20px 0;
  display: grid;
}

.review-queue-metrics > div {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 10px;
  flex-direction: column;
  gap: 3px;
  padding: 18px 22px;
  display: flex;
}

.review-queue-metrics strong {
  color: #173047;
  font-size: 30px;
  line-height: 1.3;
}

.review-queue-metrics span {
  color: #607387;
  font-size: 12px;
}

.review-queue-filters {
  grid-template-columns: 1fr .8fr 1.6fr;
  align-items: end;
  gap: 16px;
  margin: 20px 0;
  display: grid;
}

.review-queue-filters label {
  color: #52697b;
  flex-direction: column;
  gap: 6px;
  font-size: 12px;
  display: flex;
}

.review-queue-filters label > span {
  align-items: center;
  gap: 6px;
  display: flex;
}

.review-queue-filters label > span svg {
  width: 14px;
  height: 14px;
}

.review-advanced {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 10px;
  margin: 12px 0 20px;
}

.review-advanced > summary {
  cursor: pointer;
  color: #3d566a;
  padding: 14px 18px;
  font-size: 13px;
  font-weight: 600;
}

.review-advanced > .action-portfolio-filters {
  border: 0 !important;
  border-top: 1px solid #e6edf0 !important;
  border-radius: 0 !important;
  margin: 0 !important;
}

.review-advanced > .treatment-summary {
  border: 0 !important;
  border-top: 1px solid #e6edf0 !important;
  border-radius: 0 0 10px 10px !important;
  margin: 0 !important;
}

.review-advanced > .recommendations-predictive {
  border: 0 !important;
  margin: 0 !important;
}

html[data-theme] .review-shell :is(.calculator-library-panel, .calculator-library-card, .calculator-input-panel, .calculator-result-panel, .trend-lab-chart-panel, .trend-lab-drill-panel, .owner-admin-panel) {
  background: #fff;
  border: 1px solid #dce5eb;
  border-radius: 12px;
  box-shadow: 0 2px 5px #152d420a;
}

html[data-theme] .review-shell .calculator-library-card {
  padding: 22px;
}

html[data-theme] .review-shell .calculator-library-card p {
  color: #52697b;
  font-size: 13px;
  line-height: 1.7;
}

html[data-theme] .review-shell .calculator-library-panel, html[data-theme] .review-shell .trend-lab-chart-panel > header {
  padding: 24px;
}

html[data-theme] .review-shell[data-page="rules"] .intelligence-topbar, html[data-theme] .review-shell[data-page="profile-overrides"] .intelligence-topbar, html[data-theme] .review-shell[data-page="community"] .intelligence-topbar, html[data-theme] .review-shell[data-page="production"] .intelligence-topbar, html[data-theme] .review-shell[data-page="development"] .intelligence-topbar, html[data-theme] .review-shell[data-page="architecture"] .intelligence-topbar, html[data-theme] .review-shell[data-page="field-diagnostics"] .intelligence-topbar, html[data-theme] .review-shell[data-page="program-value"] .intelligence-topbar {
  display: none;
}

@media (max-width: 700px) {
  .review-queue-filters {
    grid-template-columns: 1fr 1fr;
  }

  .review-queue-filters label:last-child {
    grid-column: 1 / -1;
  }

  .review-queue-metrics {
    gap: 8px;
  }

  .review-queue-metrics > div {
    padding: 12px;
  }

  .review-queue-metrics strong {
    font-size: 24px;
  }

  .review-queue-metrics span {
    font-size: 11px;
  }

  .review-shell .calculator-library-panel {
    padding: 18px !important;
  }
}

html[data-theme] .review-shell[data-page="remediation-scanner"] .topbar-risk-signal, html[data-theme] .review-shell[data-page="portfolio-trends"] .topbar-risk-signal {
  display: none;
}

html[data-theme] .review-shell .action-portfolio > .review-page-intro {
  margin-bottom: 0;
}

html[data-theme] .review-shell .action-portfolio > :is(.review-queue-metrics, .review-queue-filters, .review-advanced, .analysis-summary) {
  margin-top: 0;
  margin-bottom: 0;
}

html[data-theme] .review-shell .review-queue-filters .action-portfolio-search {
  grid-column: auto;
}

html[data-theme] .review-shell .review-queue-filters .action-portfolio-search > span {
  clip-path: none;
  width: auto;
  height: auto;
  position: static;
  overflow: visible;
}

@media (max-width: 700px) {
  html[data-theme] .review-shell .review-queue-filters .action-portfolio-search {
    grid-column: 1 / -1;
  }
}

html[data-theme] .issue-first-shell .intelligence-content > :not(.workspace-use-footer), html[data-theme] .review-shell .trend-explorer-design, html[data-theme] .trend-lab-page.trend-explorer-design.review-shell, html[data-theme] .review-shell .ai-settings-form, html[data-theme] .import-review-preview {
  width: 100%;
  min-width: 0;
  max-width: none;
}

html[data-theme] .review-shell .intelligence-content.ai-settings-page {
  width: 100%;
  max-width: none !important;
}

/* [project]/app/page-toolbar.css [app-client] (css) */
.workspace-page-toolbar {
  z-index: 36;
  background: #f5f8fb;
  border-bottom: 1px solid #d6e3eb;
  align-self: start;
  min-width: 0;
  max-width: 100%;
  padding: 12px 0 14px;
  position: sticky;
  top: 0;
  box-shadow: 0 8px 12px -12px #17304750;
}

.page-toolbar-title-row {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  min-width: 0;
  display: flex;
}

.page-toolbar-title {
  flex: 1;
  min-width: 0;
}

.page-toolbar-title :is(.ci-heading, .pd-heading, .pl-heading, .issue-heading, .review-page-heading) {
  border: 0;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: block;
}

.page-toolbar-title h1 {
  letter-spacing: -.6px;
  overflow-wrap: anywhere;
  margin: 0 0 5px;
  font-size: clamp(24px, 2vw, 32px);
  line-height: 1.2;
}

.page-toolbar-title p {
  color: #60798d;
  margin: 0;
  font-size: 14px;
  line-height: 1.45;
}

.page-toolbar-title :is(.review-eyebrow, .pd-eyebrow, .pl-eyebrow) {
  margin-bottom: 5px;
  font-size: 10px;
}

.page-toolbar-title .review-source {
  margin-top: 5px;
  font-size: 11px;
}

.page-toolbar-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  min-width: 0;
  max-width: 62%;
  display: flex;
}

.page-toolbar-actions :is(button, a) {
  color: #096e7b;
  white-space: normal;
  text-align: center;
  cursor: pointer;
  background: #fff;
  border: 1px solid #cbdde8;
  border-radius: 6px;
  justify-content: center;
  align-items: center;
  gap: 7px;
  height: auto;
  min-height: 40px;
  padding: 9px 12px;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.3;
  text-decoration: none;
  display: inline-flex;
}

.page-toolbar-actions :is(button, a):hover {
  background: #edf7f8;
}

.page-toolbar-actions button:disabled {
  opacity: .5;
  cursor: default;
}

.page-toolbar-actions .page-ask-button {
  color: #fff;
  background: #087e8b;
  border-color: #087e8b;
}

.page-toolbar-actions .page-ask-button:hover {
  background: #086b77;
}

.page-toolbar-actions :is(svg) {
  flex: none;
  width: 16px;
  height: 16px;
}

.page-toolbar-actions :is(.review-heading-actions, .pd-controls, .ci-heading-actions, .issue-toolbar, .review-refresh) {
  display: contents;
}

.page-toolbar-actions .review-summary-back {
  margin: 0;
}

.page-toolbar-filters {
  gap: 10px;
  min-width: 0;
  margin-top: 12px;
  display: grid;
}

.page-toolbar-filters[hidden] {
  display: none;
}

.page-toolbar-filters :is(.ci-controls, .pl-filters, .pd-filters, .trend-lab-filters, .owner-admin-filters, .review-queue-filters, .community-controls, .ai-settings-tabs, .engine-tabs) {
  margin: 0;
}

.page-toolbar-filters .intelligence-topbar {
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
  border-radius: 7px;
  gap: 10px;
  position: static;
  border: 1px solid #dce5eb !important;
  min-height: 0 !important;
  padding: 8px 12px !important;
}

.page-toolbar-filters .intelligence-topbar .intelligence-context {
  flex: 270px;
}

.page-toolbar-filters .intelligence-context > span {
  display: none;
}

.page-toolbar-filters .intelligence-identity {
  flex: 200px;
}

.page-toolbar-filters .intelligence-identity b {
  font-size: 11px;
}

.page-toolbar-filters .intelligence-identity > span {
  display: none;
}

.page-toolbar-filters .pd-tabs {
  margin: 0;
}

.page-toolbar-filters :is(.pd-filters, .pl-filters) {
  padding: 12px;
}

.workspace-page-toolbar :is(button, a, input, select):focus-visible {
  outline-offset: 2px;
  outline: 3px solid #298fb6;
}

main:has(.workspace-page-toolbar) :is(section, article, details, [tabindex="-1"], [id], button, a, input, select, textarea) {
  scroll-margin-top: calc(var(--page-toolbar-height, 160px) + 16px);
}

.review-page-intro.workspace-page-toolbar {
  margin-bottom: 16px;
}

.page-toolbar-filters .pl-search {
  flex: 1;
  min-width: 200px;
}

@media (max-width: 1100px) {
  .page-toolbar-title-row {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .page-toolbar-actions {
    max-width: 100%;
  }

  .page-toolbar-title {
    flex-basis: 280px;
  }
}

@media (max-width: 900px), (max-height: 650px) {
  .workspace-page-toolbar {
    padding: 9px 0 10px;
  }

  .page-toolbar-title-row {
    gap: 8px;
  }

  .page-toolbar-title {
    flex-basis: 100%;
  }

  .page-toolbar-actions {
    justify-content: flex-start;
    gap: 6px;
    width: 100%;
  }

  .page-toolbar-actions :is(button, a) {
    min-height: 40px;
    padding: 8px 10px;
    font-size: 11px;
  }

  .page-toolbar-title h1 {
    margin-bottom: 0;
    font-size: 23px;
  }

  .page-toolbar-title :is(p, .review-source, .review-eyebrow, .pd-eyebrow, .pl-eyebrow, .issue-eyebrow) {
    display: none;
  }

  .page-toolbar-filters {
    overscroll-behavior: contain;
    max-height: 42dvh;
    margin-top: 8px;
    padding: 3px 3px 6px;
    overflow: auto;
  }

  .page-toolbar-filters :is(.ci-filter-row, .trend-lab-filter-grid, .review-queue-filters) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .page-toolbar-filters .intelligence-topbar {
    padding: 10px !important;
  }

  .page-toolbar-actions .review-state {
    max-width: 100%;
    font-size: 11px;
  }
}

@media (max-width: 500px) {
  .page-toolbar-filters :is(.ci-filter-row, .trend-lab-filter-grid, .review-queue-filters) {
    grid-template-columns: 1fr;
  }

  .page-toolbar-title h1 {
    font-size: 21px;
  }
}

@media print {
  .workspace-page-toolbar {
    box-shadow: none;
    background: #fff;
    position: static;
  }

  .page-toolbar-actions, .page-toolbar-filters {
    display: none !important;
  }
}

html[data-theme] .workspace-page-toolbar :is(.ci-heading, .pd-heading, .pl-heading, .issue-heading, .review-page-heading) {
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  display: block;
}

html[data-theme] .workspace-page-toolbar .page-toolbar-title h1 {
  letter-spacing: -.6px;
  margin: 0 0 5px;
  line-height: 1.2;
  font-size: 28px !important;
}

html[data-theme] .workspace-page-toolbar .page-toolbar-title p {
  max-width: 80ch;
  margin: 0;
  font-size: 13px;
  line-height: 1.4;
}

html[data-theme] .workspace-page-toolbar .review-source {
  margin: 5px 0 0;
  font-size: 11px;
}

html[data-theme] .workspace-page-toolbar .page-toolbar-filters {
  gap: 8px;
  margin-top: 10px;
  padding-bottom: 0;
}

html[data-theme] .workspace-page-toolbar .trend-lab-filters {
  margin: 0;
  padding: 12px 16px;
}

html[data-theme] .workspace-page-toolbar .trend-lab-scope-trail {
  margin-top: 7px;
}

html[data-theme] .workspace-page-toolbar .intelligence-topbar {
  gap: 12px;
  margin: 0;
  min-height: 0 !important;
  padding: 7px 12px !important;
}

html[data-theme] .workspace-page-toolbar .global-view-switch {
  gap: 3px;
  padding: 3px;
}

html[data-theme] .workspace-page-toolbar .global-view-switch button {
  border-radius: 5px;
  min-height: 34px;
  padding: 6px 10px;
}

html[data-theme] .workspace-page-toolbar .global-view-switch button small {
  display: none;
}

html[data-theme] .workspace-page-toolbar .global-view-switch button svg {
  width: 16px;
  height: 16px;
}

html[data-theme] .workspace-page-toolbar .program-all-assets {
  background: none;
  border: 0;
  align-items: baseline;
  gap: 6px;
  min-width: 0;
  min-height: 0;
  padding: 0;
  display: flex;
}

html[data-theme] .workspace-page-toolbar .intelligence-identity b {
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: 350px;
  font-size: 10px;
  overflow: hidden;
}

html[data-theme] .workspace-page-toolbar .intelligence-identity small {
  font-size: 10px;
}

html[data-theme] .workspace-page-toolbar .ci-controls {
  padding: 12px 14px;
}

html[data-theme] .workspace-page-toolbar .ci-counts {
  margin-top: 8px;
  padding: 7px 10px;
}

html[data-theme] .workspace-page-toolbar .ci-concerns {
  margin-top: 8px;
}

.page-calculator-filters {
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 14px;
  display: flex;
}

.page-calculator-filters .calculator-search {
  flex: 260px;
  min-width: 0;
}

.page-calculator-filters .calculator-search > div {
  position: relative;
}

.page-calculator-filters .calculator-search svg {
  color: #7290a2;
  width: 16px;
  height: 16px;
  position: absolute;
  top: 12px;
  left: 10px;
}

.page-calculator-filters .calculator-search input {
  width: 100%;
  padding-left: 34px;
}

.page-calculator-filters .calculator-catalog-filters {
  flex: 360px;
  gap: 12px;
  margin: 0;
  display: flex;
}

.page-calculator-filters .calculator-catalog-filters label {
  flex: 1;
  min-width: 0;
}

.page-calculator-filters :is(label > span, .calculator-filter-select > span) {
  color: #60798d;
  margin-bottom: 5px;
  font-size: 11px;
  line-height: 1.4;
  display: block;
}

.page-calculator-filters select {
  width: 100%;
}

.page-toolbar-filters .community-toolbar {
  background: #fff;
  border: 1px solid #d6e3eb;
  border-radius: 7px;
  margin: 0;
  padding: 12px;
}

.page-toolbar-filters .remediation-asset-selector {
  margin: 0;
  padding: 10px 12px;
}

.page-toolbar-filters .remediation-asset-selector p {
  margin: 4px 0 0;
  font-size: 11px;
}

.page-toolbar-filters .engine-toolbar, .page-toolbar-filters .engine-tabs, .page-toolbar-filters .review-advanced {
  margin: 0;
}

@media (min-width: 901px) and (min-height: 651px) {
  .page-toolbar-filters {
    overscroll-behavior: contain;
    max-height: 40dvh;
    overflow: auto;
  }
}

@media (max-width: 900px), (max-height: 650px) {
  html[data-theme] .workspace-page-toolbar .page-toolbar-title h1 {
    margin: 0;
    font-size: 22px !important;
  }

  html[data-theme] .workspace-page-toolbar .page-toolbar-title :is(p, .review-source, .review-eyebrow, .pd-eyebrow, .pl-eyebrow, .issue-eyebrow) {
    display: none;
  }

  html[data-theme] .workspace-page-toolbar .page-toolbar-actions :is(button, a) {
    min-height: 40px;
    padding: 8px 10px;
    font-size: 11px;
  }

  html[data-theme] .workspace-page-toolbar .page-toolbar-filters {
    max-height: 42dvh;
    padding-bottom: 6px;
  }

  .page-calculator-filters .calculator-catalog-filters {
    flex-wrap: wrap;
    flex-basis: 100%;
  }

  html[data-theme] .workspace-page-toolbar .intelligence-identity b {
    white-space: normal;
    max-width: 100%;
  }
}

main:has(.workspace-page-toolbar) .use-reading-layout > nav {
  top: calc(var(--page-toolbar-height, 160px) + 16px);
}

html[data-theme] .workspace-shell .workspace-page-toolbar .page-calculator-filters .calculator-search input {
  padding-left: 34px !important;
}

/* [project]/app/asset-dashboard-redesign.css [app-client] (css) */
html[data-theme] .review-shell[data-asset-detail] .asset-graph-design {
  gap: 12px;
}

html[data-theme] .review-shell[data-asset-detail] .review-guide-disclosure {
  order: 10;
}

html[data-theme] .review-shell[data-asset-detail] .review-page-heading h1 {
  font-size: 26px !important;
}

html[data-theme] .review-shell[data-asset-detail] .review-page-heading .review-eyebrow {
  display: none;
}

html[data-theme] .review-shell[data-asset-detail] .intelligence-content {
  padding-top: 12px !important;
}

html[data-theme] .review-shell[data-asset-detail] .workspace-page-toolbar {
  padding-top: 6px;
  padding-bottom: 10px;
}

html[data-theme] .review-shell[data-asset-detail] .intelligence-topbar {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  padding: 10px 12px;
}

html[data-theme] .review-shell[data-asset-detail] .intelligence-topbar > .asset-graph-scope-filters {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 7px 10px;
}

html[data-theme] .review-shell[data-asset-detail] .intelligence-identity {
  display: none;
}

html[data-theme] .review-shell[data-asset-detail] .asset-graph-scope-filters label > span {
  margin-bottom: 3px;
  font-size: 11px;
}

html[data-theme] .review-shell[data-asset-detail] .asset-graph-scope-filters select {
  height: 34px;
  min-height: 34px;
  padding: 5px 10px;
  font-size: 12px;
}

html[data-theme] .review-shell[data-asset-detail] .asset-detail-design {
  overflow: visible;
}

.asset-dashboard-redesign {
  --asset-border: #cfdee9;
  --asset-muted: #54738a;
  --asset-ink: #12334b;
  gap: 12px;
}

.asset-status-strip {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.asset-status-card {
  border: 1px solid var(--asset-border);
  background: #fff;
  border-radius: 8px;
  align-items: center;
  gap: 12px;
  min-width: 0;
  padding: 12px 14px;
  display: flex;
}

.asset-status-card > svg {
  color: #16758a;
  flex: none;
  width: 24px;
  height: 24px;
}

.asset-status-card > div {
  min-width: 0;
}

.asset-status-card span, .asset-status-card small {
  color: var(--asset-muted);
  font-size: 11px;
  line-height: 1.4;
  display: block;
}

.asset-status-card strong {
  color: var(--asset-ink);
  margin: 4px 0;
  font-size: 21px;
  line-height: 1.25;
  display: block;
}

.asset-status-card .asset-status-risk {
  color: #516878;
  background: #edf1f5;
  border-radius: 20px;
  padding: 4px 12px;
  font-size: 14px;
  display: inline-block;
}

.asset-status-card .asset-status-risk.high {
  color: #b82434;
  background: #ffe6e8;
}

.asset-status-card .asset-status-risk.moderate {
  color: #8b5a00;
  background: #fff0cb;
}

.asset-status-card .asset-status-risk.low {
  color: #187452;
  background: #e2f4e9;
}

.asset-status-card .asset-status-exception {
  color: #b82434;
}

.asset-status-card .asset-measurement-treatment {
  background: none;
  border: 0;
  gap: 5px;
  min-width: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

.asset-status-card .asset-measurement-treatment > strong {
  color: var(--asset-muted);
  margin: 0;
  font-size: 11px;
}

.asset-status-card .treatment-cell {
  min-width: 0;
  max-width: none;
}

.asset-status-card .treatment-badge {
  width: auto;
  max-width: 100%;
  min-height: 30px;
  padding: 5px 8px;
}

.asset-status-card .treatment-badge span {
  color: inherit;
  font-size: 11px;
  font-weight: 600;
}

.asset-status-card .treatment-cell > small {
  font-size: 10px;
}

.asset-dashboard-focus {
  grid-template-columns: minmax(0, 2.1fr) minmax(320px, 1fr);
  align-items: start;
  gap: 14px;
  display: grid;
}

.asset-visual-evidence {
  gap: 12px;
  min-width: 0;
  display: grid;
}

.asset-dashboard-redesign .asset-map-card {
  border: 1px solid var(--asset-border);
  min-width: 0;
  box-shadow: none;
  background: #fff;
  border-radius: 8px;
  margin: 0;
}

.asset-map-card .process-profile-header {
  gap: 10px;
  padding: 12px 14px;
}

.asset-map-card .process-profile-eyebrow {
  display: none;
}

.asset-map-card .process-profile-header h2 {
  margin: 0;
  font-size: 17px;
}

.asset-map-card .process-profile-header p {
  margin: 4px 0 0;
  font-size: 11px;
}

.asset-map-card .process-profile-controls {
  align-items: center;
  gap: 8px;
}

.asset-map-card .process-profile-controls label > span {
  display: none;
}

.asset-map-card .process-profile-controls select {
  border-radius: 5px;
  padding: 7px 22px 7px 8px;
  font-size: 11px;
}

.asset-map-card .process-mode-switch button {
  padding: 7px 10px;
  font-size: 11px;
}

.asset-map-card .process-profile-basis {
  gap: 5px 10px;
  padding: 7px 14px;
  font-size: 10px;
}

.asset-map-card .asset-process-illustration {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 8px;
  margin: 0;
  padding: 6px 12px 9px;
  display: grid;
}

.asset-map-card .asset-equipment-route-note {
  grid-column: 1;
  align-self: center;
  margin: 0;
  font-size: 10px;
}

.asset-map-card .asset-availability-key {
  order: 4;
  grid-column: 1 / -1;
  margin: 3px 0;
  font-size: 10px;
}

.asset-map-card .asset-map-view {
  grid-area: 1 / 2;
  margin: 0;
}

.asset-map-card .asset-map-view button {
  padding: 5px 7px;
  font-size: 10px;
}

.asset-map-card .asset-map-pan {
  grid-column: 1 / -1;
}

.asset-map-card .asset-equipment-scroll {
  grid-column: 1 / -1;
  margin: 0;
}

.asset-map-card .asset-equipment-stage.compact .asset-equipment-reading {
  gap: 3px;
}

.asset-map-card .asset-equipment-stage.compact .asset-node-availability {
  width: 9px;
  height: 9px;
  margin: 0;
}

.asset-map-card .asset-equipment-stage.compact .asset-node-injection {
  font-size: 9px;
  line-height: 1;
}

.asset-map-card .asset-equipment-stage.compact .asset-node-risk {
  padding: 1px 3px;
}

.asset-map-card .asset-map-options {
  border-top: 1px solid var(--asset-border);
  order: 5;
  grid-column: 1 / -1;
  margin-top: 3px;
  font-size: 11px;
}

.asset-map-card .asset-map-options > summary {
  cursor: pointer;
  color: #28637a;
  padding: 8px 0 0;
  font-weight: 600;
}

.asset-map-card .asset-map-options[open] > summary {
  margin-bottom: 10px;
}

.asset-map-card .asset-map-options .asset-equipment-toolbar {
  flex-wrap: wrap;
  margin-top: 10px;
}

.asset-map-card .asset-map-options .asset-map-footnote {
  flex-wrap: wrap;
  margin-top: 10px;
  padding-bottom: 0;
}

.asset-dashboard-redesign .dashboard-trend-card {
  border: 1px solid var(--asset-border);
  min-width: 0;
  box-shadow: none;
  background: #fff;
  border-radius: 8px;
}

.asset-dashboard-redesign .dashboard-panel-bar {
  color: var(--asset-ink);
  background: #fff;
  border-bottom: 1px solid #e1ebf1;
  padding: 12px 14px;
}

.asset-dashboard-redesign .dashboard-panel-bar > b {
  font-size: 16px;
}

.asset-dashboard-redesign .dashboard-panel-bar > span {
  color: var(--asset-muted);
  font-size: 11px;
}

.asset-dashboard-redesign .dashboard-trend-state {
  background: #f7fafc;
  flex-wrap: wrap;
  gap: 5px 8px;
  padding: 8px 14px;
  display: flex;
}

.asset-dashboard-redesign .dashboard-trend-state span {
  font-size: 10px;
}

.asset-dashboard-redesign .dashboard-trend-state b {
  margin-right: 10px;
  font-size: 12px;
}

.asset-dashboard-redesign .measurement-trend {
  padding: 10px 14px;
}

.asset-dashboard-redesign .measurement-trend-heading {
  gap: 8px;
  margin-bottom: 8px;
  padding: 0;
  font-size: 11px;
}

.asset-dashboard-redesign .measurement-chart-frame {
  width: 100%;
  min-width: 0;
}

.asset-dashboard-redesign .measurement-axis-unit {
  fill: var(--asset-muted);
  font-size: 11px;
}

.asset-dashboard-redesign .measurement-selected {
  padding: 6px 0;
  font-size: 11px;
}

.asset-dashboard-redesign .measurement-chart-caption {
  padding: 6px 0 0;
  font-size: 10px;
}

.asset-dashboard-redesign .measurement-change-review {
  margin: 8px 0;
  padding: 10px 12px;
  font-size: 12px;
}

.asset-dashboard-redesign .measurement-change-review :is(p, small) {
  margin: 5px 0;
  font-size: 11px;
  line-height: 1.5;
}

.asset-dashboard-redesign .measurement-change-values {
  margin: 8px 0;
}

.asset-dashboard-redesign .measurement-change-values > div {
  padding: 8px;
}

.asset-intervention-log {
  border-top: 1px solid var(--asset-border);
  margin: 0 14px 12px;
  font-size: 11px;
}

.asset-intervention-log > summary {
  color: #28637a;
  cursor: pointer;
  padding-top: 9px;
  font-weight: 600;
}

.asset-response-cards {
  gap: 12px;
  min-width: 0;
  display: grid;
}

.asset-response-card {
  border: 1px solid var(--asset-border);
  background: #fff;
  border-radius: 8px;
  min-width: 0;
  padding: 16px;
}

.asset-response-card h2 {
  color: var(--asset-ink);
  overflow-wrap: anywhere;
  align-items: center;
  gap: 8px;
  margin: 0 0 9px;
  font-size: 17px;
  line-height: 1.35;
  display: flex;
}

.asset-response-card h2 > svg {
  color: #148499;
  flex: none;
  width: 19px;
  height: 19px;
}

.asset-response-primary {
  background: linear-gradient(135deg, #f9fdfd, #eef8f9);
  border-top: 3px solid #078c9f;
}

.asset-response-card .asset-card-eyebrow {
  color: #08788d;
  text-transform: uppercase;
  letter-spacing: .07em;
  align-items: center;
  gap: 7px;
  margin-bottom: 9px;
  font-size: 10px;
  font-weight: 700;
  display: flex;
}

.asset-response-card p {
  color: #3d6079;
  margin: 8px 0;
  font-size: 12px;
  line-height: 1.5;
}

.asset-response-card small {
  color: var(--asset-muted);
  font-size: 10px;
  line-height: 1.5;
  display: block;
}

.asset-response-meta {
  gap: 7px;
  margin: 12px 0;
  font-size: 11px;
  display: grid;
}

.asset-response-meta > div {
  grid-template-columns: minmax(95px, 1fr) 1.5fr;
  gap: 8px;
  display: grid;
}

.asset-response-meta dt {
  color: var(--asset-muted);
  align-items: center;
  gap: 6px;
  display: flex;
}

.asset-response-meta dd {
  color: #2e536d;
  margin: 0;
}

.asset-response-card button[data-slot="button"] {
  white-space: normal;
  width: 100%;
  height: auto;
  min-height: 34px;
  margin-top: 10px;
  padding: 8px 10px;
  font-size: 12px;
}

.asset-response-card button.asset-review-response {
  color: #fff;
  background: #067e8e;
  border-color: #067e8e;
}

.asset-response-card button.asset-review-response:is(:hover, :focus-visible) {
  color: #fff;
  background: #086b77;
  border-color: #086b77;
}

.asset-response-card .treatment-eligibility {
  margin: 9px 0;
  font-size: 11px;
}

.asset-response-disclosure {
  border-top: 1px solid #dbe8ef;
  margin-top: 10px;
  font-size: 11px;
}

.asset-response-disclosure > summary {
  cursor: pointer;
  color: #28637a;
  padding-top: 9px;
  font-weight: 600;
}

.asset-next-steps {
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.asset-next-steps li {
  background: #f8fcfe;
  border: 1px solid #d8e5ee;
  border-radius: 6px;
  align-items: start;
  gap: 9px;
  padding: 9px;
  display: flex;
}

.asset-step-number {
  color: #166278;
  background: #d7eff4;
  border-radius: 50%;
  flex: none;
  place-items: center;
  width: 25px;
  height: 25px;
  font-size: 14px;
  font-weight: 700;
  display: grid;
}

.asset-next-steps details {
  flex: 1;
  min-width: 0;
}

.asset-next-steps summary {
  cursor: pointer;
  color: var(--asset-ink);
  font-size: 12px;
  font-weight: 600;
  line-height: 1.4;
}

.asset-dashboard-redesign > .asset-sample-coverage {
  box-shadow: none;
  border-color: var(--asset-border);
  border-radius: 7px;
}

.asset-dashboard-redesign > .asset-sample-coverage > summary {
  background: #fff;
  padding: 10px 14px;
}

.asset-dashboard-redesign > .process-profile-evidence {
  border: 1px solid var(--asset-border);
  background: #fff;
  border-radius: 7px;
  margin: 0;
  padding: 0;
}

.asset-dashboard-redesign > .process-profile-evidence > summary, html[data-theme] .asset-dashboard-redesign > .asset-detail-disclosure > summary {
  padding: 10px 14px;
  font-size: 13px;
}

.asset-dashboard-supporting-grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  display: grid;
}

.asset-dashboard-supporting-grid > .asset-dashboard-card {
  box-shadow: none;
  min-width: 0;
}

.asset-dashboard-redesign .asset-operator-evidence {
  margin: 0;
}

.asset-dashboard-redesign .asset-review-boundary {
  margin-bottom: 0;
  font-size: 10px;
}

@media (min-width: 1900px) {
  .asset-dashboard-focus {
    grid-template-columns: minmax(0, 2.45fr) minmax(350px, 1fr);
  }
}

@media (max-width: 1250px) {
  .asset-dashboard-focus {
    grid-template-columns: minmax(0, 1fr);
  }

  .asset-response-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .asset-status-card {
    gap: 8px;
    padding: 10px;
  }

  .asset-status-card > svg {
    width: 20px;
    height: 20px;
  }

  .asset-status-card strong {
    font-size: 18px;
  }
}

@media (max-width: 950px) {
  html[data-theme] .review-shell[data-asset-detail] .intelligence-topbar {
    grid-template-columns: minmax(0, 1fr);
  }

  .asset-status-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .asset-response-cards {
    grid-template-columns: minmax(0, 1fr);
  }
}

@media (max-width: 600px) {
  html[data-theme] .review-shell[data-asset-detail] .intelligence-topbar > .asset-graph-scope-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-theme] .review-shell[data-asset-detail] .review-page-heading h1 {
    font-size: 22px;
  }

  .asset-status-strip {
    gap: 8px;
  }

  .asset-status-card {
    align-items: start;
  }

  .asset-status-card > svg {
    display: none;
  }

  .asset-status-card strong {
    font-size: 17px;
  }

  .asset-status-card .treatment-badge {
    padding: 4px;
  }

  .asset-map-card .asset-process-illustration {
    padding: 9px;
    display: block;
  }

  .asset-map-card .asset-map-view {
    margin: 8px 0;
  }

  .asset-map-card .process-profile-controls {
    justify-content: space-between;
    width: 100%;
  }

  .asset-map-card .process-profile-basis {
    flex-direction: column;
    align-items: start;
  }

  .asset-map-card .asset-map-options {
    margin-top: 10px;
  }

  .asset-dashboard-supporting-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .asset-dashboard-redesign .dashboard-panel-bar {
    gap: 5px;
  }
}

/* [project]/app/analysis-tools-redesign.css [app-client] (css) */
html[data-theme] .workspace-shell[data-analysis-tools] {
  --analysis-line: #d8e5ed;
  --analysis-muted: #58758a;
  --analysis-teal: #087f8e;
}

html[data-theme] .workspace-shell[data-analysis-tools] .workspace-main {
  min-width: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] :is(.review-page-heading h1, .calculator-input-panel h2) {
  font-family: inherit;
  font-weight: 750;
}

html[data-theme] .workspace-shell[data-analysis-tools] .review-page-heading h1 {
  margin: 3px 0 5px;
  font-size: 27px;
  line-height: 1.15;
}

html[data-theme] .workspace-shell[data-analysis-tools] .review-page-heading p {
  margin: 0;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .review-page-heading .review-eyebrow {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .review-source {
  max-width: 75ch;
  margin-top: 4px;
  font-size: 10px;
  line-height: 1.4;
}

html[data-theme] .workspace-shell[data-analysis-tools] .page-toolbar {
  margin-bottom: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] :is(.page-toolbar-main, .page-toolbar-filters) {
  padding-block: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] :is(h2, h3, h4) {
  letter-spacing: -.015em;
  font-family: inherit;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-card {
  border: 1px solid var(--analysis-line);
  background: #fff;
  border-radius: 9px;
  min-width: 0;
  padding: 17px 19px;
  box-shadow: 0 2px 5px #16354a04;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-card h2 {
  color: #16364b;
  margin: 0 0 12px;
  font-size: 16px;
  font-weight: 750;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-card h3 {
  margin: 14px 0 6px;
  font-size: 13px;
  font-weight: 700;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-card p {
  color: var(--analysis-muted);
  margin: 7px 0;
  font-size: 12px;
  line-height: 1.55;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-card-heading {
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  margin-bottom: 12px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-card-heading h2 {
  margin: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-table-scroll {
  min-width: 0;
  max-width: 100%;
  position: relative;
  overflow: auto;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-table :is(th, td) {
  vertical-align: middle;
  border-bottom: 1px solid #e4edf3;
  padding: 10px 12px;
  line-height: 1.4;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-table thead th {
  color: #55718a;
  white-space: nowrap;
  background: #f0f6fa;
  font-size: 10px;
  font-weight: 650;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-table tbody th {
  color: #173d56;
  font-weight: 650;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-table tbody tr.selected {
  background: #e9f8fa;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-table button:not([data-slot]) {
  color: #087c8a;
  font: inherit;
  text-align: left;
  cursor: pointer;
  background: none;
  border: 0;
  flex-direction: column;
  gap: 4px;
  padding: 0;
  display: inline-flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-table small {
  color: var(--analysis-muted);
  font-size: 10px;
  font-weight: 400;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-facts {
  margin: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-facts > div {
  border-bottom: 1px solid #eaf0f4;
  justify-content: space-between;
  gap: 14px;
  padding: 9px 0;
  font-size: 12px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-facts dt {
  color: var(--analysis-muted);
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-facts dd {
  text-align: right;
  margin: 0;
  font-weight: 600;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-disclosure {
  border: 1px solid var(--analysis-line);
  background: #fff;
  border-radius: 7px;
  min-width: 0;
  margin-top: 10px;
  padding: 0;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-disclosure > summary {
  cursor: pointer;
  color: #234c66;
  padding: 12px 16px;
  font-weight: 650;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-disclosure[open] {
  padding-bottom: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-disclosure > summary ~ * {
  margin-inline: 15px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-footnote {
  color: var(--analysis-muted);
  line-height: 1.5;
  font-size: 10px !important;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-empty {
  text-align: center;
  color: var(--analysis-muted);
  padding: 30px;
  font-size: 13px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-filter-grid {
  gap: 12px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-filter-grid label {
  min-width: 0;
  color: var(--analysis-muted);
  align-content: start;
  gap: 5px;
  font-size: 11px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-filter-grid :is(input, select) {
  width: 100%;
  min-width: 0;
  height: 36px;
  font: inherit;
  color: #173f5d;
  background: #fff;
  border: 1px solid #ccdfea;
  border-radius: 5px;
  padding: 6px 10px;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-inline-actions {
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 14px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-caution {
  color: #815b15;
  background: #fff7e7;
  border: 1px solid #f5deb0;
  border-radius: 5px;
  gap: 8px;
  padding: 10px;
  font-size: 11px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-caution svg {
  flex-shrink: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #087f8e;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-overview {
  border-radius: 9px;
  margin: 0 0 12px;
  padding: 12px 14px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-overview > header {
  margin: 0 0 8px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-overview h2 {
  margin: 0;
  font-size: 14px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-overview header > div:first-child {
  align-items: center;
  gap: 12px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-series-groups {
  scrollbar-width: thin;
  gap: 12px;
  padding: 0 0 7px;
  display: flex;
  overflow-x: auto;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-series-group {
  flex: none;
  min-width: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-series-group > header {
  border: 0;
  margin: 0 0 5px;
  padding: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-series-group h3 {
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-series-grid {
  gap: 7px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-series-grid > button {
  width: 183px;
  min-width: 183px;
  box-shadow: none;
  border-radius: 6px;
  grid-template-columns: 1fr 68px;
  gap: 3px 5px;
  min-height: 0;
  padding: 9px 10px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-series-grid > button.active {
  background: #effbfc;
  border-color: #088396;
  box-shadow: inset 0 0 0 1px #088396;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-series-head {
  grid-column: 1 / -1;
  min-height: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-series-head span {
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-series-risk-label {
  grid-area: 3 / 1;
  margin: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-series-risk-label > span:first-child {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-series-value {
  grid-area: 2 / 1;
  margin: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-series-value b {
  font-size: 19px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-risk-series :is(.trend-series-average-label, .trend-lab-series-method, .trend-series-risk-counts, footer) {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-risk-series > svg {
  grid-area: 2 / 2 / 4;
  width: 68px;
  height: 37px;
  margin: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-strip-legend {
  margin: 4px 0 7px;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-strip-method {
  margin: 5px 0 0;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-detail-grid--focus {
  grid-template-columns: minmax(0, 2.6fr) minmax(255px, 1fr);
  align-items: stretch;
  gap: 12px;
  margin: 0 0 12px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-focus-column {
  min-width: 0;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-chart-panel {
  border-radius: 9px;
  height: 100%;
  padding: 16px 18px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-chart-panel > header {
  margin: 0 0 7px;
  padding: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-chart-panel h2 {
  font-size: 17px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-chart-basis {
  margin: 5px 0;
  padding: 5px 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-chart {
  width: 100%;
  height: 250px;
  min-height: 250px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-chart-context {
  padding-top: 7px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-chart-panel > footer {
  gap: 9px;
  margin-top: 8px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-trend-evidence {
  align-self: stretch;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-trend-evidence > button {
  white-space: normal;
  width: 100%;
  height: auto;
  min-height: 36px;
  margin-top: 12px;
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-trend-treatment {
  margin-top: 15px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-controls {
  border-block: 1px solid var(--analysis-line);
  gap: 9px;
  min-width: 0;
  margin: 14px 0;
  padding: 13px 0;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-controls h3 {
  margin: 0;
  font-size: 14px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-controls label {
  color: #33566d;
  gap: 4px;
  font-size: 11px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-controls select {
  color: #173d52;
  width: 100%;
  min-width: 0;
  min-height: 34px;
  font: inherit;
  background: #fff;
  border: 1px solid #c8dbe5;
  border-radius: 5px;
  padding: 6px 8px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-explorer-design .trend-compare-controls label select:disabled {
  color: #647887;
  cursor: not-allowed;
  background: #edf2f5;
  border-color: #d6e0e7;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-controls .trend-compare-check {
  align-items: center;
  gap: 7px;
  font-size: 12px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-check input {
  accent-color: #087f8e;
  width: 16px;
  height: 16px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-controls :is(small, p) {
  color: #58758a;
  margin: 0;
  font-size: 11px;
  line-height: 1.45;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-show {
  color: #fff;
  background: #087f8e;
  border: 1px solid #087f8e;
  border-radius: 5px;
  width: 100%;
  padding: 8px;
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-show:hover {
  color: #fff;
  background: #066675;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-peers {
  gap: 5px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-peers li {
  color: #234d64;
  background: #edf6f9;
  border-radius: 5px;
  justify-content: space-between;
  align-items: center;
  gap: 7px;
  padding: 3px 7px;
  font-size: 11px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-peers button {
  color: #234d64;
  background: none;
  border: 0;
  flex-shrink: 0;
  padding: 2px 6px;
  font-size: 19px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-chart-view {
  gap: 0;
  margin: 8px 0;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-chart-view button {
  color: #22637a;
  background: #fff;
  border: 1px solid #c8dbe5;
  padding: 7px 12px;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-chart-view button:first-child {
  border-radius: 5px 0 0 5px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-chart-view button:last-child {
  border-radius: 0 5px 5px 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-chart-view button[aria-pressed="true"] {
  color: #fff;
  background: #087f8e;
  border-color: #087f8e;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-chart-view button:disabled {
  opacity: .5;
  cursor: not-allowed;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-detail-grid--focus:has(.trend-compare-controls) .trend-lab-chart-panel {
  flex-direction: column;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-well-comparison {
  flex-direction: column;
  flex: 1;
  min-height: 0;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-detail-grid--focus:has(.trend-compare-controls) .trend-lab-chart {
  flex: 1;
  height: auto;
  min-height: 320px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-caption {
  color: #385c73;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px;
  margin: 12px 0 0;
  font-size: 12px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-legend {
  border-bottom: 1px solid var(--analysis-line);
  flex-wrap: wrap;
  gap: 9px 16px;
  padding: 10px 0;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-legend > span {
  color: #234d64;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
  font-size: 11px;
  display: inline-flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-legend svg {
  flex-shrink: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-tooltip {
  background: #fff;
  border: 1px solid #c8dbe5;
  border-radius: 7px;
  max-width: 320px;
  padding: 12px;
  font-size: 12px;
  box-shadow: 0 3px 15px #19374b26;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-tooltip > div {
  border-top: 1px solid #e0e9ee;
  gap: 3px;
  margin-top: 6px;
  padding-top: 6px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-tooltip small {
  color: #58758a;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-note {
  color: #5e4269;
  background: #f8f3fa;
  border-left: 3px solid #8646a0;
  padding: 7px 10px;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-data {
  border: 0;
  margin: 10px 0;
  padding: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-data summary {
  color: #22637a;
  cursor: pointer;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-data p {
  font-size: 12px;
  line-height: 1.5;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-data table {
  min-width: 450px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-data small {
  color: #58758a;
  font-size: 10px;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-footnote {
  color: #58758a;
  font-size: 11px;
  line-height: 1.5;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-empty {
  color: #58758a;
  text-align: center;
  padding: 40px 15px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-compare-controls :is(select, input, button):focus-visible, html[data-theme] .workspace-shell[data-analysis-tools] .trend-chart-view button:focus-visible {
  outline-offset: 3px;
  outline: 2px solid #087f8e;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-trend-comparison {
  border: 1px solid var(--analysis-line);
  background: #fff;
  border-radius: 9px;
  padding: 13px 16px;
  position: static;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-trend-comparison > header {
  justify-content: space-between;
  align-items: center;
  padding: 0 0 10px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-trend-comparison h2 {
  margin: 0;
  font-size: 16px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-drill-navigation {
  background: none;
  padding: 0 0 8px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-drill-navigation :is(h3, p) {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-comparison-table {
  min-width: 650px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-trend-comparison .analysis-table-scroll {
  max-height: 290px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-drill-note {
  padding: 9px 0 0;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-drill-note b {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-support-tabs {
  margin-top: 8px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs {
  gap: 12px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-stat-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-stat-grid article {
  border: 1px solid var(--analysis-line);
  background: #fff;
  border-radius: 8px;
  align-items: flex-start;
  gap: 12px;
  padding: 14px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-stat-grid svg {
  color: #6590a8;
  flex-shrink: 0;
  width: 20px;
  margin-top: 5px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-stat-grid :is(span, b, small) {
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-stat-grid span {
  color: var(--analysis-muted);
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-stat-grid b {
  margin: 4px 0;
  font-size: 24px;
  line-height: 1.3;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-stat-grid small {
  color: var(--analysis-muted);
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-finance-grid {
  grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr);
  gap: 12px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-bar-legend {
  color: var(--analysis-muted);
  gap: 10px;
  font-size: 10px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-bar-legend i {
  background: #078597;
  width: 12px;
  height: 6px;
  margin-right: 4px;
  display: inline-block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-bar-legend span:nth-child(2) i {
  background: #b9cad9;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-cost-chart {
  gap: 14px;
  max-height: 250px;
  padding: 8px 0;
  display: grid;
  overflow: auto;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-cost-row {
  grid-template-columns: 145px minmax(0, 1fr);
  align-items: center;
  gap: 12px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-cost-row > b {
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-cost-row > div {
  padding-right: 90px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-cost-row > div > div {
  align-items: center;
  height: 14px;
  margin: 3px 0;
  display: flex;
  position: relative;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-cost-row i {
  background: #098493;
  border-radius: 1px;
  flex-shrink: 0;
  height: 9px;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-cost-row i.budget {
  background: #bdccda;
  height: 6px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-cost-row span {
  white-space: nowrap;
  color: #5b7387;
  padding-left: 8px;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-spend-scenario {
  background: #f8fcfd;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-spend-scenario label {
  justify-content: space-between;
  margin: 20px 0 5px;
  font-size: 11px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-spend-scenario input {
  accent-color: #078596;
  width: 100%;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-range-labels {
  color: var(--analysis-muted);
  justify-content: space-between;
  font-size: 10px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-spend-scenario > span {
  color: var(--analysis-muted);
  margin-top: 18px;
  font-size: 11px;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-spend-scenario > strong {
  color: #125467;
  margin-top: 4px;
  font-size: 28px;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-spend-scenario details {
  margin-top: 10px;
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-cost-followup {
  grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs [class*="planning"] {
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs [class*="scopeRow"] {
  align-items: center;
  gap: 16px;
  margin: 0;
  padding: 0;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs [class*="scopeRow"] > p {
  order: 3;
  margin-left: auto;
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs [class*="scopeRow"] label {
  gap: 8px;
  font-size: 11px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs [class*="scopeRow"] select {
  min-width: 130px;
  height: 35px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs [class*="tabs"] button {
  padding: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs [class*="tabs"] small {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs [class*="panelHeading"] {
  padding: 12px 16px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs [class*="panelHeading"] h2 {
  margin: 0;
  font-size: 16px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs [class*="panelHeading"] span {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs li[class*="priority"] {
  gap: 9px;
  padding: 10px 13px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs li > details > summary {
  cursor: pointer;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs li > details > summary small {
  color: var(--analysis-muted);
  margin: 3px 0;
  font-size: 10px;
  font-weight: 400;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs li > details[open] > summary {
  margin-bottom: 14px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs [class*="paging"] {
  padding: 10px 13px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-workbench {
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-heading {
  margin: 0 0 9px;
  padding: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-heading h2 {
  margin: 0;
  font-size: 14px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-eyebrow {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-tabs {
  border-bottom: 1px solid #cedee8;
  gap: 4px;
  margin: 0 0 12px;
  padding: 0;
  display: flex;
  overflow: auto;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-tabs button {
  white-space: nowrap;
  background: none;
  border: 0;
  border-bottom: 3px solid #0000;
  border-radius: 0;
  flex: 1;
  padding: 12px 8px;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-tabs button[aria-pressed="true"] {
  color: #007c90;
  background: #e9f7fa;
  border-bottom-color: #078a9c;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-analysis-layout {
  grid-template-columns: minmax(270px, .8fr) minmax(0, 2fr);
  align-items: start;
  gap: 14px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-inputs {
  border: 1px solid var(--analysis-line);
  background: #fff;
  border-radius: 8px;
  margin: 0;
  padding: 16px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-inputs > h3 {
  margin: 0 0 7px;
  font-size: 15px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-controls {
  grid-template-columns: 1fr;
  gap: 12px;
  margin-top: 14px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-controls :is(select, input) {
  width: 100%;
  min-width: 0;
  height: 35px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-controls label {
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-purpose {
  margin: 7px 0;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-source {
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-demo-notice {
  margin: 9px 0;
  padding: 9px;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-demo-notice p {
  margin: 6px 0 0;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-run {
  gap: 8px;
  margin: 14px 0 0;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-run button {
  justify-content: center;
  width: 100%;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-results-workspace {
  min-width: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-result {
  border: 1px solid var(--analysis-line);
  background: #fff;
  border-radius: 8px;
  margin: 0;
  padding: 18px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-result-head h3 {
  font-size: 18px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-result p {
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-metrics {
  gap: 8px;
  margin-block: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-metrics > div {
  padding: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-metrics dd {
  font-size: 22px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-ready {
  text-align: center;
  border: 1px solid var(--analysis-line);
  background: linear-gradient(#fafdff, #f1f8fb);
  border-radius: 8px;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 450px;
  padding: 35px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-ready > svg {
  color: #208b9c;
  margin-bottom: 16px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-ready > span {
  color: #078698;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-ready h3 {
  margin: 10px 0;
  font-size: 23px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-ready p {
  max-width: 540px;
  color: var(--analysis-muted);
  font-size: 12px;
  line-height: 1.6;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-ready dl {
  flex-wrap: wrap;
  justify-content: center;
  gap: 22px;
  margin: 25px 0;
  font-size: 12px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-ready dt {
  color: var(--analysis-muted);
  margin-bottom: 7px;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .predictive-ready dd {
  margin: 0;
  font-weight: 700;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-filter-grid {
  grid-template-columns: 1fr 1.3fr 1fr .9fr 1.4fr;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-asset-selector {
  background: none;
  border: 0;
  margin: 0;
  padding: 0;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-scanner-hero {
  margin: 0 0 12px;
  padding: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-scanner-stats {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-scanner-stats article {
  grid-template-columns: 26px auto 1fr;
  align-items: center;
  gap: 5px 9px;
  min-height: 0;
  padding: 12px 15px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-scanner-stats article svg {
  grid-row: 1 / 3;
  width: 21px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-scanner-stats article b {
  grid-area: 1 / 2;
  margin: 0;
  font-size: 24px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-scanner-stats article > span {
  grid-column: 3;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-scanner-stats article > small {
  grid-column: 2 / 4;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-scanner-layout {
  grid-template-columns: minmax(330px, 1.05fr) minmax(0, 1.6fr);
  align-items: start;
  gap: 12px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-candidate-list {
  border: 1px solid var(--analysis-line);
  border-radius: 8px;
  padding: 0;
  overflow: hidden;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-candidate-list > header {
  padding: 15px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-candidate-list > header span {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-candidate-list h2 {
  margin: 0;
  font-size: 16px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-candidate-list > p {
  margin: 0 0 12px;
  padding: 0 15px;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-candidate-table {
  max-height: 510px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-candidate-table table {
  min-width: 440px;
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-candidate-list .analysis-table button {
  color: #16516b;
  background: none;
  border: 0;
  border-radius: 0;
  grid-template-columns: none;
  min-height: 0;
  padding: 0;
  display: inline-flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-candidate-detail {
  border: 1px solid var(--analysis-line);
  border-radius: 8px;
  min-width: 0;
  padding: 16px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-candidate-detail > header {
  margin: 0 0 12px;
  padding: 0;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-candidate-detail > header h2 {
  margin: 4px 0;
  font-size: 18px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-candidate-detail > header > div > p {
  margin: 7px 0;
  font-size: 11px;
  line-height: 1.5;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-selected-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
  margin: 14px 0 0;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-selected-metrics dt {
  color: var(--analysis-muted);
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-selected-metrics dd {
  margin: 4px 0;
  font-size: 17px;
  font-weight: 700;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-chart-heading {
  padding: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-chart-heading > span {
  font-size: 12px;
  font-weight: 700;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-chart-heading > b {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-chart-heading small {
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-decline-chart.combined {
  width: 100%;
  height: auto;
  max-height: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-chart-wrap {
  background: none;
  border: 0;
  padding: 12px 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-chart-legend {
  gap: 8px;
  font-size: 9px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-chart-reading {
  margin: 10px 0;
  padding: 9px;
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-candidate-detail .treatment-scope-strip {
  background: none;
  border: 0;
  margin: 0;
  padding: 10px 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-detail-toolbar {
  flex-wrap: wrap;
  padding: 8px 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-combined-note {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-selected-issue {
  margin: 8px 0 0;
  padding: 10px;
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-selected-issue b {
  font-size: 13px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-scanner-boundary {
  margin-top: 10px;
  padding: 12px;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-screening-note {
  color: #386278;
  background: #eaf5f9;
  border-radius: 5px;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  font-size: 11px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-screening-note span {
  margin-left: auto;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-steps {
  justify-content: center;
  gap: 7%;
  margin: 0 0 8px;
  padding: 13px;
  list-style: none;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-steps li {
  align-items: center;
  gap: 9px;
  font-size: 12px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-steps b {
  background: #dfedf5;
  border-radius: 50%;
  padding: 4px 8px;
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-steps li:first-child b {
  color: #fff;
  background: #078899;
}

html[data-theme] .workspace-shell[data-analysis-tools] .field-diagnostics {
  grid-template-columns: minmax(300px, 1fr) minmax(0, 1.6fr);
  align-items: start;
  gap: 14px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-observations {
  border-radius: 9px;
  padding: 18px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-observations > header {
  gap: 10px;
  margin: 0 0 15px;
  padding: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-observations > header h2 {
  margin: 0;
  font-size: 16px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-observations > header p {
  max-width: none;
  margin-top: 7px;
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-observations > header span {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-fields > label {
  flex-direction: column;
  align-items: stretch;
  gap: 6px;
  padding: 0;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-fields label > span {
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-fields small {
  min-height: 28px;
  font-size: 10px;
  line-height: 1.4;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-fields select {
  width: 100%;
  min-width: 0;
  height: 36px;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-observations > footer {
  margin-top: 14px;
  padding: 12px 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .operating-demo-shortcuts {
  flex-wrap: wrap;
  gap: 6px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .operating-demo-shortcuts button {
  height: 31px;
  padding: 0 8px;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-summary {
  border-radius: 9px;
  padding: 18px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-summary > header {
  gap: 9px;
  padding: 0 0 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-summary h2 {
  margin: 4px 0;
  font-size: 19px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-summary > header em {
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-decision-grid {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-decision-grid > div {
  padding: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-confirmation {
  grid-column: 1 / -1;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-authority-boundary {
  margin-top: 10px;
  padding: 9px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-authority-boundary small {
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-results {
  border-radius: 9px;
  margin-top: 12px;
  padding: 15px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-results > header {
  margin: 0;
  padding: 0 0 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-results h2 {
  margin: 0;
  font-size: 15px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-results > header :is(span, em) {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-results > header p {
  margin: 5px 0;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-results > .analysis-table-scroll {
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-pattern-table {
  min-width: 450px;
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-pattern-table summary {
  cursor: pointer;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-pattern-evidence {
  min-width: 180px;
  font-weight: 400;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-pattern-evidence b {
  margin-top: 12px;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-references {
  grid-column: 1 / -1;
  width: 100%;
  margin: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-workspace {
  gap: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-quick-deck {
  border-radius: 8px;
  margin: 0;
  padding: 12px 14px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-quick-deck > header {
  margin: 0 0 9px;
  padding: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-quick-deck > header small {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-quick-grid {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-quick-grid > button {
  border-radius: 5px;
  flex: 150px;
  align-items: center;
  min-height: 36px;
  padding: 8px 12px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-quick-grid > button :is(span, small) {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-quick-grid > button b {
  margin: 0;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-quick-grid > button svg {
  width: 15px;
  margin-left: auto;
  position: static;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-calculator-layout {
  grid-template-columns: 240px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-panel {
  border: 1px solid var(--analysis-line);
  background: #fff;
  border-radius: 8px;
  min-width: 0;
  padding: 13px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-panel > header {
  margin: 0 0 6px;
  padding: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-panel > header span {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-panel h2 {
  margin: 0;
  font-size: 15px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-count {
  margin: 0 0 9px;
  font-size: 10px;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-grid {
  scrollbar-width: thin;
  max-height: 500px;
  display: block;
  overflow: auto;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-card {
  min-height: 0;
  box-shadow: none;
  background: none;
  border: 0;
  border-top: 1px solid #e1eaf0;
  border-radius: 0;
  padding: 11px 8px;
  position: relative;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-card.selected {
  background: #e9f8fb;
  border-left: 3px solid #09849a;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-card header {
  margin: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-card header > span {
  font-size: 9px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-card h3 {
  margin: 5px 0;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-card p {
  font-size: 10px;
  line-height: 1.4;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-card footer {
  padding: 7px 0 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-card footer > span {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-card footer > button {
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-card .calculator-pin {
  height: 22px;
  padding: 1px 4px;
  font-size: 9px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-calculator-active {
  min-width: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-detail {
  padding: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-detail-grid {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  align-items: start;
  gap: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] :is(.calculator-input-panel, .calculator-output-panel) {
  border: 1px solid var(--analysis-line);
  background: #fff;
  border-radius: 8px;
  padding: 18px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-input-panel > header {
  margin-bottom: 18px;
  padding: 0;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-input-panel h2 {
  margin: 4px 0;
  font-size: 19px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-input-panel header p {
  color: var(--analysis-muted);
  font-size: 11px;
  line-height: 1.5;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-detail-actions {
  flex-wrap: wrap;
  margin: 12px 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-inputs {
  grid-template-columns: 1fr;
  gap: 16px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-inputs label > span {
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-input-help {
  color: #58758a;
  text-transform: none;
  letter-spacing: normal;
  margin-top: 5px;
  font-size: 11px;
  font-weight: 400;
  line-height: 1.5;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-calculator-active {
  scroll-margin-top: var(--page-toolbar-height, 190px);
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-tools {
  border: 1px solid var(--analysis-line);
  background: #fff;
  border-radius: 9px;
  min-width: 0;
  padding: 17px 19px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-tools > header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: start;
  gap: 10px;
  margin-bottom: 15px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-tools h2 {
  color: #173d52;
  margin: 0 0 5px;
  font-size: 17px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-tools p {
  color: #58758a;
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-tools > header > span {
  color: #58758a;
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 280px), 1fr));
  gap: 12px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-grid article {
  background: #f8fcfd;
  border: 1px solid #c9dfe6;
  border-top: 3px solid #087f8e;
  border-radius: 7px;
  flex-direction: column;
  gap: 10px;
  min-width: 0;
  padding: 15px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-grid article > span {
  color: #087b89;
  align-items: center;
  gap: 6px;
  font-size: 10px;
  font-weight: 650;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-grid h3 {
  color: #173d52;
  margin: 0;
  font-size: 15px;
  line-height: 1.3;
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-grid small {
  color: #58758a;
  font-size: 11px;
  line-height: 1.5;
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-grid button {
  color: #fff;
  background: #087f8e;
  border: 1px solid #087f8e;
  border-radius: 5px;
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 36px;
  margin-top: auto;
  padding: 8px 10px;
  font-size: 12px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-grid button:hover {
  color: #fff;
  background: #066675;
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-tools details {
  border-top: 1px solid var(--analysis-line);
  margin-top: 15px;
  padding-top: 12px;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-tools summary {
  cursor: pointer;
  color: #33566d;
}

html[data-theme] .workspace-shell[data-analysis-tools] .advanced-calculator-tools details p {
  margin-top: 8px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-inputs label > div {
  min-width: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-output-panel {
  background: #f3fbfc;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-output-panel > header {
  padding: 0;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-output-panel h2 {
  margin: 5px 0;
  font-size: 16px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-output-panel > header em {
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-results {
  margin: 18px 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-results b {
  color: #087e8d;
  font-size: 36px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-formula {
  background: none;
  margin: 0;
  padding: 14px 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-formula code {
  white-space: normal;
  overflow-wrap: anywhere;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-limit {
  background: none;
  margin: 0;
  padding: 12px 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-limit span {
  font-size: 11px;
  line-height: 1.5;
}

html[data-theme] .workspace-shell[data-analysis-tools] .page-calculator-filters {
  grid-template-columns: 1.4fr 1fr;
  margin: 0;
  padding: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-board {
  flex-direction: column;
  gap: 12px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-start {
  order: 4;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-review {
  order: 5;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-toolbar {
  align-items: center;
  gap: 12px;
  margin: 0;
  padding: 0;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-toolbar > label {
  flex: 1;
  min-width: 230px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-toolbar > div {
  flex-wrap: wrap;
  flex: 1.7;
  gap: 5px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-toolbar > div button {
  padding: 7px 9px;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-view-tabs {
  border-bottom: 1px solid var(--analysis-line);
  gap: 8px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-view-tabs button {
  color: #577286;
  cursor: pointer;
  background: none;
  border: 0;
  border-bottom: 3px solid #0000;
  padding: 9px 13px;
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-view-tabs button[aria-pressed="true"] {
  color: #087f8e;
  background: #e8f6f8;
  border-bottom-color: #078899;
  font-weight: 700;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-community-layout {
  grid-template-columns: minmax(0, 2.1fr) minmax(290px, 1fr);
  align-items: start;
  gap: 12px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-discussions {
  border-radius: 8px;
  min-width: 0;
  margin: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-discussions > .panel-head {
  padding: 15px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-discussions > .panel-head h2 {
  font-size: 16px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-discussions > .panel-body {
  padding: 0 13px 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-row-toolbar {
  gap: 8px;
  padding: 0 0 9px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-row-toolbar > span, html[data-theme] .workspace-shell[data-analysis-tools] .community-row-toolbar label {
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-row-toolbar select {
  height: 29px;
  padding: 3px;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-row-table {
  min-width: 600px;
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-row-table :is(th, td) {
  padding: 10px 8px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-row-table thead th {
  font-size: 9px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-topic-row.selected {
  background: #eaf8fb;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-topic button {
  font-size: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-topic > span {
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-row-state {
  background: #eef3f8;
  border-radius: 4px;
  padding: 4px 6px;
  font-size: 9px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-open-cell button {
  min-width: 0;
  padding: 6px;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-row-pagination {
  padding: 10px 0 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-row-pagination button {
  height: 29px;
  padding: 5px;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-selection h3 {
  margin: 13px 0 5px;
  font-size: 16px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-selection h4 {
  color: #628095;
  text-transform: uppercase;
  letter-spacing: .07em;
  margin: 18px 0 5px;
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-selection > small {
  color: var(--analysis-muted);
  margin-top: 13px;
  font-size: 10px;
  line-height: 1.5;
  display: block;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-brief-preview > div {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
  display: grid;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-brief-preview article {
  border-left: 3px solid #a7d8e0;
  padding-left: 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-brief-preview article:nth-child(2) {
  border-left-color: #ebce86;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-brief-preview article:nth-child(3) {
  border-left-color: #94cdb5;
}

html[data-theme] .workspace-shell[data-analysis-tools] .community-brief-preview h3 {
  margin: 0 0 5px;
}

@media (min-width: 1900px) {
  html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-chart {
    height: 290px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-calculator-layout {
    grid-template-columns: 300px minmax(0, 1fr);
  }
}

@media (max-width: 1150px) {
  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-calculator-layout {
    grid-template-columns: 200px minmax(0, 1fr);
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .calculator-detail-grid {
    grid-template-columns: 1fr;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-finance-grid {
    grid-template-columns: minmax(0, 1.6fr) minmax(220px, 1fr);
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .remediation-scanner-layout {
    grid-template-columns: minmax(270px, 1fr) minmax(0, 1.35fr);
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .remediation-filter-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-community-layout {
    grid-template-columns: minmax(0, 1.5fr) minmax(260px, 1fr);
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-cost-row {
    grid-template-columns: 110px minmax(0, 1fr);
  }
}

@media (max-width: 850px) {
  html[data-theme] .workspace-shell[data-analysis-tools] :is(.trend-lab-detail-grid--focus, .analysis-finance-grid, .analysis-cost-followup, .predictive-analysis-layout, .remediation-scanner-layout, .field-diagnostics, .analysis-community-layout) {
    grid-template-columns: 1fr;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-filter-grid, html[data-theme] .workspace-shell[data-analysis-tools] .predictive-controls {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .predictive-ready {
    min-height: 300px;
    padding: 22px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .remediation-candidate-table {
    max-height: 300px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .remediation-scanner-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .community-toolbar {
    flex-wrap: wrap;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .community-toolbar > div {
    flex-basis: 100%;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-screening-note {
    align-items: flex-start;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-screening-note span {
    display: none;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs [class*="scopeRow"] {
    flex-wrap: wrap;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-program-costs [class*="scopeRow"] > p {
    flex-basis: 100%;
    order: 3;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .community-brief-preview > div {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  html[data-theme] .workspace-shell[data-analysis-tools] .review-page-heading h1 {
    font-size: 23px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-card {
    padding: 14px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-card-heading {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-stat-grid {
    gap: 7px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-stat-grid article {
    gap: 7px;
    padding: 11px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-stat-grid svg {
    display: none;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-stat-grid b {
    font-size: 21px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-calculator-layout {
    grid-template-columns: 1fr;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-grid {
    gap: 7px;
    max-height: none;
    display: flex;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .calculator-library-card {
    border: 1px solid #dae5ec;
    flex: 0 0 185px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .calculator-detail-grid {
    grid-template-columns: 1fr;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .page-calculator-filters {
    display: block;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .calculator-catalog-filters {
    grid-template-columns: 1fr 1fr;
    margin-top: 9px;
    display: grid;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .predictive-controls {
    grid-template-columns: 1fr;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .predictive-tabs button {
    flex: none;
    font-size: 11px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .predictive-result-head {
    flex-wrap: wrap;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .predictive-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-steps {
    gap: 10px;
    padding: 12px 0;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-steps li {
    gap: 5px;
    font-size: 10px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-fields {
    gap: 10px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-summary > header {
    flex-wrap: wrap;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-cost-row {
    grid-template-columns: 95px minmax(0, 1fr);
    gap: 7px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-cost-row > div {
    padding-right: 70px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .remediation-filter-grid {
    grid-template-columns: 1fr 1fr;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .remediation-filter-grid label:last-child {
    grid-column: 1 / -1;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-selected-metrics {
    gap: 7px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-selected-metrics dd {
    font-size: 14px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-overview header > div:first-child {
    display: block;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-chart {
    height: 235px;
    min-height: 235px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .trend-strip-legend {
    flex-wrap: wrap;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .analysis-trend-comparison > header {
    flex-wrap: wrap;
    gap: 9px;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .community-row-toolbar, html[data-theme] .workspace-shell[data-analysis-tools] .community-row-toolbar > div {
    flex-wrap: wrap;
  }
}

html[data-theme] .workspace-shell[data-analysis-tools] .workspace-page-toolbar {
  margin-bottom: 10px;
  padding: 6px 0 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .page-toolbar-filters {
  margin-top: 8px;
  padding: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-filters {
  padding: 9px 12px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-filter select {
  height: 32px;
  min-height: 32px;
  padding: 5px 8px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-filter-grid {
  gap: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-scope-trail {
  margin-top: 6px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-series-grid > button {
  height: 96px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-strip-basis {
  color: #57758a;
  font-size: 10px;
  font-weight: 400;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-chart-panel > header {
  padding: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-chart-panel > header h2 {
  margin: 0 0 7px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-chart-panel .trend-chart-basis {
  margin: 0 0 5px;
  padding: 4px 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-chart-context {
  flex-wrap: wrap;
  gap: 4px 12px;
  font-size: 10px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-chart-context small {
  font-size: 10px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .trend-lab-chart-panel > footer small {
  display: none;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-trend-evidence .analysis-facts > div {
  padding: 7px 0;
  font-size: 11px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .analysis-trend-evidence > button {
  color: #fff;
  background: #087f8e;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-scanner-page {
  gap: 14px;
}

html[data-theme] .workspace-shell[data-analysis-tools] .remediation-scanner-hero {
  margin: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-phase-bar {
  background: #dae9ef;
  border-radius: 5px;
  height: 24px;
  display: flex;
  overflow: hidden;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-phase-bar span {
  background: #078b9a;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-phase-bar i {
  background: #173f58;
}

html[data-theme] .workspace-shell[data-analysis-tools] .calculator-phase-labels {
  color: #426679;
  justify-content: space-between;
  margin-top: 7px;
  font-size: 11px;
  display: flex;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-results-column {
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-results-column > section {
  min-width: 0;
}

html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-pattern-table td:nth-child(2), html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-pattern-table td:nth-child(3) {
  text-align: center;
  min-width: 58px;
}

@media (max-width: 850px) {
  html[data-theme] .workspace-shell[data-analysis-tools] :is(.trend-lab-detail-grid--focus, .analysis-finance-grid, .analysis-cost-followup, .predictive-analysis-layout, .remediation-scanner-layout, .field-diagnostics, .analysis-community-layout) {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-summary > header {
    flex-wrap: wrap;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-summary > header > div {
    flex: 1;
    min-width: 0;
  }

  html[data-theme] .workspace-shell[data-analysis-tools] .diagnostic-summary > header > em {
    text-align: left;
    white-space: normal;
    flex-basis: 100%;
  }
}

/* [project]/app/dashboard-overview-design.css [app-client] (css) */
html[data-theme] .workspace-shell[data-page="command"] .intelligence-content:has(.program-dashboard[data-dashboard-view="dashboard"]) {
  padding-top: 12px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] {
  gap: 14px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .workspace-page-toolbar {
  padding: 4px 0 10px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-heading > div {
  gap: 2px;
  display: grid;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-eyebrow {
  margin: 0;
  line-height: 12px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-heading h1 {
  font-weight: 750;
  line-height: 1.1;
  margin: 0 !important;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-heading p {
  margin: 0;
  font-size: 13px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-controls {
  gap: 8px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-controls button {
  white-space: nowrap;
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-refresh {
  padding: 9px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-filters {
  background: none;
  border-radius: 0;
  padding: 0;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-filters label {
  gap: 4px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-filters select {
  padding: 7px 10px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-tabs {
  border: 0;
  gap: 0;
  padding: 0;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-tabs button {
  border-radius: 0;
  min-height: 38px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-tabs button:first-child {
  border-radius: 5px 0 0 5px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-tabs button:last-child {
  border-radius: 0 5px 5px 0;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .dashboard-overview-content {
  gap: 14px;
  min-width: 0;
  display: grid;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .dashboard-overview-content article {
  box-shadow: none;
  background: #fff;
  border: 1px solid #d8e5ed;
  border-radius: 8px;
  min-width: 0;
  margin: 0;
  padding: 12px 16px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .dashboard-overview-content h2 {
  color: #122f48;
  margin: 0 0 4px;
  font-size: 19px;
  font-weight: 720;
  line-height: 1.3;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .dashboard-overview-content p {
  color: #577187;
  margin: 3px 0 8px;
  font-size: 12px;
  line-height: 1.5;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .dashboard-overview-content small {
  color: #627c90;
  font-size: 11px;
  line-height: 1.45;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .dashboard-overview-content button {
  color: #076b7b;
  box-shadow: none;
  background: #fff;
  border: 1px solid #c9dfe9;
  border-radius: 5px;
  padding: 8px 10px;
  font-family: inherit;
  font-size: 12px;
  font-weight: 600;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .dashboard-overview-content button:hover {
  color: #064c5c;
  background: #eaf5f8;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .dashboard-overview-content button:focus-visible {
  outline-offset: 3px;
  outline: 3px solid #087e8b;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stats {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  display: grid;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stat {
  text-align: left;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
  min-height: 80px;
  display: flex;
  color: #122f48 !important;
  border-color: #d8e5ed !important;
  border-radius: 8px !important;
  padding: 10px 16px !important;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stat-icon {
  flex: 0 0 28px;
  padding-top: 4px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stat-icon svg {
  stroke-width: 1.8px;
  width: 28px;
  height: 28px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stat strong {
  font-variant-numeric: tabular-nums;
  font-size: 27px;
  font-weight: 750;
  line-height: 1.1;
  display: block;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stat b {
  margin-top: 3px;
  font-size: 12px;
  line-height: 1.4;
  display: block;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stat small {
  margin-top: 2px;
  font-weight: 400;
  display: block;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stat.high :is(strong, .do-stat-icon) {
  color: #c6293d;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stat.attention :is(strong, .do-stat-icon) {
  color: #a66a04;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-risk-row {
  grid-template-columns: minmax(0, 2.4fr) minmax(270px, 1fr);
  align-items: stretch;
  gap: 14px;
  display: grid;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bars {
  gap: 10px;
  margin: 12px 0;
  display: grid;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar-row {
  grid-template-columns: 130px minmax(0, 1fr) 48px;
  align-items: center;
  gap: 16px;
  display: grid;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar-row > strong {
  font-size: 13px;
  font-weight: 600;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar {
  background: #eef2f5;
  border-radius: 5px;
  min-width: 0;
  height: 32px;
  display: flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar button {
  font-variant-numeric: tabular-nums;
  border: 0;
  border-radius: 0;
  flex-basis: 0;
  min-width: 25px;
  padding: 0;
  font-size: 13px;
  font-weight: 750;
  line-height: 1;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar button:first-child {
  border-radius: 5px 0 0 5px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar button:last-child {
  border-radius: 0 5px 5px 0;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar button:only-child {
  border-radius: 5px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar :is(button, button:hover)[data-risk="High"], html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-legend i[data-risk="High"] {
  color: #fff;
  background: #cd293f;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar :is(button, button:hover)[data-risk="Moderate"], html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-legend i[data-risk="Moderate"] {
  color: #463300;
  background: #f6c453;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar :is(button, button:hover)[data-risk="Low"], html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-legend i[data-risk="Low"] {
  color: #fff;
  background: #27804c;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar :is(button, button:hover)[data-risk="Unknown"], html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-legend i[data-risk="Unknown"] {
  color: #fff;
  background: #687587;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar button:hover {
  box-shadow: inset 0 0 0 2px #132f48;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar button[aria-pressed="true"] {
  outline-offset: 3px;
  z-index: 1;
  outline: 3px solid #163b50;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar-total {
  text-align: center;
  line-height: 1.1;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar-total b {
  font-size: 16px;
  display: block;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar-total small {
  display: block;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-risk-card footer {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  display: flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-legend {
  flex-wrap: wrap;
  gap: 12px 20px;
  display: flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-legend > span {
  align-items: center;
  gap: 7px;
  font-size: 12px;
  display: inline-flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-legend i {
  border-radius: 50%;
  width: 11px;
  height: 11px;
  display: block;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-count-basis {
  border: 0;
  margin-top: 8px;
  padding: 0;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-count-basis summary {
  color: #5b7283;
  font-size: 11px;
  font-weight: 500;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-count-basis[open] {
  border-top: 1px solid #e0ebf0;
  padding-top: 8px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-start {
  flex-direction: column;
  display: flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-start > small {
  margin-top: auto;
  padding-top: 5px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-start .do-start-item {
  text-align: left;
  color: #16364d;
  border: 0;
  border-top: 1px solid #e3edf2;
  border-radius: 0;
  grid-template-columns: 25px minmax(0, 1fr) 15px;
  gap: 10px;
  width: 100%;
  padding: 10px 0;
  display: grid;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-start-item > svg:first-child {
  width: 25px;
  height: 25px;
  margin-top: 2px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-start-item > svg:last-child {
  color: #087e8b;
  align-self: center;
  width: 15px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-start-item b {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.3;
  display: block;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-start-item small {
  margin-top: 3px;
  font-weight: 400;
  display: block;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-urgent {
  color: #c6293d;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-warning {
  color: #a66a04;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-unknown {
  color: #687587;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-priority-header {
  border: 0;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 8px 16px;
  margin: 0 0 6px;
  padding: 0;
  display: flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-priority-header p {
  margin-bottom: 0;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-table-controls {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-segments {
  display: flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-segments button {
  background: #f1f6fa;
  border-radius: 0;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-segments button:first-child {
  border-radius: 4px 0 0 4px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-segments button:last-child {
  border-radius: 0 4px 4px 0;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-segments button[aria-pressed="true"] {
  color: #fff;
  background: #087f8e;
  border-color: #087f8e;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-segments button[aria-pressed="true"]:hover {
  color: #fff;
  background: #066776;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-table-wrap {
  width: 100%;
  min-width: 0;
  position: relative;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table {
  border-collapse: collapse;
  table-layout: fixed;
  text-align: left;
  width: 100%;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table :is(th, td) {
  white-space: normal;
  color: #24475d;
  vertical-align: middle;
  overflow-wrap: anywhere;
  background: none;
  border: 0;
  border-bottom: 1px solid #e1ebf1;
  padding: 4px 10px;
  font-size: 12px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table thead th {
  background: #f2f7fa;
  padding: 7px 10px;
  font-size: 11px;
  font-weight: 650;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table thead th:first-child {
  width: 22%;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table thead th:nth-child(2) {
  width: 10%;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table thead th:nth-child(3) {
  width: 24%;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table thead th:last-child {
  width: 122px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table tbody th {
  font-weight: 500;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table tbody th b {
  color: #17364d;
  font-size: 13px;
  line-height: 1.4;
  display: block;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table small {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.4;
  display: block;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table tr[data-site-response] {
  background: #fff5f5;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table tbody tr:hover {
  background: #f4f9fb;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table .do-next-step {
  text-align: left;
  color: #24475d;
  white-space: nowrap;
  text-overflow: ellipsis;
  background: none;
  border: 0;
  border-radius: 0;
  width: 100%;
  padding: 0;
  font-weight: 400;
  line-height: 1.4;
  display: block;
  overflow: hidden;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table .do-next-step:hover {
  color: #065b6d;
  text-decoration: underline;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-risk {
  color: #42576d;
  background: #eaf0f5;
  border-radius: 14px;
  padding: 3px 10px;
  font-size: 11px;
  font-weight: 650;
  line-height: 1.4;
  display: inline-block;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-risk-high {
  color: #af2334;
  background: #ffe1e3;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-risk-moderate {
  color: #7b5404;
  background: #fff1c7;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-risk-low {
  color: #216b40;
  background: #e0f4e7;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table .do-finding {
  color: #24475d;
  text-align: left;
  background: none;
  border: 0;
  padding: 0;
  font-weight: 500;
  line-height: 1.5;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table .do-finding:hover {
  color: #065b6d;
  text-decoration: underline;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table .do-open {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  gap: 7px;
  min-height: 0;
  padding: 6px 10px;
  line-height: 1.3;
  display: inline-flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-priority > footer {
  border: 0;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  margin: 4px 0 0;
  padding: 0;
  display: flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-active-filter {
  background: #eef7f9;
  border-radius: 5px;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
  padding: 6px 10px;
  font-size: 12px;
  display: flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-active-filter button {
  background: none;
  border: 0;
  align-items: center;
  gap: 4px;
  padding: 4px 6px;
  display: inline-flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-follow-through {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-follow-through article {
  grid-template-columns: 28px minmax(0, 1fr);
  gap: 12px;
  padding: 12px 16px;
  display: grid;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-card-icon {
  color: #16364d;
  width: 27px;
  height: 27px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-follow-through h2 {
  margin: 0 0 5px;
  font-size: 14px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-card-metric {
  flex-wrap: wrap;
  align-items: baseline;
  gap: 8px 16px;
  margin-bottom: 7px;
  display: flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-card-metric strong {
  color: #122f48;
  font-size: 24px;
  line-height: 1.2;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-card-metric span {
  color: #627c90;
  font-size: 11px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-card-metric .do-overdue {
  color: #af2334;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-follow-through ul {
  border-top: 1px solid #e0ebf0;
  margin: 0;
  padding: 7px 0 0;
  list-style: none;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-follow-through li {
  color: #466479;
  overflow-wrap: anywhere;
  font-size: 12px;
  line-height: 1.6;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-follow-through small {
  margin: 3px 0;
  line-height: 1.35;
  display: block;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .dashboard-overview-content .do-link {
  color: #087688;
  text-align: left;
  background: none;
  border: 0;
  align-items: center;
  gap: 8px;
  padding: 4px 0;
  line-height: 1.45;
  display: inline-flex;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .dashboard-overview-content .do-link:hover {
  color: #064c5c;
  text-decoration: underline;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .dashboard-overview-content .do-inline-link {
  color: #466479;
  text-align: left;
  background: none;
  border: 0;
  padding: 0;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.5;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-inline-link:hover {
  text-decoration: underline;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] > details {
  background: #fff;
  border: 1px solid #d8e5ed;
  border-radius: 8px;
  padding: 12px 16px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] > details > summary {
  font-size: 12px;
}

html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] > details[open] > .pd-grid {
  margin-top: 16px;
}

@media (max-width: 1200px) {
  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stats {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-risk-row {
    grid-template-columns: minmax(0, 1.8fr) minmax(230px, 1fr);
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar-row {
    grid-template-columns: 104px minmax(0, 1fr) 34px;
    gap: 10px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-follow-through article {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-card-icon {
    display: none;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table thead th:first-child {
    width: 23%;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table thead th:nth-child(3) {
    width: 22%;
  }
}

@media (max-width: 900px) {
  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-risk-row {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-start .do-start-item {
    padding: 10px 0;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-follow-through {
    grid-template-columns: minmax(0, 1fr);
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-follow-through article {
    grid-template-columns: 28px minmax(0, 1fr);
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-card-icon {
    display: block;
  }
}

@media (max-width: 650px) {
  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-controls {
    flex-wrap: wrap;
    gap: 5px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .pd-controls button {
    padding: 8px;
    font-size: 11px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stats {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stat {
    gap: 8px;
    padding: 12px 10px !important;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stat:last-child {
    grid-column: 1 / -1;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stat-icon {
    flex-basis: 23px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stat-icon svg {
    width: 23px;
    height: 23px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-stat strong {
    font-size: 25px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .dashboard-overview-content article {
    padding: 14px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .dashboard-overview-content h2 {
    font-size: 17px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bars {
    gap: 14px;
    margin: 18px 0;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar-row {
    grid-template-columns: minmax(0, 1fr) 30px;
    gap: 4px 10px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar-row > strong {
    grid-column: 1 / -1;
    font-size: 12px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar {
    height: 36px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-bar button {
    min-width: 26px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-priority-header {
    align-items: flex-start;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-table-controls {
    gap: 7px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table thead {
    display: none;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table :is(tbody, tr, th, td) {
    width: 100%;
    display: block;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table tr {
    border: 1px solid #dfe9f0;
    border-radius: 6px;
    margin-top: 10px;
    padding: 10px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table :is(th, td) {
    border: 0;
    padding: 4px 0;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table td[data-label]:before {
    content: attr(data-label);
    color: #627c90;
    margin-bottom: 3px;
    font-size: 10px;
    display: block;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table .do-next-step {
    white-space: normal;
    display: block;
    overflow: visible;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-asset-table .do-open {
    min-height: 38px;
    margin-top: 4px;
  }

  html[data-theme] .workspace-shell .program-dashboard[data-dashboard-view="dashboard"] .do-priority > footer {
    flex-wrap: wrap;
  }
}

/*# sourceMappingURL=_1l82k4wi4xva-._.css.map*/