/* [project]/src/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)))) {
    *, :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-space-y-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;
    }
  }
}

@layer theme {
  :root, :host {
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-blue-600: #155dfc;
    --color-blue-800: #193cb8;
    --color-white: #fff;
    --spacing: .25rem;
    --container-md: 28rem;
    --container-2xl: 42rem;
    --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);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -.025em;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --radius-md: .375rem;
    --radius-lg: .5rem;
    --radius-xl: .75rem;
    --default-transition-duration: .15s;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;
    --default-mono-font-family: var(--font-mono);
  }

  @supports (color: lab(0% 0 0)) {
    :root, :host {
      --color-blue-600: lab(44.0605% 29.0279 -86.0352);
      --color-blue-800: lab(30.2514% 27.7854 -70.2699);
    }
  }
}

@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, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)) {
    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 {
  .workspace {
    max-width: none;
    padding: calc(var(--spacing) * 4);
    margin-inline: auto;
  }

  @media (min-width: 40rem) {
    .workspace {
      padding: calc(var(--spacing) * 6);
    }
  }

  @media (min-width: 64rem) {
    .workspace {
      padding: calc(var(--spacing) * 8);
    }
  }

  .panel {
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--theme-divider);
    background-color: var(--theme-surface);
    padding: calc(var(--spacing) * 4);
  }

  @media (min-width: 40rem) {
    .panel {
      padding: calc(var(--spacing) * 6);
    }
  }

  .input {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--theme-input-border);
    background-color: var(--theme-surface);
    width: 100%;
    min-width: 0;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--theme-ink);
    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));
    --tw-outline-style: none;
    outline-style: none;
  }

  .input:focus {
    border-color: var(--theme-accent);
    --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);
  }

  .input:focus {
    --tw-ring-color: var(--theme-accent);
  }

  @supports (color: color-mix(in lab, red, red)) {
    .input:focus {
      --tw-ring-color: color-mix(in oklab, var(--theme-accent) 20%, transparent);
    }
  }

  .btn {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--theme-input-border);
    background-color: var(--theme-surface);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--theme-muted);
    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));
    display: inline-flex;
  }

  @media (hover: hover) {
    .btn:hover {
      background-color: var(--theme-hover);
    }
  }

  .btn-primary {
    justify-content: center;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--theme-accent);
    background-color: var(--theme-accent);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    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));
    display: inline-flex;
  }

  @media (hover: hover) {
    .btn-primary:hover {
      --tw-brightness: brightness(90%);
      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, );
    }
  }

  .btn-primary {
    color: #fff;
  }

  .btn-danger {
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--theme-danger);
    justify-content: center;
    align-items: center;
    display: inline-flex;
  }

  @media (hover: hover) {
    .btn-danger:hover {
      background-color: var(--theme-danger-soft);
    }
  }

  .badge {
    background-color: var(--theme-subtle);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: var(--spacing);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--theme-muted);
    border-radius: 3.40282e38px;
    display: inline-flex;
  }

  .data-table {
    border-collapse: collapse;
    text-align: left;
    width: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }

  .data-table th {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--theme-divider);
    background-color: var(--theme-hover);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--theme-secondary);
  }

  .data-table td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--theme-divider-soft);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    vertical-align: top;
  }
}

@layer utilities {
  .collapse {
    visibility: collapse;
  }

  .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;
  }

  .static {
    position: static;
  }

  .sticky {
    position: sticky;
  }

  .top-0 {
    top: 0;
  }

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

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

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

  .right-0 {
    right: 0;
  }

  .bottom-0 {
    bottom: 0;
  }

  .left-0 {
    left: 0;
  }

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

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

  .order-last {
    order: 9999;
  }

  .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: 0;
  }

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

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

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

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

  .me-3 {
    margin-inline-end: calc(var(--spacing) * 3);
  }

  .mt-1 {
    margin-top: var(--spacing);
  }

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

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

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

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

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

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

  .mr-auto {
    margin-right: auto;
  }

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

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

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

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

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

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

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

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

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

  .ml-\[10px\] {
    margin-left: 10px;
  }

  .block {
    display: block;
  }

  .contents {
    display: contents;
  }

  .flex {
    display: flex;
  }

  .grid {
    display: grid;
  }

  .hidden {
    display: none;
  }

  .inline {
    display: inline;
  }

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

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

  .table {
    display: table;
  }

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

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

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

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

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

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

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

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

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

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

  .h-full {
    height: 100%;
  }

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

  .w-0 {
    width: 0;
  }

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

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

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

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

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

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

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

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

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

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

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

  .w-full {
    width: 100%;
  }

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

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

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

  .min-w-0 {
    min-width: 0;
  }

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

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

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

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

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

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

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

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

  .flex-1 {
    flex: 1;
  }

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

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

  .grow {
    flex-grow: 1;
  }

  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }

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

  .cursor-pointer {
    cursor: pointer;
  }

  .resize {
    resize: both;
  }

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

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

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

  .columns-3 {
    columns: 3;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .gap-y-10 {
    row-gap: calc(var(--spacing) * 10);
  }

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

  .overflow-hidden {
    overflow: hidden;
  }

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

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

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

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

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

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

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

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

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

  .border-\[\#29588c\] {
    border-color: #29588c;
  }

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

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

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

  .\!bg-\[\#f4f6f7\] {
    background-color: #f4f6f7 !important;
  }

  .bg-\[\#d3ecda\] {
    background-color: #d3ecda;
  }

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

  .bg-accent-soft\/60 {
    background-color: var(--theme-accent-soft);
  }

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

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

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

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

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

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

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

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

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

  .bg-\[length\:16px_16px\] {
    background-size: 16px 16px;
  }

  .bg-contain {
    background-size: contain;
  }

  .bg-center {
    background-position: center;
  }

  .bg-no-repeat {
    background-repeat: no-repeat;
  }

  .object-contain {
    object-fit: contain;
  }

  .p-0 {
    padding: 0;
  }

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

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

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

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

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

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

  .px-\[25px\] {
    padding-inline: 25px;
  }

  .px-\[60px\] {
    padding-inline: 60px;
  }

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

  .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-5 {
    padding-block: calc(var(--spacing) * 5);
  }

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

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

  .py-\[13px\] {
    padding-block: 13px;
  }

  .ps-0 {
    padding-inline-start: 0;
  }

  .ps-1 {
    padding-inline-start: var(--spacing);
  }

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

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

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

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

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

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

  .pt-\[13px\] {
    padding-top: 13px;
  }

  .pt-\[50px\] {
    padding-top: 50px;
  }

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

  .pb-\[30px\] {
    padding-bottom: 30px;
  }

  .pb-\[40px\] {
    padding-bottom: 40px;
  }

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

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

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

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

  .font-mono {
    font-family: var(--font-mono);
  }

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

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

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

  .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-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }

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

  .text-\[14px\] {
    font-size: 14px;
  }

  .text-\[16px\] {
    font-size: 16px;
  }

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

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

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

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

  .break-all {
    word-break: break-all;
  }

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

  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }

  .text-\[\#29588C\], .text-\[\#29588c\] {
    color: #29588c;
  }

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

  .text-blue-600 {
    color: var(--color-blue-600);
  }

  .text-blue-800 {
    color: var(--color-blue-800);
  }

  .text-danger {
    color: var(--theme-danger);
  }

  .text-faint {
    color: var(--theme-faint);
  }

  .text-ink {
    color: var(--theme-ink);
  }

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

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

  .text-warning {
    color: var(--theme-warning);
  }

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

  .lowercase {
    text-transform: lowercase;
  }

  .uppercase {
    text-transform: uppercase;
  }

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

  .no-underline {
    text-decoration-line: none;
  }

  .underline {
    text-decoration-line: underline;
  }

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

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }

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

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

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

  .blur {
    --tw-blur: blur(8px);
    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, );
  }

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

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

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

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

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

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

  @media (min-width: 40rem) {
    .sm\:col-span-2 {
      grid-column: span 2 / span 2;
    }

    .sm\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .sm\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .sm\:grid-cols-\[minmax\(0\,1fr\)_200px\] {
      grid-template-columns: minmax(0, 1fr) 200px;
    }

    .sm\:p-5 {
      padding: calc(var(--spacing) * 5);
    }
  }

  @media (min-width: 48rem) {
    .md\:order-none {
      order: 0;
    }

    .md\:mt-0 {
      margin-top: 0;
    }

    .md\:mb-0 {
      margin-bottom: 0;
    }

    .md\:h-\[100\%\] {
      height: 100%;
    }

    .md\:h-\[640px\] {
      height: 640px;
    }

    .md\:w-1\/2 {
      width: 50%;
    }

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

    .md\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .md\:grid-cols-\[12rem_1fr\] {
      grid-template-columns: 12rem 1fr;
    }

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

    .md\:gap-20 {
      gap: calc(var(--spacing) * 20);
    }

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

    .md\:px-12 {
      padding-inline: calc(var(--spacing) * 12);
    }

    .md\:pt-20 {
      padding-top: calc(var(--spacing) * 20);
    }

    .md\:pb-12 {
      padding-bottom: calc(var(--spacing) * 12);
    }
  }

  @media (min-width: 64rem) {
    .lg\:ml-\[20px\] {
      margin-left: 20px;
    }

    .lg\:flex {
      display: flex;
    }

    .lg\:hidden {
      display: none;
    }

    .lg\:grid-cols-2 {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .lg\:text-\[18px\] {
      font-size: 18px;
    }
  }

  @media (min-width: 80rem) {
    .xl\:col-span-3 {
      grid-column: span 3 / span 3;
    }

    .xl\:ml-\[32px\] {
      margin-left: 32px;
    }

    .xl\:grid-cols-3 {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .xl\:grid-cols-4 {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .xl\:px-\[60px\] {
      padding-inline: 60px;
    }

    .xl\:text-\[20px\] {
      font-size: 20px;
    }
  }

  .\[role\=\"dialog\"\]\:visible:is() {
    visibility: visible;
  }
}

:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
  --theme-canvas: #f5f7fa;
  --theme-surface: #fff;
  --theme-subtle: #f1f5f9;
  --theme-hover: #f8fafc;
  --theme-ink: #253247;
  --theme-muted: #64748b;
  --theme-secondary: #64748b;
  --theme-faint: #64748b;
  --theme-divider: #dce3ea;
  --theme-divider-soft: #f1f5f9;
  --theme-input-border: #cbd5e1;
  --theme-primary: #0b1f3a;
  --theme-primary-hover: #1565c0;
  --theme-accent: #1976d2;
  --theme-accent-soft: #eaf3fc;
  --theme-accent-strong: #d7eafa;
  --theme-accent-border: #9dc7ee;
  --theme-info: #1565c0;
  --theme-info-soft: #eaf3fc;
  --theme-success: #2e9d68;
  --theme-success-soft: #e9f7f0;
  --theme-danger: #d64545;
  --theme-danger-soft: #fef2f2;
  --theme-danger-border: #fecaca;
  --theme-warning: #a86400;
  --theme-warning-soft: #fff4df;
}

:root[data-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  --theme-canvas: #0b1120;
  --theme-surface: #111c2e;
  --theme-subtle: #1e293b;
  --theme-hover: #1e293b;
  --theme-ink: #f1f5f9;
  --theme-muted: #cbd5e1;
  --theme-secondary: #a6b6cb;
  --theme-faint: #94a3b8;
  --theme-divider: #334155;
  --theme-divider-soft: #263449;
  --theme-input-border: #475569;
  --theme-accent: #5eead4;
  --theme-accent-soft: #123333;
  --theme-accent-strong: #164e48;
  --theme-accent-border: #28675e;
  --theme-primary: #dbeafe;
  --theme-primary-hover: #60a5fa;
  --theme-info: #7db8f0;
  --theme-info-soft: #142f4d;
  --theme-success: #69d19b;
  --theme-success-soft: #17382a;
  --theme-danger: #fca5a5;
  --theme-danger-soft: #3b1b25;
  --theme-danger-border: #7f3344;
  --theme-warning: #fde68a;
  --theme-warning-soft: #352b16;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])), :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --lightningcss-light: ;
    --lightningcss-dark: initial;
    color-scheme: dark;
    --theme-canvas: #0b1120;
    --theme-surface: #111c2e;
    --theme-subtle: #1e293b;
    --theme-hover: #1e293b;
    --theme-ink: #f1f5f9;
    --theme-muted: #cbd5e1;
    --theme-secondary: #a6b6cb;
    --theme-faint: #94a3b8;
    --theme-divider: #334155;
    --theme-divider-soft: #263449;
    --theme-input-border: #475569;
    --theme-accent: #5eead4;
    --theme-accent-soft: #123333;
    --theme-accent-strong: #164e48;
    --theme-accent-border: #28675e;
    --theme-primary: #dbeafe;
    --theme-primary-hover: #60a5fa;
    --theme-info: #7db8f0;
    --theme-info-soft: #142f4d;
    --theme-success: #69d19b;
    --theme-success-soft: #17382a;
    --theme-danger: #fca5a5;
    --theme-danger-soft: #3b1b25;
    --theme-danger-border: #7f3344;
    --theme-warning: #fde68a;
    --theme-warning-soft: #352b16;
  }
}

body {
  background: var(--theme-canvas);
  color: var(--theme-ink);
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, sans-serif;
}

.nav-group-button {
  text-transform: none;
  letter-spacing: normal;
  padding-top: .75rem;
  padding-bottom: .5rem;
  font-size: .75rem;
}

.directory-table-tools {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-start;
  gap: .5rem;
  margin-bottom: .75rem;
  display: flex;
}

.directory-table-tools .master-data-toolbar {
  flex-wrap: wrap;
  margin: 0;
}

.directory-columns {
  position: relative;
}

.grid-column-scope {
  min-width: 0;
  max-width: 100%;
}

@media print {
  .directory-table-tools {
    display: none !important;
  }
}

.directory-column-options {
  z-index: 20;
  background: var(--theme-surface);
  border: 1px solid var(--theme-divider);
  border-radius: .5rem;
  gap: .5rem;
  min-width: 16rem;
  max-width: min(28rem, 100vw - 4rem);
  max-height: 70vh;
  padding: 1rem;
  display: grid;
  position: absolute;
  top: 100%;
  left: 0;
  overflow-y: auto;
  box-shadow: 0 8px 24px #0002;
}

.directory-column-options label {
  overflow-wrap: anywhere;
  align-items: center;
  gap: .5rem;
  font-size: .875rem;
  display: flex;
}

.directory-column-options input {
  flex-shrink: 0;
}

.shared-master-directory .master-directory-filters label {
  gap: .35rem;
  min-width: 0;
  font-size: .875rem;
  font-weight: 600;
  display: grid;
}

.shared-master-directory .filter-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.workspace.shared-master-directory {
  width: 100%;
  max-width: none;
}

.location-coordinate-filter, .location-search-map {
  grid-column: 1 / -1;
}

.location-coordinate-filter summary {
  cursor: pointer;
  color: var(--theme-secondary);
  font-size: .875rem;
}

.location-coordinate-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin-top: .75rem;
  display: grid;
}

:is(.trial-work-views, .grid:has( > .summary-link), .grid:has( > .summary-card), .grid:has( > a > .summary-card)) {
  flex-wrap: nowrap;
  align-items: stretch;
  display: flex;
  overflow-x: auto;
}

.trial-work-views > .trial-work-view, .grid > .summary-link, .grid > .summary-card {
  flex: 1 1 0;
  min-width: max-content;
}

.grid > a:has( > .summary-card) {
  flex: 1 1 0;
  min-width: max-content;
}

.grid > a > .summary-card {
  box-sizing: border-box;
  height: 100%;
}

.summary-link:not(:has(.summary-tile-detail)) .trial-work-view-main {
  box-sizing: border-box;
  height: 100%;
}

.summary-tile-detail {
  color: var(--theme-secondary);
  padding: 0 12px 12px;
  font-size: .75rem;
}

@media (max-width: 900px) {
  .trial-work-views > .trial-work-view, .grid > .summary-link, .grid > .summary-card {
    flex: 1 0 auto;
    min-width: max-content;
  }

  .grid > a:has( > .summary-card) {
    flex: 1 0 auto;
    min-width: max-content;
  }
}

button, a, input, select, textarea {
  -webkit-tap-highlight-color: transparent;
}

button {
  cursor: pointer;
}

button:disabled {
  cursor: not-allowed;
  opacity: .5;
}

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

input[type="checkbox"] {
  accent-color: var(--theme-accent);
  width: 1rem;
  height: 1rem;
}

.skip-link {
  z-index: 100;
  background: var(--theme-surface);
  border-radius: .5rem;
  padding: .75rem 1rem;
  position: fixed;
  top: -5rem;
  left: 1rem;
}

.skip-link:focus {
  top: 1rem;
}

.app-shell {
  --sidebar-width: 260px;
  min-height: 100vh;
}

.app-shell.is-collapsed {
  --sidebar-width: 76px;
}

.shell-body {
  min-height: 100vh;
  margin-left: var(--sidebar-width);
  transition: margin .2s;
}

.sidebar {
  z-index: 30;
  width: var(--sidebar-width);
  color: #dbeafe;
  background: #0b1f3a;
  flex-direction: column;
  transition: width .2s;
  display: flex;
  position: fixed;
  inset: 0 auto 0 0;
  overflow: hidden;
}

.sidebar-brand {
  border-bottom: 1px solid #ffffff1f;
  align-items: center;
  gap: .5rem;
  height: 72px;
  padding: 0 1rem;
  display: flex;
}

.sidebar-brand > a {
  flex: 1;
  min-width: 0;
}

.brand-logo {
  color: #fff;
  white-space: nowrap;
  align-items: center;
  gap: .65rem;
  font-size: 1.15rem;
  font-weight: 750;
  display: inline-flex;
}

.brand-logo svg {
  stroke: #6fcaca;
  fill: none;
  stroke-width: 1.4px;
  flex: none;
  width: 38px;
  height: 38px;
}

.brand-logo .brand-ribbon {
  stroke: #fff;
  stroke-width: 3px;
}

.brand-logo > span > span {
  color: #64d0ce;
}

.icon-button {
  width: 38px;
  height: 38px;
  color: inherit;
  background: none;
  border: 0;
  border-radius: .5rem;
  place-items: center;
  display: inline-grid;
}

.icon-button:hover {
  background: var(--theme-hover);
}

.icon-button svg {
  width: 20px;
}

.sidebar .icon-button:hover {
  background: #ffffff16;
}

.collapse-button svg {
  transition: rotate .2s;
}

.sidebar nav {
  flex: 1;
  padding: .8rem;
  overflow-y: auto;
}

.sidebar nav section + section {
  margin-top: 1rem;
}

.sidebar nav h2 {
  color: #7f99b7;
  letter-spacing: .11em;
  text-transform: uppercase;
  white-space: nowrap;
  margin: .25rem .7rem .45rem;
  font-size: .66rem;
}

.nav-item {
  color: #cbd9e8;
  white-space: nowrap;
  border-radius: .5rem;
  align-items: center;
  gap: .75rem;
  min-height: 40px;
  padding: .55rem .7rem;
  font-size: .84rem;
  font-weight: 550;
  text-decoration: none;
  display: flex;
}

.nav-item svg {
  width: 19px;
  min-width: 19px;
}

.nav-item:hover {
  color: #fff;
  background: #ffffff12;
}

.nav-item.active {
  color: #fff;
  background: #1976d2;
}

.nav-item.disabled {
  opacity: .5;
  cursor: not-allowed;
}

.nav-item em {
  text-transform: uppercase;
  margin-left: auto;
  font-size: .62rem;
  font-style: normal;
}

.is-collapsed .sidebar nav h2, .is-collapsed .nav-item > span, .is-collapsed .nav-item em, .is-collapsed .theme-control > span {
  display: none;
}

.is-collapsed .nav-item {
  justify-content: center;
  padding: .6rem;
}

.is-collapsed .sidebar nav section + section {
  border-top: 1px solid #ffffff14;
  padding-top: .8rem;
}

.theme-control {
  color: #cbd9e8;
  border-top: 1px solid #ffffff1f;
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  padding: .75rem 1rem;
  font-size: .75rem;
  display: flex;
}

.theme-control .input {
  color: #fff;
  background: #10243f;
  border-color: #ffffff32;
  max-width: 105px;
}

.is-collapsed .theme-control {
  padding: .75rem .4rem;
}

.is-collapsed .theme-control .input {
  width: 66px;
  padding: .45rem .25rem;
  font-size: .65rem;
}

.topbar {
  z-index: 20;
  border-bottom: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  align-items: center;
  gap: 1rem;
  height: 72px;
  padding: 0 1.5rem;
  display: flex;
  position: sticky;
  top: 0;
}

@supports (color: color-mix(in lab, red, red)) {
  .topbar {
    background: color-mix(in srgb,var(--theme-surface) 94%,transparent);
  }
}

.topbar {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
}

.mobile-menu {
  display: none;
}

.context-indicator {
  grid-template-columns: auto auto;
  gap: .05rem .5rem;
  line-height: 1.2;
  display: grid;
}

.context-indicator span {
  background: var(--theme-accent-soft);
  color: var(--theme-accent);
  text-transform: uppercase;
  border-radius: .4rem;
  grid-row: 1 / 3;
  align-self: center;
  padding: .35rem .55rem;
  font-size: .68rem;
  font-weight: 700;
}

.context-indicator strong {
  font-size: .83rem;
}

.context-indicator small {
  color: var(--theme-secondary);
  font-size: .7rem;
}

.account {
  margin-left: auto;
  position: relative;
}

.account-button {
  color: var(--theme-ink);
  text-align: left;
  background: none;
  border: 0;
  border-radius: .6rem;
  align-items: center;
  gap: .65rem;
  padding: .35rem .5rem;
  display: flex;
}

.account-button:hover {
  background: var(--theme-hover);
}

.avatar {
  background: var(--theme-primary);
  width: 36px;
  height: 36px;
  color: var(--theme-surface);
  border-radius: 50%;
  place-items: center;
  display: grid;
}

.avatar svg {
  width: 19px;
}

.account-copy {
  flex-direction: column;
  display: flex;
}

.account-copy strong {
  font-size: .8rem;
}

.account-copy small {
  color: var(--theme-secondary);
  font-size: .68rem;
}

.account-chevron {
  width: 15px;
  rotate: 90deg;
}

.account-menu {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: .75rem;
  width: 290px;
  padding: .45rem;
  position: absolute;
  top: calc(100% + .6rem);
  right: 0;
  box-shadow: 0 14px 40px #08182a24;
}

.account-menu > a, .account-menu > button {
  width: 100%;
  color: var(--theme-ink);
  background: none;
  border: 0;
  border-radius: .45rem;
  align-items: center;
  gap: .65rem;
  padding: .65rem .7rem;
  font-size: .82rem;
  text-decoration: none;
  display: flex;
}

.account-menu > a:hover, .account-menu > button:hover:not(:disabled) {
  background: var(--theme-hover);
}

.account-menu svg {
  width: 17px;
}

.account-menu hr {
  border: 0;
  border-top: 1px solid var(--theme-divider-soft);
}

.account-summary {
  border-bottom: 1px solid var(--theme-divider);
  margin-bottom: .35rem;
  padding: .65rem .7rem .8rem;
}

.account-summary > strong, .account-summary > span {
  display: block;
}

.account-summary > span {
  color: var(--theme-secondary);
  margin: .2rem 0 .5rem;
  font-size: .72rem;
}

.role-list {
  flex-wrap: wrap;
  gap: .25rem;
  display: flex;
}

.role-badge {
  background: var(--theme-accent-soft);
  color: var(--theme-accent);
  border-radius: 99px;
  padding: .18rem .45rem;
  font-size: .65rem;
  font-weight: 650;
  display: inline-flex;
}

.sidebar-scrim {
  display: none;
}

.entity-identity {
  align-items: center;
  gap: .7rem;
  display: inline-flex;
}

.entity-icon {
  border: 1px solid var(--theme-divider);
  background: var(--theme-subtle);
  width: 38px;
  height: 38px;
  color: var(--theme-primary);
  border-radius: .55rem;
  place-items: center;
  display: grid;
  position: relative;
}

.entity-icon > svg {
  width: 21px;
}

.entity-mode {
  border: 2px solid var(--theme-surface);
  background: var(--theme-accent);
  color: #fff;
  border-radius: 50%;
  place-items: center;
  width: 20px;
  height: 20px;
  display: grid;
  position: absolute;
  bottom: -6px;
  right: -7px;
}

.entity-mode svg {
  width: 12px;
}

.entity-identity small, .entity-identity strong {
  display: block;
}

.entity-identity small {
  color: var(--theme-secondary);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .62rem;
  font-weight: 700;
}

.entity-identity strong {
  font-size: .88rem;
}

.mode-icon {
  align-items: center;
  gap: .35rem;
  display: inline-flex;
}

.mode-icon svg {
  width: 18px;
}

.status-badge {
  border-radius: 99px;
  align-items: center;
  gap: .28rem;
  width: max-content;
  padding: .26rem .55rem;
  font-size: .7rem;
  font-weight: 700;
  display: inline-flex;
}

.status-badge svg {
  width: 13px;
}

.status-neutral {
  background: var(--theme-subtle);
  color: var(--theme-muted);
}

.status-info {
  background: var(--theme-info-soft);
  color: var(--theme-info);
}

.status-success {
  background: var(--theme-success-soft);
  color: var(--theme-success);
}

.status-warning {
  background: var(--theme-warning-soft);
  color: var(--theme-warning);
}

.status-danger {
  background: var(--theme-danger-soft);
  color: var(--theme-danger);
}

.entity-status-panel {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: .75rem;
  margin-bottom: 1.5rem;
  overflow: hidden;
}

.entity-meta {
  border-bottom: 1px solid var(--theme-divider-soft);
  align-items: flex-start;
  gap: 2rem;
  padding: 1rem 1.25rem;
  display: flex;
}

.entity-meta > div {
  flex-direction: column;
  gap: .15rem;
  display: flex;
}

.entity-meta small {
  color: var(--theme-secondary);
  text-transform: uppercase;
  font-size: .68rem;
  font-weight: 650;
}

.entity-meta strong {
  font-size: .82rem;
}

.entity-meta span {
  color: var(--theme-secondary);
  font-size: .72rem;
}

.entity-history {
  margin-left: auto;
}

.workflow-wrap {
  padding: 1rem 1.25rem;
  overflow-x: auto;
}

.workflow {
  min-width: 560px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex;
}

.workflow li {
  text-align: center;
  color: var(--theme-faint);
  flex: 1;
  position: relative;
}

.workflow li:not(:last-child):before {
  content: "";
  z-index: 0;
  background: var(--theme-divider);
  width: 100%;
  height: 2px;
  position: absolute;
  top: 13px;
  left: 50%;
}

.workflow li.complete:not(:last-child):before {
  background: var(--theme-success);
}

.workflow li > span {
  z-index: 1;
  border: 2px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  margin: auto;
  font-size: .7rem;
  font-weight: 700;
  display: grid;
  position: relative;
}

.workflow li > span svg {
  width: 14px;
}

.workflow li small {
  margin-top: .4rem;
  font-size: .68rem;
  font-weight: 650;
  display: block;
}

.workflow li.complete > span {
  border-color: var(--theme-success);
  background: var(--theme-success);
  color: #fff;
}

.workflow li.active > span {
  border-color: var(--theme-accent);
  box-shadow: 0 0 0 4px var(--theme-accent-soft);
  color: var(--theme-accent);
}

.workflow li.active small {
  color: var(--theme-accent);
}

.workflow-terminal {
  justify-content: center;
  align-items: center;
  gap: .5rem;
  margin-top: .8rem;
  display: flex;
}

.workflow-terminal > span {
  color: var(--theme-secondary);
  font-size: .72rem;
}

.admin-breadcrumb {
  color: var(--theme-accent);
  text-transform: uppercase;
  letter-spacing: .08em;
  margin: 0 0 .6rem;
  font-size: .72rem;
  font-weight: 700;
}

.admin-toolbar {
  gap: .75rem;
  margin-bottom: 1rem;
  display: flex;
}

.admin-toolbar .input {
  flex: 1;
  min-width: 0;
  max-width: 380px;
}

.scope-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 1rem;
  display: grid;
}

.scope-card {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: .65rem;
  padding: 1rem;
}

.scope-card h3 {
  margin: 0;
  font-size: .9rem;
}

.scope-card p {
  color: var(--theme-secondary);
  margin: .4rem 0 0;
  font-size: .78rem;
}

.scope-label {
  background: var(--theme-subtle);
  border-radius: .3rem;
  margin-top: .75rem;
  padding: .2rem .45rem;
  font-size: .65rem;
  font-weight: 700;
  display: inline-flex;
}

.deferred-note {
  overflow-wrap: anywhere;
  border-left: 3px solid var(--theme-warning);
  background: var(--theme-warning-soft);
  max-width: 100%;
  color: var(--theme-warning);
  padding: .75rem 1rem;
  font-size: .78rem;
}

.shell-body, #main-content, .panel {
  min-width: 0;
}

.impersonation-banner {
  z-index: 24;
  border-bottom: 2px solid var(--theme-warning);
  background: var(--theme-warning-soft);
  color: var(--theme-warning);
  align-items: center;
  gap: 2rem;
  padding: .65rem 1.5rem;
  display: flex;
  position: sticky;
  top: 0;
}

.impersonation-banner div {
  flex-direction: column;
  display: flex;
}

.impersonation-banner div:first-child {
  flex: 1;
}

.impersonation-banner strong {
  font-size: .82rem;
}

.impersonation-banner span, .impersonation-banner small {
  font-size: .7rem;
}

.impersonation-banner .btn {
  color: inherit;
  background: none;
  border-color: currentColor;
}

@media (max-width: 767px) {
  .app-shell, .app-shell.is-collapsed {
    --sidebar-width: 0px;
  }

  .shell-body {
    margin-left: 0;
  }

  .sidebar {
    width: min(86vw, 290px);
    translate: -100%;
  }

  .sidebar.mobile-open {
    translate: 0;
  }

  .sidebar-scrim {
    z-index: 25;
    background: #07142699;
    border: 0;
    display: block;
    position: fixed;
    inset: 0;
  }

  .mobile-menu {
    display: grid;
  }

  .collapse-button {
    display: none;
  }

  .topbar {
    padding: 0 .8rem;
  }

  .context-indicator small, .account-copy, .account-chevron {
    display: none;
  }

  .workspace {
    padding: 1rem;
  }

  .entity-meta {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    display: grid;
  }

  .account-menu {
    max-width: calc(100vw - 1.4rem);
    position: fixed;
    top: 66px;
    right: .7rem;
  }

  .impersonation-banner {
    flex-wrap: wrap;
    gap: .5rem 1rem;
    padding: .65rem .8rem;
    position: relative;
  }

  .impersonation-banner .btn {
    margin-left: auto;
  }
}

@media (max-width: 480px) {
  .context-indicator span {
    display: none;
  }

  .entity-meta {
    grid-template-columns: 1fr;
  }

  .data-table {
    font-size: .78rem;
  }
}

.account-menu > form button {
  width: 100%;
  color: var(--theme-ink);
  background: none;
  border: 0;
  border-radius: .45rem;
  align-items: center;
  gap: .65rem;
  padding: .65rem .7rem;
  font-size: .82rem;
  display: flex;
}

.account-menu > form button:hover {
  background: var(--theme-hover);
}

.account-menu > form svg {
  width: 17px;
}

.login-page {
  background: radial-gradient(circle at top right,var(--theme-accent-soft),transparent 35%),var(--theme-canvas);
  place-items: center;
  min-height: 100vh;
  padding: 1.25rem;
  display: grid;
}

.login-card {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: 1rem;
  width: min(100%, 410px);
  padding: 2rem;
  box-shadow: 0 24px 70px #07182a20;
}

.login-card .brand-logo {
  color: var(--theme-ink);
}

.login-card .brand-logo .brand-ribbon {
  stroke: var(--theme-primary);
}

.login-card h1 {
  margin: 1.6rem 0 .4rem;
  font-size: 1.55rem;
}

.login-card > p, .login-card > small {
  color: var(--theme-secondary);
  font-size: .82rem;
}

.login-card form {
  gap: 1rem;
  margin: 1.4rem 0;
  display: grid;
}

.login-card label {
  color: var(--theme-muted);
  gap: .4rem;
  font-size: .76rem;
  font-weight: 650;
  display: grid;
}

.login-card .btn-primary {
  width: 100%;
  min-height: 42px;
}

.login-error {
  background: var(--theme-danger-soft);
  color: var(--theme-danger);
  border-radius: .45rem;
  margin: 0;
  padding: .7rem;
  font-size: .78rem;
}

.operation-feedback {
  z-index: 1000;
  box-sizing: border-box;
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  width: min(480px, 100vw - 32px);
  max-height: calc(100vh - 100px);
  color: var(--theme-ink);
  border-radius: 8px;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  font-size: .875rem;
  line-height: 1.5;
  display: flex;
  position: fixed;
  top: 84px;
  right: 16px;
  overflow-y: auto;
  box-shadow: 0 12px 32px #08182a36;
}

.operation-feedback.login-error {
  border-color: var(--theme-danger);
  background: var(--theme-danger-soft);
  color: var(--theme-danger);
}

.operation-feedback p {
  overflow-wrap: anywhere;
  white-space: normal;
  flex: 1;
  min-width: 0;
  margin: 0;
}

.operation-feedback .icon-button {
  flex: none;
  width: 28px;
  height: 28px;
  margin: -4px -8px -4px 0;
}

.operation-feedback .icon-button svg {
  width: 16px;
}

@media (max-width: 767px) {
  .operation-feedback {
    top: 74px;
  }
}

.airport-audit-details summary {
  cursor: pointer;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  list-style: none;
  display: flex;
}

.airport-audit-details summary::-webkit-details-marker {
  display: none;
}

.airport-audit-details summary span {
  color: var(--theme-accent);
  white-space: nowrap;
  font-size: .78rem;
}

.airport-audit-details[open] summary {
  margin-bottom: .7rem;
}

.airport-audit-details table {
  border-collapse: collapse;
  width: 100%;
  font-size: .78rem;
}

.airport-audit-details th, .airport-audit-details td {
  border-top: 1px solid var(--theme-divider);
  text-align: left;
  vertical-align: top;
  overflow-wrap: anywhere;
  padding: .4rem .5rem;
}

.airport-audit-details th {
  font-weight: 650;
}

.airport-audit-details p {
  color: var(--theme-secondary);
  margin: .4rem 0;
}

.airport-audit-username {
  color: var(--theme-secondary);
  font-size: .72rem;
  display: block;
}

.airport-detail-page > .panel, .airport-source-content > .panel {
  margin-top: 14px;
}

.airport-detail-page .airport-overview-layout {
  grid-template-columns: minmax(320px, 1fr) minmax(440px, 1.35fr);
}

.airport-detail-page .access-list dd {
  overflow-wrap: anywhere;
}

.airport-edit-dialog {
  box-sizing: border-box;
  width: min(760px, 100%);
  padding: 24px;
}

.airport-edit-form > fieldset {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.airport-edit-form > fieldset > p, .airport-edit-form > fieldset > .airport-correction-pair {
  grid-column: 1 / -1;
}

.airport-edit-form > fieldset label {
  gap: 5px;
  min-width: 0;
  font-size: .82rem;
  font-weight: 650;
  display: grid;
}

.airport-edit-form > fieldset .input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.airport-edit-form > fieldset > .airport-correction-pair {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.airport-edit-form > fieldset > button {
  min-width: 0;
}

.airport-city-link-form {
  grid-template-columns: minmax(180px, 1fr) minmax(260px, 2fr);
  align-items: end;
  gap: 12px;
  margin-top: 16px;
  display: grid;
}

.airport-city-link-form label {
  gap: 6px;
  display: grid;
}

.airport-city-link-form p {
  grid-column: 1 / -1;
  margin: 0;
}

.airport-conflict-panel {
  border-left: 4px solid var(--theme-warning);
}

.airport-audit-table td {
  vertical-align: top;
}

@media (max-width: 1000px) {
  .airport-detail-page .airport-overview-layout {
    grid-template-columns: 1fr;
  }

  .airport-detail-page .airport-map-frame {
    height: 320px;
  }
}

@media (max-width: 700px) {
  .airport-edit-form > fieldset, .airport-edit-form > fieldset > .airport-correction-pair, .airport-city-link-form {
    grid-template-columns: 1fr;
  }

  .airport-edit-dialog {
    padding: 16px;
  }

  .airport-detail-page .airport-map-frame {
    height: 260px;
  }

  .airport-detail-page .airport-detail-tabs {
    display: flex;
    overflow-x: auto;
  }

  .airport-detail-page .airport-detail-tabs > a {
    flex: none;
    min-width: 120px;
  }

  .airport-audit-table {
    min-width: 620px;
  }
}

.security-grid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 1rem;
  display: grid;
}

.security-grid form {
  gap: .75rem;
  margin: 1rem 0;
  display: grid;
}

.security-grid label {
  gap: .35rem;
  font-size: .75rem;
  font-weight: 650;
  display: grid;
}

.security-secret {
  background: var(--theme-subtle);
  border-radius: .5rem;
  margin-top: 1rem;
  padding: 1rem;
}

.security-secret code, .recovery-panel code {
  overflow-wrap: anywhere;
  padding: .3rem;
  font-size: .74rem;
  display: block;
}

.recovery-panel {
  grid-column: 1 / -1;
}

.recovery-panel > div {
  columns: 2;
}

@media (max-width: 520px) {
  .login-page {
    justify-content: center;
    align-items: center;
    padding: 1rem;
    display: flex;
  }

  .login-card {
    width: calc(100vw - 2rem);
    min-width: 0;
    max-width: 410px;
    padding: 1.5rem;
    overflow: hidden;
  }

  .security-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .recovery-panel > div {
    columns: 1;
  }
}

.login-page, .login-card {
  box-sizing: border-box;
}

.login-card .input {
  box-sizing: border-box;
  max-width: 100%;
}

.public-page {
  background: var(--theme-canvas);
  min-height: 100vh;
  color: var(--theme-ink);
  padding: 2rem clamp(1rem, 5vw, 5rem);
}

.public-header {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.public-header .brand-logo {
  color: var(--theme-ink);
  font-size: 1.65rem;
}

.public-header .brand-logo svg {
  width: 54px;
  height: 54px;
}

.public-header .brand-ribbon {
  stroke: var(--theme-primary);
}

.public-controls {
  flex-wrap: wrap;
  gap: 1rem;
  display: flex;
}

.public-controls label {
  gap: .25rem;
  font-size: .8rem;
  display: grid;
}

.public-hero {
  max-width: 680px;
  margin: clamp(3rem, 8vw, 7rem) 0 2.5rem;
}

.public-hero h1 {
  font-size: clamp(2rem, 5vw, 4rem);
  font-weight: 750;
}

.public-hero p {
  color: var(--theme-secondary);
  margin-top: 1rem;
  font-size: 1.1rem;
}

.public-entries {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  max-width: 900px;
  display: grid;
}

.public-entries a {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  color: var(--theme-ink);
  border-radius: .8rem;
  gap: .5rem;
  padding: 1.4rem;
  text-decoration: none;
  display: grid;
}

.public-entries a:hover {
  border-color: var(--theme-accent);
}

.public-entries span {
  color: var(--theme-secondary);
  font-size: .85rem;
}

.login-brand .brand-logo {
  font-size: 1.5rem;
}

.login-brand .brand-logo svg {
  width: 52px;
  height: 52px;
}

.login-card > .language-select {
  justify-content: flex-end;
  align-items: center;
  gap: .5rem;
  margin-top: 1rem;
  display: flex;
}

.login-links {
  justify-content: space-between;
  gap: 1rem;
  font-size: .8rem;
  display: flex;
}

.login-links a, .login-card > a {
  color: var(--theme-accent);
}

@media (max-width: 600px) {
  .public-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .public-entries {
    grid-template-columns: 1fr;
  }
}

:root[data-theme="light"] .sidebar, :root[data-theme="system"] .sidebar {
  background: var(--theme-surface);
  color: var(--theme-ink);
  border-right: 1px solid var(--theme-divider);
}

:root[data-theme="light"] .sidebar-brand, :root[data-theme="system"] .sidebar-brand {
  border-color: var(--theme-divider);
}

:root[data-theme="light"] .sidebar .brand-logo, :root[data-theme="system"] .sidebar .brand-logo {
  color: var(--theme-ink);
}

:root[data-theme="light"] .sidebar .brand-ribbon, :root[data-theme="system"] .sidebar .brand-ribbon {
  stroke: var(--theme-primary);
}

:root[data-theme="light"] .sidebar .nav-item, :root[data-theme="system"] .sidebar .nav-item, :root[data-theme="light"] .sidebar .theme-control, :root[data-theme="system"] .sidebar .theme-control {
  color: var(--theme-ink);
}

:root[data-theme="light"] .sidebar .nav-section-button, :root[data-theme="system"] .sidebar .nav-section-button {
  color: var(--theme-muted);
}

:root[data-theme="light"] .sidebar .nav-item:hover, :root[data-theme="system"] .sidebar .nav-item:hover {
  background: var(--theme-hover);
  color: var(--theme-ink);
}

:root[data-theme="light"] .sidebar .nav-item.active, :root[data-theme="system"] .sidebar .nav-item.active {
  background: var(--theme-accent-soft);
  color: var(--theme-accent);
}

:root[data-theme="light"] .sidebar .theme-control, :root[data-theme="system"] .sidebar .theme-control {
  border-color: var(--theme-divider);
}

:root[data-theme="light"] .sidebar .theme-control .input, :root[data-theme="system"] .sidebar .theme-control .input {
  background: var(--theme-surface);
  border-color: var(--theme-input-border);
  color: var(--theme-ink);
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="system"] .sidebar {
    color: #dbeafe;
    background: #0b1f3a;
    border-right: 0;
  }

  :root[data-theme="system"] .sidebar-brand {
    border-color: #ffffff1f;
  }

  :root[data-theme="system"] .sidebar .brand-logo {
    color: #fff;
  }

  :root[data-theme="system"] .sidebar .brand-ribbon {
    stroke: #fff;
  }

  :root[data-theme="system"] .sidebar .nav-item, :root[data-theme="system"] .sidebar .theme-control {
    color: #cbd9e8;
  }

  :root[data-theme="system"] .sidebar .nav-section-button {
    color: #7f99b7;
  }

  :root[data-theme="system"] .sidebar .nav-item:hover {
    color: #fff;
    background: #ffffff12;
  }

  :root[data-theme="system"] .sidebar .nav-item.active {
    color: #fff;
    background: #1976d2;
  }

  :root[data-theme="system"] .sidebar .theme-control {
    border-color: #ffffff1f;
  }

  :root[data-theme="system"] .sidebar .theme-control .input {
    color: #fff;
    background: #10243f;
    border-color: #ffffff32;
  }
}

.nav-section-button {
  color: #7f99b7;
  letter-spacing: .11em;
  text-transform: uppercase;
  background: none;
  border: 0;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: .35rem .7rem;
  font-size: .66rem;
  font-weight: 700;
  display: flex;
}

.nav-section-button svg {
  width: 13px;
  transition: rotate .2s;
}

.nav-section-button[aria-expanded="true"] svg {
  rotate: 90deg;
}

.is-collapsed .nav-section-button span, .is-collapsed .nav-section-button svg {
  display: none;
}

.context-switchers {
  border-top: 1px solid var(--theme-divider-soft);
  padding: .5rem .7rem;
}

.context-switchers label, .language-select {
  color: var(--theme-secondary);
  gap: .3rem;
  font-size: .68rem;
  display: grid;
}

.context-switchers form + form {
  margin-top: .5rem;
}

.language-select {
  padding: .5rem .7rem;
}

.ai-trigger svg {
  width: 17px;
}

.ai-scrim {
  z-index: 49;
  background: #07142666;
  border: 0;
  position: fixed;
  inset: 0;
}

.ai-drawer {
  z-index: 50;
  border-left: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  flex-direction: column;
  gap: 1rem;
  width: min(410px, 100vw);
  padding: 1rem;
  display: flex;
  position: fixed;
  inset: 0 0 0 auto;
  box-shadow: -18px 0 50px #07142628;
}

.ai-drawer header {
  border-bottom: 1px solid var(--theme-divider);
  justify-content: space-between;
  align-items: center;
  padding-bottom: .8rem;
  display: flex;
}

.ai-drawer header > span {
  align-items: center;
  gap: .6rem;
  display: flex;
}

.ai-drawer header svg {
  width: 22px;
  color: var(--theme-accent);
}

.ai-drawer section {
  gap: .5rem;
  display: grid;
}

.ai-drawer small {
  color: var(--theme-secondary);
  text-transform: uppercase;
  font-size: .68rem;
  font-weight: 700;
}

.ai-drawer section p {
  margin: 0;
  font-size: .8rem;
}

.ai-empty {
  text-align: center;
  color: var(--theme-secondary);
  flex: 1;
  align-content: center;
  place-items: center;
  gap: .7rem;
  display: grid;
}

.ai-empty svg {
  width: 42px;
  color: var(--theme-accent);
}

@media (max-width: 600px) {
  .ai-trigger {
    width: 38px;
    padding: 0;
  }

  .ai-trigger:not(svg) {
    font-size: 0;
  }

  .ai-drawer {
    width: 100vw;
  }

  .topbar {
    gap: .45rem;
  }
}

.grid-toolbar {
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
  margin-bottom: 1rem;
  display: flex;
}

.grid-toolbar label {
  flex: 1;
  min-width: 180px;
}

.grid-toolbar input {
  box-sizing: border-box;
  border: 1px solid var(--theme-input-border);
  background: var(--theme-surface);
  width: 100%;
  color: var(--theme-ink);
  border-radius: .4rem;
  padding: .6rem;
}

.table-scroll {
  max-width: 100%;
  overflow: auto;
}

.data-grid table {
  border-collapse: collapse;
  width: 100%;
  font-size: .8rem;
}

.data-grid th, .data-grid td {
  border-bottom: 1px solid var(--theme-divider);
  text-align: left;
  white-space: nowrap;
  padding: .7rem;
}

.activity-list {
  gap: .5rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.activity-list li {
  border-bottom: 1px solid var(--theme-divider-soft);
  align-items: center;
  gap: 1rem;
  padding: .65rem;
  display: flex;
}

.activity-list li > div {
  flex: 1;
  display: grid;
}

.activity-list span, .activity-list time {
  color: var(--theme-secondary);
  font-size: .7rem;
}

.context-help {
  vertical-align: middle;
  display: inline-flex;
  position: relative;
}

.context-help > button {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  width: 24px;
  height: 24px;
  color: var(--theme-ink);
  cursor: pointer;
  border-radius: 50%;
  place-items: center;
  font-size: .75rem;
  display: grid;
}

.context-help > span {
  z-index: 40;
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  width: min(320px, 80vw);
  color: var(--theme-ink);
  border-radius: .6rem;
  padding: 1rem;
  position: absolute;
  top: calc(100% + .35rem);
  right: 0;
  box-shadow: 0 12px 30px #07142622;
}

.context-help > span > strong, .context-help > span > span {
  display: block;
}

.access-list {
  grid-template-columns: minmax(120px, auto) 1fr;
  gap: .7rem 1rem;
  display: grid;
}

.access-list dt {
  font-weight: 700;
}

.access-list dd {
  overflow-wrap: anywhere;
  color: var(--theme-secondary);
  margin: 0;
}

@media print {
  .sidebar, .topbar, .grid-toolbar, .impersonation-banner {
    display: none !important;
  }

  .shell-body {
    margin: 0;
  }

  .workspace {
    max-width: none;
  }

  .data-grid th:first-child, .data-grid td:first-child, .data-grid th:last-child, .data-grid td:last-child {
    display: none;
  }
}

.sidebar .brand-logo {
  width: 100%;
  min-width: 0;
  max-width: 170px;
  height: 52px;
  display: flex;
  overflow: hidden;
}

.sidebar .brand-logo img {
  object-fit: contain;
  object-position: left center;
  max-width: 100%;
}

.sidebar .brand-logo .shell-logo-full {
  width: 170px;
  max-width: 100%;
  height: 100%;
  max-height: 52px;
  display: block;
}

.sidebar .brand-logo .shell-logo-icon {
  flex: none;
  width: 38px;
  height: 38px;
  display: none;
}

.sidebar .brand-logo .shell-logo-light {
  display: none;
}

.sidebar .brand-logo .shell-logo-dark {
  filter: brightness(0) invert();
}

:root[data-theme="light"] .sidebar .brand-logo .shell-logo-light, :root[data-theme="system"] .sidebar .brand-logo .shell-logo-light {
  display: block;
}

:root[data-theme="light"] .sidebar .brand-logo .shell-logo-dark, :root[data-theme="system"] .sidebar .brand-logo .shell-logo-dark {
  display: none;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="system"] .sidebar .brand-logo .shell-logo-light {
    display: none;
  }

  :root[data-theme="system"] .sidebar .brand-logo .shell-logo-dark {
    display: block;
  }
}

.collapse-button {
  flex: none;
}

.collapse-button svg {
  rotate: 180deg;
}

.is-collapsed .collapse-button svg {
  rotate: none;
}

.is-collapsed .sidebar-brand {
  gap: 0;
  padding: 0 4px;
}

.is-collapsed .sidebar-brand > a {
  flex: 0 0 30px;
}

.is-collapsed .sidebar-brand .shell-logo-full {
  display: none !important;
}

.is-collapsed .sidebar-brand .shell-logo-icon {
  width: 30px;
  height: 30px;
  display: block;
}

.context-indicator {
  grid-template-columns: 1fr;
}

.filter-layout {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  align-items: end;
  gap: .75rem;
  margin-bottom: 1.25rem;
  display: grid;
}

.filter-search, .filter-actions {
  grid-column: 1 / -1;
}

.filter-actions {
  gap: .5rem;
  display: flex;
}

.filter-layout .input {
  width: 100%;
  min-width: 0;
}

.summary-link {
  color: inherit;
  border-radius: .5rem;
  text-decoration: none;
  display: block;
}

.summary-link:hover {
  background: var(--theme-hover);
}

.summary-link:focus-visible, summary:focus-visible, .icon-button:focus-visible {
  outline: 2px solid var(--theme-accent);
  outline-offset: 3px;
}

.summary-link[aria-current="page"] {
  box-shadow: inset 0 0 0 2px var(--theme-accent);
  border-color: var(--theme-accent);
}

@media (max-width: 1000px) {
  .filter-layout {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .filter-layout {
    grid-template-columns: 1fr;
  }
}

.organization-logo-area {
  flex: 0 0 76px;
  width: 76px;
  height: 36px;
  position: relative;
  overflow: hidden;
}

.organization-logo-area > img {
  object-position: center;
  object-fit: contain !important;
  width: 100% !important;
  max-width: none !important;
  height: 100% !important;
  max-height: none !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
}

.summary-link:focus-visible {
  outline: 2px solid var(--theme-accent);
}

@media (max-width: 600px) {
  .organization-logo-area {
    flex-basis: 56px;
    width: 56px;
    height: 30px;
  }
}

.maintenance-actions {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  width: 100%;
  margin-bottom: 1.25rem;
  display: flex;
}

.maintenance-actions .btn, .maintenance-actions .btn-primary, .maintenance-actions .btn-danger {
  white-space: nowrap;
  border: 1px solid var(--theme-divider);
  border-radius: .375rem;
  flex: none;
  height: 2.5rem;
  min-height: 2.5rem;
  padding: .5rem .875rem;
  font-size: .875rem;
  line-height: 1.25rem;
}

.maintenance-actions button:disabled {
  opacity: .45;
  cursor: not-allowed;
}

.btn-primary:disabled {
  opacity: .5;
  cursor: not-allowed;
}

.btn-primary:focus-visible {
  outline: 2px solid var(--theme-primary-hover);
  outline-offset: 3px;
}

:root[data-theme="dark"] .btn-primary {
  color: #062b28;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .btn-primary, :root[data-theme="system"] .btn-primary {
    color: #062b28;
  }
}

.maintenance-actions .btn-danger {
  color: var(--theme-danger);
  background: var(--theme-danger-soft);
}

.new-user-entry {
  flex: none;
  position: relative;
}

.new-user-entry summary {
  cursor: pointer;
  list-style: none;
}

.new-user-entry summary::-webkit-details-marker {
  display: none;
}

.new-user-entry summary:after {
  content: "▾";
  margin-left: .35rem;
}

.field-error {
  color: var(--theme-danger, #b42318);
  margin: .2rem 0;
  font-size: .8rem;
}

.input[aria-invalid="true"], input[aria-invalid="true"], select[aria-invalid="true"] {
  border-color: var(--theme-danger, #b42318);
  outline-color: var(--theme-danger, #b42318);
}

.new-user-options {
  z-index: 30;
  background: var(--theme-surface);
  border: 1px solid var(--theme-divider);
  border-radius: .5rem;
  gap: .25rem;
  min-width: 12rem;
  padding: .5rem;
  display: grid;
  position: absolute;
  top: calc(100% + .25rem);
  left: 0;
  box-shadow: 0 8px 24px #0002;
}

.maintenance-dialog {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  width: min(36rem, 100vw - 2rem);
  max-height: calc(100vh - 2rem);
  color: var(--theme-ink);
  border-radius: .75rem;
  margin: auto;
  padding: 1.5rem;
  overflow: auto;
}

.maintenance-dialog::backdrop {
  background: #07142688;
}

.trial-tabs {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: .55rem;
  display: flex;
  overflow-x: auto;
}

@supports (color: color-mix(in lab, red, red)) {
  .trial-tabs {
    background: color-mix(in srgb,var(--theme-surface) 88%,transparent);
  }
}

.trial-tabs > a {
  min-width: max-content;
  color: var(--theme-ink);
  border-bottom: 2px solid #0000;
  justify-content: center;
  align-items: center;
  padding: 1rem 1.4rem;
  text-decoration: none;
  display: flex;
}

.trial-tabs > a[aria-current="page"] {
  border-color: var(--theme-accent);
  color: var(--theme-accent);
}

.trial-tabs .context-help summary, .trial-table .context-help summary, .trial-drawer .context-help summary {
  width: 20px;
  height: 20px;
  font-size: .72rem;
  display: inline-grid;
}

.trial-list-panel {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: .65rem;
  margin-top: 1rem;
  overflow: hidden;
}

@supports (color: color-mix(in lab, red, red)) {
  .trial-list-panel {
    background: color-mix(in srgb,var(--theme-surface) 92%,transparent);
  }
}

.trial-toolbar {
  align-items: center;
  gap: .75rem;
  padding: 1rem;
  display: flex;
}

.trial-filter-form {
  flex: 1;
  grid-template-columns: minmax(220px, 2fr) repeat(2, minmax(140px, 1fr)) auto;
  align-items: end;
  gap: .65rem;
  display: grid;
}

.trial-toolbar .filter-actions {
  gap: .65rem;
  display: flex;
}

.trial-toolbar > [aria-label$="export"] {
  flex-wrap: nowrap;
}

.trial-table {
  table-layout: fixed;
  width: 100%;
  margin: 0;
}

.trial-table th {
  background: var(--theme-accent-soft);
}

@supports (color: color-mix(in lab, red, red)) {
  .trial-table th {
    background: color-mix(in srgb,var(--theme-accent-soft) 28%,var(--theme-surface));
  }
}

.trial-table th {
  white-space: normal;
}

.trial-table th, .trial-table td {
  overflow-wrap: anywhere;
}

.trial-table td {
  vertical-align: middle;
}

.trial-row-action {
  width: 100%;
  min-width: 0;
  color: var(--theme-accent);
  border-color: var(--theme-accent);
}

.trial-row-urgent {
  background: #dc294b24;
}

.trial-badge, .trial-days {
  white-space: nowrap;
  border-radius: 999px;
  justify-content: center;
  align-items: center;
  min-width: 70px;
  padding: .35rem .75rem;
  font-size: .75rem;
  display: inline-flex;
}

.trial-badge-success {
  color: #dcfff2;
  background: #08764d;
}

.trial-badge-warning {
  color: #fff0ae;
  background: #8a5c00;
}

.trial-badge-danger {
  color: #ffe5eb;
  background: #93213a;
}

.trial-badge-info, .trial-days {
  color: #e8f5ff;
  background: #17456d;
}

.trial-list-panel > nav {
  padding: 1rem;
}

.trial-drawer-backdrop {
  z-index: 60;
  background: #00122588;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  inset: 0;
}

.trial-drawer {
  border-left: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  width: min(460px, 100vw);
  height: 100%;
  padding: 1.25rem;
  overflow-y: auto;
  box-shadow: -20px 0 50px #0008;
}

.trial-drawer > header {
  justify-content: space-between;
  gap: 1rem;
  display: flex;
}

.trial-drawer h2 {
  font-size: 1.35rem;
  font-weight: 700;
}

.trial-drawer h3 {
  margin-top: .8rem;
  font-size: 1rem;
  font-weight: 650;
}

.trial-drawer header p, .trial-drawer small {
  color: var(--theme-secondary);
  display: block;
}

.trial-drawer-summary {
  grid-template-columns: 2fr 1fr 1fr;
  gap: .75rem;
  margin: 1rem 0;
  display: grid;
}

.trial-drawer-summary > div {
  border-right: 1px solid var(--theme-divider);
  padding-right: .75rem;
}

.trial-drawer-summary dt {
  color: var(--theme-secondary);
  font-size: .75rem;
}

.drawer-card {
  border: 1px solid var(--theme-divider);
  background: var(--theme-accent-soft);
  border-radius: .6rem;
  margin-top: 1rem;
  padding: 1rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .drawer-card {
    background: color-mix(in srgb,var(--theme-accent-soft) 14%,transparent);
  }
}

.drawer-card > p {
  color: var(--theme-secondary);
  margin: .35rem 0 1rem;
}

.drawer-card label {
  gap: .35rem;
  font-size: .8rem;
  display: grid;
}

.activation-summary {
  border: 1px solid var(--theme-divider);
  background: var(--theme-background);
  border-radius: .5rem;
  padding: 1rem;
}

.trial-evidence-row {
  text-align: left;
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  width: 100%;
  color: var(--theme-ink);
  border-radius: .5rem;
  grid-template-columns: minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 1rem;
  padding: .9rem;
  display: grid;
}

.trial-evidence-row:hover, .trial-evidence-row:focus-visible {
  border-color: var(--theme-accent);
  background: var(--theme-hover);
}

.trial-evidence-row span {
  color: var(--theme-secondary);
}

.trial-modal-backdrop {
  z-index: 90;
  background: #001225aa;
  place-items: center;
  padding: 1rem;
  display: grid;
  position: fixed;
  inset: 0;
}

.trial-modal {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: .75rem;
  outline: none;
  width: min(680px, 100%);
  max-height: min(780px, 100vh - 2rem);
  padding: 1.25rem;
  overflow: auto;
  box-shadow: 0 24px 70px #0008;
}

.trial-modal > header {
  border-bottom: 1px solid var(--theme-divider);
  justify-content: space-between;
  gap: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.trial-modal > header h2 {
  font-size: 1.25rem;
}

.trial-modal > header p, .trial-modal dt {
  color: var(--theme-secondary);
}

.trial-evidence-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  margin: 1rem 0;
  display: grid;
}

.trial-evidence-fields > div {
  border-bottom: 1px solid var(--theme-divider);
  padding: .75rem;
}

.trial-evidence-fields dd {
  overflow-wrap: anywhere;
  margin: .25rem 0 0;
}

.trial-modal h3 {
  margin-top: 1rem;
  font-weight: 650;
}

.trial-message-body {
  white-space: pre-wrap;
  background: var(--theme-subtle);
  border-radius: .5rem;
  margin-top: .5rem;
  padding: 1rem;
}

.trial-modal footer {
  justify-content: flex-end;
  margin-top: 1.25rem;
  display: flex;
}

.trial-journey li small + small {
  margin-top: .15rem;
}

.external-conversations-card > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 1rem;
  display: flex;
}

.external-conversations-card > header p {
  max-width: 65ch;
  color: var(--theme-secondary);
}

.external-conversation-preview, .external-conversation-list, .external-message-thread, .timeline-business-list {
  gap: .75rem;
  margin-top: 1rem;
  display: grid;
}

.external-conversation-row {
  border: 1px solid var(--theme-divider);
  background: var(--theme-subtle);
  border-radius: .75rem;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) auto;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  display: grid;
}

.external-conversation-row > div {
  gap: .35rem;
  min-width: 0;
  display: grid;
}

.external-conversation-row strong, .external-conversation-row small {
  overflow-wrap: anywhere;
}

.external-source, .external-direction {
  background: var(--theme-accent-soft);
  width: max-content;
  color: var(--theme-info);
  border-radius: 999px;
  align-items: center;
  gap: .35rem;
  padding: .2rem .55rem;
  font-size: .78rem;
  font-weight: 700;
  display: inline-flex;
}

.external-source svg {
  width: 1rem;
}

.external-conversation-row dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .5rem;
  display: grid;
}

.external-conversation-row dt, .external-thread-meta dt, .external-message dt {
  color: var(--theme-secondary);
  font-size: .75rem;
}

.external-conversation-row dd, .external-thread-meta dd, .external-message dd {
  overflow-wrap: anywhere;
  margin: .15rem 0 0;
}

.external-empty {
  border: 1px dashed var(--theme-divider);
  text-align: center;
  color: var(--theme-secondary);
  border-radius: .75rem;
  place-items: center;
  gap: .4rem;
  margin-top: 1rem;
  padding: 2rem;
  display: grid;
}

.external-empty svg {
  width: 2rem;
}

.external-dialog {
  width: min(860px, 100%);
}

.external-dialog-subtitle {
  color: var(--theme-secondary);
  margin: .75rem 0;
}

.external-thread-meta {
  border: 1px solid var(--theme-divider);
  background: var(--theme-subtle);
  border-radius: .75rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  padding: 1rem;
  display: grid;
}

.external-message {
  border: 1px solid var(--theme-divider);
  border-radius: .75rem;
  gap: .75rem;
  padding: 1rem;
  display: grid;
}

.external-message > header {
  justify-content: space-between;
  gap: 1rem;
  display: flex;
}

.external-message > dl {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.external-message > p {
  background: var(--theme-subtle);
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border-radius: .5rem;
  margin: 0;
  padding: 1rem;
}

.external-direction.sent {
  background: var(--theme-info-soft);
}

.external-attachments {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: .75rem;
  display: flex;
}

.external-attachments ul {
  flex-wrap: wrap;
  gap: .5rem;
  display: flex;
}

.external-attachments a {
  align-items: center;
  gap: .35rem;
  display: inline-flex;
}

.external-attachments svg {
  width: 1rem;
}

.external-document-note, .external-form-intro {
  border: 1px solid var(--theme-accent-border);
  background: var(--theme-accent-soft);
  border-radius: .65rem;
  gap: .25rem;
  margin-top: 1rem;
  padding: 1rem;
  display: grid;
}

.external-dialog > footer {
  background: var(--theme-surface);
  justify-content: space-between;
  gap: .75rem;
  padding: 1rem 0 0;
  display: flex;
  position: sticky;
  bottom: -1.25rem;
}

.timeline-filters {
  flex-wrap: wrap;
  gap: .5rem;
  margin: 1rem 0;
  display: flex;
}

.timeline-filters button {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: 999px;
  padding: .55rem .8rem;
}

.timeline-filters button.active {
  border-color: var(--theme-accent);
  background: var(--theme-accent-soft);
  color: var(--theme-info);
}

.timeline-business-event {
  border-left: 3px solid var(--theme-divider);
  background: var(--theme-subtle);
  grid-template-columns: auto minmax(0, 1fr);
  gap: .75rem;
  padding: 1rem;
  display: grid;
}

.timeline-business-event.external {
  border-color: var(--theme-accent);
}

.timeline-business-event > svg {
  width: 1.25rem;
}

.timeline-business-event > div {
  gap: .25rem;
  display: grid;
}

.timeline-business-event time, .timeline-business-event small, .timeline-business-event span {
  color: var(--theme-secondary);
}

.link-button {
  width: max-content;
  color: var(--theme-info);
  text-decoration: underline;
}

.external-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.form-error {
  border: 1px solid var(--theme-danger-border);
  background: var(--theme-danger-soft);
  color: var(--theme-danger);
  border-radius: .5rem;
  padding: .75rem;
}

@media (max-width: 800px) {
  .external-conversations-card > header, .external-message > header, .external-dialog > footer {
    flex-direction: column;
    align-items: stretch;
  }

  .external-conversation-row, .external-thread-meta, .external-message > dl, .external-form-grid {
    grid-template-columns: 1fr;
  }

  .external-conversation-row dl {
    grid-template-columns: 1fr 1fr;
  }

  .external-conversation-row .btn {
    width: 100%;
  }

  .timeline-filters {
    display: grid;
  }

  .trial-modal-backdrop {
    padding: .5rem;
  }

  .external-dialog {
    max-height: calc(100vh - 1rem);
  }
}

@media (max-width: 900px) {
  .trial-toolbar {
    flex-direction: column;
    align-items: stretch;
  }

  .trial-filter-form {
    grid-template-columns: 1fr;
  }

  .trial-toolbar > [aria-label$="export"] {
    justify-content: flex-start;
  }

  .trial-drawer {
    width: 100%;
  }
}

.application-breadcrumb {
  color: var(--theme-secondary);
  gap: .75rem;
  display: flex;
}

.application-header {
  margin-top: 1.25rem;
  position: relative;
}

.application-header h1 {
  font-size: 1.8rem;
  font-weight: 650;
}

.application-header > dl {
  grid-template-columns: repeat(5, minmax(130px, 1fr));
  max-width: 900px;
  margin-top: 1rem;
  display: grid;
}

.application-header > dl > div {
  border-right: 1px solid var(--theme-divider);
  padding-right: 1.5rem;
}

.application-header dt {
  color: var(--theme-secondary);
  font-size: .75rem;
}

.application-header dd {
  margin-top: .3rem;
}

.application-header > form {
  position: absolute;
  bottom: 0;
  right: 0;
}

.application-tabs {
  border-bottom: 1px solid var(--theme-divider);
  gap: 2rem;
  margin: 1.2rem 0;
  display: flex;
}

.application-tabs a {
  border-bottom: 3px solid #0000;
  padding: .8rem .2rem;
}

.application-tabs a[aria-current="page"] {
  border-color: var(--theme-accent);
  color: var(--theme-accent);
}

.application-overview {
  grid-template-columns: minmax(0, 2.2fr) minmax(280px, 1fr);
  gap: 1rem;
  display: grid;
}

.application-card {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: .6rem;
  padding: 1.2rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .application-card {
    background: color-mix(in srgb,var(--theme-surface) 92%,transparent);
  }
}

.application-card h2 {
  align-items: center;
  gap: .5rem;
  font-size: 1.1rem;
  font-weight: 650;
  display: flex;
}

.application-card > p, .section-heading p {
  color: var(--theme-secondary);
}

.application-progress {
  grid-template-columns: repeat(4, 1fr);
  margin-top: 1.3rem;
  display: grid;
}

.application-progress li {
  text-align: center;
  justify-items: center;
  display: grid;
  position: relative;
}

.application-progress li:before {
  content: "";
  background: var(--theme-divider);
  width: 100%;
  height: 2px;
  position: absolute;
  top: 14px;
  left: -50%;
}

.application-progress li:first-child:before {
  display: none;
}

.application-progress li.done:before {
  background: var(--theme-accent);
}

.application-progress li > span {
  z-index: 1;
  background: var(--theme-surface);
  border: 3px solid #466482;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  display: grid;
}

.application-progress li.done > span {
  border-color: var(--theme-accent);
  background: var(--theme-accent);
  color: #002d39;
}

.application-progress strong {
  margin-top: .5rem;
  font-size: .82rem;
}

.application-progress small {
  color: var(--theme-secondary);
}

.application-card .detail-grid {
  margin-top: 1rem;
}

.application-card .detail-grid > div {
  grid-template-columns: 120px 1fr;
  gap: .5rem;
  display: grid;
}

.application-card .detail-grid dt {
  color: var(--theme-secondary);
}

.technical-details summary {
  cursor: pointer;
  font-weight: 650;
}

.review-decision {
  align-self: start;
  min-height: 420px;
  position: sticky;
  top: 1rem;
}

.review-decision .decision {
  text-align: left;
  border: 1px solid;
  border-radius: .45rem;
  width: 100%;
  margin-top: .75rem;
  padding: 1rem;
  font-weight: 650;
}

.decision.approve {
  color: #22e5ce;
  border-color: #00d8ba;
}

.decision.information {
  color: #58c8ff;
  border-color: #1e9bea;
}

.decision.reject {
  color: #ff637b;
  border-color: #ef405c;
}

.decision-form {
  border-top: 1px solid var(--theme-divider);
  gap: .7rem;
  margin-top: 1rem;
  padding-top: 1rem;
  display: grid;
}

.decision-form label {
  gap: .35rem;
  display: grid;
}

.section-heading {
  justify-content: space-between;
  display: flex;
}

.activity-timeline {
  margin-top: 1rem;
}

.activity-timeline li {
  border-bottom: 1px solid var(--theme-divider);
  grid-template-columns: 24px 1fr 220px 100px;
  align-items: center;
  gap: 1rem;
  padding: 1.1rem 0;
  display: grid;
}

.activity-timeline li > div {
  display: grid;
}

.activity-timeline small {
  color: var(--theme-secondary);
}

.timeline-dot {
  border: 3px solid var(--theme-accent);
  border-radius: 50%;
  width: 16px;
  height: 16px;
}

.detail-filter-form {
  grid-template-columns: 1fr 1fr auto;
  align-items: end;
  gap: 1rem;
  margin: 1rem 0;
  display: grid;
}

.detail-filter-form label {
  gap: .35rem;
  display: grid;
}

.audit-filter {
  grid-template-columns: 2fr 1fr 1fr auto;
}

.application-card pre {
  max-width: 440px;
  font-size: .72rem;
  overflow: auto;
}

@media (max-width: 900px) {
  .application-header > dl {
    grid-template-columns: 1fr 1fr;
  }

  .application-header > form {
    margin-top: 1rem;
    position: static;
  }

  .application-overview {
    grid-template-columns: 1fr;
  }

  .review-decision {
    position: static;
  }

  .application-progress {
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
  }

  .activity-timeline li {
    grid-template-columns: 20px 1fr;
  }

  .activity-timeline time, .activity-timeline .trial-badge {
    grid-column: 2;
  }

  .detail-filter-form, .audit-filter {
    grid-template-columns: 1fr;
  }

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

  .application-header > dl > div {
    border-right: 0;
    border-bottom: 1px solid var(--theme-divider);
    padding: .6rem;
  }
}

.registration-workspace {
  max-width: 1600px;
}

.registration-crumb {
  color: var(--theme-accent);
  font-size: .75rem;
  font-weight: 700;
}

.registration-back {
  color: var(--theme-accent);
  margin: .9rem 0;
  display: inline-block;
}

.registration-case-header {
  justify-content: space-between;
  align-items: flex-end;
  gap: 2rem;
  display: flex;
}

.registration-case-header h1 {
  margin: 0;
  font-size: 1.8rem;
}

.registration-case-header p {
  color: var(--theme-secondary);
  margin: .35rem 0 0;
}

.registration-case-status {
  text-align: right;
}

.registration-case-meta {
  color: var(--theme-secondary);
  align-items: center;
  gap: .35rem;
  margin: .35rem 0 0;
  font-size: .78rem;
  display: flex;
}

.registration-callout {
  border: 1px solid var(--theme-warning);
  background: var(--theme-warning-soft);
  border-radius: .55rem;
  margin: 1rem 0;
  padding: 1rem;
}

.registration-callout.technical {
  border-color: var(--theme-danger);
  background: var(--theme-danger);
}

@supports (color: color-mix(in lab, red, red)) {
  .registration-callout.technical {
    background: color-mix(in srgb,var(--theme-danger) 10%,transparent);
  }
}

.registration-layout {
  grid-template-columns: minmax(0, 2fr) minmax(330px, 1fr);
  align-items: start;
  gap: 1rem;
  display: grid;
}

.registration-evidence {
  gap: 1rem;
  display: grid;
}

.registration-card, .registration-decision {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: .65rem;
  padding: 1.25rem;
}

.registration-card > header {
  border-bottom: 1px solid var(--theme-divider);
  align-items: center;
  gap: .65rem;
  padding-bottom: .8rem;
  display: flex;
}

.registration-card h2, .registration-decision h2 {
  margin: 0;
  font-size: 1.15rem;
}

.registration-chips {
  flex-wrap: wrap;
  gap: .45rem;
  margin-left: auto;
  display: flex;
}

.registration-chips span, .match-chip {
  background: var(--theme-subtle);
  border-radius: 999px;
  padding: .28rem .65rem;
  font-size: .72rem;
}

.registration-definition {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem 2rem;
  padding-top: 1rem;
  display: grid;
}

.registration-definition div {
  grid-template-columns: minmax(130px, .8fr) 1.2fr;
  display: grid;
}

.registration-definition dt {
  color: var(--theme-secondary);
  font-size: .78rem;
}

.registration-definition dd {
  margin: 0;
}

.identity-candidates {
  gap: .65rem;
  margin-top: 1rem;
  display: grid;
}

.identity-candidate {
  border: 1px solid var(--theme-divider);
  cursor: pointer;
  border-radius: .55rem;
  grid-template-columns: auto auto 1.1fr 1fr .75fr .8fr .9fr auto;
  align-items: center;
  gap: 1rem;
  padding: .85rem;
  display: grid;
}

.identity-candidate.selected, .decision-card.selected {
  border-color: var(--theme-accent);
  box-shadow: 0 0 0 1px var(--theme-accent);
}

.identity-candidate small, .decision-card small {
  color: var(--theme-secondary);
  display: block;
}

.candidate-avatar {
  color: #fff;
  background: #1764b4;
  border-radius: 50%;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

.registration-info {
  color: var(--theme-secondary);
  font-size: .78rem;
}

.activity-card summary {
  cursor: pointer;
  display: flex;
}

.activity-card summary h2 {
  display: inline;
}

.activity-card ol {
  padding: 0;
  list-style: none;
}

.activity-card li {
  border-left: 1px solid var(--theme-divider);
  grid-template-columns: 190px 1fr;
  gap: 1rem;
  padding: .65rem 0;
  display: grid;
}

.activity-card time {
  color: var(--theme-secondary);
  padding-left: 1rem;
  font-size: .76rem;
}

.activity-card p {
  color: var(--theme-secondary);
  margin: .2rem 0;
}

.registration-decision {
  position: sticky;
  top: 1rem;
}

.registration-decision > p {
  color: var(--theme-secondary);
}

.reviewer-strip {
  border: 1px solid var(--theme-divider);
  border-radius: .5rem;
  margin: .9rem 0;
  padding: .75rem;
}

.decision-options {
  gap: .55rem;
  display: grid;
}

.decision-card {
  border: 1px solid var(--theme-divider);
  cursor: pointer;
  border-radius: .55rem;
  gap: .75rem;
  padding: .85rem;
  display: flex;
}

.decision-card input {
  align-self: flex-start;
  margin-top: .2rem;
}

.registration-decision label:not(.decision-card) {
  margin-top: .8rem;
  display: block;
}

.registration-decision textarea {
  min-height: 80px;
}

.registration-decision > .btn-primary {
  width: 100%;
  margin-top: 1rem;
}

.decision-confirm {
  gap: .75rem;
  display: grid;
}

.decision-confirm p {
  margin: 0;
}

.decision-confirm-actions {
  grid-template-columns: 1fr 1fr;
  gap: .6rem;
  display: grid;
}

.outcome-summary {
  border: 1px solid var(--theme-accent);
  background: var(--theme-subtle);
  border-radius: .55rem;
  padding: 1rem;
}

@media (max-width: 1100px) {
  .registration-layout {
    grid-template-columns: 1fr;
  }

  .registration-decision {
    position: static;
  }

  .identity-candidate {
    grid-template-columns: auto auto 1fr 1fr;
  }

  .registration-case-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .registration-case-status {
    text-align: left;
  }

  .registration-definition {
    grid-template-columns: 1fr;
  }
}

.registration-evidence, .registration-card, .registration-definition div, .registration-definition dd, .identity-candidate > span {
  min-width: 0;
}

.registration-definition dd, .identity-candidate strong, .identity-candidate small, .identity-candidate > span {
  overflow-wrap: anywhere;
}

.identity-candidate {
  grid-template-columns: auto auto minmax(150px, 1.2fr) minmax(190px, 1.5fr) minmax(110px, .8fr) auto;
  grid-template-areas: "select avatar identity email status link"
                       "select avatar identity memberships signin link";
  row-gap: .55rem;
}

.identity-candidate > input {
  grid-area: select;
}

.identity-candidate > .candidate-avatar {
  grid-area: avatar;
}

.identity-candidate > span:nth-of-type(2) {
  grid-area: identity;
}

.identity-candidate > span:nth-of-type(3) {
  grid-area: email;
}

.identity-candidate > span:nth-of-type(4) {
  grid-area: status;
}

.identity-candidate > span:nth-of-type(5) {
  grid-area: memberships;
}

.identity-candidate > span:nth-of-type(6) {
  grid-area: signin;
}

.identity-candidate > a {
  white-space: nowrap;
  grid-area: link;
}

.identity-candidate > span:nth-of-type(6) {
  white-space: normal;
}

.registration-decision .input, .registration-decision button {
  max-width: 100%;
}

@media (max-width: 1100px) {
  .identity-candidate {
    grid-template-columns: auto auto minmax(0, 1fr) minmax(0, 1fr);
    grid-template-areas: "select avatar identity identity"
                         "select avatar email email"
                         "select avatar status memberships"
                         "select avatar signin link";
  }

  .registration-decision {
    width: auto;
  }

  .registration-decision .btn, .registration-decision .btn-primary {
    width: 100%;
  }
}

@media (max-width: 600px) {
  .registration-workspace {
    padding-inline: 12px;
  }

  .registration-layout {
    flex-direction: column;
    display: flex;
  }

  .registration-evidence, .registration-decision {
    width: 100%;
  }

  .identity-candidate {
    grid-template-columns: auto minmax(0, 1fr);
    grid-template-areas: "select identity"
                         "avatar identity"
                         "email email"
                         "status memberships"
                         "signin signin"
                         "link link";
    gap: .6rem;
  }

  .identity-candidate > a {
    white-space: normal;
  }

  .registration-definition div {
    grid-template-columns: 1fr;
    gap: .2rem;
  }

  .registration-case-meta {
    flex-wrap: wrap;
    align-items: flex-start;
  }

  .decision-confirm-actions {
    grid-template-columns: 1fr;
  }

  .registration-card, .registration-decision {
    padding: 1rem;
  }
}

.operation-pending, fieldset:disabled .operation-idle {
  display: none;
}

fieldset:disabled .operation-pending {
  display: inline;
}

.registration-success {
  border: 1px solid var(--theme-success);
  background: var(--theme-success);
  border-radius: .55rem;
  padding: .8rem 1rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .registration-success {
    background: color-mix(in srgb,var(--theme-success) 10%,transparent);
  }
}

.information-panel dl {
  gap: .7rem;
  display: grid;
}

.information-panel dl > div {
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
  display: grid;
}

.information-panel dt {
  color: var(--theme-secondary);
}

.information-panel dd {
  margin: 0;
}

.internal-evidence {
  border-left: 3px solid var(--theme-warning);
  background: var(--theme-subtle);
  margin: 1rem 0;
  padding: .8rem;
}

.external-response-form {
  gap: .75rem;
  margin-top: 1rem;
  display: grid;
}

.external-response-form label {
  gap: .3rem;
  display: grid;
}

.transition-result {
  border: 1px solid var(--theme-success);
  background: var(--theme-success);
  border-radius: .65rem;
  margin-bottom: 1rem;
  padding: 1rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .transition-result {
    background: color-mix(in srgb,var(--theme-success) 9%,var(--theme-surface));
  }
}

.transition-result dl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .75rem;
  display: grid;
}

.transition-result dt {
  color: var(--theme-secondary);
  font-size: .75rem;
}

.transition-result dd {
  overflow-wrap: anywhere;
  margin: .2rem 0 0;
}

.transition-actions {
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 1rem;
  display: flex;
}

.audit-list {
  gap: .75rem;
  padding: 0;
  list-style: none;
  display: grid;
}

.audit-list li {
  border: 1px solid var(--theme-divider);
  overflow-wrap: anywhere;
  border-radius: .55rem;
  padding: 1rem;
}

@media (max-width: 800px) {
  .transition-result dl {
    grid-template-columns: 1fr;
  }

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

.onboarding-wizard {
  max-width: 1500px;
}

.onboarding-head {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.onboarding-head h1 {
  font-size: 2rem;
}

.onboarding-trial {
  border: 1px solid var(--theme-success);
  color: var(--theme-accent);
  border-radius: 999px;
  padding: .65rem 1rem;
}

.onboarding-progress {
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 1rem;
  margin: 1.5rem 0;
  display: grid;
}

.onboarding-progress progress {
  width: 100%;
  accent-color: var(--theme-accent);
}

.onboarding-layout {
  grid-template-columns: 330px minmax(0, 1fr);
  gap: 1rem;
  display: grid;
}

.onboarding-guide, .onboarding-step, .onboarding-complete {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: .7rem;
  padding: 1.4rem;
}

.onboarding-guide ol {
  gap: .35rem;
  padding: 0;
  list-style: none;
  display: grid;
}

.onboarding-guide li a {
  border-radius: .5rem;
  gap: .8rem;
  padding: .8rem;
  display: flex;
}

.onboarding-guide li.current a {
  background: var(--theme-subtle);
}

.onboarding-guide li > a > span {
  border: 1px solid var(--theme-secondary);
  border-radius: 50%;
  place-items: center;
  width: 32px;
  height: 32px;
  display: grid;
}

.onboarding-guide li.complete > a > span, .onboarding-guide li.current > a > span {
  border-color: var(--theme-accent);
  color: var(--theme-accent);
}

.onboarding-guide li div {
  display: grid;
}

.onboarding-guide small {
  color: var(--theme-secondary);
}

.onboarding-guide h3 {
  margin-top: 1.5rem;
}

.onboarding-guide > a {
  color: var(--theme-accent);
  padding: .55rem;
  display: block;
}

.onboarding-step h2 {
  font-size: 1.7rem;
}

.onboarding-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  margin-top: 1rem;
  display: grid;
}

.onboarding-form label {
  gap: .35rem;
  display: grid;
}

.onboarding-read, .onboarding-profile {
  border: 1px solid var(--theme-divider);
  border-radius: .5rem;
  gap: .3rem;
  padding: .8rem;
  display: grid;
}

.onboarding-profile {
  grid-column: 1 / -1;
}

.onboarding-actions {
  border-top: 1px solid var(--theme-divider);
  grid-column: 1 / -1;
  justify-content: space-between;
  margin-top: 1rem;
  padding-top: 1rem;
  display: flex;
}

.onboarding-actions .btn-primary {
  margin-left: auto;
}

.onboarding-complete {
  text-align: center;
  padding: 4rem 2rem;
}

.onboarding-check {
  border: 6px solid var(--theme-accent);
  width: 100px;
  height: 100px;
  color: var(--theme-accent);
  border-radius: 50%;
  place-items: center;
  margin: auto;
  font-size: 3rem;
  display: grid;
}

.onboarding-complete h2 {
  margin-top: 1.5rem;
  font-size: 2rem;
}

.onboarding-complete > div {
  justify-content: center;
  gap: 1rem;
  margin-top: 2rem;
  display: flex;
}

@media (max-width: 850px) {
  .onboarding-head {
    flex-direction: column;
    align-items: flex-start;
  }

  .onboarding-layout, .onboarding-form {
    grid-template-columns: 1fr;
  }

  .onboarding-guide {
    order: 2;
  }

  .onboarding-actions, .onboarding-profile {
    grid-column: auto;
  }

  .onboarding-complete > div {
    flex-direction: column;
  }

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

.onboarding-confirmation {
  border: 1px solid var(--theme-success);
  background: var(--theme-success);
  border-radius: .5rem;
  grid-column: 1 / -1;
  margin: .75rem 0;
  padding: .8rem 1rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .onboarding-confirmation {
    background: color-mix(in srgb,var(--theme-success) 10%,var(--theme-surface));
  }
}

.onboarding-confirmation {
  color: var(--theme-ink);
}

.review-crumb {
  color: var(--theme-accent);
  font-size: .78rem;
  font-weight: 700;
}

.review-back {
  color: var(--theme-accent);
  margin: .65rem 0 1rem;
  display: inline-block;
}

.review-header {
  grid-template-columns: 1fr auto;
  gap: .75rem 1rem;
  display: grid;
}

.review-header h1 {
  font-size: 1.8rem;
  font-weight: 700;
}

.review-header p {
  color: var(--theme-secondary);
}

.review-header > dl {
  border: 1px solid var(--theme-divider);
  border-radius: .6rem;
  grid-column: 1 / -1;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  padding: 1rem;
  display: grid;
}

.review-header dt {
  color: var(--theme-secondary);
  font-size: .75rem;
}

.review-header dd {
  margin: .25rem 0 0;
}

.review-layout {
  grid-template-columns: minmax(0, 68fr) minmax(310px, 32fr);
  align-items: start;
  gap: 1rem;
  display: grid;
}

.review-main {
  gap: 1rem;
  display: grid;
}

.review-action {
  gap: .75rem;
  display: grid;
  position: sticky;
  top: 1rem;
}

.review-action label {
  gap: .35rem;
  display: grid;
}

.review-action-mobile {
  display: none;
}

.summary-groups {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.summary-groups dl {
  grid-template-columns: 1fr 1.4fr;
  gap: .5rem;
  display: grid;
}

.summary-groups h3 {
  grid-column: 1 / -1;
  font-weight: 700;
}

.summary-groups dl > div {
  display: contents;
}

.application-progress li.current > span {
  border-color: var(--theme-accent);
  box-shadow: 0 0 0 4px var(--theme-accent);
}

@supports (color: color-mix(in lab, red, red)) {
  .application-progress li.current > span {
    box-shadow: 0 0 0 4px color-mix(in srgb,var(--theme-accent) 20%,transparent);
  }
}

.application-progress li.completed > span {
  border-color: var(--theme-accent);
  background: var(--theme-accent);
  color: #002d39;
}

.success-icon {
  background: var(--theme-success);
  color: #fff;
  border-radius: 50%;
  place-items: center;
  width: 48px;
  height: 48px;
  font-size: 1.5rem;
  display: grid;
}

@media (max-width: 900px) {
  .review-header {
    grid-template-columns: 1fr;
  }

  .review-header > dl {
    grid-template-columns: 1fr 1fr;
  }

  .review-layout {
    grid-template-columns: 1fr;
  }

  .review-action-desktop {
    display: none;
  }

  .review-action-mobile {
    display: grid;
    position: static;
  }

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

  .summary-groups {
    grid-template-columns: 1fr;
  }

  .application-progress {
    grid-template-columns: repeat(5, minmax(120px, 1fr));
    overflow-x: auto;
  }
}

.onboarding-help {
  cursor: help;
  border: 1px solid;
  border-radius: 50%;
  place-items: center;
  width: 1.15rem;
  height: 1.15rem;
  margin-left: .35rem;
  font-size: .72rem;
  line-height: 1;
  display: inline-grid;
}

.onboarding-complete > .onboarding-suggestions {
  border-top: 1px solid var(--theme-divider);
  text-align: left;
  width: min(760px, 100%);
  margin: 2rem auto 0;
  padding-top: 1.25rem;
  display: block;
}

.onboarding-suggestions > div {
  flex-wrap: wrap;
  gap: .7rem;
  display: flex;
}

.onboarding-suggestions h3, .onboarding-suggestions p {
  margin: .35rem 0 .8rem;
}

.review-workspace {
  max-width: 1500px;
}

.review-header {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
}

.review-header > .trial-badge {
  white-space: nowrap;
  border-radius: 999px;
  align-self: start;
  min-width: 0;
  height: 30px;
  padding: .3rem .85rem;
}

.review-header > dl {
  grid-template-columns: .85fr 1.1fr 1.15fr 1fr 1.65fr;
  align-items: start;
  gap: 1rem;
}

.review-header > dl > div {
  min-width: 0;
}

.review-header dd {
  overflow-wrap: normal;
  line-height: 1.35;
}

.review-layout {
  grid-template-columns: minmax(0, 2.15fr) minmax(300px, 1fr);
}

.review-main > .application-card, .review-action {
  padding: 1.25rem;
}

.review-main .application-progress {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  display: grid;
  overflow: visible;
}

.review-main .application-progress li {
  min-width: 0;
}

.review-main .application-progress strong {
  line-height: 1.2;
}

.review-main .application-progress small {
  max-width: 130px;
  line-height: 1.25;
}

.review-main .application-progress li:before {
  width: 100%;
  left: -50%;
}

.review-summary .summary-groups {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2rem;
}

.review-summary .summary-groups dl {
  grid-template-columns: minmax(105px, .8fr) minmax(0, 1.2fr);
  align-content: start;
}

.risk-overview {
  gap: 1rem;
  display: grid;
}

.risk-overview-header {
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  display: flex;
}

.risk-overview-header h2 {
  margin: 0;
}

.risk-overview dl {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
  display: grid;
}

.risk-overview dl > div {
  border-right: 1px solid var(--theme-divider);
  padding-right: 1rem;
}

.risk-overview dt {
  color: var(--theme-secondary);
  font-size: .75rem;
}

.risk-overview dd {
  margin: .3rem 0 0;
}

.risk-signal {
  background: var(--theme-subtle);
  border-radius: 999px;
  padding: .3rem .65rem;
  font-size: .78rem;
  display: inline-flex;
}

.review-assignment {
  border: 1px solid var(--theme-divider);
  border-radius: .55rem;
  grid-template-columns: 40px 1fr;
  align-items: center;
  gap: .75rem;
  padding: .85rem;
  display: grid;
}

.reviewer-avatar {
  background: var(--theme-accent-soft);
  width: 40px;
  height: 40px;
  color: var(--theme-accent);
  border-radius: 50%;
  place-items: center;
  font-weight: 700;
  display: grid;
}

.review-assignment small {
  color: var(--theme-secondary);
  display: block;
}

.read-only-notice {
  border-left: 3px solid var(--theme-accent);
  background: var(--theme-subtle);
  padding: .85rem;
}

@media (max-width: 900px) {
  .review-header > .trial-badge {
    justify-self: start;
  }

  .review-header > dl {
    grid-template-columns: 1fr;
  }

  .review-main .application-progress {
    grid-template-columns: 1fr;
    gap: .75rem;
    overflow: visible;
  }

  .review-main .application-progress li {
    text-align: left;
    grid-template-columns: 34px 1fr;
    justify-items: start;
  }

  .review-main .application-progress li:before {
    width: 2px;
    height: .75rem;
    top: -.75rem;
    left: 14px;
  }

  .review-main .application-progress strong, .review-main .application-progress small {
    grid-column: 2;
    margin: 0;
  }

  .review-summary .summary-groups, .risk-overview dl {
    grid-template-columns: 1fr;
  }

  .risk-overview dl > div {
    border-right: 0;
    border-bottom: 1px solid var(--theme-divider);
    padding: 0 0 .75rem;
  }
}

.app-shell:has(.review-workspace) .topbar {
  position: relative;
}

.app-shell:has(.review-workspace) .skip-link {
  position: absolute;
}

.skip-link:focus:not(:focus-visible) {
  top: -5rem;
}

.trial-row-urgent {
  box-shadow: inset 4px 0 var(--theme-danger);
  background: none;
}

.review-workspace, .review-layout, .review-main, .application-card, .summary-groups, .summary-groups dl, .summary-groups dl > div {
  min-width: 0;
}

.review-header dd, .summary-groups dd, .risk-overview dd {
  overflow-wrap: anywhere;
}

.review-action {
  top: 88px;
}

.review-action .decision {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: .45rem;
  min-height: 44px;
  font-weight: 650;
}

.review-action .decision:hover {
  background: var(--theme-hover);
}

.review-action .decision.reject {
  border-color: var(--theme-danger);
  background: var(--theme-danger-soft);
  color: var(--theme-danger);
}

.confirmation-summary {
  gap: .7rem;
  display: grid;
}

.confirmation-summary dt {
  color: var(--theme-secondary);
  font-size: .75rem;
}

.confirmation-summary dd {
  overflow-wrap: anywhere;
  margin: .2rem 0 0;
}

@media (max-width: 900px) {
  .review-workspace {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
  }

  .review-header {
    grid-template-columns: minmax(0, 1fr);
  }

  .review-header > div, .review-header > dl, .review-layout, .review-main, .review-main > .application-card, .review-action {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }

  .review-header h1 {
    font-size: 1.55rem;
  }

  .review-header > dl {
    grid-template-columns: 1fr 1fr;
    gap: .8rem;
  }

  .review-header > dl > div:last-child {
    grid-column: 1 / -1;
  }

  .review-layout {
    display: block;
  }

  .review-main {
    gap: 1rem;
    display: grid;
  }

  .review-action-mobile {
    display: grid;
    position: static;
  }

  .review-action-desktop {
    display: none;
  }

  .review-main .application-progress {
    grid-template-columns: minmax(0, 1fr);
    gap: 0;
  }

  .review-main .application-progress li {
    grid-template-columns: 34px minmax(0, 1fr);
    min-height: 52px;
    padding: 0 0 .8rem;
  }

  .review-main .application-progress li:before {
    width: 2px;
    height: 30px;
    display: block;
    top: -22px;
    left: 14px;
  }

  .review-main .application-progress li:first-child:before {
    display: none;
  }

  .review-main .application-progress li > span {
    grid-row: 1 / 3;
  }

  .review-main .application-progress strong, .review-main .application-progress small {
    text-align: left;
    overflow-wrap: anywhere;
    grid-column: 2;
    max-width: 100%;
  }

  .summary-groups, .review-summary .summary-groups {
    grid-template-columns: minmax(0, 1fr);
    gap: 1.25rem;
  }

  .summary-groups dl, .review-summary .summary-groups dl {
    grid-template-columns: minmax(90px, .8fr) minmax(0, 1.2fr);
  }

  .risk-overview-header {
    flex-direction: column;
    align-items: flex-start;
  }

  .risk-overview dl {
    grid-template-columns: minmax(0, 1fr);
  }

  .application-tabs {
    max-width: 100%;
    overflow-x: auto;
  }

  .review-action button, .review-action .btn, .review-action .btn-primary {
    max-width: 100%;
    min-height: 44px;
  }

  .topbar {
    position: relative;
  }

  .skip-link {
    display: none;
  }
}

.closed-case-meta {
  border: 1px solid var(--theme-divider);
  border-radius: .65rem;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1rem;
  margin: 1rem 0;
  padding: 1rem;
  display: grid;
}

.closed-case-meta dt, .closed-outcome dt {
  color: var(--theme-secondary);
  font-size: .75rem;
}

.closed-case-meta dd, .closed-outcome dd {
  overflow-wrap: anywhere;
  margin: .25rem 0 0;
}

.closed-success {
  border: 1px solid var(--theme-success);
  background: var(--theme-success);
  border-radius: .65rem;
  margin: 1rem 0;
  padding: 1rem;
}

@supports (color: color-mix(in lab, red, red)) {
  .closed-success {
    background: color-mix(in srgb,var(--theme-success) 9%,var(--theme-surface));
  }
}

.closed-success h2 {
  font-size: 1.1rem;
}

.closed-outcome {
  gap: 1rem;
  display: grid;
  top: 88px;
}

.closed-outcome dl {
  gap: .75rem;
  display: grid;
}

.closed-evidence {
  gap: .6rem;
  margin-top: 1rem;
  display: grid;
}

.closed-evidence article {
  border: 1px solid var(--theme-divider);
  border-radius: .5rem;
  grid-template-columns: 1.1fr 1fr 1.4fr auto;
  align-items: center;
  gap: .75rem;
  padding: .8rem;
  display: grid;
}

.closed-evidence span {
  overflow-wrap: anywhere;
}

.closed-evidence em {
  background: var(--theme-subtle);
  border-radius: 999px;
  padding: .25rem .55rem;
  font-size: .72rem;
  font-style: normal;
}

@media (max-width: 900px) {
  .closed-case-meta {
    grid-template-columns: 1fr 1fr;
  }

  .closed-assistance .registration-layout {
    flex-direction: column;
    display: flex;
  }

  .closed-outcome {
    order: -1;
    position: static;
  }

  .closed-evidence article {
    grid-template-columns: 1fr;
  }

  .closed-outcome .btn, .closed-outcome .btn-primary {
    width: 100%;
    min-height: 44px;
  }
}

.trial-management-actions .decision-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .75rem;
  margin-top: 1rem;
  display: grid;
}

.trial-management-actions .decision {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  min-height: 46px;
  color: var(--theme-ink);
  text-align: left;
  border-radius: .5rem;
  padding: .75rem 1rem;
  font-weight: 650;
}

.trial-management-actions .decision:hover, .trial-management-actions .decision:focus-visible {
  border-color: var(--theme-accent);
  background: var(--theme-hover);
}

.trial-management-actions .decision-options > .btn {
  justify-content: center;
  align-items: center;
  min-height: 46px;
  display: flex;
}

@media (max-width: 700px) {
  .trial-management-actions .decision-options {
    grid-template-columns: 1fr;
  }
}

.application-progress.trial-journey {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}

@media (max-width: 900px) {
  .application-progress.trial-journey {
    grid-template-columns: 1fr !important;
  }

  .trial-evidence-fields {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 767px) {
  .app-shell, .app-shell.is-collapsed {
    --sidebar-width: 0px !important;
  }

  .shell-body {
    width: 100%;
    max-width: 100%;
    margin-left: 0 !important;
  }

  .workspace, .trial-tabs, .trial-list-panel {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }

  .trial-tabs {
    scrollbar-width: thin;
  }

  .trial-list-panel .table-scroll {
    width: 100%;
    max-width: 100%;
    overflow-x: auto;
  }

  .trial-list-panel .pagination {
    flex-wrap: wrap;
    max-width: 100%;
  }

  .trial-tabs {
    flex-wrap: wrap;
    overflow: visible;
  }

  .trial-tabs > a {
    text-align: center;
    flex: 45%;
    min-width: 0;
    padding: .75rem .5rem;
  }

  .trial-list-panel .table-scroll {
    overflow-x: visible;
  }

  .trial-table {
    table-layout: fixed;
    width: 100%;
  }

  .trial-table th, .trial-table td {
    white-space: normal;
    overflow-wrap: anywhere;
    display: none;
  }

  .trial-table th:first-child, .trial-table td:first-child, .trial-table th:nth-child(2), .trial-table td:nth-child(2), .trial-table th:last-child, .trial-table td:last-child {
    display: table-cell;
  }

  .trial-table th:first-child, .trial-table td:first-child {
    width: 28%;
  }

  .trial-table th:nth-child(2), .trial-table td:nth-child(2) {
    width: 40%;
  }

  .trial-table th:last-child, .trial-table td:last-child {
    width: 32%;
  }

  .trial-row-action {
    width: 100%;
    min-width: 0;
    padding: .55rem .35rem;
  }

  .trial-table td small {
    overflow-wrap: anywhere;
  }

  .trial-table .trial-badge {
    white-space: normal;
    min-width: 0;
  }
}

:is(:root:has(.trial-tabs), :root:has(.trial-parity-detail)) {
  --theme-canvas: #edf2f7;
  --theme-surface: #fff;
  --theme-subtle: #f3f6fa;
  --theme-hover: #f5f9ff;
  --theme-ink: #0b1f35;
  --theme-muted: #40566f;
  --theme-secondary: #40566f;
  --theme-faint: #40566f;
  --theme-divider: #aebdcd;
  --theme-divider-soft: #d7e0eb;
  --theme-input-border: #aebdcd;
  --theme-accent: #005fc7;
  --theme-accent-soft: #e9f2ff;
  --theme-accent-strong: #004d9f;
  --theme-accent-border: #8fa2b7;
  --theme-primary: #0b2948;
  --theme-primary-hover: #004d9f;
  --theme-info: #005fc7;
}

:is(:root[data-theme="dark"]:has(.trial-tabs), :root[data-theme="dark"]:has(.trial-parity-detail)) {
  --theme-canvas: #070f1b;
  --theme-surface: #111d2d;
  --theme-subtle: #17263a;
  --theme-hover: #1a2b41;
  --theme-ink: #f4f8fc;
  --theme-muted: #c2cede;
  --theme-secondary: #c2cede;
  --theme-faint: #c2cede;
  --theme-divider: #52677f;
  --theme-divider-soft: #344960;
  --theme-input-border: #61758b;
  --theme-accent: #7bb8ff;
  --theme-accent-soft: #193655;
  --theme-accent-strong: #9bc9ff;
  --theme-accent-border: #6b8097;
  --theme-primary: #0a2541;
  --theme-info: #8fc4ff;
}

@media (prefers-color-scheme: dark) {
  :is(:root:is([data-theme="system"], :not([data-theme])):has(.trial-tabs), :root:is([data-theme="system"], :not([data-theme])):has(.trial-parity-detail)) {
    --theme-canvas: #070f1b;
    --theme-surface: #111d2d;
    --theme-subtle: #17263a;
    --theme-hover: #1a2b41;
    --theme-ink: #f4f8fc;
    --theme-muted: #c2cede;
    --theme-secondary: #c2cede;
    --theme-faint: #c2cede;
    --theme-divider: #52677f;
    --theme-divider-soft: #344960;
    --theme-input-border: #61758b;
    --theme-accent: #7bb8ff;
    --theme-accent-soft: #193655;
    --theme-accent-strong: #9bc9ff;
    --theme-accent-border: #6b8097;
    --theme-primary: #0a2541;
    --theme-info: #8fc4ff;
  }
}

:is(body:has(.trial-tabs), body:has(.trial-parity-detail)) {
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
  font-family: Inter, Segoe UI, Arial, sans-serif;
  font-size: 16px;
  line-height: 1.52;
}

:is(.app-shell:has(.trial-tabs) .sidebar, .app-shell:has(.trial-parity-detail) .sidebar) {
  background: var(--theme-surface);
  color: var(--theme-ink);
  border-right: 1px solid var(--theme-divider);
}

:is(.app-shell:has(.trial-tabs) .sidebar-brand, .app-shell:has(.trial-parity-detail) .sidebar-brand) {
  border-color: var(--theme-divider);
}

:is(.app-shell:has(.trial-tabs) .sidebar .brand-logo, .app-shell:has(.trial-parity-detail) .sidebar .brand-logo) {
  color: var(--theme-ink);
}

:is(.app-shell:has(.trial-tabs) .sidebar .brand-ribbon, .app-shell:has(.trial-parity-detail) .sidebar .brand-ribbon) {
  stroke: var(--theme-primary);
}

:is(.app-shell:has(.trial-tabs) .sidebar nav, .app-shell:has(.trial-parity-detail) .sidebar nav) {
  padding: 1rem .75rem;
}

:is(.app-shell:has(.trial-tabs) .nav-section-button, .app-shell:has(.trial-parity-detail) .nav-section-button) {
  color: var(--theme-secondary);
  letter-spacing: .07em;
  white-space: nowrap;
  justify-content: flex-start;
  margin: 6px 8px 14px;
  padding: 0;
  font-size: 11px;
}

:is(.app-shell:has(.trial-tabs) .nav-section-button svg, .app-shell:has(.trial-parity-detail) .nav-section-button svg) {
  display: none;
}

:is(.app-shell:has(.trial-tabs) .nav-item, .app-shell:has(.trial-parity-detail) .nav-item) {
  color: var(--theme-ink);
  gap: 8px;
  height: 44.3125px;
  min-height: 44.3125px;
  margin-bottom: 3px;
  padding: 10px;
  font-size: 16px;
  font-weight: 400;
}

:is(.app-shell:has(.trial-tabs) .nav-item:hover, .app-shell:has(.trial-parity-detail) .nav-item:hover) {
  background: var(--theme-hover);
  color: var(--theme-ink);
}

:is(.app-shell:has(.trial-tabs) .nav-item.active, .app-shell:has(.trial-parity-detail) .nav-item.active) {
  color: #0867ce;
  background: #e9f2ff;
  font-weight: 700;
}

:is(.app-shell:has(.trial-tabs) .context-indicator strong, .app-shell:has(.trial-parity-detail) .context-indicator strong) {
  font-weight: 650;
}

:is(.app-shell:has(.trial-tabs) .ai-trigger, .app-shell:has(.trial-parity-detail) .ai-trigger) {
  font-weight: 400;
}

:is(.app-shell:has(.trial-tabs) .theme-control, .app-shell:has(.trial-parity-detail) .theme-control) {
  color: var(--theme-ink);
  border-color: var(--theme-divider);
}

:is(.app-shell:has(.trial-tabs) .theme-control .input, .app-shell:has(.trial-parity-detail) .theme-control .input) {
  background: var(--theme-surface);
  border-color: var(--theme-input-border);
  color: var(--theme-ink);
}

:is(.app-shell:has(.trial-tabs) .workspace, .app-shell:has(.trial-parity-detail) .workspace) {
  max-width: none;
  padding: 28px 34px;
}

.workspace:has( > .trial-tabs) > header {
  margin-bottom: 22px;
}

.workspace:has( > .trial-tabs) > header > div:first-child > p:first-child {
  color: var(--theme-accent);
  letter-spacing: normal;
  text-transform: uppercase;
  margin: 0 0 9px;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.52;
}

.workspace:has( > .trial-tabs) > header h1 {
  letter-spacing: -.03em;
  margin: 0 0 5px;
  font-size: 28px;
  font-weight: 760;
  line-height: 1.52;
}

.workspace:has( > .trial-tabs) > header h1 + p {
  color: var(--theme-secondary);
  margin: 0;
  font-size: 15px;
  line-height: 1.52;
}

.workspace:has( > .trial-tabs) > .trial-tabs {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: 9px;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin: 0;
  display: grid;
  overflow: hidden;
  box-shadow: 0 8px 28px #1130590d;
}

.workspace:has( > .trial-tabs) > .trial-tabs > a {
  min-width: 0;
  color: var(--theme-ink);
  text-align: center;
  border: 0;
  border-bottom: 3px solid #0000;
  padding: 15px 10px;
  font-size: 15px;
  font-weight: 650;
  line-height: 1.52;
  text-decoration: none;
}

.workspace:has( > .trial-tabs) > .trial-tabs > a:hover {
  background: var(--theme-hover);
}

.workspace:has( > .trial-tabs) > .trial-tabs > a[aria-current="page"] {
  border-bottom-color: var(--theme-accent);
  background: linear-gradient(180deg,#f4f9ff,var(--theme-surface));
  color: var(--theme-accent);
  font-weight: 700;
}

.workspace:has( > .trial-tabs) > .panel {
  border-radius: 9px;
  margin-top: 14px;
  padding: 0;
  position: relative;
  box-shadow: 0 8px 24px #1130590b;
}

.workspace:has( > .trial-tabs) > .panel > div:first-child {
  z-index: 2;
  margin: 0;
  position: absolute;
  top: 19px;
  right: 20px;
}

.workspace:has( > .trial-tabs) > .panel > div:first-child > div:first-child {
  display: none;
}

.workspace:has( > .trial-tabs) .trial-list-panel {
  background: none;
  border: 0;
  border-radius: 9px;
  margin: 0;
  overflow: hidden;
}

.workspace:has( > .trial-tabs) .trial-toolbar {
  padding: 20px 215px 1px 20px;
  display: block;
}

.workspace:has( > .trial-tabs) .trial-filter-form {
  grid-template-columns: minmax(260px, 1.3fr) minmax(160px, .7fr) minmax(160px, .7fr);
  gap: 9px;
  display: grid;
}

.workspace:has( > .trial-tabs) .trial-filter-form > .input {
  border-width: 2px;
  border-radius: 7px;
  height: 48.3125px;
  min-height: 48.3125px;
  padding: 10px;
  font-size: 16px;
}

.workspace:has( > .trial-tabs) .trial-filter-form > input.input {
  line-height: 24.32px;
}

.workspace:has( > .trial-tabs) .trial-filter-form > .filter-actions {
  grid-column: 1 / -1;
  gap: 7px;
  margin-top: 5px;
  display: flex;
}

:is(.workspace:has( > .trial-tabs) .trial-filter-form > .filter-actions .btn, .workspace:has( > .trial-tabs) .trial-filter-form > .filter-actions .btn-primary) {
  height: 44.7969px;
  min-height: 44.7969px;
  color: var(--theme-ink);
  border-color: #8fa2b7;
  border-radius: 7px;
  padding: 10px 13px;
  font-size: 15px;
  font-weight: 650;
  line-height: 22.8px;
}

.workspace:has( > .trial-tabs) .table-scroll {
  width: auto;
  margin: 0 20px;
  overflow-x: auto;
}

.workspace:has( > .trial-tabs) .trial-table {
  table-layout: auto;
  font-size: 16px;
  line-height: 1.52;
}

.workspace:has( > .trial-tabs) .trial-table th {
  width: auto;
}

.workspace:has( > .trial-tabs) .trial-table td:first-child strong {
  white-space: nowrap;
}

.workspace:has( > .trial-tabs) .trial-table th {
  background: var(--theme-surface);
  padding: 13px 10px;
  font-weight: 750;
}

.workspace:has( > .trial-tabs) .trial-table td {
  border-color: var(--theme-divider);
  padding: 13px 10px;
}

.workspace:has( > .trial-tabs) .trial-table th {
  font-size: 13px;
  line-height: 1.52;
}

.workspace:has( > .trial-tabs) .trial-table .trial-row-action {
  width: 76.6563px;
  min-width: 76.6563px;
  height: 67.5938px;
  min-height: 67.5938px;
  color: var(--theme-ink);
  border-color: #8fa2b7;
  border-radius: 7px;
  flex-direction: column;
  padding: 10px 13px;
  font-size: 15px;
  font-weight: 650;
  line-height: 22.8px;
  display: inline-flex;
}

.workspace:has( > .trial-tabs) > .panel > div:first-child > div:last-child {
  gap: 9px;
}

.workspace:has( > .trial-tabs) > .panel > div:first-child .btn:first-child {
  min-width: 84px;
}

.workspace:has( > .trial-tabs) > .panel > div:first-child .btn:last-child {
  min-width: 93px;
}

.workspace:has( > .trial-tabs) .trial-filter-form > .filter-actions .btn:last-child {
  width: 138px;
}

.workspace:has( > .trial-tabs) .status-mini {
  text-align: center;
  white-space: normal;
  border-radius: 999px;
  max-width: 73px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 700;
  line-height: 18.24px;
  display: inline-flex;
}

.workspace:has( > .trial-tabs) .trial-table td small {
  font-size: 13px;
  line-height: 19.76px;
}

.workspace:has( > .trial-tabs) .pagination {
  padding: 14px 20px;
}

.trial-parity-pagination {
  color: var(--theme-secondary);
  justify-content: space-between;
  align-items: center;
  padding: 14px 20px;
  display: flex;
}

.trial-parity-pagination a {
  color: inherit;
  text-decoration: none;
}

.trial-parity-pagination select {
  appearance: none;
  color: inherit;
  background: none;
  border: 0;
  padding: 0;
}

.trial-parity-detail .review-crumb {
  font-size: 13px;
  font-weight: 650;
}

.trial-parity-detail .review-back {
  margin: 8px 0 20px;
}

.trial-detail-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 20px;
  display: flex;
}

.trial-detail-head h1 {
  letter-spacing: -.03em;
  margin: 0 0 5px;
  font-size: 28px;
  font-weight: 760;
  line-height: 1.52;
}

.trial-detail-head p {
  color: var(--theme-secondary);
  margin: 0;
  font-size: 15px;
}

.trial-detail-status {
  white-space: nowrap;
  border: 1px solid;
  border-radius: 999px;
  align-items: center;
  padding: 10px 16px;
  font-weight: 700;
  display: inline-flex;
}

.tone-info {
  color: #003f61 !important;
  background: #cef !important;
  border-color: #398db6 !important;
}

.tone-warning {
  color: #4d3500 !important;
  background: #ffe49a !important;
  border-color: #b98600 !important;
}

.tone-success {
  color: #034f3d !important;
  background: #c9f3e5 !important;
  border-color: #39977b !important;
}

.tone-neutral {
  color: #29394b !important;
  background: #dfe7ef !important;
  border-color: #8799ac !important;
}

.trial-journey-hero {
  color: #f8fbff;
  background: #0b2948;
  border: 1px solid #315b82;
  border-radius: 14px;
  margin-top: 18px;
  padding: 22px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 30px #071d3438;
}

.trial-journey-hero:after {
  content: "";
  background: #38bdf81a;
  border-radius: 50%;
  width: 260px;
  height: 260px;
  position: absolute;
  top: -150px;
  right: -90px;
}

.trial-journey-heading {
  z-index: 1;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.trial-journey-heading > div > span {
  color: #9bdcff;
  letter-spacing: .08em;
  margin-bottom: 8px;
  font-size: 12px;
  font-weight: 700;
  display: block;
}

.trial-journey-heading h2 {
  margin: 0;
  font-size: 18px;
  font-weight: 750;
}

.trial-journey-heading .context-help summary, .trial-journey-heading .context-help button {
  color: #fff;
  background: #ffffff1f;
  border-color: #ffffff59;
}

.trial-journey-hero > ol {
  z-index: 1;
  grid-template-columns: repeat(5, 1fr);
  margin: 28px 0 18px;
  padding: 0;
  list-style: none;
  display: grid;
  position: relative;
}

.trial-journey-hero > ol li {
  text-align: center;
  color: #d2e0ee;
  justify-items: center;
  font-size: 12px;
  display: grid;
  position: relative;
}

.trial-journey-hero > ol li:before {
  content: "";
  background: #6f88a2;
  height: 3px;
  position: absolute;
  top: 14px;
  left: 0;
  right: 0;
}

.trial-journey-hero > ol li:first-child:before {
  left: 50%;
}

.trial-journey-hero > ol li:last-child:before {
  right: 50%;
}

.trial-journey-hero > ol li > span {
  z-index: 1;
  background: #173f65;
  border: 2px solid #a8bdd2;
  border-radius: 50%;
  place-items: center;
  width: 30px;
  height: 30px;
  margin-bottom: 7px;
  display: grid;
  position: relative;
}

.trial-journey-hero > ol li.completed, .trial-journey-hero > ol li.current {
  color: #fff;
}

.trial-journey-hero > ol li.completed > span {
  color: #063c34;
  background: #66dec9;
  border-color: #66dec9;
}

.trial-journey-hero > ol li.current > span {
  color: #082844;
  background: #fff;
  border: 4px solid #58bfff;
  box-shadow: 0 0 0 5px #58bfff40;
}

.trial-journey-hero > ol strong, .trial-journey-hero > ol small {
  display: block;
}

.trial-journey-hero > ol small {
  color: #d2e0ee;
  margin-top: 2px;
  font-weight: 400;
}

.trial-journey-hero > ol li.skipped > span {
  color: #d2e0ee;
  background: #28445f;
  border-style: dashed;
}

.trial-journey-hero > ol li.skipped strong {
  color: #d2e0ee;
}

.trial-journey-hero > dl {
  z-index: 1;
  background: #ffffff29;
  border-radius: 10px;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  margin: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.trial-journey-hero > dl > div {
  background: #09203a99;
  padding: 12px;
}

.trial-journey-hero dt {
  color: #bad0e6;
  font-size: 12px;
}

.trial-journey-hero dd {
  margin: 4px 0 0;
  font-weight: 700;
  line-height: 1.35;
}

.trial-parity-detail .application-tabs {
  gap: 28px;
  margin: 18px 0;
}

.trial-parity-detail .application-tabs a {
  padding: 13px 3px;
  font-size: 15px;
  font-weight: 650;
}

.trial-parity-detail .application-tabs a[aria-current="page"] {
  font-weight: 700;
}

.trial-parity-detail .review-layout {
  grid-template-columns: minmax(0, 1fr) 350px;
  gap: 16px;
}

.trial-parity-detail .review-main {
  gap: 16px;
}

.trial-parity-detail .application-card {
  background: var(--theme-surface);
  border-radius: 10px;
  padding: 20px;
  box-shadow: 0 8px 24px #1130590b;
}

.trial-parity-detail {
  font-size: 16px;
  line-height: 1.52;
}

.trial-parity-detail .review-back {
  margin-bottom: 21px;
}

.trial-parity-detail .trial-journey-heading > div > span {
  font-size: 13px;
}

.trial-parity-detail .trial-journey-heading h2 {
  color: #fff;
  font-size: 19px;
  line-height: 1.35;
}

.trial-parity-detail .trial-journey-hero > ol {
  margin: 30px 0 22px;
}

.trial-parity-detail .trial-journey-hero > ol strong {
  width: 100%;
  font-size: 14px;
  font-weight: 900;
  display: block;
}

.trial-parity-detail .trial-journey-hero > ol small {
  width: 100%;
  margin-top: 2px;
  font-size: 13px;
}

.trial-parity-detail .trial-journey-hero > dl {
  background: #54718d;
  gap: 2px;
}

.trial-parity-detail .trial-journey-hero > dl > div {
  background: #071d33;
  padding: 14px;
}

.trial-parity-detail .trial-journey-hero dt {
  color: #d2e0ee;
  font-size: 13px;
}

.trial-parity-detail .trial-journey-hero dd {
  margin-top: 7px;
  font-size: 15px;
}

.trial-parity-detail .application-card h2 {
  align-items: center;
  gap: 7px;
  margin: 0 0 14px;
  font-size: 18px;
  font-weight: 750;
  display: flex;
}

.trial-parity-detail .application-card h2 svg {
  width: 22px;
  color: var(--theme-accent);
}

.parity-accent-card {
  border-top: 4px solid var(--theme-divider) !important;
}

.parity-summary-grid {
  grid-template-columns: 1fr 1fr;
  gap: 7px 28px;
  display: grid;
}

.parity-summary-grid > div {
  grid-template-columns: 145px 1fr;
  gap: 8px;
  display: grid;
}

.parity-summary-grid dt, .parity-context-card dt, .parity-latest dt {
  color: var(--theme-secondary);
}

.parity-summary-grid dd, .parity-context-card dd, .parity-latest dd {
  overflow-wrap: anywhere;
  margin: 0;
}

.parity-link-row {
  color: #1267c4;
  background: #edf5ff;
  border-radius: 8px;
  align-items: center;
  gap: 7px;
  margin-top: 15px;
  padding: 10px 12px;
  font-weight: 700;
  display: flex;
}

.parity-link-row svg {
  width: 18px;
}

.trial-parity-detail .review-summary > h2 {
  min-height: 27.6406px;
  margin-bottom: 16px;
  font-size: 19px;
  line-height: 1.35;
}

.trial-parity-detail .parity-summary-grid > div {
  grid-template-columns: 155px 1fr;
  align-items: start;
  gap: 8px;
  min-height: 30px;
  margin: 5px 0;
  line-height: 1.45;
}

.trial-parity-detail .parity-summary-grid dt {
  padding-right: 12px;
  font-weight: 650;
}

.trial-parity-detail .parity-summary-grid dd {
  font-weight: 400;
}

.trial-parity-detail .review-summary .parity-summary-grid > div:nth-child(-n+2) dd, .trial-parity-detail .parity-latest .parity-summary-grid > div:first-child dd {
  font-weight: 700;
}

.trial-parity-detail .trial-journey-hero > ol {
  margin-bottom: 18px;
}

.trial-parity-detail .trial-journey-hero > ol small {
  margin-top: 4px;
}

.trial-parity-detail .application-card {
  box-shadow: 0 7px 20px #0f243e17;
}

.trial-parity-detail .review-summary .parity-summary-grid > div {
  min-width: 0;
}

.trial-parity-detail .review-summary .parity-summary-grid > div:nth-child(3) dd {
  white-space: nowrap;
}

.parity-context-card {
  background: linear-gradient(90deg,#f1fbff,var(--theme-surface) 30%) !important;
  border-left: 4px solid #38a7d7 !important;
}

.parity-context-card.success {
  background: linear-gradient(90deg,#eefbf7,var(--theme-surface) 30%) !important;
  border-color: #35b48c !important;
}

.parity-context-card > dl {
  grid-template-columns: 1fr 1fr;
  gap: 10px 28px;
  display: grid;
}

.parity-context-card > dl > div {
  grid-template-columns: 145px 1fr;
  gap: 8px;
  display: grid;
}

.parity-latest header {
  justify-content: space-between;
  align-items: start;
  display: flex;
}

.parity-latest header > a {
  color: var(--theme-accent);
}

.trial-review-reasons {
  margin: 12px 0 16px;
  padding-left: 20px;
  list-style: outside;
}

.trial-review-reasons li {
  margin: 5px 0;
  line-height: 1.5;
}

.trial-review-related {
  gap: 7px;
  margin: 0 0 16px;
  display: grid;
}

.trial-review-related > a {
  border: 1px solid var(--theme-divider);
  color: var(--theme-accent);
  overflow-wrap: anywhere;
  border-radius: 7px;
  align-items: center;
  gap: 8px;
  padding: 9px 11px;
  display: flex;
}

.trial-review-related > a svg {
  flex: none;
  width: 17px;
  height: 17px;
}

.trial-action-card {
  height: max-content;
  top: 18px;
  border-top: 4px solid var(--theme-divider) !important;
}

.trial-action-card > p {
  color: var(--theme-secondary);
}

.trial-action-card .actions {
  gap: 9px;
  display: grid;
}

.trial-action-card .actions button {
  text-align: left;
  justify-content: flex-start;
  min-height: 44px;
}

.trial-action-card .actions .btn-primary {
  box-shadow: 0 8px 18px #1677e82e;
}

.parity-danger {
  min-height: 44px;
  background: var(--theme-surface) !important;
  color: var(--theme-danger) !important;
  border: 1px solid #e7a6b0 !important;
  border-radius: 7px !important;
  font-size: 14px !important;
  font-weight: 650 !important;
}

.embedded-management-actions > .application-card {
  box-shadow: none;
  background: none;
  border: 0;
  padding: 0;
}

.embedded-management-actions > .application-card > h2 {
  display: none;
}

.embedded-management-actions .decision-options {
  grid-template-columns: 1fr;
  margin-top: 0;
}

.embedded-management-actions .decision-options:before {
  content: "Available at any time";
  border-top: 1px solid var(--theme-divider);
  color: var(--theme-secondary);
  letter-spacing: .06em;
  text-transform: uppercase;
  order: 1;
  margin-top: 5px;
  padding-top: 14px;
  font-size: 12px;
  font-weight: 750;
}

.embedded-management-actions .decision-options .decision, .embedded-management-actions .decision-options .btn {
  text-align: left;
  order: 2;
  justify-content: flex-start;
}

.embedded-management-actions .primary-action {
  box-shadow: 0 8px 18px #1677e82e;
  color: #fff !important;
  background: #005fc7 !important;
  border-color: #005fc7 !important;
  order: 0 !important;
  min-height: 44px !important;
}

.embedded-management-actions .primary-action ~ .decision, .embedded-management-actions .primary-action ~ .btn {
  background: var(--theme-surface);
  color: var(--theme-ink);
}

.embedded-management-actions > .application-card[role="status"] > h2 {
  display: flex;
}

:is(.embedded-management-actions > .trial-management-actions:has(.external-response-form:not([hidden])) > h2, .embedded-management-actions > .trial-management-actions:has(.decision-confirm:not([hidden])) > h2) {
  display: flex !important;
}

.trial-parity-detail .external-conversations-card {
  border-left: 4px solid #00877e;
}

.trial-parity-detail .external-conversation-row {
  border-radius: 12px;
  grid-template-columns: minmax(0, 1.7fr) minmax(150px, .75fr) auto;
  padding: 14px;
}

.trial-parity-detail .external-source {
  color: #075f55;
  background: #dff6f0;
}

.trial-parity-detail .external-conversations-card > header p {
  margin-top: 4px;
}

:is(.trial-action-card:has(.trial-management-actions .external-response-form:not([hidden])), .trial-action-card:has(.trial-management-actions .decision-confirm:not([hidden])), .trial-action-card:has(.trial-management-success)) {
  z-index: 101;
}

:is(.trial-management-actions:has(.external-response-form:not([hidden])), .trial-management-actions:has(.decision-confirm:not([hidden])), .trial-management-success) {
  z-index: 100;
  width: min(620px, 100vw - 40px);
  margin: 0;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background: var(--theme-surface) !important;
  border-top: 5px solid #1677e8 !important;
  border-radius: 10px !important;
  min-height: 0 !important;
  max-height: 92vh !important;
  padding: 23px !important;
  display: block !important;
  overflow-y: auto !important;
  box-shadow: 0 24px 80px #00000059 !important;
}

.trial-management-actions::backdrop {
  background: #050d1b9e;
}

:is(.trial-management-actions:has(.external-response-form:not([hidden])) > h2, .trial-management-actions:has(.decision-confirm:not([hidden])) > h2) {
  text-transform: none !important;
  color: var(--theme-ink) !important;
  letter-spacing: 0 !important;
  font-size: 1.35rem !important;
}

.trial-modal {
  border-top: 5px solid #1677e8;
  border-radius: 10px;
}

.trial-modal-backdrop {
  background: #050d1b9e;
}

.trial-modal > header {
  border-bottom: 0;
  padding-bottom: 0;
}

.trial-modal > header > .icon-button {
  display: none;
}

.trial-parity-detail .trial-evidence {
  padding: 20px;
}

.trial-evidence-heading {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  display: flex;
}

.trial-evidence-heading h2 {
  margin-bottom: 4px !important;
  font-size: 19px !important;
}

.trial-evidence-heading p {
  color: var(--theme-secondary);
  margin: 0;
  font-size: 15px;
}

.trial-evidence-heading .context-help > button {
  width: 34px;
  height: 34px;
}

.trial-evidence .table-scroll {
  margin: 14px 0 -20px;
}

.trial-evidence-table {
  border-collapse: collapse;
  width: 100%;
}

.trial-evidence-table th, .trial-evidence-table td {
  text-align: left;
  border-bottom: 1px solid var(--theme-divider);
  vertical-align: middle;
  padding: 13px 10px;
}

.trial-evidence-table th {
  color: var(--theme-secondary);
  font-size: 13px;
  font-weight: 750;
}

.trial-evidence-table td {
  color: var(--theme-ink);
}

.trial-evidence-table .pill {
  color: #08705a;
  background: #e9f7f3;
  border-radius: 999px;
  padding: 5px 9px;
  font-size: 12px;
  font-weight: 700;
  display: inline-block;
}

.trial-evidence-table .trial-evidence-row {
  color: var(--theme-accent);
  white-space: nowrap;
  background: none;
  border: 0;
  padding: 5px;
  display: inline;
}

.notification-table {
  table-layout: fixed;
}

.trial-modal {
  border-top: 5px solid #1677e8;
  border-radius: 10px;
  width: min(620px, 100vw - 40px);
  max-height: 92vh;
  padding: 23px;
  box-shadow: 0 24px 80px #00000059;
}

.trial-modal.external-dialog {
  width: min(860px, 100vw - 40px);
}

.trial-parity-detail .external-dialog {
  border-bottom: 0;
  border-left: 0;
  border-right: 0;
}

.trial-parity-detail .external-dialog > header h2 {
  margin: 0 0 5px;
  font-size: 24px;
  line-height: 1.45;
}

.trial-parity-detail .external-dialog-subtitle {
  color: var(--theme-secondary);
  margin: 0;
}

.trial-parity-detail .external-conversation-list {
  gap: 12px;
  margin-top: 0;
}

.trial-parity-detail .external-conversation-row {
  border-radius: 12px;
  grid-template-columns: minmax(0, 1.7fr) minmax(150px, .75fr) auto;
  gap: 18px;
  padding: 14px;
}

.trial-parity-detail .external-conversation-row > div {
  gap: 5px;
  min-width: 0;
  display: grid;
}

.trial-parity-detail .external-conversation-row .external-source {
  letter-spacing: .02em;
  padding: 3px 9px;
  font-size: .75rem;
  font-weight: 750;
}

.trial-parity-detail .external-row-stage small:first-child {
  color: var(--theme-secondary);
}

.trial-parity-detail .external-conversation-row > .btn {
  min-height: 44px;
  color: var(--theme-ink);
  border-color: #8fa2b7;
  border-radius: 7px;
  padding: 10px 13px;
  font-size: 15px;
  font-weight: 650;
  line-height: 22.8px;
}

.trial-parity-detail .external-thread-meta {
  border-radius: 12px;
  grid-template-columns: 1fr 1fr;
  gap: 10px 24px;
  margin: 0 0 14px;
  padding: 15px;
}

.trial-parity-detail .external-thread-meta > div {
  grid-template-columns: 155px 1fr;
  gap: 12px;
  margin: 5px 0;
  display: grid;
}

.trial-parity-detail .external-thread-meta dd {
  margin: 0;
}

.trial-parity-detail .external-message-thread {
  gap: 12px;
  margin-top: 0;
}

.trial-parity-detail .external-message {
  background: var(--theme-surface);
  border-radius: 12px;
  gap: 10px;
  padding: 16px;
}

.trial-parity-detail .external-message > header {
  align-items: center;
  gap: 14px;
}

.trial-parity-detail .external-message > dl {
  grid-template-columns: 1fr;
  gap: 10px;
  display: grid;
}

.trial-parity-detail .external-message > dl > div {
  grid-template-columns: 155px 1fr;
  gap: 12px;
  margin: 5px 0;
  display: grid;
}

.trial-parity-detail .external-message > dl dd {
  margin: 0;
}

.trial-parity-detail .external-message > p {
  border-radius: 9px;
  padding: 14px;
}

.trial-parity-detail .external-direction {
  letter-spacing: .02em;
  padding: 3px 9px;
  font-size: .75rem;
  font-weight: 750;
}

.trial-parity-detail .external-document-note {
  color: #123d38;
  background: #edf9f6;
  border-color: #8ccfc2;
  border-radius: 10px;
  gap: 4px;
  margin-top: 14px;
  padding: 13px 15px;
}

.trial-parity-detail .external-back {
  margin-top: 14px;
  padding: 5px;
}

.trial-parity-detail .external-dialog-actions {
  border-top: 1px solid var(--theme-divider);
  justify-content: flex-end;
  gap: 9px;
  margin-top: 20px;
  padding-top: 18px;
  display: flex;
}

:root[data-theme="dark"] .trial-parity-detail .external-document-note {
  color: #f4f8fc;
  background: #17263a;
  border-color: #52677f;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .trial-parity-detail .external-document-note {
    color: #f4f8fc;
    background: #17263a;
    border-color: #52677f;
  }
}

.trial-change-section {
  margin-top: 18px;
}

.trial-change-list {
  border: 1px solid var(--theme-divider);
  border-radius: 8px;
  gap: 0;
  display: grid;
  overflow: hidden;
}

.trial-change-list > div {
  border-bottom: 1px solid var(--theme-divider);
  grid-template-columns: 165px minmax(0, 1fr);
  gap: 14px;
  padding: 10px 12px;
  display: grid;
}

.trial-change-list > div:last-child {
  border-bottom: 0;
}

.trial-change-list dt {
  color: var(--theme-secondary);
  font-weight: 650;
}

.trial-change-list dd {
  overflow-wrap: anywhere;
  margin: 0;
}

.trial-management-actions:has(.external-response-form:not([hidden])) > h2 {
  flex-direction: column;
  align-items: flex-start;
  gap: 0;
  margin-bottom: 0 !important;
  font: 700 24px / 36.48px Inter, Segoe UI, Arial, sans-serif !important;
  display: flex !important;
}

.trial-management-actions:has(.external-response-form:not([hidden])) > h2:after {
  content: "Evidence and attachments will be stored with this request.";
  color: var(--theme-secondary);
  margin-top: 5px;
  font-size: 15px;
  font-weight: 400;
  line-height: 22.8px;
  display: block;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form {
  margin-top: 0;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-intro {
  color: #123d38;
  background: #edf9f6;
  border-color: #8ccfc2;
  min-height: 80px;
  margin-top: 0;
  padding: 13px 15px;
  position: relative;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-intro:before {
  content: "Keep every off-platform exchange with the same trial journey.";
  font-weight: 700;
  position: absolute;
  top: 13px;
  left: 15px;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-intro:after {
  content: "Create a new thread or add a message to an existing external conversation.";
  font-weight: 400;
  position: absolute;
  top: 43px;
  left: 15px;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid .input {
  justify-self: start;
  width: auto;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid input.input {
  width: 189px;
}

.trial-management-actions:has(.decision-confirm:not([hidden])) > h2 {
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: -24px !important;
  font-size: 0 !important;
  display: flex !important;
}

.trial-management-actions:has(.decision-confirm:not([hidden])) > h2:before {
  content: "Confirm action";
  font-size: 24px;
}

.trial-management-actions:has(.decision-confirm:not([hidden])) > h2:after {
  content: "Nothing changes until you confirm.";
  color: var(--theme-secondary);
  margin-top: 5px;
  font-size: 15px;
  font-weight: 400;
  display: block;
}

.trial-management-actions .decision-confirm > h3 {
  display: none;
}

.trial-management-actions .decision-confirm .confirmation-summary {
  background: var(--theme-subtle);
  border-left: 4px solid #55d6c2;
  border-radius: 9px;
  gap: 0;
  padding: 14px;
}

.trial-management-actions .decision-confirm .confirmation-summary > div {
  grid-template-columns: 145px 1fr;
  gap: 22px;
  padding: 4px 0;
  display: grid;
}

.trial-management-actions .decision-confirm .confirmation-summary dd {
  margin: 0;
}

.trial-management-actions .decision-confirm > .decision-confirm-actions {
  border-top: 1px solid var(--theme-divider);
  justify-content: flex-end;
  margin-top: 4px;
  padding-top: 18px;
  display: flex;
}

.trial-management-actions .decision-confirm > .decision-confirm-actions button {
  width: auto;
}

@media (max-width: 900px) {
  :is(.app-shell:has(.trial-tabs), .app-shell:has(.trial-parity-detail)) {
    --sidebar-width: 0px;
  }

  :is(.app-shell:has(.trial-tabs) .workspace, .app-shell:has(.trial-parity-detail) .workspace) {
    padding: 18px 14px;
  }

  .workspace:has( > .trial-tabs) > .panel > div:first-child {
    padding: 14px 14px 0;
    position: static;
  }

  .workspace:has( > .trial-tabs) .trial-toolbar {
    padding: 14px;
  }

  .workspace:has( > .trial-tabs) .trial-filter-form {
    grid-template-columns: 1fr;
  }

  .trial-detail-head {
    display: block;
  }

  .trial-detail-status {
    margin-top: 12px;
  }

  .trial-journey-hero {
    margin: 18px -2px 0;
    padding: 17px;
  }

  .trial-parity-detail .trial-journey-hero > ol {
    grid-template-columns: repeat(5, minmax(112px, 1fr));
    margin: 14px 0 18px;
    padding-bottom: 8px;
    overflow-x: auto;
  }

  .trial-parity-detail .trial-journey-hero > ol strong {
    white-space: nowrap;
    font-size: 13px;
  }

  .trial-parity-detail .trial-journey-hero > ol small {
    font-size: 12px;
  }

  .trial-journey-hero > dl, .trial-parity-detail .review-layout, .trial-parity-detail .parity-summary-grid, .parity-context-card > dl, .trial-parity-detail .external-conversation-row {
    grid-template-columns: 1fr;
  }

  .trial-parity-detail .application-tabs {
    overflow-x: auto;
  }

  .trial-action-card {
    position: static;
  }

  :is(.trial-management-actions:has(.external-response-form:not([hidden])), .trial-management-actions:has(.decision-confirm:not([hidden])), .trial-management-success) {
    width: min(100%, 100vw - 20px);
  }
}

:is(:root[data-theme="dark"] .app-shell:has(.trial-tabs) .sidebar, :root[data-theme="dark"] .app-shell:has(.trial-parity-detail) .sidebar) {
  color: #f4f8fc;
  background: #0c1726;
  border-color: #52677f;
}

@media (prefers-color-scheme: dark) {
  :is(:root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-tabs) .sidebar, :root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-parity-detail) .sidebar) {
    color: #f4f8fc;
    background: #0c1726;
    border-color: #52677f;
  }
}

:is(:root[data-theme="dark"] .app-shell:has(.trial-tabs) .nav-item, :root[data-theme="dark"] .app-shell:has(.trial-parity-detail) .nav-item) {
  color: #f4f8fc;
}

@media (prefers-color-scheme: dark) {
  :is(:root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-tabs) .nav-item, :root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-parity-detail) .nav-item) {
    color: #f4f8fc;
  }
}

:is(:root[data-theme="dark"] .app-shell:has(.trial-tabs) .nav-item.active, :root[data-theme="dark"] .app-shell:has(.trial-parity-detail) .nav-item.active) {
  color: #8fc4ff;
  background: #193655;
}

@media (prefers-color-scheme: dark) {
  :is(:root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-tabs) .nav-item.active, :root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-parity-detail) .nav-item.active) {
    color: #8fc4ff;
    background: #193655;
  }
}

:root[data-theme="dark"] .parity-context-card {
  background: #102c3d !important;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .parity-context-card {
    background: #102c3d !important;
  }
}

:root[data-theme="dark"] .parity-context-card.success {
  background: #12362f !important;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .parity-context-card.success {
    background: #12362f !important;
  }
}

:root[data-theme="dark"] .parity-link-row {
  color: #8fc4ff;
  background: #193655;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .parity-link-row {
    color: #8fc4ff;
    background: #193655;
  }
}

:root[data-theme="dark"] .trial-journey-hero {
  background: #0a2541 !important;
  border-color: #496b8c !important;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .trial-journey-hero {
    background: #0a2541 !important;
    border-color: #496b8c !important;
  }
}

:root[data-theme="dark"] .trial-journey-hero > dl > div {
  background: #061a2e !important;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .trial-journey-hero > dl > div {
    background: #061a2e !important;
  }
}

:root[data-theme="dark"] .tone-warning {
  color: #fff0b8 !important;
  background: #493707 !important;
  border-color: #b18a22 !important;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .tone-warning {
    color: #fff0b8 !important;
    background: #493707 !important;
    border-color: #b18a22 !important;
  }
}

:root[data-theme="dark"] .tone-info {
  color: #d2f1ff !important;
  background: #113b50 !important;
  border-color: #4386a5 !important;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .tone-info {
    color: #d2f1ff !important;
    background: #113b50 !important;
    border-color: #4386a5 !important;
  }
}

:root[data-theme="dark"] .tone-success {
  color: #c7f8e8 !important;
  background: #123d32 !important;
  border-color: #3c8f76 !important;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .tone-success {
    color: #c7f8e8 !important;
    background: #123d32 !important;
    border-color: #3c8f76 !important;
  }
}

:root[data-theme="dark"] .tone-neutral {
  color: #edf3f9 !important;
  background: #304156 !important;
  border-color: #70849a !important;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .tone-neutral {
    color: #edf3f9 !important;
    background: #304156 !important;
    border-color: #70849a !important;
  }
}

@media (max-width: 767px) {
  .workspace:has( > .trial-tabs) .trial-table th:first-child {
    width: 28%;
  }

  .workspace:has( > .trial-tabs) .trial-table th:nth-child(2) {
    width: 40%;
  }

  .workspace:has( > .trial-tabs) .trial-table th:last-child {
    width: 32%;
  }
}

.trial-management-actions .confirmation-summary > hr {
  border: 0;
  border-top: 1px solid var(--theme-divider);
  width: 100%;
  margin: 16px 0;
}

.trial-management-success > div[role="status"] > h2 {
  margin: 0 0 5px !important;
  font-size: 24px !important;
  display: block !important;
}

.trial-management-success > div[role="status"] > p {
  color: var(--theme-secondary);
  margin: 0;
}

.trial-management-success > div[role="status"] > .success-icon {
  color: #00877e;
  background: #ddf6ef;
  border-radius: 50%;
  place-items: center;
  width: 48px;
  height: 48px;
  margin-bottom: 12px;
  font-size: 25px;
  display: grid;
  box-shadow: 0 0 0 8px #effaf6;
}

.trial-management-success > div[role="status"] > .confirmation-summary {
  background: var(--theme-subtle);
  border-left: 4px solid #55d6c2;
  border-radius: 9px;
  gap: 0;
  margin-top: 16px;
  padding: 14px;
}

.trial-management-success > div[role="status"] > .confirmation-summary > div {
  grid-template-columns: 145px minmax(0, 1fr);
  gap: 8px;
  margin: 8px 0;
  display: grid;
}

.trial-management-success > div[role="status"] > .confirmation-summary dt {
  font-size: 15px;
}

.trial-management-success > div[role="status"] > .confirmation-summary dd {
  margin: 0;
}

.trial-management-success > div[role="status"] > .decision-confirm-actions {
  border-top: 1px solid var(--theme-divider);
  justify-content: flex-end;
  gap: 9px;
  margin-top: 20px;
  padding-top: 18px;
  display: flex;
}

.trial-management-success > div[role="status"] > .decision-confirm-actions a {
  width: auto;
}

:is(.workspace:has( > .trial-tabs) .trial-table th, .workspace:has( > .trial-tabs) .trial-table td) {
  overflow-wrap: normal;
}

:is(.workspace:has( > .trial-tabs) .trial-table td:nth-child(2) strong, .workspace:has( > .trial-tabs) .trial-table td:nth-child(2) small) {
  white-space: nowrap;
}

.workspace:has( > .trial-tabs) .status-mini {
  min-width: 73px;
}

:is(.trial-management-actions:has(.external-response-form:not([hidden])), .trial-management-actions:has(.decision-confirm:not([hidden])), .trial-management-success) {
  border-top-color: #aebdcd !important;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid label {
  display: inline;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid .input {
  background: field;
  border: 1px solid #767676;
  border-radius: 0;
  padding: 1px 2px;
  font-size: 16px;
  line-height: normal;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid select.input {
  height: 25px;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid input.input {
  height: 30px;
}

.trial-management-actions:has(.external-response-form:not([hidden])) textarea.input {
  min-height: 65px;
}

.trial-management-actions:has(.external-response-form:not([hidden])) > h2 {
  margin-top: 0 !important;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form {
  gap: 0;
  display: block;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > label {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin: 18px 0;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field {
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
  margin: 18px 0;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > label > .input {
  background: var(--theme-surface);
  width: 100%;
  min-width: 0;
  min-height: 44px;
  color: var(--theme-ink);
  border: 2px solid #aebdcd;
  border-radius: 7px;
  margin: 0;
  padding: 11px 12px;
  font-weight: 400;
  display: block;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field > .input {
  background: var(--theme-surface);
  width: 100%;
  min-width: 0;
  min-height: 44px;
  color: var(--theme-ink);
  border: 2px solid #aebdcd;
  border-radius: 7px;
  margin: 0;
  padding: 11px 12px;
  font-weight: 400;
  display: block;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > label > input[type="file"] {
  min-height: 48px;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .decision-confirm-actions {
  border-top: 1px solid var(--theme-divider);
  justify-content: flex-end;
  gap: 9px;
  margin-top: 20px;
  padding-top: 18px;
  display: flex;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .decision-confirm-actions button {
  width: auto;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > label > .input {
  font: 400 13px / 19.76px Inter, Segoe UI, Arial, sans-serif;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field > .input {
  font: 400 13px / 19.76px Inter, Segoe UI, Arial, sans-serif;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > label > textarea.input {
  min-height: 44px;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field > input[type="file"] {
  min-height: 44px;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .decision-confirm-actions button {
  min-height: 44px;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid select.input {
  width: auto;
  height: 25px;
  padding: 0;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid input.input {
  border: 2px inset #767676;
  height: 30.3125px;
  padding: 1px 2px;
  font: 16px / 24.32px Inter, Segoe UI, Arial, sans-serif;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field > label {
  margin-bottom: 6px;
  font-weight: 650;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field > .sub {
  font: 400 15px / 22.8px Inter, Segoe UI, Arial, sans-serif;
}

.trial-management-actions:has(.decision-confirm:not([hidden])) > h2 {
  margin: 0 0 5px !important;
  font: 700 24px / 36.48px Inter, Segoe UI, Arial, sans-serif !important;
  display: block !important;
}

.trial-management-actions:has(.decision-confirm:not([hidden])) > h2:before {
  content: none;
}

.trial-management-actions:has(.decision-confirm:not([hidden])) > h2:after {
  content: none;
}

.trial-management-actions:has(.decision-confirm:not([hidden])) > .external-confirm-sub {
  color: var(--theme-secondary);
  margin: 1px 0 0;
  font: 400 15px / 22.8px Inter, Segoe UI, Arial, sans-serif;
}

.trial-management-actions .decision-confirm .confirmation-summary {
  gap: normal;
  display: block;
}

.trial-management-actions .decision-confirm .confirmation-summary > div {
  grid-template-columns: 155px minmax(0, 1fr);
  gap: 12px;
  margin: 8px 0;
  padding: 0;
  line-height: 23.2px;
}

.trial-management-actions .decision-confirm .confirmation-summary dt {
  font-size: 16px;
  font-weight: 650;
}

.trial-management-actions .decision-confirm > .decision-confirm-actions {
  gap: 9px;
  margin-top: 20px;
}

.trial-management-actions .decision-confirm > .decision-confirm-actions button {
  min-height: 44px;
  padding: 10px 13px;
  font: 650 15px / 22.8px Inter, Segoe UI, Arial, sans-serif;
}

.trial-management-actions:has(.decision-confirm:not([hidden])) > h2 {
  margin-bottom: 0 !important;
}

.trial-management-actions .decision-confirm .confirmation-summary > div:first-of-type dd, .trial-management-actions .decision-confirm .confirmation-summary > div:nth-of-type(3) dd, .trial-management-actions .decision-confirm .confirmation-summary > div:nth-of-type(4) dd {
  font-weight: 700;
}

.trial-management-success > div[role="status"] > .confirmation-summary > div {
  gap: 22px;
}

.trial-management-success > div[role="status"] > .confirmation-summary > div:first-child dd {
  font-weight: 700;
}

.trial-parity-detail .trial-modal {
  border-top-color: #aebdcd;
}

.trial-parity-detail .trial-modal > header h2 {
  font-size: 24px;
  line-height: 1.45;
}

.trial-parity-detail .trial-modal > header p {
  margin-top: 5px;
  font-size: 15px;
}

.workspace:has( > .trial-tabs) .trial-list-panel .table-scroll {
  transform: none;
}

.trial-action-card .actions button svg {
  flex: none;
  width: 18px;
  height: 18px;
}

.external-inline-error {
  color: var(--theme-danger);
  margin: 0;
  font-size: 12px;
}

.trial-management-success > div[role="status"] > .confirmation-summary > div {
  margin: 4px 0;
}

.trial-parity-detail .external-dialog-actions button {
  min-height: 44px;
  padding: 10px 13px;
}

.trial-management-actions .trial-attachment-list {
  gap: 6px;
  margin: 8px 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.trial-management-actions .trial-attachment-list li {
  border: 1px solid var(--theme-divider);
  overflow-wrap: anywhere;
  border-radius: 6px;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 8px 10px;
  display: flex;
}

.trial-management-actions .trial-attachment-list li span {
  min-width: 0;
}

.trial-management-actions .trial-attachment-list li button {
  flex: none;
}

.trial-timeline .timeline-filters {
  margin: 18px 0;
}

.trial-timeline .timeline-filters button {
  background: var(--theme-surface);
  border-color: #8fa2b7;
  border-radius: 999px;
  padding: 10px 13px;
  font-weight: 650;
}

.trial-timeline .timeline-filters button.active {
  color: #fff;
  background: #1677e8;
  border-color: #1677e8;
}

.trial-timeline .timeline-business-list {
  border-left: 2px solid var(--theme-divider);
  gap: 0;
  margin: 0 0 0 17px;
  padding-left: 29px;
}

.trial-timeline .timeline-business-event {
  background: none;
  border: 0;
  margin-bottom: 20px;
  padding: 0;
  display: block;
  position: relative;
}

.trial-timeline .timeline-business-event > svg {
  color: #1677e8;
  background: #e9f2ff;
  border-radius: 50%;
  width: 34px;
  height: 34px;
  padding: 8px;
  position: absolute;
  top: 0;
  left: -47px;
}

.trial-timeline .timeline-business-event > div {
  gap: 2px;
}

.trial-timeline .timeline-business-event span {
  letter-spacing: .06em;
  font-size: 12px;
  font-weight: 700;
}

.trial-timeline .timeline-business-event strong {
  font-size: 16px;
}

.trial-timeline .timeline-business-event small {
  color: var(--theme-secondary);
  margin-top: 2px;
}

.embedded-management-actions .decision-options > :is(.decision, .btn) {
  justify-content: flex-start;
  align-items: center;
  gap: 8px;
  display: inline-flex;
}

.embedded-management-actions .decision-options > :is(.decision, .btn):before {
  content: none;
}

.embedded-management-actions .decision-options > :is(.decision, .btn) > svg {
  flex: none;
  width: 17px;
  min-width: 17px;
  max-width: 17px;
  height: 17px;
  display: block;
}

:is(.app-shell:has(.trial-tabs), .app-shell:has(.trial-parity-detail)) {
  --sidebar-width: 240px;
}

:is(.app-shell.is-collapsed:has(.trial-tabs), .app-shell.is-collapsed:has(.trial-parity-detail)) {
  --sidebar-width: 72px;
}

.trial-work-views {
  flex-wrap: nowrap;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 9px;
  margin: 0 0 22px;
  display: flex;
  overflow-x: auto;
}

.trial-work-view {
  --tile-priority: #3578b8;
  border: 1px solid #d7e6f5;
  border-top: 3px solid var(--tile-priority);
  background: #f7fbff;
  border-radius: 9px;
  min-width: 0;
  position: relative;
  overflow: hidden;
  box-shadow: 0 3px 10px #16304e0e;
}

.trial-work-view-overdue {
  --tile-priority: #d14343;
}

.trial-work-view-action {
  --tile-priority: #d86e19;
}

.trial-work-view-expires7 {
  --tile-priority: #b8860b;
}

.trial-work-view-expires14 {
  --tile-priority: #1677e8;
}

.trial-work-view-started {
  --tile-priority: #4f82b4;
}

.trial-work-view-closedRange {
  --tile-priority: #697b8f;
}

.trial-work-view-search {
  --tile-priority: #3578b8;
}

.trial-work-view.active {
  box-shadow: inset 0 0 0 2px var(--theme-accent);
  border-color: var(--theme-accent);
  outline: none;
}

.trial-work-view:has( > .trial-work-view-main[aria-current="page"]) {
  box-shadow: inset 0 0 0 2px var(--theme-accent);
  border-color: var(--theme-accent);
  outline: none;
}

.trial-search-empty {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: 9px;
  justify-items: start;
  gap: 12px;
  margin: 20px;
  padding: 24px;
  display: grid;
}

.trial-search-empty p {
  margin: 0;
  font-weight: 650;
}

.trial-search-table td {
  overflow-wrap: anywhere;
  max-width: 260px;
}

.trial-search-table .trial-row-action {
  white-space: nowrap;
}

.trial-work-view-main {
  min-height: var(--summary-tile-main-height);
  color: var(--theme-ink);
  grid-template-columns: 24px minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 10px;
  padding: 12px 16px;
  text-decoration: none;
  display: grid;
}

.trial-work-view-main svg {
  width: 21px;
  height: 21px;
  color: var(--tile-priority);
}

.trial-work-view-main span {
  font-size: 13px;
  font-weight: 700;
  line-height: 1.25;
}

.trial-work-view-main b {
  color: var(--tile-priority);
  font-size: var(--summary-tile-count-size);
  line-height: 1;
}

.trial-tile-options {
  width: 30px;
  height: 30px;
  color: var(--theme-secondary);
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
  font-size: 22px;
  line-height: 1;
  position: absolute;
  top: 4px;
  right: 3px;
}

.trial-tile-options:hover, .trial-tile-options:focus-visible {
  background: var(--theme-hover);
  color: var(--theme-ink);
  border-radius: 6px;
}

.airport-overview-layout {
  grid-template-columns: minmax(0, 2fr) minmax(0, 3fr);
  align-items: start;
  gap: 24px;
  display: grid;
}

.airport-overview-layout .access-list {
  min-width: 0;
  margin: 0;
}

.airport-map-section {
  min-width: 0;
}

.airport-map-heading {
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
  display: flex;
}

.airport-map-heading h3 {
  margin: 0;
  font-size: 1rem;
}

.airport-map-heading a {
  font-size: .875rem;
}

.airport-map-frame {
  border: 1px solid var(--theme-divider);
  background: #dbe6ef;
  border-radius: 10px;
  width: 100%;
  height: 420px;
  display: block;
}

.airport-map-section > small {
  margin-top: 8px;
  display: block;
}

@media (max-width: 1250px) {
  .airport-overview-layout {
    grid-template-columns: 1fr;
  }

  .airport-map-frame {
    height: 320px;
  }
}

@media (max-width: 700px) {
  .airport-map-frame {
    height: 260px;
  }
}

.airport-correction-pair {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.airport-correction-pair label {
  min-width: 0;
}

.organization-detail-actions .airport-correction-pair input {
  width: 100%;
}

.organization-directory .airport-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.organization-directory .airport-detail-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.organization-detail-actions form label {
  gap: 5px;
  margin-top: 12px;
  font-size: 12px;
  font-weight: 650;
  display: grid;
}

.organization-detail-actions form button {
  margin-top: 12px;
}

.trial-parity-pagination {
  gap: 18px;
}

.trial-pagination-controls {
  align-items: center;
  gap: 12px;
  display: flex;
}

.trial-pagination-controls button, .trial-pagination-controls a {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  color: var(--theme-ink);
  font: inherit;
  border-radius: 6px;
  padding: 6px 9px;
  text-decoration: none;
}

.trial-pagination-controls button:disabled {
  opacity: .45;
}

.trial-pagination-controls select {
  margin-left: 4px;
}

.trial-range-dialog {
  z-index: 1001;
  border: 1px solid var(--theme-divider);
  border-top: 5px solid var(--theme-accent);
  background: var(--theme-surface);
  border-radius: 12px;
  gap: 15px;
  width: min(480px, 100vw - 32px);
  padding: 24px;
  display: grid;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0 24px 80px #00000059;
}

.trial-range-dialog h2, .trial-range-dialog p {
  margin: 0;
}

.trial-range-dialog label {
  gap: 6px;
  font-weight: 650;
  display: grid;
}

.trial-range-actions {
  border-top: 1px solid var(--theme-divider);
  justify-content: flex-end;
  gap: 9px;
  padding-top: 8px;
  display: flex;
}

.tile-area-heading {
  justify-content: space-between;
  align-items: end;
  margin: 4px 0 9px;
  display: flex;
}

.tile-area-heading span {
  text-transform: uppercase;
  color: var(--theme-accent);
  font-size: 13px;
  font-weight: 750;
}

.tile-area-heading small {
  color: var(--theme-secondary);
}

.overview-contexts {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.overview-contexts > .panel {
  gap: 5px;
  margin: 0;
  padding: 17px;
  display: grid;
}

.overview-contexts > .panel span {
  font-weight: 700;
}

.overview-contexts > .panel b {
  color: var(--theme-accent);
  font-size: 28px;
}

.overview-contexts > .panel small {
  color: var(--theme-secondary);
}

@media (max-width: 1100px) {
  .trial-work-views {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 700px) {
  .trial-work-views {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .trial-parity-pagination, .trial-pagination-controls {
    flex-direction: column;
    align-items: flex-start;
  }

  .trial-work-view-main {
    min-height: var(--summary-tile-main-height);
  }

  :is(.workspace:has( > .trial-tabs) .trial-table td:nth-child(2) strong, .workspace:has( > .trial-tabs) .trial-table td:nth-child(2) small) {
    overflow-wrap: anywhere;
    white-space: normal;
    max-width: 100%;
    display: block;
  }
}

@media (max-width: 420px) {
  .trial-work-views {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .overview-contexts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .overview-contexts {
    grid-template-columns: 1fr;
  }

  .tile-area-heading {
    flex-direction: column;
    align-items: flex-start;
    gap: 2px;
  }
}

:is(.workspace:has( > .trial-tabs) .trial-table:has(.tone-success) th:nth-child(7), .workspace:has( > .trial-tabs) .trial-table:has(.tone-success) td:nth-child(7)) {
  min-width: 195px;
}

:is(.app-shell:has(.trial-tabs) .workspace, .app-shell:has(.trial-parity-detail) .workspace) {
  width: 100%;
  max-width: none;
  padding: 28px 32px;
}

:is(.app-shell:has(.trial-tabs) .sidebar-brand, .app-shell:has(.trial-parity-detail) .sidebar-brand) {
  padding: 0 12px;
}

:is(.app-shell:has(.trial-tabs) .sidebar .brand-logo, .app-shell:has(.trial-parity-detail) .sidebar .brand-logo), :is(.app-shell:has(.trial-tabs) .sidebar .brand-logo .shell-logo-full, .app-shell:has(.trial-parity-detail) .sidebar .brand-logo .shell-logo-full) {
  width: 141px;
  height: 47px;
}

:is(.app-shell:not(.is-collapsed):has(.trial-tabs) .sidebar .brand-logo .shell-logo-full, .app-shell:not(.is-collapsed):has(.trial-parity-detail) .sidebar .brand-logo .shell-logo-full) {
  visibility: visible;
  display: block !important;
}

.trial-operational-date {
  box-sizing: border-box;
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  text-align: right;
  border-radius: 9px;
  gap: 2px;
  width: 150px;
  min-width: 150px;
  height: 66.0625px;
  margin-top: 28.75px;
  padding: 9px 12px;
  display: grid;
}

.trial-operational-date small {
  color: var(--theme-secondary);
}

:is(.app-shell:has(.trial-tabs) .theme-control, .app-shell:has(.trial-parity-detail) .theme-control) {
  width: 208px;
  height: 84.2344px;
  color: var(--theme-secondary);
  margin: 0 16px 20px;
  padding: 14px 0 0;
  display: block;
}

:is(.app-shell:has(.trial-tabs) .theme-control > span, .app-shell:has(.trial-parity-detail) .theme-control > span) {
  margin-bottom: 7px;
  display: block;
}

:is(.app-shell:has(.trial-tabs) .theme-control .input, .app-shell:has(.trial-parity-detail) .theme-control .input) {
  background: var(--theme-surface);
  border-color: var(--theme-divider);
  width: 207px;
  max-width: 207px;
  height: 44px;
  color: var(--theme-ink);
  padding: 10px 14px;
  font-size: 16px;
}

.workspace:has( > .trial-tabs) .status-mini {
  min-width: 0;
  max-width: none;
}

.workspace:has( > .trial-tabs) .trial-table .trial-row-action {
  width: 100%;
  min-width: 0;
}

.workspace:has( > .trial-tabs) .trial-filter-form {
  grid-template-columns: 424px 228.313px 228.313px;
}

.workspace:has( > .trial-tabs) .trial-filter-form > .filter-actions .btn:first-child {
  width: 143.453px;
}

.workspace:has( > .trial-tabs) .trial-table tbody tr {
  height: auto;
}

.workspace:has( > .trial-tabs) .operational-table td:nth-child(9) strong {
  display: inline;
}

.workspace:has( > .trial-tabs) .operational-table td:nth-child(9) strong:after {
  content: "";
  height: 0;
  display: block;
}

.workspace:has( > .trial-tabs) .operational-table td:nth-child(9) small {
  display: inline;
}

body:has(.trial-tabs a[href*="tab=closed"][aria-current="page"]) .trial-row-action {
  flex-direction: row;
  height: 44.7969px;
  min-height: 44.7969px;
}

.workspace:has( > .trial-tabs) .operational-table {
  table-layout: fixed;
}

.workspace:has( > .trial-tabs) .operational-table th:first-child {
  width: 95.6719px;
}

:is(.workspace:has( > .trial-tabs) .operational-table th:nth-child(6), .workspace:has( > .trial-tabs) .operational-table th:nth-child(7)) {
  width: 120px;
}

.workspace:has( > .trial-tabs) .operational-table th:nth-child(8) {
  width: 132.344px;
}

.workspace:has( > .trial-tabs) .operational-table th:nth-child(9) {
  width: 181.422px;
}

.workspace:has( > .trial-tabs) .operational-table th:nth-child(2) {
  width: 179.172px;
}

.workspace:has( > .trial-tabs) .operational-table th:nth-child(3) {
  width: 109.875px;
}

.workspace:has( > .trial-tabs) .operational-table th:nth-child(4) {
  width: 89.5938px;
}

.workspace:has( > .trial-tabs) .operational-table th:nth-child(5) {
  width: 161.094px;
}

.workspace:has( > .trial-tabs) .operational-table th:nth-child(10) {
  width: 90.8281px;
}

.trial-query-context {
  border-left: 4px solid var(--theme-accent);
  background: var(--theme-subtle);
  border-radius: 7px;
  justify-content: space-between;
  align-items: center;
  gap: 18px;
  margin: 14px 20px 10px;
  padding: 12px 14px;
  display: flex;
  transform: translateY(-1px);
}

.trial-query-context > div {
  gap: 2px;
  display: grid;
}

.trial-query-context span {
  color: var(--theme-secondary);
  font-size: .84rem;
}

.trial-query-context > b {
  white-space: nowrap;
  color: var(--theme-accent);
}

.trial-date-guide {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  margin: 0 20px 10px;
  display: grid;
  transform: translateY(-1px);
}

.trial-date-guide > div {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: 8px;
  gap: 2px;
  padding: 9px 11px;
  display: grid;
}

.trial-date-guide span {
  color: var(--theme-secondary);
  letter-spacing: .04em;
  text-transform: uppercase;
  font-size: .72rem;
  font-weight: 800;
}

.trial-date-guide b {
  font-size: .8rem;
}

.workspace:has( > .trial-tabs) .operational-table {
  table-layout: fixed;
  width: 1280px;
  min-width: 1280px;
  max-width: 1280px;
}

.workspace:has( > .trial-tabs) .operational-table.closed-table {
  width: 1094px;
  min-width: 1094px;
  max-width: 1094px;
}

.workspace:has( > .trial-tabs) .operational-table td {
  vertical-align: top;
}

:is(.workspace:has( > .trial-tabs) .operational-table td:nth-child(9) strong, .workspace:has( > .trial-tabs) .operational-table td:nth-child(9) small) {
  display: block;
}

:is(.workspace:has( > .trial-tabs) .operational-table th:nth-child(6), .workspace:has( > .trial-tabs) .operational-table th:nth-child(7), .workspace:has( > .trial-tabs) .operational-table th:nth-child(8)) {
  min-width: 120px;
}

@media (max-width: 800px) {
  .trial-query-context {
    flex-direction: column;
    align-items: flex-start;
  }

  .trial-query-context > b {
    white-space: normal;
  }

  .trial-date-guide {
    grid-template-columns: 1fr;
  }

  .workspace:has( > .trial-tabs) .operational-table {
    min-width: 1240px;
  }
}

:is(.app-shell:has(.trial-tabs) .collapse-button, .app-shell:has(.trial-parity-detail) .collapse-button) {
  translate: 14px;
}

:is(.app-shell:has(.trial-tabs) .topbar, .app-shell:has(.trial-parity-detail) .topbar) {
  gap: 18px;
  padding-left: 40px;
}

:is(.app-shell:has(.trial-tabs) .context-indicator, .app-shell:has(.trial-parity-detail) .context-indicator) {
  width: 122.172px;
}

:is(.app-shell:has(.trial-tabs) .account-chevron, .app-shell:has(.trial-parity-detail) .account-chevron) {
  display: none;
}

:is(.app-shell:has(.trial-tabs) .account-button, .app-shell:has(.trial-parity-detail) .account-button) {
  padding-right: 0;
}

:is(.app-shell:has(.trial-tabs) .account-copy strong, .app-shell:has(.trial-parity-detail) .account-copy strong) {
  font-size: 0;
}

.app-shell:has(.trial-tabs) .account-copy strong:before {
  content: "Platform Admin";
  font: 700 16px / 24.32px Inter, Segoe UI, Arial, sans-serif;
}

.app-shell:has(.trial-parity-detail) .account-copy strong:before {
  content: "Platform Admin";
  font: 700 16px / 24.32px Inter, Segoe UI, Arial, sans-serif;
}

:is(.app-shell:has(.trial-tabs) .avatar svg, .app-shell:has(.trial-parity-detail) .avatar svg) {
  display: none;
}

.app-shell:has(.trial-tabs) .avatar:before {
  content: "PA";
  font-size: 14px;
}

.app-shell:has(.trial-parity-detail) .avatar:before {
  content: "PA";
  font-size: 14px;
}

:is(.app-shell:has(.trial-tabs) .avatar, .app-shell:has(.trial-parity-detail) .avatar) {
  background: #0b2746;
}

:is(.app-shell:has(.trial-tabs) .account-copy small, .app-shell:has(.trial-parity-detail) .account-copy small) {
  color: #64738c;
}

.trial-owner {
  background: var(--theme-subtle);
  border-radius: 9px;
  margin: 16px 0;
  padding: 14px;
}

.trial-owner p {
  color: var(--theme-ink);
  margin: 14px 0 0;
}

.trial-parity-detail .review-summary > h2 svg {
  box-sizing: content-box;
  background: var(--theme-accent-soft);
  width: 18px;
  height: 18px;
  color: var(--theme-accent);
  border-radius: 8px;
  padding: 6px;
}

@media (max-width: 767px) {
  :is(.app-shell:has(.trial-tabs) .topbar, .app-shell:has(.trial-parity-detail) .topbar) {
    padding-left: 12px;
  }

  :is(.app-shell:has(.trial-tabs) .context-indicator, .app-shell:has(.trial-parity-detail) .context-indicator) {
    width: auto;
  }
}

.notification-table th:first-child {
  width: 204px;
}

.notification-table th:nth-child(2) {
  width: 120px;
}

.notification-table th:nth-child(3) {
  width: 98px;
}

.notification-table th:nth-child(4) {
  width: 398px;
}

.notification-table th:nth-child(5) {
  width: 94px;
}

.notification-table th:nth-child(6) {
  width: 180px;
}

:is(.app-shell:has(.trial-tabs) .nav-item.active, .app-shell:has(.trial-parity-detail) .nav-item.active) {
  color: var(--theme-ink) !important;
  background: none !important;
}

:is(.app-shell:has(.trial-tabs) .account-button, .app-shell:has(.trial-parity-detail) .account-button) {
  width: 192.656px;
}

.trial-owner {
  margin: 0;
}

.trial-parity-detail .trial-action-card > h2 {
  margin-bottom: 0;
}

:is(:root[data-theme="dark"] .app-shell:has(.trial-tabs) .brand-logo, :root[data-theme="dark"] .app-shell:has(.trial-parity-detail) .brand-logo) {
  background: url("/ForwarderCT-horizontal-dark-background.png") 0 / 141px 47px no-repeat;
}

@media (prefers-color-scheme: dark) {
  :is(:root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-tabs) .brand-logo, :root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-parity-detail) .brand-logo) {
    background: url("/ForwarderCT-horizontal-dark-background.png") 0 / 141px 47px no-repeat;
  }
}

:is(:root[data-theme="dark"] .app-shell:has(.trial-tabs) .brand-logo .shell-logo-full, :root[data-theme="dark"] .app-shell:has(.trial-parity-detail) .brand-logo .shell-logo-full) {
  visibility: hidden;
}

@media (prefers-color-scheme: dark) {
  :is(:root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-tabs) .brand-logo .shell-logo-full, :root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-parity-detail) .brand-logo .shell-logo-full) {
    visibility: hidden;
  }
}

.parity-evidence-modal > header {
  display: block;
}

.parity-evidence-modal > header h2 {
  margin: 0 0 2px !important;
  font-size: 24px !important;
  line-height: 36.48px !important;
}

.parity-evidence-modal > header p {
  margin: 0 !important;
}

.prototype-detail-card {
  background: #edf2f7;
  border-left: 4px solid #55d6c2;
  border-radius: 9px;
  padding: 14px;
}

.prototype-detail-card dl {
  gap: 0;
  margin: 0;
  display: grid;
}

.prototype-detail-card dl > div {
  grid-template-columns: 155px minmax(0, 1fr);
  gap: 12px;
  margin: 5px 0;
  line-height: 23.2px;
  display: grid;
}

.prototype-detail-card dt {
  color: #40566f;
  font-weight: 650;
}

.prototype-detail-card dd {
  margin: 0;
}

.prototype-detail-card dd.strong {
  font-weight: 700;
}

.prototype-detail-card hr {
  border: 0;
  border-top: 1px solid #aebdcd;
  margin: 14px 0;
}

.prototype-detail-card h3 {
  margin: 0 0 14px;
  font-size: 16px;
}

.prototype-detail-card .prototype-message {
  margin: 0 0 14px;
  line-height: 24.32px;
}

.prototype-detail-card ul {
  margin: 0 0 14px;
  padding-left: 40px;
}

.parity-evidence-modal footer {
  border-top: 1px solid #aebdcd;
  margin-top: 20px;
  padding-top: 18px;
}

.notification-detail-modal, .audit-detail-modal {
  max-height: none;
}

:root[data-theme="dark"] .prototype-detail-card {
  background: #17263a;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .prototype-detail-card {
    background: #17263a;
  }
}

.parity-evidence-modal .btn-primary {
  min-height: 44px;
  padding: 10px 13px;
  font-size: 15px;
  font-weight: 650;
}

.trial-parity-detail .external-thread-meta dt, .trial-parity-detail .external-message dt {
  color: var(--theme-secondary);
  font-size: 16px;
  font-weight: 650;
  line-height: 23.2px;
}

.trial-parity-detail .external-thread-meta dd, .trial-parity-detail .external-message dd {
  line-height: 23.2px;
}

.trial-parity-detail .external-message .trial-attachment-list svg {
  display: none;
}

.trial-parity-detail .external-message .trial-attachment-list a {
  border: 1px solid var(--theme-divider);
  border-radius: 7px;
  padding: 8px 10px;
  text-decoration: none;
  display: inline-block;
}

.organization-overview {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 8px;
  margin-bottom: 18px;
  display: grid;
}

.organization-overview-card {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  color: var(--theme-ink);
  border-radius: 9px;
  gap: 4px;
  padding: 16px;
  text-decoration: none;
  display: grid;
}

.organization-overview-card:hover {
  border-color: var(--theme-accent);
}

.organization-overview-card span {
  font-size: 13px;
  font-weight: 700;
}

.organization-overview-card strong {
  color: var(--theme-accent);
  font-size: 23px;
}

.organization-overview-card small {
  color: var(--theme-secondary);
}

.organization-directory > .panel {
  margin-top: 14px;
}

.organization-filter-form {
  grid-template-columns: minmax(220px, 2fr) repeat(2, minmax(170px, 1fr));
  align-items: center;
  gap: 12px;
  margin-bottom: 18px;
  display: grid;
}

.organization-filter-check {
  align-items: center;
  gap: 8px;
  font-size: 13px;
  display: flex;
}

.organization-filter-form > .filter-actions {
  grid-column: 1 / -1;
}

.organization-table {
  table-layout: auto;
  width: 100%;
}

.organization-table td, .organization-table th {
  vertical-align: middle;
  padding: 12px;
}

.organization-table .organization-open {
  justify-content: center;
  min-width: 70px;
}

.organization-directory .trial-tabs {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  display: grid;
}

.organization-directory .trial-tabs > a {
  text-align: center;
  min-width: 0;
}

.organization-detail-grid {
  grid-template-columns: minmax(0, 1fr) 290px;
  align-items: start;
  gap: 14px;
  display: grid;
}

.organization-detail-actions {
  position: sticky;
  top: 90px;
}

.organization-detail-actions .panel {
  padding: 16px;
}

.organization-detail-actions button, .organization-detail-actions a {
  justify-content: flex-start;
  width: 100%;
  margin-top: 8px;
  display: flex;
}

.organization-detail-actions h2 {
  font-size: 16px;
  font-weight: 700;
}

.organization-detail-actions p {
  color: var(--theme-secondary);
  margin: 8px 0;
  font-size: 13px;
}

.organization-detail-actions hr {
  border-color: var(--theme-divider);
  margin: 16px 0;
}

.organization-status {
  border: 1px solid var(--theme-divider);
  border-radius: 999px;
  align-items: center;
  padding: 9px 15px;
  font-weight: 700;
  display: inline-flex;
}

.organization-detail-head {
  justify-content: space-between;
  align-items: flex-start;
  gap: 12px;
  display: flex;
}

.organization-detail-head h1 {
  font-size: 28px;
  font-weight: 750;
}

.organization-detail-tabs {
  margin: 18px 0 14px;
}

.organization-detail-tabs > a {
  text-align: center;
  flex: 1;
}

.organization-lifecycle-card {
  border: 1px solid var(--theme-divider);
  background: var(--theme-accent-soft);
  border-radius: 10px;
  padding: 18px;
}

.organization-lifecycle-card h2 {
  font-weight: 700;
}

.organization-lifecycle-card dl {
  grid-template-columns: 160px 1fr;
  gap: 8px;
  margin-top: 12px;
  display: grid;
}

.organization-lifecycle-card dt {
  color: var(--theme-secondary);
}

.organization-detail-main > .panel {
  margin-top: 14px;
}

@media (max-width: 900px) {
  .organization-overview {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .organization-filter-form, .organization-detail-grid {
    grid-template-columns: 1fr;
  }

  .organization-detail-actions {
    position: static;
  }
}

@media (max-width: 540px) {
  .organization-overview {
    grid-template-columns: 1fr 1fr;
  }

  .organization-directory .trial-tabs {
    display: flex;
    overflow-x: auto;
  }

  .organization-detail-head {
    display: block;
  }

  .organization-lifecycle-card dl {
    grid-template-columns: 1fr;
  }
}

.trial-management-actions:has(.external-response-form:not([hidden])) {
  width: min(820px, 100vw - 40px);
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid {
  grid-template-columns: 1fr 1fr;
  gap: 14px 18px;
  display: grid;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid label {
  gap: 8px;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid .input {
  box-sizing: border-box;
  background: var(--theme-surface);
  width: 100%;
  height: 44px;
  color: var(--theme-ink);
  border: 2px solid #aebdcd;
  border-radius: 7px;
  padding: 10px 12px;
  font: 400 13px / 19.76px Inter, Segoe UI, Arial, sans-serif;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid input.input {
  box-sizing: border-box;
  background: var(--theme-surface);
  width: 100%;
  height: 44px;
  color: var(--theme-ink);
  border: 2px solid #aebdcd;
  border-radius: 7px;
  padding: 10px 12px;
  font: 400 13px / 19.76px Inter, Segoe UI, Arial, sans-serif;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid select.input {
  box-sizing: border-box;
  background: var(--theme-surface);
  width: 100%;
  height: 44px;
  color: var(--theme-ink);
  border: 2px solid #aebdcd;
  border-radius: 7px;
  padding: 10px 12px;
  font: 400 13px / 19.76px Inter, Segoe UI, Arial, sans-serif;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field > .sub {
  display: none;
}

.notification-detail-modal {
  min-height: 557px;
}

.notification-detail-modal .prototype-detail-card {
  margin-top: 2px;
}

.audit-detail-modal {
  min-height: 588px;
}

.audit-detail-modal .prototype-detail-card {
  margin-top: 3px;
}

.trial-parity-detail .external-attachments svg {
  display: none;
}

.trial-parity-detail .external-attachments a {
  border: 1px solid var(--theme-divider);
  border-radius: 7px;
  padding: 8px 10px;
  text-decoration: none;
  display: inline-block;
}

.notification-message-content {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: 8px;
  gap: 12px;
  margin: 0 0 16px;
  padding: 16px;
  display: grid;
}

.notification-message-content p {
  overflow-wrap: anywhere;
  margin: 0;
  line-height: 1.6;
}

.notification-message-content p > span {
  display: block;
}

.notification-message-content .notification-message-url {
  color: var(--theme-accent);
  word-break: break-all;
  font-size: .9em;
}

.parity-evidence-modal {
  flex-direction: column;
  max-height: calc(100dvh - 32px);
  display: flex;
  overflow: hidden;
}

.parity-evidence-modal > header, .parity-evidence-modal > footer {
  flex: none;
}

.parity-evidence-modal > .prototype-detail-card {
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
  scrollbar-width: auto;
  scrollbar-color: #6487ad #dce5f0;
  min-height: 0;
  overflow-y: scroll;
}

.parity-evidence-modal > header > .icon-button {
  display: inline-flex;
}

.parity-evidence-modal {
  position: relative;
}

.parity-evidence-modal > header {
  padding-right: 44px;
}

.parity-evidence-modal > header > .icon-button {
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 14px;
  right: 16px;
}

.parity-evidence-modal > .prototype-detail-card::-webkit-scrollbar {
  width: 12px;
}

.parity-evidence-modal > .prototype-detail-card::-webkit-scrollbar-track {
  background: var(--theme-divider);
  border-radius: 8px;
}

.parity-evidence-modal > .prototype-detail-card::-webkit-scrollbar-thumb {
  background: var(--theme-secondary);
  border: 2px solid var(--theme-divider);
  border-radius: 8px;
}

:root[data-theme="dark"] .parity-evidence-modal > .prototype-detail-card {
  scrollbar-color: #8bb5ed #263a53;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .parity-evidence-modal > .prototype-detail-card {
    scrollbar-color: #8bb5ed #263a53;
  }
}

.trial-evidence-attachments {
  gap: .4rem;
  display: grid;
}

.trial-evidence-attachments a {
  color: var(--theme-accent);
  overflow-wrap: anywhere;
  text-decoration: underline;
}

@media (max-width: 767px) {
  :is(.app-shell:has(.trial-tabs) .topbar, .app-shell:has(.trial-parity-detail) .topbar) {
    border-bottom-color: var(--theme-divider);
    gap: 0;
    height: 62px;
    padding: 0 14px 0 21px;
  }

  .app-shell:has(.trial-tabs) .topbar:before {
    content: "";
    background: url("/ForwarderCT-horizontal-dark-background.png") center / 127px 35px no-repeat;
    flex: none;
    width: 127px;
    height: 35px;
    display: block;
  }

  .app-shell:has(.trial-parity-detail) .topbar:before {
    content: "";
    background: url("/ForwarderCT-horizontal-dark-background.png") center / 127px 35px no-repeat;
    flex: none;
    width: 127px;
    height: 35px;
    display: block;
  }

  :is(.app-shell:has(.trial-tabs) .mobile-menu, .app-shell:has(.trial-parity-detail) .mobile-menu, .app-shell:has(.trial-tabs) .context-indicator, .app-shell:has(.trial-parity-detail) .context-indicator, .app-shell:has(.trial-tabs) .ai-trigger, .app-shell:has(.trial-parity-detail) .ai-trigger) {
    display: none;
  }

  :is(.app-shell:has(.trial-tabs) .account, .app-shell:has(.trial-parity-detail) .account) {
    margin-left: auto;
  }

  :is(.app-shell:has(.trial-tabs) .account-button, .app-shell:has(.trial-parity-detail) .account-button) {
    width: 168px;
    padding: 0;
  }

  :is(.app-shell:has(.trial-tabs) .account-copy, .app-shell:has(.trial-parity-detail) .account-copy) {
    display: flex;
  }

  :is(.app-shell:has(.trial-tabs) .workspace, .app-shell:has(.trial-parity-detail) .workspace) {
    padding: 18px 14px;
  }

  :is(.app-shell:has(.trial-tabs) .trial-journey-hero, .app-shell:has(.trial-parity-detail) .trial-journey-hero) {
    margin-left: -2px;
    margin-right: -2px;
  }

  :is(.app-shell:has(.trial-tabs) .topbar, .app-shell:has(.trial-parity-detail) .topbar) {
    padding-left: 14px;
  }

  .app-shell:has(.trial-tabs) .topbar:before {
    background-size: 141px 47px;
    width: 141px;
    height: 47px;
  }

  .app-shell:has(.trial-parity-detail) .topbar:before {
    background-size: 141px 47px;
    width: 141px;
    height: 47px;
  }

  .trial-parity-detail .trial-journey-heading .context-help > button {
    width: 34px;
    height: 34px;
  }

  .trial-parity-detail .trial-journey-hero > ol {
    margin: 30px 0 18px;
  }

  .trial-parity-detail .trial-journey-hero > ol strong {
    white-space: normal;
    width: 100px;
    font-size: 13px;
    line-height: 19.76px;
  }

  .trial-parity-detail .trial-journey-hero > ol small {
    width: 100px;
    font-size: 12px;
    line-height: 18.24px;
  }

  .trial-parity-detail .trial-journey-hero > dl dd {
    color: #fff;
  }
}

nextjs-portal {
  display: none !important;
}

:root[data-theme="dark"] .trial-parity-detail .trial-journey-hero > ol small {
  color: #c2cede;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .trial-parity-detail .trial-journey-hero > ol small {
    color: #c2cede;
  }
}

.trial-parity-detail .trial-journey-hero > ol li.current strong {
  font-size: 13px !important;
  line-height: 19.76px !important;
}

.trial-parity-detail .trial-journey-hero > ol li.current small {
  font-size: 12px !important;
  line-height: 18.24px !important;
}

@media (max-width: 767px) {
  .app-shell:has(.trial-tabs) .account-copy strong:before {
    font-size: 16px;
  }

  .app-shell:has(.trial-parity-detail) .account-copy strong:before {
    font-size: 16px;
  }

  :is(.app-shell:has(.trial-tabs) .account-copy small, .app-shell:has(.trial-parity-detail) .account-copy small) {
    font-size: 13px;
    line-height: 19.76px;
  }

  :is(.app-shell:has(.trial-tabs) .mobile-menu, .app-shell:has(.trial-parity-detail) .mobile-menu) {
    opacity: 0;
    width: 141px;
    height: 47px;
    display: grid;
    position: absolute;
    left: 14px;
  }

  :is(.app-shell:has(.trial-tabs) .mobile-menu:focus-visible, .app-shell:has(.trial-parity-detail) .mobile-menu:focus-visible) {
    opacity: .12;
    outline: 3px solid var(--theme-accent);
  }
}

.trial-parity-detail .trial-journey-hero > ol li {
  text-align: center;
  min-width: 0;
  padding-inline: 6px;
  display: block;
}

.trial-parity-detail .trial-journey-hero > ol li > span {
  margin-left: auto;
  margin-right: auto;
}

.trial-parity-detail .review-summary .parity-summary-grid > div {
  grid-template-columns: 120px minmax(0, 1fr);
  gap: 8px;
}

.trial-parity-detail .review-summary .parity-summary-grid dd {
  font-size: .92rem;
  line-height: 1.45;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px 18px;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid label {
  min-width: 0;
  color: var(--theme-ink);
  margin: 0;
  font-size: 13px;
  font-weight: 700;
  display: block;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid .input {
  background: var(--theme-surface);
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  color: var(--theme-ink);
  border: 1px solid #aebdcd;
  border-radius: 8px;
  margin-top: 7px;
  padding: 11px 12px;
  font-weight: 400;
  display: block;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid input.input {
  background: var(--theme-surface);
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  color: var(--theme-ink);
  border: 1px solid #aebdcd;
  border-radius: 8px;
  margin-top: 7px;
  padding: 11px 12px;
  font-weight: 400;
  display: block;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid select.input {
  background: var(--theme-surface);
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  color: var(--theme-ink);
  border: 1px solid #aebdcd;
  border-radius: 8px;
  margin-top: 7px;
  padding: 11px 12px;
  font-weight: 400;
  display: block;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > label > .input {
  border-width: 1px;
  border-color: #aebdcd;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field > .input {
  border: 2px solid #aebdcd;
  padding: 8px 10px;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field > input[type="file"] {
  height: 51px;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field > .sub {
  margin-top: 1px;
  display: block;
}

@media (max-width: 800px) {
  .trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid {
    grid-template-columns: 1fr;
  }
}

:is(:root[data-theme="dark"] .app-shell:has(.trial-tabs) .avatar, :root[data-theme="dark"] .app-shell:has(.trial-parity-detail) .avatar) {
  color: #fff;
}

@media (prefers-color-scheme: dark) {
  :is(:root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-tabs) .avatar, :root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-parity-detail) .avatar) {
    color: #fff;
  }
}

:is(:root[data-theme="dark"] .app-shell:has(.trial-tabs) .nav-item.active, :root[data-theme="dark"] .app-shell:has(.trial-parity-detail) .nav-item.active) {
  color: #9dcbff !important;
  background: #1d3858 !important;
  border-radius: 6px !important;
}

@media (prefers-color-scheme: dark) {
  :is(:root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-tabs) .nav-item.active, :root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-parity-detail) .nav-item.active) {
    color: #9dcbff !important;
    background: #1d3858 !important;
    border-radius: 6px !important;
  }
}

:is(:root[data-theme="dark"] .app-shell:has(.trial-tabs) .nav-item.active svg, :root[data-theme="dark"] .app-shell:has(.trial-parity-detail) .nav-item.active svg) {
  color: #9dcbff !important;
}

@media (prefers-color-scheme: dark) {
  :is(:root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-tabs) .nav-item.active svg, :root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-parity-detail) .nav-item.active svg) {
    color: #9dcbff !important;
  }
}

:is(:root[data-theme="dark"] .app-shell:has(.trial-tabs) .ai-trigger, :root[data-theme="dark"] .app-shell:has(.trial-parity-detail) .ai-trigger) {
  white-space: nowrap;
  color: #c2cede;
  background: #fff;
  border-color: #52677f;
  border-radius: 7px;
  width: 123.203px;
}

@media (prefers-color-scheme: dark) {
  :is(:root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-tabs) .ai-trigger, :root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-parity-detail) .ai-trigger) {
    white-space: nowrap;
    color: #c2cede;
    background: #fff;
    border-color: #52677f;
    border-radius: 7px;
    width: 123.203px;
  }
}

:is(:root[data-theme="dark"] .app-shell:has(.trial-tabs) .account-copy small, :root[data-theme="dark"] .app-shell:has(.trial-parity-detail) .account-copy small) {
  color: #c2cede;
}

@media (prefers-color-scheme: dark) {
  :is(:root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-tabs) .account-copy small, :root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-parity-detail) .account-copy small) {
    color: #c2cede;
  }
}

:is(:root[data-theme="dark"] .app-shell:has(.trial-tabs) .topbar, :root[data-theme="dark"] .app-shell:has(.trial-parity-detail) .topbar) {
  background: #0c1726;
  border-bottom-color: #52677f;
}

@media (prefers-color-scheme: dark) {
  :is(:root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-tabs) .topbar, :root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-parity-detail) .topbar) {
    background: #0c1726;
    border-bottom-color: #52677f;
  }
}

:root[data-theme="dark"] .trial-modal-backdrop {
  background: #00050dd1;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .trial-modal-backdrop {
    background: #00050dd1;
  }
}

:root[data-theme="dark"] .trial-management-actions::backdrop {
  background: #00050dd1;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .trial-management-actions::backdrop {
    background: #00050dd1;
  }
}

@media (max-width: 900px) {
  .workspace:has( > .trial-tabs) > .panel > div:first-child > div:last-child {
    justify-content: flex-start;
  }
}

:root[data-theme="dark"] .trial-management-actions:has(.external-response-form:not([hidden])) .external-form-intro {
  color: #effffc;
  background: #12362f;
  border-color: #438f80;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .trial-management-actions:has(.external-response-form:not([hidden])) .external-form-intro {
    color: #effffc;
    background: #12362f;
    border-color: #438f80;
  }
}

:root[data-theme="dark"] .trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid .input {
  border-color: #61758b;
}

:root[data-theme="dark"] .trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > label > .input {
  border-color: #61758b;
}

:root[data-theme="dark"] .trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field > .input {
  border-color: #61758b;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid .input {
    border-color: #61758b;
  }

  :root:is([data-theme="system"], :not([data-theme])) .trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > label > .input {
    border-color: #61758b;
  }

  :root:is([data-theme="system"], :not([data-theme])) .trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field > .input {
    border-color: #61758b;
  }
}

.external-heading-actions {
  align-items: center;
  gap: .65rem;
  display: flex;
}

.trial-management-actions:has(.external-response-form:not([hidden])) > h2:after {
  content: none;
}

.trial-management-actions:has(.external-response-form:not([hidden])) > .external-edit-sub {
  color: var(--theme-secondary);
  margin: 1px 0 0;
  font: 400 15px / 22.8px Inter, Segoe UI, Arial, sans-serif;
}

.trial-management-actions:has(.external-response-form:not([hidden])) {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.trial-management-actions:has(.external-response-form:not([hidden])) > h2 {
  margin-bottom: 5px !important;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field > input[type="file"] {
  background: #f3f6fa;
}

:root[data-theme="dark"] .trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid .input {
  background: #091523;
}

:root[data-theme="dark"] .trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > label > .input {
  background: #091523;
}

:root[data-theme="dark"] .trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field > .input {
  background: #091523;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .trial-management-actions:has(.external-response-form:not([hidden])) .external-form-grid .input {
    background: #091523;
  }

  :root:is([data-theme="system"], :not([data-theme])) .trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > label > .input {
    background: #091523;
  }

  :root:is([data-theme="system"], :not([data-theme])) .trial-management-actions:has(.external-response-form:not([hidden])) .external-response-form > .field > .input {
    background: #091523;
  }
}

dialog.notification-detail-modal, dialog.audit-detail-modal, dialog.external-dialog, dialog.trial-management-actions {
  padding-left: 22px !important;
  padding-right: 22px !important;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-intro > * {
  visibility: visible;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-intro:before {
  content: none;
}

.trial-management-actions:has(.external-response-form:not([hidden])) .external-form-intro:after {
  content: none;
}

.audit-detail-modal {
  box-sizing: border-box;
  height: 587.313px;
}

.external-dialog:has(.external-conversation-list) {
  box-sizing: border-box;
  height: 427.656px;
}

.external-dialog:has(.external-message-thread) {
  box-sizing: border-box;
  height: 791.25px;
}

.trial-management-actions:has(.decision-confirm:not([hidden])) {
  box-sizing: border-box;
  height: 692.688px;
}

.action-dialog-backdrop {
  z-index: 200;
  background: #050d1bb8;
  justify-content: center;
  align-items: center;
  padding: 20px;
  display: flex;
  position: fixed;
  inset: 0;
  overflow: auto;
}

.action-dialog-backdrop > .action-dialog-panel {
  flex: none;
  max-width: 100%;
  overflow: auto;
  max-height: calc(100dvh - 40px) !important;
  margin: auto !important;
  position: relative !important;
  top: auto !important;
  left: auto !important;
  transform: none !important;
}

.action-dialog-panel > .action-dialog-close {
  z-index: 1;
  position: absolute;
  top: 14px;
  right: 14px;
}

:root[data-theme="dark"] .action-dialog-backdrop {
  background: #00050dd1;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .action-dialog-backdrop {
    background: #00050dd1;
  }
}

.trial-management-success {
  box-sizing: border-box;
  height: 466.188px;
}

:root[data-theme="dark"] .prototype-detail-card dt {
  color: #c2cede;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .prototype-detail-card dt {
    color: #c2cede;
  }
}

:root[data-theme="dark"] .parity-evidence-modal .btn-primary {
  color: #fff;
  background: #1677e8;
  border-color: #1677e8;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .parity-evidence-modal .btn-primary {
    color: #fff;
    background: #1677e8;
    border-color: #1677e8;
  }
}

:root[data-theme="dark"] .trial-work-view {
  background: #122a43;
  border-color: #315b82;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .trial-work-view {
    background: #122a43;
    border-color: #315b82;
  }
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .workspace:has( > .trial-tabs) > .trial-tabs > a[aria-current="page"] {
    color: #8fc4ff;
    background: #1d3858;
  }
}

:is(.app-shell:has(.trial-tabs) .collapse-button svg, .app-shell:has(.trial-parity-detail) .collapse-button svg) {
  rotate: 180deg;
}

:is(.app-shell:has(.trial-tabs).is-collapsed .collapse-button svg, .app-shell:has(.trial-parity-detail).is-collapsed .collapse-button svg) {
  rotate: none;
}

:is(.app-shell:has(.trial-tabs) .nav-item.active .nav-badge, .app-shell:has(.trial-parity-detail) .nav-item.active .nav-badge) {
  display: none;
}

:is(:root[data-theme="dark"] .app-shell:has(.trial-tabs) .theme-control .input, :root[data-theme="dark"] .app-shell:has(.trial-parity-detail) .theme-control .input) {
  color: #f4f8fc;
  background: #0c1726;
  border-color: #52677f;
}

@media (prefers-color-scheme: dark) {
  :is(:root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-tabs) .theme-control .input, :root:is([data-theme="system"], :not([data-theme])) .app-shell:has(.trial-parity-detail) .theme-control .input) {
    color: #f4f8fc;
    background: #0c1726;
    border-color: #52677f;
  }
}

:is(.app-shell:has(.trial-tabs) .ai-trigger, .app-shell:has(.trial-parity-detail) .ai-trigger) {
  white-space: nowrap;
  width: 123.203px;
}

.workspace:has( > .trial-tabs) .table-scroll {
  margin-top: -1px;
}

:root[data-theme="dark"] .workspace:has( > .trial-tabs) > header > div:first-child > p:first-child {
  color: #8fc4ff;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .workspace:has( > .trial-tabs) > header > div:first-child > p:first-child {
    color: #8fc4ff;
  }
}

:root[data-theme="dark"] .workspace:has( > .trial-tabs) > .trial-tabs > a {
  color: #d8e3ef;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .workspace:has( > .trial-tabs) > .trial-tabs > a {
    color: #d8e3ef;
  }
}

:root[data-theme="dark"] .workspace:has( > .trial-tabs) > .trial-tabs > a[aria-current="page"] {
  color: #9bc9ff;
  background: #152a44;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .workspace:has( > .trial-tabs) > .trial-tabs > a[aria-current="page"] {
    color: #9bc9ff;
    background: #152a44;
  }
}

:root[data-theme="dark"] .workspace:has( > .trial-tabs) .trial-filter-form > .input {
  background: #091523;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .workspace:has( > .trial-tabs) .trial-filter-form > .input {
    background: #091523;
  }
}

:root[data-theme="dark"] .workspace:has( > .trial-tabs) .trial-filter-form > .filter-actions .btn {
  background: #17263a;
  border-color: #6b8097;
}

:root[data-theme="dark"] .workspace:has( > .trial-tabs) .trial-filter-form > .filter-actions .btn-primary {
  background: #17263a;
  border-color: #6b8097;
}

:root[data-theme="dark"] .workspace:has( > .trial-tabs) .trial-table .trial-row-action {
  background: #17263a;
  border-color: #6b8097;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .workspace:has( > .trial-tabs) .trial-filter-form > .filter-actions .btn {
    background: #17263a;
    border-color: #6b8097;
  }

  :root:is([data-theme="system"], :not([data-theme])) .workspace:has( > .trial-tabs) .trial-filter-form > .filter-actions .btn-primary {
    background: #17263a;
    border-color: #6b8097;
  }

  :root:is([data-theme="system"], :not([data-theme])) .workspace:has( > .trial-tabs) .trial-table .trial-row-action {
    background: #17263a;
    border-color: #6b8097;
  }
}

.decision-modal-backdrop {
  z-index: 120;
}

.trial-action-card:has(.decision-modal-backdrop) {
  z-index: 130;
}

.decision-modal {
  border-top-color: #8396b4;
  border-radius: 9px;
  width: min(620px, 100vw - 32px);
  padding: 22px;
}

.decision-modal > header {
  padding: 0;
  display: block;
}

.decision-modal > header h2 {
  font-size: 24px;
  line-height: 1.3;
}

.decision-modal > header p {
  margin-top: 6px;
  font-size: 15px;
}

.decision-modal-fields {
  gap: 16px;
  margin-top: 18px;
  display: grid;
}

.decision-modal-fields > label {
  gap: 7px;
  font-size: 13px;
  font-weight: 700;
  display: grid;
}

.decision-modal-fields textarea {
  box-sizing: border-box;
  resize: vertical;
  width: 100%;
  min-height: 64px;
}

.decision-modal-fields textarea:focus {
  outline: 2px solid var(--theme-accent);
  outline-offset: 2px;
}

.decision-attachments input {
  border: 2px solid #7f91ab;
  min-height: 51px;
  padding: 8px;
}

.decision-attachments span {
  color: var(--theme-secondary);
  font-size: 13px;
  font-weight: 650;
}

.decision-modal footer {
  border-top: 1px solid var(--theme-divider);
  justify-content: flex-end;
  gap: 10px;
  margin-top: 4px;
  padding-top: 18px;
  display: flex;
}

.decision-modal footer button {
  width: auto;
  min-width: 74px;
}

.decision-modal-confirm {
  gap: 16px;
  margin-top: 4px;
  display: grid;
}

.decision-modal-confirm .confirmation-summary {
  background: var(--theme-subtle);
  border-left: 4px solid #63d9cb;
  border-radius: 8px;
  grid-template-columns: 145px minmax(0, 1fr);
  gap: 0 22px;
  padding: 18px 14px;
  display: grid;
}

.decision-modal-confirm .confirmation-summary > div {
  display: contents;
}

.decision-modal-confirm .confirmation-summary dt, .decision-modal-confirm .confirmation-summary dd {
  padding: 5px 0;
  font-size: 15px;
  line-height: 1.45;
}

.decision-modal-confirm .confirmation-summary dt {
  font-weight: 700;
}

.decision-modal-confirm .confirmation-summary dd {
  margin: 0;
}

.decision-modal-confirm form {
  display: contents;
}

@media (max-width: 640px) {
  .decision-modal-backdrop {
    align-items: end;
    padding: 8px;
  }

  .decision-modal {
    width: 100%;
    max-height: calc(100vh - 16px);
    padding: 18px;
  }

  .decision-modal-confirm .confirmation-summary {
    grid-template-columns: 1fr;
  }

  .decision-modal-confirm .confirmation-summary > div {
    display: block;
  }

  .decision-modal-confirm .confirmation-summary dd {
    padding-top: 0;
  }

  .decision-modal footer {
    flex-wrap: wrap;
  }

  .decision-modal footer button {
    flex: auto;
  }
}

:root[data-theme="dark"] .workspace:has( > .trial-tabs) > .panel > div:first-child .btn {
  color: #f4f8fc;
  background: #17263a;
  border-color: #6b8097;
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .workspace:has( > .trial-tabs) > .panel > div:first-child .btn {
    color: #f4f8fc;
    background: #17263a;
    border-color: #6b8097;
  }
}

body:has(.trial-tabs a[href*="tab=assistance"][aria-current="page"]) .operational-table th:first-child {
  width: 94.6875px;
}

body:has(.trial-tabs a[href*="tab=assistance"][aria-current="page"]) .operational-table th:nth-child(2) {
  width: 188.172px;
}

body:has(.trial-tabs a[href*="tab=assistance"][aria-current="page"]) .operational-table th:nth-child(3) {
  width: 112.797px;
}

body:has(.trial-tabs a[href*="tab=assistance"][aria-current="page"]) .operational-table th:nth-child(4) {
  width: 132.844px;
}

body:has(.trial-tabs a[href*="tab=assistance"][aria-current="page"]) .operational-table th:nth-child(5) {
  width: 132px;
}

body:has(.trial-tabs a[href*="tab=assistance"][aria-current="page"]) .operational-table th:nth-child(8) {
  width: 131.797px;
}

body:has(.trial-tabs a[href*="tab=assistance"][aria-current="page"]) .operational-table th:nth-child(9) {
  width: 158.344px;
}

body:has(.trial-tabs a[href*="tab=assistance"][aria-current="page"]) .operational-table th:nth-child(10) {
  width: 89.3594px;
}

body:has(.trial-tabs a[href*="tab=awaiting"][aria-current="page"]) .operational-table th:first-child {
  width: 96.2188px;
}

body:has(.trial-tabs a[href*="tab=awaiting"][aria-current="page"]) .operational-table th:nth-child(2) {
  width: 180.875px;
}

body:has(.trial-tabs a[href*="tab=awaiting"][aria-current="page"]) .operational-table th:nth-child(3) {
  width: 109.766px;
}

body:has(.trial-tabs a[href*="tab=awaiting"][aria-current="page"]) .operational-table th:nth-child(4) {
  width: 144.094px;
}

body:has(.trial-tabs a[href*="tab=awaiting"][aria-current="page"]) .operational-table th:nth-child(5) {
  width: 128.313px;
}

body:has(.trial-tabs a[href*="tab=awaiting"][aria-current="page"]) .operational-table th:nth-child(8) {
  width: 134.344px;
}

body:has(.trial-tabs a[href*="tab=awaiting"][aria-current="page"]) .operational-table th:nth-child(9) {
  width: 157.047px;
}

body:has(.trial-tabs a[href*="tab=awaiting"][aria-current="page"]) .operational-table th:nth-child(10) {
  width: 89.3438px;
}

body:has(.trial-tabs a[href*="tab=active"][aria-current="page"]) .operational-table th:first-child {
  width: 95.6719px;
}

body:has(.trial-tabs a[href*="tab=active"][aria-current="page"]) .operational-table th:nth-child(2) {
  width: 193.094px;
}

body:has(.trial-tabs a[href*="tab=active"][aria-current="page"]) .operational-table th:nth-child(3) {
  width: 109.5px;
}

body:has(.trial-tabs a[href*="tab=active"][aria-current="page"]) .operational-table th:nth-child(4) {
  width: 104.516px;
}

body:has(.trial-tabs a[href*="tab=active"][aria-current="page"]) .operational-table th:nth-child(5) {
  width: 145.547px;
}

body:has(.trial-tabs a[href*="tab=active"][aria-current="page"]) .operational-table th:nth-child(8) {
  width: 120.969px;
}

body:has(.trial-tabs a[href*="tab=active"][aria-current="page"]) .operational-table th:nth-child(9) {
  width: 180.594px;
}

body:has(.trial-tabs a[href*="tab=active"][aria-current="page"]) .operational-table th:nth-child(10) {
  width: 90.1094px;
}

body:has(.trial-tabs a[href*="tab=closed"][aria-current="page"]) .operational-table th:first-child {
  width: 94.6875px;
}

body:has(.trial-tabs a[href*="tab=closed"][aria-current="page"]) .operational-table th:nth-child(2) {
  width: 173.219px;
}

body:has(.trial-tabs a[href*="tab=closed"][aria-current="page"]) .operational-table th:nth-child(3) {
  width: 111.688px;
}

body:has(.trial-tabs a[href*="tab=closed"][aria-current="page"]) .operational-table th:nth-child(4) {
  width: 184.594px;
}

body:has(.trial-tabs a[href*="tab=closed"][aria-current="page"]) .operational-table th:nth-child(5) {
  width: 71.4063px;
}

body:has(.trial-tabs a[href*="tab=closed"][aria-current="page"]) .operational-table th:nth-child(6) {
  width: 144.547px;
  min-width: 0;
}

body:has(.trial-tabs a[href*="tab=closed"][aria-current="page"]) .operational-table th:nth-child(7) {
  width: 193.875px;
  min-width: 0;
}

body:has(.trial-tabs a[href*="tab=closed"][aria-current="page"]) .operational-table th:nth-child(8) {
  width: 119.984px;
  min-width: 0;
}

.trial-list-panel {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
}

.trial-table-scroll {
  width: 100%;
  max-width: 100%;
  overflow: auto hidden;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table {
  table-layout: fixed;
  width: 100%;
  min-width: 1280px;
  max-width: none;
  margin: 0;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table.closed-table {
  width: 100%;
  min-width: 1050px;
  max-width: none;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-search-table {
  min-width: 1280px;
}

.trial-table-scroll .trial-col-reference {
  width: 8%;
}

.trial-table-scroll .trial-col-applicant {
  width: 15%;
}

.trial-table-scroll .trial-col-organization {
  width: 12%;
}

.trial-table-scroll .trial-col-context {
  width: 10%;
}

.trial-table-scroll .trial-col-status {
  width: 9%;
}

.trial-table-scroll .trial-col-reason {
  width: 15%;
}

.trial-table-scroll .trial-col-date {
  width: 10%;
}

.trial-table-scroll .trial-col-due {
  width: 11%;
}

.trial-table-scroll .trial-col-next {
  width: 18%;
}

.trial-table-scroll .trial-col-actor {
  width: 13%;
}

.trial-table-scroll .trial-col-action {
  width: 88px;
}

:is(.workspace:has( > .trial-tabs) .trial-table-scroll .trial-table th, .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table td) {
  overflow-wrap: break-word;
  word-break: normal;
  white-space: normal;
  vertical-align: top;
  width: auto;
  min-width: 0;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-table td:nth-child(2) small {
  overflow-wrap: anywhere;
  white-space: normal;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-table .trial-row-action {
  box-sizing: border-box;
  white-space: nowrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 88px;
  min-width: 88px;
  height: 36px;
  min-height: 36px;
  padding: 6px 10px;
  line-height: 1;
  display: inline-flex;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .status-mini {
  text-align: left;
  white-space: normal;
  min-width: 0;
  max-width: 100%;
  display: inline-flex;
}

.workspace:has( > .trial-tabs) .trial-filter-form.trial-filter-global {
  grid-template-columns: minmax(240px, 2fr) minmax(150px, 1fr) minmax(150px, 1fr) auto;
}

@media (max-width: 767px) {
  .workspace:has( > .trial-tabs) .trial-table-scroll {
    overflow-x: auto;
  }

  :is(.workspace:has( > .trial-tabs) .trial-table-scroll .trial-table th, .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table td) {
    display: table-cell;
  }

  .workspace:has( > .trial-tabs) .trial-table-scroll .operational-table {
    width: 100%;
    min-width: 1280px;
  }

  .workspace:has( > .trial-tabs) .trial-filter-form.trial-filter-global {
    grid-template-columns: 1fr;
  }
}

.trial-sort-link {
  color: inherit;
  white-space: nowrap;
  align-items: center;
  gap: 6px;
  text-decoration: none;
  display: inline-flex;
}

.trial-sort-link:hover {
  text-decoration: underline;
}

.trial-sort-link span {
  color: #90b7ff;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table.closed-table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-search-table {
  width: 100%;
  min-width: 0;
  max-width: 100%;
}

:is(.workspace:has( > .trial-tabs) .trial-table-scroll .trial-table th, .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table td) {
  padding-left: 8px;
  padding-right: 8px;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-search-table col:first-child {
  width: 7%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-search-table col:nth-child(2) {
  width: 13%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-search-table col:nth-child(3) {
  width: 11%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-search-table col:nth-child(4) {
  width: 9%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-search-table col:nth-child(5) {
  width: 8%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-search-table col:nth-child(6) {
  width: 19%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-search-table col:nth-child(7) {
  width: 10%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-search-table col:nth-child(8) {
  width: 13%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-search-table col:nth-child(9) {
  width: 10%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table:not(.trial-search-table):not(.closed-table) col:first-child {
  width: 7%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table:not(.trial-search-table):not(.closed-table) col:nth-child(2) {
  width: 13%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table:not(.trial-search-table):not(.closed-table) col:nth-child(3) {
  width: 11%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table:not(.trial-search-table):not(.closed-table) col:nth-child(4) {
  width: 8%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table:not(.trial-search-table):not(.closed-table) col:nth-child(5) {
  width: 12%;
}

:is(.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table:not(.trial-search-table):not(.closed-table) col:nth-child(6), .workspace:has( > .trial-tabs) .trial-table-scroll .operational-table:not(.trial-search-table):not(.closed-table) col:nth-child(7)) {
  width: 9%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table:not(.trial-search-table):not(.closed-table) col:nth-child(8) {
  width: 9%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table:not(.trial-search-table):not(.closed-table) col:nth-child(9) {
  width: 12%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table:not(.trial-search-table):not(.closed-table) col:nth-child(10) {
  width: 10%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .closed-table col:first-child {
  width: 9%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .closed-table col:nth-child(2) {
  width: 15%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .closed-table col:nth-child(3) {
  width: 13%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .closed-table col:nth-child(4) {
  width: 11%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .closed-table col:nth-child(5) {
  width: 12%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .closed-table col:nth-child(6) {
  width: 14%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .closed-table col:nth-child(7) {
  width: 16%;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .closed-table col:nth-child(8) {
  width: 10%;
}

@media (max-width: 767px) {
  .workspace:has( > .trial-tabs) .trial-table-scroll {
    overflow-x: hidden;
  }

  .workspace:has( > .trial-tabs) .trial-table-scroll .operational-table {
    width: 100%;
    min-width: 0;
  }

  :is(.workspace:has( > .trial-tabs) .trial-table-scroll .trial-table th, .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table td) {
    display: none;
  }

  :is(.workspace:has( > .trial-tabs) .trial-table-scroll .trial-table th:first-child, .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table td:first-child, .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table th:nth-child(2), .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table td:nth-child(2), .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table th:last-child, .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table td:last-child) {
    display: table-cell;
  }

  .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table col {
    width: 0;
  }

  .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table col:first-child {
    width: 29%;
  }

  .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table col:nth-child(2) {
    width: 45%;
  }

  .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table col:last-child {
    width: 26%;
  }

  .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table .trial-row-action {
    width: min(88px, 100%);
    min-width: 0;
    padding-inline: 5px;
  }
}

.registration-workspace .registration-decision button.btn, .registration-workspace .registration-decision button.btn-primary, .registration-workspace .transition-actions .btn, .registration-workspace .transition-actions .btn-primary, .registration-workspace .closed-outcome .btn, .registration-workspace .closed-outcome .btn-primary {
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  display: inline-flex;
}

.registration-workspace .registration-decision button svg, .registration-workspace .transition-actions a svg, .registration-workspace .closed-outcome a svg, .registration-workspace .identity-candidate a svg {
  flex: none;
  width: 17px;
  height: 17px;
}

.registration-workspace .registration-back {
  align-items: center;
  gap: 6px;
  display: inline-flex;
}

.registration-workspace .registration-back-icon {
  width: 16px;
  height: 16px;
  transform: rotate(180deg);
}

.registration-workspace .registration-support-actions {
  border-top: 1px solid var(--theme-divider);
  gap: 8px;
  margin-top: 18px;
  padding-top: 16px;
  display: grid;
}

.registration-workspace .registration-support-actions .btn {
  align-items: center;
  gap: 8px;
  min-height: 40px;
  display: inline-flex;
}

.registration-workspace .registration-support-actions svg {
  flex: none;
  width: 17px;
  height: 17px;
}

.assistance-account-context {
  color: var(--theme-secondary);
  overflow-wrap: anywhere;
  margin: 4px 0 16px;
}

.assistance-account-context strong {
  color: var(--theme-ink);
  font-weight: 650;
}

.trial-applicant-responses {
  min-width: 0;
}

.trial-applicant-response {
  border-top: 1px solid var(--theme-divider);
  overflow-wrap: anywhere;
  padding: 1rem 0;
}

.trial-applicant-response p {
  margin: .6rem 0;
}

.trial-applicant-response ul {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 240px), 1fr));
  gap: .5rem;
  margin: .6rem 0 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.trial-applicant-response li {
  min-width: 0;
}

.trial-applicant-response a {
  border: 1px solid var(--theme-divider);
  width: 100%;
  min-width: 0;
  color: var(--theme-accent);
  box-sizing: border-box;
  border-radius: .4rem;
  align-items: center;
  gap: .55rem;
  padding: .55rem .7rem;
  text-decoration: none;
  display: flex;
}

.trial-applicant-response a:hover {
  background: var(--theme-hover);
}

.trial-applicant-response a svg {
  flex: none;
  width: 18px;
  min-width: 18px;
  max-width: 18px;
  height: 18px;
  min-height: 18px;
  max-height: 18px;
  display: block;
}

.trial-applicant-response a span {
  overflow-wrap: anywhere;
  min-width: 0;
  line-height: 1.3;
}

.workspace:has( > .trial-tabs) .trial-table-scroll {
  overflow-x: auto;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table {
  table-layout: auto;
  width: max-content;
  min-width: 100%;
  max-width: none;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .operational-table.closed-table {
  table-layout: auto;
  width: max-content;
  min-width: 100%;
  max-width: none;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-search-table {
  table-layout: auto;
  width: max-content;
  min-width: 100%;
  max-width: none;
}

.workspace:has( > .trial-tabs) .trial-table-scroll .trial-table col {
  width: auto !important;
}

:is(.workspace:has( > .trial-tabs) .trial-table-scroll .trial-table th, .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table td) {
  min-width: 115px;
  display: table-cell;
}

@media (max-width: 767px) {
  .workspace:has( > .trial-tabs) .trial-table-scroll {
    overflow-x: auto;
  }

  :is(.workspace:has( > .trial-tabs) .trial-table-scroll .trial-table th, .workspace:has( > .trial-tabs) .trial-table-scroll .trial-table td) {
    display: table-cell;
  }
}

.trial-lifecycle-dialog .decision-confirm-actions {
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 8px;
  margin-top: 18px;
  display: flex;
}

.trial-lifecycle-dialog .decision-confirm-actions button, .trial-lifecycle-dialog [role="status"] button {
  justify-content: center;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  display: inline-flex;
}

.trial-lifecycle-dialog button svg {
  flex: none;
  width: 17px;
  height: 17px;
}

.trial-lifecycle-dialog label {
  gap: 6px;
  display: grid;
}

.organization-directory > .panel > div:first-child {
  margin-bottom: 16px !important;
  position: static !important;
}

.organization-directory > .panel > div:first-child > div:first-child {
  display: block !important;
}

.organization-directory > .panel .table-scroll {
  margin: 0;
}

:root[data-theme="dark"] .organization-directory .input, :root[data-theme="dark"] .organization-detail .input {
  background: var(--theme-surface);
  border-color: var(--theme-input-border);
  color: var(--theme-ink);
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .organization-directory .input, :root:is([data-theme="system"], :not([data-theme])) .organization-detail .input {
    background: var(--theme-surface);
    border-color: var(--theme-input-border);
    color: var(--theme-ink);
  }
}

:root[data-theme="dark"] .organization-directory .btn, :root[data-theme="dark"] .organization-detail .btn {
  background: var(--theme-surface);
  border-color: var(--theme-divider);
  color: var(--theme-ink);
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .organization-directory .btn, :root:is([data-theme="system"], :not([data-theme])) .organization-detail .btn {
    background: var(--theme-surface);
    border-color: var(--theme-divider);
    color: var(--theme-ink);
  }
}

:root[data-theme="dark"] .organization-directory .btn:hover, :root[data-theme="dark"] .organization-detail .btn:hover {
  background: var(--theme-hover);
}

@media (prefers-color-scheme: dark) {
  :root:is([data-theme="system"], :not([data-theme])) .organization-directory .btn:hover, :root:is([data-theme="system"], :not([data-theme])) .organization-detail .btn:hover {
    background: var(--theme-hover);
  }
}

.organization-report {
  color: #16283b;
  max-width: 1050px;
  margin-inline: auto;
  font: 400 14px / 1.55 Inter, Segoe UI, Arial, sans-serif;
}

.organization-report-controls {
  justify-content: space-between;
  gap: 1rem;
  margin: 0 0 18px;
  display: flex;
}

.organization-report-controls .btn, .organization-report-controls .btn-primary {
  min-height: 42px;
}

.org-report-paper {
  background: #fff;
  border: 1px solid #d7e2ec;
  border-radius: 14px;
  padding: 46px 54px;
  box-shadow: 0 18px 55px #08182a24;
}

.org-report-header {
  border-bottom: 1px solid #dce5ed;
  justify-content: space-between;
  align-items: flex-start;
  gap: 24px;
  padding-bottom: 22px;
  display: flex;
}

.org-report-brand {
  color: #153d65;
  letter-spacing: -.03em;
  grid-template-rows: auto auto;
  grid-template-columns: 38px auto;
  align-items: center;
  column-gap: 10px;
  font-size: 18px;
  font-weight: 800;
  display: grid;
}

.org-report-mark {
  color: #fff;
  background: #1268a8;
  border-radius: 10px;
  grid-row: 1 / 3;
  place-items: center;
  width: 38px;
  height: 38px;
  font-size: 25px;
  font-style: italic;
  display: grid;
}

.org-report-brand small {
  color: #617487;
  letter-spacing: .07em;
  text-transform: uppercase;
  grid-column: 2;
  font-size: 11px;
  font-weight: 650;
}

.org-report-issued {
  color: #617487;
  text-align: right;
  margin: 0;
  font-size: 11px;
  line-height: 1.6;
}

.org-report-intro {
  padding: 32px 0 27px;
}

.org-report-eyebrow {
  color: #2876aa;
  letter-spacing: .13em;
  margin: 0 0 8px;
  font-size: 11px;
  font-weight: 800;
}

.org-report-intro h1 {
  color: #112c46;
  letter-spacing: -.035em;
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 34px;
  font-weight: 780;
  line-height: 1.16;
}

.org-report-state {
  align-items: center;
  gap: 12px;
  margin-top: 15px;
  display: flex;
}

.org-report-state p {
  color: #455d72;
  margin: 0;
}

.org-report-status {
  color: #0d6b50;
  background: #e5f3ef;
  border-radius: 99px;
  flex: none;
  align-items: center;
  padding: 5px 11px;
  font-size: 11px;
  font-weight: 750;
  display: inline-flex;
}

.org-report-status.suspended {
  color: #795000;
  background: #fff3d8;
}

.org-report-status.disabled {
  color: #a13e3e;
  background: #fceaea;
}

.org-report-metrics {
  background: #f5f9fc;
  border: 1px solid #dce6ef;
  border-radius: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 28px;
  display: grid;
}

.org-report-metrics > div {
  gap: 2px;
  padding: 15px 19px;
  display: grid;
}

.org-report-metrics > div + div {
  border-left: 1px solid #dce6ef;
}

.org-report-metrics strong {
  color: #123d60;
  font-size: 21px;
  line-height: 1.2;
}

.org-report-metrics span {
  color: #526a7e;
  font-size: 11px;
  font-weight: 650;
}

.org-report-section {
  border-top: 1px solid #dce5ed;
  padding: 24px 0 26px;
}

.org-report-section-heading {
  break-after: avoid;
  align-items: flex-start;
  gap: 14px;
  margin-bottom: 16px;
  display: flex;
}

.org-report-section-heading > span {
  color: #155e91;
  background: #e9f3fb;
  border-radius: 7px;
  flex: none;
  place-items: center;
  width: 28px;
  height: 28px;
  font-size: 11px;
  font-weight: 800;
  display: grid;
}

.org-report-section-heading h2 {
  color: #173750;
  margin: 0;
  font-size: 19px;
  font-weight: 760;
  line-height: 1.3;
}

.org-report-section-heading p {
  color: #617487;
  margin: 3px 0 0;
  font-size: 12px;
}

.org-report-section h3 {
  color: #173750;
  margin: 0;
  font-size: 13px;
  font-weight: 750;
}

.org-report-columns {
  grid-template-columns: 1fr 1fr;
  gap: 16px 32px;
  display: grid;
}

.org-report-columns dl {
  margin: 0;
}

.org-report-field {
  border-bottom: 1px solid #edf1f5;
  grid-template-columns: 145px minmax(0, 1fr);
  gap: 10px;
  padding: 8px 0;
  display: grid;
}

.org-report-field dt {
  color: #617487;
  font-size: 11px;
  font-weight: 650;
}

.org-report-field dd {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: 12px;
  font-weight: 620;
}

.org-report-lifecycle {
  background: #f5f9fc;
  border-radius: 9px;
  margin-top: 18px;
  padding: 16px 18px;
}

.org-report-lifecycle h3 {
  margin-bottom: 8px;
}

.org-report-lifecycle > div {
  color: #5e7182;
  justify-content: space-between;
  gap: 20px;
  padding: 5px 0;
  font-size: 12px;
  display: flex;
}

.org-report-lifecycle > div strong {
  color: #183750;
  text-align: right;
  font-weight: 650;
}

.org-report-limits {
  grid-template-columns: 1fr 1fr;
  gap: 12px;
  margin-bottom: 17px;
  display: grid;
}

.org-report-limits > div {
  border: 1px solid #deebf2;
  border-radius: 8px;
  gap: 3px;
  padding: 13px 15px;
  display: grid;
}

.org-report-limits strong {
  color: #174f77;
  font-size: 20px;
}

.org-report-limits span {
  color: #617487;
  font-size: 11px;
}

.org-report-features {
  grid-template-columns: 1fr 1fr;
  gap: 0 24px;
  display: grid;
}

.org-report-features > div {
  border-bottom: 1px solid #edf1f5;
  justify-content: space-between;
  gap: 10px;
  padding: 7px 0;
  font-size: 12px;
  display: flex;
}

.org-report-features strong {
  font-size: 11px;
}

.org-report-features .enabled {
  color: #0c7255;
}

.org-report-features .disabled {
  color: #7a8794;
}

.org-report-table-wrap {
  width: 100%;
  overflow-x: auto;
}

.organization-report table {
  border-collapse: collapse;
  width: 100%;
  font-size: 12px;
}

.organization-report thead {
  display: table-header-group;
}

.organization-report th {
  color: #516a80;
  letter-spacing: .04em;
  text-align: left;
  text-transform: uppercase;
  background: #f2f7fb;
  padding: 9px 10px;
  font-size: 10px;
  font-weight: 760;
}

.organization-report td {
  vertical-align: top;
  overflow-wrap: anywhere;
  border-bottom: 1px solid #e5edf3;
  padding: 10px;
}

.organization-report td strong {
  color: #173750;
  display: block;
}

.organization-report td small {
  color: #698093;
  font-size: 10px;
  display: block;
}

.org-report-empty {
  color: #617487;
  background: #f7f9fb;
  border-radius: 8px;
  margin: 0;
  padding: 15px 18px;
  font-size: 12px;
}

.org-report-entry-list {
  border-top: 1px solid #e5edf3;
}

.org-report-entry {
  break-inside: avoid;
  border-bottom: 1px solid #e5edf3;
  justify-content: space-between;
  gap: 18px;
  padding: 13px 0;
  display: flex;
}

.org-report-entry h3 {
  overflow-wrap: anywhere;
}

.org-report-entry p {
  color: #607588;
  margin: 3px 0 0;
  font-size: 11px;
}

.org-report-entry time, .org-report-entry-meta {
  color: #607588;
  text-align: right;
  flex: none;
  font-size: 11px;
}

.org-report-entry-meta {
  gap: 2px;
  display: grid;
}

.org-report-entry-meta strong {
  color: #214761;
}

.org-report-conversation, .org-report-document {
  padding: 16px 0;
  display: block;
}

.org-report-entry-top {
  justify-content: space-between;
  gap: 18px;
  display: flex;
}

.org-report-kicker {
  text-transform: uppercase;
  letter-spacing: .06em;
  font-weight: 760;
  color: #2474a4 !important;
  margin: 0 0 3px !important;
  font-size: 10px !important;
}

.org-report-byline, .org-report-origin {
  color: #617487 !important;
}

.org-report-body {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.6;
  color: #253e52 !important;
  margin: 10px 0 !important;
  font-size: 12px !important;
}

.org-report-files {
  margin-top: 10px;
}

.org-report-files > strong {
  color: #526a7e;
  text-transform: uppercase;
  letter-spacing: .05em;
  margin-bottom: 5px;
  font-size: 10px;
  display: block;
}

.org-report-files ul {
  gap: 4px;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.org-report-files li {
  justify-content: space-between;
  gap: 15px;
  font-size: 11px;
  display: flex;
}

.org-report-files a {
  color: #1268a8;
  overflow-wrap: anywhere;
  text-decoration: underline;
}

.org-report-files span {
  color: #6a7e90;
  flex: none;
}

.org-report-compact h3 {
  font-size: 12px;
}

.org-report-footer {
  color: #667b8b;
  border-top: 1px solid #cbd9e4;
  margin-top: 18px;
  padding-top: 15px;
  font-size: 10px;
}

.org-report-footer > div {
  justify-content: space-between;
  gap: 20px;
  font-weight: 700;
  display: flex;
}

.org-report-footer p {
  margin: 7px 0 0;
}

.org-report-section-heading > span svg {
  width: 15px;
  height: 15px;
}

.organization-report .org-report-metrics svg, .organization-report .org-report-files svg {
  width: 13px;
  height: 13px;
}

.organization-detail-tabs svg, .organization-directory .trial-tabs svg {
  width: 15px;
  height: 15px;
}

.organization-detail-actions svg {
  flex: none;
  width: 16px;
  height: 16px;
}

.platform-role-access {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: 12px;
  margin-top: 20px;
  overflow: hidden;
}

.platform-role-access-heading {
  border-bottom: 1px solid var(--theme-divider);
  justify-content: space-between;
  align-items: center;
  gap: 16px;
  padding: 20px 22px;
  display: flex;
}

.platform-role-access-heading h3 {
  align-items: center;
  gap: 9px;
  margin: 0;
  font-size: 17px;
  display: flex;
}

.platform-role-access-heading h3 svg {
  width: 18px;
  height: 18px;
}

.platform-role-access-heading p, .platform-role-grants-heading p {
  color: var(--theme-secondary);
  margin: 5px 0 0;
  font-size: 13px;
}

.platform-role-access-heading > strong {
  white-space: nowrap;
  font-size: 13px;
}

.platform-role-options {
  background: var(--theme-subtle);
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 10px;
  padding: 16px 20px;
  display: grid;
}

.platform-role-options button {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  min-height: 78px;
  color: inherit;
  text-align: left;
  cursor: pointer;
  border-radius: 9px;
  align-items: flex-start;
  gap: 10px;
  padding: 13px;
  display: flex;
}

.platform-role-options button.is-selected {
  border-color: var(--theme-accent-border);
  box-shadow: inset 0 0 0 1px var(--theme-accent-border);
  background: var(--theme-accent-soft);
}

.platform-role-options button > svg {
  width: 17px;
  height: 17px;
  color: var(--theme-accent);
  flex: none;
  margin-top: 2px;
}

.platform-role-options button > span {
  flex: 1;
  gap: 4px;
  min-width: 0;
  display: grid;
}

.platform-role-options small {
  color: var(--theme-secondary);
  line-height: 1.35;
}

.platform-role-options b {
  font-size: 15px;
}

.platform-role-grants {
  padding: 20px 22px;
}

.platform-role-grants-heading {
  margin-bottom: 16px;
}

.platform-role-grants-heading h4 {
  margin: 0;
  font-size: 17px;
}

.platform-role-grants section + section {
  margin-top: 20px;
}

.platform-role-grants h5 {
  align-items: center;
  gap: 8px;
  margin: 0 0 7px;
  font-size: 13px;
  display: flex;
}

.platform-role-grants h5 span {
  color: var(--theme-secondary);
  font-size: 11px;
}

.platform-role-grant-list {
  border: 1px solid var(--theme-divider);
  border-radius: 9px;
  overflow: hidden;
}

.platform-role-grant {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 10px 13px;
  display: flex;
}

.platform-role-grant + .platform-role-grant {
  border-top: 1px solid var(--theme-divider);
}

.platform-role-grant > div {
  gap: 2px;
  display: grid;
}

.platform-role-grant strong {
  font-size: 13px;
}

.platform-role-grant code {
  color: var(--theme-secondary);
  overflow-wrap: anywhere;
  font-size: 11px;
}

.platform-role-grant > span {
  color: var(--theme-secondary);
  text-align: right;
  font-size: 11px;
}

.platform-role-empty {
  color: var(--theme-secondary);
  margin: 0;
}

@media (max-width: 650px) {
  .platform-role-access-heading, .platform-role-grant {
    flex-direction: column;
    align-items: flex-start;
  }

  .platform-role-grant > span {
    text-align: left;
  }
}

.organization-role-access {
  border: 1px solid var(--theme-divider);
  border-radius: 12px;
  overflow: hidden;
}

.organization-access-options {
  background: var(--theme-subtle);
  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
  gap: 9px;
  padding: 14px;
  display: grid;
}

.organization-access-options button {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  color: var(--theme-ink);
  text-align: left;
  cursor: pointer;
  border-radius: 9px;
  align-items: flex-start;
  gap: 10px;
  padding: 13px;
  display: flex;
}

.organization-access-options button.is-selected {
  border-color: var(--theme-accent-border);
  background: var(--theme-accent-soft);
  box-shadow: inset 0 0 0 1px var(--theme-accent-border);
}

.organization-access-options svg {
  width: 17px;
  height: 17px;
  color: var(--theme-accent);
  flex: none;
}

.organization-access-options span {
  gap: 3px;
  display: grid;
}

.organization-access-options small {
  color: var(--theme-secondary);
}

.organization-access-detail > header {
  justify-content: space-between;
  align-items: flex-start;
  gap: 14px;
  padding: 20px 22px;
  display: flex;
}

.organization-access-detail > header h3 {
  margin: 0;
  font-size: 18px;
}

.organization-access-detail > header p {
  color: var(--theme-secondary);
  margin: 4px 0 0;
  font-size: 13px;
}

.organization-access-detail > header .btn {
  white-space: nowrap;
  align-items: center;
  gap: 7px;
  display: inline-flex;
}

.organization-access-detail > header svg {
  width: 15px;
  height: 15px;
}

.organization-access-scope {
  border: 1px solid var(--theme-divider);
  background: var(--theme-subtle);
  border-radius: 9px;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  margin: 0 22px 18px;
  padding: 13px 15px;
  display: grid;
}

.organization-access-scope strong {
  font-size: 12px;
}

.organization-access-scope p {
  margin: 3px 0 0;
  font-size: 13px;
}

.organization-access-detail > .platform-role-options {
  border-top: 1px solid var(--theme-divider);
}

@media (max-width: 650px) {
  .organization-access-detail > header {
    flex-direction: column;
  }

  .organization-access-scope {
    grid-template-columns: 1fr;
  }
}

.organization-access-editor {
  gap: 16px;
  margin-top: 16px;
  display: grid;
}

.organization-access-editor fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

.organization-access-editor legend {
  align-items: center;
  gap: 7px;
  margin-bottom: 8px;
  font-weight: 700;
  display: flex;
}

.organization-access-editor legend svg, .organization-access-editor > fieldset > label svg {
  width: 16px;
  height: 16px;
}

.organization-access-editor-options {
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 8px;
  display: grid;
}

.organization-access-editor-options label {
  border: 1px solid var(--theme-divider);
  cursor: pointer;
  border-radius: 8px;
  align-items: flex-start;
  gap: 9px;
  padding: 10px;
  display: flex;
}

.organization-access-editor-options label:has(input:checked) {
  border-color: var(--theme-accent-border);
  background: var(--theme-accent-soft);
}

.organization-access-editor-options input {
  margin-top: 3px;
}

.organization-access-editor-options span {
  gap: 3px;
  display: grid;
}

.organization-access-editor-options small {
  color: var(--theme-secondary);
}

.organization-access-editor-preview {
  border: 1px solid var(--theme-divider);
  border-radius: 9px;
  overflow: hidden;
}

.organization-access-editor-preview h4 {
  margin: 0;
  padding: 12px 14px;
}

.organization-access-editor-preview .platform-role-options {
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  padding: 10px;
}

.organization-access-editor-preview .platform-role-options button {
  min-height: 55px;
}

.organization-access-editor-grants {
  max-height: 230px;
  overflow: auto;
}

.organization-access-editor-grants > div {
  border-top: 1px solid var(--theme-divider);
  gap: 2px;
  padding: 8px 13px;
  display: grid;
}

.organization-access-editor-grants small {
  color: var(--theme-secondary);
}

.organization-access-browser {
  background: var(--theme-subtle);
  border-bottom: 1px solid var(--theme-divider);
}

.organization-access-browser-header, .organization-access-browser-footer {
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 12px 14px;
  display: flex;
}

.organization-access-browser-header > label {
  align-items: center;
  gap: 8px;
  width: min(440px, 100%);
  min-width: 0;
  display: flex;
}

.organization-access-browser-header > label svg {
  flex: none;
  width: 17px;
  height: 17px;
}

.organization-access-browser-header .input {
  width: 100%;
}

.organization-access-browser-header > span, .organization-access-browser-footer {
  color: var(--theme-secondary);
  font-size: 12px;
}

.organization-access-browser .organization-access-options {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 0 14px 12px;
}

.organization-access-browser .organization-access-options button {
  align-items: center;
  min-width: 0;
}

.organization-access-browser .organization-access-options button > span {
  flex: 1;
  min-width: 0;
}

.organization-access-browser .organization-access-options strong, .organization-access-browser .organization-access-options small {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.organization-access-browser .organization-access-options button > svg:last-child {
  color: var(--theme-secondary);
  width: 14px;
}

.organization-access-browser .organization-access-options > p {
  color: var(--theme-secondary);
  grid-column: 1 / -1;
  margin: 12px 0;
}

.organization-access-browser-footer {
  border-top: 1px solid var(--theme-divider);
}

.organization-access-browser-footer > div {
  align-items: center;
  gap: 10px;
  display: flex;
}

.organization-access-browser-footer .btn {
  padding: 6px 10px;
}

@media (max-width: 650px) {
  .organization-access-browser .organization-access-options {
    grid-template-columns: 1fr;
  }

  .organization-access-browser-header {
    flex-direction: column;
    align-items: stretch;
  }

  .organization-access-browser-footer {
    flex-wrap: wrap;
  }
}

.workspace.organization-detail > .trial-tabs.organization-detail-tabs {
  flex-wrap: nowrap;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  display: grid;
  overflow-x: auto;
}

.workspace.organization-detail > .trial-tabs.organization-detail-tabs > a {
  white-space: nowrap;
  min-width: 0;
  padding: .85rem .4rem;
}

.workspace.organization-detail > .trial-tabs.organization-detail-tabs > a > span {
  gap: .35rem;
}

.workspace.organization-detail .organization-users-tabs {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 0 0 16px;
  display: grid;
}

.workspace.organization-detail .organization-users-tabs > a {
  text-align: center;
  min-width: 0;
}

.organization-users-detail .organization-metrics {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.organization-branches-detail .organization-metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

@media (max-width: 700px) {
  .organization-users-detail .organization-metrics {
    grid-template-columns: 1fr;
  }

  .organization-branches-detail .organization-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .workspace.organization-detail > .trial-tabs.organization-detail-tabs {
    grid-template-columns: repeat(7, minmax(112px, 1fr));
  }
}

.organization-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  display: grid;
}

.organization-metric {
  border: 1px solid var(--theme-divider-soft);
  background: linear-gradient(135deg,var(--theme-accent),var(--theme-surface) 62%);
  border-radius: 13px;
  align-items: center;
  gap: 13px;
  min-width: 0;
  min-height: 96px;
  padding: 17px 18px;
  display: flex;
}

@supports (color: color-mix(in lab, red, red)) {
  .organization-metric {
    background: linear-gradient(135deg,color-mix(in srgb,var(--theme-accent) 6%,var(--theme-surface)),var(--theme-surface) 62%);
  }
}

.organization-metric {
  box-shadow: 0 5px 18px #0000000d;
}

.organization-metric-icon {
  border: 1px solid var(--theme-accent);
  flex: none;
  place-items: center;
  width: 42px;
  height: 42px;
  display: grid;
}

@supports (color: color-mix(in lab, red, red)) {
  .organization-metric-icon {
    border: 1px solid color-mix(in srgb,var(--theme-accent) 28%,transparent);
  }
}

.organization-metric-icon {
  background: var(--theme-accent);
  border-radius: 11px;
}

@supports (color: color-mix(in lab, red, red)) {
  .organization-metric-icon {
    background: color-mix(in srgb,var(--theme-accent) 13%,var(--theme-surface));
  }
}

.organization-metric-icon {
  color: var(--theme-accent);
}

.organization-metric-icon svg {
  width: 19px;
  height: 19px;
}

.organization-metric-copy {
  gap: 3px;
  min-width: 0;
  display: grid;
}

.organization-metric-label {
  color: var(--theme-secondary);
  font-size: 12px;
  font-weight: 650;
  line-height: 1.3;
}

.organization-metric-value {
  color: var(--theme-ink);
  letter-spacing: -.04em;
  font-size: 26px;
  font-weight: 730;
  line-height: 1.1;
}

.organization-metric-value.is-status {
  letter-spacing: -.025em;
  font-size: 19px;
}

@media (max-width: 1100px) {
  .organization-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 560px) {
  .organization-metric {
    gap: 9px;
    min-height: 80px;
    padding: 12px;
  }

  .organization-metric-icon {
    width: 34px;
    height: 34px;
  }

  .organization-metric-icon svg {
    width: 16px;
    height: 16px;
  }

  .organization-metric-value {
    font-size: 21px;
  }

  .organization-metric-value.is-status {
    font-size: 16px;
  }
}

.global-user-work-views {
  margin-bottom: 10px;
}

.global-user-date-range {
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  margin-bottom: 20px;
  display: flex;
}

.global-user-date-range label {
  color: var(--theme-secondary);
  gap: 4px;
  font-size: 12px;
  font-weight: 700;
  display: grid;
}

.global-user-date-range input {
  min-width: 150px;
}

.global-user-filters {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.global-user-filters .organization-filter-field {
  min-width: 0;
}

.global-user-detail > .maintenance-actions {
  margin: 0 0 16px;
}

.workspace.global-user-detail > .trial-tabs.global-user-tabs {
  flex-wrap: nowrap;
  grid-template-columns: repeat(8, minmax(0, 1fr));
  margin: 0 0 18px;
  display: grid;
  overflow-x: auto;
}

.workspace.global-user-detail > .trial-tabs.global-user-tabs > a {
  white-space: nowrap;
  min-width: 0;
  padding: .85rem .4rem;
}

.workspace.global-user-detail > .trial-tabs.global-user-tabs > a > span {
  gap: .35rem;
}

.global-user-metrics {
  margin-bottom: 14px;
}

@media (max-width: 1200px) {
  .workspace.global-user-detail > .trial-tabs.global-user-tabs {
    grid-template-columns: repeat(8, minmax(135px, 1fr));
  }
}

@media (max-width: 900px) {
  .global-user-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .global-user-filters {
    grid-template-columns: 1fr;
  }

  .global-user-date-range label {
    flex: 140px;
  }

  .global-user-date-range button {
    flex: 100%;
  }
}

.global-user-metrics .organization-metric-value {
  overflow-wrap: anywhere;
}

.app-shell .workspace.global-users-directory, .app-shell .workspace.global-user-create {
  box-sizing: border-box;
  width: 100%;
  max-width: none;
  margin: 0;
  padding: 28px 32px;
}

@media (max-width: 900px) {
  .app-shell .workspace.global-users-directory, .app-shell .workspace.global-user-create {
    padding: 18px 14px;
  }
}

.global-user-detail-actions .panel > form, .global-user-detail-actions .panel > .new-user-entry {
  width: 100%;
  margin-top: 8px;
  display: block;
}

.global-user-detail-actions .panel > form > button, .global-user-detail-actions .new-user-entry > summary {
  justify-content: flex-start;
  width: 100%;
  display: flex;
}

.global-user-detail-actions .new-user-options {
  z-index: 5;
  min-width: 260px;
  left: auto;
  right: 0;
}

.global-user-detail-actions .panel > a[aria-current="page"] {
  border-color: var(--theme-accent);
  background: var(--theme-accent-soft);
  color: var(--theme-accent);
}

.organization-filter-field {
  min-width: 0;
  color: var(--theme-secondary);
  gap: 5px;
  font-size: 12px;
  font-weight: 700;
  display: grid;
}

.organization-filter-field .input {
  width: 100%;
  min-width: 0;
}

.organization-filter-field svg, .organization-filter-check svg {
  width: 14px;
  height: 14px;
}

@media (max-width: 700px) {
  .org-report-paper {
    padding: 24px 20px;
  }

  .org-report-columns, .org-report-features {
    grid-template-columns: 1fr;
  }

  .org-report-metrics {
    grid-template-columns: repeat(2, 1fr);
  }

  .org-report-metrics > div:nth-child(3) {
    border-top: 1px solid #dce6ef;
    border-left: 0;
  }

  .org-report-metrics > div:nth-child(4) {
    border-top: 1px solid #dce6ef;
  }

  .org-report-state {
    flex-direction: column;
    align-items: flex-start;
  }

  .org-report-issued {
    font-size: 10px;
  }

  .org-report-intro h1 {
    font-size: 27px;
  }
}

.trial-parity-detail .application-tabs {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  display: grid;
  overflow: visible;
}

.trial-parity-detail .application-tabs a {
  text-align: center;
  white-space: normal;
  justify-content: center;
  align-items: center;
  min-width: 0;
  padding: 13px 10px;
  display: flex;
}

@media (max-width: 600px) {
  .trial-parity-detail .application-tabs {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media print {
  html, body {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    background: #fff !important;
  }

  .organization-report {
    color: #16283b;
    background: #fff;
    width: 100%;
    max-width: none;
    margin: 0;
    font-size: 10pt;
    padding: 0 !important;
  }

  .organization-report-controls, .organization-report-print {
    display: none !important;
  }

  .org-report-paper {
    box-shadow: none;
    border: 0;
    border-radius: 0;
    padding: 0;
  }

  .org-report-header {
    padding-bottom: 12px;
  }

  .org-report-intro {
    padding: 21px 0 18px;
  }

  .org-report-intro h1 {
    font-size: 27pt;
  }

  .org-report-metrics {
    margin-bottom: 18px;
  }

  .org-report-section {
    break-inside: auto;
    padding: 15px 0 17px;
  }

  .org-report-section-heading {
    break-after: avoid-page;
  }

  .org-report-lifecycle, .org-report-limits, .org-report-metrics, .org-report-field, .org-report-entry {
    break-inside: avoid-page;
  }

  .org-report-table-wrap {
    overflow: visible;
  }

  .organization-report tr {
    break-inside: avoid-page;
  }

  .organization-report thead {
    display: table-header-group;
  }

  .org-report-files a {
    color: #1268a8;
  }

  .org-report-footer {
    break-inside: avoid-page;
  }

  @page {
    size: letter;
    margin: 18mm;
  }

  :is(body:has(.organization-report) .sidebar, body:has(.organization-report) .topbar, body:has(.organization-report) .skip-link, body:has(.organization-report) .ai-shell) {
    display: none !important;
  }

  body:has(.organization-report) .app-shell {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  body:has(.organization-report) .shell-body {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  body:has(.organization-report) #main-content {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  body:has(.organization-report) .organization-report {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body:has(.organization-report) .org-report-paper {
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
  }

  body:has(.organization-report) .shell-body {
    transition: none !important;
  }

  body:has(.organization-report) .app-shell {
    color: #16283b !important;
    background: #fff !important;
  }

  body:has(.organization-report) .shell-body {
    color: #16283b !important;
    background: #fff !important;
  }

  body:has(.organization-report) #main-content {
    color: #16283b !important;
    background: #fff !important;
  }

  body:has(.organization-report) .org-report-paper {
    background: #fff !important;
    padding-inline: 8mm !important;
  }

  body:has(.organization-report) .organization-report {
    background: #fff !important;
  }

  .org-report-metrics-three {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

.org-report-metrics-three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

@media (max-width: 700px) {
  .organization-directory.airport-detail-page .trial-tabs.airport-detail-tabs {
    grid-template-columns: none;
    display: flex;
    overflow-x: auto;
  }

  .organization-directory.airport-detail-page .trial-tabs.airport-detail-tabs > a {
    flex: none;
    min-width: 120px;
  }
}

.action-dialog-backdrop > .airport-edit-dialog {
  width: min(760px, 100vw - 40px);
  max-width: 760px;
}

.airport-edit-form > fieldset > label:has(input[name="name"]) {
  grid-column: 1 / -1;
}

@media (max-width: 700px) {
  .action-dialog-backdrop > .airport-edit-dialog {
    width: calc(100vw - 28px);
    max-height: calc(100dvh - 28px) !important;
  }

  .airport-edit-form > fieldset > label:has(input[name="name"]) {
    grid-column: auto;
  }
}

.airport-edit-controls {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  display: flex;
}

.airport-edit-controls > span {
  font-size: .82rem;
}

.airport-search-controls {
  gap: 1rem;
  margin: 1rem 0 1.25rem;
  display: grid;
}

.airport-search-modes, .airport-search-actions {
  flex-wrap: wrap;
  gap: .5rem;
  display: flex;
}

.airport-search-main, .airport-search-filters {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr));
  align-items: start;
  gap: .75rem;
  display: grid;
}

.airport-search-controls label {
  gap: .35rem;
  min-width: 0;
  font-size: .875rem;
  font-weight: 600;
  display: grid;
}

.airport-center-picker {
  min-width: 0;
  position: relative;
}

.airport-center-results {
  z-index: 25;
  background: var(--surface, #172235);
  max-height: 18rem;
  color: var(--foreground, inherit);
  border: 1px solid var(--border, #58677f);
  border-radius: .5rem;
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  overflow: auto;
  box-shadow: 0 10px 25px #0004;
}

.airport-center-results button {
  text-align: left;
  border: 0;
  border-bottom: 1px solid var(--border, #58677f);
  width: 100%;
  color: inherit;
  cursor: pointer;
  background: none;
  padding: .65rem .75rem;
  display: grid;
}

.airport-center-results button:hover, .airport-center-results button:focus {
  background: var(--surface-hover, #29406a);
}

.airport-center-results small {
  opacity: .75;
}

.airport-center-results p {
  padding: .75rem;
}

.airport-search-warning {
  color: var(--warning, #d39b27);
  display: block;
}

.airport-search-attribution {
  grid-column: 1 / -1;
  font-size: .8rem;
}

.airport-nearby-summary {
  border: 1px solid var(--border, #58677f);
  border-radius: .5rem;
  margin: .75rem 0;
  padding: .7rem 1rem;
}

section[aria-label="Country views"], section[aria-label="Subdivision views"] {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: .65rem;
  display: grid;
}

section[aria-label="Country views"] .trial-work-view, section[aria-label="Subdivision views"] .trial-work-view {
  min-width: 0;
}

@media (max-width: 700px) {
  section[aria-label="Country views"], section[aria-label="Subdivision views"] {
    grid-template-columns: 1fr;
  }
}

.port-match-map {
  border: 1px solid var(--theme-divider);
  background: #dbe6ef;
  border-radius: 10px;
  height: 300px;
  position: relative;
  overflow: hidden;
}

.port-match-map iframe {
  border: 0;
  width: 100%;
  height: 100%;
}

.port-match-pin {
  color: #fff;
  pointer-events: none;
  border: 2px solid #fff;
  border-radius: 50%;
  place-items: center;
  width: 28px;
  height: 28px;
  font-weight: 800;
  display: grid;
  position: absolute;
  transform: translate(-50%, -50%);
  box-shadow: 0 2px 8px #0008;
}

.port-match-pin-source {
  background: #2563eb;
}

.port-match-pin-candidate {
  background: #e11d48;
}

.port-match-card {
  border: 1px solid var(--theme-divider);
  border-radius: 10px;
  margin-top: 12px;
  padding: 16px;
}

.port-match-reasons {
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0;
  display: flex;
}

.port-match-reasons span {
  border: 1px solid var(--theme-divider);
  border-radius: 999px;
  padding: 4px 8px;
  font-size: .78rem;
}

.port-match-actions {
  flex-wrap: wrap;
  align-items: end;
  gap: 8px;
  display: flex;
}

.port-match-actions label {
  gap: 4px;
  min-width: min(100%, 220px);
  display: grid;
}

@media (max-width: 700px) {
  .port-match-map {
    height: 220px;
  }
}

.airport-work-views {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

:root {
  --summary-tile-main-height: 72px;
  --summary-tile-count-size: 22px;
}

.trial-work-view:has( > .trial-tile-options) > .trial-work-view-main {
  padding-right: 34px;
}

.airport-work-views .trial-work-view-main:not(:has(svg)) {
  grid-template-columns: minmax(0, 1fr) auto;
}

.airport-work-views .trial-work-view-main span {
  overflow-wrap: normal;
  white-space: nowrap;
  min-width: 0;
}

.trial-work-view-main b {
  white-space: nowrap;
}

.airport-search-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 12px;
  display: grid;
}

.airport-search-grid .input {
  width: 100%;
  min-width: 0;
}

.port-search-controls {
  grid-template-columns: auto auto 1fr;
  align-items: end;
  gap: 12px;
}

.port-search-controls .airport-search-grid {
  grid-column: 1 / -1;
}

.port-search-controls > .btn, .port-search-controls > .btn-primary {
  min-height: 40px;
}

@media (max-width: 900px) {
  .airport-work-views, .airport-search-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .airport-work-views, .airport-search-grid {
    grid-template-columns: 1fr;
  }

  .port-search-controls {
    grid-template-columns: 1fr 1fr;
  }

  .port-search-controls > .btn, .port-search-controls > .btn-primary {
    width: 100%;
  }
}

.airport-edit-actions {
  grid-column: 1 / -1;
  justify-content: flex-end;
  gap: 8px;
  display: flex;
}

.port-edit-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
  display: grid;
}

.port-edit-fields label {
  gap: 5px;
  min-width: 0;
  font-size: .82rem;
  font-weight: 650;
  display: grid;
}

.port-edit-fields .input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.port-edit-code-context {
  border: 1px solid var(--theme-divider);
  background: var(--theme-subtle);
  border-radius: 8px;
  grid-column: 1 / -1;
  gap: 7px;
  padding: 12px;
  display: grid;
}

.port-edit-code-context > div {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.port-edit-code-context > div > span {
  border: 1px solid var(--theme-divider);
  border-radius: 6px;
  padding: 5px 8px;
  font-size: .82rem;
}

:is(.port-edit-fields label:has([name="name"]), .port-edit-fields label:has([name="cargoEvidence"]), .port-edit-fields label:has([name="coordinateBasis"])) {
  grid-column: 1 / -1;
}

@media (max-width: 600px) {
  .port-edit-fields {
    grid-template-columns: 1fr;
  }

  :is(.port-edit-fields label:has([name="name"]), .port-edit-fields label:has([name="cargoEvidence"]), .port-edit-fields label:has([name="coordinateBasis"])) {
    grid-column: auto;
  }
}

.port-edit-dialog .port-edit-actions {
  z-index: 1;
  background: var(--theme-surface);
  border-top: 1px solid var(--theme-divider);
  justify-content: flex-end;
  gap: 8px;
  margin: 0 -24px -24px;
  padding: 12px 24px;
  display: flex;
  position: sticky;
  bottom: -24px;
}

@media (max-width: 700px) {
  .port-edit-dialog .port-edit-actions {
    margin: 0 -16px -16px;
    padding: 12px 16px;
    bottom: -16px;
  }
}

.app-shell:has(.master-data-page) {
  --sidebar-width: 240px;
}

.app-shell.is-collapsed:has(.master-data-page) {
  --sidebar-width: 72px;
}

.master-data-page {
  width: 100%;
  max-width: none;
  margin-inline: auto;
}

.master-data-page .panel {
  border-radius: 10px;
}

.master-data-page .btn, .master-data-page .btn-primary, .master-data-toolbar .btn {
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  min-height: 40px;
  display: inline-flex;
}

.master-data-toolbar {
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  gap: 8px;
  display: flex;
}

.master-data-toolbar > [aria-label] {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  display: flex;
}

.trial-work-view {
  min-height: calc(var(--summary-tile-main-height) + 4px);
}

.master-data-page .trial-work-view-main {
  height: 100%;
}

@media (max-width: 700px) {
  .master-data-toolbar {
    justify-content: flex-start;
  }

  .master-data-page {
    max-width: none;
  }
}

@media print {
  :is(body:has(.master-data-page) .sidebar, body:has(.master-data-page) .topbar, body:has(.master-data-page) .master-data-toolbar, body:has(.master-data-page) .review-back, body:has(.master-data-page) .airport-search-controls, body:has(.master-data-page) .organization-filter-form, body:has(.master-data-page) .trial-work-views, body:has(.master-data-page) .trial-tabs, body:has(.master-data-page) .btn, body:has(.master-data-page) .btn-primary) {
    display: none !important;
  }

  body:has(.master-data-page) .app-shell {
    color: #16283b !important;
    background: #fff !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  body:has(.master-data-page) .shell-body {
    color: #16283b !important;
    background: #fff !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  body:has(.master-data-page) #main-content {
    color: #16283b !important;
    background: #fff !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  body:has(.master-data-page) .master-data-page {
    color: #16283b !important;
    background: #fff !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    overflow: visible !important;
  }

  body:has(.master-data-page) .panel {
    break-inside: avoid;
    box-shadow: none !important;
  }
}

.master-data-page:has( > .trial-tabs) > .panel {
  padding: 24px;
}

@media (max-width: 700px) {
  .master-data-page:has( > .trial-tabs) > .panel {
    padding: 16px;
  }

  .master-data-page > .trial-tabs {
    scrollbar-width: thin;
    flex-wrap: nowrap;
    display: flex;
    overflow-x: auto;
  }

  .master-data-page > .trial-tabs > a {
    white-space: nowrap;
    flex: none;
    min-width: 155px;
  }

  .organization-directory.master-data-page > .trial-tabs {
    flex-wrap: nowrap !important;
    grid-template-columns: none !important;
    display: flex !important;
    overflow-x: auto !important;
  }

  .organization-directory.master-data-page > .trial-tabs > a {
    justify-content: center;
    align-items: center;
    white-space: nowrap !important;
    flex: 0 0 170px !important;
    min-width: 170px !important;
    display: inline-flex !important;
  }
}

.master-record-detail {
  font-size: 16px;
  line-height: 1.5;
}

.master-data-breadcrumbs {
  gap: 7px;
  margin-bottom: 12px;
  display: grid;
}

.master-data-breadcrumbs .review-back {
  justify-self: start;
}

.master-data-breadcrumbs ol {
  color: var(--theme-secondary);
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
  margin: 0;
  padding: 0;
  font-size: .8rem;
  list-style: none;
  display: flex;
}

.master-data-breadcrumbs li + li:before {
  content: "/";
  color: var(--theme-secondary);
  margin-right: 6px;
}

.master-data-breadcrumbs a {
  text-decoration: none;
}

.master-data-breadcrumbs a:hover {
  text-decoration: underline;
}

.master-related-search {
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  margin: 0 0 16px;
  display: flex;
}

.master-related-search label {
  gap: 4px;
  min-width: min(340px, 100%);
  font-size: .8rem;
  font-weight: 600;
  display: grid;
}

.master-related-search .input {
  box-sizing: border-box;
  width: 100%;
}

.organization-directory.master-data-page .trial-tabs {
  scrollbar-width: thin;
  flex-wrap: nowrap;
  display: flex;
  overflow-x: auto;
}

.organization-directory.master-data-page .trial-tabs > a {
  white-space: nowrap;
}

.organization-directory.master-record-detail .trial-tabs.airport-detail-tabs {
  scrollbar-width: thin;
  flex-wrap: nowrap;
  display: flex;
  overflow-x: auto;
}

.organization-directory.master-record-detail .trial-tabs.airport-detail-tabs > a {
  white-space: nowrap;
  text-align: center;
  flex: 1 0 auto;
  min-width: max-content;
  padding: .75rem .8rem;
}

@media (max-width: 700px) {
  .organization-directory.master-record-detail .trial-tabs.airport-detail-tabs > a {
    flex: none;
    min-width: 140px;
  }
}

.master-record-status {
  color: #c7f8e8;
  background: #123d32;
  border: 1px solid #3c8f76;
  border-radius: 999px;
  align-items: center;
  padding: 6px 12px;
  font-size: 12px;
  font-weight: 700;
  display: inline-flex;
}

.master-record-status[data-status="DISABLED"] {
  border-color: var(--theme-warning);
  background: var(--theme-subtle);
  color: var(--theme-ink);
}

.master-record-main .port-overview-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 20px;
  margin: 0;
  display: grid;
}

.master-record-main .port-overview-facts > div {
  border-bottom: 1px solid var(--theme-divider);
  min-width: 0;
  padding: 10px 0;
}

.master-record-main .port-overview-facts dt {
  color: var(--theme-secondary);
  margin: 0 0 4px;
  font-size: .78rem;
  font-weight: 600;
}

.master-record-main .port-overview-facts dd {
  overflow-wrap: anywhere;
  margin: 0;
  font-size: .9rem;
}

.master-record-actions > .panel > button, .master-record-actions > .panel > a.btn {
  box-sizing: border-box;
  justify-content: center;
  width: 100%;
  margin-top: 8px;
}

.master-record-audit-list {
  gap: 10px;
  display: grid;
}

.master-record-audit-event {
  border: 1px solid var(--theme-divider);
  border-radius: 8px;
  padding: 12px;
}

.master-record-audit-meta {
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  display: flex;
}

.master-record-audit-meta > span {
  color: var(--theme-secondary);
  font-size: .8rem;
}

.master-directory-filters {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  align-items: end;
  gap: 12px;
  margin-bottom: 18px;
  display: grid;
}

.master-directory-filters .organization-filter-field {
  min-width: 0;
}

.master-directory-filters .input {
  box-sizing: border-box;
  width: 100%;
}

.master-directory-filters > .btn, .master-directory-filters > .btn-primary {
  justify-self: start;
}

.master-record-actions .airport-edit-controls, .master-record-actions .airport-edit-controls > .btn-primary {
  width: 100%;
}

.master-record-actions form > .btn, .master-record-actions form > .btn-primary {
  justify-content: center;
  width: 100%;
}

.master-record-detail .master-record-main > .panel {
  margin-top: 0;
}

.master-create-form {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  max-width: 950px;
  display: grid;
}

.master-create-form label {
  gap: 6px;
  min-width: 0;
  font-size: .85rem;
  font-weight: 650;
  display: grid;
}

.master-create-form .input {
  box-sizing: border-box;
  width: 100%;
}

.master-create-evidence {
  grid-column: 1 / -1;
}

.master-create-form > .btn-primary {
  justify-self: start;
}

.master-compare-table {
  min-width: 760px;
}

.master-compare-table th:first-child {
  min-width: 170px;
}

.master-compare-table td {
  vertical-align: top;
  overflow-wrap: anywhere;
  min-width: 190px;
}

.master-compare-actions {
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 14px;
  display: flex;
}

.master-source-raw summary {
  cursor: pointer;
  color: var(--theme-accent);
  font-weight: 700;
}

.master-source-raw pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  border: 1px solid var(--theme-divider);
  background: var(--theme-subtle);
  border-radius: 6px;
  max-width: 400px;
  max-height: 300px;
  padding: 10px;
  overflow: auto;
}

@media (max-width: 600px) {
  .master-create-form {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .master-directory-filters {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .master-directory-filters, .master-record-main .port-overview-facts {
    grid-template-columns: 1fr;
  }
}

.master-record-hero {
  color: #f8fbff;
  background: #0b2948;
  border: 1px solid #315b82;
  border-radius: 14px;
  margin: 18px 0 20px;
  padding: 22px;
  position: relative;
  overflow: hidden;
  box-shadow: 0 12px 30px #071d3438;
}

.master-record-hero:after {
  content: "";
  background: #38bdf81a;
  border-radius: 50%;
  width: 260px;
  height: 260px;
  position: absolute;
  top: -150px;
  right: -90px;
}

.master-record-hero-heading {
  z-index: 1;
  margin-bottom: 18px;
  position: relative;
}

.master-record-hero-heading span {
  color: #a8c8e5;
  letter-spacing: .07em;
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 800;
}

.master-record-hero-heading h2 {
  color: #fff;
  margin: 3px 0 0;
  font-size: 21px;
  line-height: 1.35;
}

.master-record-hero dl {
  z-index: 1;
  background: #54718d;
  border-radius: 10px;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2px;
  margin: 0;
  display: grid;
  position: relative;
  overflow: hidden;
}

.master-record-hero dl > div {
  background: #071d33;
  min-width: 0;
  padding: 14px;
}

.master-record-hero dt {
  color: #d2e0ee;
  font-size: 13px;
}

.master-record-hero dd {
  overflow-wrap: anywhere;
  color: #fff;
  margin: 6px 0 0;
  font-size: 15px;
  font-weight: 700;
}

.master-record-layout {
  grid-template-columns: minmax(0, 1fr) 260px;
  align-items: start;
  gap: 16px;
  margin-top: 14px;
  display: grid;
}

.master-record-main {
  min-width: 0;
}

.master-record-main > .panel {
  margin-top: 0 !important;
}

.master-record-actions {
  position: sticky;
  top: 90px;
}

.master-record-actions > .panel {
  margin-top: 0;
  padding: 16px !important;
}

.master-record-actions .master-data-toolbar {
  grid-template-columns: 1fr;
  gap: 8px;
  display: grid;
}

.master-record-actions .master-data-toolbar > [aria-label] {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  display: grid;
}

.master-record-actions .master-data-toolbar .btn, .master-record-actions .airport-edit-controls > .btn-primary, .master-record-actions > .panel .btn {
  box-sizing: border-box;
  white-space: normal;
  text-align: center;
  width: 100%;
  min-width: 0;
}

.master-record-actions .airport-edit-controls {
  margin-top: 12px;
  display: block;
}

.master-record-actions .airport-edit-controls > span {
  display: block;
}

.master-record-actions > .panel > .btn, .master-record-actions > .panel a.btn {
  margin-top: 8px;
}

.master-record-detail .airport-overview-layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);
  gap: 20px;
}

@media (max-width: 1250px) {
  .master-record-detail .airport-overview-layout {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 900px) {
  .master-record-layout {
    grid-template-columns: 1fr;
  }

  .master-record-actions {
    order: -1;
    position: static;
  }

  .master-record-actions .master-data-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .master-record-actions .airport-edit-controls {
    align-items: center;
    display: flex;
  }

  .master-record-actions .airport-edit-controls > .btn-primary {
    width: auto;
  }
}

@media (max-width: 700px) {
  .master-record-hero {
    padding: 17px;
  }

  .master-record-hero dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .master-record-actions .master-data-toolbar {
    grid-template-columns: 1fr;
  }
}

.master-record-actions .btn-primary {
  box-sizing: border-box;
  justify-content: center;
  width: 100%;
  margin-top: 8px;
}

.master-record-actions .btn:not(.btn-primary) {
  border-color: var(--theme-divider);
  background: var(--theme-surface);
  color: var(--theme-ink);
}

.master-record-actions .btn:not(.btn-primary):hover {
  background: var(--theme-hover);
}

.port-source-review-intro {
  color: var(--theme-secondary);
  max-width: 850px;
  margin: 0 0 16px;
}

.port-source-review-detail .master-record-main > .panel, .port-source-review-detail .master-record-main > .panel > h2 {
  margin-bottom: 14px;
}

.port-source-review-detail .master-record-main > .panel p.text-secondary {
  line-height: 1.5;
}

.port-source-review-detail .port-review-fields .port-edit-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 20px 0;
  display: grid;
}

.port-source-review-detail .port-review-fields label, .port-source-review-detail .port-review-choice label, .port-source-review-detail .port-review-link-fields label, .port-source-review-detail .port-review-exclude label {
  gap: 6px;
  min-width: 0;
  font-size: .85rem;
  font-weight: 650;
  display: grid;
}

.port-source-review-detail .port-review-fields .input, .port-source-review-detail .port-review-choice .input, .port-source-review-detail .port-review-link-fields .input, .port-source-review-detail .port-review-exclude .input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.port-source-review-detail .port-review-fields label:last-child {
  grid-column: 1 / -1;
}

.port-source-review-detail .port-review-choice {
  max-width: 440px;
  margin-top: 18px;
}

.port-source-review-detail .port-review-link-fields {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
  display: none;
}

.port-source-review-detail form:has(select[name="decision"] option[value="LINK"]:checked) .port-review-link-fields {
  display: grid;
}

.port-source-review-detail .port-review-matches {
  border: 1px solid var(--theme-divider);
  background: var(--theme-subtle);
  border-radius: 10px;
  margin: 14px 0;
  padding: 14px 16px;
}

.port-source-review-detail .port-review-matches h3 {
  margin: 0 0 6px;
  font-size: 1rem;
}

.port-source-review-detail .port-review-matches p {
  margin: 6px 0;
}

.port-source-review-detail .port-review-exclude, .port-source-review-detail .port-source-raw {
  border-top: 1px solid var(--theme-divider);
  margin-top: 18px;
  padding-top: 14px;
}

.port-source-review-detail summary {
  cursor: pointer;
  color: var(--theme-accent);
  font-weight: 700;
}

.port-source-review-detail .port-review-exclude form {
  gap: 10px;
  max-width: 600px;
  margin-top: 14px;
  display: grid;
}

.port-source-review-detail .port-review-exclude button {
  justify-self: start;
}

.port-source-review-detail .port-source-raw pre {
  background: var(--theme-subtle);
  border-radius: 8px;
  max-height: 360px;
  margin-top: 12px;
  padding: 14px;
  overflow: auto;
}

.port-source-review-detail .access-list dd {
  overflow-wrap: anywhere;
}

@media (max-width: 700px) {
  .port-source-review-detail .port-review-fields .port-edit-fields, .port-source-review-detail .port-review-link-fields {
    grid-template-columns: 1fr;
  }

  .port-source-review-detail .port-review-fields label:last-child {
    grid-column: auto;
  }
}

.port-source-directory .organization-table td:first-child small {
  color: var(--theme-secondary);
  margin-top: 4px;
  font-size: 12px;
  font-weight: 500;
  display: block;
}

.port-review-guidance {
  border: 1px solid var(--theme-warning);
  border-left: 4px solid var(--theme-warning);
  background: var(--theme-subtle);
  border-radius: 8px;
  margin: 14px 0 18px;
  padding: 14px 16px;
}

.port-review-guidance strong {
  font-size: .9rem;
  display: block;
}

.port-review-guidance p {
  margin: 5px 0 0;
  line-height: 1.5;
}

.port-source-directory .organization-table td {
  vertical-align: top;
}

.port-source-code-list {
  flex-wrap: wrap;
  gap: 5px;
  display: flex;
}

.port-source-code-list span {
  border: 1px solid var(--theme-divider);
  background: var(--theme-subtle);
  white-space: nowrap;
  border-radius: 6px;
  padding: 3px 7px;
  font-size: 12px;
  display: inline-block;
}

.port-source-directory .organization-table {
  min-width: 1320px;
}

.port-source-directory .organization-table td small {
  color: var(--theme-secondary);
  margin-top: 4px;
  font-size: 12px;
  display: block;
}

.port-source-directory .organization-table td:nth-child(5) a {
  font-weight: 700;
}

.port-source-directory .organization-table td:nth-child(3) a {
  font-weight: inherit;
}

.port-source-map-dialog {
  box-sizing: border-box;
  width: min(780px, 100vw - 32px);
  max-width: 780px;
}

.port-source-map-dialog .airport-map-frame {
  height: min(55vh, 430px);
}

.port-source-map-dialog .airport-map-heading h3 {
  display: none;
}

.port-source-map-trigger {
  white-space: nowrap;
}

.port-source-directory .organization-table th:last-child, .port-source-directory .organization-table td:last-child {
  z-index: 1;
  background: var(--theme-surface);
  min-width: 82px;
  box-shadow: -1px 0 var(--theme-divider);
  position: sticky;
  right: 0;
}

.port-source-directory .organization-table th:last-child {
  background: var(--theme-hover);
}

.port-source-comparison {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  display: grid;
}

.port-source-comparison-card {
  border: 1px solid var(--theme-divider);
  background: var(--theme-subtle);
  border-radius: 9px;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  min-width: 0;
  padding: 18px;
  display: flex;
}

.port-source-comparison-card h3 {
  margin: 0 0 3px;
  font-size: .875rem;
}

.port-source-comparison-card > strong {
  font-size: 1rem;
}

.port-source-comparison-card p {
  color: var(--theme-secondary);
  overflow-wrap: anywhere;
  margin: 0;
}

.port-source-comparison-card > .port-source-map-trigger, .port-source-comparison-actions {
  margin-top: auto;
}

.port-source-comparison-actions {
  flex-wrap: wrap;
  gap: 8px;
  display: flex;
}

.port-source-unlink {
  border-top: 1px solid var(--theme-divider);
  margin-top: 16px;
  padding-top: 14px;
}

.port-source-unlink summary {
  cursor: pointer;
  color: var(--theme-accent);
  font-weight: 700;
}

.port-source-unlink form {
  gap: 10px;
  max-width: 620px;
  margin-top: 12px;
  display: grid;
}

.port-source-unlink form label {
  gap: 6px;
  display: grid;
}

.port-source-unlink form button {
  justify-self: start;
}

.port-source-unlink-note {
  margin: 14px 0 0;
}

@media (max-width: 760px) {
  .port-source-comparison {
    grid-template-columns: 1fr;
  }
}

.port-source-comparison-card .port-source-map-card {
  width: 100%;
  margin-top: auto;
  padding-top: 8px;
}

.port-source-comparison-card .airport-map-frame {
  height: 240px;
}

.port-source-comparison-card .airport-map-heading h3 {
  font-size: .8rem;
}

.port-source-audit {
  margin-top: 14px;
}

.port-source-audit summary {
  cursor: pointer;
  font-weight: 700;
}

.port-source-audit .table-scroll {
  margin-top: 14px;
}

@media (max-width: 760px) {
  .port-source-comparison-card .airport-map-frame {
    height: 220px;
  }
}

.port-publication-control {
  border-top: 1px solid var(--theme-divider);
  width: 100%;
  margin-top: 12px;
  padding-top: 12px;
}

.port-publication-control summary {
  cursor: pointer;
  color: var(--theme-accent);
  font-weight: 700;
}

.port-publication-control form {
  gap: 10px;
  margin-top: 12px;
  display: grid;
}

.port-publication-control label {
  gap: 6px;
  font-size: .8rem;
  display: grid;
}

.port-publication-control button {
  width: 100%;
}

.port-new-form > button {
  margin-top: 16px;
}

.master-data-page .cargo-port-summary {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.master-data-page .cargo-port-summary .trial-work-view {
  background: var(--theme-surface);
  border-color: var(--theme-divider);
}

@media (max-width: 1050px) {
  .master-data-page .cargo-port-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 600px) {
  .master-data-page .cargo-port-summary {
    grid-template-columns: 1fr;
  }
}

.master-record-detail .cargo-port-overview-layout {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: start;
  gap: 24px;
}

.cargo-port-overview-layout .port-overview-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0 20px;
  margin: 0;
  display: grid;
}

.cargo-port-overview-layout .port-overview-facts > div {
  border-bottom: 1px solid var(--theme-divider);
  min-width: 0;
  padding: 10px 0;
}

.cargo-port-overview-layout .port-overview-facts dt {
  color: var(--theme-secondary);
  margin: 0 0 4px;
  font-size: .78rem;
  font-weight: 600;
  line-height: 1.3;
}

.cargo-port-overview-layout .port-overview-facts dd {
  color: var(--theme-ink);
  overflow-wrap: anywhere;
  margin: 0;
  font-size: .9rem;
  line-height: 1.4;
}

.cargo-port-overview-layout .airport-map-frame {
  height: 350px;
}

@media (max-width: 1050px) {
  .master-record-detail .cargo-port-overview-layout {
    grid-template-columns: 1fr;
  }

  .cargo-port-overview-layout .airport-map-frame {
    height: 320px;
  }
}

@media (max-width: 550px) {
  .cargo-port-overview-layout .port-overview-facts {
    gap: 0 12px;
  }

  .cargo-port-overview-layout .airport-map-frame {
    height: 260px;
  }
}

.port-audit-history {
  gap: 14px;
  display: grid;
}

.port-audit-entry {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  border-radius: 10px;
  padding: 16px;
}

.port-audit-entry header {
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 18px;
  margin-bottom: 12px;
  display: flex;
}

.port-audit-entry header strong {
  font-size: 1rem;
}

.port-audit-entry header span {
  color: var(--theme-secondary);
  font-size: .82rem;
}

.port-audit-entry .data-table {
  table-layout: fixed;
  width: 100%;
}

.port-audit-entry .data-table th, .port-audit-entry .data-table td {
  overflow-wrap: anywhere;
}

.port-audit-entry .data-table tbody th {
  color: var(--theme-ink);
  width: 28%;
  font-weight: 600;
}

.port-audit-entry .data-table tbody td {
  width: 36%;
}

.master-record-status[data-status="DISABLED"] {
  color: #ffdfaa;
  background: #3b2d19;
  border-color: #a77d38;
}

.port-review-link-panel {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  margin: 18px 0;
  display: grid;
}

.port-review-link-panel > p, .port-review-link-panel > label:nth-last-of-type(-n+2) {
  grid-column: 1 / -1;
}

.port-review-link-panel > p {
  margin: 0;
}

.port-review-link-panel > label {
  gap: 6px;
  min-width: 0;
  font-size: .85rem;
  font-weight: 650;
  display: grid;
}

.port-review-link-panel .input {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
}

.port-review-selected {
  border: 1px solid var(--theme-accent-border);
  background: var(--theme-accent-soft);
  border-radius: 8px;
  padding: 12px;
}

@media (max-width: 700px) {
  .port-review-link-panel {
    grid-template-columns: 1fr;
  }

  .port-review-link-panel > p, .port-review-link-panel > label:nth-last-of-type(-n+2) {
    grid-column: auto;
  }
}

.port-source-review-detail {
  max-width: none;
}

.port-source-review-detail .master-record-layout {
  grid-template-columns: minmax(0, 1fr) 280px;
  gap: 18px;
}

.port-source-review-detail .port-review-fields .port-edit-fields {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 18px;
}

.port-source-review-detail .port-review-choice {
  max-width: 540px;
}

.port-source-review-detail .port-review-fields input[type="number"] {
  font-variant-numeric: tabular-nums;
}

.port-source-review-detail .master-record-main > .panel {
  padding: 24px;
}

.port-source-review-detail .port-review-exclude {
  margin-top: 22px;
}

.port-source-review-detail .master-record-actions {
  top: 18px;
}

@media (max-width: 1200px) {
  .port-source-review-detail .port-review-fields .port-edit-fields {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 900px) {
  .port-source-review-detail .master-record-layout {
    grid-template-columns: 1fr;
  }

  .port-source-review-detail .master-record-actions {
    order: -1;
    position: static;
  }
}

@media (max-width: 700px) {
  .port-source-review-detail .port-review-fields .port-edit-fields {
    grid-template-columns: 1fr;
  }

  .port-source-review-detail .master-record-main > .panel {
    padding: 16px;
  }
}

@media (max-width: 767px) {
  .app-shell:has(.master-data-page) {
    --sidebar-width: 0px;
  }

  .app-shell:has(.master-data-page) .shell-body {
    width: 100%;
    max-width: 100%;
    margin-left: 0;
  }

  .app-shell:has(.master-data-page) .workspace {
    box-sizing: border-box;
    width: 100%;
    max-width: 100%;
  }
}

.port-source-filter-notice {
  border: 1px solid var(--theme-divider);
  background: var(--theme-subtle);
  color: var(--theme-secondary);
  border-radius: 8px;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
  margin: 0 0 14px;
  padding: 10px 12px;
  font-size: .875rem;
  display: flex;
}

.port-source-filter-notice a {
  color: var(--theme-accent);
  margin-left: auto;
  font-weight: 700;
}

.port-source-all-links {
  color: var(--theme-accent);
  margin-top: 6px;
  font-size: 12px;
  display: block;
  font-weight: 650 !important;
}

.port-quality-detail .port-quality-summary {
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 1.5rem;
  margin-bottom: 1rem;
  display: flex;
}

.port-quality-detail .port-quality-summary > div {
  min-width: 12rem;
}

.port-quality-detail .port-quality-summary h2 {
  margin: .25rem 0 0;
  font-size: 1.15rem;
}

.port-quality-detail .port-quality-summary p {
  flex: 1;
  min-width: 16rem;
  margin: .15rem 0;
}

.port-quality-detail .port-quality-port {
  grid-template-columns: minmax(14rem, 1fr) minmax(20rem, 1.5fr);
  align-items: start;
  gap: 1.25rem;
  display: grid;
}

.port-quality-detail .port-quality-port p {
  margin: .5rem 0;
}

.port-quality-detail .port-quality-port > div:last-child {
  min-width: 0;
}

@media (max-width: 800px) {
  .port-quality-detail .port-quality-port {
    grid-template-columns: 1fr;
  }
}

.port-review-finder {
  grid-template-columns: minmax(260px, .85fr) minmax(320px, 1.15fr);
  align-items: start;
  gap: 1rem;
  margin: 1rem 0 1.25rem;
  display: grid;
}

.port-review-finder label {
  gap: .4rem;
  font-size: .85rem;
  font-weight: 650;
  display: grid;
}

.port-review-candidates {
  border: 1px solid var(--theme-divider);
  border-radius: 8px;
  max-height: 330px;
  margin-top: .55rem;
  overflow: auto;
}

.port-review-candidates button {
  text-align: left;
  width: 100%;
  color: inherit;
  border: 0;
  border-bottom: 1px solid var(--theme-divider);
  cursor: pointer;
  background: none;
  gap: .2rem;
  padding: .7rem .85rem;
  display: grid;
}

.port-review-candidates button:hover, .port-review-candidates button:focus-visible, .port-review-candidates button.selected {
  background: var(--theme-subtle);
}

.port-review-candidates button.selected {
  box-shadow: inset 3px 0 var(--theme-accent);
}

.port-review-candidates small, .port-review-candidates span {
  color: var(--theme-secondary);
}

.port-review-candidates > p {
  padding: .7rem;
}

.port-review-live-map {
  border: 1px solid var(--theme-divider);
  border-radius: 8px;
  min-width: 0;
  padding: .75rem;
}

.port-review-live-map > p {
  margin: 0 0 .5rem;
}

.port-point-picker {
  margin: .7rem 0 1rem;
}

.port-point-picker-head {
  justify-content: space-between;
  align-items: center;
  gap: .5rem;
  margin-bottom: .4rem;
  display: flex;
}

.port-point-picker-head > div {
  gap: .25rem;
  display: flex;
}

.port-point-picker-head .btn {
  min-width: 2rem;
  padding: .2rem .5rem;
}

.port-point-picker-map {
  border: 1px solid var(--theme-divider);
  background: #dbe6ef;
  border-radius: 8px;
  height: 300px;
  position: relative;
  overflow: hidden;
}

.port-point-picker-map iframe {
  pointer-events: none;
  border: 0;
  width: 100%;
  height: 100%;
  display: block;
}

.port-point-picker-target {
  cursor: crosshair;
  background: none;
  border: 0;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.port-point-picker small {
  margin-top: .4rem;
  display: block;
}

.port-review-fields > .port-point-picker {
  max-width: 900px;
}

@media (max-width: 900px) {
  .port-review-finder {
    grid-template-columns: 1fr;
  }
}

.port-point-place-search {
  gap: .35rem;
  margin-bottom: .5rem;
  font-size: .85rem;
  font-weight: 650;
  display: grid;
}

.port-point-place-results {
  border: 1px solid var(--theme-divider);
  border-radius: 8px;
  max-height: 180px;
  margin-bottom: .6rem;
  display: grid;
  overflow: auto;
}

.port-point-place-results button {
  text-align: left;
  border: 0;
  border-bottom: 1px solid var(--theme-divider);
  color: inherit;
  cursor: pointer;
  background: none;
  gap: .15rem;
  padding: .5rem .7rem;
  display: grid;
}

.port-point-place-results button:hover, .port-point-place-results button:focus-visible {
  background: var(--theme-subtle);
}

.port-point-place-results small {
  color: var(--theme-secondary);
}

.port-review-link-panel > .port-review-finder {
  grid-column: 1 / -1;
}

.port-review-live-map .airport-map-frame, .port-review-live-map .port-match-map {
  height: 300px;
}

.port-quality-detail .master-record-layout:not(:has( > .master-record-actions)) {
  grid-template-columns: minmax(0, 1fr);
}

.port-city-alert-form {
  gap: .8rem;
  max-width: 920px;
  margin-top: 1rem;
  display: grid;
}

.port-city-alert-form > label {
  gap: .35rem;
  font-size: .85rem;
  font-weight: 650;
  display: grid;
}

.port-city-alert-form .input {
  box-sizing: border-box;
  width: 100%;
}

.port-city-alert-form > .btn-primary {
  justify-self: start;
}

.port-city-choices {
  grid-template-columns: repeat(auto-fit, minmax(190px, 1fr));
  gap: .5rem;
  display: grid;
}

.port-city-choices button {
  text-align: left;
  border: 1px solid var(--theme-divider);
  min-height: 4rem;
  color: inherit;
  cursor: pointer;
  background: none;
  border-radius: 8px;
  gap: .2rem;
  padding: .7rem;
  display: grid;
}

.port-city-choices button:hover, .port-city-choices button:focus-visible, .port-city-choices button.selected {
  background: var(--theme-subtle);
  border-color: var(--theme-accent);
}

.port-city-choices small {
  color: var(--theme-secondary);
}

.port-city-choices > p {
  margin: 0;
}

.port-city-selected {
  border: 1px solid var(--theme-divider);
  border-radius: 8px;
  padding: .75rem;
}

.port-city-selected > p {
  margin: 0 0 .5rem;
}

.port-city-selected .airport-map-frame {
  height: 220px;
}

.port-quality-detail .master-record-status[data-status="PENDING"] {
  color: #ffdfaa;
  background: #3b2d19;
  border-color: #a77d38;
}

.port-city-alert-form label {
  gap: .35rem;
  font-size: .85rem;
  font-weight: 650;
  display: grid;
}

.port-city-alert-form label small {
  font-weight: 400;
}

.port-city-alert-form .btn-primary {
  justify-self: start;
  width: auto;
}

.port-source-batch-action {
  flex-wrap: wrap;
  align-items: center;
  gap: 12px;
  margin: 16px 0;
  display: flex;
}

.port-source-batch-action .text-secondary {
  font-size: .82rem;
}

.port-source-directory .organization-table th:first-child, .port-source-directory .organization-table td:first-child {
  width: 38px;
  min-width: 38px;
}

.port-source-directory .organization-table input[type="checkbox"] {
  width: 17px;
  height: 17px;
  accent-color: var(--theme-accent);
  cursor: pointer;
}

.port-source-merge-cards {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  gap: 14px;
  display: grid;
}

.port-source-merge-card {
  border: 1px solid var(--theme-divider);
  background: var(--theme-subtle);
  border-radius: 10px;
  min-width: 0;
  padding: 16px;
}

.port-source-merge-card > strong {
  font-size: 1.05rem;
}

.port-source-merge-card p {
  color: var(--theme-secondary);
  margin: 6px 0 12px;
}

.port-source-merge-card dl {
  grid-template-columns: auto 1fr;
  gap: 6px 12px;
  margin: 0 0 14px;
  display: grid;
}

.port-source-merge-card dt {
  color: var(--theme-secondary);
}

.port-source-merge-card dd {
  overflow-wrap: anywhere;
  min-width: 0;
  margin: 0;
}

.port-source-merge-card dd small {
  color: var(--theme-secondary);
  display: block;
}

.port-source-merge-card > a {
  margin-top: 12px;
  display: inline-block;
}

.port-source-merge .port-source-decision-form {
  max-width: 1100px;
}

.port-source-merge .port-review-fields > label {
  gap: 6px;
  max-width: 760px;
  display: grid;
}

:is(.port-source-directory:not(:has(.port-source-batch-action)) .organization-table th:first-child, .port-source-directory:not(:has(.port-source-batch-action)) .organization-table td:first-child) {
  width: auto;
  min-width: 0;
}

.port-source-merge-card .port-source-map-trigger {
  margin-right: 12px;
}

.form-help-row {
  flex-basis: 100%;
  grid-column: 1 / -1;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
  min-width: 0;
  margin: 0 0 .35rem;
  display: flex;
}

.form-context-help > button {
  background: var(--theme-surface);
  color: var(--theme-ink);
  border-radius: 6px;
  width: 32px !important;
  height: 32px !important;
}

.context-help > button svg {
  width: 20px;
  height: 20px;
}

.context-help > button:focus-visible {
  outline: 2px solid var(--theme-accent);
  outline-offset: 2px;
}

.form-context-help > span {
  box-sizing: border-box;
  max-width: calc(100vw - 32px);
  max-height: 65vh;
  overflow: auto;
}

.form-context-help p {
  white-space: normal;
  overflow-wrap: anywhere;
  margin: .5rem 0;
}

@media print {
  .form-help-row {
    display: none !important;
  }
}

form:has( > .form-help-row) {
  flex-wrap: wrap;
}

.workspace:has( > .trial-tabs) .trial-toolbar .trial-filter-form:not(.trial-filter-global) {
  grid-template-columns: minmax(0, 1.3fr) repeat(2, minmax(0, .7fr));
}

@media (max-width: 900px) {
  .workspace:has( > .trial-tabs) .trial-toolbar .trial-filter-form:not(.trial-filter-global) {
    grid-template-columns: 1fr;
  }
}

@media print {
  .form-context-help {
    display: none !important;
  }
}

.city-source-span {
  grid-column: 1 / -1;
  min-width: 0;
}

.administrative-boundary-canvas {
  isolation: isolate;
  border-radius: 8px;
  width: 100%;
  height: 350px;
  margin-top: 12px;
}

.action-dialog-panel .administrative-boundary-canvas {
  height: 60vh;
}

@media (max-width: 640px) {
  .administrative-boundary-canvas {
    height: 260px;
  }
}

.master-record-audit-list, .master-record-audit-event {
  min-width: 0;
  max-width: 100%;
}

.master-record-audit-meta {
  overflow-wrap: anywhere;
  min-width: 0;
}

.master-record-audit-event .data-table td, .master-record-audit-event .data-table th {
  overflow-wrap: anywhere;
}

.master-record-audit-event pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-width: 100%;
}

.action-dialog-backdrop > .full-map-dialog {
  flex-direction: column;
  width: calc(100vw - 64px);
  max-width: calc(100vw - 64px);
  height: calc(100dvh - 64px);
  display: flex;
  overflow: hidden;
  max-height: calc(100dvh - 64px) !important;
}

.full-map-content {
  flex-direction: column;
  flex: 1;
  gap: 8px;
  min-height: 0;
  display: flex;
}

.full-map-content .administrative-boundary-canvas, .full-map-content .airport-map-frame {
  flex: 1;
  width: 100%;
  height: 100%;
  min-height: 0;
  margin-top: 0;
}

.full-map-content > p, .full-map-content > small {
  flex: none;
  margin: 0;
}

@media (max-width: 640px) {
  .action-dialog-backdrop > .full-map-dialog {
    width: calc(100vw - 16px);
    max-width: calc(100vw - 16px);
    height: calc(100dvh - 16px);
    padding: 12px;
    max-height: calc(100dvh - 16px) !important;
  }
}

.master-record-evidence {
  overflow-wrap: anywhere;
  min-width: 0;
}

@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-space-y-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
}

/* [project]/src/app/public-auth.css [app-client] (css) */
.public-page, .auth-page {
  background: radial-gradient(circle at 10% 10%,var(--theme-accent-soft),transparent 38%),var(--theme-canvas);
  min-height: 100vh;
  color: var(--theme-ink);
}

.public-container, .auth-container {
  width: min(100% - 3rem, 1480px);
  margin-inline: auto;
}

.public-header, .auth-header {
  justify-content: space-between;
  align-items: center;
  gap: 1.5rem;
  min-height: 112px;
  display: flex;
}

.public-header nav {
  align-items: center;
  gap: 1.5rem;
  margin-left: auto;
  display: flex;
}

.public-header nav a, .auth-story > a {
  color: var(--theme-secondary);
  font-size: .88rem;
  text-decoration: none;
}

.public-header nav a:hover, .auth-story > a:hover {
  color: var(--theme-accent);
}

.public-brand {
  background: #fff;
  border-radius: 1rem;
  flex: none;
  justify-content: center;
  align-items: center;
  width: 92px;
  height: 92px;
  display: inline-flex;
}

.public-brand img {
  object-fit: contain;
  width: 100%;
  height: 100%;
  display: block;
}

.public-brand-large {
  border-radius: 1.5rem;
  width: 220px;
  height: 220px;
  box-shadow: 0 20px 60px #07182a12;
}

.public-preferences {
  align-items: center;
  gap: .5rem;
  display: flex;
}

.compact-preference {
  border: 1px solid var(--theme-divider);
  background: var(--theme-surface);
  width: 40px;
  height: 40px;
  color: var(--theme-ink);
  cursor: pointer;
  border-radius: .65rem;
  place-items: center;
  display: grid;
  position: relative;
}

.compact-preference:hover {
  border-color: var(--theme-accent);
}

.compact-preference svg {
  pointer-events: none;
  width: 19px;
  height: 19px;
}

.compact-preference select {
  opacity: 0;
  cursor: pointer;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
}

.compact-preference:focus-within {
  outline: 2px solid var(--theme-accent);
  outline-offset: 2px;
}

.public-main {
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr);
  align-items: center;
  gap: clamp(2rem, 6vw, 7rem);
  min-height: min(660px, 70vh);
  padding: 3rem 0 5rem;
  display: grid;
}

.public-hero {
  max-width: 650px;
  margin: 0;
}

.public-eyebrow {
  color: var(--theme-accent);
  letter-spacing: .13em;
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 750;
  display: inline-block;
}

.public-hero h1, .auth-story h2 {
  letter-spacing: -.04em;
  margin: 1rem 0;
  font-size: clamp(2.7rem, 4.5vw, 5.4rem);
  line-height: 1.05;
}

.public-hero p, .auth-story p {
  max-width: 590px;
  color: var(--theme-secondary);
  font-size: clamp(1rem, 1.2vw, 1.25rem);
  line-height: 1.65;
}

.public-hero-actions {
  flex-wrap: wrap;
  gap: .75rem;
  margin-top: 2rem;
  display: flex;
}

.public-hero-actions a {
  justify-content: center;
  align-items: center;
  min-height: 48px;
  padding: .75rem 1.25rem;
  text-decoration: none;
  display: inline-flex;
}

.public-entries {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  max-width: none;
  display: grid;
}

.public-entries a {
  align-content: start;
  min-height: 176px;
  padding: 1.25rem;
  box-shadow: 0 12px 32px #07182a0b;
}

.public-entries svg {
  width: 23px;
  height: 23px;
  color: var(--theme-accent);
}

.public-entries strong {
  font-size: 1rem;
}

.public-about {
  border-top: 1px solid var(--theme-divider);
  max-width: 900px;
  padding: 2.5rem 0 5rem;
  scroll-margin-top: 2rem;
}

.public-about h2 {
  font-size: 1.45rem;
  font-weight: 700;
}

.public-about p {
  color: var(--theme-secondary);
  margin-top: .7rem;
  line-height: 1.65;
}

.auth-main {
  grid-template-columns: minmax(0, 1fr) minmax(360px, 480px);
  align-items: center;
  gap: clamp(2rem, 6vw, 8rem);
  min-height: calc(100vh - 112px);
  padding: 2rem 0 5rem;
  display: grid;
}

.auth-story {
  max-width: 640px;
}

.auth-story .public-brand {
  margin-bottom: 2rem;
}

.auth-story h2 {
  font-size: clamp(2.5rem, 4vw, 4.8rem);
}

.auth-story > a {
  color: var(--theme-accent);
  margin-top: 1.4rem;
  display: inline-block;
}

.auth-form-area {
  width: 100%;
}

.auth-form-area .login-card {
  width: 100%;
  max-width: none;
  padding: clamp(1.5rem, 3vw, 2.5rem);
}

.auth-form-area .login-card h1 {
  margin: 1rem 0 .45rem;
}

.auth-form-area .login-card > p {
  line-height: 1.6;
}

.auth-footer {
  text-align: center;
  margin-top: 1.25rem;
  font-size: .78rem;
}

.auth-footer a {
  color: var(--theme-secondary);
  text-decoration: none;
}

.auth-footer a:hover {
  color: var(--theme-accent);
}

.auth-form-area form.login-card {
  gap: .9rem;
  display: grid;
}

.auth-form-area form.login-card > h1 {
  margin: 0;
}

.auth-form-area form.login-card > p {
  margin: 0 0 .4rem;
}

.auth-form-area form.login-card > a {
  font-size: .82rem;
}

@media (max-width: 900px) {
  .public-main, .auth-main {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .public-main {
    padding: 3rem 0;
  }

  .auth-main {
    padding: 2rem 0 4rem;
  }

  .auth-story {
    max-width: 480px;
    margin-inline: auto;
  }

  .auth-story > :not(.public-brand) {
    display: none;
  }

  .auth-form-area {
    max-width: 480px;
    margin-inline: auto;
  }

  .public-hero h1 {
    font-size: clamp(2.4rem, 8vw, 4rem);
  }
}

@media (max-width: 600px) {
  .public-container, .auth-container {
    width: min(100% - 2rem, 1480px);
  }

  .public-header, .auth-header {
    flex-direction: row;
    align-items: center;
    min-height: 80px;
  }

  .public-header nav {
    gap: .75rem;
  }

  .public-header nav a:first-child {
    display: none;
  }

  .public-brand {
    width: 64px;
    height: 64px;
  }

  .public-entries {
    grid-template-columns: 1fr;
  }

  .public-entries a {
    min-height: 130px;
  }

  .public-hero-actions a {
    width: 100%;
  }
}

.public-brand {
  background: none;
  border-radius: 0;
  width: 136px;
  height: auto;
}

.public-brand-large {
  width: 280px;
  height: auto;
  box-shadow: none;
  background: none;
}

.public-brand img {
  object-fit: contain;
  width: 100%;
  height: auto;
}

.public-brand .product-logo-dark {
  filter: brightness(0) invert();
  display: none;
}

:root[data-theme="dark"] .public-brand .product-logo-light {
  display: none;
}

:root[data-theme="dark"] .public-brand .product-logo-dark {
  display: block;
}

@media (prefers-color-scheme: dark) {
  :root[data-theme="system"] .public-brand .product-logo-light {
    display: none;
  }

  :root[data-theme="system"] .public-brand .product-logo-dark {
    display: block;
  }
}

@media (max-width: 600px) {
  .public-brand-large {
    width: 220px;
  }
}

.public-hero .public-brand-large {
  margin-bottom: 1.5rem;
}

.credential-context {
  border: 1px solid var(--theme-divider);
  border-radius: 8px;
  margin: 1rem 0;
  padding: 1rem;
  font-size: .875rem;
}

.credential-context > div {
  grid-template-columns: 100px minmax(0, 1fr);
  gap: .75rem;
  padding: .35rem 0;
  display: grid;
}

.credential-context dt {
  color: var(--theme-secondary);
}

.credential-context dd {
  overflow-wrap: anywhere;
  margin: 0;
}

/*# sourceMappingURL=src_app_14uv_ut._.css.map*/