/*!*************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.3.0 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-red-50: oklch(97.1% 0.013 17.38);
    --color-red-200: oklch(88.5% 0.062 18.334);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-sky-50: oklch(97.7% 0.013 236.62);
    --color-sky-200: oklch(90.1% 0.058 230.902);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-zinc-950: oklch(14.1% 0.005 285.823);
    --color-white: #fff;
    --spacing: 0.25rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --tracking-normal: 0em;
    --radius-md: 0.375rem;
    --radius-lg: 0.5rem;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .pointer-events-none {
    pointer-events: none;
  }
  .visible {
    visibility: visible;
  }
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .relative {
    position: relative;
  }
  .sticky {
    position: sticky;
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .z-10 {
    z-index: 10;
  }
  .mx-auto {
    margin-inline: auto;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .size-9 {
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-full {
    height: 100%;
  }
  .h-px {
    height: 1px;
  }
  .w-\[64px\] {
    width: 64px;
  }
  .w-full {
    width: 100%;
  }
  .w-px {
    width: 1px;
  }
  .min-w-\[190px\] {
    min-width: 190px;
  }
  .min-w-\[980px\] {
    min-width: 980px;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .caption-bottom {
    caption-side: bottom;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-row {
    flex-direction: row;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .space-y-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-sky-200 {
    border-color: var(--color-sky-200);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-zinc-200 {
    border-color: var(--color-zinc-200);
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-blue-50\/70 {
    background-color: color-mix(in srgb, oklch(97% 0.014 254.604) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-blue-50) 70%, transparent);
    }
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-600 {
    background-color: var(--color-red-600);
  }
  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-zinc-100 {
    background-color: var(--color-zinc-100);
  }
  .bg-zinc-200 {
    background-color: var(--color-zinc-200);
  }
  .bg-zinc-900 {
    background-color: var(--color-zinc-900);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .text-left {
    text-align: left;
  }
  .align-middle {
    vertical-align: middle;
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-normal {
    --tw-tracking: var(--tracking-normal);
    letter-spacing: var(--tracking-normal);
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-sky-700 {
    color: var(--color-sky-700);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-zinc-50 {
    color: var(--color-zinc-50);
  }
  .text-zinc-500 {
    color: var(--color-zinc-500);
  }
  .text-zinc-900 {
    color: var(--color-zinc-900);
  }
  .text-zinc-950 {
    color: var(--color-zinc-950);
  }
  .opacity-45 {
    opacity: 45%;
  }
  .shadow {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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;
  }
  .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-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .hover\:bg-amber-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-amber-50);
      }
    }
  }
  .hover\:bg-emerald-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-50);
      }
    }
  }
  .hover\:bg-red-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-50);
      }
    }
  }
  .hover\:bg-red-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
  }
  .hover\:bg-sky-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-50);
      }
    }
  }
  .hover\:bg-zinc-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-50);
      }
    }
  }
  .hover\:bg-zinc-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-100);
      }
    }
  }
  .hover\:bg-zinc-100\/80 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.7% 0.001 286.375) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-zinc-100) 80%, transparent);
        }
      }
    }
  }
  .hover\:bg-zinc-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-200);
      }
    }
  }
  .hover\:bg-zinc-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-800);
      }
    }
  }
  .hover\:bg-zinc-900\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-zinc-900) 90%, transparent);
        }
      }
    }
  }
  .hover\:text-zinc-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-900);
      }
    }
  }
  .focus-visible\:ring-2 {
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus-visible\:ring-zinc-900 {
    &:focus-visible {
      --tw-ring-color: var(--color-zinc-900);
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:pointer-events-none {
    &:disabled {
      pointer-events: none;
    }
  }
  .disabled\:opacity-50 {
    &:disabled {
      opacity: 50%;
    }
  }
  .sm\:block {
    @media (width >= 40rem) {
      display: block;
    }
  }
  .sm\:pr-2\.5 {
    @media (width >= 40rem) {
      padding-right: calc(var(--spacing) * 2.5);
    }
  }
  .sm\:pl-2\.5 {
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 2.5);
    }
  }
  .md\:table-cell {
    @media (width >= 48rem) {
      display: table-cell;
    }
  }
  .lg\:table-cell {
    @media (width >= 64rem) {
      display: table-cell;
    }
  }
  .xl\:table-cell {
    @media (width >= 80rem) {
      display: table-cell;
    }
  }
  .\[\&_svg\]\:pointer-events-none {
    & svg {
      pointer-events: none;
    }
  }
  .\[\&_svg\]\:size-4 {
    & svg {
      width: calc(var(--spacing) * 4);
      height: calc(var(--spacing) * 4);
    }
  }
  .\[\&_svg\]\:shrink-0 {
    & svg {
      flex-shrink: 0;
    }
  }
  .\[\&_tr\]\:border-b {
    & tr {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
  }
  .\[\&_tr\:last-child\]\:border-0 {
    & tr:last-child {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
}
.list-import-page {
  max-width: 1460px;
  margin: 0 auto;
  color: var(--text);
}
.list-import-hero {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  padding: 8px 0 26px;
}
.list-import-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #1769e0;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: 0.09em;
}
.list-import-hero h1 {
  margin: 9px 0 7px;
  color: #101b2d;
  font-size: clamp(25px, 3vw, 34px);
  letter-spacing: -0.035em;
}
.list-import-hero p {
  max-width: 680px;
  margin: 0;
  color: #66758a;
  font-size: 12px;
  line-height: 1.6;
}
.list-import-hero-meta {
  display: flex;
  align-items: center;
  gap: 0;
  flex: 0 0 auto;
}
.list-import-hero-meta > div {
  min-width: 105px;
  padding: 2px 20px;
  border-right: 1px solid var(--border);
}
.list-import-hero-meta strong,
.list-import-hero-meta span {
  display: block;
}
.list-import-hero-meta strong {
  color: #14243b;
  font-size: 20px;
}
.list-import-hero-meta span {
  margin-top: 2px;
  color: #7a8799;
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
}
.list-import-hero-meta button {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin-left: 18px;
  padding: 9px 12px;
  border: 1px solid #d6dee8;
  border-radius: 7px;
  background: #fff;
  color: #42536a;
  font-size: 9px;
  font-weight: 750;
}
.list-import-safety {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px 16px;
  border: 1px solid #cfddec;
  border-radius: 9px;
  background: #f4f8fd;
  color: #315275;
}
.list-import-safety div strong,
.list-import-safety div span {
  display: block;
}
.list-import-safety div strong {
  font-size: 10px;
}
.list-import-safety div span {
  margin-top: 2px;
  color: #687c92;
  font-size: 9px;
}
.list-import-safety > span {
  padding: 5px 7px;
  border: 1px solid #c4d4e6;
  border-radius: 4px;
  background: #fff;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.05em;
}
.list-import-search-wrap {
  height: 48px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 20px 0 27px;
  padding: 0 14px;
  border: 1px solid #ced8e4;
  border-radius: 10px;
  background: #fff;
  box-shadow: 0 5px 18px rgba(24, 42, 69, 0.05);
  color: #8290a3;
}
.list-import-search-wrap:focus-within {
  border-color: #76a8eb;
  box-shadow: 0 0 0 3px rgba(23, 105, 224, 0.09);
}
.list-import-search-wrap input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  color: #1c2a3e;
  font-size: 11px;
}
.list-import-search-wrap button {
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: #6d7a8d;
}
.list-import-search-wrap kbd {
  padding: 3px 6px;
  border: 1px solid #d9e0e8;
  border-radius: 4px;
  background: #f7f9fb;
  font-size: 9px;
}
.list-section-heading {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 14px;
}
.list-section-heading span {
  color: #1769e0;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.list-section-heading h2 {
  margin: 4px 0 0;
  font-size: 17px;
}
.list-section-heading p {
  margin: 0;
  color: #7a8698;
  font-size: 9px;
}
.list-category-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 12px;
}
.list-category-card {
  min-height: 190px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-content: start;
  gap: 12px;
  padding: 17px;
  border: 1px solid #dfe5ec;
  border-radius: 11px;
  background: #fff;
  text-align: left;
  cursor: pointer;
  transition: transform 0.16s ease,
    border-color 0.16s ease,
    box-shadow 0.16s ease;
}
.list-category-card:hover {
  transform: translateY(-2px);
  border-color: #b8cae1;
  box-shadow: 0 12px 28px rgba(22, 43, 73, 0.08);
}
.list-category-icon,
.list-type-icon {
  display: grid;
  place-items: center;
  border-radius: 9px;
}
.list-category-icon {
  width: 42px;
  height: 42px;
}
.list-type-icon {
  width: 36px;
  height: 36px;
}
.list-category-icon.blue,
.list-type-icon.blue {
  background: #e9f2ff;
  color: #1769e0;
}
.list-category-icon.amber,
.list-type-icon.amber {
  background: #fff3dc;
  color: #9b610e;
}
.list-category-icon.red,
.list-type-icon.red {
  background: #ffeded;
  color: #bf3939;
}
.list-category-icon.violet,
.list-type-icon.violet {
  background: #f2edff;
  color: #7052c7;
}
.list-category-icon.cyan,
.list-type-icon.cyan {
  background: #e8f8fb;
  color: #16809a;
}
.list-category-icon.sky,
.list-type-icon.sky {
  background: #eaf7ff;
  color: #1977ad;
}
.list-category-icon.orange,
.list-type-icon.orange {
  background: #fff0e6;
  color: #bd5d1f;
}
.list-category-icon.indigo,
.list-type-icon.indigo {
  background: #eceeff;
  color: #4e5dbb;
}
.list-category-icon.green,
.list-type-icon.green {
  background: #e9f7ef;
  color: #228159;
}
.list-category-icon.slate,
.list-type-icon.slate {
  background: #eef1f5;
  color: #4b5a70;
}
.list-category-icon.teal,
.list-type-icon.teal {
  background: #e7f7f5;
  color: #187d75;
}
.list-category-title {
  min-width: 0;
  align-self: center;
}
.list-category-title strong,
.list-category-title small {
  display: block;
}
.list-category-title strong {
  color: #18263a;
  font-size: 12px;
}
.list-category-title small {
  margin-top: 3px;
  overflow: hidden;
  color: #8793a3;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.list-category-card > p {
  grid-column: 1 / -1;
  min-height: 43px;
  margin: 4px 0 0;
  color: #68768a;
  font-size: 10px;
  line-height: 1.55;
}
.list-category-footer {
  grid-column: 1/-1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  align-self: end;
  padding-top: 12px;
  border-top: 1px solid #edf0f4;
}
.list-category-footer b {
  color: #67768b;
  font-size: 9px;
}
.list-category-footer i {
  display: inline-flex;
  align-items: center;
  gap: 3px;
  color: #1769e0;
  font-size: 9px;
  font-style: normal;
  font-weight: 800;
}
.list-back {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  margin: 0 0 13px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #53657c;
  font-size: 10px;
  font-weight: 750;
}
.list-category-banner {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  margin-bottom: 25px;
  padding: 19px;
  border: 1px solid #d9e2ec;
  border-radius: 11px;
  background: linear-gradient(120deg, #fff, #f7faff);
}
.list-category-banner div > span {
  color: #79889b;
  font-size: 8px;
  font-weight: 700;
  text-transform: uppercase;
}
.list-category-banner h2 {
  margin: 3px 0;
  font-size: 18px;
}
.list-category-banner p {
  margin: 0;
  color: #68768a;
  font-size: 9px;
}
.list-category-banner > b {
  color: #7d8998;
  font-size: 8px;
  letter-spacing: 0.06em;
}
.list-type-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 9px;
}
.list-type-card {
  min-height: 83px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 12px;
  padding: 13px;
  border: 1px solid #dfe5ec;
  border-radius: 9px;
  background: #fff;
  text-align: left;
  cursor: pointer;
  transition: border-color 0.15s ease,
    box-shadow 0.15s ease;
}
.list-type-card:hover {
  border-color: #9ebce2;
  box-shadow: 0 7px 18px rgba(20, 45, 80, 0.07);
}
.list-type-card > span:nth-child(2) {
  min-width: 0;
}
.list-type-card small,
.list-type-card strong,
.list-type-card em {
  display: block;
}
.list-type-card small {
  color: #8390a2;
  font-size: 8px;
  font-weight: 750;
  text-transform: uppercase;
}
.list-type-card strong {
  margin-top: 4px;
  color: #1d2a3d;
  font-size: 10px;
  line-height: 1.35;
}
.list-type-card em {
  margin-top: 5px;
  color: #97a1af;
  font-size: 7px;
  font-style: normal;
}
.list-type-action {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  padding: 7px 9px;
  border-radius: 6px;
  background: #edf4ff;
  color: #1769e0;
  font-size: 8px;
  font-weight: 800;
}
.list-empty {
  min-height: 220px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  border: 1px dashed #ccd7e3;
  border-radius: 10px;
  background: #fafbfd;
  color: #8794a4;
}
.list-empty strong {
  color: #3d4c61;
  font-size: 12px;
}
.list-empty span {
  font-size: 9px;
}
.list-import-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(5, 15, 29, 0.62);
  backdrop-filter: blur(3px);
}
.list-import-modal {
  width: min(680px, 100%);
  max-height: calc(100vh - 44px);
  overflow: auto;
  border: 1px solid #aebdce;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.35);
}
.list-import-modal > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 20px 22px;
  border-bottom: 1px solid #e5eaf0;
}
.list-import-modal > header span {
  color: #1769e0;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.08em;
}
.list-import-modal > header h2 {
  margin: 5px 0 3px;
  color: #142034;
  font-size: 16px;
}
.list-import-modal > header p {
  margin: 0;
  color: #7d899a;
  font-size: 9px;
}
.list-import-modal > header button {
  display: grid;
  place-items: center;
  padding: 6px;
  border: 0;
  border-radius: 6px;
  background: #f2f4f7;
  color: #647186;
}
.import-steps {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 0;
  padding: 14px 22px;
  border-bottom: 1px solid #e7ebf0;
  list-style: none;
}
.import-steps li {
  position: relative;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #9aa4b1;
  font-size: 8px;
  font-weight: 750;
}
.import-steps li:not(:last-child)::after {
  content: "";
  position: absolute;
  right: 8px;
  width: 35%;
  height: 1px;
  background: #dce2e9;
}
.import-steps li > span {
  width: 22px;
  height: 22px;
  display: grid;
  place-items: center;
  border: 1px solid #d7dee7;
  border-radius: 50%;
  background: #fff;
}
.import-steps li.active {
  color: #275a9d;
}
.import-steps li.active > span {
  border-color: #1769e0;
  background: #1769e0;
  color: #fff;
}
.import-modal-body {
  min-height: 315px;
  padding: 22px;
}
.file-drop-zone {
  width: 100%;
  min-height: 210px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 7px;
  border: 1.5px dashed #adc1d9;
  border-radius: 10px;
  background: #f8fbff;
  color: #1769e0;
  cursor: pointer;
}
.file-drop-zone strong {
  color: #26364b;
  font-size: 12px;
}
.file-drop-zone span {
  color: #738299;
  font-size: 9px;
}
.file-drop-zone small {
  margin-top: 8px;
  color: #8a97a8;
  font-size: 8px;
}
.file-drop-zone.has-file {
  border-style: solid;
  border-color: #94cfb5;
  background: #f5fcf8;
  color: #158059;
}
.import-info-row {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin-top: 13px;
  padding: 11px;
  border-radius: 7px;
  background: #f2f5f9;
  color: #66768a;
}
.import-info-row span {
  font-size: 8px;
  line-height: 1.5;
}
.import-info-row strong {
  color: #405168;
}
.import-form {
  display: grid;
  gap: 17px;
}
.import-form label > span {
  display: flex;
  justify-content: space-between;
  margin-bottom: 6px;
  color: #405168;
  font-size: 9px;
  font-weight: 750;
}
.import-form label > span b {
  color: #b34848;
  font-size: 7px;
  text-transform: uppercase;
}
.import-form select,
.import-form textarea {
  width: 100%;
  border: 1px solid #d5dde7;
  border-radius: 7px;
  background: #fff;
  color: #25364b;
  font: inherit;
  font-size: 10px;
  outline: none;
}
.import-form select {
  height: 39px;
  padding: 0 10px;
}
.import-form textarea {
  min-height: 92px;
  padding: 10px;
  resize: vertical;
}
.import-form label > small {
  display: block;
  margin-top: 5px;
  color: #8a96a6;
  font-size: 8px;
}
.import-checkbox {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 12px;
  border: 1px solid #dce3eb;
  border-radius: 8px;
  background: #f9fafc;
}
.import-checkbox input {
  margin-top: 2px;
  accent-color: #1769e0;
}
.import-checkbox > span {
  display: block !important;
  margin: 0 !important;
}
.import-checkbox strong,
.import-checkbox small {
  display: block;
}
.import-checkbox strong {
  color: #35465c;
  font-size: 9px;
}
.import-checkbox small {
  margin-top: 3px;
  color: #7c899a;
  font-size: 8px;
}
.import-review-status {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px;
  border: 1px solid #bde2d0;
  border-radius: 8px;
  background: #f1fbf6;
  color: #16815b;
}
.import-review-status span strong,
.import-review-status span small {
  display: block;
}
.import-review-status strong {
  font-size: 10px;
}
.import-review-status small {
  margin-top: 3px;
  color: #628579;
  font-size: 8px;
}
.import-review dl {
  margin: 15px 0;
  border: 1px solid #e0e5eb;
  border-radius: 8px;
}
.import-review dl div {
  display: grid;
  grid-template-columns: 125px minmax(0, 1fr);
  border-bottom: 1px solid #e9edf2;
}
.import-review dl div:last-child {
  border-bottom: 0;
}
.import-review dt,
.import-review dd {
  margin: 0;
  padding: 9px 11px;
  font-size: 8px;
}
.import-review dt {
  background: #f7f9fb;
  color: #7b8797;
}
.import-review dd {
  overflow-wrap: anywhere;
  color: #304157;
  font-weight: 700;
}
.import-pending-note {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #7a5b24;
  font-size: 8px;
}
.list-import-modal > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 14px 22px;
  border-top: 1px solid #e4e9ef;
  background: #f8fafc;
}
.list-import-modal > footer button {
  min-width: 92px;
  justify-content: center;
}
.list-import-modal > footer .primary-button {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.list-import-modal > footer button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}
@media (max-width: 1100px) {
  .list-category-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .list-import-hero {
    align-items: flex-start;
    flex-direction: column;
  }
  .list-import-hero-meta {
    width: 100%;
  }
}
@media (max-width: 700px) {
  .list-category-grid,
  .list-type-grid {
    grid-template-columns: 1fr;
  }
  .list-import-hero-meta {
    align-items: stretch;
    flex-wrap: wrap;
  }
  .list-import-hero-meta > div {
    padding-left: 0;
  }
  .list-import-hero-meta button {
    margin: 12px 0 0;
  }
  .list-import-safety {
    grid-template-columns: auto 1fr;
  }
  .list-import-safety > span {
    grid-column: 2;
    width: max-content;
  }
  .list-section-heading {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
  .list-category-banner {
    grid-template-columns: auto 1fr;
  }
  .list-category-banner > b {
    grid-column: 2;
  }
  .list-type-card {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .list-type-action {
    grid-column: 2;
    width: max-content;
  }
  .import-steps li b {
    display: none;
  }
  .import-steps li:not(:last-child)::after {
    width: 55%;
  }
  .import-review dl div {
    grid-template-columns: 90px minmax(0, 1fr);
  }
}
:root {
  --navy: #08162d;
  --navy-2: #0d2142;
  --blue: #1769e0;
  --blue-soft: #eaf2ff;
  --text: #162033;
  --muted: #69758a;
  --border: #dfe5ec;
  --surface: #ffffff;
  --background: #f4f7fa;
  --green: #12825c;
  --green-soft: #e8f7f0;
  --amber: #a86207;
  --amber-soft: #fff5df;
  --red: #c23636;
  --red-soft: #fff0f0;
}
:root {
  --navy: #0c1018;
  --navy-2: #141a25;
  --blue: #6b7cff;
  --blue-soft: rgba(107, 124, 255, 0.14);
  --text: #eef2f8;
  --muted: #8b95a5;
  --border: #2a303b;
  --surface: #1b2029;
  --background: #10141b;
  --green: #40d59b;
  --green-soft: rgba(64, 213, 155, 0.12);
  --amber: #f4ae4f;
  --amber-soft: rgba(244, 174, 79, 0.12);
  --red: #ff6677;
  --red-soft: rgba(255, 102, 119, 0.12);
  color-scheme: dark;
}
body {
  background: radial-gradient(
      ellipse 42% 32% at 8% 2%,
      rgba(91, 111, 255, 0.5),
      transparent 72%
    ),
    radial-gradient(
      ellipse 34% 24% at 96% 98%,
      rgba(46, 92, 255, 0.28),
      transparent 75%
    ),
    radial-gradient(
      circle at 20% 18%,
      rgba(255, 255, 255, 0.04) 0 1px,
      transparent 1.5px
    ),
    #0d1117;
  background-size: auto,
    auto,
    70px 70px,
    auto;
  color: var(--text);
}
.app-shell {
  grid-template-columns: 270px minmax(0, 1fr);
  height: 100vh;
  padding: 22px;
  overflow: hidden;
  background: transparent;
}
.sidebar {
  top: 0;
  height: calc(100vh - 44px);
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-right: 0;
  border-radius: 20px 0 0 20px;
  background: rgba(24, 29, 37, 0.94);
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(22px);
}
.brand {
  min-height: 82px;
  border-bottom: 0;
  padding: 18px 20px;
}
.brand-mark {
  width: 42px;
  height: 42px;
  border: 1px solid #7f8fff;
  border-radius: 50%;
  background: linear-gradient(145deg, #26388d, #6175ff);
  color: white;
  box-shadow: 0 0 0 4px rgba(105, 124, 255, 0.1),
    0 8px 24px rgba(69, 88, 230, 0.35);
}
.brand strong {
  color: #f7f9fc;
  font-size: 15px;
}
.brand span {
  color: #8c96a7;
}
.environment {
  margin: 3px 16px 17px;
  border-color: #2a303a;
  background: #151a21;
  color: #8e98a8;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
}
.environment span {
  background: #4ee0a8;
  box-shadow: 0 0 8px rgba(78, 224, 168, 0.7);
}
.sidebar nav {
  overflow-y: auto;
  scrollbar-width: thin;
  scrollbar-color: #353d49 transparent;
}
.nav-group p {
  color: #697383;
  font-size: 9px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.nav-group a,
.nav-parent-row {
  color: #9ca5b3;
}
.nav-group a svg {
  color: #758090;
}
.nav-group a:hover,
.nav-parent-row:hover {
  border-color: #303745;
  background: #202630;
  color: #fff;
}
.nav-group a.active,
.nav-parent-row.active {
  border-color: #343d4d;
  background: linear-gradient(
    100deg,
    rgba(87, 104, 225, 0.34),
    rgba(35, 41, 51, 0.95)
  );
  color: #fff;
  box-shadow: inset 3px 0 #7485ff,
    0 8px 22px rgba(0, 0, 0, 0.16);
}
.nav-group a.active svg,
.nav-parent-row.active svg {
  color: #aab5ff;
}
.nav-group a b,
.nav-group a.active b,
.nav-parent-row > a b {
  background: #292f3a;
  color: #aab3c0;
}
.nav-dropdown-toggle {
  color: #778293;
}
.nav-recent-passengers {
  border-left-color: #303743;
}
.nav-recent-passengers > span,
.nav-recent-passengers small,
.nav-recent-passengers em {
  color: #697484;
}
.nav-recent-passengers a {
  color: #aeb7c4;
}
.nav-recent-passengers a:hover {
  border-color: #343c49;
  background: #202630;
}
.sidebar-footer {
  border-top-color: #292f39;
  background: #181d25;
}
.classification {
  color: #747f8e;
}
.sidebar-footer button {
  border-color: #2b323d;
  background: #20252e;
  color: #eef1f5;
}
.sidebar-footer small {
  color: #7e8999;
}
.avatar {
  background: linear-gradient(145deg, #5266e5, #8391ff);
}
.workspace {
  height: calc(100vh - 44px);
  min-height: 0;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 0 20px 20px 0;
  background: rgba(16, 20, 27, 0.96);
  box-shadow: 22px 25px 80px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(22px);
}
.topbar {
  min-height: 68px;
  padding: 11px 24px;
  border-bottom-color: #292f38;
  background: rgba(17, 21, 28, 0.9);
}
.topbar-breadcrumb span {
  background: #252b35;
  color: #9eabff;
}
.topbar-breadcrumb strong {
  color: #eef1f6;
  font-size: 13px;
}
.global-search {
  height: 38px;
  border-color: #2c333e;
  background: #171c23;
  color: #717d8e;
}
.global-search input {
  color: #e7ebf2;
}
.global-search input::placeholder {
  color: #687384;
}
.global-search kbd {
  border-color: #343c48;
  background: #232a33;
  color: #7d8898;
}
.system-state {
  color: #8792a1;
}
.system-state span {
  background: #45d6a0;
  box-shadow: 0 0 8px rgba(69, 214, 160, 0.55);
}
.icon-button,
.profile-button {
  border-color: #2c333e;
  background: #1a2028;
  color: #aab3c0;
}
.notification-button b {
  border-color: #11151c;
}
.page-content {
  padding: 28px 30px 50px;
  background: radial-gradient(
    circle at 55% -20%,
    rgba(81, 99, 216, 0.08),
    transparent 35%
  );
}
.page-header p {
  color: #7181ef;
}
.page-header h1 {
  color: #f5f7fa;
  font-weight: 650;
  letter-spacing: -0.025em;
}
.page-header > div > span {
  color: #838e9e;
}
.panel,
.metric-card,
.date-filter-strip,
.api-pnr-ops-console,
.eta-review-hero,
.threat-indicator.hero,
.case-banner,
.flight-detail-hero,
.vector-card,
.list-category-card,
.list-category-banner,
.list-type-card,
.import-data-header,
.person-detail-grid section,
.person-detail-grid aside,
.import-history-list {
  border-color: #2a303a;
  border-radius: 12px;
  background: linear-gradient(145deg, #1c222b, #191e26);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18),
    inset 0 1px rgba(255, 255, 255, 0.025);
}
.panel > header {
  border-bottom-color: #2a3039;
}
.panel > header h2,
.metric-card strong,
.api-pnr-ops-heading h2 {
  color: #f0f3f7;
}
.panel > header p,
.metric-card span,
.metric-card small {
  color: #838e9e;
}
.metric-card {
  transition: transform 0.18s ease,
    border-color 0.18s ease;
}
.metric-card:hover {
  transform: translateY(-2px);
  border-color: #3a4352;
}
.metric-icon {
  border-radius: 9px;
}
.metric-icon.blue {
  background: rgba(103, 121, 255, 0.14);
  color: #8090ff;
}
.metric-icon.green {
  background: rgba(64, 213, 155, 0.12);
  color: #4bd5a2;
}
.metric-icon.amber {
  background: rgba(244, 174, 79, 0.12);
  color: #efb35e;
}
.metric-icon.red {
  background: rgba(255, 102, 119, 0.12);
  color: #ff7685;
}
.workspace-tabs,
.segmented-control {
  border-color: #2b323d;
  background: #141920;
}
.workspace-tabs button,
.segmented-control button {
  color: #8f99a8;
}
.workspace-tabs button:hover,
.workspace-tabs button.active,
.segmented-control button.active {
  background: #252b35;
  color: #fff;
  box-shadow: inset 0 0 0 1px #333b47,
    0 6px 16px rgba(0, 0, 0, 0.2);
}
.primary-button {
  border-color: #7182ff;
  background: linear-gradient(135deg, #5368e7, #7485ff);
  color: white;
  box-shadow: 0 8px 20px rgba(72, 89, 207, 0.22);
}
.secondary-button,
.table-action,
.case-toolbar button,
.filter-button {
  border-color: #303743;
  background: #202630;
  color: #b4bdc9;
}
.danger-button {
  border-color: rgba(255, 102, 119, 0.28);
  background: rgba(255, 102, 119, 0.09);
  color: #ff8592;
}
.toolbar,
.case-toolbar,
.eta-filter-grid,
.eta-queue-summary,
.date-filter-strip,
.table-pagination-bar,
.api-pnr-ops-primary,
.api-pnr-ops-kpis button {
  border-color: #2a3039;
  background: #171c23;
}
.toolbar input,
.eta-filter-grid select,
.eta-filter-search,
.eta-date-range-fields select,
.in-country-toolbar select,
.in-country-search,
input,
select,
textarea {
  border-color: #303743;
  background-color: #151a21;
  color: #dfe4eb;
}
input::placeholder,
textarea::placeholder {
  color: #667181;
}
table {
  background: #191e26;
}
th {
  border-color: #2a3039;
  background: #171c23;
  color: #737e8e;
}
td {
  border-color: #272e37;
  color: #aeb7c4;
}
tbody tr:hover td,
.navigable-table-row:hover td {
  background: #202630;
}
.status-badge {
  border-color: #353d49;
  background: #242a34;
  color: #aeb8c5;
}
.status-approved,
.status-active,
.status-completed {
  border-color: rgba(64, 213, 155, 0.25);
  background: rgba(64, 213, 155, 0.1);
  color: #55dbaa;
}
.status-rejected,
.status-critical,
.status-overstay {
  border-color: rgba(255, 102, 119, 0.25);
  background: rgba(255, 102, 119, 0.1);
  color: #ff7b89;
}
@media (max-width: 900px) {
  .app-shell {
    display: block;
    padding: 0;
  }
  .workspace {
    height: 100vh;
    border: 0;
    border-radius: 0;
  }
  .sidebar {
    height: 100vh;
    border-radius: 0 18px 18px 0;
  }
}
.import-preview-metrics {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 8px;
  margin: 14px 0;
}
.import-preview-metrics span {
  border: 1px solid #dbe5e1;
  border-radius: 10px;
  padding: 10px;
  color: #52615c;
  font-size: 12px;
}
.import-preview-metrics strong {
  display: block;
  color: #163a30;
  font-size: 20px;
}
.import-preview-table-wrap {
  max-height: 300px;
  overflow: auto;
  border: 1px solid #dbe5e1;
  border-radius: 10px;
}
.import-preview-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 12px;
  text-align: left;
}
.import-preview-table th,
.import-preview-table td {
  padding: 9px 10px;
  border-bottom: 1px solid #edf2f0;
  vertical-align: top;
}
.import-preview-table th {
  position: sticky;
  top: 0;
  background: #f5f8f7;
  color: #52615c;
  z-index: 1;
}
.import-preview-table td div + div {
  margin-top: 3px;
}
.import-data-page {
  display: grid;
  gap: 18px;
}
.import-data-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 24px;
  padding: 24px;
  border: 1px solid #dbe5e1;
  border-radius: 14px;
  background: #fff;
}
.import-data-header > div > span,
.person-detail-title > div > span {
  color: #60736c;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 0.12em;
}
.import-data-header h1 {
  margin: 5px 0;
  color: #163a30;
  font-size: 27px;
}
.import-data-header p {
  margin: 0;
  color: #60736c;
}
.import-full-table {
  max-height: none;
}
.import-person-row {
  cursor: pointer;
  transition: background 0.12s ease;
}
.import-person-row:hover,
.import-person-row:focus {
  background: #f1f7f4;
  outline: none;
}
.import-person-row td:last-child {
  color: #27765d;
}
.person-detail-title {
  display: flex;
  align-items: center;
  gap: 14px;
}
.person-detail-icon {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 50%;
  background: #e8f4ef;
  color: #27765d;
}
.person-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 2fr) minmax(280px, 1fr);
  gap: 18px;
  align-items: start;
}
.person-detail-grid section,
.person-detail-grid aside {
  padding: 22px;
  border: 1px solid #dbe5e1;
  border-radius: 14px;
  background: #fff;
}
.person-detail-grid h2 {
  margin: 0 0 16px;
  color: #163a30;
  font-size: 18px;
}
.person-detail-grid h3 {
  margin: 22px 0 8px;
  color: #163a30;
  font-size: 14px;
}
.person-detail-grid dl {
  display: grid;
  gap: 0;
  margin: 0;
}
.person-detail-grid dl div {
  display: grid;
  grid-template-columns: minmax(130px, 0.65fr) minmax(0, 1.35fr);
  gap: 18px;
  padding: 12px 0;
  border-bottom: 1px solid #edf2f0;
}
.person-detail-grid dt {
  color: #60736c;
  font-size: 12px;
  font-weight: 700;
}
.person-detail-grid dd {
  margin: 0;
  color: #203d35;
  overflow-wrap: anywhere;
}
.person-detail-grid ul {
  margin: 0;
  padding-left: 18px;
  color: #755b20;
}
.person-detail-grid aside > p {
  margin: 0;
  color: #60736c;
}
@media (max-width: 900px) {
  .person-detail-grid {
    grid-template-columns: 1fr;
  }
  .import-data-header {
    flex-direction: column;
  }
}
.import-history {
  margin-top: 24px;
}
.import-history-categories {
  display: flex;
  gap: 8px;
  margin: 16px 0;
  padding-bottom: 4px;
  overflow-x: auto;
}
.import-history-categories button {
  min-width: 145px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 11px 13px;
  border: 1px solid #d8e0e9;
  border-radius: 9px;
  background: #fff;
  color: #536278;
  font-size: 10px;
  text-align: left;
}
.import-history-categories button strong {
  min-width: 25px;
  padding: 4px 7px;
  border-radius: 10px;
  background: #edf2f7;
  color: #25364d;
  text-align: center;
}
.import-history-categories button.active {
  border-color: #478de8;
  background: #f1f7ff;
  color: #155dbb;
  box-shadow: 0 0 0 2px rgba(23, 105, 224, 0.08);
}
.import-history-list {
  overflow: hidden;
  border: 1px solid #dce3eb;
  border-radius: 11px;
  background: #fff;
}
.import-history-list > button {
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 13px;
  padding: 13px 15px;
  border: 0;
  border-bottom: 1px solid #e8edf2;
  background: #fff;
  color: #26364b;
  text-align: left;
}
.import-history-list > button:last-child {
  border-bottom: 0;
}
.import-history-list > button:hover {
  background: #f7faff;
}
.import-history-list > button > span strong,
.import-history-list > button > span small {
  display: block;
}
.import-history-list > button > span strong {
  font-size: 11px;
}
.import-history-list > button > span small {
  margin-top: 4px;
  color: #7c899b;
  font-size: 9px;
}
.import-history-list > button > span:nth-child(3) {
  text-align: right;
}
.import-history-list > button > span:nth-child(3) b {
  display: inline-block;
  padding: 4px 6px;
  border-radius: 5px;
  background: #edf4fd;
  color: #336aaf;
  font-size: 8px;
}
.history-file-icon {
  display: grid !important;
  place-items: center;
  width: 36px;
  height: 36px;
  border-radius: 8px;
  background: #eaf3ff;
  color: #1769e0;
}
.import-history-pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin-top: 14px;
  color: #6b788b;
  font-size: 10px;
}
.import-history-pagination button {
  padding: 7px 11px;
  border: 1px solid #d6dee8;
  border-radius: 6px;
  background: #fff;
  color: #35475e;
}
.import-history-pagination button:disabled {
  opacity: 0.45;
}
.history-data-modal {
  width: min(1180px, 100%);
}
.history-data-modal .history-table-wrap {
  max-height: 58vh;
}
.history-data-modal table {
  min-width: 900px;
}
.history-data-modal td {
  max-width: 260px;
  overflow-wrap: anywhere;
}
.history-data-modal > footer {
  justify-content: flex-end;
}
@media (max-width: 700px) {
  .import-history-list > button {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .import-history-list > button > span:nth-child(3) {
    grid-column: 2;
    text-align: left;
  }
  .import-history-list > button > svg {
    grid-column: 3;
    grid-row: 1/3;
  }
}
.record-status {
  display: inline-block;
  padding: 3px 6px;
  border-radius: 999px;
  background: #e8f5ef;
  color: #176545;
  font-weight: 700;
  font-size: 10px;
  white-space: nowrap;
}
.record-status.needs_review {
  background: #fff3d6;
  color: #8a5b00;
}
.record-status.invalid {
  background: #fde8e8;
  color: #a52727;
}
.traditional-account-layout {
  display: grid;
  grid-template-columns: 230px minmax(0, 760px);
  gap: 28px;
  align-items: start;
}
.traditional-account-summary {
  padding: 4px 0;
}
.traditional-account-avatar {
  width: 72px;
  height: 72px;
  display: grid;
  place-items: center;
  margin-bottom: 15px;
  border-radius: 50%;
  background: #e8eef5;
  color: #294b70;
  font-size: 19px;
  font-weight: 700;
}
.traditional-account-summary h2 {
  margin: 0;
  color: #172236;
  font-size: 17px;
}
.traditional-account-summary p {
  margin: 6px 0 13px;
  color: #66758a;
  font-size: 10px;
  overflow-wrap: anywhere;
}
.traditional-account-summary > span {
  display: inline-block;
  padding: 4px 7px;
  border: 1px solid #d9e0e8;
  border-radius: 4px;
  color: #647286;
  font-size: 8px;
  font-weight: 700;
}
.traditional-account-content {
  display: grid;
  gap: 20px;
}
.traditional-account-section {
  border: 1px solid #dfe5ec;
  border-radius: 8px;
  background: #fff;
}
.traditional-account-section > header {
  padding: 17px 20px;
  border-bottom: 1px solid #e7ebf0;
}
.traditional-account-section > header h2 {
  margin: 0;
  color: #1c293a;
  font-size: 13px;
}
.traditional-account-section > header p {
  margin: 4px 0 0;
  color: #788598;
  font-size: 9px;
}
.traditional-account-fields {
  margin: 0;
}
.traditional-account-fields > div {
  display: grid;
  grid-template-columns: 180px minmax(0, 1fr);
  min-height: 48px;
  border-bottom: 1px solid #edf0f3;
}
.traditional-account-fields > div:last-child {
  border-bottom: 0;
}
.traditional-account-fields dt,
.traditional-account-fields dd {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 12px 20px;
}
.traditional-account-fields dt {
  color: #647286;
  font-size: 10px;
}
.traditional-account-fields dd {
  min-width: 0;
  border-left: 1px solid #edf0f3;
  color: #25364c;
  font-size: 10px;
  font-weight: 650;
  overflow-wrap: anywhere;
}
.traditional-account-fields dd.mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
  font-weight: 500;
}
.traditional-account-fields dd small {
  margin-left: 8px;
  padding: 2px 5px;
  border-radius: 3px;
  background: #e8f5ed;
  color: #26724d;
  font-size: 7px;
  font-weight: 800;
  text-transform: uppercase;
}
.traditional-role-list {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 18px 20px;
  color: #63758c;
}
.traditional-role-list > div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
}
.traditional-role-list span {
  padding: 5px 7px;
  border: 1px solid #dce3eb;
  border-radius: 4px;
  background: #f7f9fb;
  color: #3c4d62;
  font-size: 8px;
  font-weight: 700;
}
.traditional-role-list p {
  margin: 1px 0 0;
  color: #788598;
  font-size: 10px;
}
.traditional-password-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 18px 20px;
}
.traditional-password-row > div {
  display: flex;
  align-items: center;
  gap: 11px;
  color: #617188;
}
.traditional-password-row strong,
.traditional-password-row small {
  display: block;
}
.traditional-password-row strong {
  color: #2b3a4e;
  font-size: 10px;
}
.traditional-password-row small {
  margin-top: 3px;
  color: #7b8899;
  font-size: 8px;
}
.traditional-password-row button {
  padding: 8px 12px;
  border: 1px solid #d6dde6;
  border-radius: 5px;
  background: #f5f7f9;
  color: #8a96a5;
  font-size: 9px;
  font-weight: 700;
  cursor: not-allowed;
}
@media (max-width: 820px) {
  .traditional-account-layout {
    grid-template-columns: 1fr;
  }
  .traditional-account-summary {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 14px;
  }
  .traditional-account-avatar {
    grid-row: 1 / 4;
    width: 58px;
    height: 58px;
    margin: 0;
  }
  .traditional-account-summary > span {
    justify-self: start;
  }
}
@media (max-width: 560px) {
  .traditional-account-fields > div {
    grid-template-columns: 1fr;
  }
  .traditional-account-fields dt {
    padding-bottom: 3px;
  }
  .traditional-account-fields dd {
    padding-top: 3px;
    border-left: 0;
  }
  .traditional-password-row {
    align-items: flex-start;
    flex-direction: column;
  }
}
.sidebar-footer {
  position: relative;
}
.officer-menu {
  position: absolute;
  z-index: 75;
  bottom: 76px;
  left: 12px;
  width: calc(100% - 24px);
  overflow: hidden;
  border: 1px solid #294464;
  border-radius: 12px;
  background: #fff;
  color: #172236;
  box-shadow: 0 20px 55px rgba(2, 10, 24, 0.34);
}
.officer-menu::after {
  content: "";
  position: absolute;
  bottom: -6px;
  left: 30px;
  width: 11px;
  height: 11px;
  transform: rotate(45deg);
  border-right: 1px solid #294464;
  border-bottom: 1px solid #294464;
  background: #fff;
}
.officer-menu-identity {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 14px;
  border-bottom: 1px solid #e7ebf0;
  background: linear-gradient(135deg, #f7faff, #eef5ff);
}
.officer-menu-identity > span:last-child {
  min-width: 0;
}
.officer-menu-identity strong,
.officer-menu-identity small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.officer-menu-identity strong {
  color: #172236;
  font-size: 12px;
}
.officer-menu-identity small {
  margin-top: 3px;
  color: #6d7c91;
  font-size: 9px;
}
.avatar.large {
  width: 38px;
  height: 38px;
  flex: 0 0 auto;
  color: #fff;
  font-size: 11px;
}
.officer-menu-links {
  display: grid;
  gap: 3px;
  padding: 7px;
}
.officer-menu-links a {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border-radius: 7px;
  color: #314158;
  transition: background 0.15s ease,
    color 0.15s ease;
}
.officer-menu-links a:hover {
  background: #eef5ff;
  color: #18579f;
}
.officer-menu-links a > span {
  min-width: 0;
}
.officer-menu-links strong,
.officer-menu-links small {
  display: block;
}
.officer-menu-links strong {
  font-size: 11px;
}
.officer-menu-links small {
  margin-top: 2px;
  color: #8190a3;
  font-size: 8px;
}
.sidebar-footer .officer-menu-logout {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 16px;
  border: 0;
  border-top: 1px solid #e7ebf0;
  border-radius: 0;
  background: #fff;
  color: #a22c32;
  font-size: 10px;
  font-weight: 700;
}
.sidebar-footer .officer-menu-logout:hover {
  background: #fff4f4;
}
.officer-account-page {
  max-width: 1180px;
  margin: 0 auto;
}
.account-hero {
  display: flex;
  align-items: center;
  gap: 18px;
  margin-bottom: 18px;
  padding: 24px;
  overflow: hidden;
  border: 1px solid #dce5ef;
  border-radius: 14px;
  background: linear-gradient(120deg, #0b1f3b 0%, #123966 68%, #185a98 100%);
  color: #fff;
  box-shadow: 0 12px 34px rgba(10, 35, 68, 0.16);
}
.account-avatar {
  width: 68px;
  height: 68px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border: 2px solid rgba(255, 255, 255, 0.45);
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.14);
  font-size: 20px;
  font-weight: 800;
  letter-spacing: 0.04em;
}
.account-hero-copy {
  min-width: 0;
  flex: 1;
}
.account-status {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  margin-bottom: 7px;
  color: #a9d3ff;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.account-hero h2 {
  margin: 0;
  font-size: 23px;
  letter-spacing: -0.02em;
}
.account-hero p {
  margin: 5px 0 0;
  color: #bcd0e6;
  font-size: 11px;
}
.account-session-state {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 220px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 9px;
  background: rgba(4, 18, 36, 0.28);
}
.account-session-state > span {
  width: 9px;
  height: 9px;
  flex: 0 0 auto;
  border: 2px solid rgba(95, 222, 156, 0.35);
  border-radius: 50%;
  background: #4ed68e;
  box-shadow: 0 0 0 4px rgba(78, 214, 142, 0.11);
}
.account-session-state strong,
.account-session-state small {
  display: block;
}
.account-session-state strong {
  font-size: 10px;
}
.account-session-state small {
  margin-top: 3px;
  color: #aebfd3;
  font-size: 8px;
  line-height: 1.4;
}
.account-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.45fr) minmax(300px, 0.85fr);
  gap: 18px;
  align-items: start;
}
.account-side-column {
  display: grid;
  gap: 18px;
}
.account-card {
  overflow: hidden;
  border: 1px solid #dfe6ee;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 14px rgba(19, 39, 66, 0.045);
}
.account-card > header {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 16px 18px;
  border-bottom: 1px solid #e9edf2;
}
.account-card > header h2 {
  margin: 0;
  color: #1c293c;
  font-size: 13px;
}
.account-card > header p {
  margin: 4px 0 0;
  color: #7b899c;
  font-size: 9px;
}
.account-card-icon {
  width: 36px;
  height: 36px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #eaf2ff;
  color: #2267b4;
}
.account-card-icon.green {
  background: #e9f8f0;
  color: #238056;
}
.account-card-icon.amber {
  background: #fff4dc;
  color: #a36812;
}
.account-detail-list {
  margin: 0;
  padding: 4px 18px;
}
.account-detail-list > div {
  display: grid;
  grid-template-columns: minmax(130px, 0.7fr) minmax(0, 1.3fr);
  gap: 18px;
  padding: 14px 0;
  border-bottom: 1px solid #edf0f4;
}
.account-detail-list > div:last-child {
  border-bottom: 0;
}
.account-detail-list dt {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #718096;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}
.account-detail-list dd {
  min-width: 0;
  margin: 0;
  color: #26364c;
  font-size: 11px;
  font-weight: 650;
  overflow-wrap: anywhere;
}
.account-detail-list dd.mono {
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  font-size: 9px;
}
.account-detail-list dd span {
  display: inline-flex;
  margin-left: 8px;
  padding: 3px 6px;
  border-radius: 999px;
  background: #e8f7ef;
  color: #20784f;
  font-size: 7px;
  font-weight: 800;
  text-transform: uppercase;
}
.account-role-list {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 16px 18px 18px;
}
.account-role-list span {
  padding: 7px 9px;
  border: 1px solid #d8e5f4;
  border-radius: 7px;
  background: #f3f8ff;
  color: #275f9d;
  font-size: 8px;
  font-weight: 800;
}
.account-role-list p {
  margin: 0;
  color: #8491a2;
  font-size: 10px;
  line-height: 1.5;
}
.account-security-body {
  padding: 8px 18px 18px;
}
.account-security-body > div {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 11px 0;
  border-bottom: 1px solid #edf0f4;
  color: #64758b;
}
.account-security-body > div > span {
  min-width: 0;
}
.account-security-body strong,
.account-security-body small {
  display: block;
}
.account-security-body strong {
  color: #29394f;
  font-size: 10px;
}
.account-security-body small {
  margin-top: 3px;
  font-size: 8px;
}
.account-security-body > button {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  margin-top: 14px;
  padding: 10px;
  border: 1px solid #dce3eb;
  border-radius: 7px;
  background: #f6f8fa;
  color: #8a96a5;
  font-size: 9px;
  font-weight: 750;
  cursor: not-allowed;
}
.account-security-body > button small {
  margin-left: auto;
  padding: 3px 5px;
  border-radius: 4px;
  background: #e9edf2;
  font-size: 7px;
  text-transform: uppercase;
}
.settings-empty {
  min-height: 360px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  border: 1px dashed #ccd7e3;
  border-radius: 12px;
  background: #fafbfd;
  color: #8492a5;
  text-align: center;
}
.settings-empty strong {
  color: #405168;
  font-size: 12px;
}
.settings-empty p {
  margin: 0;
  font-size: 9px;
}
@media (max-width: 900px) {
  .account-layout {
    grid-template-columns: 1fr;
  }
  .account-hero {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .account-session-state {
    width: 100%;
  }
}
@media (max-width: 560px) {
  .account-hero {
    padding: 18px;
  }
  .account-avatar {
    width: 56px;
    height: 56px;
    border-radius: 16px;
  }
  .account-detail-list > div {
    grid-template-columns: 1fr;
    gap: 7px;
  }
}
* {
  box-sizing: border-box;
}
html,
body {
  min-height: 100%;
}
body {
  margin: 0;
  background: var(--background);
  color: var(--text);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
}
button,
input {
  font: inherit;
}
button,
a {
  -webkit-tap-highlight-color: transparent;
}
button {
  cursor: pointer;
}
a {
  color: inherit;
  text-decoration: none;
}
.app-shell {
  min-height: 100vh;
}
.sidebar {
  position: fixed;
  inset: 0 auto 0 0;
  z-index: 30;
  width: 258px;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  background: var(--navy);
  color: #dbe5f4;
  border-right: 1px solid #173052;
}
.brand {
  min-height: 75px;
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  border-bottom: 1px solid #19304f;
}
.brand-mark {
  width: 39px;
  height: 39px;
  display: grid;
  place-items: center;
  color: white;
  border: 1px solid #365175;
  border-radius: 9px;
  background: #10294f;
}
.brand strong {
  display: block;
  color: #fff;
  font-size: 20px;
  letter-spacing: 0.08em;
}
.brand span {
  display: block;
  margin-top: 2px;
  color: #8fa4c1;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.sidebar-close {
  display: none !important;
  margin-left: auto;
  color: #fff !important;
}
.environment {
  margin: 15px 18px 8px;
  padding: 8px 10px;
  border: 1px solid #234166;
  border-radius: 6px;
  background: #0b1d39;
  color: #91a9c7;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.08em;
}
.environment span {
  display: inline-block;
  width: 7px;
  height: 7px;
  margin-right: 7px;
  border-radius: 50%;
  background: #45d69a;
  box-shadow: 0 0 0 3px #163c3d;
}
.sidebar nav {
  padding: 2px 12px 18px;
}
.nav-group {
  margin-top: 15px;
}
.nav-group p {
  margin: 0 10px 7px;
  color: #6f88aa;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.nav-group a {
  min-height: 40px;
  display: flex;
  align-items: center;
  gap: 11px;
  margin: 2px 0;
  padding: 0 10px;
  border-radius: 6px;
  color: #adc0d9;
  font-size: 13px;
}
.nav-group a:hover {
  background: #10284c;
  color: #fff;
}
.nav-group a.active {
  background: #17437c;
  color: #fff;
  box-shadow: inset 3px 0 #5ba1ff;
}
.nav-group a span {
  flex: 1;
}
.nav-group a b {
  min-width: 23px;
  padding: 2px 6px;
  border-radius: 10px;
  background: #233d62;
  color: #c7d6e9;
  font-size: 10px;
  text-align: center;
}
.nav-group a.active b {
  background: #255997;
  color: #fff;
}
.sidebar-footer {
  margin-top: auto;
  border-top: 1px solid #19304f;
  padding: 13px;
}
.classification {
  margin: 0 5px 10px;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #8399b7;
  font-size: 9px;
  letter-spacing: 0.08em;
}
.sidebar-footer button {
  width: 100%;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 8px;
  border: 0;
  border-radius: 7px;
  background: #0d2140;
  color: white;
  text-align: left;
}
.sidebar-footer button > span:nth-child(2) {
  flex: 1;
  min-width: 0;
}
.sidebar-footer strong,
.sidebar-footer small {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.sidebar-footer strong {
  font-size: 12px;
}
.sidebar-footer small {
  margin-top: 2px;
  color: #88a0bf;
  font-size: 9px;
}
.avatar {
  width: 31px;
  height: 31px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #2a64a9;
  font-size: 10px;
  font-weight: 700;
}
.workspace {
  min-height: 100vh;
  margin-left: 258px;
}
.topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  min-height: 64px;
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 9px 28px;
  background: rgba(255, 255, 255, 0.96);
  border-bottom: 1px solid var(--border);
  backdrop-filter: blur(8px);
}
.global-search {
  width: min(520px, 48vw);
  height: 39px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 11px;
  border: 1px solid #d8e0e9;
  border-radius: 7px;
  background: #f8fafc;
  color: #7c889b;
}
.global-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font-size: 12px;
}
.global-search kbd {
  padding: 2px 6px;
  border: 1px solid #d8e0e9;
  border-radius: 4px;
  background: #fff;
  color: #8792a2;
  font-size: 10px;
}
.topbar-actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: 10px;
}
.system-state {
  display: flex;
  align-items: center;
  gap: 7px;
  padding-right: 12px;
  border-right: 1px solid var(--border);
  color: #59677b;
  font-size: 11px;
}
.system-state span {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #22a878;
}
.icon-button {
  width: 34px;
  height: 34px;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #647187;
}
.icon-button:hover {
  background: #eef2f6;
}
.notification-button {
  position: relative;
  border: 1px solid var(--border);
}
.notification-button b {
  position: absolute;
  top: -5px;
  right: -5px;
  width: 16px;
  height: 16px;
  display: grid;
  place-items: center;
  border: 2px solid #fff;
  border-radius: 50%;
  background: var(--red);
  color: white;
  font-size: 8px;
}
.profile-button {
  height: 35px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 10px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: #fff;
  color: #425066;
  font-size: 11px;
}
.mobile-menu {
  display: none;
}
.page-content {
  width: 100%;
  max-width: 1700px;
  margin: auto;
  padding: 26px 30px 50px;
}
.page-header {
  min-height: 70px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 25px;
  margin-bottom: 22px;
}
.page-header p {
  margin: 0 0 7px;
  color: var(--blue);
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.page-header h1 {
  margin: 0;
  color: #111c2e;
  font-size: 27px;
  line-height: 1.1;
  letter-spacing: -0.02em;
}
.page-header > div > span {
  display: block;
  margin-top: 8px;
  color: var(--muted);
  font-size: 12px;
  line-height: 1.5;
}
.page-actions {
  display: flex;
  align-items: center;
  gap: 8px;
}
.live-indicator {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 12px;
  border: 1px solid #cfe8df;
  border-radius: 6px;
  background: #f2fbf7;
  color: #39735e;
  font-size: 11px;
}
.live-indicator span {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #21a775;
}
.primary-button,
.secondary-button,
.danger-button {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 13px;
  border-radius: 6px;
  font-size: 11px;
  font-weight: 700;
}
.primary-button {
  border: 1px solid #155dc2;
  background: var(--blue);
  color: white;
}
.secondary-button {
  border: 1px solid #d7dfe8;
  background: white;
  color: #3d4c61;
}
.danger-button {
  border: 1px solid #c94848;
  background: #fff4f4;
  color: #ad2929;
}
.metric-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}
.metric-card {
  min-height: 113px;
  display: flex;
  align-items: flex-start;
  gap: 13px;
  padding: 18px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 1px 2px rgba(17, 32, 51, 0.03);
}
.metric-icon {
  width: 37px;
  height: 37px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 7px;
}
.metric-icon.blue {
  background: var(--blue-soft);
  color: var(--blue);
}
.metric-icon.green {
  background: var(--green-soft);
  color: var(--green);
}
.metric-icon.amber {
  background: var(--amber-soft);
  color: var(--amber);
}
.metric-icon.red {
  background: var(--red-soft);
  color: var(--red);
}
.metric-icon.slate {
  background: #eef1f5;
  color: #526176;
}
.metric-card span,
.metric-card strong,
.metric-card small {
  display: block;
}
.metric-card span {
  color: #6b778a;
  font-size: 11px;
  font-weight: 600;
}
.metric-card strong {
  margin-top: 5px;
  color: #172236;
  font-size: 25px;
  line-height: 1;
}
.metric-card small {
  margin-top: 7px;
  color: #798598;
  font-size: 10px;
}
.content-grid {
  display: grid;
  gap: 18px;
  margin-bottom: 18px;
}
.content-grid.two-thirds {
  grid-template-columns: minmax(0, 1.7fr) minmax(310px, 0.8fr);
}
.content-grid.three {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.content-grid.half {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.wide-panel {
  grid-column: 1 / -1;
}
.stack {
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.panel {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: var(--surface);
  box-shadow: 0 1px 2px rgba(17, 32, 51, 0.025);
}
.panel > header {
  min-height: 65px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 15px;
  padding: 14px 17px;
  border-bottom: 1px solid #e7ebf0;
}
.panel > header h2 {
  margin: 0;
  color: #1b2638;
  font-size: 14px;
}
.panel > header p {
  margin: 4px 0 0;
  color: #788497;
  font-size: 10px;
}
.panel > header a {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--blue);
  font-size: 10px;
  font-weight: 700;
}
.panel-body {
  min-width: 0;
}
.toolbar {
  min-height: 55px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 9px 13px;
  border-bottom: 1px solid #edf0f3;
  background: #fbfcfd;
}
.toolbar input {
  width: 250px;
  height: 34px;
  padding: 0 10px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  outline: 0;
  background: #fff;
  color: var(--text);
  font-size: 11px;
}
.filter-button {
  height: 34px;
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 0 10px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  background: #fff;
  color: #526176;
  font-size: 10px;
}
.toolbar-spacer {
  flex: 1;
}
.table-wrap {
  width: 100%;
  overflow-x: auto;
}
.navigable-table-row {
  cursor: pointer;
}
.navigable-table-row:hover td {
  background: #f6f9fd;
}
.navigable-table-row:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: -2px;
}
table {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
th {
  height: 39px;
  padding: 0 13px;
  background: #f7f9fb;
  border-bottom: 1px solid #e4e9ef;
  color: #748095;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.045em;
  text-align: left;
  text-transform: uppercase;
}
td {
  min-height: 51px;
  padding: 11px 13px;
  border-bottom: 1px solid #edf0f3;
  color: #445167;
  font-size: 10px;
  vertical-align: middle;
}
tbody tr:last-child td {
  border-bottom: 0;
}
tbody tr:hover td {
  background: #f9fbfd;
}
td strong,
td small {
  display: block;
}
td strong {
  color: #273448;
  font-size: 11px;
}
td small {
  margin-top: 3px;
  color: #8994a5;
  font-size: 9px;
}
.table-link {
  color: #145fca;
  font-family: Consolas, monospace;
  font-size: 10px;
  font-weight: 700;
}
.passenger-link {
  display: inline-flex;
  flex-direction: column;
  gap: 3px;
  color: #145fca;
}
.passenger-link strong {
  color: #145fca;
}
.passenger-link small {
  color: #6e7a8d;
  font-size: 8px;
}
.mono {
  color: #526176;
  font-family: Consolas, monospace;
  font-size: 9px;
}
.text-danger {
  color: var(--red) !important;
  font-weight: 700;
}
.table-density-control {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #657388;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.table-density-control select {
  height: 30px;
  min-width: 70px;
  padding: 0 8px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  background: #fff;
  color: #26354a;
  font-size: 10px;
  font-weight: 700;
}
.table-pagination-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-top: 1px solid #edf0f3;
  background: #fff;
}
.table-pagination-bar > span {
  color: #647187;
  font-size: 10px;
  font-weight: 700;
}
.table-pagination-bar > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
}
.table-pagination-bar .table-action.active {
  border-color: var(--blue);
  background: var(--blue);
  color: #fff;
}
.table-pagination-bar .table-action:disabled {
  cursor: not-allowed;
  opacity: 0.45;
}
.status-badge {
  display: inline-flex;
  align-items: center;
  min-height: 21px;
  padding: 2px 7px;
  border: 1px solid #d6dee8;
  border-radius: 4px;
  background: #f2f5f8;
  color: #56647a;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.status-approved,
.status-clear,
.status-cleared,
.status-admitted,
.status-delivered,
.status-read,
.status-verified,
.status-active,
.status-authorized,
.status-settled,
.status-closed,
.status-acknowledged,
.status-entry,
.status-operational,
.status-risk-score-finalized,
.status-watchlist-hit-confirmed,
.status-completed {
  border-color: #bde1d1;
  background: var(--green-soft);
  color: #157653;
}
.status-escalated,
.status-rejected,
.status-critical,
.status-watchlist-match,
.status-high-risk,
.status-overstay,
.status-failed,
.status-denied,
.status-secret,
.status-confirmed {
  border-color: #efc5c5;
  background: var(--red-soft);
  color: #b62f2f;
}
.status-in-review,
.status-info-requested,
.status-expiring,
.status-secondary,
.status-pending,
.status-high,
.status-suspended,
.status-restricted,
.status-under-review,
.status-review,
.status-variance-detected,
.status-boarding-watch,
.status-degraded,
.status-delayed,
.status-at-risk {
  border-color: #ecd5a7;
  background: var(--amber-soft);
  color: #9a5d0b;
}
.status-assigned,
.status-queued,
.status-info-received,
.status-open,
.status-monitor,
.status-sent,
.status-official,
.status-active-review,
.status-refunded,
.status-exit,
.status-awaiting-risk,
.status-intake-complete,
.status-case-escalated,
.status-officer-review-started,
.status-scheduled {
  border-color: #bfd5f5;
  background: var(--blue-soft);
  color: #185fbf;
}
.risk-score {
  min-width: 76px;
  display: flex;
  align-items: center;
  gap: 7px;
}
.risk-score strong {
  width: 20px;
  font-size: 10px;
}
.risk-score > span {
  width: 43px;
  height: 4px;
  overflow: hidden;
  border-radius: 3px;
  background: #e7ebef;
}
.risk-score i {
  display: block;
  height: 100%;
  border-radius: 3px;
}
.risk-score .red {
  color: var(--red);
  background: var(--red);
}
.risk-score .amber {
  color: var(--amber);
  background: #df982d;
}
.risk-score .blue {
  color: var(--blue);
  background: var(--blue);
}
.risk-score .green {
  color: var(--green);
  background: #25a77a;
}
.threat-indicator {
  border: 1px solid #dfe5ec;
  border-radius: 8px;
  background: #fff;
}
.threat-indicator.compact {
  width: 178px;
  padding: 9px 10px;
}
.threat-indicator.hero {
  display: grid;
  grid-template-columns: 220px minmax(240px, 1fr) auto;
  align-items: center;
  gap: 22px;
  margin-bottom: 18px;
  padding: 18px;
  box-shadow: 0 1px 2px rgba(17, 32, 51, 0.03);
}
.threat-indicator.red {
  border-color: #efc5c5;
  background: #fffafa;
}
.threat-indicator.amber {
  border-color: #ecd5a7;
  background: #fffdf8;
}
.threat-indicator.blue {
  border-color: #bfd5f5;
  background: #fbfdff;
}
.threat-indicator.green {
  border-color: #bde1d1;
  background: #fbfffd;
}
.threat-main {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 3px 9px;
  align-items: end;
}
.threat-main span {
  grid-column: 1 / -1;
  color: #69758a;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.threat-main strong {
  color: #1f2d42;
  font-size: 12px;
  line-height: 1;
}
.threat-main b {
  font-size: 22px;
  line-height: 0.9;
}
.threat-indicator.red .threat-main b {
  color: var(--red);
}
.threat-indicator.amber .threat-main b {
  color: var(--amber);
}
.threat-indicator.blue .threat-main b {
  color: var(--blue);
}
.threat-indicator.green .threat-main b {
  color: var(--green);
}
.threat-scale {
  position: relative;
  height: 9px;
  display: grid;
  grid-template-columns: 20fr 41fr 25fr 14fr;
  gap: 2px;
  margin-top: 8px;
}
.threat-scale i {
  display: block;
  height: 100%;
  border-radius: 2px;
}
.threat-scale i.green {
  background: #bde1d1;
}
.threat-scale i.blue {
  background: #bfd5f5;
}
.threat-scale i.amber {
  background: #ecd5a7;
}
.threat-scale i.red {
  background: #efc5c5;
}
.threat-scale em {
  position: absolute;
  top: -4px;
  width: 3px;
  height: 17px;
  border-radius: 2px;
  background: #172236;
  transform: translateX(-50%);
  box-shadow: 0 0 0 2px #fff;
}
.threat-footer {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin-top: 7px;
  color: #69758a;
  font-size: 8px;
}
.threat-meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.threat-meta span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 9px;
  border: 1px solid #dbe3ec;
  border-radius: 999px;
  background: #fff;
  color: #405067;
  font-size: 10px;
  font-weight: 700;
}
.threat-indicator.hero .threat-main span {
  font-size: 9px;
}
.threat-indicator.hero .threat-main strong {
  font-size: 18px;
}
.threat-indicator.hero .threat-main b {
  font-size: 40px;
}
.threat-indicator.hero .threat-scale {
  height: 12px;
  margin-top: 0;
}
.threat-indicator.hero .threat-footer {
  grid-column: 2;
  margin-top: -15px;
  font-size: 9px;
}
.threat-indicator.hero .threat-meta {
  justify-content: flex-end;
}
.activity-feed {
  padding: 4px 17px;
}
.activity-feed > div {
  display: grid;
  grid-template-columns: 10px minmax(0, 1fr) auto;
  align-items: start;
  gap: 10px;
  padding: 12px 0;
  border-bottom: 1px solid #edf0f3;
}
.activity-feed > div:last-child {
  border-bottom: 0;
}
.activity-dot,
.legend-dot,
.health {
  width: 7px;
  height: 7px;
  display: inline-block;
  margin-top: 3px;
  border-radius: 50%;
}
.activity-dot.blue,
.legend-dot.blue {
  background: var(--blue);
}
.activity-dot.green,
.legend-dot.green,
.health.green {
  background: #1ca477;
}
.activity-dot.amber,
.legend-dot.amber,
.health.amber {
  background: #d08b20;
}
.activity-dot.red,
.legend-dot.red {
  background: #d14343;
}
.activity-dot.slate {
  background: #8290a4;
}
.activity-feed strong {
  display: block;
  color: #344156;
  font-size: 10px;
}
.activity-feed p {
  margin: 3px 0 0;
  color: #818c9e;
  font-size: 9px;
}
.activity-feed time {
  color: #909baa;
  font-size: 9px;
}
.distribution-list {
  padding: 10px 17px 14px;
}
.distribution-row {
  display: grid;
  grid-template-columns: 105px 1fr 36px;
  align-items: center;
  gap: 10px;
  padding: 8px 0;
}
.distribution-row > div:first-child {
  display: flex;
  align-items: center;
  gap: 7px;
}
.distribution-row strong {
  font-size: 9px;
}
.distribution-row b {
  font-size: 10px;
  text-align: right;
}
.distribution-track {
  height: 6px;
  overflow: hidden;
  border-radius: 4px;
  background: #e9edf2;
}
.distribution-track span {
  display: block;
  height: 100%;
  border-radius: 4px;
}
.distribution-track .green {
  background: #24a77b;
}
.distribution-track .blue {
  background: #347de0;
}
.distribution-track .amber {
  background: #e09a2e;
}
.distribution-track .red {
  background: #d14a4a;
}
.decision-summary {
  min-height: 168px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: center;
  padding: 18px;
}
.decision-summary div {
  text-align: center;
  border-right: 1px solid #e7ebf0;
}
.decision-summary div:last-child {
  border: 0;
}
.decision-summary svg {
  width: 18px;
  margin: auto;
  color: #597087;
}
.decision-summary strong,
.decision-summary span {
  display: block;
}
.decision-summary strong {
  margin-top: 7px;
  font-size: 20px;
}
.decision-summary span {
  margin-top: 4px;
  color: #7c8798;
  font-size: 9px;
}
.service-list {
  padding: 7px 17px;
}
.service-list > div {
  display: grid;
  grid-template-columns: 8px 1fr auto 47px;
  align-items: center;
  gap: 8px;
  padding: 9px 0;
  border-bottom: 1px solid #edf0f3;
  font-size: 9px;
}
.service-list > div:last-child {
  border: 0;
}
.service-list strong {
  font-size: 9px;
}
.service-list span:nth-child(3) {
  color: #748095;
}
.service-list b {
  text-align: right;
  font-size: 9px;
}
.task-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  padding: 14px;
}
.task-card {
  min-height: 128px;
  padding: 14px;
  border: 1px solid #dfe5ec;
  border-radius: 8px;
  background: #fff;
}
.task-card span,
.task-card strong,
.task-card p {
  display: block;
}
.task-card span {
  color: #657388;
  font-size: 10px;
  font-weight: 700;
  text-transform: uppercase;
}
.task-card strong {
  margin-top: 10px;
  font-size: 28px;
  line-height: 1;
}
.task-card p {
  margin: 10px 0 0;
  color: #718097;
  font-size: 10px;
  line-height: 1.45;
}
.task-card.red {
  border-color: #efc5c5;
  background: #fff8f8;
}
.task-card.red strong {
  color: var(--red);
}
.task-card.amber {
  border-color: #ecd5a7;
  background: #fffaf0;
}
.task-card.amber strong {
  color: var(--amber);
}
.task-card.blue {
  border-color: #bfd5f5;
  background: #f7fbff;
}
.task-card.blue strong {
  color: var(--blue);
}
.task-card.green {
  border-color: #bde1d1;
  background: #f5fcf8;
}
.task-card.green strong {
  color: var(--green);
}
.workflow-board {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}
.workflow-board > div {
  min-height: 112px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 12px;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  background: #fbfcfd;
}
.workflow-board span {
  color: #657388;
  font-size: 10px;
  font-weight: 700;
}
.workflow-board strong {
  color: #1b2638;
  font-size: 23px;
  line-height: 1;
}
.workflow-board small {
  margin-top: auto;
  color: #7f8a9b;
  font-size: 9px;
}
.module-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}
.module-grid article {
  min-height: 124px;
  padding: 12px;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  background: #fff;
}
.module-grid article > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.module-grid strong {
  display: block;
  margin-top: 12px;
  color: #26354a;
  font-size: 12px;
}
.module-grid p {
  margin: 7px 0 0;
  color: #728094;
  font-size: 10px;
  line-height: 1.45;
}
.module-grid small {
  display: block;
  margin-top: 8px;
  color: #8b96a6;
  font-size: 9px;
}
.action-list.compact {
  padding: 14px;
}
.engine-stack {
  display: grid;
  gap: 0;
  padding: 4px 14px;
}
.engine-stack article {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 8px 12px;
  align-items: center;
  padding: 12px 0;
  border-bottom: 1px solid #edf0f3;
}
.engine-stack article:last-child {
  border-bottom: 0;
}
.engine-stack strong,
.engine-stack small,
.engine-stack p {
  display: block;
}
.engine-stack strong {
  color: #26354a;
  font-size: 10px;
}
.engine-stack small,
.engine-stack p {
  color: #7b8798;
  font-size: 9px;
}
.engine-stack p {
  grid-column: 1 / -1;
  margin: 0;
}
.mode-pill {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: #526176;
}
.copilot-list {
  display: grid;
  gap: 9px;
  padding: 14px;
}
.copilot-list button {
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 0 12px;
  border: 1px solid #dce3ea;
  border-radius: 7px;
  background: #fff;
  color: #405067;
  font-size: 10px;
  text-align: left;
}
.mini-map {
  position: relative;
  height: 170px;
  margin: 14px;
  border: 1px solid #e3e8ee;
  border-radius: 8px;
  background: linear-gradient(180deg, #fbfcfe, #f3f6fa);
}
.node {
  position: absolute;
  z-index: 2;
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
}
.node.red {
  left: 22%;
  top: 30%;
  background: var(--red);
}
.node.amber {
  left: 55%;
  top: 18%;
  background: #d08b20;
}
.node.blue {
  left: 63%;
  top: 62%;
  background: var(--blue);
}
.node.green {
  left: 28%;
  top: 67%;
  background: var(--green);
}
.mini-map i {
  position: absolute;
  height: 2px;
  width: 38%;
  background: #cdd8e4;
  transform-origin: left center;
}
.mini-map i:nth-of-type(1) {
  left: 31%;
  top: 39%;
  transform: rotate(-14deg);
}
.mini-map i:nth-of-type(2) {
  left: 36%;
  top: 70%;
  transform: rotate(-50deg);
}
.mini-map i:nth-of-type(3) {
  left: 61%;
  top: 34%;
  transform: rotate(68deg);
}
.explain-list,
.handoff-list {
  display: grid;
  gap: 10px;
  padding: 14px;
}
.explain-list div {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #e3e8ee;
  border-radius: 7px;
  background: #fbfcfd;
}
.explain-list strong {
  width: 44px;
  color: var(--red);
  font-size: 16px;
}
.explain-list span {
  color: #526176;
  font-size: 10px;
}
.handoff-list {
  justify-items: start;
}
.handoff-list.horizontal {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.handoff-note {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #526176;
  font-size: 10px;
}
.api-pnr-ops-console {
  display: grid;
  grid-template-columns: minmax(320px, 0.72fr) minmax(0, 1.28fr);
  gap: 12px;
  margin: -4px 0 16px;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(17, 32, 51, 0.035);
}
.api-pnr-ops-primary {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
  padding: 16px;
  border-right: 1px solid #e5eaf0;
  background: #f9fbfd;
}
.api-pnr-ops-heading span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: #1d5fb7;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.api-pnr-ops-heading h2 {
  margin: 8px 0 0;
  max-width: 560px;
  color: #152238;
  font-size: 20px;
  line-height: 1.22;
}
.api-pnr-ops-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.api-pnr-ops-kpis {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.api-pnr-ops-kpis button {
  min-width: 0;
  min-height: 128px;
  display: grid;
  grid-template-rows: 18px 22px 1fr 18px;
  align-content: start;
  gap: 7px;
  padding: 15px 14px;
  border: 0;
  border-right: 1px solid #e5eaf0;
  background: #fff;
  color: #415067;
  text-align: left;
}
.api-pnr-ops-kpis button:last-child {
  border-right: 0;
}
.api-pnr-ops-kpis button:hover,
.api-pnr-ops-kpis button.active {
  background: #f5f9ff;
}
.api-pnr-ops-kpis svg {
  color: #1d5fb7;
}
.api-pnr-ops-kpis span,
.api-pnr-ops-kpis small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.api-pnr-ops-kpis span {
  color: #647187;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.api-pnr-ops-kpis strong {
  color: #142033;
  font-size: 28px;
  line-height: 1;
}
.api-pnr-ops-kpis small {
  color: #7a8798;
  font-size: 9px;
}
.api-pnr-readiness-bar {
  grid-column: 1 / -1;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  padding: 10px 14px;
  border-top: 1px solid #e5eaf0;
  background: #fff;
}
.workspace-toast {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: -4px 0 18px;
  padding: 10px 12px;
  border: 1px solid #cfe0f6;
  border-radius: 7px;
  background: #f7fbff;
  color: #365372;
  font-size: 11px;
}
.workspace-toast svg {
  color: var(--blue);
  flex: 0 0 auto;
}
.workspace-toast span {
  flex: 1;
  min-width: 0;
}
.workspace-toast button {
  width: 25px;
  height: 25px;
  display: grid;
  place-items: center;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #617089;
}
.workspace-toast button:hover {
  background: #e9f1fb;
}
.workspace-tabs {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 18px;
  overflow-x: auto;
  scrollbar-width: thin;
}
.workspace-tabs button {
  min-height: 38px;
  display: inline-flex;
  align-items: center;
  gap: 7px;
  padding: 0 12px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
  background: #fff;
  color: #506077;
  font-size: 11px;
  font-weight: 700;
  white-space: nowrap;
}
.workspace-tabs button:hover {
  border-color: #bad1ef;
  background: #f8fbff;
  color: var(--blue);
}
.workspace-tabs button.active {
  border-color: #155dc2;
  background: var(--blue);
  color: #fff;
}
.api-pnr-vector-grid {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 18px;
}
.vector-card {
  min-height: 154px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 14px;
  border: 1px solid #dfe5ec;
  border-radius: 8px;
  background: #fff;
  color: #26354a;
  text-align: left;
}
.vector-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(22, 32, 51, 0.08);
}
.vector-card span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #6b778a;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}
.vector-card strong {
  min-height: 32px;
  font-size: 12px;
  line-height: 1.25;
}
.vector-card b {
  margin-top: auto;
  font-size: 28px;
  line-height: 1;
}
.vector-card small {
  color: #748095;
  font-size: 9px;
  line-height: 1.35;
}
.vector-card.red {
  border-color: #efc5c5;
  background: #fffafa;
}
.vector-card.red b,
.vector-card.red svg {
  color: var(--red);
}
.vector-card.amber {
  border-color: #ecd5a7;
  background: #fffdf7;
}
.vector-card.amber b,
.vector-card.amber svg {
  color: var(--amber);
}
.vector-card.blue {
  border-color: #bfd5f5;
  background: #fbfdff;
}
.vector-card.blue b,
.vector-card.blue svg {
  color: var(--blue);
}
.vector-card.green {
  border-color: #bde1d1;
  background: #fbfffd;
}
.vector-card.green b,
.vector-card.green svg {
  color: var(--green);
}
.vector-detail-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr)) minmax(260px, 0.9fr);
  gap: 12px;
  margin-bottom: 18px;
}
.vector-detail-summary article {
  min-height: 108px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 16px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
}
.vector-detail-summary article span {
  color: #657388;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.vector-detail-summary article strong {
  margin-top: 7px;
  color: #162033;
  font-size: 28px;
  line-height: 1;
}
.vector-detail-summary article small {
  margin-top: 8px;
  color: #748095;
  font-size: 10px;
}
.vector-filter-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1.6fr) repeat(5, minmax(150px, 1fr));
  gap: 10px;
  padding: 14px;
  background: #fbfcfd;
}
.vector-filter-grid label {
  min-width: 0;
}
.vector-filter-grid label > span {
  display: block;
  margin-bottom: 6px;
  color: #657388;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.vector-filter-grid label > div {
  height: 36px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
  background: #fff;
  color: #617089;
}
.vector-filter-grid input,
.vector-filter-grid select {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #26354a;
  font-size: 11px;
}
.vector-detail-grid {
  align-items: start;
}
.vector-passenger-button {
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
}
.vector-passenger-button:hover strong {
  text-decoration: underline;
}
.vector-evidence-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
}
.vector-record-head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(130px, 0.6fr);
  gap: 12px;
  align-items: center;
  padding: 12px;
  border: 1px solid #e1e7ee;
  border-radius: 7px;
  background: #fbfcfd;
}
.vector-record-head span,
.vector-record-head strong,
.vector-record-head small {
  display: block;
}
.vector-record-head span {
  color: var(--blue);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.vector-record-head strong {
  margin-top: 4px;
  color: #162033;
  font-size: 15px;
}
.vector-record-head small {
  margin-top: 4px;
  color: #718097;
  font-size: 9px;
}
.vector-evidence-panel dl {
  display: grid;
  gap: 8px;
  margin: 0;
}
.vector-evidence-panel dl div {
  display: grid;
  grid-template-columns: 116px minmax(0, 1fr);
  gap: 10px;
  padding: 10px 0;
  border-bottom: 1px solid #edf0f3;
}
.vector-evidence-panel dl div:last-child {
  border-bottom: 0;
}
.vector-evidence-panel dt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #657388;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.vector-evidence-panel dd {
  margin: 0;
  color: #2a384e;
  font-size: 11px;
  line-height: 1.45;
}
.queue-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}
.queue-list button {
  min-height: 58px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 42px 58px auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  border: 1px solid #e1e7ee;
  border-radius: 7px;
  background: #fff;
  text-align: left;
}
.queue-list button:hover {
  border-color: #bfd5f5;
  background: #f8fbff;
}
.queue-list strong,
.queue-list small {
  display: block;
}
.queue-list strong {
  color: #26354a;
  font-size: 10px;
}
.queue-list small,
.queue-list em {
  color: #7b8798;
  font-size: 9px;
  font-style: normal;
}
.queue-list b {
  color: #162033;
  font-size: 20px;
  text-align: right;
}
.case-toolbar {
  min-height: 56px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  border-bottom: 1px solid #edf0f3;
  background: #fbfcfd;
}
.case-toolbar label {
  height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
  background: #fff;
  color: #6f7d91;
}
.case-toolbar label:first-child {
  flex: 1;
  min-width: 230px;
  padding: 0 10px;
}
.case-toolbar label:nth-child(2) {
  width: 205px;
  padding: 0 9px;
}
.case-toolbar input,
.case-toolbar select {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #26354a;
  font-size: 11px;
}
.case-toolbar button,
.table-action {
  min-height: 28px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  padding: 0 9px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  background: #fff;
  color: #405067;
  font-size: 9px;
  font-weight: 700;
  white-space: nowrap;
}
.case-toolbar button:hover,
.table-action:hover {
  border-color: #bfd5f5;
  background: #f7fbff;
  color: var(--blue);
}
.row-actions {
  display: flex;
  align-items: center;
  gap: 5px;
}
.guardrail-list {
  display: grid;
  gap: 9px;
  padding: 14px;
}
.guardrail-list button {
  min-height: 62px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 10px;
  border: 1px solid #e1e7ee;
  border-radius: 7px;
  background: #fff;
  color: #405067;
  text-align: left;
}
.guardrail-list button:hover {
  border-color: #bfd5f5;
  background: #f8fbff;
}
.guardrail-list svg {
  color: var(--blue);
  flex: 0 0 auto;
}
.guardrail-list strong,
.guardrail-list small {
  display: block;
}
.guardrail-list strong {
  font-size: 10px;
}
.guardrail-list small {
  margin-top: 3px;
  color: #7b8798;
  font-size: 9px;
}
.network-canvas {
  position: relative;
  min-height: 430px;
  margin: 14px;
  overflow: hidden;
  border: 1px solid #dfe6ee;
  border-radius: 8px;
  background: linear-gradient(180deg, #fbfcfe, #f2f6fa);
}
.network-canvas::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(#e8edf3 1px, transparent 1px),
    linear-gradient(90deg, #e8edf3 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: 0.55;
}
.network-lines {
  position: absolute;
  inset: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.network-lines line {
  stroke: #9eb0c6;
  stroke-width: 0.55;
  stroke-linecap: round;
  vector-effect: non-scaling-stroke;
}
.network-node {
  position: absolute;
  z-index: 2;
  width: 78px;
  min-height: 42px;
  transform: translate(-50%, -50%);
  display: grid;
  place-items: center;
  padding: 6px;
  border: 2px solid #fff;
  border-radius: 8px;
  color: #fff;
  font-size: 10px;
  font-weight: 700;
  box-shadow: 0 8px 18px rgba(20, 36, 57, 0.15);
}
.network-node.red {
  background: var(--red);
}
.network-node.amber {
  background: #d08b20;
}
.network-node.blue {
  background: var(--blue);
}
.network-node.green {
  background: var(--green);
}
.network-node.slate {
  background: #607086;
}
.workbench-picker {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 14px 14px 0;
}
.workbench-picker button {
  min-height: 32px;
  padding: 0 10px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
  background: #fff;
  color: #526176;
  font-size: 10px;
  font-weight: 700;
}
.workbench-picker button.active {
  border-color: #155dc2;
  background: var(--blue);
  color: #fff;
}
.workbench-detail {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 14px;
  border-bottom: 1px solid #edf0f3;
}
.workbench-detail span {
  color: var(--blue);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.workbench-detail h3 {
  margin: 6px 0;
  font-size: 18px;
}
.workbench-detail p {
  margin: 0;
  color: #657388;
  font-size: 11px;
  line-height: 1.55;
}
.indicator-columns {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
  padding: 14px;
}
.indicator-columns h4 {
  margin: 0 0 8px;
  color: #26354a;
  font-size: 11px;
}
.indicator-columns > div {
  display: grid;
  align-content: start;
  gap: 8px;
}
.indicator-columns button {
  min-height: 39px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px;
  border: 1px solid #e1e7ee;
  border-radius: 7px;
  background: #fff;
  color: #405067;
  font-size: 10px;
  text-align: left;
}
.indicator-columns button:hover {
  border-color: #bfd5f5;
  background: #f8fbff;
  color: var(--blue);
}
.modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 18px;
  background: rgba(5, 15, 31, 0.52);
}
.action-modal {
  width: min(520px, 100%);
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 24px 70px rgba(0, 0, 0, 0.28);
}
.action-modal header {
  min-height: 68px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 15px 17px;
  border-bottom: 1px solid #e7ebf0;
}
.action-modal header span {
  color: var(--blue);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.action-modal h2 {
  margin: 4px 0 0;
  color: #162033;
  font-size: 16px;
}
.action-modal p {
  margin: 0;
  padding: 17px;
  color: #526176;
  font-size: 12px;
  line-height: 1.55;
}
.modal-checklist {
  display: grid;
  gap: 8px;
  margin: 0 17px 17px;
  padding: 12px;
  border: 1px solid #e1e7ee;
  border-radius: 7px;
  background: #fbfcfd;
}
.modal-checklist label {
  display: flex;
  align-items: center;
  gap: 8px;
  color: #405067;
  font-size: 11px;
}
.action-modal footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 13px 17px;
  border-top: 1px solid #e7ebf0;
  background: #fbfcfd;
}
.super-admin-gate {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 12px;
  padding: 12px 14px;
  border: 1px solid #d2ddeb;
  border-radius: 8px;
  background: #fff;
}
.super-admin-gate.active {
  border-color: #bde1d1;
  background: #f7fffb;
}
.super-admin-gate.blocked {
  border-color: #ecd5a7;
  background: #fffaf0;
}
.super-admin-gate > div {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.super-admin-gate svg {
  flex: 0 0 auto;
  color: var(--blue);
}
.super-admin-gate.active > div > svg {
  color: var(--green);
}
.super-admin-gate.blocked > div > svg {
  color: var(--amber);
}
.super-admin-gate strong,
.super-admin-gate small,
.country-control-strip span {
  display: block;
}
.super-admin-gate strong {
  color: #26354a;
  font-size: 11px;
}
.super-admin-gate small {
  margin-top: 3px;
  color: #718097;
  font-size: 9px;
}
.super-admin-gate label {
  width: 220px;
  height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 9px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
  background: #fff;
  color: #657388;
}
.super-admin-gate select {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #26354a;
  font-size: 11px;
}
.country-control-strip {
  display: grid;
  grid-template-columns: minmax(220px, 1.2fr) minmax(260px, 1.4fr) minmax(
      190px,
      0.8fr
    ) auto;
  gap: 10px;
  align-items: end;
  margin-bottom: 18px;
  padding: 13px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
}
.country-control-strip label > span {
  margin-bottom: 6px;
  color: #657388;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.country-control-strip label > div {
  height: 36px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
  background: #fbfcfd;
  color: #617089;
}
.country-control-strip select {
  width: 100%;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: #26354a;
  font-size: 11px;
}
.country-control-strip button {
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 0 11px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
  background: #fff;
  color: #405067;
  font-size: 10px;
  font-weight: 700;
}
.country-control-strip button:hover {
  border-color: #bfd5f5;
  background: #f8fbff;
  color: var(--blue);
}
.airport-command-card {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #edf0f3;
}
.airport-command-card span {
  color: var(--blue);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.airport-command-card h3 {
  margin: 6px 0 8px;
  color: #172236;
  font-size: 34px;
  line-height: 1;
}
.airport-stat-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid #edf0f3;
}
.airport-stat-grid div {
  min-height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 12px 16px;
  border-right: 1px solid #edf0f3;
}
.airport-stat-grid div:last-child {
  border-right: 0;
}
.airport-stat-grid span,
.country-profile span {
  color: #7f8a9b;
  font-size: 8px;
  text-transform: uppercase;
}
.airport-stat-grid strong,
.country-profile strong {
  color: #26354a;
  font-size: 12px;
}
.airport-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 9px;
  padding: 14px;
}
.airport-actions button {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
  background: #fff;
  color: #405067;
  font-size: 10px;
  font-weight: 700;
}
.airport-actions button:hover {
  border-color: #bfd5f5;
  background: #f7fbff;
  color: var(--blue);
}
.country-profile {
  display: grid;
  gap: 0;
  padding: 4px 14px;
}
.country-profile div {
  min-height: 58px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  border-bottom: 1px solid #edf0f3;
}
.country-profile div:last-child {
  border-bottom: 0;
}
.airport-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
}
.airport-grid article {
  min-height: 245px;
  display: flex;
  flex-direction: column;
  gap: 14px;
  padding: 15px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
}
.airport-grid article.selected {
  border-color: #155dc2;
  box-shadow: inset 3px 0 var(--blue);
}
.airport-grid header {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.airport-grid header span {
  color: var(--blue);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.airport-grid h3 {
  margin: 7px 0 3px;
  color: #172236;
  font-size: 30px;
  line-height: 1;
}
.airport-grid p {
  margin: 0;
  color: #718097;
  font-size: 10px;
  line-height: 1.4;
}
.airport-card-metrics {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
}
.airport-card-metrics div {
  min-height: 66px;
  display: grid;
  place-items: center;
  gap: 3px;
  border: 1px solid #e1e7ee;
  border-radius: 7px;
  background: #fbfcfd;
}
.airport-card-metrics svg {
  color: #617089;
}
.airport-card-metrics span {
  color: #7f8a9b;
  font-size: 8px;
}
.airport-card-metrics strong {
  color: #26354a;
  font-size: 15px;
}
.airport-grid footer {
  display: flex;
  gap: 8px;
  margin-top: auto;
}
.airport-grid footer button {
  flex: 1;
  min-height: 34px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
  background: #fff;
  color: #405067;
  font-size: 10px;
  font-weight: 700;
}
.airport-grid footer button:hover {
  border-color: #bfd5f5;
  background: #f8fbff;
  color: var(--blue);
}
.border-command-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(330px, 0.85fr);
  gap: 18px;
  margin-bottom: 18px;
}
.border-list {
  display: grid;
  gap: 8px;
  padding: 12px;
}
.border-list > button {
  min-height: 72px;
  display: grid;
  grid-template-columns: 64px minmax(0, 1fr) 72px 86px auto;
  align-items: center;
  gap: 12px;
  padding: 10px;
  border: 1px solid #e1e7ee;
  border-radius: 8px;
  background: #fff;
  color: #405067;
  text-align: left;
}
.border-list > button:hover {
  border-color: #bfd5f5;
  background: #f8fbff;
}
.border-list > button.active {
  border-color: #155dc2;
  background: #f7fbff;
  box-shadow: inset 3px 0 var(--blue);
}
.border-list strong,
.border-list small {
  display: block;
}
.border-list strong {
  color: #26354a;
  font-size: 12px;
}
.border-list small {
  margin-top: 3px;
  color: #7b8798;
  font-size: 9px;
}
.border-list b {
  color: #26354a;
  font-size: 13px;
  text-align: right;
}
.border-kind {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 5px;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}
.border-kind.air {
  border: 1px solid #bfd5f5;
  background: var(--blue-soft);
  color: var(--blue);
}
.border-kind.land {
  border: 1px solid #bde1d1;
  background: var(--green-soft);
  color: var(--green);
}
.border-kind.sea {
  border: 1px solid #c9d4e2;
  background: #f1f5f9;
  color: #526176;
}
.selected-border-summary {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  padding: 16px;
  border-bottom: 1px solid #edf0f3;
}
.selected-border-summary span,
.border-hero span {
  color: var(--blue);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.selected-border-summary h3,
.border-hero h3 {
  margin: 7px 0 5px;
  color: #172236;
  font-size: 24px;
  line-height: 1.1;
}
.selected-border-summary p,
.border-hero p {
  margin: 0;
  color: #657388;
  font-size: 10px;
  line-height: 1.45;
}
.selected-border-summary + .threat-indicator {
  margin: 14px;
  width: auto;
}
.border-summary-actions {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 8px;
  padding: 0 14px 14px;
}
.border-summary-actions button {
  min-height: 34px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
  background: #fff;
  color: #405067;
  font-size: 10px;
  font-weight: 700;
}
.border-summary-actions button:hover {
  border-color: #bfd5f5;
  background: #f8fbff;
  color: var(--blue);
}
.border-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 18px;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #edf0f3;
}
.border-hero > div:first-child > div {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 11px;
}
.border-kpi-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-bottom: 1px solid #edf0f3;
}
.border-kpi-grid button {
  min-height: 86px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 7px;
  padding: 12px 14px;
  border: 0;
  border-right: 1px solid #edf0f3;
  background: #fff;
  color: #405067;
  text-align: left;
}
.border-kpi-grid button:last-child {
  border-right: 0;
}
.border-kpi-grid button:hover {
  background: #f8fbff;
  color: var(--blue);
}
.border-kpi-grid svg {
  color: #617089;
}
.border-kpi-grid span {
  color: #7f8a9b;
  font-size: 8px;
  text-transform: uppercase;
}
.border-kpi-grid strong {
  color: #26354a;
  font-size: 18px;
  line-height: 1;
}
.border-risk-link {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 4px 10px;
  align-items: center;
  padding: 11px 0;
  border: 0;
  border-bottom: 1px solid #edf0f3;
  background: transparent;
  color: #405067;
  text-align: left;
}
.border-risk-link:last-child {
  border-bottom: 0;
}
.border-risk-link:hover strong {
  color: var(--blue);
}
.border-risk-link .risk-score {
  grid-row: 1 / span 3;
  grid-column: 2;
}
.airport-card-metrics button {
  min-height: 66px;
  display: grid;
  place-items: center;
  gap: 3px;
  border: 1px solid #e1e7ee;
  border-radius: 7px;
  background: #fbfcfd;
  color: #405067;
}
.airport-card-metrics button:hover {
  border-color: #bfd5f5;
  background: #f8fbff;
  color: var(--blue);
}
.border-ops-controls {
  min-height: 58px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(17, 32, 51, 0.025);
}
.border-ops-controls select,
.border-ops-controls button {
  height: 34px;
  padding: 0 10px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  background: #fff;
  color: #526176;
  font-size: 10px;
}
.border-ops-controls button {
  font-weight: 700;
}
.border-ops-controls button:hover {
  border-color: #bfd5f5;
  background: #f8fbff;
  color: var(--blue);
}
.border-ops-search {
  min-width: min(460px, 100%);
  height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  background: #fff;
  color: #718097;
}
.border-ops-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font-size: 11px;
}
.border-passenger-link {
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
}
.border-passenger-link:hover strong {
  text-decoration: underline;
}
.border-selected-header {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #edf0f3;
}
.border-selected-header .threat-indicator.compact {
  width: min(100%, 260px);
}
.border-selected-header > div:first-child span {
  color: var(--blue);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.border-selected-header h3 {
  margin: 6px 0 4px;
  color: #172236;
  font-size: 24px;
  line-height: 1.1;
}
.border-selected-header p {
  margin: 0;
  color: #657388;
  font-family: Consolas, monospace;
  font-size: 10px;
}
.border-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 12px 16px;
  border-bottom: 1px solid #edf0f3;
  background: #fbfcfd;
}
.border-action-grid button {
  min-height: 37px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
  background: #fff;
  color: #405067;
  font-size: 10px;
  font-weight: 700;
  text-align: left;
}
.border-action-grid button:hover {
  border-color: #bfd5f5;
  background: #f8fbff;
  color: var(--blue);
}
.border-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  padding: 12px 16px;
}
.border-detail-grid div {
  min-height: 56px;
  padding: 9px 12px;
  border-right: 1px solid #e5eaf0;
  border-bottom: 1px solid #edf0f3;
}
.border-detail-grid div:nth-child(2n) {
  border-right: 0;
}
.border-detail-grid div:nth-last-child(-n + 2) {
  border-bottom: 0;
}
.border-detail-grid span,
.border-detail-grid strong {
  display: block;
}
.border-detail-grid span {
  color: #7f8a9b;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.border-detail-grid strong {
  margin-top: 5px;
  color: #26354a;
  font-size: 10px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.border-validation-list {
  display: grid;
  gap: 8px;
  padding: 12px;
}
.border-validation-list > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 4px 9px;
  align-items: center;
  min-height: 62px;
  padding: 10px;
  border: 1px solid #e1e7ee;
  border-radius: 7px;
  background: #fbfcfd;
}
.border-validation-list svg {
  grid-row: 1 / span 2;
  color: #57718f;
}
.border-validation-list span {
  color: #7f8a9b;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.border-validation-list strong {
  color: #26354a;
  font-size: 12px;
}
.border-validation-list .status-badge {
  grid-column: 3;
  grid-row: 1 / span 2;
}
.border-port-card {
  display: grid;
  gap: 12px;
  padding: 14px;
}
.border-port-card header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  padding: 0;
  border: 0;
  min-height: 0;
}
.border-port-card span {
  color: #7f8a9b;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.border-port-card strong {
  display: block;
  margin-top: 5px;
  color: #26354a;
  font-size: 14px;
}
.border-port-metrics {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.border-port-metrics div {
  min-height: 66px;
  display: grid;
  place-items: center;
  gap: 3px;
  padding: 8px;
  border: 1px solid #e1e7ee;
  border-radius: 7px;
  background: #fbfcfd;
  text-align: center;
}
.border-port-metrics svg {
  color: #617089;
}
.border-port-metrics strong {
  margin: 0;
  font-size: 16px;
}
.border-port-card button {
  min-height: 34px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
  background: #fff;
  color: #405067;
  font-size: 10px;
  font-weight: 700;
}
.border-port-card button:hover {
  border-color: #bfd5f5;
  background: #f8fbff;
  color: var(--blue);
}
.border-risk-signal-list {
  display: grid;
  gap: 8px;
  padding: 12px;
}
.border-risk-signal-list article {
  min-height: 76px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border: 1px solid #e1e7ee;
  border-radius: 8px;
  background: #fbfcfd;
}
.border-risk-signal-list article.red {
  border-color: #efc5c5;
  background: #fffafa;
}
.border-risk-signal-list article.amber {
  border-color: #ecd5a7;
  background: #fffdf7;
}
.border-risk-signal-list article.blue {
  border-color: #bfd5f5;
  background: #fbfdff;
}
.border-risk-signal-list article.green {
  border-color: #bde1d1;
  background: #fbfffd;
}
.border-risk-signal-list svg {
  color: #57718f;
}
.border-risk-signal-list header {
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0;
  border: 0;
}
.border-risk-signal-list strong {
  color: #26354a;
  font-size: 11px;
}
.border-risk-signal-list p {
  margin: 5px 0 0;
  color: #526176;
  font-size: 10px;
  line-height: 1.4;
}
.risk-control-strip {
  min-height: 58px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 18px;
  padding: 10px 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(17, 32, 51, 0.025);
}
.risk-control-strip select,
.risk-control-strip button {
  height: 34px;
  padding: 0 10px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  background: #fff;
  color: #526176;
  font-size: 10px;
}
.risk-control-strip button {
  font-weight: 700;
}
.risk-control-strip button:hover {
  border-color: #bfd5f5;
  background: #f8fbff;
  color: var(--blue);
}
.risk-search {
  min-width: min(480px, 100%);
  height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  background: #fff;
  color: #718097;
}
.risk-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font-size: 11px;
}
.risk-passenger-link {
  padding: 0;
  border: 0;
  background: transparent;
  text-align: left;
}
.risk-passenger-link:hover strong {
  text-decoration: underline;
}
.risk-selected-header {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #edf0f3;
}
.risk-selected-header .threat-indicator.compact {
  width: min(100%, 270px);
}
.risk-selected-header > div:first-child span {
  color: var(--blue);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.risk-selected-header h3 {
  margin: 6px 0 4px;
  color: #172236;
  font-size: 24px;
  line-height: 1.1;
}
.risk-selected-header p {
  margin: 0;
  color: #657388;
  font-family: Consolas, monospace;
  font-size: 10px;
}
.risk-summary-box {
  padding: 14px 16px;
  border-bottom: 1px solid #edf0f3;
  background: #fbfcfd;
}
.risk-summary-box p {
  margin: 0;
  color: #405067;
  font-size: 11px;
  line-height: 1.55;
}
.risk-summary-box div {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 11px;
}
.risk-summary-box span {
  min-height: 24px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border: 1px solid #dbe3ec;
  border-radius: 999px;
  background: #fff;
  color: #405067;
  font-size: 9px;
  font-weight: 700;
}
.risk-action-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 12px 16px;
}
.risk-action-grid button {
  min-height: 37px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
  background: #fff;
  color: #405067;
  font-size: 10px;
  font-weight: 700;
  text-align: left;
}
.risk-action-grid button:hover {
  border-color: #bfd5f5;
  background: #f8fbff;
  color: var(--blue);
}
.risk-engine-evidence {
  display: grid;
  gap: 8px;
  padding: 12px;
}
.risk-engine-evidence article {
  min-height: 78px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border: 1px solid #e1e7ee;
  border-radius: 8px;
  background: #fbfcfd;
}
.risk-engine-evidence svg {
  color: #57718f;
}
.risk-engine-evidence header {
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  padding: 0;
  border: 0;
}
.risk-engine-evidence strong {
  color: #26354a;
  font-size: 11px;
}
.risk-engine-evidence p {
  margin: 5px 0 0;
  color: #526176;
  font-size: 10px;
  line-height: 1.4;
}
.risk-score-history {
  display: grid;
  gap: 0;
  padding: 5px 16px;
}
.risk-score-history > div {
  display: grid;
  grid-template-columns: 100px minmax(0, 1fr) 86px;
  align-items: center;
  gap: 12px;
  padding: 13px 0;
  border-bottom: 1px solid #edf0f3;
}
.risk-score-history > div:last-child {
  border-bottom: 0;
}
.risk-score-history time {
  color: #7f8a9b;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.risk-score-history strong {
  color: #26354a;
  font-size: 10px;
}
.risk-watchlist-card {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 11px;
  padding: 16px;
}
.risk-watchlist-card svg {
  color: var(--red);
}
.risk-watchlist-card span,
.risk-watchlist-card strong {
  display: block;
}
.risk-watchlist-card span {
  color: #7f8a9b;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.risk-watchlist-card strong {
  margin-top: 6px;
  color: #26354a;
  font-size: 20px;
}
.risk-watchlist-card p {
  margin: 7px 0 0;
  color: #526176;
  font-size: 10px;
  line-height: 1.45;
}
.recommendation-box {
  display: flex;
  gap: 10px;
  padding: 15px;
  border: 1px solid #ecd5a7;
  background: #fffaf0;
  color: #6e4a11;
}
.recommendation-box svg {
  flex: 0 0 auto;
  color: var(--amber);
}
.recommendation-box p {
  margin: 0;
  font-size: 10px;
  line-height: 1.55;
}
.info-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: 10px 14px;
  border-bottom: 1px solid #edf0f3;
}
.info-grid.single {
  grid-template-columns: 1fr;
}
.info-grid div {
  padding: 10px 0;
  border-bottom: 1px solid #edf0f3;
}
.info-grid div:last-child {
  border-bottom: 0;
}
.info-grid span,
.info-grid strong {
  display: block;
}
.info-grid span {
  color: #7f8a9b;
  font-size: 8px;
  text-transform: uppercase;
}
.info-grid strong {
  margin-top: 5px;
  color: #26354a;
  font-size: 10px;
}
.quick-facts {
  display: grid;
  grid-template-columns: 1fr;
  gap: 8px;
  padding: 14px;
}
.quick-facts div {
  min-height: 58px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 3px 9px;
  align-items: center;
  padding: 10px;
  border: 1px solid #e1e7ee;
  border-radius: 7px;
  background: #fbfcfd;
}
.quick-facts svg {
  grid-row: 1 / span 2;
  color: #57718f;
}
.quick-facts span {
  color: #7f8a9b;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.quick-facts strong {
  color: #26354a;
  font-size: 13px;
  overflow-wrap: anywhere;
}
.eta-connected-flight {
  display: grid;
  gap: 14px;
  padding: 16px;
}
.eta-connected-flight > div {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 4px 10px;
  align-items: center;
  padding: 14px;
  border: 1px solid #dce4ed;
  border-radius: 9px;
  background: #f8fafc;
}
.eta-connected-flight svg {
  grid-row: 1 / span 3;
  color: #34689a;
}
.eta-connected-flight span {
  color: #7f8a9b;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.eta-connected-flight strong {
  color: #203149;
  font-size: 20px;
}
.eta-connected-flight small {
  color: #66758a;
}
.eta-connected-flight .primary-button {
  justify-self: start;
}
.payment-list,
.signal-list {
  display: grid;
  gap: 0;
  padding: 4px 14px 12px;
}
.payment-list > div,
.signal-list > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  padding: 11px 0;
  border-bottom: 1px solid #edf0f3;
}
.signal-list > div {
  grid-template-columns: minmax(0, 1fr);
}
.signal-list > div:has(svg) {
  grid-template-columns: auto minmax(0, 1fr);
}
.payment-list > div:last-child,
.signal-list > div:last-child {
  border-bottom: 0;
}
.payment-list svg,
.signal-list svg {
  color: #57718f;
}
.payment-list strong,
.payment-list small,
.signal-list strong,
.signal-list span,
.signal-list small {
  display: block;
}
.payment-list strong,
.signal-list strong {
  color: #26354a;
  font-size: 10px;
}
.payment-list small,
.signal-list small {
  margin-top: 3px;
  color: #8490a0;
  font-size: 8px;
}
.signal-list span {
  margin-top: 3px;
  color: #526176;
  font-size: 9px;
}
.traveler-payment-summary {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-bottom: 1px solid #edf0f3;
}
.traveler-payment-summary div {
  min-height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
  padding: 12px 14px;
  border-right: 1px solid #edf0f3;
}
.traveler-payment-summary div:last-child {
  border-right: 0;
}
.traveler-payment-summary span {
  color: #7f8a9b;
  font-size: 8px;
  text-transform: uppercase;
}
.traveler-payment-summary strong {
  color: #26354a;
  font-size: 12px;
  overflow-wrap: anywhere;
}
.traveler-payment-list {
  display: grid;
  gap: 8px;
  padding: 12px;
}
.traveler-payment-list article {
  min-height: 82px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 11px;
  border: 1px solid #e1e7ee;
  border-radius: 8px;
  background: #fbfcfd;
}
.traveler-payment-list header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}
.traveler-payment-list strong,
.traveler-payment-list small {
  display: block;
}
.traveler-payment-list strong {
  color: #26354a;
  font-size: 11px;
}
.traveler-payment-list p {
  margin: 5px 0 0;
  color: #526176;
  font-size: 10px;
}
.traveler-payment-list small {
  margin-top: 4px;
  color: #8490a0;
  font-size: 8px;
}
.traveler-payment-list article > b {
  color: #172236;
  font-size: 12px;
  text-align: right;
  white-space: nowrap;
}
.payment-meta-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 6px;
  margin-top: 8px;
}
.payment-meta-grid span {
  min-height: 36px;
  padding: 7px 8px;
  border: 1px solid #e1e7ee;
  border-radius: 6px;
  background: #fff;
}
.payment-meta-grid b,
.payment-meta-grid em {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.payment-meta-grid b {
  color: #7f8a9b;
  font-size: 7px;
  font-style: normal;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.payment-meta-grid em {
  margin-top: 4px;
  color: #26354a;
  font-size: 9px;
  font-style: normal;
  font-weight: 700;
}
.payment-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid #bfd5f5;
  border-radius: 7px;
  background: var(--blue-soft);
  color: var(--blue);
}
.payment-assurance-list {
  display: grid;
  gap: 0;
  padding: 5px 14px;
}
.payment-assurance-list > div {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 9px;
  padding: 11px 0;
  border-bottom: 1px solid #edf0f3;
}
.payment-assurance-list > div:last-child {
  border-bottom: 0;
}
.payment-assurance-list svg {
  color: #57718f;
}
.payment-assurance-list strong,
.payment-assurance-list small {
  display: block;
}
.payment-assurance-list strong {
  color: #26354a;
  font-size: 10px;
}
.payment-assurance-list small {
  margin-top: 3px;
  color: #8490a0;
  font-size: 8px;
  line-height: 1.4;
}
.eta-passenger-evidence-section {
  margin-bottom: 18px;
}
.eta-passenger-evidence-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.1fr) 230px minmax(0, 0.9fr);
  gap: 0;
  background: #f8fafc;
}
.eta-passenger-evidence-grid article {
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(300px, 1fr);
  border-right: 1px solid #e2e8f0;
  background: #fff;
}
.eta-passenger-evidence-grid article:last-child {
  border-right: 0;
  border-left: 1px solid #e2e8f0;
}
.eta-passenger-evidence-grid article header {
  min-height: 46px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 14px;
  border-bottom: 1px solid #e2e8f0;
  color: #344156;
}
.eta-passenger-evidence-grid article header svg {
  color: #1769e0;
}
.eta-passenger-evidence-grid article header span {
  flex: 1;
  min-width: 0;
  color: #526176;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.eta-passenger-evidence-grid article img {
  width: 100%;
  height: 100%;
  max-height: 520px;
  object-fit: contain;
  padding: 14px;
  background: #f7f9fb;
}
.eta-passenger-face-card {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  padding: 18px;
  background: #fbfcfd;
  text-align: center;
}
.eta-passenger-face-card svg {
  color: #1769e0;
}
.eta-passenger-face-card span {
  color: #69758a;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.eta-passenger-face-card strong {
  color: #172236;
  font-size: 15px;
  line-height: 1.25;
}
.eta-passenger-face-card p {
  margin: 0;
  color: #526176;
  font-size: 10px;
  line-height: 1.45;
}
.eta-passenger-face-card b {
  color: #1769e0;
  font-size: 18px;
  line-height: 1;
}
.date-filter-strip {
  min-height: 70px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 18px;
  padding: 12px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(17, 32, 51, 0.025);
}
.segmented-control {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 4px;
  padding: 4px;
  border: 1px solid #dce3ea;
  border-radius: 7px;
  background: #f7f9fb;
}
.segmented-control button {
  min-height: 32px;
  padding: 0 11px;
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: #536176;
  font-size: 10px;
  font-weight: 700;
}
.segmented-control button:hover {
  background: #fff;
  color: var(--blue);
}
.segmented-control button.active {
  background: var(--blue);
  color: #fff;
  box-shadow: 0 1px 2px rgba(23, 105, 224, 0.18);
}
.date-range-fields {
  display: flex;
  align-items: center;
  gap: 8px;
}
.date-range-fields label {
  min-width: 142px;
  display: grid;
  gap: 4px;
  color: #7f8a9b;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.date-range-fields input {
  height: 32px;
  padding: 0 9px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  background: #fff;
  color: #26354a;
  font-size: 10px;
}
.in-country-toolbar {
  min-height: 56px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 10px 13px;
  border-bottom: 1px solid #edf0f3;
  background: #fbfcfd;
}
.in-country-toolbar select {
  height: 34px;
  min-width: 150px;
  padding: 0 9px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  background: #fff;
  color: #526176;
  font-size: 10px;
}
.in-country-search {
  min-width: min(390px, 100%);
  height: 34px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  background: #fff;
  color: #718097;
}
.in-country-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font-size: 11px;
}
.in-country-passenger-link {
  border: 0;
  background: transparent;
  padding: 0;
  text-align: left;
}
.in-country-passenger-link:hover strong {
  text-decoration: underline;
}
.in-country-detail-layout {
  margin-top: 18px;
}
.selected-traveler-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 220px;
  gap: 16px;
  align-items: center;
  padding: 16px;
  border-bottom: 1px solid #edf0f3;
}
.selected-traveler-header > div:first-child span {
  color: var(--blue);
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.selected-traveler-header h3 {
  margin: 6px 0 4px;
  color: #172236;
  font-size: 24px;
  line-height: 1.1;
}
.selected-traveler-header p {
  margin: 0;
  color: #657388;
  font-family: Consolas, monospace;
  font-size: 10px;
}
.in-country-profile-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  padding: 12px 16px;
  border-bottom: 1px solid #edf0f3;
}
.in-country-profile-grid div {
  min-height: 58px;
  padding: 9px 12px;
  border-right: 1px solid #e5eaf0;
  border-bottom: 1px solid #edf0f3;
}
.in-country-profile-grid div:nth-child(4n) {
  border-right: 0;
}
.in-country-profile-grid div:nth-last-child(-n + 4) {
  border-bottom: 0;
}
.in-country-profile-grid span,
.in-country-profile-grid strong {
  display: block;
}
.in-country-profile-grid span {
  color: #7f8a9b;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.in-country-profile-grid strong {
  margin-top: 5px;
  color: #26354a;
  font-size: 10px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.stay-progress-panel {
  padding: 14px 16px 16px;
}
.stay-progress-panel > div:first-child {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.stay-progress-panel span {
  color: #7f8a9b;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.stay-progress-panel strong {
  color: #26354a;
  font-size: 16px;
}
.stay-progress-track {
  height: 9px;
  overflow: hidden;
  border-radius: 7px;
  background: #e9edf2;
}
.stay-progress-track i {
  display: block;
  height: 100%;
  border-radius: 7px;
  background: #2f7ee4;
}
.stay-progress-track i.warn {
  background: #dc9428;
}
.stay-progress-track i.over {
  background: #d14a4a;
}
.stay-progress-panel p {
  margin: 9px 0 0;
  color: #718097;
  font-size: 10px;
}
.in-country-timeline {
  display: grid;
  gap: 0;
  padding: 5px 16px;
}
.in-country-timeline > div {
  position: relative;
  padding: 13px 0 13px 18px;
  border-bottom: 1px solid #edf0f3;
}
.in-country-timeline > div:last-child {
  border-bottom: 0;
}
.in-country-timeline > div::before {
  content: "";
  position: absolute;
  top: 18px;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--blue);
  box-shadow: 0 0 0 3px var(--blue-soft);
}
.in-country-timeline time,
.in-country-timeline strong,
.in-country-timeline p {
  display: block;
}
.in-country-timeline time {
  color: #7f8a9b;
  font-size: 8px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.in-country-timeline strong {
  margin-top: 4px;
  color: #26354a;
  font-size: 10px;
}
.in-country-timeline p {
  margin: 4px 0 0;
  color: #718097;
  font-size: 9px;
  line-height: 1.45;
}
.in-country-risk-card {
  display: grid;
  gap: 10px;
  padding: 18px;
}
.in-country-risk-card .risk-score {
  width: 100%;
}
.in-country-risk-card .risk-score > span {
  flex: 1;
  height: 8px;
}
.in-country-risk-card .risk-score strong {
  width: 28px;
  font-size: 13px;
}
.in-country-risk-card p {
  margin: 0;
  color: #718097;
  font-size: 10px;
  line-height: 1.45;
}
.back-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 12px;
  color: #526176;
  font-size: 10px;
  font-weight: 700;
}
.flight-detail-hero {
  display: grid;
  grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1.1fr);
  gap: 0;
  margin-bottom: 18px;
  overflow: hidden;
  border: 1px solid #d7e0ea;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(17, 32, 51, 0.035);
}
.flight-detail-hero-main {
  min-width: 0;
  padding: 17px;
  border-right: 1px solid #e5eaf0;
  background: #f9fbfd;
}
.flight-detail-hero-main .back-link {
  width: max-content;
  margin-bottom: 14px;
}
.flight-detail-hero-main > span {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 7px;
  color: #155fc7;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.flight-detail-hero-main h1 {
  margin: 9px 0 8px;
  color: #101b2d;
  font-size: 28px;
  line-height: 1.12;
}
.flight-detail-hero-main p {
  max-width: 680px;
  margin: 0;
  color: #526176;
  font-size: 12px;
  line-height: 1.55;
}
.flight-detail-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 18px;
}
.flight-detail-hero-kpis {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.flight-detail-hero-kpis > div {
  min-width: 0;
  min-height: 112px;
  display: grid;
  grid-template-rows: 17px auto 1fr;
  align-content: start;
  gap: 7px;
  padding: 15px;
  border-right: 1px solid #e5eaf0;
  border-bottom: 1px solid #e5eaf0;
  background: #fff;
}
.flight-detail-hero-kpis > div:nth-child(3n) {
  border-right: 0;
}
.flight-detail-hero-kpis > div:nth-last-child(-n + 3) {
  border-bottom: 0;
}
.flight-detail-hero-kpis svg {
  color: #1769e0;
}
.flight-detail-hero-kpis span,
.flight-detail-hero-kpis strong {
  display: block;
  min-width: 0;
}
.flight-detail-hero-kpis span {
  color: #647187;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.flight-detail-hero-kpis strong {
  color: #172236;
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.flight-detail-grid {
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
  align-items: start;
}
.flight-linkage-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 14px;
}
.flight-linkage-facts > div {
  min-width: 0;
  min-height: 84px;
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr);
  gap: 5px 9px;
  align-content: center;
  padding: 12px;
  border: 1px solid #e1e7ee;
  border-radius: 7px;
  background: #fbfcfd;
}
.flight-linkage-facts svg {
  grid-row: 1 / span 2;
  color: #1769e0;
}
.flight-linkage-facts span,
.flight-linkage-facts strong {
  display: block;
  min-width: 0;
}
.flight-linkage-facts span {
  color: #738195;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.flight-linkage-facts strong {
  color: #172236;
  font-size: 13px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.flight-linkage-panel table,
.flight-linkage-panel th,
.flight-linkage-panel td {
  white-space: normal;
}
.flight-linkage-panel .mono {
  overflow-wrap: anywhere;
  white-space: normal;
}
.flight-manifest-strip {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 9px;
  padding: 14px;
  border-bottom: 1px solid #edf0f3;
}
.flight-manifest-strip > div {
  min-height: 58px;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  column-gap: 8px;
  padding: 10px;
  border: 1px solid #e1e7ee;
  border-radius: 7px;
  background: #fff;
}
.flight-manifest-strip svg {
  color: var(--blue);
}
.flight-manifest-strip span,
.flight-manifest-strip strong {
  display: block;
}
.flight-manifest-strip span {
  color: #738195;
  font-size: 9px;
  font-weight: 700;
  text-transform: uppercase;
}
.flight-manifest-strip strong {
  margin-top: 4px;
  color: #1f2d42;
  font-size: 12px;
  line-height: 1.2;
}
.aircraft-body {
  position: relative;
  width: 100%;
  max-width: none;
  min-height: 238px;
  margin: 14px 0;
  display: grid;
  grid-template-columns: 76px minmax(0, 1fr) 76px;
  align-items: stretch;
  overflow-x: auto;
  overflow-y: visible;
  padding: 30px 26px;
  border: 1px solid #d5dee9;
  border-radius: 64px 42px 42px 64px / 50% 36px 36px 50%;
  background: linear-gradient(
    180deg,
    #edf3f8 0,
    #fbfdff 15%,
    #fff 50%,
    #fbfdff 85%,
    #edf3f8 100%
  );
  box-shadow: inset 0 0 0 8px rgba(218, 228, 238, 0.45);
}
.aircraft-body::before,
.aircraft-body::after {
  content: "";
  position: absolute;
  top: 12px;
  bottom: 12px;
  z-index: 1;
  display: block;
  pointer-events: none;
}
.aircraft-body::before {
  left: 0;
  width: 18px;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.96),
    rgba(255, 255, 255, 0)
  );
}
.aircraft-body::after {
  right: 0;
  width: 18px;
  background: linear-gradient(
    270deg,
    rgba(255, 255, 255, 0.96),
    rgba(255, 255, 255, 0)
  );
}
.aircraft-nose {
  position: sticky;
  left: 0;
  z-index: 2;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 4px;
  min-width: 58px;
  padding: 0 12px;
  color: #607086;
  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
  background: linear-gradient(
    90deg,
    rgba(255, 255, 255, 0.98),
    rgba(255, 255, 255, 0.82)
  );
}
.aircraft-nose svg {
  color: var(--blue);
  transform: rotate(-90deg);
}
.aircraft-seat-map {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: max-content;
  padding: 0 10px;
}
.aircraft-row {
  display: grid;
  grid-template-columns: minmax(24px, 1fr) !important;
  gap: 5px;
  align-items: center;
}
.aircraft-aisle {
  display: inline-grid;
  place-items: center;
  min-width: 24px;
  min-height: 24px;
  color: #8a95a5;
  font-size: 8px;
  font-weight: 800;
}
.aircraft-seat {
  position: relative;
  min-width: 0;
  min-height: 24px;
  display: inline-grid;
  place-items: center;
  border: 1px solid #d7e0ea;
  border-radius: 5px 5px 8px 8px;
  background: #eef3f8;
  color: #405067;
  font-size: 8px;
  font-weight: 800;
  font-style: normal;
  line-height: 1;
  text-decoration: none;
  box-shadow: inset 0 -3px 0 rgba(64, 80, 103, 0.08);
}
.aircraft-seat:hover {
  border-color: #9fc2f2;
  box-shadow: 0 0 0 2px #dbe9ff,
    inset 0 -3px 0 rgba(64, 80, 103, 0.08);
}
.aircraft-seat.approved {
  border-color: #bde1d1;
  background: var(--green-soft);
  color: #157653;
}
.aircraft-seat.under-review,
.aircraft-seat.rfi-requested,
.aircraft-seat.awaiting-payment,
.aircraft-seat.conditional {
  border-color: #f0d7a9;
  background: var(--amber-soft);
  color: #8b5b12;
}
.aircraft-seat.no-eta-file {
  border-color: #e2e7ee;
  background: #f7f9fb;
  color: #8490a0;
}
.aircraft-seat.empty {
  border-style: dashed;
  background: #fff;
  color: #b5bfcc;
  box-shadow: none;
  opacity: 0.78;
}
.aircraft-seat.selected {
  border-color: #123f8d;
  background: var(--blue);
  color: #fff;
  box-shadow: 0 0 0 2px #cfe0fb;
}
.aircraft-seat.watchlist-hit {
  border-color: #8f111d;
  background: #c92332;
  color: #fff;
  box-shadow: 0 0 0 2px #ffd6da,
    inset 0 -3px 0 rgba(91, 5, 14, 0.24);
}
.aircraft-seat-preview {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 8px);
  z-index: 20;
  width: 190px;
  display: grid;
  gap: 4px;
  padding: 10px;
  border: 1px solid #cbd7e5;
  border-radius: 7px;
  background: #fff;
  color: #26354a;
  text-align: left;
  box-shadow: 0 14px 32px rgba(20, 36, 57, 0.22);
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, 6px);
  transition: opacity 0.12s ease,
    transform 0.12s ease;
}
.aircraft-seat-preview::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -6px;
  width: 10px;
  height: 10px;
  border-right: 1px solid #cbd7e5;
  border-bottom: 1px solid #cbd7e5;
  background: #fff;
  transform: translateX(-50%) rotate(45deg);
}
.aircraft-seat:hover .aircraft-seat-preview,
.aircraft-seat:focus-visible .aircraft-seat-preview {
  opacity: 1;
  transform: translate(-50%, 0);
}
.aircraft-seat-preview strong,
.aircraft-seat-preview small,
.aircraft-seat-preview em,
.aircraft-seat-preview b {
  display: block;
  font-style: normal;
  line-height: 1.25;
}
.aircraft-seat-preview strong {
  color: #172236;
  font-size: 11px;
}
.aircraft-seat-preview small {
  color: #718097;
  font-size: 9px;
  font-weight: 700;
  overflow-wrap: anywhere;
}
.aircraft-seat-preview em {
  width: max-content;
  max-width: 100%;
  padding: 3px 6px;
  border-radius: 4px;
  background: #f2f5f8;
  color: #405067;
  font-size: 8px;
  font-weight: 800;
  text-transform: uppercase;
}
.aircraft-seat-preview b {
  color: #405067;
  font-size: 9px;
}
.aircraft-tail {
  display: grid;
  place-items: center;
  min-width: 52px;
  min-height: 100%;
  margin: 0;
  border-left: 1px solid #dbe3ec;
  color: #8a95a5;
  font-size: 8px;
  font-weight: 800;
  text-align: center;
  text-transform: uppercase;
}
.seat-map-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 14px 14px;
}
.seat-map-legend span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #647187;
  font-size: 9px;
  font-weight: 700;
}
.seat-map-legend .aircraft-seat {
  width: 20px;
  min-height: 16px;
  padding: 0;
  font-size: 0;
}
.manifest-seat-anchor {
  scroll-margin-top: 86px;
}
.manifest-seat-anchor:target {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 34px;
  min-height: 22px;
  border-radius: 5px;
  background: var(--blue);
  color: #fff;
  box-shadow: 0 0 0 2px #cfe0fb;
}
#flight-manifest {
  scroll-margin-top: 18px;
}
.manifest-table-shell {
  overflow-x: auto;
  border-top: 1px solid #edf0f3;
  background: #fff;
}
.manifest-shadcn-table {
  border-collapse: separate;
  border-spacing: 0;
  font-size: 11px;
}
.manifest-shadcn-table th {
  height: 34px;
  border-bottom: 1px solid #dfe6ee;
  color: #647187;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  box-shadow: 0 1px 0 #dfe6ee;
}
.manifest-shadcn-table td {
  border-bottom: 1px solid #eef2f6;
  color: #405067;
}
.manifest-shadcn-table tr:hover td {
  background: #f8fbff;
}
.manifest-seat-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 36px;
  min-height: 22px;
  border: 1px solid #dbe3ec;
  border-radius: 5px;
  background: #f7f9fb;
  color: #26354a;
  font-size: 9px;
}
.manifest-passenger-link {
  display: inline-flex;
  flex-direction: column;
  gap: 2px;
  color: #145fca;
}
.manifest-passenger-link strong {
  color: #145fca;
  font-size: 11px;
}
.manifest-passenger-link small {
  color: #718097;
  font-size: 9px;
}
.manifest-pnr-link {
  color: #145fca;
  font-weight: 800;
}
.manifest-risk-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 30px;
  min-height: 22px;
  border-radius: 5px;
  font-size: 10px;
  font-weight: 800;
}
.manifest-risk-pill.green {
  background: var(--green-soft);
  color: #157653;
}
.manifest-risk-pill.blue {
  background: var(--blue-soft);
  color: #155dc2;
}
.manifest-risk-pill.amber {
  background: var(--amber-soft);
  color: #8b5b12;
}
.manifest-risk-pill.red {
  background: var(--red-soft);
  color: #b32e2e;
}
.manifest-pagination-bar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
  border-top: 1px solid #edf0f3;
  background: #fff;
}
.manifest-pagination-bar > span {
  color: #647187;
  font-size: 10px;
  font-weight: 700;
}
.manifest-pagination {
  width: auto;
  margin: 0;
  justify-content: flex-end;
}
.manifest-pagination a {
  min-height: 30px;
  font-size: 10px;
}
.route-progress-map {
  position: relative;
  min-height: 270px;
  padding: 34px 22px 16px;
  overflow: hidden;
  background: linear-gradient(180deg, #fbfcfe, #f3f7fb);
}
.route-progress-map::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(#e5ebf2 1px, transparent 1px),
    linear-gradient(90deg, #e5ebf2 1px, transparent 1px);
  background-size: 34px 34px;
  opacity: 0.55;
  pointer-events: none;
}
.route-leg-list {
  position: relative;
  z-index: 2;
  display: grid;
  gap: 8px;
  margin-top: 118px;
}
.route-leg-list a,
.route-leg-card {
  min-height: 48px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 10px;
  border: 1px solid #dfe6ee;
  border-radius: 7px;
  background: rgba(255, 255, 255, 0.92);
  color: #26354a;
}
.route-leg-list svg {
  color: var(--blue);
}
.route-leg-list strong,
.route-leg-list small {
  display: block;
}
.route-leg-list strong {
  font-size: 10px;
}
.route-leg-list small {
  margin-top: 3px;
  color: #718097;
  font-size: 9px;
}
.leaflet-route-shell {
  position: relative;
  min-height: 430px;
  overflow: hidden;
  background: #eef3f8;
}
.leaflet-route-map {
  position: relative;
  z-index: 1;
  width: 100%;
  min-height: 430px;
}
.leaflet-route-map .leaflet-control-attribution {
  font-size: 9px;
}
.leaflet-route-fallback {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background-image: linear-gradient(#dfe7f0 1px, transparent 1px),
    linear-gradient(90deg, #dfe7f0 1px, transparent 1px);
  background-size: 42px 42px;
  opacity: 0.98;
}
.leaflet-route-shell.ready .leaflet-route-fallback {
  opacity: 0;
}
.leaflet-route-fallback i {
  position: absolute;
  left: 12%;
  right: 12%;
  top: 50%;
  height: 4px;
  border-radius: 4px;
  background: linear-gradient(90deg, #1769e0, #12825c);
  transform: rotate(-7deg);
  transform-origin: center;
  box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.65);
}
.fallback-point {
  position: absolute;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #1769e0;
  color: #fff;
  box-shadow: 0 8px 20px rgba(17, 32, 51, 0.2);
  transform: translate(-50%, -50%);
  font-size: 11px;
  font-weight: 800;
}
.fallback-point.connection {
  background: #a86207;
}
.fallback-point.destination {
  background: #12825c;
}
.leaflet-route-caption {
  position: absolute;
  z-index: 402;
  left: 16px;
  bottom: 16px;
  display: inline-flex;
  align-items: center;
  max-width: calc(100% - 32px);
  padding: 9px 12px;
  border: 1px solid #d8e2ec;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.94);
  color: #405067;
  font-size: 10px;
  font-weight: 800;
  box-shadow: 0 6px 20px rgba(17, 32, 51, 0.1);
}
.leaflet-route-marker {
  display: grid;
  place-items: center;
  border: 3px solid #fff;
  border-radius: 50%;
  background: #1769e0;
  box-shadow: 0 8px 20px rgba(17, 32, 51, 0.18);
}
.leaflet-route-marker.connection {
  background: #a86207;
}
.leaflet-route-marker.destination,
.leaflet-route-marker.final {
  background: #12825c;
}
.leaflet-route-marker span {
  color: #fff;
  font-size: 11px;
  font-weight: 800;
  line-height: 1;
}
.route-progress-map-with-leaflet {
  min-height: auto;
  padding: 0;
  background: #fff;
}
.route-progress-map-with-leaflet::before {
  display: none;
}
.route-progress-map-with-leaflet .leaflet-route-shell {
  min-height: 360px;
}
.route-progress-map-with-leaflet .leaflet-route-map {
  min-height: 360px;
}
.route-progress-map-with-leaflet .route-leg-list {
  margin-top: 0;
  padding: 12px;
}
.case-banner {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-bottom: 18px;
  border: 1px solid var(--border);
  border-radius: 8px;
  background: #fff;
}
.case-banner > div {
  min-height: 70px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 7px;
  padding: 12px 17px;
  border-right: 1px solid var(--border);
}
.case-banner > div:last-child {
  border: 0;
}
.case-banner span {
  color: #7a8698;
  font-size: 9px;
  text-transform: uppercase;
}
.case-banner strong {
  color: #29364a;
  font-size: 11px;
}
.passenger-list-alert {
  display: flex;
  align-items: center;
  gap: 13px;
  margin: 0 0 18px;
  padding: 13px 16px;
  border: 1px solid #d34954;
  border-left: 5px solid #aa1723;
  border-radius: 7px;
  background: #fff1f2;
  color: #9d1722;
}
.passenger-list-alert > svg {
  flex: none;
}
.passenger-list-alert > div {
  flex: 1;
}
.passenger-list-alert strong {
  display: block;
  font-size: 10px;
  letter-spacing: 0.1em;
}
.passenger-list-alert p {
  margin: 3px 0 0;
  color: #68484d;
  font-size: 11px;
}
.passenger-list-alert-action {
  flex: none;
  padding: 9px 12px;
  border-radius: 5px;
  background: #a71925;
  color: #fff;
  font-size: 10px;
  font-weight: 800;
  text-decoration: none;
}
.profile-summary {
  display: flex;
  align-items: center;
  gap: 13px;
  padding: 17px;
  border-bottom: 1px solid #e9edf1;
}
.profile-avatar {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  background: #eaf2ff;
  color: var(--blue);
}
.profile-summary > div:nth-child(2) {
  flex: 1;
}
.profile-summary h3 {
  margin: 0;
  font-size: 15px;
}
.profile-summary p,
.profile-summary span {
  margin: 4px 0 0;
  color: #768295;
  font-size: 9px;
}
.profile-summary span {
  font-family: Consolas, monospace;
}
.detail-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 14px 17px;
}
.detail-grid div {
  padding: 3px 12px;
  border-right: 1px solid #e5eaf0;
}
.detail-grid div:first-child {
  padding-left: 0;
}
.detail-grid div:last-child {
  border: 0;
}
.detail-grid span,
.detail-grid strong {
  display: block;
}
.detail-grid span {
  color: #7f8a9b;
  font-size: 8px;
  text-transform: uppercase;
}
.detail-grid strong {
  margin-top: 5px;
  font-size: 10px;
}
.risk-engine-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 0 24px;
  padding: 12px 17px;
}
.risk-engine-grid > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 10px 0;
  border-bottom: 1px solid #edf0f3;
  font-size: 10px;
}
.risk-assessment-card {
  --risk-color: #d9a62e;
  --risk-soft: #fff8df;
  padding: 16px;
}
.risk-assessment-card.high {
  --risk-color: #c87816;
  --risk-soft: #fff5e5;
}
.risk-assessment-card.critical {
  --risk-color: #c53742;
  --risk-soft: #fff0f1;
}
.risk-assessment-card.low {
  --risk-color: #16805c;
  --risk-soft: #eaf8f2;
}
.risk-radar-wrap {
  position: relative;
  display: grid;
  place-items: center;
  min-height: 236px;
  border-radius: 8px;
  background: radial-gradient(circle, var(--risk-soft), #fff 68%);
}
.risk-radar {
  width: min(100%, 236px);
  overflow: visible;
}
.risk-radar-grid,
.risk-radar-axis {
  fill: none;
  stroke: #d9e1ea;
  stroke-width: 1;
}
.risk-radar-value {
  fill: var(--risk-color);
  @supports (color: color-mix(in lab, red, red)) {
    fill: color-mix(in srgb, var(--risk-color) 22%, transparent);
  }
  stroke: var(--risk-color);
  stroke-width: 2;
}
.risk-radar-point {
  fill: #fff;
  stroke: var(--risk-color);
  stroke-width: 2;
}
.risk-radar-score {
  position: absolute;
  display: grid;
  place-items: center;
  width: 76px;
  height: 76px;
  border: 1px solid var(--risk-color);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--risk-color) 30%, white);
  }
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 5px 20px rgba(22, 35, 52, 0.1);
}
.risk-radar-score strong {
  color: var(--risk-color);
  font-size: 28px;
  line-height: 1;
}
.risk-radar-score span {
  color: #7a8698;
  font-size: 8px;
}
.risk-radar-score small {
  color: #35445a;
  font-size: 9px;
  font-weight: 800;
  text-transform: uppercase;
}
.risk-dimension-list {
  display: grid;
  gap: 7px;
  margin-top: 12px;
}
.risk-dimension-list > div {
  display: grid;
  grid-template-columns: minmax(70px, 1fr) 110px 24px;
  align-items: center;
  gap: 8px;
  font-size: 9px;
}
.risk-dimension-list span {
  height: 5px;
  overflow: hidden;
  border-radius: 10px;
  background: #edf1f5;
}
.risk-dimension-list i {
  display: block;
  height: 100%;
  border-radius: 10px;
  background: var(--risk-color);
}
.risk-dimension-list strong {
  color: #536176;
}
.risk-dimension-list b {
  color: #26354a;
  text-align: right;
}
.risk-dimension-list > div.low i {
  background: #22a978;
}
.risk-dimension-list > div.low b {
  color: #16805c;
}
.risk-dimension-list > div.medium i {
  background: #d9a62e;
}
.risk-dimension-list > div.medium b {
  color: #9b6b00;
}
.risk-dimension-list > div.high i {
  background: #e17f24;
}
.risk-dimension-list > div.high b {
  color: #b65d0b;
}
.risk-dimension-list > div.critical i {
  background: #dc4c5a;
}
.risk-dimension-list > div.critical b {
  color: #c53742;
}
.risk-score-explanation {
  margin-top: 14px;
  padding: 12px;
  border-left: 3px solid var(--risk-color);
  border-radius: 4px;
  background: var(--risk-soft);
}
.risk-score-explanation > span {
  display: block;
  color: #6f7d90;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.07em;
  text-transform: uppercase;
}
.risk-score-explanation > strong {
  display: block;
  margin-top: 5px;
  color: #233147;
  font-size: 12px;
}
.risk-score-explanation > strong b {
  color: var(--risk-color);
}
.risk-score-explanation p {
  margin: 6px 0 0;
  color: #56657a;
  font-size: 9px;
  line-height: 1.5;
}
.ip-location-evidence {
  margin-top: 12px;
  overflow: hidden;
  border: 1px solid #dfe6ee;
  border-radius: 7px;
}
.ip-location-evidence header {
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
  gap: 9px;
  padding: 11px;
  background: #f7f9fc;
}
.ip-location-evidence header svg {
  color: #55708f;
}
.ip-location-evidence header strong,
.ip-location-evidence header small {
  display: block;
}
.ip-location-evidence header strong {
  font-size: 10px;
}
.ip-location-evidence header small {
  margin-top: 2px;
  color: #7d899a;
  font-size: 8px;
}
.ip-location-evidence header > b {
  color: var(--risk-color);
  font-size: 14px;
}
.ip-location-evidence dl {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0;
}
.ip-location-evidence dl div {
  padding: 9px 11px;
  border-top: 1px solid #e7ebf0;
}
.ip-location-evidence dl div:nth-child(odd) {
  border-right: 1px solid #e7ebf0;
}
.ip-location-evidence dt {
  color: #7b8798;
  font-size: 8px;
  text-transform: uppercase;
}
.ip-location-evidence dd {
  margin: 4px 0 0;
  color: #2e3d52;
  font-size: 9px;
  font-weight: 800;
}
.ip-location-evidence > p {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin: 0;
  padding: 10px 11px;
  border-top: 1px solid #ead8b9;
  background: #fffaf0;
  color: #6d5835;
  font-size: 9px;
  line-height: 1.45;
}
.ip-location-evidence > p svg {
  flex: none;
  color: #b77417;
}
.risk-assessment-card > footer {
  margin-top: 11px;
  color: #8993a1;
  font-size: 8px;
  text-align: center;
}
.action-list {
  display: grid;
  gap: 8px;
  padding: 14px;
}
.action-list button {
  min-height: 38px;
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 0 11px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  background: #fff;
  color: #405067;
  font-size: 10px;
  text-align: left;
}
.action-list button svg {
  width: 15px;
  color: #60728a;
}
.action-list button.approve {
  justify-content: center;
  border-color: #b5dccb;
  background: #effaf5;
  color: #157552;
  font-weight: 700;
}
.action-list button.reject {
  justify-content: center;
  border-color: #edc8c8;
  background: #fff4f4;
  color: #b32e2e;
  font-weight: 700;
}
.document-list {
  padding: 5px 14px;
}
.document-list > div {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 11px 2px;
  border-bottom: 1px solid #edf0f3;
}
.document-list > div:last-child {
  border: 0;
}
.document-list svg {
  color: #57718f;
}
.document-list strong,
.document-list small {
  display: block;
}
.document-list strong {
  font-size: 10px;
}
.document-list small {
  margin-top: 3px;
  color: #8490a0;
  font-size: 8px;
}
.bar-chart,
.sla-chart {
  padding: 17px;
}
.bar-chart > div,
.sla-chart > div {
  display: grid;
  grid-template-columns: 100px 1fr 45px;
  align-items: center;
  gap: 12px;
  padding: 8px 0;
  font-size: 9px;
}
.bar-chart > div > div,
.sla-chart > div > div {
  height: 8px;
  overflow: hidden;
  border-radius: 5px;
  background: #edf1f5;
}
.bar-chart i,
.sla-chart i {
  display: block;
  height: 100%;
  border-radius: 5px;
  background: #377dde;
}
.sla-chart i.green {
  background: #24a77b;
}
.sla-chart i.amber {
  background: #dc9428;
}
.sla-chart i.red {
  background: #d14a4a;
}
.bar-chart strong,
.sla-chart strong {
  text-align: right;
  font-size: 9px;
}
.trend-chart {
  height: 190px;
  display: flex;
  align-items: end;
  gap: 8px;
  padding: 25px 20px 30px;
  border-bottom: 1px solid #eef1f4;
  background: repeating-linear-gradient(
    to bottom,
    transparent 0,
    transparent 39px,
    #eef1f4 40px
  );
}
.trend-chart i {
  position: relative;
  flex: 1;
  min-width: 10px;
  border-radius: 3px 3px 0 0;
  background: linear-gradient(#4389e6, #1b65cc);
  opacity: 0.85;
}
.trend-chart i span {
  position: absolute;
  bottom: -21px;
  left: 50%;
  transform: translateX(-50%);
  color: #8a95a5;
  font-size: 7px;
  font-style: normal;
  white-space: nowrap;
}
.admin-warning {
  display: flex;
  gap: 10px;
  margin-bottom: 18px;
  padding: 13px 15px;
  border: 1px solid #d2ddeb;
  border-radius: 7px;
  background: #f7faff;
  color: #37506d;
}
.admin-warning svg {
  flex: 0 0 auto;
  color: var(--blue);
}
.admin-warning strong {
  font-size: 11px;
}
.admin-warning p {
  margin: 3px 0 0;
  color: #718097;
  font-size: 9px;
}
.empty-state {
  padding: 35px;
  text-align: center;
  color: #6f7c90;
}
.empty-state strong {
  font-size: 12px;
}
.empty-state p {
  margin: 5px 0 0;
  font-size: 10px;
}
.eta-error {
  margin-bottom: 18px;
}
.eta-review-hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 16px;
  margin-bottom: 18px;
  padding: 18px;
  border: 1px solid #dfe5ec;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 1px 2px rgba(17, 32, 51, 0.035);
}
.eta-review-hero.green {
  border-color: #bde1d1;
  background: linear-gradient(180deg, #fbfffd, #fff);
}
.eta-review-hero.red {
  border-color: #efc5c5;
  background: linear-gradient(180deg, #fffafa, #fff);
}
.eta-review-hero.amber {
  border-color: #ecd5a7;
  background: linear-gradient(180deg, #fffdf8, #fff);
}
.eta-review-main {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  min-width: 0;
}
.eta-review-icon {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 8px;
  background: #eef3f8;
  color: #526176;
}
.eta-review-hero.green .eta-review-icon,
.eta-evidence-verdict.green {
  background: var(--green-soft);
  color: var(--green);
}
.eta-review-hero.red .eta-review-icon,
.eta-evidence-verdict.red {
  background: var(--red-soft);
  color: var(--red);
}
.eta-review-hero.amber .eta-review-icon,
.eta-evidence-verdict.amber {
  background: var(--amber-soft);
  color: var(--amber);
}
.eta-review-main span {
  display: block;
  color: #69758a;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.eta-review-main h2 {
  margin: 5px 0 0;
  color: #172236;
  font-size: 24px;
  line-height: 1.1;
}
.eta-review-main p {
  max-width: 760px;
  margin: 7px 0 0;
  color: #526176;
  font-size: 12px;
  line-height: 1.5;
}
.eta-review-pills {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  margin-top: 12px;
}
.eta-review-pills > span:not(.status-badge) {
  min-height: 23px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border: 1px solid #dbe3ec;
  border-radius: 4px;
  background: #fff;
  color: #405067;
  font-size: 9px;
  font-weight: 800;
}
.eta-face-score-card {
  min-width: 0;
  padding: 13px;
  border: 1px solid #e1e7ee;
  border-radius: 7px;
  background: #fff;
}
.eta-face-score-card span,
.eta-face-score-card strong,
.eta-face-score-card small {
  display: block;
}
.eta-face-score-card span {
  color: #69758a;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.eta-face-score-card strong {
  margin-top: 6px;
  color: #172236;
  font-size: 31px;
  line-height: 1;
}
.eta-face-score-card small {
  margin-top: 8px;
  color: #607087;
  font-size: 10px;
  font-weight: 700;
}
.eta-face-score-track {
  height: 8px;
  margin-top: 11px;
  overflow: hidden;
  border-radius: 999px;
  background: #e9eef4;
}
.eta-face-score-track i {
  display: block;
  height: 100%;
  border-radius: 999px;
  background: #12825c;
}
.eta-review-hero.red .eta-face-score-track i {
  background: var(--red);
}
.eta-review-hero.amber .eta-face-score-track i {
  background: var(--amber);
}
.eta-review-strip {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border: 1px solid #e5eaf0;
  border-radius: 7px;
  background: #fff;
}
.eta-review-strip > div {
  min-width: 0;
  display: grid;
  grid-template-columns: 18px minmax(0, 1fr);
  gap: 3px 8px;
  padding: 12px;
  border-right: 1px solid #e5eaf0;
}
.eta-review-strip > div:last-child {
  border-right: 0;
}
.eta-review-strip svg {
  grid-row: 1 / span 2;
  color: #607087;
}
.eta-review-strip span {
  color: #7f8a9b;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.eta-review-strip strong {
  min-width: 0;
  overflow: hidden;
  color: #26354a;
  font-size: 10px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eta-review-layout {
  grid-template-columns: minmax(0, 1.45fr) minmax(330px, 0.55fr);
}
.eta-decision-panel {
  display: grid;
  gap: 12px;
  padding: 14px;
}
.eta-decision-panel textarea {
  width: 100%;
  min-height: 118px;
  resize: vertical;
  padding: 10px 11px;
  border: 1px solid #dce3ea;
  border-radius: 6px;
  outline: 0;
  background: #fff;
  color: var(--text);
  font-size: 11px;
  line-height: 1.45;
}
.eta-decision-panel textarea:focus {
  border-color: #8db6ef;
  box-shadow: 0 0 0 3px #eaf2ff;
}
.eta-decision-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}
.eta-decision-actions button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.eta-decision-record {
  padding: 11px;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  background: #f8fafc;
}
.eta-decision-record strong {
  display: block;
  color: #273448;
  font-size: 10px;
}
.eta-decision-record p {
  margin: 6px 0;
  color: #405067;
  font-size: 10px;
  line-height: 1.45;
}
.eta-decision-record small {
  color: #7c8798;
  font-size: 9px;
}
.eta-decision-history ol {
  display: grid;
  gap: 9px;
  max-height: 320px;
  margin: 10px 0 0;
  padding: 0;
  overflow: auto;
  list-style: none;
}
.eta-decision-history li {
  position: relative;
  padding: 0 0 10px 13px;
  border-bottom: 1px solid #e5ebf1;
}
.eta-decision-history li:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}
.eta-decision-history li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--blue);
}
.eta-decision-history li span {
  display: block;
  color: #26354a;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.025em;
  text-transform: uppercase;
}
.eta-decision-history li p {
  margin: 4px 0;
}
.eta-data-list {
  display: grid;
  grid-template-columns: 1fr;
  padding: 6px 17px;
}
.eta-data-list.columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.eta-data-list > div {
  min-height: 54px;
  padding: 10px 0;
  border-bottom: 1px solid #edf0f3;
}
.eta-data-list > div:last-child,
.eta-data-list.columns-2 > div:nth-last-child(-n + 2) {
  border-bottom: 0;
}
.eta-data-list.columns-2 > div:nth-child(odd) {
  padding-right: 14px;
  border-right: 1px solid #edf0f3;
}
.eta-data-list.columns-2 > div:nth-child(even) {
  padding-left: 14px;
}
.eta-data-list span,
.eta-data-list strong {
  display: block;
}
.eta-data-list span {
  color: #7f8a9b;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.eta-data-list strong {
  margin-top: 6px;
  color: #26354a;
  font-size: 10px;
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
}
.eta-detail-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
  padding: 14px 17px;
}
.eta-detail-grid div {
  min-height: 62px;
  padding: 10px 12px;
  border-right: 1px solid #e5eaf0;
  border-bottom: 1px solid #e5eaf0;
}
.eta-detail-grid div:nth-child(2n),
.eta-detail-grid div.wide {
  border-right: 0;
}
.eta-detail-grid div.wide {
  grid-column: 1 / -1;
}
.eta-detail-grid span,
.eta-detail-grid strong {
  display: block;
}
.eta-detail-grid span {
  color: #7f8a9b;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.eta-detail-grid strong {
  margin-top: 6px;
  color: #26354a;
  font-size: 10px;
  line-height: 1.45;
  white-space: normal;
  overflow-wrap: anywhere;
}
.eta-evidence-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 0;
  background: #f7f9fb;
}
.eta-evidence-item {
  min-width: 0;
  border-right: 1px solid #e2e8f0;
}
.eta-evidence-item:last-child {
  border-right: 0;
}
.eta-evidence-item > header {
  min-height: 42px;
  display: flex;
  align-items: center;
  padding: 0 14px;
  border-bottom: 1px solid #e2e8f0;
  background: #fff;
  color: #344156;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
}
.eta-evidence-compare {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 150px minmax(0, 0.72fr);
  min-height: 470px;
  background: #f7f9fb;
}
.eta-evidence-compare .eta-evidence-item {
  border-right: 1px solid #e2e8f0;
}
.eta-evidence-compare .eta-evidence-item:last-child {
  border-right: 0;
}
.eta-evidence-verdict {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 14px;
  border-right: 1px solid #e2e8f0;
  text-align: center;
}
.eta-evidence-verdict strong,
.eta-evidence-verdict span {
  display: block;
}
.eta-evidence-verdict strong {
  color: #26354a;
  font-size: 12px;
  line-height: 1.25;
}
.eta-evidence-verdict span {
  color: #607087;
  font-size: 10px;
  font-weight: 800;
}
.eta-passport-panel {
  min-height: 420px;
  display: grid;
  place-items: center;
  padding: 14px;
  background: #f7f9fb;
}
.eta-passport-panel img {
  max-width: 100%;
  max-height: 620px;
  border: 1px solid #d8e0e9;
  border-radius: 7px;
  background: white;
  box-shadow: 0 8px 24px rgba(17, 32, 51, 0.12);
}
.eta-evidence-open {
  position: relative;
  width: 100%;
  min-height: 390px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 0;
  background: transparent;
}
.eta-evidence-open img {
  pointer-events: none;
}
.eta-evidence-open > span {
  position: absolute;
  right: 14px;
  bottom: 14px;
  min-height: 30px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: 0 10px;
  border: 1px solid #c8d6e7;
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.94);
  color: #1f5eb5;
  font-size: 10px;
  font-weight: 800;
  box-shadow: 0 8px 18px rgba(17, 32, 51, 0.12);
}
.eta-evidence-open:hover > span,
.eta-evidence-open:focus-visible > span {
  border-color: #8db6ef;
  background: #eaf2ff;
}
.eta-evidence-open:focus-visible {
  outline: 2px solid var(--blue);
  outline-offset: -2px;
}
.eta-image-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 80;
  display: grid;
  place-items: center;
  padding: 22px;
  background: rgba(5, 13, 25, 0.76);
}
.eta-image-modal {
  width: min(1180px, 100%);
  max-height: min(860px, calc(100vh - 44px));
  display: grid;
  grid-template-rows: auto auto auto minmax(0, 1fr);
  overflow: hidden;
  border: 1px solid #223a58;
  border-radius: 8px;
  background: #0c1726;
  color: #eef5ff;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.45);
}
.eta-image-modal > header {
  min-height: 62px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 12px 16px;
  border-bottom: 1px solid #21354e;
  background: #101f33;
}
.eta-image-modal > header span,
.eta-image-modal > header h2 {
  display: block;
}
.eta-image-modal > header span {
  color: #8ba3c2;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.eta-image-modal > header h2 {
  margin: 4px 0 0;
  color: #fff;
  font-size: 16px;
}
.eta-image-modal .icon-button {
  color: #d8e6f7;
}
.eta-image-modal .icon-button:hover {
  background: #1b2e49;
}
.eta-image-toolbar {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
  padding: 10px 12px;
  border-bottom: 1px solid #21354e;
  background: #0f1b2d;
}
.eta-image-toolbar button,
.eta-image-toolbar a {
  min-width: 34px;
  height: 32px;
  display: inline-grid;
  place-items: center;
  padding: 0 9px;
  border: 1px solid #2b4565;
  border-radius: 5px;
  background: #14243a;
  color: #dceafe;
  font-size: 10px;
  font-weight: 800;
}
.eta-image-toolbar button:hover,
.eta-image-toolbar a:hover,
.eta-image-toolbar button.active {
  border-color: #6ca9ff;
  background: #173b66;
  color: #fff;
}
.eta-image-toolbar strong {
  min-width: 48px;
  color: #fff;
  font-size: 11px;
  text-align: center;
}
.eta-image-adjustments {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid #21354e;
  background: #0b1626;
}
.eta-image-adjustments label {
  min-width: 0;
  display: grid;
  grid-template-columns: 72px minmax(0, 1fr) 44px;
  align-items: center;
  gap: 9px;
  color: #aabbd2;
  font-size: 10px;
  font-weight: 800;
}
.eta-image-adjustments input {
  width: 100%;
  accent-color: #6ca9ff;
}
.eta-image-adjustments span {
  color: #fff;
  text-align: right;
}
.eta-image-stage {
  position: relative;
  min-height: 520px;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #07101e;
  cursor: grab;
  touch-action: none;
}
.eta-image-stage.dragging {
  cursor: grabbing;
}
.eta-image-stage::before {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.22;
  background-image: linear-gradient(45deg, #1b2d47 25%, transparent 25%),
    linear-gradient(-45deg, #1b2d47 25%, transparent 25%),
    linear-gradient(45deg, transparent 75%, #1b2d47 75%),
    linear-gradient(-45deg, transparent 75%, #1b2d47 75%);
  background-position: 0 0,
    0 10px,
    10px -10px,
    -10px 0;
  background-size: 20px 20px;
}
.eta-image-stage img {
  position: relative;
  z-index: 1;
  max-width: min(86%, 900px);
  max-height: 78vh;
  border: 1px solid #314864;
  border-radius: 5px;
  background: #fff;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.42);
  transform-origin: center center;
  transition: filter 0.12s ease;
  user-select: none;
}
.eta-image-pan-hint {
  position: absolute;
  right: 16px;
  top: 16px;
  z-index: 2;
  color: #b3c6df;
  opacity: 0.8;
}
.eta-date-filter-strip {
  align-items: stretch;
  margin-bottom: 14px;
}
.eta-date-range-fields select {
  height: 32px;
  padding: 0 9px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  background: #fff;
  color: #26354a;
  font-size: 10px;
}
.eta-filter-grid {
  display: grid;
  grid-template-columns: minmax(280px, 1.6fr) repeat(3, minmax(150px, 1fr)) auto;
  gap: 10px;
  padding: 13px;
  border-bottom: 1px solid #edf0f3;
  background: #fbfcfd;
}
.eta-filter-grid label {
  min-width: 0;
  display: grid;
  gap: 5px;
  color: #7f8a9b;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.eta-filter-grid select {
  width: 100%;
  min-width: 0;
  height: 34px;
  padding: 0 9px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  background: #fff;
  color: #26354a;
  font-size: 10px;
}
.eta-filter-search {
  height: 34px;
  display: flex !important;
  align-self: end;
  grid-template-columns: none;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid #dce3ea;
  border-radius: 5px;
  background: #fff;
  color: #718097;
  text-transform: none !important;
  letter-spacing: 0 !important;
}
.eta-filter-search input {
  flex: 1;
  min-width: 0;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font-size: 11px;
}
.eta-filter-grid button {
  align-self: end;
  min-height: 34px;
}
.eta-queue-summary {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 8px 13px;
  border-bottom: 1px solid #edf0f3;
  background: #fff;
  color: #657388;
  font-size: 10px;
  font-weight: 700;
}
.eta-queue-summary span {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}
.eta-queue-summary strong {
  color: #26354a;
  font-size: 12px;
}
.eta-queue-summary small {
  margin-left: auto;
  color: #7f8a9b;
  font-size: 10px;
}
.sidebar-backdrop {
  display: none;
}
body {
  background: radial-gradient(
      circle at 12% 8%,
      rgba(197, 216, 230, 0.45),
      transparent 28%
    ),
    radial-gradient(
      circle at 86% 12%,
      rgba(224, 231, 238, 0.72),
      transparent 30%
    ),
    linear-gradient(135deg, #f3f4f6 0%, #eef3f1 48%, #edf2f6 100%);
  color: #20242d;
}
.app-shell {
  display: grid;
  grid-template-columns: 70px 282px minmax(0, 1fr);
  min-height: 100vh;
  padding: 24px 26px;
}
.app-rail {
  position: sticky;
  top: 24px;
  z-index: 35;
  height: calc(100vh - 48px);
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  padding: 12px 10px;
  border: 1px solid rgba(218, 223, 230, 0.9);
  border-right: 0;
  border-radius: 18px 0 0 18px;
  background: rgba(250, 251, 252, 0.92);
  box-shadow: 0 26px 70px rgba(25, 35, 48, 0.12);
  backdrop-filter: blur(18px);
}
.app-rail a,
.app-rail button {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid transparent;
  border-radius: 10px;
  background: #fff;
  color: #394252;
  box-shadow: 0 10px 24px rgba(35, 45, 58, 0.08);
}
.app-rail button {
  padding: 0;
}
.app-rail a:hover,
.app-rail button:hover,
.app-rail .active {
  border-color: #cfd8e3;
  background: #111;
  color: #fff;
}
.rail-logo {
  background: #050505 !important;
  color: #fff !important;
  font-size: 22px;
  font-weight: 900;
  letter-spacing: 0;
}
.rail-spacer {
  flex: 1;
}
.rail-avatar {
  border-radius: 50% !important;
  background: #20242d !important;
  color: #fff !important;
  font-size: 10px;
  font-weight: 800;
}
.sidebar {
  position: sticky;
  inset: auto;
  top: 24px;
  z-index: 30;
  width: auto;
  height: calc(100vh - 48px);
  border: 1px solid rgba(218, 223, 230, 0.92);
  border-left: 0;
  border-radius: 0 18px 18px 0;
  background: rgba(255, 255, 255, 0.94);
  color: #2b313c;
  box-shadow: 18px 26px 70px rgba(25, 35, 48, 0.11);
  backdrop-filter: blur(18px);
}
.brand {
  min-height: 70px;
  padding: 16px 20px;
  border-bottom: 1px solid #e8ebef;
}
.brand-mark {
  border-color: #d8dde4;
  border-radius: 10px;
  background: #f5f7f9;
  color: #111;
}
.brand strong {
  color: #111;
  font-size: 15px;
  letter-spacing: 0;
}
.brand span {
  color: #838895;
  letter-spacing: 0;
  text-transform: none;
}
.environment {
  margin: 14px 18px 8px;
  border-color: #e4e8ed;
  background: #f8faf9;
  color: #6f7783;
  letter-spacing: 0.03em;
}
.environment span {
  background: #48a56c;
  box-shadow: 0 0 0 3px #dfeee5;
}
.sidebar nav {
  padding: 4px 14px 18px;
}
.nav-group p {
  margin: 18px 10px 8px;
  color: #8b929c;
  letter-spacing: 0;
  text-transform: none;
}
.nav-group a {
  min-height: 36px;
  gap: 10px;
  margin: 2px 0;
  border-radius: 7px;
  color: #3f4651;
  font-size: 13px;
}
.nav-group a:hover {
  background: #f1f3f5;
  color: #111;
}
.nav-group a.active {
  background: #eceff2;
  color: #111;
  box-shadow: inset 3px 0 #111;
}
.nav-group a b,
.nav-group a.active b {
  background: #e6e9ec;
  color: #6c737d;
}
.sidebar-footer {
  border-top: 1px solid #e8ebef;
}
.classification {
  color: #7a828d;
  letter-spacing: 0.03em;
}
.sidebar-footer button {
  border: 1px solid #e3e7ec;
  border-radius: 9px;
  background: #fafbfc;
  color: #20242d;
}
.sidebar-footer small {
  color: #7e8794;
}
.workspace {
  min-width: 0;
  min-height: calc(100vh - 48px);
  margin-left: 0;
  overflow: hidden;
  border: 1px solid rgba(218, 223, 230, 0.92);
  border-left: 0;
  border-radius: 18px;
  background: rgba(255, 255, 255, 0.78);
  box-shadow: 0 26px 70px rgba(25, 35, 48, 0.12);
  backdrop-filter: blur(18px);
}
.topbar {
  min-height: 58px;
  gap: 14px;
  padding: 9px 22px;
  background: rgba(255, 255, 255, 0.78);
  border-bottom: 1px solid #e5e8ed;
}
.topbar-breadcrumb {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 9px;
  color: #606876;
  white-space: nowrap;
}
.topbar-breadcrumb span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border-radius: 6px;
  background: #f1f3f5;
  color: #111;
  font-weight: 800;
}
.topbar-breadcrumb strong {
  overflow: hidden;
  color: #20242d;
  font-size: 13px;
  text-overflow: ellipsis;
}
.global-search {
  width: min(460px, 36vw);
  height: 36px;
  border-color: #e0e4e9;
  border-radius: 9px;
  background: #f7f8fa;
}
.system-state {
  color: #66707c;
}
.profile-button,
.notification-button,
.secondary-button,
.primary-button,
.danger-button,
.icon-button,
.table-action,
.case-toolbar button {
  border-radius: 7px;
}
.page-content {
  max-width: 1600px;
  padding: 24px 26px 44px;
}
.page-header {
  align-items: center;
  min-height: 62px;
  margin-bottom: 18px;
}
.page-header p {
  color: #6b7480;
  letter-spacing: 0.04em;
}
.page-header h1 {
  color: #101318;
  font-size: 25px;
  letter-spacing: 0;
}
.page-header > div > span {
  max-width: 760px;
  color: #646d78;
}
.panel,
.metric-card,
.date-filter-strip,
.api-pnr-ops-console,
.eta-review-hero,
.threat-indicator.hero,
.case-banner,
.flight-detail-hero {
  border-color: #e2e6eb;
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 16px 40px rgba(30, 40, 54, 0.07);
}
.panel > header {
  min-height: 58px;
  padding: 13px 16px;
  border-bottom-color: #eceff2;
}
.panel > header h2 {
  color: #151a21;
  font-size: 13px;
}
.panel > header p {
  color: #7d858f;
  font-size: 10px;
}
.metric-card {
  min-height: 102px;
  padding: 16px;
}
.metric-icon {
  border-radius: 8px;
}
.metric-card span,
.metric-card small {
  color: #747d89;
}
.metric-card strong {
  color: #151a21;
  font-size: 24px;
}
.workspace-tabs {
  gap: 6px;
  padding: 4px;
  border: 1px solid #e2e6eb;
  border-radius: 9px;
  background: rgba(247, 248, 250, 0.85);
}
.workspace-tabs button {
  min-height: 34px;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #596270;
}
.workspace-tabs button:hover,
.workspace-tabs button.active {
  background: #fff;
  color: #111;
  box-shadow: 0 8px 20px rgba(30, 40, 54, 0.09);
}
.primary-button {
  border-color: #111;
  background: #111;
}
.secondary-button,
.table-action,
.case-toolbar button {
  border-color: #dfe4ea;
  background: #fff;
  color: #303844;
}
.danger-button {
  background: #fff5f5;
}
.api-pnr-ops-console {
  overflow: hidden;
}
.api-pnr-ops-primary,
.api-pnr-ops-kpis button,
.toolbar,
.case-toolbar,
.eta-filter-grid,
th {
  background: #fafbfc;
}
.api-pnr-ops-heading h2 {
  color: #151a21;
  letter-spacing: 0;
}
.api-pnr-ops-heading span,
.api-pnr-ops-kpis svg {
  color: #4d7b68;
}
.api-pnr-ops-kpis button:hover,
.api-pnr-ops-kpis button.active {
  background: #f4f8f6;
}
.api-pnr-vector-grid {
  gap: 10px;
}
.vector-card {
  border-color: #e2e6eb;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 12px 30px rgba(30, 40, 54, 0.06);
}
.vector-card:hover {
  transform: translateY(-1px);
  box-shadow: 0 18px 36px rgba(30, 40, 54, 0.1);
}
.date-filter-strip,
.case-toolbar,
.eta-filter-grid,
.eta-queue-summary,
.table-pagination-bar {
  background: rgba(250, 251, 252, 0.92);
}
.segmented-control {
  border-color: #e1e5eb;
  border-radius: 8px;
  background: #f1f3f5;
}
.segmented-control button.active {
  background: #111;
  box-shadow: 0 8px 18px rgba(17, 17, 17, 0.12);
}
table {
  background: #fff;
}
th {
  color: #8a929d;
  letter-spacing: 0.03em;
}
td {
  color: #48515d;
}
tbody tr:hover td,
.navigable-table-row:hover td {
  background: #fafcfb;
}
.eta-review-hero.green,
.eta-review-hero.red,
.eta-review-hero.amber {
  background: rgba(255, 255, 255, 0.94);
}
.eta-review-icon,
.eta-face-score-card,
.eta-review-strip,
.eta-decision-record {
  border-color: #e4e8ed;
  background: #fafbfc;
}
.eta-evidence-compare,
.eta-passport-panel {
  background: #f5f7f9;
}
.app-shell {
  grid-template-columns: 282px minmax(0, 1fr);
  gap: 0;
  min-height: 100vh;
  padding: 22px 26px;
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.52),
      rgba(255, 255, 255, 0) 34%
    ),
    linear-gradient(135deg, #eef3f6 0%, #f7f8f8 44%, #edf2f5 100%);
}
.app-rail {
  display: none;
}
.sidebar {
  top: 22px;
  height: calc(100vh - 44px);
  border: 1px solid #dfe5eb;
  border-right: 0;
  border-radius: 18px 0 0 18px;
  background: rgba(250, 251, 252, 0.96);
  box-shadow: 0 24px 60px rgba(28, 37, 50, 0.1);
}
.brand {
  min-height: 78px;
  padding: 17px 20px;
  border-bottom-color: #e5e9ee;
}
.brand-mark {
  width: 40px;
  height: 40px;
  border-color: #dce3ea;
  background: #fff;
  color: #12161d;
  box-shadow: 0 8px 20px rgba(30, 40, 54, 0.07);
}
.brand strong {
  color: #12161d;
  font-size: 16px;
  letter-spacing: 0;
}
.brand span {
  color: #7d8794;
  font-size: 10px;
  letter-spacing: 0;
  text-transform: none;
}
.environment {
  margin: 14px 18px 18px;
  border-color: #e0e7ed;
  border-radius: 8px;
  background: #f7faf8;
  color: #68737e;
}
.sidebar nav {
  padding: 0 14px 18px;
}
.nav-group {
  margin-top: 0;
}
.nav-group p {
  margin: 0 8px 10px;
  color: #89929d;
  font-size: 10px;
  letter-spacing: 0;
  text-transform: none;
}
.nav-group a {
  min-height: 40px;
  gap: 10px;
  margin: 4px 0;
  padding: 0 11px;
  border: 1px solid transparent;
  border-radius: 8px;
  color: #394351;
}
.nav-group a svg {
  color: #566170;
}
.nav-group a:hover {
  border-color: #e2e7ec;
  background: #f2f5f7;
  color: #101318;
}
.nav-group a.active {
  border-color: #d9dee5;
  background: #e8ecef;
  color: #101318;
  box-shadow: inset 4px 0 #111;
}
.nav-group a.active svg {
  color: #111;
}
.nav-group a b,
.nav-group a.active b {
  background: #dde2e7;
  color: #59636f;
}
.sidebar-footer {
  border-top-color: #e5e9ee;
  padding: 13px 14px;
}
.classification {
  color: #7b8490;
}
.sidebar-footer button {
  border: 1px solid #e0e6ec;
  background: #fff;
  color: #202631;
}
.avatar {
  background: #111;
}
.workspace {
  min-height: calc(100vh - 44px);
  margin-left: 0;
  border: 1px solid #dfe5eb;
  border-left: 0;
  border-radius: 0 18px 18px 0;
  background: linear-gradient(
      180deg,
      rgba(255, 255, 255, 0.88),
      rgba(255, 255, 255, 0.74)
    ),
    #f8fafb;
  box-shadow: 18px 24px 60px rgba(28, 37, 50, 0.1);
}
.topbar {
  min-height: 58px;
  padding: 10px 22px;
  background: rgba(255, 255, 255, 0.88);
  border-bottom-color: #e4e9ee;
}
.topbar-breadcrumb span {
  background: #eef2f5;
  color: #111;
}
.global-search {
  width: min(500px, 42vw);
  border-color: #d9e1e8;
  background: #f8fafb;
}
.page-content {
  max-width: 1520px;
  padding: 26px 28px 46px;
}
.page-header {
  margin-bottom: 20px;
}
.page-header h1 {
  font-size: 26px;
}
.panel,
.metric-card,
.date-filter-strip,
.api-pnr-ops-console,
.eta-review-hero,
.case-banner,
.flight-detail-hero {
  border-color: #dfe6ed;
  background: #fff;
  box-shadow: 0 10px 26px rgba(35, 45, 58, 0.055);
}
.metric-grid {
  gap: 16px;
}
.content-grid {
  gap: 16px;
}
.workspace-tabs {
  border-color: #dfe6ed;
  background: #f3f6f8;
}
.workspace-tabs button.active {
  background: #111;
  color: #fff;
}
.workspace-tabs button.active svg {
  color: #fff;
}
.app-shell {
  grid-template-columns: 250px minmax(0, 1fr);
  height: 100vh;
  min-height: 100vh;
  padding: 0;
  overflow: hidden;
  background: #f4f7fa;
}
.sidebar {
  top: 0;
  height: 100vh;
  min-height: 100vh;
  border-color: rgba(225, 229, 234, 0.78);
  border-top: 0;
  border-bottom: 0;
  border-left: 0;
  border-radius: 0;
  background: linear-gradient(
      160deg,
      rgba(255, 255, 255, 0.96),
      rgba(247, 249, 250, 0.9)
    ),
    #fff;
  box-shadow: 10px 0 30px rgba(35, 43, 54, 0.08);
}
.brand {
  min-height: 78px;
  gap: 12px;
  border-bottom-color: rgba(229, 233, 238, 0.7);
}
.brand-mark {
  border: 0;
  border-radius: 50%;
  background: linear-gradient(180deg, #ff7a22, #f15b12);
  color: #fff;
  box-shadow: 0 10px 22px rgba(241, 91, 18, 0.24);
}
.brand strong {
  font-size: 15px;
  font-weight: 800;
}
.environment {
  min-height: 34px;
  margin: 14px 16px 18px;
  border-color: #e7ebef;
  background: rgba(255, 255, 255, 0.62);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.72);
}
.nav-group p {
  margin: 0 9px 9px;
  color: #8d929a;
  font-size: 10px;
  font-weight: 800;
}
.nav-group a {
  min-height: 38px;
  margin: 3px 0;
  border-radius: 7px;
  color: #20242b;
  font-size: 13px;
  font-weight: 650;
}
.nav-group a:hover {
  border-color: rgba(246, 107, 24, 0.16);
  background: rgba(255, 236, 222, 0.55);
}
.nav-group a.active {
  border-color: rgba(246, 107, 24, 0.18);
  background: linear-gradient(
    90deg,
    rgba(255, 231, 214, 0.95),
    rgba(255, 246, 240, 0.72)
  );
  color: #111;
  box-shadow: inset 3px 0 #f36a18;
}
.nav-group a.active svg {
  color: #111;
}
.nav-group a b,
.nav-group a.active b {
  min-width: 24px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: #69717c;
}
.nav-item-block {
  min-width: 0;
}
.nav-parent-row {
  min-height: 38px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30px;
  align-items: center;
  margin: 3px 0;
  border: 1px solid transparent;
  border-radius: 7px;
  color: #20242b;
  font-size: 13px;
  font-weight: 650;
}
.nav-parent-row:hover {
  border-color: rgba(246, 107, 24, 0.16);
  background: rgba(255, 236, 222, 0.55);
}
.nav-parent-row.active {
  border-color: rgba(246, 107, 24, 0.18);
  background: linear-gradient(
    90deg,
    rgba(255, 231, 214, 0.95),
    rgba(255, 246, 240, 0.72)
  );
  color: #111;
  box-shadow: inset 3px 0 #f36a18;
}
.nav-parent-row > a {
  min-width: 0;
  min-height: 36px;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0 0 0 11px;
  border: 0;
  border-radius: 7px 0 0 7px;
  background: transparent;
  box-shadow: none;
  color: inherit;
}
.nav-parent-row > a:hover {
  border-color: transparent;
  background: transparent;
}
.nav-parent-row > a span {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav-parent-row > a b {
  min-width: 24px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.78);
  color: #69717c;
}
.nav-dropdown-toggle {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  margin-right: 4px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #647187;
  cursor: pointer;
}
.nav-dropdown-toggle:hover {
  background: rgba(255, 255, 255, 0.7);
  color: #111;
}
.nav-dropdown-toggle svg {
  transition: transform 0.16s ease;
}
.nav-dropdown-toggle[aria-expanded="true"] svg {
  transform: rotate(180deg);
}
.nav-recent-passengers {
  display: grid;
  gap: 4px;
  margin: 4px 0 8px 18px;
  padding: 8px 0 0 10px;
  border-left: 1px solid #e5e9ee;
}
.nav-recent-passengers > span {
  color: #8d929a;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-transform: uppercase;
}
.nav-recent-passengers a {
  min-height: 34px;
  display: grid;
  align-content: center;
  gap: 2px;
  margin: 0;
  padding: 5px 9px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: #303844;
}
.nav-recent-passengers a:hover {
  border-color: rgba(246, 107, 24, 0.16);
  background: rgba(255, 236, 222, 0.45);
}
.nav-recent-passengers strong {
  overflow: hidden;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.nav-recent-passengers small,
.nav-recent-passengers em {
  color: #7d8794;
  font-size: 9px;
  font-style: normal;
}
.sidebar-footer {
  background: rgba(255, 255, 255, 0.38);
}
.workspace {
  width: 100%;
  min-width: 0;
  height: 100vh;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-color: rgba(225, 229, 234, 0.78);
  border: 0;
  border-radius: 0;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: none;
}
.topbar {
  flex: 0 0 auto;
  width: 100%;
  min-width: 0;
  background: rgba(255, 255, 255, 0.84);
}
.topbar-breadcrumb {
  flex: 0 1 auto;
  min-width: 0;
}
.global-search {
  flex: 1 1 320px;
  width: auto;
  max-width: 500px;
  min-width: 180px;
}
.topbar-actions {
  flex: 0 1 auto;
  min-width: 0;
}
.page-content {
  flex: 1 1 auto;
  width: 100%;
  max-width: none;
  min-width: 0;
  margin: 0;
  overflow: auto;
  padding: 28px 30px 48px;
}
.eta-applications-page {
  display: grid;
  gap: 12px;
}
.eta-applications-page .page-header {
  min-height: 0;
  align-items: center;
  margin-bottom: 0;
}
.eta-applications-page .page-header p {
  margin-bottom: 4px;
}
.eta-applications-page .page-header h1 {
  font-size: 24px;
}
.eta-applications-page .page-header > div > span {
  margin-top: 5px;
}
.eta-intake-overview {
  display: grid;
  grid-template-columns: minmax(430px, 0.82fr) minmax(0, 1.18fr);
  align-items: stretch;
  gap: 12px;
}
.eta-intake-overview .eta-date-filter-strip {
  min-height: 0;
  display: grid;
  align-content: center;
  gap: 10px;
  margin-bottom: 0;
  padding: 10px;
}
.eta-intake-overview .segmented-control {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.eta-intake-overview .segmented-control button {
  min-height: 30px;
  padding: 0 8px;
}
.eta-intake-overview .date-range-fields {
  width: 100%;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.eta-intake-overview .date-range-fields label {
  min-width: 0;
}
.eta-summary-metrics {
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 0;
}
.eta-summary-metrics .metric-card {
  min-height: 78px;
  align-items: center;
  padding: 11px 12px;
}
.eta-summary-metrics .metric-icon {
  width: 34px;
  height: 34px;
}
.eta-summary-metrics .metric-card strong {
  margin-top: 4px;
  font-size: 21px;
}
.eta-summary-metrics .metric-card small {
  margin-top: 4px;
}
.eta-application-queue-panel > header {
  min-height: 50px;
  padding: 10px 16px;
}
.eta-application-queue-panel .eta-filter-grid {
  gap: 9px;
  padding: 10px 13px;
}
.eta-application-queue-panel .eta-queue-summary {
  min-height: 36px;
  padding: 7px 13px;
}
.eta-application-queue-panel .eta-application-card-grid {
  padding: 14px;
}
.eta-filter-grid {
  grid-template-columns: minmax(260px, 1.2fr) repeat(
      3,
      minmax(140px, 0.72fr)
    ) auto;
}
.eta-application-card-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  padding: 18px;
  background: linear-gradient(
    180deg,
    rgba(255, 255, 255, 0.82),
    rgba(248, 250, 251, 0.72)
  );
}
.eta-application-card {
  min-width: 0;
  display: grid;
  grid-template-rows: auto auto 1fr auto auto;
  gap: 14px;
  min-height: 268px;
  padding: 16px;
  border: 1px solid rgba(246, 107, 24, 0.46);
  border-radius: 14px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 34px rgba(38, 47, 60, 0.07);
  transition: transform 0.16s ease,
    box-shadow 0.16s ease,
    border-color 0.16s ease;
}
.eta-application-card:hover,
.eta-application-card:focus-visible {
  border-color: rgba(246, 107, 24, 0.76);
  box-shadow: 0 22px 44px rgba(38, 47, 60, 0.11);
  transform: translateY(-2px);
  outline: 0;
}
.eta-application-card > header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 62px;
  align-items: start;
  gap: 14px;
}
.eta-card-kicker {
  display: block;
  overflow: hidden;
  color: #7b838d;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.03em;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eta-application-card h3 {
  margin: 8px 0 0;
  overflow: hidden;
  color: #11151b;
  font-size: 17px;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eta-application-card p {
  margin: 6px 0 0;
  overflow: hidden;
  color: #656e7a;
  font-size: 11px;
  line-height: 1.4;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eta-card-avatar {
  width: 58px;
  height: 58px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #e3e8ee;
  border-radius: 16px;
  background: linear-gradient(
    145deg,
    rgba(255, 238, 225, 0.88),
    rgba(241, 246, 248, 0.95)
  );
  color: #f05f14;
  font-size: 16px;
  font-weight: 900;
}
.eta-card-avatar.stored-selfie {
  border-color: rgba(240, 95, 20, 0.3);
  background: radial-gradient(
      circle at 50% 18%,
      rgba(255, 255, 255, 0.95) 0 13px,
      transparent 14px
    ),
    radial-gradient(
      circle at 50% 82%,
      rgba(255, 255, 255, 0.82) 0 25px,
      transparent 26px
    ),
    linear-gradient(
      145deg,
      rgba(255, 231, 214, 0.95),
      rgba(239, 243, 246, 0.95)
    );
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.65);
}
.eta-card-avatar-mark {
  display: grid;
  gap: 2px;
  justify-items: center;
  color: #ef5f16;
  font-size: 12px;
  line-height: 1;
}
.eta-card-avatar img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.eta-card-avatar.photo {
  border-color: rgba(240, 95, 20, 0.35);
  background: #fff;
}
.eta-card-selfie-preview {
  position: relative;
  height: 124px;
  overflow: hidden;
  border: 1px solid #e2e8ef;
  border-radius: 12px;
  background: linear-gradient(
      145deg,
      rgba(255, 238, 225, 0.6),
      rgba(243, 247, 250, 0.86)
    ),
    #f8fafb;
}
.eta-card-selfie-preview img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
  object-position: center 28%;
}
.eta-card-selfie-preview span {
  position: absolute;
  left: 9px;
  bottom: 9px;
  min-height: 22px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border: 1px solid rgba(255, 255, 255, 0.58);
  border-radius: 7px;
  background: rgba(18, 24, 34, 0.72);
  color: #fff;
  font-size: 9px;
  font-weight: 800;
  backdrop-filter: blur(8px);
}
.eta-card-description {
  min-height: 50px;
}
.eta-card-description strong,
.eta-card-description span {
  display: block;
}
.eta-card-description strong {
  color: #151a21;
  font-size: 12px;
}
.eta-card-description span {
  margin-top: 5px;
  color: #65707c;
  font-size: 10px;
  line-height: 1.45;
}
.eta-card-facts {
  display: grid;
  gap: 0;
  margin: 0;
  padding: 11px 0;
  border-top: 1px solid #eef1f4;
  border-bottom: 1px solid #eef1f4;
}
.eta-card-facts div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-height: 24px;
}
.eta-card-facts dt,
.eta-card-facts dd {
  margin: 0;
  min-width: 0;
}
.eta-card-facts dt {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #68727e;
  font-size: 10px;
}
.eta-card-facts dd {
  overflow: hidden;
  color: #1f2732;
  font-size: 10px;
  font-weight: 800;
  text-align: right;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eta-card-evidence {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 7px;
}
.eta-card-evidence > span {
  min-height: 23px;
  display: inline-flex;
  align-items: center;
  padding: 0 8px;
  border: 1px solid #dfe6ed;
  border-radius: 7px;
  background: #f8fafb;
  color: #5e6874;
  font-size: 9px;
  font-weight: 800;
}
.eta-card-evidence > span.stored {
  border-color: #cde7db;
  background: #f2fbf6;
  color: #267554;
}
.eta-card-evidence > span.missing {
  border-color: #efd6b4;
  background: #fff8ee;
  color: #9a5d0b;
}
.eta-application-card footer {
  min-height: 32px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  color: #5f6a76;
  font-size: 10px;
  font-weight: 750;
}
.eta-application-card footer > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eta-card-skeleton {
  pointer-events: none;
}
.eta-card-skeleton span,
.eta-card-skeleton i,
.eta-card-skeleton b,
.eta-card-skeleton em,
.eta-card-skeleton small {
  display: block;
  border-radius: 999px;
  background: linear-gradient(90deg, #eef2f5, #f8fafb, #eef2f5);
  background-size: 220% 100%;
  animation: eta-card-shimmer 1.35s ease-in-out infinite;
}
.eta-card-skeleton header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 58px;
  gap: 14px;
}
.eta-card-skeleton header span {
  height: 64px;
  border-radius: 12px;
}
.eta-card-skeleton header i {
  width: 58px;
  height: 58px;
  border-radius: 16px;
}
.eta-card-skeleton b {
  height: 42px;
  border-radius: 12px;
}
.eta-card-skeleton em {
  height: 86px;
  border-radius: 12px;
}
.eta-card-skeleton small {
  height: 30px;
  border-radius: 12px;
}
@keyframes eta-card-shimmer {
  0% {
    background-position: 120% 0;
  }
  100% {
    background-position: -120% 0;
  }
}
@media (max-width: 1180px) {
  .eta-application-card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .eta-intake-overview {
    grid-template-columns: 1fr;
  }
  .eta-summary-metrics {
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .api-pnr-ops-console {
    grid-template-columns: 1fr;
  }
  .api-pnr-ops-primary {
    border-right: 0;
    border-bottom: 1px solid #e5eaf0;
  }
  .api-pnr-ops-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .api-pnr-ops-kpis button:nth-child(2n) {
    border-right: 0;
  }
  .api-pnr-ops-kpis button:nth-child(-n + 2) {
    border-bottom: 1px solid #e5eaf0;
  }
  .flight-detail-hero {
    grid-template-columns: 1fr;
  }
  .flight-detail-hero-main {
    border-right: 0;
    border-bottom: 1px solid #e5eaf0;
  }
  .flight-detail-grid {
    grid-template-columns: 1fr;
  }
  .api-pnr-vector-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .vector-detail-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vector-filter-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .vector-filter-grid .wide {
    grid-column: 1 / -1;
  }
  .country-control-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .airport-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .border-command-layout {
    grid-template-columns: 1fr;
  }
  .content-grid.three {
    grid-template-columns: 1fr 1fr;
  }
  .content-grid.three > .panel:last-child {
    grid-column: 1 / -1;
  }
  .border-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .border-detail-grid div:nth-child(2n) {
    border-right: 0;
  }
  .border-detail-grid div:nth-last-child(-n + 4) {
    border-bottom: 1px solid #edf0f3;
  }
  .border-detail-grid div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
  .risk-selected-header {
    grid-template-columns: 1fr;
  }
  .eta-passenger-evidence-grid {
    grid-template-columns: 1fr;
  }
  .eta-passenger-evidence-grid article,
  .eta-passenger-evidence-grid article:last-child {
    border-right: 0;
    border-left: 0;
    border-bottom: 1px solid #e2e8f0;
  }
  .eta-passenger-evidence-grid article img {
    max-height: 460px;
  }
  .eta-passenger-face-card {
    border-bottom: 1px solid #e2e8f0;
  }
  .in-country-profile-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .in-country-profile-grid div:nth-child(2n) {
    border-right: 0;
  }
  .in-country-profile-grid div:nth-last-child(-n + 4) {
    border-bottom: 1px solid #edf0f3;
  }
  .in-country-profile-grid div:nth-last-child(-n + 2) {
    border-bottom: 0;
  }
  .task-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .workflow-board {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .flight-manifest-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .threat-indicator.hero {
    grid-template-columns: 180px minmax(220px, 1fr);
  }
  .threat-indicator.hero .threat-meta {
    grid-column: 1 / -1;
    justify-content: flex-start;
  }
  .system-state {
    display: none;
  }
}
@media (max-width: 900px) {
  .app-shell {
    display: block;
    height: auto;
    min-height: 100vh;
    padding: 0;
    overflow: visible;
  }
  .app-rail {
    display: none;
  }
  .workspace {
    display: block;
    height: auto;
    min-height: 100vh;
    overflow: visible;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .sidebar {
    transform: translateX(-100%);
    transition: transform 0.2s ease;
    box-shadow: 12px 0 30px rgba(0, 0, 0, 0.22);
  }
  .sidebar {
    position: fixed;
    inset: 0 auto 0 0;
    top: 0;
    width: 282px;
    height: 100vh;
    border-radius: 0;
  }
  .sidebar.open {
    transform: translateX(0);
  }
  .sidebar-close,
  .mobile-menu {
    display: inline-grid !important;
  }
  .sidebar-backdrop {
    position: fixed;
    inset: 0;
    z-index: 25;
    display: block;
    border: 0;
    background: rgba(4, 12, 24, 0.48);
  }
  .workspace {
    margin-left: 0;
  }
  .topbar {
    padding: 9px 16px;
  }
  .topbar-breadcrumb {
    display: none;
  }
  .global-search {
    width: auto;
    flex: 1;
  }
  .profile-button span {
    display: none;
  }
  .eta-summary-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .eta-intake-overview .date-range-fields {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .eta-review-hero {
    grid-template-columns: 1fr;
  }
  .eta-review-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .eta-review-strip > div:nth-child(2n) {
    border-right: 0;
  }
  .eta-review-strip > div:nth-child(-n + 2) {
    border-bottom: 1px solid #e5eaf0;
  }
  .eta-review-layout {
    grid-template-columns: 1fr;
  }
  .eta-evidence-compare {
    grid-template-columns: 1fr;
  }
  .eta-evidence-compare .eta-evidence-item,
  .eta-evidence-verdict {
    border-right: 0;
    border-bottom: 1px solid #e2e8f0;
  }
  .eta-evidence-compare .eta-evidence-item:last-child {
    border-bottom: 0;
  }
  .eta-image-modal-backdrop {
    padding: 12px;
  }
  .eta-image-modal {
    max-height: calc(100vh - 24px);
  }
  .eta-image-adjustments {
    grid-template-columns: 1fr;
  }
  .eta-image-stage {
    min-height: 430px;
  }
  .eta-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .eta-filter-search {
    grid-column: 1 / -1;
  }
  .content-grid.two-thirds,
  .content-grid.half {
    grid-template-columns: 1fr;
  }
  .eta-evidence-grid {
    grid-template-columns: 1fr;
  }
  .eta-evidence-item {
    border-right: 0;
    border-bottom: 1px solid #e2e8f0;
  }
  .eta-evidence-item:last-child {
    border-bottom: 0;
  }
  .date-filter-strip {
    align-items: stretch;
    flex-direction: column;
  }
  .date-range-fields {
    width: 100%;
  }
  .date-range-fields label {
    flex: 1;
  }
  .selected-traveler-header {
    grid-template-columns: 1fr;
  }
  .api-pnr-vector-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vector-filter-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .vector-record-head {
    grid-template-columns: 1fr;
  }
  .workbench-detail,
  .indicator-columns {
    grid-template-columns: 1fr;
  }
  .super-admin-gate {
    align-items: stretch;
    flex-direction: column;
  }
  .super-admin-gate label {
    width: 100%;
  }
  .airport-command-card {
    grid-template-columns: 1fr;
  }
  .border-hero {
    grid-template-columns: 1fr;
  }
  .border-selected-header {
    grid-template-columns: 1fr;
  }
  .border-risk-signal-list article {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .border-risk-signal-list article .risk-score {
    grid-column: 2;
  }
  .risk-engine-evidence article {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .risk-engine-evidence article .risk-score {
    grid-column: 2;
  }
  .border-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .border-kpi-grid button:nth-child(2n) {
    border-right: 0;
  }
  .border-list > button {
    grid-template-columns: 54px minmax(0, 1fr) auto;
  }
  .border-list > button .risk-score {
    grid-column: 2;
  }
  .airport-stat-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .airport-stat-grid div:nth-child(2n) {
    border-right: 0;
  }
  .case-toolbar {
    align-items: stretch;
    flex-wrap: wrap;
  }
  .case-toolbar label:first-child,
  .case-toolbar label:nth-child(2) {
    width: 100%;
    flex: 1 1 100%;
  }
  .module-grid {
    grid-template-columns: 1fr;
  }
  .threat-indicator.hero {
    grid-template-columns: 1fr;
    gap: 12px;
  }
  .threat-indicator.hero .threat-footer {
    grid-column: auto;
    margin-top: 7px;
  }
  .detail-grid {
    grid-template-columns: 1fr 1fr;
    gap: 12px 0;
  }
  .detail-grid div:nth-child(2) {
    border: 0;
  }
  .case-banner {
    grid-template-columns: repeat(2, 1fr);
  }
  .case-banner > div {
    border-bottom: 1px solid var(--border);
  }
  .case-banner > div:nth-child(2n) {
    border-right: 0;
  }
}
@media (max-width: 620px) {
  .eta-application-card-grid {
    grid-template-columns: 1fr;
    padding: 12px;
  }
  .eta-application-card {
    min-height: 0;
  }
  .eta-application-card > header {
    grid-template-columns: minmax(0, 1fr) 54px;
  }
  .eta-card-avatar {
    width: 52px;
    height: 52px;
    border-radius: 14px;
  }
  .eta-applications-page .page-header {
    align-items: stretch;
  }
  .eta-intake-overview .segmented-control,
  .eta-intake-overview .date-range-fields,
  .eta-summary-metrics {
    grid-template-columns: 1fr;
  }
  .page-content {
    padding: 20px 14px 40px;
  }
  .topbar {
    gap: 8px;
  }
  .global-search kbd,
  .topbar-actions .profile-button {
    display: none;
  }
  .page-header {
    flex-direction: column;
  }
  .page-actions {
    width: 100%;
    flex-wrap: wrap;
  }
  .eta-passenger-evidence-grid article {
    grid-template-rows: auto minmax(240px, 1fr);
  }
  .eta-passenger-evidence-grid article img {
    max-height: 360px;
    padding: 10px;
  }
  .api-pnr-ops-heading h2 {
    font-size: 17px;
  }
  .api-pnr-ops-actions {
    align-items: stretch;
  }
  .api-pnr-ops-actions button {
    flex: 1;
  }
  .api-pnr-ops-kpis {
    grid-template-columns: 1fr;
  }
  .api-pnr-ops-kpis button,
  .api-pnr-ops-kpis button:nth-child(2n) {
    min-height: 104px;
    border-right: 0;
    border-bottom: 1px solid #e5eaf0;
  }
  .api-pnr-ops-kpis button:last-child {
    border-bottom: 0;
  }
  .flight-detail-hero-main h1 {
    font-size: 24px;
  }
  .flight-detail-actions {
    align-items: stretch;
  }
  .flight-detail-actions a,
  .flight-detail-actions button {
    flex: 1;
  }
  .flight-detail-hero-kpis {
    grid-template-columns: 1fr;
  }
  .flight-detail-hero-kpis > div,
  .flight-detail-hero-kpis > div:nth-child(3n) {
    min-height: 84px;
    border-right: 0;
    border-bottom: 1px solid #e5eaf0;
  }
  .flight-detail-hero-kpis > div:last-child {
    border-bottom: 0;
  }
  .flight-linkage-facts {
    grid-template-columns: 1fr;
  }
  .metric-grid,
  .content-grid.three {
    grid-template-columns: 1fr;
  }
  .api-pnr-vector-grid {
    grid-template-columns: 1fr;
  }
  .vector-detail-summary,
  .vector-filter-grid {
    grid-template-columns: 1fr;
  }
  .vector-filter-grid .wide {
    grid-column: auto;
  }
  .vector-evidence-panel dl div {
    grid-template-columns: 1fr;
    gap: 5px;
  }
  .flight-manifest-strip {
    grid-template-columns: 1fr;
  }
  .aircraft-body {
    grid-template-columns: 58px minmax(0, 1fr) 58px;
    padding: 24px 18px;
  }
  .country-control-strip {
    grid-template-columns: 1fr;
  }
  .airport-grid {
    grid-template-columns: 1fr;
  }
  .airport-actions {
    grid-template-columns: 1fr;
  }
  .border-list > button {
    grid-template-columns: 1fr;
    align-items: start;
  }
  .border-list b {
    text-align: left;
  }
  .border-ops-controls {
    align-items: stretch;
    flex-direction: column;
  }
  .border-ops-controls select,
  .border-ops-controls button,
  .border-ops-search {
    width: 100%;
    min-width: 0;
  }
  .border-action-grid {
    grid-template-columns: 1fr;
  }
  .border-detail-grid {
    grid-template-columns: 1fr;
  }
  .border-detail-grid div,
  .border-detail-grid div:nth-child(2n),
  .border-detail-grid div:nth-child(4n) {
    border-right: 0;
    border-bottom: 1px solid #edf0f3;
  }
  .border-detail-grid div:last-child {
    border-bottom: 0;
  }
  .border-port-metrics {
    grid-template-columns: 1fr;
  }
  .border-validation-list > div {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
  }
  .border-validation-list .status-badge {
    grid-column: 2;
    grid-row: auto;
    width: fit-content;
  }
  .risk-control-strip {
    align-items: stretch;
    flex-direction: column;
  }
  .risk-control-strip select,
  .risk-control-strip button,
  .risk-search {
    width: 100%;
    min-width: 0;
  }
  .risk-action-grid {
    grid-template-columns: 1fr;
  }
  .risk-score-history > div {
    grid-template-columns: 1fr;
    gap: 6px;
  }
  .border-summary-actions {
    grid-template-columns: 1fr;
  }
  .border-kpi-grid {
    grid-template-columns: 1fr;
  }
  .border-kpi-grid button {
    border-right: 0;
    border-bottom: 1px solid #edf0f3;
  }
  .border-kpi-grid button:last-child {
    border-bottom: 0;
  }
  .airport-stat-grid {
    grid-template-columns: 1fr;
  }
  .airport-stat-grid div {
    border-right: 0;
    border-bottom: 1px solid #edf0f3;
  }
  .airport-stat-grid div:last-child {
    border-bottom: 0;
  }
  .queue-list button {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .queue-list em {
    display: none;
  }
  .workspace-tabs button {
    min-height: 36px;
    padding: 0 10px;
  }
  .action-modal footer {
    flex-direction: column-reverse;
  }
  .action-modal footer button {
    width: 100%;
  }
  .date-range-fields {
    flex-direction: column;
    align-items: stretch;
  }
  .segmented-control {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .eta-filter-grid {
    grid-template-columns: 1fr;
  }
  .eta-filter-search {
    grid-column: auto;
  }
  .eta-filter-grid button {
    width: 100%;
  }
  .eta-queue-summary {
    align-items: flex-start;
    flex-direction: column;
  }
  .eta-queue-summary small {
    margin-left: 0;
  }
  .in-country-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .in-country-toolbar select,
  .in-country-search {
    width: 100%;
    min-width: 0;
  }
  .in-country-profile-grid {
    grid-template-columns: 1fr;
  }
  .in-country-profile-grid div,
  .in-country-profile-grid div:nth-child(2n),
  .in-country-profile-grid div:nth-child(4n) {
    border-right: 0;
    border-bottom: 1px solid #edf0f3;
  }
  .in-country-profile-grid div:last-child {
    border-bottom: 0;
  }
  .network-canvas {
    min-height: 320px;
  }
  .content-grid.three > .panel:last-child {
    grid-column: auto;
  }
  .task-grid,
  .workflow-board {
    grid-template-columns: 1fr;
  }
  .toolbar {
    align-items: stretch;
    flex-wrap: wrap;
  }
  .toolbar input {
    width: 100%;
  }
  .toolbar-spacer {
    display: none;
  }
  .profile-summary {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .profile-summary button {
    width: 100%;
  }
  .risk-engine-grid,
  .detail-grid {
    grid-template-columns: 1fr;
  }
  .detail-grid div {
    padding: 7px 0;
    border-right: 0;
    border-bottom: 1px solid #e5eaf0;
  }
  .traveler-payment-summary {
    grid-template-columns: 1fr;
  }
  .traveler-payment-summary div {
    border-right: 0;
    border-bottom: 1px solid #edf0f3;
  }
  .traveler-payment-summary div:last-child {
    border-bottom: 0;
  }
  .traveler-payment-list article {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
  }
  .traveler-payment-list article > b {
    grid-column: 2;
    text-align: left;
  }
  .payment-meta-grid {
    grid-template-columns: 1fr;
  }
  .payment-meta-grid b,
  .payment-meta-grid em {
    white-space: normal;
  }
  .eta-review-main {
    flex-direction: column;
  }
  .eta-review-strip {
    grid-template-columns: 1fr;
  }
  .eta-review-strip > div,
  .eta-review-strip > div:nth-child(2n) {
    border-right: 0;
    border-bottom: 1px solid #e5eaf0;
  }
  .eta-review-strip > div:last-child {
    border-bottom: 0;
  }
  .eta-data-list.columns-2 {
    grid-template-columns: 1fr;
  }
  .eta-data-list.columns-2 > div,
  .eta-data-list.columns-2 > div:nth-child(odd),
  .eta-data-list.columns-2 > div:nth-child(even),
  .eta-data-list.columns-2 > div:nth-last-child(-n + 2) {
    padding-right: 0;
    padding-left: 0;
    border-right: 0;
    border-bottom: 1px solid #edf0f3;
  }
  .eta-data-list.columns-2 > div:last-child {
    border-bottom: 0;
  }
  .case-banner {
    grid-template-columns: 1fr;
  }
  .case-banner > div {
    border-right: 0;
  }
}
:root {
  --blue: #6b7cff;
  --text: #eef2f8;
  --muted: #8b95a5;
  --border: #2a303b;
  --surface: #1b2029;
  --background: #10141b;
  color-scheme: dark;
}
body {
  background: radial-gradient(
      ellipse 42% 32% at 8% 2%,
      rgba(91, 111, 255, 0.5),
      transparent 72%
    ),
    radial-gradient(
      ellipse 34% 24% at 96% 98%,
      rgba(46, 92, 255, 0.28),
      transparent 75%
    ),
    #0d1117;
  color: var(--text);
}
.app-shell {
  grid-template-columns: 270px minmax(0, 1fr);
  height: 100vh;
  padding: 22px;
  overflow: hidden;
  background: transparent;
}
.sidebar {
  top: 0;
  height: calc(100vh - 44px);
  min-height: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-right: 0;
  border-radius: 20px 0 0 20px;
  background: rgba(24, 29, 37, 0.96);
  box-shadow: 0 25px 80px rgba(0, 0, 0, 0.45);
  backdrop-filter: blur(22px);
}
.brand {
  border-bottom: 0;
}
.brand-mark {
  border: 1px solid #7f8fff;
  border-radius: 50%;
  background: linear-gradient(145deg, #26388d, #6175ff);
  color: #fff;
  box-shadow: 0 0 0 4px rgba(105, 124, 255, 0.1),
    0 8px 24px rgba(69, 88, 230, 0.35);
}
.brand strong {
  color: #f7f9fc;
}
.brand span {
  color: #8c96a7;
}
.environment {
  border-color: #2a303a;
  background: #151a21;
  color: #8e98a8;
}
.environment span {
  background: #4ee0a8;
  box-shadow: 0 0 8px rgba(78, 224, 168, 0.7);
}
.sidebar nav {
  overflow-y: auto;
  scrollbar-color: #353d49 transparent;
}
.nav-group p {
  color: #697383;
}
.nav-group a,
.nav-parent-row {
  color: #9ca5b3;
}
.nav-group a svg {
  color: #758090;
}
.nav-group a:hover,
.nav-parent-row:hover {
  border-color: #303745;
  background: #202630;
  color: #fff;
}
.nav-group a.active,
.nav-parent-row.active {
  border-color: #343d4d;
  background: linear-gradient(
    100deg,
    rgba(87, 104, 225, 0.34),
    rgba(35, 41, 51, 0.95)
  );
  color: #fff;
  box-shadow: inset 3px 0 #7485ff,
    0 8px 22px rgba(0, 0, 0, 0.16);
}
.nav-group a.active svg,
.nav-parent-row.active svg {
  color: #aab5ff;
}
.nav-group a b,
.nav-group a.active b,
.nav-parent-row > a b {
  background: #292f3a;
  color: #aab3c0;
}
.nav-recent-passengers {
  border-left-color: #303743;
}
.nav-recent-passengers a {
  color: #aeb7c4;
}
.nav-recent-passengers a:hover {
  border-color: #343c49;
  background: #202630;
}
.sidebar-footer {
  border-top-color: #292f39;
  background: #181d25;
}
.classification {
  color: #747f8e;
}
.sidebar-footer button {
  border-color: #2b323d;
  background: #20252e;
  color: #eef1f5;
}
.sidebar-footer small {
  color: #7e8999;
}
.avatar {
  background: linear-gradient(145deg, #5266e5, #8391ff);
}
.workspace {
  height: calc(100vh - 44px);
  min-height: 0;
  border: 1px solid rgba(255, 255, 255, 0.075);
  border-radius: 0 20px 20px 0;
  background: rgba(16, 20, 27, 0.97);
  box-shadow: 22px 25px 80px rgba(0, 0, 0, 0.45);
}
.topbar {
  min-height: 68px;
  border-bottom-color: #292f38;
  background: rgba(17, 21, 28, 0.92);
}
.topbar-breadcrumb span {
  background: #252b35;
  color: #9eabff;
}
.topbar-breadcrumb strong {
  color: #eef1f6;
}
.global-search {
  border-color: #2c333e;
  background: #171c23;
  color: #717d8e;
}
.global-search input {
  color: #e7ebf2;
}
.global-search kbd {
  border-color: #343c48;
  background: #232a33;
  color: #7d8898;
}
.system-state {
  color: #8792a1;
}
.icon-button,
.profile-button {
  border-color: #2c333e;
  background: #1a2028;
  color: #aab3c0;
}
.page-content {
  background: radial-gradient(
    circle at 55% -20%,
    rgba(81, 99, 216, 0.08),
    transparent 35%
  );
}
.page-header p {
  color: #7181ef;
}
.page-header h1 {
  color: #f5f7fa;
}
.page-header > div > span {
  color: #838e9e;
}
.panel,
.metric-card,
.date-filter-strip,
.api-pnr-ops-console,
.eta-review-hero,
.threat-indicator.hero,
.case-banner,
.flight-detail-hero,
.vector-card,
.list-category-card,
.list-category-banner,
.list-type-card,
.import-data-header,
.person-detail-grid section,
.person-detail-grid aside,
.import-history-list {
  border-color: #2a303a;
  border-radius: 12px;
  background: linear-gradient(145deg, #1c222b, #191e26);
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.18),
    inset 0 1px rgba(255, 255, 255, 0.025);
}
.panel > header {
  border-bottom-color: #2a3039;
}
.panel > header h2,
.metric-card strong,
.api-pnr-ops-heading h2 {
  color: #f0f3f7;
}
.panel > header p,
.metric-card span,
.metric-card small {
  color: #838e9e;
}
.metric-card:hover {
  transform: translateY(-2px);
  border-color: #3a4352;
}
.workspace-tabs,
.segmented-control {
  border-color: #2b323d;
  background: #141920;
}
.workspace-tabs button,
.segmented-control button {
  color: #8f99a8;
}
.workspace-tabs button:hover,
.workspace-tabs button.active,
.segmented-control button.active {
  background: #252b35;
  color: #fff;
  box-shadow: inset 0 0 0 1px #333b47,
    0 6px 16px rgba(0, 0, 0, 0.2);
}
.primary-button {
  border-color: #7182ff;
  background: linear-gradient(135deg, #5368e7, #7485ff);
  color: #fff;
  box-shadow: 0 8px 20px rgba(72, 89, 207, 0.22);
}
.secondary-button,
.table-action,
.case-toolbar button,
.filter-button {
  border-color: #303743;
  background: #202630;
  color: #b4bdc9;
}
.danger-button {
  border-color: rgba(255, 102, 119, 0.28);
  background: rgba(255, 102, 119, 0.09);
  color: #ff8592;
}
.toolbar,
.case-toolbar,
.eta-filter-grid,
.eta-queue-summary,
.date-filter-strip,
.table-pagination-bar,
.api-pnr-ops-primary,
.api-pnr-ops-kpis button {
  border-color: #2a3039;
  background: #171c23;
}
.toolbar input,
.eta-filter-grid select,
.eta-filter-search,
.eta-date-range-fields select,
.in-country-toolbar select,
.in-country-search,
input,
select,
textarea {
  border-color: #303743;
  background-color: #151a21;
  color: #dfe4eb;
}
input::placeholder,
textarea::placeholder {
  color: #667181;
}
table {
  background: #191e26;
}
th {
  border-color: #2a3039;
  background: #171c23;
  color: #737e8e;
}
td {
  border-color: #272e37;
  color: #aeb7c4;
}
tbody tr:hover td,
.navigable-table-row:hover td {
  background: #202630;
}
.status-badge {
  border-color: #353d49;
  background: #242a34;
  color: #aeb8c5;
}
@media (max-width: 900px) {
  .app-shell {
    display: block;
    padding: 0;
  }
  .workspace {
    height: 100vh;
    border: 0;
    border-radius: 0;
  }
  .sidebar {
    height: 100vh;
    border-radius: 0 18px 18px 0;
  }
}
:root {
  --navy: #17202a;
  --navy-2: #1c2732;
  --blue: #7d9aba;
  --blue-soft: rgba(125, 154, 186, 0.13);
  --text: #dde5ec;
  --muted: #8e9aa7;
  --border: #303a45;
  --surface: #202832;
  --background: #131920;
}
body {
  background: #11171e;
  color: var(--text);
}
.app-shell {
  padding: 18px;
}
.sidebar {
  height: calc(100vh - 36px);
  border-color: #2b3540;
  background: #19212a;
  box-shadow: 0 18px 50px rgba(0, 0, 0, 0.24);
  backdrop-filter: none;
}
.workspace {
  height: calc(100vh - 36px);
  border-color: #2b3540;
  background: #171e26;
  box-shadow: 14px 18px 50px rgba(0, 0, 0, 0.24);
}
.brand-mark {
  border-color: #526b85;
  background: #263b50;
  box-shadow: none;
}
.environment {
  background: #161d25;
  border-color: #29333e;
}
.nav-group a.active,
.nav-parent-row.active {
  border-color: #3b4b5b;
  background: #273442;
  box-shadow: inset 3px 0 #829fbd;
}
.nav-group a.active svg,
.nav-parent-row.active svg {
  color: #a8bdd2;
}
.nav-group a:hover,
.nav-parent-row:hover {
  background: #222c36;
  border-color: #33404d;
}
.sidebar-footer {
  background: #19212a;
}
.sidebar-footer button {
  background: #1e2832;
  border-color: #303b46;
}
.avatar {
  background: #536f8b;
}
.topbar {
  background: #171e26;
  border-bottom-color: #2b3540;
}
.topbar-breadcrumb span {
  background: #222d37;
  color: #a8bdd2;
}
.global-search,
.icon-button,
.profile-button {
  background: #1c252e;
  border-color: #303b46;
}
.page-content {
  background: #171e26;
}
.page-header p {
  color: #8faac5;
}
.page-header h1 {
  color: #e7edf2;
}
.panel,
.metric-card,
.date-filter-strip,
.api-pnr-ops-console,
.eta-review-hero,
.threat-indicator.hero,
.case-banner,
.flight-detail-hero,
.vector-card,
.list-category-card,
.list-category-banner,
.list-type-card,
.import-data-header,
.person-detail-grid section,
.person-detail-grid aside,
.import-history-list,
.settings-empty,
.account-card,
.account-hero,
.in-country-profile,
.traveler-payment-summary,
.traveler-payment-list,
.flight-route-card,
.passenger-detail-card,
.risk-engine-card {
  border-color: #303a45;
  background: #202832;
  box-shadow: 0 5px 16px rgba(0, 0, 0, 0.12);
}
.metric-card:hover,
.vector-card:hover {
  border-color: #445466;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.16);
}
.panel > header {
  border-bottom-color: #303a45;
}
.panel > header h2,
.metric-card strong,
.api-pnr-ops-heading h2,
.page-content h2,
.page-content h3 {
  color: #e1e8ee;
}
.panel > header p,
.metric-card span,
.metric-card small {
  color: #909daa;
}
.metric-icon.blue {
  background: rgba(125, 154, 186, 0.14);
  color: #9bb2ca;
}
.toolbar,
.case-toolbar,
.eta-filter-grid,
.eta-queue-summary,
.date-filter-strip,
.table-pagination-bar,
.api-pnr-ops-primary,
.api-pnr-ops-kpis button,
.workspace-tabs,
.segmented-control {
  background: #1b232c;
  border-color: #303a45;
}
.workspace-tabs button:hover,
.workspace-tabs button.active,
.segmented-control button.active {
  background: #2b3743;
  color: #e7edf2;
  box-shadow: inset 0 0 0 1px #405062;
}
.primary-button {
  border-color: #647f9b;
  background: #587590;
  box-shadow: none;
}
.primary-button:hover {
  background: #64819d;
}
.secondary-button,
.table-action,
.case-toolbar button,
.filter-button {
  background: #242e39;
  border-color: #364250;
  color: #c0cad3;
}
table {
  background: #202832;
}
th {
  background: #1b232c;
  border-color: #303a45;
  color: #8996a3;
}
td {
  border-color: #2d3742;
  color: #bac4cd;
}
tbody tr:hover td,
.navigable-table-row:hover td {
  background: #26313c;
}
.eta-review-icon,
.eta-face-score-card,
.eta-review-strip,
.eta-decision-record,
.eta-evidence-item,
.eta-evidence-item > header,
.eta-evidence-verdict,
.eta-review-pills > span:not(.status-badge),
.eta-data-list,
.eta-detail-grid,
.eta-queue-summary,
.import-history-list > button,
.list-import-search-wrap,
.list-import-safety,
.file-drop-zone,
.import-checkbox,
.import-review dl,
.import-review dt,
.import-review dd,
.list-import-modal,
.list-import-modal > header,
.list-import-modal > footer {
  background: #202832;
  border-color: #303a45;
  color: #bac4cd;
}
.eta-review-main h2,
.eta-face-score-card strong,
.eta-review-strip strong,
.eta-decision-record strong,
.eta-data-list strong,
.eta-detail-grid strong,
.eta-evidence-verdict strong,
.list-category-title strong,
.list-category-banner h2,
.list-type-card strong,
.list-import-hero h1,
.import-data-header h1,
.person-detail-grid h2,
.person-detail-grid h3,
.account-detail-list dd,
.account-security-body strong,
.settings-empty strong {
  color: #dce4eb;
}
.eta-review-strip > div,
.eta-data-list > div,
.eta-detail-grid > div,
.account-detail-list > div,
.account-security-body > div {
  border-color: #303a45;
}
.eta-evidence-compare,
.eta-passport-panel,
.eta-image-stage {
  background: #151c24;
}
.eta-evidence-open > span {
  background: rgba(32, 40, 50, 0.94);
  border-color: #405062;
  color: #a9c0d7;
  box-shadow: none;
}
.list-category-card:hover,
.list-type-card:hover {
  border-color: #445466;
  box-shadow: 0 7px 20px rgba(0, 0, 0, 0.14);
}
.list-import-modal-backdrop {
  background: rgba(8, 12, 17, 0.72);
}
input,
select,
textarea,
.eta-filter-search {
  background-color: #182029;
  border-color: #35414e;
  color: #d7e0e7;
}
input:focus,
select:focus,
textarea:focus {
  border-color: #6f8da9;
  box-shadow: 0 0 0 3px rgba(111, 141, 169, 0.12);
  outline: none;
}
.status-badge {
  background: #28323d;
  border-color: #3a4653;
  color: #b7c2cc;
}
.status-approved,
.status-active,
.status-completed {
  background: rgba(75, 166, 130, 0.12);
  border-color: rgba(75, 166, 130, 0.3);
  color: #83c9ad;
}
.status-rejected,
.status-critical,
.status-overstay {
  background: rgba(202, 103, 111, 0.12);
  border-color: rgba(202, 103, 111, 0.3);
  color: #dc969d;
}
@media (max-width: 900px) {
  .app-shell {
    padding: 0;
  }
  .workspace,
  .sidebar {
    height: 100vh;
  }
}
.page-content,
.page-content section,
.page-content article,
.page-content aside,
.page-content header,
.page-content footer,
.page-content div,
.list-import-modal {
  color: #b9c4ce;
}
.page-content h1,
.page-content h2,
.page-content h3,
.page-content h4,
.page-content h5,
.page-content h6,
.page-content strong,
.page-content b,
.page-content dd,
.page-content output,
.list-import-modal h1,
.list-import-modal h2,
.list-import-modal h3,
.list-import-modal strong,
.list-import-modal b,
.list-import-modal dd {
  color: #e1e8ee;
}
.page-content p,
.page-content small,
.page-content label,
.page-content dt,
.page-content figcaption,
.page-content time,
.page-content em,
.page-content caption,
.page-content .muted,
.list-import-modal p,
.list-import-modal small,
.list-import-modal label,
.list-import-modal dt,
.list-import-modal time {
  color: #96a4b1;
}
.page-content
  a:not(.primary-button):not(.secondary-button):not(.danger-button):not(
    .table-action
  ) {
  color: #a9c1d8;
}
.page-content
  button:not(.primary-button):not(.secondary-button):not(.danger-button),
.list-import-modal
  button:not(.primary-button):not(.secondary-button):not(.danger-button) {
  color: #bdc7d0;
}
.page-content input,
.page-content select,
.page-content textarea,
.list-import-modal input,
.list-import-modal select,
.list-import-modal textarea {
  color: #dce4eb;
}
.page-content input::placeholder,
.page-content textarea::placeholder,
.list-import-modal input::placeholder,
.list-import-modal textarea::placeholder {
  color: #778694;
  opacity: 1;
}
.page-content button:disabled,
.page-content input:disabled,
.page-content select:disabled,
.page-content textarea:disabled {
  color: #6f7d89;
}
.page-content .status-badge {
  color: #bdc7d0;
}
.page-content .status-approved,
.page-content .status-active,
.page-content .status-completed,
.page-content .green {
  color: #83c9ad;
}
.page-content .status-rejected,
.page-content .status-critical,
.page-content .status-overstay,
.page-content .red {
  color: #dc969d;
}
.page-content .amber {
  color: #d8b27c;
}
.page-content .blue {
  color: #a9c1d8;
}
.page-content th {
  color: #9aa8b5;
}
.page-content td {
  color: #c0cad3;
}
.page-content td strong,
.page-content td b {
  color: #e0e7ed;
}
.sidebar .nav-group a,
.sidebar .nav-parent-row,
.sidebar .nav-recent-passengers a {
  color: #aab5c0;
}
.sidebar .nav-group a.active,
.sidebar .nav-parent-row.active {
  color: #eef3f7;
}
.sidebar .nav-recent-passengers small,
.sidebar .nav-recent-passengers em,
.sidebar .nav-recent-passengers > span {
  color: #81909d;
}
html {
  color-scheme: dark;
}
html[data-theme="light"] {
  color-scheme: light;
}
html[data-theme="light"] {
  --navy: #eef3f8;
  --navy-2: #ffffff;
  --blue: #285f9b;
  --blue-soft: #e9f1fa;
  --text: #172231;
  --muted: #657487;
  --border: #d8e0e8;
  --surface: #ffffff;
  --background: #f3f6f9;
  --green: #18765a;
  --green-soft: #e9f6f0;
  --amber: #946012;
  --amber-soft: #fff5df;
  --red: #ad3f48;
  --red-soft: #fff0f1;
}
html[data-theme="light"] body {
  background: #e9eef3;
  color: var(--text);
}
html[data-theme="light"] .sidebar {
  border-color: #d4dce5;
  background: #f7f9fb;
  box-shadow: 0 18px 48px rgba(39, 55, 72, 0.12);
}
html[data-theme="light"] .workspace,
html[data-theme="light"] .topbar,
html[data-theme="light"] .page-content {
  background: #ffffff;
}
html[data-theme="light"] .workspace {
  border-color: #d4dce5;
  box-shadow: 12px 18px 48px rgba(39, 55, 72, 0.12);
}
html[data-theme="light"] .topbar {
  border-bottom-color: #dce3ea;
}
html[data-theme="light"] .brand strong,
html[data-theme="light"] .topbar-breadcrumb strong,
html[data-theme="light"] .page-header h1 {
  color: #172231;
}
html[data-theme="light"] .brand span,
html[data-theme="light"] .system-state,
html[data-theme="light"] .classification {
  color: #657487;
}
html[data-theme="light"] .brand-mark {
  border-color: #7998b8;
  background: #315f8b;
  color: #fff;
}
.eta-config-workspace {
  max-width: 1480px;
  margin: 0 auto;
}
.eta-config-status {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 16px;
  padding: 12px 16px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.08);
}
.eta-config-status span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--amber);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.eta-config-status span i {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: currentColor;
  box-shadow: 0 0 0 4px var(--amber-soft);
}
.eta-config-status span.online {
  color: var(--green);
}
.eta-config-status span.online i {
  box-shadow: 0 0 0 4px var(--green-soft);
}
.eta-config-status p {
  flex: 1;
  margin: 0;
  color: var(--text);
  font-size: 12px;
}
.eta-config-status small {
  color: var(--muted);
}
.eta-config-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin-bottom: 16px;
}
.eta-config-summary article {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 15px 17px;
  border: 1px solid var(--border);
  border-radius: 10px;
  background: var(--surface);
  box-shadow: 0 4px 18px rgba(0, 0, 0, 0.06);
  color: var(--blue);
}
.eta-config-summary article > svg {
  padding: 9px;
  width: 38px;
  height: 38px;
  border-radius: 9px;
  background: var(--blue-soft);
}
.eta-config-summary div {
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.eta-config-summary strong {
  color: var(--text);
  font-size: 20px;
}
.eta-config-summary span {
  color: var(--muted);
  font-size: 11px;
}
.eta-config-card {
  margin-bottom: 16px;
  overflow: hidden;
  border: 1px solid var(--border);
  border-radius: 11px;
  background: var(--surface);
  box-shadow: 0 6px 24px rgba(0, 0, 0, 0.07);
}
.eta-config-card-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 20px;
  border-bottom: 1px solid var(--border);
  background: linear-gradient(
    135deg,
    var(--surface),
    var(--blue-soft)
  );
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(
    135deg,
    var(--surface),
    color-mix(in srgb, var(--blue-soft) 30%, var(--surface))
  );
  }
}
.eta-config-card-header > div {
  flex: 1;
}
.eta-config-card-header h2 {
  margin: 0 0 4px;
  color: var(--text);
  font-size: 14px;
}
.eta-config-card-header p {
  margin: 0;
  color: var(--muted);
  font-size: 11px;
  line-height: 1.5;
}
.eta-config-card-header > strong {
  padding: 5px 9px;
  border: 1px solid var(--blue);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--blue) 28%, var(--border));
  }
  border-radius: 999px;
  background: var(--blue-soft);
  color: var(--blue);
  font-size: 10px;
  text-transform: uppercase;
}
.eta-config-icon {
  display: grid;
  place-items: center;
  width: 38px;
  height: 38px;
  border-radius: 9px;
  background: var(--blue-soft);
  color: var(--blue);
}
.eta-country-toolbar {
  display: flex;
  gap: 8px;
  padding: 13px 16px;
  border-bottom: 1px solid var(--border);
}
.eta-country-toolbar label {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 9px;
  min-width: 220px;
  padding: 0 11px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--background);
  color: var(--muted);
}
.eta-country-toolbar input {
  width: 100%;
  height: 34px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--text);
  font-size: 11px;
}
.eta-country-toolbar > button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 0 11px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--surface);
  color: var(--text);
  font-size: 10px;
  font-weight: 650;
  cursor: pointer;
}
.eta-country-table {
  min-width: 620px;
}
.eta-country-row {
  width: 100%;
  display: grid;
  grid-template-columns: 36px minmax(230px, 1fr) 120px 110px;
  align-items: center;
  min-height: 43px;
  padding: 0 16px;
  border: 0;
  border-bottom: 1px solid var(--border);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb, var(--border) 65%, transparent);
  }
  background: transparent;
  color: var(--text);
  text-align: left;
}
button.eta-country-row {
  cursor: pointer;
}
.eta-country-row:not(.eta-country-head):hover {
  background: var(--blue-soft);
}
.eta-country-row.selected {
  background: var(--blue-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--blue-soft) 48%, transparent);
  }
}
.eta-country-head {
  min-height: 36px;
  background: var(--background);
  color: var(--muted);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.eta-country-head button,
.eta-country-row i {
  display: grid;
  place-items: center;
  width: 17px;
  height: 17px;
  padding: 0;
  border: 1px solid var(--border);
  border-radius: 4px;
  background: var(--surface);
  color: white;
}
.eta-country-head button.checked,
.eta-country-row i.checked {
  border-color: var(--blue);
  background: var(--blue);
}
.eta-country-row > span {
  display: flex;
  align-items: center;
  gap: 10px;
}
.eta-country-row span b {
  width: 25px;
  font-size: 18px;
}
.eta-country-row span em {
  font-style: normal;
  font-size: 11px;
  font-weight: 620;
}
.eta-country-row code {
  color: var(--muted);
  font-size: 10px;
}
.eta-country-row small {
  color: var(--muted);
  font-size: 10px;
}
.eta-country-row.selected small {
  color: var(--green);
  font-weight: 700;
}
.eta-country-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 16px;
  color: var(--muted);
  font-size: 10px;
}
.eta-country-footer > div,
.eta-country-footer label {
  display: flex;
  align-items: center;
  gap: 8px;
}
.eta-country-footer select,
.eta-country-footer button {
  height: 29px;
  border: 1px solid var(--border);
  border-radius: 6px;
  background: var(--surface);
  color: var(--text);
}
.eta-country-footer select {
  padding: 0 22px 0 7px;
}
.eta-country-footer button {
  display: grid;
  place-items: center;
  width: 29px;
  cursor: pointer;
}
.eta-country-footer button:disabled {
  opacity: 0.35;
  cursor: default;
}
.eta-country-footer b {
  color: var(--text);
  font-size: 10px;
}
.eta-config-editor-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}
.eta-config-editor {
  min-height: 325px;
}
.eta-config-add {
  display: flex;
  gap: 8px;
  padding: 16px 16px 5px;
}
.eta-config-add input {
  min-width: 0;
  flex: 1;
  height: 36px;
  padding: 0 11px;
  border: 1px solid var(--border);
  border-radius: 7px;
  outline: 0;
  background: var(--background);
  color: var(--text);
  font-size: 11px;
}
.eta-config-add input:focus {
  border-color: var(--blue);
  box-shadow: 0 0 0 3px var(--blue-soft);
}
.eta-config-add button {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 0 12px;
  border: 0;
  border-radius: 7px;
  background: var(--blue);
  color: white;
  font-size: 10px;
  font-weight: 700;
  cursor: pointer;
}
.eta-config-add button:disabled {
  opacity: 0.45;
  cursor: default;
}
.eta-config-example {
  display: block;
  padding: 0 17px 12px;
  color: var(--muted);
  font-size: 9px;
}
.eta-config-chips {
  display: flex;
  flex-wrap: wrap;
  align-content: flex-start;
  gap: 7px;
  max-height: 205px;
  overflow: auto;
  padding: 0 16px 16px;
}
.eta-config-chips > span {
  display: flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  padding: 7px 7px 7px 9px;
  border: 1px solid var(--border);
  border-radius: 7px;
  background: var(--background);
  color: var(--text);
  font-size: 10px;
}
.eta-config-chips > span > svg {
  flex: none;
  color: var(--blue);
}
.eta-config-chips span button {
  display: grid;
  place-items: center;
  padding: 2px;
  border: 0;
  border-radius: 4px;
  background: transparent;
  color: var(--muted);
  cursor: pointer;
}
.eta-config-chips span button:hover {
  background: var(--red-soft);
  color: var(--red);
}
.eta-config-empty {
  width: 100%;
  padding: 30px;
  text-align: center;
  color: var(--muted);
}
.eta-config-empty svg {
  opacity: 0.5;
}
.eta-config-empty p {
  margin: 7px 0;
  font-size: 10px;
}
@media (max-width: 1100px) {
  .eta-config-editor-grid {
    grid-template-columns: 1fr 1fr;
  }
  .eta-config-summary {
    grid-template-columns: 1fr 1fr;
  }
  .eta-country-card {
    overflow-x: auto;
  }
}
@media (max-width: 720px) {
  .eta-config-editor-grid,
  .eta-config-summary {
    grid-template-columns: 1fr;
  }
  .eta-config-status,
  .eta-country-toolbar,
  .eta-country-footer {
    align-items: stretch;
    flex-direction: column;
  }
  .eta-config-status small {
    display: none;
  }
  .eta-country-toolbar label {
    min-width: 0;
  }
}
html[data-theme="light"] .environment {
  border-color: #d6dee7;
  background: #edf2f6;
  color: #596a7c;
}
html[data-theme="light"] .nav-group p {
  color: #758496;
}
html[data-theme="light"] .nav-group a,
html[data-theme="light"] .nav-parent-row,
html[data-theme="light"] .nav-recent-passengers a {
  color: #4e6072;
}
html[data-theme="light"] .nav-group a svg {
  color: #687b8e;
}
html[data-theme="light"] .nav-group a:hover,
html[data-theme="light"] .nav-parent-row:hover,
html[data-theme="light"] .nav-recent-passengers a:hover {
  border-color: #d6e0e9;
  background: #edf3f8;
  color: #172231;
}
html[data-theme="light"] .nav-group a.active,
html[data-theme="light"] .nav-parent-row.active {
  border-color: #c8d6e3;
  background: #e2ebf4;
  color: #173a5d;
  box-shadow: inset 3px 0 #4779a8;
}
html[data-theme="light"] .nav-group a.active svg,
html[data-theme="light"] .nav-parent-row.active svg {
  color: #315f8b;
}
html[data-theme="light"] .nav-group a b,
html[data-theme="light"] .nav-group a.active b,
html[data-theme="light"] .nav-parent-row > a b {
  background: #dbe5ee;
  color: #53677a;
}
html[data-theme="light"] .nav-recent-passengers {
  border-left-color: #d8e1ea;
}
html[data-theme="light"] .nav-recent-passengers > span,
html[data-theme="light"] .nav-recent-passengers small,
html[data-theme="light"] .nav-recent-passengers em {
  color: #758496;
}
html[data-theme="light"] .sidebar-footer {
  border-top-color: #dce3ea;
  background: #f1f5f8;
}
html[data-theme="light"] .sidebar-footer button,
html[data-theme="light"] .icon-button,
html[data-theme="light"] .profile-button,
html[data-theme="light"] .global-search {
  border-color: #d5dee7;
  background: #f7f9fb;
  color: #536679;
}
html[data-theme="light"] .global-search input {
  color: #172231;
}
html[data-theme="light"] .global-search input::placeholder {
  color: #8190a0;
}
html[data-theme="light"] .global-search kbd,
html[data-theme="light"] .topbar-breadcrumb span {
  border-color: #d8e1e9;
  background: #eaf0f5;
  color: #466b90;
}
button.global-search {
  appearance: none;
  cursor: text;
  font: inherit;
  text-align: left;
}
button.global-search > span {
  min-width: 0;
  flex: 1;
  overflow: hidden;
  color: #687384;
  font-size: 12px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.global-search-layer {
  position: fixed;
  inset: 0;
  z-index: 300;
  display: flex;
  justify-content: center;
  padding: clamp(76px, 10vh, 118px) 24px 40px;
  background: rgba(5, 9, 14, 0.7);
  backdrop-filter: blur(10px);
}
.global-search-dialog {
  width: min(860px, 100%);
  height: fit-content;
  max-height: min(780px, calc(100vh - 110px));
  overflow: hidden;
  border: 1px solid #333d49;
  border-radius: 20px;
  background: #151b23;
  box-shadow: 0 34px 100px rgba(0, 0, 0, 0.55);
}
.global-search-box {
  min-height: 78px;
  display: flex;
  align-items: center;
  gap: 15px;
  margin: 13px;
  padding: 0 21px;
  border: 2px solid #647285;
  border-radius: 16px;
  background: #1a212b;
  color: #8d9bae;
  box-shadow: 0 0 0 4px rgba(118, 137, 160, 0.12);
}
.global-search-box:focus-within {
  border-color: #91a5bc;
  box-shadow: 0 0 0 4px rgba(113, 139, 170, 0.18);
}
.global-search-box input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: #f4f7fb;
  font-size: 18px;
  font-weight: 620;
}
.global-search-box input::placeholder {
  color: #758296;
  font-weight: 500;
}
.global-search-box button {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 0;
  border-radius: 9px;
  background: transparent;
  color: #9ca8b7;
  cursor: pointer;
}
.global-search-box button:hover {
  background: #29323e;
  color: #fff;
}
.global-search-spinner {
  animation: global-search-spin 0.8s linear infinite;
}
@keyframes global-search-spin {
  to {
    transform: rotate(360deg);
  }
}
.global-search-context {
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 24px 12px;
  color: #8794a5;
  font-size: 11px;
}
.global-search-context > span {
  width: 26px;
  height: 26px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(102, 126, 234, 0.14);
  color: #a9b5ff;
}
.global-search-context strong {
  color: #dfe5ee;
}
.global-search-context small {
  margin-left: auto;
  color: #687587;
}
.global-search-results {
  max-height: min(570px, calc(100vh - 300px));
  overflow-y: auto;
  padding: 4px 13px 12px;
  scrollbar-color: #445064 transparent;
}
.global-search-group + .global-search-group {
  margin-top: 10px;
}
.global-search-group-title {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 10px 6px;
  color: #78879a;
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.global-search-group-title b {
  min-width: 20px;
  padding: 2px 6px;
  border-radius: 999px;
  background: #252d38;
  color: #9eabbc;
  text-align: center;
}
.global-search-result {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 74px;
  padding: 10px 13px;
  border: 1px solid transparent;
  border-radius: 12px;
  color: #dce3ec;
  text-decoration: none;
  transition: 120ms ease;
}
.global-search-result:hover,
.global-search-result.active {
  border-color: #39485a;
  background: #202833;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16);
}
.global-search-result > svg {
  color: #65758a;
}
.global-search-result-icon {
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: #262f3b;
  color: #a8b5c6;
}
.global-search-result-icon.eta {
  background: rgba(28, 174, 127, 0.15);
  color: #4dd3a6;
}
.global-search-result-icon.passenger {
  background: rgba(139, 92, 246, 0.15);
  color: #b68cff;
}
.global-search-result-icon.flight {
  background: rgba(59, 130, 246, 0.16);
  color: #72a9ff;
}
.global-search-result-icon.case {
  background: rgba(245, 158, 11, 0.15);
  color: #f4bd56;
}
.global-search-result-icon.submission {
  background: rgba(6, 182, 212, 0.14);
  color: #55d3e8;
}
.global-search-result-copy {
  min-width: 0;
  display: grid;
  gap: 3px;
}
.global-search-result-copy > span {
  display: flex;
  align-items: center;
  gap: 8px;
  min-width: 0;
}
.global-search-result-copy strong {
  overflow: hidden;
  color: #f2f5f9;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.global-search-result-copy em,
.global-search-result-copy i {
  flex: 0 0 auto;
  padding: 3px 7px;
  border: 1px solid #3b4654;
  border-radius: 999px;
  color: #aeb9c8;
  font-size: 9px;
  font-style: normal;
  font-weight: 750;
}
.global-search-result-copy i {
  border-color: transparent;
  background: #29323e;
  color: #8392a5;
}
.global-search-result-copy small {
  overflow: hidden;
  color: #8d99a9;
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.global-search-message {
  min-height: 230px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 9px;
  padding: 36px;
  color: #68778a;
  text-align: center;
}
.global-search-message strong {
  color: #cbd3dd;
  font-size: 14px;
}
.global-search-message span {
  max-width: 440px;
  font-size: 11px;
  line-height: 1.6;
}
.global-search-footer {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 18px;
  padding: 0 22px;
  border-top: 1px solid #29313c;
  background: #12171e;
  color: #758295;
  font-size: 10px;
}
.global-search-footer span {
  display: inline-flex;
  align-items: center;
  gap: 4px;
}
.global-search-footer kbd {
  min-width: 21px;
  padding: 3px 5px;
  border: 1px solid #384352;
  border-radius: 5px;
  background: #202832;
  color: #a7b2c1;
  text-align: center;
}
html[data-theme="light"] .global-search-layer {
  background: rgba(26, 36, 48, 0.3);
}
html[data-theme="light"] .global-search-dialog {
  border-color: #d7dde4;
  background: #fff;
  box-shadow: 0 34px 100px rgba(28, 39, 52, 0.24);
}
html[data-theme="light"] .global-search-box {
  border-color: #999;
  background: #fff;
  color: #69717b;
  box-shadow: 0 0 0 4px rgba(92, 92, 92, 0.1);
}
html[data-theme="light"] .global-search-box:focus-within {
  border-color: #555;
}
html[data-theme="light"] .global-search-box input {
  color: #101318;
}
html[data-theme="light"] .global-search-box input::placeholder {
  color: #838991;
}
html[data-theme="light"] .global-search-box button:hover {
  background: #f1f3f5;
  color: #111;
}
html[data-theme="light"] .global-search-context strong {
  color: #26303b;
}
html[data-theme="light"] .global-search-context > span {
  background: #eef0ff;
  color: #615ce7;
}
html[data-theme="light"] .global-search-group-title {
  color: #727b87;
}
html[data-theme="light"] .global-search-group-title b {
  background: #eef1f4;
  color: #65717f;
}
html[data-theme="light"] .global-search-result {
  color: #25303b;
}
html[data-theme="light"] .global-search-result:hover,
html[data-theme="light"] .global-search-result.active {
  border-color: #d9dfe6;
  background: #f7f9fb;
  box-shadow: 0 7px 20px rgba(28, 39, 52, 0.07);
}
html[data-theme="light"] .global-search-result-copy strong {
  color: #101318;
}
html[data-theme="light"] .global-search-result-copy small {
  color: #6e747c;
}
html[data-theme="light"] .global-search-result-copy em {
  border-color: #dadddf;
  color: #3f454d;
}
html[data-theme="light"] .global-search-result-copy i {
  background: #f0f2f4;
  color: #626b75;
}
html[data-theme="light"] .global-search-message strong {
  color: #313943;
}
html[data-theme="light"] .global-search-footer {
  border-color: #e5e8ec;
  background: #fafbfc;
}
html[data-theme="light"] .global-search-footer kbd {
  border-color: #d7dde4;
  background: #fff;
  color: #596573;
}
@media (max-width: 760px) {
  .global-search-layer {
    padding: 18px 12px;
  }
  .global-search-dialog {
    max-height: calc(100vh - 36px);
    border-radius: 15px;
  }
  .global-search-box {
    min-height: 62px;
    margin: 9px;
    padding: 0 14px;
  }
  .global-search-box input {
    font-size: 14px;
  }
  .global-search-context small {
    display: none;
  }
  .global-search-results {
    max-height: calc(100vh - 230px);
  }
  .global-search-result-copy i {
    display: none;
  }
  .global-search-footer {
    gap: 10px;
  }
}
html[data-theme="light"] .panel,
html[data-theme="light"] .metric-card,
html[data-theme="light"] .date-filter-strip,
html[data-theme="light"] .api-pnr-ops-console,
html[data-theme="light"] .eta-review-hero,
html[data-theme="light"] .threat-indicator.hero,
html[data-theme="light"] .case-banner,
html[data-theme="light"] .flight-detail-hero,
html[data-theme="light"] .vector-card,
html[data-theme="light"] .list-category-card,
html[data-theme="light"] .list-category-banner,
html[data-theme="light"] .list-type-card,
html[data-theme="light"] .import-data-header,
html[data-theme="light"] .person-detail-grid section,
html[data-theme="light"] .person-detail-grid aside,
html[data-theme="light"] .import-history-list,
html[data-theme="light"] .settings-empty,
html[data-theme="light"] .account-card,
html[data-theme="light"] .account-hero,
html[data-theme="light"] .in-country-profile,
html[data-theme="light"] .traveler-payment-summary,
html[data-theme="light"] .traveler-payment-list,
html[data-theme="light"] .flight-route-card,
html[data-theme="light"] .passenger-detail-card,
html[data-theme="light"] .risk-engine-card {
  border-color: #dbe2e9;
  background: #ffffff;
  box-shadow: 0 5px 16px rgba(42, 58, 74, 0.07);
}
html[data-theme="light"] .panel > header {
  border-bottom-color: #e0e6ec;
}
html[data-theme="light"] .panel > header h2,
html[data-theme="light"] .metric-card strong,
html[data-theme="light"] .api-pnr-ops-heading h2,
html[data-theme="light"] .page-content h1,
html[data-theme="light"] .page-content h2,
html[data-theme="light"] .page-content h3,
html[data-theme="light"] .page-content h4,
html[data-theme="light"] .page-content h5,
html[data-theme="light"] .page-content h6,
html[data-theme="light"] .page-content strong,
html[data-theme="light"] .page-content b,
html[data-theme="light"] .page-content dd,
html[data-theme="light"] .list-import-modal strong {
  color: #1c2938;
}
html[data-theme="light"] .page-content,
html[data-theme="light"] .page-content section,
html[data-theme="light"] .page-content article,
html[data-theme="light"] .page-content aside,
html[data-theme="light"] .page-content header,
html[data-theme="light"] .page-content footer,
html[data-theme="light"] .page-content div,
html[data-theme="light"] .list-import-modal {
  color: #46586a;
}
html[data-theme="light"] .page-content p,
html[data-theme="light"] .page-content small,
html[data-theme="light"] .page-content label,
html[data-theme="light"] .page-content dt,
html[data-theme="light"] .page-content figcaption,
html[data-theme="light"] .page-content time,
html[data-theme="light"] .page-content em,
html[data-theme="light"] .page-content caption {
  color: #657487;
}
html[data-theme="light"] .toolbar,
html[data-theme="light"] .case-toolbar,
html[data-theme="light"] .eta-filter-grid,
html[data-theme="light"] .eta-queue-summary,
html[data-theme="light"] .date-filter-strip,
html[data-theme="light"] .table-pagination-bar,
html[data-theme="light"] .api-pnr-ops-primary,
html[data-theme="light"] .api-pnr-ops-kpis button,
html[data-theme="light"] .workspace-tabs,
html[data-theme="light"] .segmented-control {
  background: #f5f8fa;
  border-color: #dbe2e9;
}
html[data-theme="light"] .secondary-button,
html[data-theme="light"] .table-action,
html[data-theme="light"] .case-toolbar button,
html[data-theme="light"] .filter-button {
  background: #f8fafc;
  border-color: #d4dde6;
  color: #405367;
}
html[data-theme="light"] .workspace-tabs button:hover,
html[data-theme="light"] .workspace-tabs button.active,
html[data-theme="light"] .segmented-control button.active {
  background: #e3ebf3;
  color: #21364b;
  box-shadow: inset 0 0 0 1px #c4d1dd;
}
html[data-theme="light"] table {
  background: #fff;
}
html[data-theme="light"] th {
  background: #f3f6f9;
  border-color: #dbe2e9;
  color: #596b7d;
}
html[data-theme="light"] td {
  border-color: #e1e7ed;
  color: #405164;
}
html[data-theme="light"] tbody tr:hover td,
html[data-theme="light"] .navigable-table-row:hover td {
  background: #f3f7fa;
}
html[data-theme="light"] input,
html[data-theme="light"] select,
html[data-theme="light"] textarea,
html[data-theme="light"] .eta-filter-search {
  background-color: #fff;
  border-color: #ccd7e1;
  color: #1d2b3a;
}
html[data-theme="light"] input::placeholder,
html[data-theme="light"] textarea::placeholder {
  color: #7a8999;
  opacity: 1;
}
html[data-theme="light"] .eta-review-icon,
html[data-theme="light"] .eta-face-score-card,
html[data-theme="light"] .eta-review-strip,
html[data-theme="light"] .eta-decision-record,
html[data-theme="light"] .eta-evidence-item,
html[data-theme="light"] .eta-evidence-item > header,
html[data-theme="light"] .eta-evidence-verdict,
html[data-theme="light"] .eta-review-pills > span:not(.status-badge),
html[data-theme="light"] .eta-data-list,
html[data-theme="light"] .eta-detail-grid,
html[data-theme="light"] .import-history-list > button,
html[data-theme="light"] .list-import-search-wrap,
html[data-theme="light"] .list-import-safety,
html[data-theme="light"] .file-drop-zone,
html[data-theme="light"] .import-checkbox,
html[data-theme="light"] .import-review dl,
html[data-theme="light"] .import-review dt,
html[data-theme="light"] .import-review dd,
html[data-theme="light"] .list-import-modal,
html[data-theme="light"] .list-import-modal > header,
html[data-theme="light"] .list-import-modal > footer {
  background: #fff;
  border-color: #d8e1e9;
  color: #405164;
}
html[data-theme="light"] .eta-evidence-compare,
html[data-theme="light"] .eta-passport-panel,
html[data-theme="light"] .eta-image-stage {
  background: #f2f5f8;
}
html[data-theme="light"] .officer-menu {
  border-color: #d5dee7;
  background: #fff;
  color: #26384a;
  box-shadow: 0 16px 40px rgba(35, 50, 65, 0.15);
}
.theme-toggle {
  flex: 0 0 auto;
}
@media (prefers-reduced-motion: no-preference) {
  body,
  .sidebar,
  .workspace,
  .topbar,
  .page-content,
  .panel,
  .metric-card,
  input,
  select,
  textarea,
  button {
    transition: background-color 0.18s ease,
      border-color 0.18s ease,
      color 0.18s ease;
  }
}
.eta-review-hero {
  position: relative;
  overflow: hidden;
  grid-template-columns: minmax(0, 1fr) minmax(230px, 0.32fr);
  padding: 24px;
  border-radius: 18px;
  background: radial-gradient(
      circle at 92% 10%,
      rgba(130, 159, 189, 0.16),
      transparent 34%
    ),
    linear-gradient(135deg, #202b36, #1c252e);
}
.eta-review-hero::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  background: #829fbd;
}
.eta-review-hero.green::before {
  background: #57b58e;
}
.eta-review-hero.red::before {
  background: #cf737b;
}
.eta-review-main h2 {
  font-size: clamp(22px, 2.2vw, 34px);
  letter-spacing: -0.025em;
}
.eta-review-icon {
  width: 58px;
  height: 58px;
  border-radius: 16px;
}
.eta-review-strip {
  grid-template-columns: repeat(5, minmax(0, 1fr));
  margin-top: 4px;
  overflow: hidden;
  border-radius: 11px;
  background: rgba(19, 25, 32, 0.48);
}
.eta-review-strip > div {
  padding: 15px;
  background: transparent;
}
.eta-face-score-card {
  align-self: stretch;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 20px;
  border-radius: 13px;
  background: rgba(15, 21, 27, 0.55);
}
.eta-command-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(310px, 0.45fr);
  gap: 16px;
  margin-top: 16px;
  align-items: start;
}
.eta-command-main,
.eta-command-rail {
  min-width: 0;
}
.eta-command-rail {
  position: sticky;
  top: 16px;
}
.eta-payment-section {
  margin-top: 16px;
}
.eta-payment-console {
  position: relative;
  display: grid;
  grid-template-columns: minmax(250px, 0.38fr) minmax(0, 1fr);
  min-height: 260px;
}
.eta-payment-summary {
  display: grid;
  align-content: center;
  gap: 12px;
  padding: 28px;
  border-right: 1px solid var(--border);
  background: linear-gradient(145deg, rgba(125, 154, 186, 0.11), transparent);
}
.eta-payment-summary > div span,
.eta-payment-summary > div strong,
.eta-payment-summary > div small {
  display: block;
}
.eta-payment-summary > div span {
  color: var(--muted);
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.eta-payment-summary > div strong {
  margin-top: 8px;
  color: var(--text);
  font-size: clamp(26px, 3vw, 42px);
  letter-spacing: -0.04em;
}
.eta-payment-summary > div small {
  margin-top: 8px;
  color: var(--muted);
  font-size: 11px;
  text-transform: capitalize;
}
.eta-payment-mark {
  width: 50px;
  height: 50px;
  display: grid;
  place-items: center;
  border: 1px solid #46596c;
  border-radius: 15px;
  background: #293745;
  color: #aec3d7;
}
.eta-payment-facts {
  min-width: 0;
  align-self: center;
}
.eta-receipt-link {
  position: absolute;
  left: 28px;
  bottom: 24px;
}
.eta-connected-flight {
  border-radius: 10px;
}
html[data-theme="light"] .eta-review-hero {
  background: radial-gradient(
      circle at 92% 10%,
      rgba(68, 111, 153, 0.12),
      transparent 35%
    ),
    linear-gradient(135deg, #f8fbfd, #edf3f7);
}
html[data-theme="light"] .eta-review-strip,
html[data-theme="light"] .eta-face-score-card {
  background: rgba(255, 255, 255, 0.82);
}
html[data-theme="light"] .eta-payment-summary {
  background: linear-gradient(145deg, #eef4f8, #fff);
}
html[data-theme="light"] .eta-payment-mark {
  border-color: #c9d7e3;
  background: #e5eef5;
  color: #466582;
}
@media (max-width: 1180px) {
  .eta-command-layout {
    grid-template-columns: 1fr;
  }
  .eta-command-rail {
    position: static;
  }
  .eta-review-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .eta-payment-console {
    grid-template-columns: 1fr;
  }
  .eta-payment-summary {
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  .eta-receipt-link {
    position: static;
    width: max-content;
    margin: 0 20px 20px;
  }
}
@media (max-width: 720px) {
  .eta-review-hero {
    grid-template-columns: 1fr;
    padding: 18px;
  }
  .eta-review-strip {
    grid-template-columns: 1fr;
  }
  .eta-evidence-compare {
    grid-template-columns: 1fr;
    min-height: 0;
  }
  .eta-evidence-verdict {
    min-height: 120px;
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  .eta-evidence-compare .eta-evidence-item {
    border-right: 0;
    border-bottom: 1px solid var(--border);
  }
  .eta-passport-panel {
    min-height: 300px;
  }
  .eta-evidence-open {
    min-height: 280px;
  }
  .eta-payment-summary {
    padding: 20px;
  }
}
html[data-theme="dark"] {
  --enterprise-surface: #202832;
  --enterprise-surface-subtle: #1b232c;
  --enterprise-surface-raised: #242e39;
  --enterprise-border: #303b46;
  --enterprise-border-strong: #405062;
  --enterprise-text: #dce4eb;
  --enterprise-muted: #909daa;
  --enterprise-accent: #9bb2ca;
}
html[data-theme="light"] {
  --enterprise-surface: #ffffff;
  --enterprise-surface-subtle: #f4f7f9;
  --enterprise-surface-raised: #f8fafb;
  --enterprise-border: #d8e0e7;
  --enterprise-border-strong: #bdcad6;
  --enterprise-text: #1d2b39;
  --enterprise-muted: #667687;
  --enterprise-accent: #466b90;
}
html[data-theme] .api-pnr-ops-console {
  gap: 0;
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface);
  box-shadow: 0 6px 18px rgba(8, 15, 24, 0.1);
}
html[data-theme] .api-pnr-ops-primary {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
html[data-theme] .api-pnr-ops-heading h2 {
  color: var(--enterprise-text);
}
html[data-theme] .api-pnr-ops-heading span,
html[data-theme] .api-pnr-ops-kpis svg {
  color: var(--enterprise-accent);
}
html[data-theme] .api-pnr-ops-kpis button {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface);
  color: var(--enterprise-text);
  box-shadow: none;
}
html[data-theme] .api-pnr-ops-kpis button:hover,
html[data-theme] .api-pnr-ops-kpis button.active {
  background: var(--enterprise-surface-raised);
  box-shadow: inset 0 3px 0 var(--enterprise-accent);
}
html[data-theme] .api-pnr-ops-kpis span,
html[data-theme] .api-pnr-ops-kpis small {
  color: var(--enterprise-muted);
}
html[data-theme] .api-pnr-ops-kpis strong {
  color: var(--enterprise-text);
}
html[data-theme] .api-pnr-readiness-bar {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
html[data-theme] .api-pnr-vector-grid {
  gap: 10px;
}
html[data-theme] .vector-card,
html[data-theme] .vector-card.red,
html[data-theme] .vector-card.amber,
html[data-theme] .vector-card.blue,
html[data-theme] .vector-card.green {
  position: relative;
  overflow: hidden;
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface);
  color: var(--enterprise-text);
  box-shadow: 0 4px 14px rgba(8, 15, 24, 0.08);
}
html[data-theme] .vector-card::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--enterprise-accent);
  opacity: 0.7;
}
html[data-theme] .vector-card:hover {
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-raised);
  box-shadow: 0 8px 20px rgba(8, 15, 24, 0.12);
}
html[data-theme] .vector-card span,
html[data-theme] .vector-card small {
  color: var(--enterprise-muted);
}
html[data-theme] .vector-card strong {
  color: var(--enterprise-text);
}
html[data-theme] .vector-card b {
  color: var(--enterprise-text);
}
html[data-theme] .vector-card.red svg {
  color: #c77f86;
}
html[data-theme] .vector-card.amber svg {
  color: #c19b66;
}
html[data-theme] .vector-card.blue svg {
  color: #86a4c1;
}
html[data-theme] .vector-card.green svg {
  color: #78a993;
}
html[data-theme] .queue-list button,
html[data-theme] .guardrail-list button,
html[data-theme] .risk-engine-evidence article,
html[data-theme] .workflow-board > div,
html[data-theme] .module-grid article,
html[data-theme] .copilot-list button,
html[data-theme] .explain-list div {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-text);
  box-shadow: none;
}
html[data-theme] .queue-list button:hover,
html[data-theme] .guardrail-list button:hover,
html[data-theme] .copilot-list button:hover {
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-raised);
}
html[data-theme] .queue-list strong,
html[data-theme] .queue-list b,
html[data-theme] .guardrail-list strong,
html[data-theme] .workflow-board strong,
html[data-theme] .module-grid strong {
  color: var(--enterprise-text);
}
html[data-theme] .queue-list small,
html[data-theme] .queue-list em,
html[data-theme] .guardrail-list small,
html[data-theme] .workflow-board span,
html[data-theme] .workflow-board small,
html[data-theme] .module-grid p,
html[data-theme] .module-grid small {
  color: var(--enterprise-muted);
}
html[data-theme] .workspace-toast,
html[data-theme] .admin-warning {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-text);
  box-shadow: inset 3px 0 0 var(--enterprise-accent);
}
html[data-theme] .workspace-toast button:hover {
  background: var(--enterprise-surface-raised);
}
html[data-theme] .task-card,
html[data-theme] .task-card.red,
html[data-theme] .task-card.amber,
html[data-theme] .task-card.blue,
html[data-theme] .task-card.green {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
html[data-theme] .task-card strong {
  color: var(--enterprise-text);
}
html[data-theme] .task-card span,
html[data-theme] .task-card p {
  color: var(--enterprise-muted);
}
html[data-theme] .eta-intake-overview,
html[data-theme] .eta-application-queue-panel {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface);
}
html[data-theme] .eta-application-card-grid {
  background: var(--enterprise-surface-subtle);
}
html[data-theme] .eta-application-card {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface);
  box-shadow: 0 5px 16px rgba(8, 15, 24, 0.08);
}
html[data-theme] .eta-application-card:hover,
html[data-theme] .eta-application-card:focus-visible {
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-raised);
  box-shadow: 0 9px 22px rgba(8, 15, 24, 0.12);
}
html[data-theme] .eta-application-card h3,
html[data-theme] .eta-card-description strong,
html[data-theme] .eta-card-facts dd {
  color: var(--enterprise-text);
}
html[data-theme] .eta-card-kicker,
html[data-theme] .eta-application-card p,
html[data-theme] .eta-card-description span,
html[data-theme] .eta-card-facts dt,
html[data-theme] .eta-application-card footer {
  color: var(--enterprise-muted);
}
html[data-theme] .eta-card-avatar,
html[data-theme] .eta-card-avatar.stored-selfie {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-accent);
  box-shadow: none;
}
html[data-theme] .eta-card-avatar-mark {
  color: var(--enterprise-accent);
}
html[data-theme] .eta-card-selfie-preview {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
html[data-theme] .eta-card-facts {
  border-color: var(--enterprise-border);
}
html[data-theme] .eta-card-evidence > span {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
}
html[data-theme] .eta-card-evidence > span.stored {
  border-color: rgba(90, 153, 124, 0.35);
  background: rgba(90, 153, 124, 0.09);
  color: #78ad94;
}
html[data-theme] .eta-card-evidence > span.missing {
  border-color: rgba(181, 137, 74, 0.35);
  background: rgba(181, 137, 74, 0.09);
  color: #c2a06f;
}
html[data-theme] .eta-review-hero.green,
html[data-theme] .eta-review-hero.red,
html[data-theme] .eta-review-hero.amber {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface);
}
html[data-theme] .eta-review-icon,
html[data-theme] .eta-face-score-card,
html[data-theme] .eta-review-strip,
html[data-theme] .eta-decision-record,
html[data-theme] .eta-data-list,
html[data-theme] .eta-detail-grid {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
html[data-theme="light"] .vector-card.red svg {
  color: #9d5159;
}
html[data-theme="light"] .vector-card.amber svg {
  color: #886126;
}
html[data-theme="light"] .vector-card.blue svg {
  color: #466b90;
}
html[data-theme="light"] .vector-card.green svg {
  color: #3e765f;
}
html[data-theme="light"] .eta-card-evidence > span.stored {
  color: #356f58;
}
html[data-theme="light"] .eta-card-evidence > span.missing {
  color: #80591e;
}
.auth-status {
  width: min(430px, calc(100% - 32px));
  min-height: 240px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 10px;
  margin: max(32px, 12vh) auto;
  padding: 32px;
  border: 1px solid var(--enterprise-border, var(--border));
  border-radius: 14px;
  background: var(--enterprise-surface, var(--surface));
  color: var(--enterprise-text, var(--text));
  box-shadow: 0 18px 50px rgba(8, 15, 24, 0.16);
  text-align: center;
}
.auth-status strong {
  font-size: 18px;
}
.auth-status small {
  max-width: 330px;
  color: var(--enterprise-muted, var(--muted));
  line-height: 1.5;
}
.auth-status-spinner {
  width: 26px;
  height: 26px;
  margin-bottom: 4px;
  border: 2px solid var(--enterprise-border, var(--border));
  border-top-color: var(--enterprise-accent, var(--blue));
  border-radius: 50%;
  animation: auth-status-spin 0.8s linear infinite;
}
.auth-status-actions {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
}
.auth-status > .primary-button {
  margin-top: 8px;
}
@keyframes auth-status-spin {
  to {
    transform: rotate(360deg);
  }
}
@media (prefers-reduced-motion: reduce) {
  .auth-status-spinner {
    animation: none;
  }
}
.auth-loading-screen {
  min-height: 100vh;
  display: grid;
  place-items: center;
  padding: 28px;
  overflow: hidden;
  background: radial-gradient(
      circle at 50% 34%,
      rgba(92, 111, 239, 0.17),
      transparent 30%
    ),
    linear-gradient(145deg, #0b1017 0%, #111722 52%, #0a0f16 100%);
  color: #eef2f7;
}
.auth-loading-screen::before {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: 0.18;
  background-image: linear-gradient(rgba(255, 255, 255, 0.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.035) 1px, transparent 1px);
  background-size: 56px 56px;
  mask-image: radial-gradient(circle at center, black, transparent 74%);
}
.auth-loading-card {
  position: relative;
  width: min(520px, 100%);
  padding: 28px 30px 24px;
  overflow: hidden;
  border: 1px solid rgba(157, 170, 195, 0.17);
  border-radius: 20px;
  background: linear-gradient(
    160deg,
    rgba(28, 35, 47, 0.96),
    rgba(17, 23, 32, 0.97)
  );
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.42),
    inset 0 1px rgba(255, 255, 255, 0.04);
}
.auth-loading-brand {
  display: flex;
  align-items: center;
  gap: 13px;
}
.auth-loading-brand > span:last-child {
  display: grid;
  gap: 3px;
}
.auth-loading-brand strong {
  font-size: 16px;
  letter-spacing: 0.08em;
}
.auth-loading-brand small {
  color: #8d99aa;
  font-size: 10px;
  letter-spacing: 0.025em;
}
.auth-loading-mark {
  width: 45px;
  height: 45px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(132, 148, 255, 0.48);
  border-radius: 50%;
  background: linear-gradient(145deg, #263677, #5d70df);
  color: white;
  box-shadow: 0 0 0 5px rgba(103, 121, 255, 0.07);
}
.auth-loading-visual {
  position: relative;
  height: 160px;
  display: grid;
  place-items: center;
}
.auth-loading-visual::before,
.auth-loading-visual::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  border: 1px solid rgba(126, 143, 255, 0.17);
}
.auth-loading-visual::before {
  width: 126px;
  height: 126px;
}
.auth-loading-visual::after {
  width: 92px;
  height: 92px;
  border-style: dashed;
  animation: auth-orbit-spin 7s linear infinite;
}
.auth-loading-orbit {
  z-index: 1;
  width: 68px;
  height: 68px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(129, 146, 255, 0.5);
  border-radius: 50%;
  background: radial-gradient(circle at 36% 28%, #384a9d, #1c285a);
  color: #cbd3ff;
  box-shadow: 0 0 42px rgba(92, 111, 239, 0.28);
}
.auth-loading-copy {
  text-align: center;
}
.auth-loading-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: #91a0ff;
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.auth-loading-copy h1 {
  margin: 11px 0 7px;
  color: #f5f7fb;
  font-size: clamp(22px, 4vw, 27px);
  font-weight: 630;
  letter-spacing: -0.025em;
}
.auth-loading-copy p {
  margin: 0;
  color: #8f9bab;
  font-size: 12px;
  line-height: 1.6;
}
.auth-loading-progress {
  height: 3px;
  margin: 25px 0 20px;
  overflow: hidden;
  border-radius: 99px;
  background: rgba(255, 255, 255, 0.07);
}
.auth-loading-progress span {
  display: block;
  width: 38%;
  height: 100%;
  border-radius: inherit;
  background: linear-gradient(
    90deg,
    transparent,
    #7f91ff,
    #a5b1ff,
    transparent
  );
  animation: auth-progress 1.7s ease-in-out infinite;
}
.auth-loading-card footer {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  color: #697586;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.auth-loading-status-dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #46d7a0;
  box-shadow: 0 0 9px rgba(70, 215, 160, 0.7);
}
@keyframes auth-orbit-spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes auth-progress {
  from {
    transform: translateX(-110%);
  }
  to {
    transform: translateX(285%);
  }
}
@media (max-width: 560px) {
  .auth-loading-card {
    padding: 23px 20px 21px;
  }
  .auth-loading-visual {
    height: 145px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .auth-loading-visual::after,
  .auth-loading-progress span {
    animation: none;
  }
  .auth-loading-progress span {
    width: 100%;
    opacity: 0.65;
  }
}
.client-route-loader {
  display: grid;
  gap: 16px;
  padding: 4px 0 24px;
}
.client-loader-heading {
  min-height: 76px;
  display: flex;
  align-items: center;
  gap: 14px;
}
.client-loader-heading > span {
  width: 44px;
  height: 44px;
  border-radius: 10px;
}
.client-loader-heading > div {
  width: min(460px, 70%);
  display: grid;
  gap: 10px;
}
.client-loader-heading b {
  width: 38%;
  height: 10px;
}
.client-loader-heading i {
  width: 100%;
  height: 22px;
}
.client-loader-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
}
.client-loader-metrics > span {
  min-height: 112px;
  display: grid;
  align-content: center;
  gap: 10px;
  padding: 15px;
  border: 1px solid var(--enterprise-border);
  border-radius: 12px;
  background: var(--enterprise-surface);
}
.client-loader-metrics i {
  width: 28px;
  height: 28px;
  border-radius: 8px;
}
.client-loader-metrics b {
  width: 46%;
  height: 22px;
}
.client-loader-metrics small {
  width: 72%;
  height: 9px;
}
.client-loader-content {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(260px, 0.7fr);
  gap: 14px;
}
.client-loader-content.detail {
  grid-template-columns: minmax(0, 1.35fr) minmax(300px, 0.65fr);
}
.client-loader-content section,
.client-loader-content aside {
  min-height: 330px;
  display: grid;
  align-content: start;
  gap: 14px;
  padding: 18px;
  border: 1px solid var(--enterprise-border);
  border-radius: 12px;
  background: var(--enterprise-surface);
}
.client-loader-content section b,
.client-loader-content aside b {
  width: 32%;
  height: 14px;
  margin-bottom: 8px;
}
.client-loader-content section i,
.client-loader-content aside i {
  width: 100%;
  height: 34px;
  border-radius: 6px;
}
.client-loader-heading span,
.client-loader-heading b,
.client-loader-heading i,
.client-loader-metrics i,
.client-loader-metrics b,
.client-loader-metrics small,
.client-loader-content b,
.client-loader-content i {
  display: block;
  overflow: hidden;
  background: linear-gradient(
    100deg,
    var(--enterprise-surface-subtle) 20%,
    var(--enterprise-surface-raised) 38%,
    var(--enterprise-surface-subtle) 56%
  );
  background-size: 220% 100%;
  animation: client-loader-shimmer 1.35s ease-in-out infinite;
}
@keyframes client-loader-shimmer {
  to {
    background-position-x: -220%;
  }
}
@media (max-width: 900px) {
  .client-loader-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .client-loader-content,
  .client-loader-content.detail {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 560px) {
  .client-loader-metrics {
    grid-template-columns: 1fr;
  }
}
@media (prefers-reduced-motion: reduce) {
  .client-loader-heading span,
  .client-loader-heading b,
  .client-loader-heading i,
  .client-loader-metrics i,
  .client-loader-metrics b,
  .client-loader-metrics small,
  .client-loader-content b,
  .client-loader-content i {
    animation: none;
  }
}
html[data-theme="dark"] .case-toolbar label,
html[data-theme="dark"] .case-toolbar input,
html[data-theme="dark"] .case-toolbar select,
html[data-theme="dark"] .table-density-control select,
html[data-theme="dark"] .eta-date-range-fields select,
html[data-theme="dark"] .eta-date-range-fields input,
html[data-theme="dark"] .date-range-fields input,
html[data-theme="dark"] .eta-filter-grid select {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-text);
  color-scheme: dark;
}
html[data-theme="dark"] .case-toolbar label,
html[data-theme="dark"] .table-density-control {
  color: var(--enterprise-muted);
}
html[data-theme="dark"] select option {
  background: #1b232c;
  color: var(--enterprise-text);
}
html[data-theme="dark"] input[type="date"]::-webkit-calendar-picker-indicator {
  filter: invert(0.82) sepia(0.08) saturate(0.45) hue-rotate(170deg);
  opacity: 0.8;
}
html[data-theme="dark"] .passenger-list-alert {
  border-color: rgba(199, 80, 91, 0.5);
  border-left-color: #c7505b;
  background: linear-gradient(
    100deg,
    rgba(137, 43, 53, 0.2),
    rgba(74, 34, 41, 0.12)
  );
  color: #e898a0;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.025);
}
html[data-theme="dark"] .passenger-list-alert p {
  color: #c6a4a8;
}
html[data-theme="dark"] .passenger-list-alert-action {
  border: 1px solid rgba(213, 105, 115, 0.38);
  background: rgba(154, 52, 62, 0.35);
  color: #f2c3c8;
}
html[data-theme="dark"] .route-progress-map,
html[data-theme="dark"] .route-progress-map-with-leaflet,
html[data-theme="dark"] .leaflet-route-shell,
html[data-theme="dark"] .manifest-table-shell,
html[data-theme="dark"] .manifest-pagination-bar {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
html[data-theme="dark"] .route-progress-map::before {
  background-image: linear-gradient(#2b3742 1px, transparent 1px),
    linear-gradient(90deg, #2b3742 1px, transparent 1px);
}
html[data-theme="dark"] .route-leg-list a,
html[data-theme="dark"] .route-leg-card,
html[data-theme="dark"] .leaflet-route-caption,
html[data-theme="dark"] .quick-facts div,
html[data-theme="dark"] .flight-manifest-strip > div {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-raised);
  color: var(--enterprise-text);
  box-shadow: none;
}
html[data-theme="dark"] .quick-facts strong,
html[data-theme="dark"] .flight-manifest-strip strong,
html[data-theme="dark"] .route-leg-list strong {
  color: var(--enterprise-text);
}
html[data-theme="dark"] .quick-facts span,
html[data-theme="dark"] .flight-manifest-strip span,
html[data-theme="dark"] .route-leg-list small {
  color: var(--enterprise-muted);
}
html[data-theme="dark"] .flight-manifest-strip {
  border-color: var(--enterprise-border);
}
html[data-theme="dark"] .aircraft-body {
  border-color: #394756;
  background: linear-gradient(
    180deg,
    #252f3a 0,
    #202a34 18%,
    #1c252e 50%,
    #202a34 82%,
    #252f3a 100%
  );
  box-shadow: inset 0 0 0 8px rgba(9, 14, 20, 0.18);
}
html[data-theme="dark"] .aircraft-body::before {
  background: linear-gradient(
    90deg,
    rgba(32, 42, 52, 0.98),
    rgba(32, 42, 52, 0)
  );
}
html[data-theme="dark"] .aircraft-body::after {
  background: linear-gradient(
    270deg,
    rgba(32, 42, 52, 0.98),
    rgba(32, 42, 52, 0)
  );
}
html[data-theme="dark"] .aircraft-nose {
  background: linear-gradient(
    90deg,
    rgba(32, 42, 52, 0.98),
    rgba(32, 42, 52, 0.82)
  );
  color: var(--enterprise-muted);
}
html[data-theme="dark"] .aircraft-tail {
  border-color: var(--enterprise-border);
  color: var(--enterprise-muted);
}
html[data-theme="dark"] .aircraft-seat {
  border-color: #465564;
  background: #2a3540;
  color: #c1ccd5;
}
html[data-theme="dark"] .aircraft-seat.approved {
  border-color: #318765;
  background: #1f5d49;
  color: #d8ffef;
}
html[data-theme="dark"] .aircraft-seat.under-review,
html[data-theme="dark"] .aircraft-seat.rfi-requested,
html[data-theme="dark"] .aircraft-seat.awaiting-payment,
html[data-theme="dark"] .aircraft-seat.conditional {
  border-color: #9b7625;
  background: #69521d;
  color: #fff0b8;
}
html[data-theme="dark"] .aircraft-seat.selected {
  border-color: #739fe8;
  background: #356eb7;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(84, 145, 225, 0.3);
}
html[data-theme="dark"] .aircraft-seat.watchlist-hit {
  border-color: #ff7b86;
  background: #b92938;
  color: #fff;
  box-shadow: 0 0 0 2px rgba(255, 85, 99, 0.28),
    inset 0 -3px 0 rgba(71, 5, 12, 0.28);
}
html[data-theme="dark"] .aircraft-seat.empty {
  background: #222c36;
  color: #6f7d8a;
}
html[data-theme="dark"] .aircraft-seat.no-eta-file {
  border-color: #3b4855;
  background: #252f39;
  color: #82909d;
}
html[data-theme="dark"] .aircraft-seat-preview {
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-raised);
  color: var(--enterprise-text);
  box-shadow: 0 14px 32px rgba(0, 0, 0, 0.38);
}
html[data-theme="dark"] .aircraft-seat-preview::after {
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-raised);
}
html[data-theme="dark"] .aircraft-seat-preview strong,
html[data-theme="dark"] .aircraft-seat-preview b {
  color: var(--enterprise-text);
}
html[data-theme="dark"] .aircraft-seat-preview small {
  color: var(--enterprise-muted);
}
html[data-theme="dark"] .aircraft-seat-preview em {
  background: #303c48;
  color: #c6d0d9;
}
html[data-theme="dark"] .seat-map-legend span {
  color: var(--enterprise-muted);
}
html[data-theme="dark"] .manifest-shadcn-table th,
html[data-theme="dark"] .manifest-shadcn-table th.bg-white {
  border-color: var(--enterprise-border);
  background: #1b232c;
  color: var(--enterprise-muted);
  box-shadow: 0 1px 0 var(--enterprise-border);
}
html[data-theme="dark"] .manifest-shadcn-table td {
  border-color: var(--enterprise-border);
  color: #bcc7d0;
}
html[data-theme="dark"] .manifest-shadcn-table tr:hover td {
  background: #26313c;
}
html[data-theme="dark"] .manifest-seat-pill {
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-raised);
  color: var(--enterprise-text);
}
html[data-theme="dark"] .manifest-pagination-bar {
  border-color: var(--enterprise-border);
}
.passenger-detail-layout {
  display: grid;
  grid-template-columns: minmax(0, 3fr) minmax(250px, 1fr);
  align-items: start;
  gap: 18px;
}
.passenger-detail-main {
  min-width: 0;
}
.passenger-risk-rail {
  position: sticky;
  top: 18px;
  min-width: 0;
}
.passenger-risk-rail .panel > header {
  padding: 13px 14px 11px;
}
.passenger-risk-rail .panel > header h2 {
  font-size: 13px;
}
.passenger-risk-rail .panel > header p {
  font-size: 8px;
}
.passenger-risk-rail .risk-assessment-card {
  padding: 10px;
}
.passenger-risk-rail .risk-radar-wrap {
  min-height: 174px;
}
.passenger-risk-rail .risk-radar {
  width: min(100%, 174px);
}
.passenger-risk-rail .risk-radar-score {
  width: 58px;
  height: 58px;
}
.passenger-risk-rail .risk-radar-score strong {
  font-size: 21px;
}
.passenger-risk-rail .risk-radar-score span {
  font-size: 7px;
}
.passenger-risk-rail .risk-radar-score small {
  font-size: 7px;
}
.passenger-risk-rail .risk-dimension-list {
  gap: 5px;
}
.passenger-risk-rail .risk-dimension-list > div {
  grid-template-columns: minmax(54px, 1fr) 86px 20px;
  gap: 6px;
  font-size: 8px;
}
.passenger-risk-rail .risk-score-explanation {
  padding: 9px;
}
.passenger-risk-rail .risk-score-explanation > strong {
  font-size: 10px;
}
.passenger-risk-rail .risk-score-explanation p {
  font-size: 8px;
}
.passenger-risk-rail .ip-location-evidence {
  margin-top: 9px;
}
.passenger-risk-rail .ip-location-evidence header {
  padding: 9px;
}
.passenger-risk-rail .ip-location-evidence dl {
  grid-template-columns: 1fr;
}
.passenger-risk-rail .ip-location-evidence dl div {
  padding: 7px 9px;
}
.passenger-risk-rail .ip-location-evidence p {
  font-size: 8px;
}
html:not([data-theme="light"]) .passenger-risk-rail .panel {
  border-color: #35404d;
  background: #18212a;
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.24);
}
html:not([data-theme="light"]) .passenger-risk-rail .panel > header {
  border-bottom-color: #303b47;
  background: #1b252f;
}
html:not([data-theme="light"]) .risk-assessment-card {
  --risk-color: #f2c94c;
  --risk-soft: rgba(242, 201, 76, 0.1);
  background: #18212a;
  color: #dbe4ec;
}
html:not([data-theme="light"]) .risk-assessment-card.low {
  --risk-color: #45d49b;
  --risk-soft: rgba(69, 212, 155, 0.1);
}
html:not([data-theme="light"]) .risk-assessment-card.high {
  --risk-color: #ff963f;
  --risk-soft: rgba(255, 150, 63, 0.11);
}
html:not([data-theme="light"]) .risk-assessment-card.critical {
  --risk-color: #ff6675;
  --risk-soft: rgba(255, 102, 117, 0.11);
}
html:not([data-theme="light"]) .risk-radar-wrap {
  border: 1px solid var(--risk-color);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--risk-color) 18%, #303b47);
  }
  background: radial-gradient(circle, var(--risk-soft), #151d25 70%);
}
html:not([data-theme="light"]) .risk-radar-grid,
html:not([data-theme="light"]) .risk-radar-axis {
  stroke: #3b4856;
}
html:not([data-theme="light"]) .risk-radar-point {
  fill: #18212a;
}
html:not([data-theme="light"]) .risk-radar-score {
  border-color: var(--risk-color);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--risk-color) 55%, #35414e);
  }
  background: rgba(20, 28, 36, 0.96);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.34),
    0 0 20px var(--risk-soft);
}
html:not([data-theme="light"]) .risk-radar-score span {
  color: #8998a8;
}
html:not([data-theme="light"]) .risk-radar-score small {
  color: #dbe4ec;
}
html:not([data-theme="light"]) .risk-dimension-list span {
  background: #2b3641;
}
html:not([data-theme="light"]) .risk-dimension-list strong {
  color: #aebbc8;
}
html:not([data-theme="light"]) .risk-dimension-list > div.low i {
  background: #45d49b;
}
html:not([data-theme="light"]) .risk-dimension-list > div.low b {
  color: #65dfad;
}
html:not([data-theme="light"]) .risk-dimension-list > div.medium i {
  background: #f2c94c;
}
html:not([data-theme="light"]) .risk-dimension-list > div.medium b {
  color: #f6d76f;
}
html:not([data-theme="light"]) .risk-dimension-list > div.high i {
  background: #ff963f;
}
html:not([data-theme="light"]) .risk-dimension-list > div.high b {
  color: #ffad68;
}
html:not([data-theme="light"]) .risk-dimension-list > div.critical i {
  background: #ff6675;
}
html:not([data-theme="light"]) .risk-dimension-list > div.critical b {
  color: #ff8792;
}
html:not([data-theme="light"]) .risk-score-explanation {
  background: var(--risk-soft);
}
html:not([data-theme="light"]) .risk-score-explanation > span {
  color: #94a3b2;
}
html:not([data-theme="light"]) .risk-score-explanation > strong {
  color: #e7edf2;
}
html:not([data-theme="light"]) .risk-score-explanation p {
  color: #aab7c4;
}
html:not([data-theme="light"]) .ip-location-evidence {
  border-color: #35414d;
  background: #151d25;
}
html:not([data-theme="light"]) .ip-location-evidence header {
  background: #202b35;
}
html:not([data-theme="light"]) .ip-location-evidence header svg {
  color: #8ea8c1;
}
html:not([data-theme="light"]) .ip-location-evidence header strong,
html:not([data-theme="light"]) .ip-location-evidence dd {
  color: #dbe4ec;
}
html:not([data-theme="light"]) .ip-location-evidence header small,
html:not([data-theme="light"]) .ip-location-evidence dt {
  color: #8d9baa;
}
html:not([data-theme="light"]) .ip-location-evidence dl div {
  border-color: #303b47;
}
html:not([data-theme="light"]) .ip-location-evidence > p {
  border-color: rgba(242, 201, 76, 0.22);
  background: rgba(242, 201, 76, 0.08);
  color: #c9b978;
}
html:not([data-theme="light"]) .ip-location-evidence > p svg {
  color: #f2c94c;
}
html:not([data-theme="light"]) .risk-assessment-card > footer {
  color: #7f8e9d;
}
html:not([data-theme="light"]) .flight-detail-hero {
  border-color: #35414d;
  background: #1b242d;
}
html:not([data-theme="light"]) .flight-detail-hero-main {
  border-color: #35414d;
  background: #1b242d;
}
html:not([data-theme="light"]) .flight-detail-hero-main h1 {
  color: #edf2f6;
}
html:not([data-theme="light"]) .flight-detail-hero-main p {
  color: #9aa8b6;
}
html:not([data-theme="light"]) .flight-detail-hero-main > span,
html:not([data-theme="light"]) .flight-detail-hero-kpis svg,
html:not([data-theme="light"]) .flight-linkage-facts svg,
html:not([data-theme="light"]) .eta-connected-flight svg {
  color: #91b3d2;
}
html:not([data-theme="light"]) .flight-detail-hero-kpis > div,
html:not([data-theme="light"]) .flight-linkage-facts > div,
html:not([data-theme="light"]) .eta-connected-flight > div {
  border-color: #35414d;
  background: #202a34;
}
html:not([data-theme="light"]) .flight-detail-hero-kpis span,
html:not([data-theme="light"]) .flight-linkage-facts span,
html:not([data-theme="light"]) .eta-connected-flight span {
  color: #8998a7;
}
html:not([data-theme="light"]) .flight-detail-hero-kpis strong,
html:not([data-theme="light"]) .flight-linkage-facts strong,
html:not([data-theme="light"]) .eta-connected-flight strong {
  color: #e4ebf1;
}
html:not([data-theme="light"]) .eta-connected-flight small {
  color: #9ba9b7;
}
html:not([data-theme="light"]) .eta-passenger-evidence-grid,
html:not([data-theme="light"]) .eta-passenger-evidence-grid article,
html:not([data-theme="light"]) .eta-passenger-face-card {
  background: #1b242d;
}
html:not([data-theme="light"]) .eta-passenger-evidence-grid article,
html:not([data-theme="light"]) .eta-passenger-evidence-grid article:last-child,
html:not([data-theme="light"]) .eta-passenger-evidence-grid article header {
  border-color: #35414d;
}
html:not([data-theme="light"]) .eta-passenger-evidence-grid article header {
  background: #202a34;
  color: #dce5ed;
}
html:not([data-theme="light"]) .eta-passenger-evidence-grid article header svg,
html:not([data-theme="light"]) .eta-passenger-face-card svg,
html:not([data-theme="light"]) .eta-passenger-face-card b {
  color: #91b3d2;
}
html:not([data-theme="light"]) .eta-passenger-evidence-grid article header span,
html:not([data-theme="light"]) .eta-passenger-face-card span {
  color: #8998a7;
}
html:not([data-theme="light"]) .eta-passenger-face-card strong {
  color: #e4ebf1;
}
html:not([data-theme="light"]) .eta-passenger-face-card p {
  color: #9ba9b7;
}
html:not([data-theme="light"]) .eta-passenger-evidence-grid article img {
  background: #151d25;
}
.eta-qr-scanner {
  display: grid;
  gap: 14px;
  padding: 16px;
}
.eta-qr-scanner label {
  display: grid;
  gap: 6px;
  color: var(--muted);
  font-size: 10px;
  font-weight: 700;
}
.eta-qr-scanner input,
.eta-qr-scanner textarea {
  width: 100%;
  padding: 10px;
  border: 1px solid var(--border);
  border-radius: 8px;
}
.eta-qr-scanner textarea {
  min-height: 110px;
  resize: vertical;
  font-family: monospace;
  font-size: 9px;
}
.eta-qr-capture {
  min-height: 190px;
  place-items: center;
  align-content: center;
  padding: 20px;
  border: 1px dashed #587590;
  border-radius: 12px;
  background: rgba(88, 117, 144, 0.08);
  cursor: pointer;
  text-align: center;
}
.eta-qr-capture input {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.eta-qr-capture svg {
  color: #91b3d2;
}
.eta-qr-capture strong {
  color: var(--text);
  font-size: 13px;
}
.eta-qr-result {
  min-height: 390px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 10px;
  padding: 22px;
  text-align: center;
}
.eta-qr-result.valid > svg {
  color: #45d49b;
}
.eta-qr-result.invalid > svg {
  color: #ff6675;
}
.eta-qr-result h2 {
  margin: 2px 0 8px;
}
.eta-qr-result > p {
  margin: 0;
  color: var(--muted);
  font-size: 10px;
}
.eta-qr-result dl {
  width: 100%;
  margin: 0;
  border: 1px solid var(--border);
  border-radius: 9px;
  overflow: hidden;
  text-align: left;
}
.eta-qr-result dl div {
  display: grid;
  grid-template-columns: 130px 1fr;
  border-bottom: 1px solid var(--border);
}
.eta-qr-result dl div:last-child {
  border-bottom: 0;
}
.eta-qr-result dt,
.eta-qr-result dd {
  margin: 0;
  padding: 10px;
  font-size: 10px;
}
.eta-qr-result dt {
  color: var(--muted);
}
.eta-qr-result dd {
  font-weight: 700;
  overflow-wrap: anywhere;
}
@media (max-width: 1100px) {
  .passenger-detail-layout {
    grid-template-columns: 1fr;
  }
  .passenger-risk-rail {
    position: static;
    grid-row: 1;
  }
}
@media (max-width: 560px) {
  .passenger-detail-layout {
    gap: 12px;
  }
}
.eta-stripe-workspace {
  max-width: 1440px;
  margin: 0 auto;
  color: var(--text);
}
.eta-stripe-topline {
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 14px;
}
.eta-stripe-topline > a {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: 11px;
  font-weight: 650;
}
.eta-stripe-topline > a:hover {
  color: var(--text);
}
.eta-stripe-topline > div {
  display: flex;
  gap: 8px;
}
.eta-stripe-icon-button,
.eta-stripe-primary {
  height: 34px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #394653;
  border-radius: 7px;
  font-size: 10px;
  font-weight: 750;
}
.eta-stripe-icon-button {
  width: 34px;
  padding: 0;
  background: #202a34;
  color: #aebbc7;
}
.eta-stripe-primary {
  padding: 0 13px;
  background: #667eea;
  border-color: #7187e9;
  color: #fff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.18);
}
.eta-stripe-header {
  display: flex;
  align-items: center;
  gap: 16px;
  padding: 8px 0 22px;
}
.eta-stripe-avatar {
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid #465667;
  border-radius: 10px;
  background: linear-gradient(145deg, #344557, #253442);
  color: #e8eef4;
  font-size: 15px;
  font-weight: 800;
}
.eta-stripe-title {
  min-width: 0;
}
.eta-stripe-title > div {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}
.eta-stripe-title h1 {
  margin: 0;
  color: #edf1f5;
  font-size: 25px;
  line-height: 1.2;
  letter-spacing: -0.025em;
}
.eta-stripe-title p {
  margin: 5px 0 0;
  color: #7f8c99;
  font-size: 10px;
}
.eta-stripe-title p span {
  margin: 0 5px;
  color: #4f5c68;
}
.eta-stripe-alert {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0 0 14px;
  padding: 10px 12px;
  border: 1px solid rgba(218, 145, 91, 0.35);
  border-radius: 7px;
  background: rgba(218, 145, 91, 0.08);
  color: #d9aa82;
  font-size: 10px;
}
.eta-stripe-list-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(220, 88, 88, 0.5);
  border-radius: 8px;
  background: rgba(166, 45, 52, 0.14);
  color: #f0a1a6;
}
.eta-stripe-list-alert > svg {
  flex: 0 0 auto;
  margin-top: 1px;
}
.eta-stripe-list-alert strong,
.eta-stripe-list-alert span {
  display: block;
}
.eta-stripe-relationship-alert {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  margin: 0 0 14px;
  padding: 12px 14px;
  border: 1px solid rgba(223, 158, 72, 0.5);
  border-radius: 8px;
  background: rgba(151, 94, 25, 0.16);
  color: #edbb78;
}
.eta-stripe-relationship-alert > svg {
  flex: 0 0 auto;
  margin-top: 1px;
}
.eta-stripe-relationship-alert strong,
.eta-stripe-relationship-alert span {
  display: block;
}
.eta-stripe-relationship-alert strong {
  font-size: 11px;
}
.eta-stripe-relationship-alert span {
  margin-top: 4px;
  color: #cfa66f;
  font-size: 9px;
  line-height: 1.5;
}
.eta-stripe-list-alert strong {
  font-size: 11px;
}
.eta-stripe-list-alert span {
  margin-top: 4px;
  color: #d9a2a6;
  font-size: 9px;
  line-height: 1.5;
}
.eta-stripe-tabs {
  display: flex;
  align-items: center;
  gap: 22px;
  border-bottom: 1px solid #303a45;
}
.eta-stripe-tabs button {
  position: relative;
  height: 38px;
  padding: 0;
  border: 0;
  background: transparent;
  color: #82909d;
  font-size: 10px;
  font-weight: 700;
  text-transform: capitalize;
}
.eta-stripe-tabs button.active {
  color: #e6ebef;
}
.eta-stripe-tabs button.active::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  border-radius: 2px;
  background: #8094f2;
}
.eta-stripe-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 286px;
  gap: 22px;
  padding-top: 20px;
  align-items: start;
}
.eta-stripe-layout > main {
  min-width: 0;
  display: grid;
  gap: 16px;
}
.eta-stripe-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #303a45;
  border-radius: 9px;
  background: #1d252e;
}
.eta-stripe-metric {
  min-width: 0;
  padding: 15px;
  border-right: 1px solid #303a45;
}
.eta-stripe-metric:last-child {
  border-right: 0;
}
.eta-stripe-metric > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: #85929f;
  font-size: 9px;
  font-weight: 700;
}
.eta-stripe-metric > span svg {
  color: #91a1b0;
}
.eta-stripe-metric > strong,
.eta-stripe-metric > small {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eta-stripe-metric > strong {
  margin-top: 12px;
  color: #e4eaf0;
  font-size: 13px;
}
.eta-stripe-metric > small {
  margin-top: 5px;
  color: #798794;
  font-size: 9px;
}
.eta-stripe-metric.success > span svg {
  color: #55b98e;
}
.eta-stripe-metric.warning > span svg {
  color: #d7a260;
}
.eta-stripe-section {
  overflow: hidden;
  border: 1px solid #303a45;
  border-radius: 9px;
  background: #1d252e;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.eta-stripe-section > header {
  min-height: 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 0 16px;
  border-bottom: 1px solid #303a45;
}
.eta-stripe-section > header h2 {
  margin: 0;
  color: #e3e9ee;
  font-size: 12px;
  font-weight: 750;
}
.eta-stripe-section > header button {
  display: flex;
  align-items: center;
  gap: 4px;
  padding: 5px 7px;
  border: 0;
  background: transparent;
  color: #91a7ff;
  font-size: 9px;
  font-weight: 700;
}
.eta-stripe-transaction {
  width: 100%;
  min-height: 66px;
  display: grid;
  grid-template-columns: 36px minmax(160px, 1fr) 100px 130px 18px;
  align-items: center;
  gap: 11px;
  padding: 10px 16px;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
}
.eta-stripe-transaction:hover {
  background: #222c36;
}
.eta-stripe-transaction > span {
  min-width: 0;
}
.eta-stripe-transaction strong,
.eta-stripe-transaction small {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.eta-stripe-transaction strong {
  color: #dce3e9;
  font-size: 10px;
}
.eta-stripe-transaction small {
  margin-top: 4px;
  color: #7f8d9a;
  font-size: 9px;
}
.eta-stripe-transaction > svg {
  color: #667481;
}
.eta-stripe-card-icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid #3b4855;
  border-radius: 6px;
  background: #242f39;
  color: #a8b8c6;
}
.eta-stripe-details {
  display: grid;
  grid-template-columns: 1fr;
  margin: 0;
  padding: 3px 16px;
}
.eta-stripe-details.columns-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: 26px;
}
.eta-stripe-details > div {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(100px, 0.65fr) minmax(0, 1.35fr);
  gap: 14px;
  padding: 11px 0;
  border-bottom: 1px solid #2b3540;
}
.eta-stripe-details > div:last-child,
.eta-stripe-details.columns-2 > div:nth-last-child(-n + 2) {
  border-bottom: 0;
}
.eta-stripe-details dt {
  color: #7d8a97;
  font-size: 9px;
}
.eta-stripe-details dd {
  min-width: 0;
  margin: 0;
  color: #cbd4dc;
  font-size: 9px;
  font-weight: 650;
  text-align: right;
  overflow-wrap: anywhere;
}
.eta-stripe-list-clear {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 15px 16px;
  color: #67bc98;
}
.eta-stripe-list-clear > div strong,
.eta-stripe-list-clear > div span {
  display: block;
}
.eta-stripe-list-clear strong {
  font-size: 10px;
}
.eta-stripe-list-clear span {
  margin-top: 4px;
  color: #7f8d99;
  font-size: 9px;
}
.eta-stripe-list-matches {
  display: grid;
  gap: 1px;
  background: #303a45;
}
.eta-stripe-list-matches article {
  background: #1d252e;
}
.eta-stripe-list-matches article > header {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
  border-bottom: 1px solid #303a45;
}
.eta-stripe-list-matches article > header > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: rgba(192, 70, 76, 0.14);
  color: #e58b91;
}
.eta-stripe-list-matches article > header strong,
.eta-stripe-list-matches article > header small {
  display: block;
}
.eta-stripe-list-matches article > header strong {
  color: #e6dadd;
  font-size: 10px;
}
.eta-stripe-list-matches article > header small {
  margin-top: 3px;
  color: #8f7f84;
  font-size: 8px;
}
.eta-stripe-list-matches article > header em {
  padding: 4px 7px;
  border: 1px solid rgba(220, 88, 88, 0.35);
  border-radius: 999px;
  background: rgba(166, 45, 52, 0.1);
  color: #df9398;
  font-size: 8px;
  font-style: normal;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
.eta-travel-relationships {
  display: grid;
  gap: 1px;
  background: #303a45;
}
.eta-travel-relationships > p {
  margin: 0;
  padding: 11px 16px;
  background: #1d252e;
  color: #85929f;
  font-size: 9px;
  line-height: 1.5;
}
.eta-travel-relationships article {
  background: #1d252e;
}
.eta-travel-relationships article > header {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 12px 16px;
}
.eta-travel-relationships article > header > span {
  width: 30px;
  height: 30px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: rgba(223, 158, 72, 0.14);
  color: #edbb78;
}
.eta-travel-relationships article > header a {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  color: #e3e9ee;
  font-size: 10px;
  font-weight: 750;
}
.eta-travel-relationships article > header small {
  display: block;
  margin-top: 3px;
  color: #83909c;
  font-size: 8px;
}
.eta-travel-relationships article > header em {
  padding: 4px 7px;
  border: 1px solid rgba(223, 158, 72, 0.35);
  border-radius: 999px;
  color: #edbb78;
  font-size: 8px;
  font-style: normal;
  font-weight: 750;
}
.eta-travel-relationships article > header em.high {
  border-color: rgba(220, 88, 88, 0.45);
  color: #ef9da3;
}
.eta-travel-relationship-signals {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding: 0 16px 12px 58px;
}
.eta-travel-relationship-signals span {
  padding: 4px 7px;
  border: 1px solid #3b4855;
  border-radius: 999px;
  background: #242f39;
  color: #a9b5c0;
  font-size: 8px;
}
.eta-travel-relationships article > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 16px;
  border-top: 1px solid #2b3540;
}
.eta-travel-relationships article > footer small {
  color: #83909c;
  font-size: 8px;
}
.eta-stripe-evidence {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0;
}
.eta-stripe-evidence.compact {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.eta-stripe-evidence button {
  min-width: 0;
  padding: 12px;
  border: 0;
  border-right: 1px solid #303a45;
  border-bottom: 1px solid #303a45;
  background: transparent;
  text-align: left;
}
.eta-stripe-evidence button:hover {
  background: #222c36;
}
.eta-stripe-evidence button > span {
  height: 190px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border: 1px solid #303a45;
  border-radius: 6px;
  background: #151c23;
}
.eta-stripe-evidence.compact button > span {
  height: 120px;
}
.eta-stripe-evidence img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.eta-stripe-evidence strong {
  display: block;
  margin-top: 9px;
  color: #d6dee5;
  font-size: 9px;
}
.eta-stripe-evidence small {
  display: flex;
  align-items: center;
  gap: 3px;
  margin-top: 4px;
  color: #879cff;
  font-size: 8px;
}
.eta-stripe-flight {
  display: grid;
  grid-template-columns: 36px minmax(0, 1fr) 18px;
  align-items: center;
  gap: 11px;
  padding: 14px 16px;
  color: inherit;
}
.eta-stripe-flight:hover {
  background: #222c36;
}
.eta-stripe-flight > span {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 7px;
  background: #253444;
  color: #9eb3c7;
}
.eta-stripe-flight strong,
.eta-stripe-flight small {
  display: block;
}
.eta-stripe-flight strong {
  color: #dce3e9;
  font-size: 11px;
}
.eta-stripe-flight small {
  margin-top: 4px;
  color: #7f8d99;
  font-size: 9px;
}
.eta-stripe-flight > svg {
  color: #81909d;
}
.eta-stripe-review {
  position: sticky;
  top: 14px;
  padding: 17px;
  border: 1px solid #303a45;
  border-radius: 9px;
  background: #1d252e;
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.12);
}
.eta-stripe-review-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.eta-stripe-review-heading > span {
  color: #7f8c99;
  font-size: 9px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.eta-stripe-review h2 {
  margin: 18px 0 5px;
  color: #e3e9ee;
  font-size: 16px;
}
.eta-stripe-review > p {
  margin: 0;
  color: #85929e;
  font-size: 9px;
  line-height: 1.5;
}
.eta-stripe-review textarea {
  width: 100%;
  min-height: 100px;
  margin: 15px 0 10px;
  padding: 10px;
  border: 1px solid #374451;
  border-radius: 7px;
  resize: vertical;
  background: #182028;
  color: #dce4eb;
  font-size: 9px;
  line-height: 1.5;
}
.eta-stripe-review > button {
  width: 100%;
  height: 35px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin-top: 7px;
  border-radius: 7px;
  font-size: 9px;
  font-weight: 750;
}
.eta-stripe-approve {
  border: 1px solid #577d6c;
  background: #315b49;
  color: #dff4e9;
}
.eta-stripe-send-email {
  border: 1px solid #10284c;
  background: #0b1d39;
  color: #dff4e9;
}
.eta-stripe-reject {
  border: 1px solid #4a3d42;
  background: #272126;
  color: #cf979e;
}
.eta-stripe-review button:disabled {
  opacity: 0.5;
}
.eta-stripe-review-foot {
  display: flex;
  align-items: flex-start;
  gap: 7px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #303a45;
  color: #758391;
  font-size: 8px;
  line-height: 1.5;
}
.eta-stripe-review-foot svg {
  flex: 0 0 auto;
}
.eta-email-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 1000;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(7, 12, 18, 0.7);
  backdrop-filter: blur(5px);
  animation: eta-email-fade .16s ease-out;
}
.eta-email-modal {
  width: min(540px, 100%);
  border: 1px solid #35404c;
  border-radius: 14px;
  background: #1b232c;
  box-shadow: 0 28px 80px rgba(0,0,0,.4);
  overflow: hidden;
  animation: eta-email-rise .2s ease-out;
}
.eta-email-modal > header {
  display: grid;
  grid-template-columns: 38px 1fr 32px;
  align-items: center;
  gap: 12px;
  padding: 20px 22px;
  border-bottom: 1px solid #303a45;
}
.eta-email-modal > header > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #2d2764;
  color: #b9b4ff;
}
.eta-email-modal header small {
  display: block;
  color: #7f8c99;
  font-size: 9px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: .08em;
}
.eta-email-modal header h2 {
  margin: 3px 0 0;
  color: #eef2f5;
  font-size: 17px;
}
.eta-email-modal header button {
  border: 0;
  background: transparent;
  color: #8c98a4;
}
.eta-email-modal-body {
  padding: 22px;
}
.eta-email-note > span {
  display: block;
  margin-bottom: 8px;
  color: #cdd5dc;
  font-size: 10px;
  font-weight: 700;
}
.eta-email-note textarea {
  width: 100%;
  min-height: 145px;
  padding: 13px;
  border: 1px solid #3b4754;
  border-radius: 9px;
  background: #151c23;
  color: #ecf1f4;
  resize: vertical;
  font: inherit;
  font-size: 11px;
  line-height: 1.55;
}
.eta-email-note small {
  display: block;
  margin-top: 7px;
  color: #74818d;
  font-size: 9px;
}
.eta-email-request-files {
  display: flex;
  gap: 11px;
  margin-top: 18px;
  padding: 14px;
  border: 1px solid #394451;
  border-radius: 10px;
  background: #182029;
  cursor: pointer;
}
.eta-email-request-files input {
  margin-top: 3px;
  accent-color: #7367f0;
}
.eta-email-request-files span,.eta-email-request-files strong,.eta-email-request-files small {
  display: block;
}
.eta-email-request-files strong {
  color: #e2e8ed;
  font-size: 10px;
}
.eta-email-request-files small {
  margin-top: 4px;
  color: #84909c;
  font-size: 9px;
  line-height: 1.45;
}
.eta-email-error {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-top: 14px;
  padding: 10px;
  border-radius: 8px;
  background: #3a2024;
  color: #efadb4;
  font-size: 10px;
}
.eta-email-modal > footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 15px 22px;
  border-top: 1px solid #303a45;
  background: #182029;
}
.eta-email-modal > footer button {
  display: flex;
  align-items: center;
  gap: 6px;
  padding: 9px 14px;
  border: 1px solid #3a4652;
  border-radius: 8px;
  background: #202a34;
  color: #d8e0e6;
  font-size: 10px;
  font-weight: 700;
}
.eta-email-modal > footer button.primary {
  border-color: #746bf2;
  background: #635bff;
  color: #fff;
}
.eta-email-modal > footer button:disabled {
  opacity: .5;
}
.eta-requested-documents {
  display: grid;
}
.eta-requested-documents article {
  display: grid;
  grid-template-columns: 36px minmax(0,1fr) auto auto;
  align-items: center;
  gap: 12px;
  padding: 16px 18px;
  border-bottom: 1px solid #303943;
}
.eta-requested-documents article:last-child {
  border-bottom: 0;
}
.eta-requested-document-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: #242e38;
  color: #99a8b6;
}
.eta-requested-documents strong,.eta-requested-documents small,.eta-requested-documents code {
  display: block;
}
.eta-requested-documents strong {
  color: #e3e9ee;
  font-size: 11px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eta-requested-documents small {
  margin-top: 4px;
  color: #7f8c98;
  font-size: 9px;
}
.eta-requested-documents code {
  margin-top: 5px;
  color: #667481;
  font-size: 8px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.eta-requested-documents button {
  display: flex;
  align-items: center;
  gap: 5px;
  padding: 7px 10px;
  border: 1px solid #3a4652;
  border-radius: 7px;
  background: #202a34;
  color: #d9e1e7;
  font-size: 9px;
  font-weight: 700;
}
@keyframes eta-email-fade {
  from {
    opacity: 0;
  }
}
@keyframes eta-email-rise {
  from {
    opacity: 0;
    transform: translateY(8px) scale(.985);
  }
}
@media (max-width:700px) {
  .eta-requested-documents article {
    grid-template-columns: 36px 1fr;
  }
  .eta-requested-documents article>button,.eta-requested-documents article>.status-badge {
    grid-column: 2;
    justify-self: start;
  }
}
.eta-stripe-timeline {
  margin: 0;
  padding: 14px 18px;
  list-style: none;
}
.eta-stripe-timeline li {
  position: relative;
  display: grid;
  grid-template-columns: 24px 1fr;
  gap: 10px;
  padding-bottom: 20px;
}
.eta-stripe-timeline li:last-child {
  padding-bottom: 2px;
}
.eta-stripe-timeline li:not(:last-child)::before {
  content: "";
  position: absolute;
  left: 11px;
  top: 20px;
  bottom: 3px;
  width: 1px;
  background: #35414c;
}
.eta-stripe-timeline li > span {
  width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  z-index: 1;
  border: 1px solid #3d4c59;
  border-radius: 50%;
  background: #24303a;
  color: #75b699;
}
.eta-stripe-timeline strong {
  color: #d4dde4;
  font-size: 9px;
  text-transform: capitalize;
}
.eta-stripe-timeline p {
  margin: 4px 0;
  color: #9aa6b1;
  font-size: 9px;
}
.eta-stripe-timeline small {
  color: #6f7d89;
  font-size: 8px;
}
.eta-stripe-sheet-backdrop {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: flex;
  justify-content: flex-end;
  background: rgba(7, 11, 16, 0.56);
  backdrop-filter: blur(2px);
  animation: eta-sheet-fade 0.16s ease-out;
}
.eta-stripe-sheet {
  width: min(480px, 100%);
  height: 100%;
  overflow-y: auto;
  border-left: 1px solid #35414c;
  background: #1b232c;
  box-shadow: -20px 0 60px rgba(0, 0, 0, 0.34);
  animation: eta-sheet-in 0.2s ease-out;
}
.eta-stripe-sheet > header {
  position: sticky;
  top: 0;
  z-index: 2;
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #303a45;
  background: rgba(27, 35, 44, 0.96);
  backdrop-filter: blur(12px);
}
.eta-stripe-sheet > header span {
  color: #7e8b97;
  font-size: 9px;
  font-weight: 750;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.eta-stripe-sheet > header h2 {
  margin: 5px 0 0;
  color: #edf1f5;
  font-size: 22px;
}
.eta-stripe-sheet > header button {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  padding: 0;
  border: 1px solid #3a4652;
  border-radius: 7px;
  background: #222c36;
  color: #aeb9c3;
}
.eta-stripe-sheet-status {
  display: grid;
  grid-template-columns: 40px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  margin: 18px;
  padding: 14px;
  border: 1px solid #34414c;
  border-radius: 8px;
  background: #202a33;
}
.eta-stripe-sheet-icon {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: rgba(76, 177, 132, 0.12);
  color: #66bd98;
}
.eta-stripe-sheet-status strong,
.eta-stripe-sheet-status small {
  display: block;
}
.eta-stripe-sheet-status strong {
  color: #dce4ea;
  font-size: 10px;
}
.eta-stripe-sheet-status small {
  margin-top: 4px;
  color: #7e8b97;
  font-size: 8px;
}
.eta-stripe-sheet-group {
  margin: 0 18px 16px;
  border: 1px solid #303a45;
  border-radius: 8px;
  overflow: hidden;
  background: #1d252e;
}
.eta-stripe-sheet-group > h3 {
  margin: 0;
  padding: 12px 14px;
  border-bottom: 1px solid #303a45;
  color: #d6dee5;
  font-size: 10px;
}
.eta-stripe-sheet-group .eta-stripe-details {
  padding: 2px 14px;
}
.eta-stripe-receipt {
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0 18px 24px;
  border: 1px solid #3c4a57;
  border-radius: 7px;
  background: #242f39;
  color: #c8d3dc;
  font-size: 9px;
  font-weight: 700;
}
.eta-stripe-receipt svg:last-child {
  margin-left: auto;
  margin-right: 11px;
}
.eta-stripe-evidence-sheet {
  width: min(720px, 100%);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.eta-stripe-evidence-sheet > header {
  flex: none;
}
.eta-stripe-evidence-toolbar {
  min-height: 46px;
  display: flex;
  flex: none;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 7px 16px;
  border-bottom: 1px solid #303a45;
  background: #1b232c;
}
.eta-stripe-evidence-toolbar label {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #8d9aa6;
  font-size: 8px;
  font-weight: 700;
}
.eta-stripe-evidence-toolbar input[type="range"] {
  width: 68px;
  accent-color: #788cff;
}
.eta-stripe-evidence-toolbar output {
  width: 30px;
  color: #c0cad3;
  font-size: 8px;
  font-variant-numeric: tabular-nums;
  text-align: right;
}
.eta-stripe-evidence-toolbar-actions {
  display: flex;
  align-items: center;
  gap: 6px;
}
.eta-stripe-evidence-toolbar button {
  height: 30px;
  min-width: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  padding: 0 8px;
  border: 1px solid #3a4652;
  border-radius: 6px;
  background: #222c36;
  color: #aeb9c3;
  font-size: 9px;
  font-weight: 700;
}
.eta-stripe-evidence-toolbar button:hover:not(:disabled),
.eta-stripe-evidence-toolbar button.active {
  border-color: #6277d9;
  background: rgba(98, 119, 217, 0.16);
  color: #d7deff;
}
.eta-stripe-evidence-toolbar button:disabled {
  cursor: not-allowed;
  opacity: 0.4;
}
.eta-stripe-evidence-toolbar .eta-stripe-evidence-zoom-value {
  min-width: 48px;
  font-variant-numeric: tabular-nums;
}
.eta-stripe-evidence-toolbar-separator {
  width: 1px;
  height: 20px;
  margin: 0 2px;
  background: #3a4652;
}
.eta-stripe-evidence-viewport {
  flex: 1;
  min-height: 0;
  overflow: auto;
  overscroll-behavior: contain;
  background: #121920;
}
.eta-stripe-evidence-canvas {
  display: grid;
  place-items: center;
  min-width: 100%;
  min-height: 100%;
  transition: width 0.14s ease,
    height 0.14s ease;
}
.eta-stripe-evidence-canvas img {
  width: 100%;
  height: 100%;
  padding: 24px;
  box-sizing: border-box;
  object-fit: contain;
  border-radius: 5px;
  transition: filter 0.14s ease;
}
@keyframes eta-sheet-in {
  from {
    transform: translateX(24px);
    opacity: 0.4;
  }
  to {
    transform: none;
    opacity: 1;
  }
}
@keyframes eta-sheet-fade {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
html[data-theme="light"] .eta-stripe-title h1 {
  color: #172331;
}
html[data-theme="light"] .eta-stripe-metrics,
html[data-theme="light"] .eta-stripe-section,
html[data-theme="light"] .eta-stripe-review {
  border-color: #dbe3ea;
  background: #fff;
}
html[data-theme="light"] .eta-stripe-metric,
html[data-theme="light"] .eta-stripe-section > header,
html[data-theme="light"] .eta-stripe-tabs {
  border-color: #dbe3ea;
}
html[data-theme="light"] .eta-stripe-metric > strong,
html[data-theme="light"] .eta-stripe-section h2,
html[data-theme="light"] .eta-stripe-details dd,
html[data-theme="light"] .eta-stripe-transaction strong {
  color: #263545;
}
html[data-theme="light"] .eta-stripe-transaction:hover,
html[data-theme="light"] .eta-stripe-evidence button:hover {
  background: #f6f8fa;
}
html[data-theme="light"] .eta-stripe-list-matches {
  background: #dbe3ea;
}
html[data-theme="light"] .eta-stripe-list-matches article {
  background: #fff;
}
html[data-theme="light"] .eta-stripe-list-matches article > header {
  border-color: #dbe3ea;
}
html[data-theme="light"] .eta-stripe-list-matches article > header strong {
  color: #5d2b30;
}
html[data-theme="light"] .eta-email-modal,
html[data-theme="light"] .eta-email-modal > footer {
  border-color: #dbe3ea;
  background: #fff;
}
html[data-theme="light"] .eta-email-modal > header,
html[data-theme="light"] .eta-requested-documents article {
  border-color: #dbe3ea;
}
html[data-theme="light"] .eta-email-modal header h2,
html[data-theme="light"] .eta-email-note > span,
html[data-theme="light"] .eta-email-request-files strong,
html[data-theme="light"] .eta-requested-documents strong {
  color: #263545;
}
html[data-theme="light"] .eta-email-request-files,
html[data-theme="light"] .eta-requested-document-icon,
html[data-theme="light"] .eta-requested-documents button {
  border-color: #d7e0e8;
  background: #f6f8fa;
  color: #425466;
}
@media (max-width: 1180px) {
  .eta-stripe-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .eta-stripe-metric:nth-child(2) {
    border-right: 0;
  }
  .eta-stripe-metric:nth-child(-n + 2) {
    border-bottom: 1px solid #303a45;
  }
  .eta-stripe-evidence.compact {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 900px) {
  .eta-stripe-layout {
    grid-template-columns: 1fr;
  }
  .eta-stripe-review {
    position: static;
    grid-row: 1;
  }
  .eta-stripe-transaction {
    grid-template-columns: 36px minmax(120px, 1fr) 80px 18px;
  }
  .eta-stripe-transaction > span:nth-child(4) {
    display: none;
  }
}
@media (max-width: 620px) {
  .eta-stripe-topline {
    align-items: flex-start;
  }
  .eta-stripe-primary {
    display: none;
  }
  .eta-stripe-header {
    align-items: flex-start;
  }
  .eta-stripe-title > div {
    align-items: flex-start;
  }
  .eta-stripe-title h1 {
    font-size: 20px;
  }
  .eta-stripe-tabs {
    gap: 16px;
    overflow-x: auto;
  }
  .eta-stripe-metrics {
    grid-template-columns: 1fr;
  }
  .eta-stripe-metric,
  .eta-stripe-metric:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid #303a45;
  }
  .eta-stripe-metric:last-child {
    border-bottom: 0;
  }
  .eta-stripe-details.columns-2 {
    grid-template-columns: 1fr;
  }
  .eta-stripe-details.columns-2 > div:nth-last-child(2) {
    border-bottom: 1px solid #2b3540;
  }
  .eta-stripe-evidence,
  .eta-stripe-evidence.compact {
    grid-template-columns: 1fr;
  }
  .eta-stripe-transaction {
    grid-template-columns: 32px minmax(0, 1fr) 18px;
  }
  .eta-stripe-transaction > span:nth-child(3),
  .eta-stripe-transaction > span:nth-child(4) {
    display: none;
  }
  .eta-stripe-sheet {
    width: 100%;
  }
}
.stripe-dashboard-page {
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  color: var(--enterprise-text);
}
.stripe-dashboard-page > .page-header {
  min-height: 82px;
  align-items: center;
  margin: 0 0 4px;
  padding: 4px 0 20px;
  border-bottom: 1px solid var(--enterprise-border);
}
.stripe-dashboard-page > .page-header p {
  margin-bottom: 6px;
  color: var(--enterprise-accent);
  font-size: 9px;
  letter-spacing: 0.09em;
}
.stripe-dashboard-page > .page-header h1 {
  color: var(--enterprise-text);
  font-size: 25px;
  font-weight: 700;
  letter-spacing: -0.025em;
}
.stripe-dashboard-page > .page-header > div > span {
  max-width: 760px;
  margin-top: 6px;
  color: var(--enterprise-muted);
  font-size: 10px;
}
.stripe-dashboard-page .panel,
.stripe-dashboard-page .date-filter-strip,
.stripe-dashboard-page .api-pnr-ops-console {
  border-color: var(--enterprise-border);
  border-radius: 9px;
  background: var(--enterprise-surface);
  box-shadow: 0 1px 2px rgba(8, 15, 24, 0.08);
}
.stripe-dashboard-page .panel > header {
  min-height: 50px;
  padding: 11px 15px;
  border-bottom-color: var(--enterprise-border);
}
.stripe-dashboard-page .panel > header h2 {
  color: var(--enterprise-text);
  font-size: 12px;
  font-weight: 750;
}
.stripe-dashboard-page .panel > header p {
  margin-top: 3px;
  color: var(--enterprise-muted);
  font-size: 9px;
}
.eta-stripe-list-workspace {
  gap: 16px;
}
.eta-stripe-list-workspace .eta-intake-overview {
  grid-template-columns: minmax(420px, 0.9fr) minmax(0, 1.1fr);
  gap: 16px;
}
.eta-stripe-list-workspace .eta-date-filter-strip {
  padding: 13px;
}
.eta-stripe-list-workspace .segmented-control {
  padding: 3px;
  border: 1px solid var(--enterprise-border);
  border-radius: 7px;
  background: var(--enterprise-surface-subtle);
}
.eta-stripe-list-workspace .segmented-control button {
  border: 0;
  border-radius: 5px;
  background: transparent;
  color: var(--enterprise-muted);
  box-shadow: none;
}
.eta-stripe-list-workspace .segmented-control button.active {
  background: var(--enterprise-surface-raised);
  color: var(--enterprise-text);
  box-shadow: 0 1px 3px rgba(8, 15, 24, 0.12),
    inset 0 0 0 1px var(--enterprise-border);
}
.eta-stripe-list-workspace .eta-summary-metrics,
.api-pnr-stripe-workspace > .metric-grid,
.administration-stripe-workspace > .metric-grid {
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--enterprise-border);
  border-radius: 9px;
  background: var(--enterprise-surface);
}
.eta-stripe-list-workspace .eta-summary-metrics .metric-card,
.api-pnr-stripe-workspace > .metric-grid .metric-card,
.administration-stripe-workspace > .metric-grid .metric-card {
  min-height: 94px;
  padding: 14px;
  border: 0;
  border-right: 1px solid var(--enterprise-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.eta-stripe-list-workspace .eta-summary-metrics .metric-card:last-child,
.api-pnr-stripe-workspace > .metric-grid .metric-card:last-child,
.administration-stripe-workspace > .metric-grid .metric-card:last-child {
  border-right: 0;
}
.eta-stripe-list-workspace .metric-icon,
.api-pnr-stripe-workspace > .metric-grid .metric-icon,
.administration-stripe-workspace > .metric-grid .metric-icon {
  width: 30px;
  height: 30px;
  border: 1px solid var(--enterprise-border);
  border-radius: 7px;
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-accent);
}
.eta-stripe-list-workspace .eta-filter-grid {
  background: var(--enterprise-surface-subtle);
}
.eta-stripe-list-workspace .eta-queue-summary,
.eta-stripe-list-workspace .table-pagination-bar {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
.eta-stripe-list-workspace .eta-application-card-grid {
  grid-template-columns: repeat(3, minmax(260px, 1fr));
  gap: 12px;
  padding: 13px;
  background: transparent;
}
.eta-stripe-list-workspace .eta-application-card {
  min-height: 250px;
  gap: 12px;
  padding: 14px;
  border-color: var(--enterprise-border);
  border-radius: 8px;
  background: var(--enterprise-surface);
  box-shadow: none;
}
.eta-stripe-list-workspace .eta-application-card:hover,
.eta-stripe-list-workspace .eta-application-card:focus-visible {
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-raised);
  box-shadow: 0 7px 18px rgba(8, 15, 24, 0.12);
  transform: translateY(-1px);
}
.eta-stripe-list-workspace .eta-card-avatar {
  border-radius: 9px;
}
.api-pnr-stripe-workspace {
  display: grid;
  gap: 16px;
}
.api-pnr-stripe-workspace .api-pnr-ops-console,
.api-pnr-stripe-workspace .workspace-toast,
.api-pnr-stripe-workspace .workspace-tabs,
.api-pnr-stripe-workspace .metric-grid,
.api-pnr-stripe-workspace .api-pnr-vector-grid,
.api-pnr-stripe-workspace .panel,
.api-pnr-stripe-workspace .content-grid {
  margin-top: 0;
  margin-bottom: 0;
}
.api-pnr-stripe-workspace .api-pnr-ops-console {
  gap: 0;
  overflow: hidden;
}
.api-pnr-stripe-workspace .api-pnr-ops-primary,
.api-pnr-stripe-workspace .api-pnr-readiness-bar {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
.api-pnr-stripe-workspace .api-pnr-ops-kpis button {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface);
}
.api-pnr-stripe-workspace .workspace-toast {
  min-height: 38px;
  border-radius: 7px;
}
.api-pnr-stripe-workspace .workspace-tabs {
  gap: 22px;
  padding: 0;
  border: 0;
  border-bottom: 1px solid var(--enterprise-border);
  border-radius: 0;
  background: transparent;
}
.api-pnr-stripe-workspace .workspace-tabs button {
  position: relative;
  min-height: 40px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--enterprise-muted);
  box-shadow: none;
}
.api-pnr-stripe-workspace .workspace-tabs button:hover,
.api-pnr-stripe-workspace .workspace-tabs button.active {
  background: transparent;
  color: var(--enterprise-text);
  box-shadow: none;
}
.api-pnr-stripe-workspace .workspace-tabs button.active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background: #8094f2;
}
.api-pnr-stripe-workspace .api-pnr-vector-grid {
  gap: 10px;
}
.api-pnr-stripe-workspace .vector-card {
  min-height: 132px;
  border-radius: 8px;
  box-shadow: none;
}
.api-pnr-stripe-workspace .vector-card::before {
  width: 2px;
}
.administration-stripe-workspace {
  display: grid;
  gap: 16px;
}
.administration-stripe-workspace .admin-warning,
.administration-stripe-workspace > .metric-grid,
.administration-stripe-workspace > .panel,
.administration-stripe-workspace .eta-config-status,
.administration-stripe-workspace .eta-config-summary,
.administration-stripe-workspace .eta-fee-editor,
.administration-stripe-workspace .eta-config-card {
  margin-top: 0;
  margin-bottom: 0;
}
.administration-stripe-tabs {
  display: flex;
  align-items: center;
  gap: 24px;
  overflow-x: auto;
  border-bottom: 1px solid var(--enterprise-border);
}
.administration-stripe-tabs a {
  position: relative;
  height: 40px;
  display: inline-flex;
  align-items: center;
  color: var(--enterprise-muted);
  font-size: 10px;
  font-weight: 700;
  white-space: nowrap;
}
.administration-stripe-tabs a:hover,
.administration-stripe-tabs a.active {
  color: var(--enterprise-text);
}
.administration-stripe-tabs a.active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background: #8094f2;
}
.administration-stripe-workspace .admin-warning {
  min-height: 42px;
  border-radius: 7px;
}
.administration-stripe-workspace .toolbar {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
.identity-notice {
  min-height: 42px;
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 9px 12px;
  border: 1px solid var(--enterprise-border);
  border-radius: 7px;
  background: var(--enterprise-surface);
  color: var(--enterprise-muted);
  font-size: 10px;
}
.identity-notice.success {
  border-color: rgba(64, 213, 155, 0.26);
  background: rgba(64, 213, 155, 0.08);
  color: #5bd7aa;
}
.identity-notice.error {
  border-color: rgba(255, 102, 119, 0.28);
  background: rgba(255, 102, 119, 0.08);
  color: #ff8794;
}
.identity-notice > span {
  display: flex;
  min-width: 0;
  flex: 1;
  flex-direction: column;
  gap: 2px;
}
.identity-notice > button:not(.secondary-button) {
  margin-left: auto;
  display: grid;
  place-items: center;
  padding: 4px;
  border: 0;
  background: transparent;
  color: inherit;
}
.identity-directory-toolbar {
  min-height: 51px;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 9px 13px;
  border-bottom: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
.identity-directory-toolbar label {
  min-width: 260px;
  max-width: 520px;
  height: 33px;
  display: flex;
  flex: 1;
  align-items: center;
  gap: 8px;
  padding: 0 10px;
  border: 1px solid var(--enterprise-border);
  border-radius: 6px;
  background: var(--enterprise-surface);
  color: var(--enterprise-muted);
}
.identity-directory-toolbar input {
  min-width: 0;
  flex: 1;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  font-size: 10px;
}
.identity-directory-toolbar > span {
  margin-left: auto;
  color: var(--enterprise-muted);
  font-size: 9px;
  font-weight: 700;
}
.identity-person,
.identity-person strong,
.identity-person small {
  display: block;
}
.identity-person strong {
  color: var(--enterprise-text);
}
.identity-person small {
  margin-top: 3px;
  color: var(--enterprise-muted);
  font-size: 8px;
  font-weight: 500;
}
.identity-role-list {
  display: flex;
  max-width: 310px;
  flex-wrap: wrap;
  gap: 4px;
}
.identity-role-list small {
  padding: 3px 5px;
  border: 1px solid rgba(128, 148, 242, 0.22);
  border-radius: 4px;
  background: rgba(128, 148, 242, 0.08);
  color: #a9b5ff;
  font-size: 7px;
  font-weight: 700;
}
.identity-empty {
  min-height: 160px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 6px;
  color: var(--enterprise-muted);
}
.identity-empty strong {
  color: var(--enterprise-text);
  font-size: 11px;
}
.identity-empty span {
  font-size: 9px;
}
.identity-modal-backdrop {
  position: fixed;
  inset: 0;
  z-index: 200;
  display: grid;
  place-items: center;
  padding: 24px;
  background: rgba(3, 7, 13, 0.78);
  backdrop-filter: blur(5px);
}
.identity-create-modal {
  width: min(900px, 100%);
  max-height: calc(100vh - 48px);
  overflow: hidden;
  border: 1px solid #343d49;
  border-radius: 13px;
  background: #181d25;
  box-shadow: 0 30px 100px rgba(0, 0, 0, 0.58);
}
.identity-create-modal > header {
  min-height: 76px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  padding: 17px 20px;
  border-bottom: 1px solid #2b323c;
  background: #1b212a;
}
.identity-create-modal > header span {
  color: #8294ff;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.09em;
  text-transform: uppercase;
}
.identity-create-modal > header h2 {
  margin: 5px 0 3px;
  color: #f2f5f9;
  font-size: 17px;
}
.identity-create-modal > header p {
  margin: 0;
  color: #8994a4;
  font-size: 9px;
}
.identity-create-modal > header button {
  display: grid;
  place-items: center;
  padding: 6px;
  border: 0;
  border-radius: 6px;
  background: #252c36;
  color: #aeb8c5;
}
.identity-create-modal form {
  max-height: calc(100vh - 124px);
  overflow-y: auto;
}
.identity-form-section {
  padding: 18px 20px;
  border-bottom: 1px solid #292f39;
}
.identity-form-section h3 {
  margin: 0 0 12px;
  color: #e9edf3;
  font-size: 11px;
}
.identity-section-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 20px;
  margin-bottom: 12px;
}
.identity-section-heading h3 {
  margin-bottom: 3px;
}
.identity-section-heading p {
  margin: 0;
  color: #7e8999;
  font-size: 8px;
}
.identity-section-heading > span {
  padding: 4px 6px;
  border-radius: 4px;
  background: rgba(128, 148, 242, 0.12);
  color: #aab6ff;
  font-size: 8px;
  font-weight: 800;
}
.identity-form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.identity-field {
  min-width: 0;
  display: grid;
  gap: 6px;
  color: #9da7b5;
  font-size: 8px;
  font-weight: 750;
}
.identity-field > input,
.identity-field > select,
.identity-password-input {
  width: 100%;
  min-height: 38px;
  border: 1px solid #343c48;
  border-radius: 6px;
  background: #141920;
  color: #e2e7ee;
}
.identity-field > input,
.identity-field > select {
  padding: 0 10px;
  font-size: 10px;
  outline: 0;
}
.identity-field > input:focus,
.identity-field > select:focus,
.identity-password-input:focus-within {
  border-color: #7182ff;
  box-shadow: 0 0 0 3px rgba(113, 130, 255, 0.1);
}
.identity-role-frameworks {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}
.identity-role-frameworks fieldset {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 5px;
  margin: 0;
  padding: 10px;
  border: 1px solid #303743;
  border-radius: 8px;
  background: #151a21;
}
.identity-role-frameworks legend {
  padding: 0 5px;
  color: #8395ff;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.identity-role-frameworks label {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: flex-start;
  gap: 8px;
  padding: 8px;
  border: 1px solid transparent;
  border-radius: 6px;
  cursor: pointer;
}
.identity-role-frameworks label:hover {
  background: #1e242d;
}
.identity-role-frameworks label.selected {
  border-color: rgba(128, 148, 242, 0.28);
  background: rgba(128, 148, 242, 0.09);
}
.identity-role-frameworks input {
  margin-top: 2px;
  accent-color: #7182ff;
}
.identity-role-frameworks strong,
.identity-role-frameworks small {
  display: block;
}
.identity-role-frameworks strong {
  color: #dce2ea;
  font-size: 9px;
}
.identity-role-frameworks small {
  margin-top: 3px;
  color: #778394;
  font-size: 7px;
  line-height: 1.35;
}
.identity-password-policy {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-bottom: 12px;
  padding: 9px 10px;
  border: 1px solid rgba(244, 174, 79, 0.22);
  border-radius: 6px;
  background: rgba(244, 174, 79, 0.07);
  color: #e9b766;
}
.identity-password-policy span,
.identity-password-policy strong,
.identity-password-policy small {
  display: block;
}
.identity-password-policy strong {
  font-size: 9px;
}
.identity-password-policy small {
  margin-top: 2px;
  color: #9e8c70;
  font-size: 8px;
  font-weight: 500;
}
.identity-password-input {
  display: flex;
  align-items: center;
}
.identity-password-input input {
  min-width: 0;
  flex: 1;
  padding: 0 10px;
  border: 0;
  outline: 0;
  background: transparent;
  color: #e2e7ee;
  font-size: 10px;
}
.identity-password-input button {
  display: grid;
  place-items: center;
  padding: 7px;
  border: 0;
  background: transparent;
  color: #8995a5;
}
.identity-password-help {
  margin: 8px 0 0;
  color: #778394;
  font-size: 8px;
}
.identity-account-toggle {
  display: flex;
  align-items: center;
  gap: 9px;
  margin-top: 13px;
  padding: 10px;
  border: 1px solid var(--enterprise-border);
  border-radius: 7px;
  background: var(--enterprise-surface-subtle);
  cursor: pointer;
}
.identity-account-toggle input {
  accent-color: #7182ff;
}
.identity-account-toggle span,
.identity-account-toggle strong,
.identity-account-toggle small {
  display: block;
}
.identity-account-toggle strong {
  color: var(--enterprise-text);
  font-size: 9px;
}
.identity-account-toggle small {
  margin-top: 2px;
  color: var(--enterprise-muted);
  font-size: 8px;
  font-weight: 500;
}
.identity-form-error {
  margin: 12px 20px 0;
  padding: 9px 10px;
  border: 1px solid rgba(255, 102, 119, 0.28);
  border-radius: 6px;
  background: rgba(255, 102, 119, 0.08);
  color: #ff8794;
  font-size: 9px;
}
.identity-create-modal form > footer {
  position: sticky;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 13px 20px;
  border-top: 1px solid #2b323c;
  background: #1b212a;
}
.identity-create-modal button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}
.identity-create-page-form {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  align-items: start;
  gap: 16px;
}
.identity-create-page-main {
  min-width: 0;
  display: grid;
  gap: 14px;
}
.identity-create-page-card,
.identity-create-summary {
  border: 1px solid var(--enterprise-border);
  border-radius: 10px;
  background: var(--enterprise-surface);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.14);
}
.identity-create-page-card {
  overflow: hidden;
}
.identity-create-page-card > header {
  min-height: 66px;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 13px 16px;
  border-bottom: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
.identity-create-page-card > header > span {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(128, 148, 242, 0.24);
  border-radius: 8px;
  background: rgba(128, 148, 242, 0.09);
  color: #92a2ff;
}
.identity-create-page-card > header > div {
  min-width: 0;
  flex: 1;
}
.identity-create-page-card > header h2 {
  margin: 0;
  color: var(--enterprise-text);
  font-size: 12px;
}
.identity-create-page-card > header p {
  margin: 3px 0 0;
  color: var(--enterprise-muted);
  font-size: 8px;
}
.identity-create-page-card > header b {
  padding: 4px 6px;
  border-radius: 4px;
  background: rgba(128, 148, 242, 0.12);
  color: #aab6ff;
  font-size: 8px;
}
.identity-create-page-card .identity-form-section {
  border-bottom: 0;
}
.identity-create-page-card .identity-role-frameworks label {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.identity-role-loading {
  min-height: 180px;
  display: grid;
  place-items: center;
  color: var(--enterprise-muted);
  font-size: 9px;
}
.identity-form-error.inline {
  margin: 12px 0 0;
}
.identity-create-summary {
  position: sticky;
  top: 0;
  overflow: hidden;
}
.identity-create-summary > div:first-child {
  padding: 17px;
  border-bottom: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
.identity-create-summary > div:first-child > span {
  color: #8294ff;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.identity-create-summary h2 {
  margin: 7px 0 3px;
  color: var(--enterprise-text);
  font-size: 15px;
  overflow-wrap: anywhere;
}
.identity-create-summary p {
  margin: 0;
  color: var(--enterprise-muted);
  font-size: 8px;
  overflow-wrap: anywhere;
}
.identity-create-summary dl {
  margin: 0;
  padding: 8px 16px;
  border-bottom: 1px solid var(--enterprise-border);
}
.identity-create-summary dl div {
  min-height: 31px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  border-bottom: 1px solid var(--enterprise-border);
}
.identity-create-summary dl div:last-child {
  border-bottom: 0;
}
.identity-create-summary dt {
  color: var(--enterprise-muted);
  font-size: 8px;
}
.identity-create-summary dd {
  margin: 0;
  color: var(--enterprise-text);
  font-size: 8px;
  font-weight: 750;
  text-align: right;
  overflow-wrap: anywhere;
}
.identity-create-summary ul {
  max-height: 250px;
  display: grid;
  gap: 5px;
  overflow-y: auto;
  margin: 0;
  padding: 12px 16px;
  border-bottom: 1px solid var(--enterprise-border);
  list-style: none;
}
.identity-create-summary li {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: flex-start;
  gap: 7px;
  padding: 7px;
  border-radius: 6px;
  background: var(--enterprise-surface-subtle);
  color: #8fa0ff;
}
.identity-create-summary li strong,
.identity-create-summary li small {
  display: block;
}
.identity-create-summary li strong {
  color: var(--enterprise-text);
  font-size: 8px;
}
.identity-create-summary li small {
  margin-top: 2px;
  color: var(--enterprise-muted);
  font-size: 7px;
}
.identity-summary-empty {
  padding: 16px;
  border-bottom: 1px solid var(--enterprise-border);
  color: var(--enterprise-muted);
  font-size: 8px;
  text-align: center;
}
.identity-create-summary > .identity-form-error {
  margin: 12px 16px 0;
}
.identity-create-summary > button,
.identity-create-summary > a {
  width: calc(100% - 32px);
  min-height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 12px 16px 0;
}
.identity-create-summary > a {
  margin-top: 7px;
  margin-bottom: 16px;
}
.identity-create-summary button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}
@media (max-width: 720px) {
  .identity-modal-backdrop {
    padding: 0;
  }
  .identity-create-modal {
    max-height: 100vh;
    border-radius: 0;
  }
  .identity-create-modal form {
    max-height: calc(100vh - 76px);
  }
  .identity-form-grid,
  .identity-role-frameworks {
    grid-template-columns: 1fr;
  }
  .identity-directory-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .identity-directory-toolbar label {
    min-width: 0;
    width: 100%;
  }
  .identity-create-page-form {
    grid-template-columns: 1fr;
  }
  .identity-create-summary {
    position: static;
  }
}
@media (min-width: 721px) and (max-width: 1100px) {
  .identity-create-page-form {
    grid-template-columns: minmax(0, 1fr) 260px;
  }
}
.eta-config-stripe-workspace .eta-config-status,
.eta-config-stripe-workspace .eta-fee-editor,
.eta-config-stripe-workspace .eta-config-card,
.eta-config-stripe-workspace .eta-config-summary {
  border-color: var(--enterprise-border);
  border-radius: 9px;
  background: var(--enterprise-surface);
  box-shadow: 0 1px 2px rgba(8, 15, 24, 0.08);
}
.eta-config-stripe-workspace .eta-config-status {
  min-height: 42px;
  padding: 10px 13px;
}
.eta-config-stripe-workspace .eta-config-summary {
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--enterprise-border);
}
.eta-config-stripe-workspace .eta-config-summary article {
  min-height: 92px;
  padding: 14px;
  border: 0;
  border-right: 1px solid var(--enterprise-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--enterprise-accent);
}
.eta-config-stripe-workspace .eta-config-summary article:last-child {
  border-right: 0;
}
.eta-config-stripe-workspace .eta-config-summary article > svg,
.eta-config-stripe-workspace .eta-config-icon {
  border: 1px solid var(--enterprise-border);
  border-radius: 7px;
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-accent);
}
.eta-config-stripe-workspace .eta-config-card-header {
  min-height: 56px;
  padding: 12px 15px;
  border-bottom-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
.eta-config-stripe-workspace .eta-config-card-header h2,
.eta-config-stripe-workspace .eta-fee-editor h2 {
  color: var(--enterprise-text);
  font-size: 12px;
}
.eta-config-stripe-workspace .eta-config-card-header p,
.eta-config-stripe-workspace .eta-fee-editor p,
.eta-config-stripe-workspace .eta-fee-editor small {
  color: var(--enterprise-muted);
  font-size: 9px;
}
.flight-stripe-workspace {
  scroll-behavior: smooth;
}
.flight-stripe-workspace .eta-stripe-topline {
  margin-bottom: 8px;
}
.flight-stripe-workspace .eta-stripe-icon-button {
  color: #aebbc7;
}
.flight-stripe-workspace .flight-stripe-header {
  padding-bottom: 18px;
}
.flight-stripe-workspace .flight-stripe-header .eta-stripe-avatar {
  color: #afc0d0;
}
.flight-stripe-workspace .flight-stripe-metrics {
  margin-bottom: 18px;
}
.flight-stripe-tabs {
  gap: 24px;
}
.flight-stripe-tabs a {
  position: relative;
  height: 38px;
  display: inline-flex;
  align-items: center;
  color: #82909d;
  font-size: 10px;
  font-weight: 700;
}
.flight-stripe-tabs a:first-child,
.flight-stripe-tabs a:hover {
  color: #e6ebef;
}
.flight-stripe-tabs a:first-child::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background: #8094f2;
}
.flight-stripe-content {
  display: grid;
  gap: 16px;
  padding-top: 20px;
}
.flight-stripe-content > section {
  scroll-margin-top: 20px;
}
.flight-stripe-content .panel {
  border-color: #303a45;
  border-radius: 9px;
  background: #1d252e;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
}
.flight-stripe-content .panel > header {
  min-height: 50px;
  padding: 11px 15px;
  border-bottom-color: #303a45;
}
.flight-stripe-content .panel > header h2 {
  color: #e3e9ee;
  font-size: 12px;
}
.flight-stripe-content .panel > header p {
  color: #7f8d99;
  font-size: 9px;
}
html[data-theme="light"] .flight-stripe-tabs a {
  color: #657487;
}
html[data-theme="light"] .flight-stripe-tabs a:first-child,
html[data-theme="light"] .flight-stripe-tabs a:hover {
  color: #1d2b39;
}
html[data-theme="light"] .flight-stripe-workspace .eta-stripe-icon-button {
  color: #536679;
}
html[data-theme="light"] .flight-stripe-content .panel {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface);
}
html[data-theme="light"] .flight-stripe-content .panel > header {
  border-bottom-color: var(--enterprise-border);
}
html[data-theme="light"] .flight-stripe-content .panel > header h2 {
  color: var(--enterprise-text);
}
html[data-theme="light"] .flight-stripe-content .panel > header p {
  color: var(--enterprise-muted);
}
@media (max-width: 1180px) {
  .eta-stripe-list-workspace .eta-intake-overview {
    grid-template-columns: 1fr;
  }
  .eta-stripe-list-workspace .eta-application-card-grid {
    grid-template-columns: repeat(2, minmax(260px, 1fr));
  }
  .api-pnr-stripe-workspace .api-pnr-ops-console {
    grid-template-columns: 1fr;
  }
  .api-pnr-stripe-workspace .api-pnr-ops-primary {
    border-right: 0;
    border-bottom: 1px solid var(--enterprise-border);
  }
}
@media (max-width: 760px) {
  .stripe-dashboard-page > .page-header {
    align-items: flex-start;
  }
  .eta-stripe-list-workspace .eta-summary-metrics,
  .api-pnr-stripe-workspace > .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .eta-stripe-list-workspace .eta-summary-metrics .metric-card:nth-child(2),
  .api-pnr-stripe-workspace > .metric-grid .metric-card:nth-child(2) {
    border-right: 0;
  }
  .eta-stripe-list-workspace
    .eta-summary-metrics
    .metric-card:nth-child(-n + 2),
  .api-pnr-stripe-workspace > .metric-grid .metric-card:nth-child(-n + 2) {
    border-bottom: 1px solid var(--enterprise-border);
  }
  .eta-stripe-list-workspace .eta-application-card-grid {
    grid-template-columns: 1fr;
  }
  .api-pnr-stripe-workspace .api-pnr-ops-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .api-pnr-stripe-workspace .api-pnr-ops-kpis button:nth-child(2) {
    border-right: 0;
  }
  .flight-stripe-tabs {
    overflow-x: auto;
  }
}
@media (max-width: 520px) {
  .eta-stripe-list-workspace .eta-date-range-fields {
    grid-template-columns: 1fr;
  }
  .eta-stripe-list-workspace .eta-summary-metrics,
  .api-pnr-stripe-workspace > .metric-grid {
    grid-template-columns: 1fr;
  }
  .eta-stripe-list-workspace .eta-summary-metrics .metric-card,
  .eta-stripe-list-workspace .eta-summary-metrics .metric-card:nth-child(2),
  .api-pnr-stripe-workspace > .metric-grid .metric-card,
  .api-pnr-stripe-workspace > .metric-grid .metric-card:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid var(--enterprise-border);
  }
  .eta-stripe-list-workspace .eta-summary-metrics .metric-card:last-child,
  .api-pnr-stripe-workspace > .metric-grid .metric-card:last-child {
    border-bottom: 0;
  }
}
.api-pnr-stripe-workspace .api-pnr-ops-kpis {
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.api-pnr-submission-view {
  animation: api-pnr-panel-enter 220ms ease-out both;
}
.api-pnr-submission-receipt {
  max-width: 240px;
}
.api-pnr-submission-receipt > span,
.api-pnr-submission-receipt > small {
  display: block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.api-pnr-submission-receipt > small {
  margin-top: 4px;
  color: #d18c62;
  font-size: 8px;
}
@keyframes api-pnr-panel-enter {
  from {
    opacity: 0;
    transform: translateY(6px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.api-pnr-risk-score {
  --risk-accent: #7194c5;
  --risk-soft: rgba(113, 148, 197, 0.12);
  min-width: 108px;
  display: inline-grid;
  grid-template-columns: 34px minmax(58px, 1fr);
  align-items: center;
  gap: 8px;
}
.api-pnr-risk-score > strong {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 1px solid var(--risk-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--risk-accent) 48%, var(--enterprise-border));
  }
  border-radius: 9px;
  background: var(--risk-soft);
  color: var(--risk-accent);
  font-size: 12px;
  font-weight: 800;
}
.api-pnr-risk-score > span,
.api-pnr-risk-score > span > b,
.api-pnr-risk-score > span > i {
  display: block;
}
.api-pnr-risk-score > span > b {
  margin-bottom: 6px;
  color: var(--risk-accent);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}
.api-pnr-risk-score > span > i {
  height: 5px;
  overflow: hidden;
  border-radius: 999px;
  background: var(--enterprise-surface-subtle);
  box-shadow: inset 0 0 0 1px var(--enterprise-border);
}
.api-pnr-risk-score > span > i > em {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--risk-accent);
}
.api-pnr-risk-score.low {
  --risk-accent: #47b78b;
  --risk-soft: rgba(71, 183, 139, 0.12);
}
.api-pnr-risk-score.watch {
  --risk-accent: #638fe4;
  --risk-soft: rgba(99, 143, 228, 0.12);
}
.api-pnr-risk-score.high {
  --risk-accent: #dc9b3e;
  --risk-soft: rgba(220, 155, 62, 0.13);
}
.api-pnr-risk-score.critical {
  --risk-accent: #e0616e;
  --risk-soft: rgba(224, 97, 110, 0.13);
}
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .panel,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .passenger-risk-rail .panel,
html:not([data-theme="light"]) .flight-stripe-workspace .panel,
html:not([data-theme="light"]) .api-pnr-stripe-workspace .panel {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface);
  color: var(--enterprise-text);
  box-shadow: var(--api-pnr-soft-shadow);
}
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .profile-summary,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .info-grid,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .detail-grid,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .signal-list > div,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .payment-list > div,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .activity-feed > div,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .handoff-list,
html:not([data-theme="light"]) .flight-stripe-workspace .flight-linkage-facts,
html:not([data-theme="light"]) .flight-stripe-workspace .case-toolbar {
  border-color: var(--enterprise-border);
  background: transparent;
}
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .profile-avatar,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .quick-facts > div,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .route-leg-card,
html:not([data-theme="light"]) .flight-stripe-workspace .flight-linkage-facts > div {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-accent);
}
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .profile-summary h3,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .info-grid strong,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .detail-grid strong,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .signal-list strong,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .payment-list strong,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .activity-feed strong,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .case-banner strong {
  color: var(--enterprise-text);
}
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .profile-summary p,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .profile-summary span,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .info-grid span,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .detail-grid span,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .signal-list span,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .signal-list small,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .payment-list small,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .activity-feed p,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .activity-feed time,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .case-banner span {
  color: var(--enterprise-muted);
}
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace .data-table,
html:not([data-theme="light"]) .flight-stripe-workspace .data-table,
html:not([data-theme="light"]) .api-pnr-stripe-workspace .data-table {
  background: var(--enterprise-surface);
  color: var(--enterprise-text);
}
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace input,
html:not([data-theme="light"]) .api-pnr-passenger-stripe-workspace select,
html:not([data-theme="light"]) .flight-stripe-workspace input,
html:not([data-theme="light"]) .flight-stripe-workspace select,
html:not([data-theme="light"]) .api-pnr-stripe-workspace input,
html:not([data-theme="light"]) .api-pnr-stripe-workspace select {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-text);
  color-scheme: dark;
}
@media (max-width: 1050px) {
  .api-pnr-stripe-workspace .api-pnr-ops-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 680px) {
  .api-pnr-stripe-workspace .api-pnr-ops-kpis {
    grid-template-columns: 1fr;
  }
}
html[data-theme] .list-import-page {
  --list-blue: #7ea6d0;
  --list-blue-strong: #91b8e0;
  --list-green: #61bd96;
  --list-amber: #dbab63;
  --list-red: #df7882;
  color: var(--enterprise-text);
}
html[data-theme] .list-import-hero {
  align-items: center;
  margin-bottom: 16px;
  padding: 8px 0 20px;
  border-bottom: 1px solid var(--enterprise-border);
}
html[data-theme] .list-import-eyebrow,
html[data-theme] .list-section-heading span,
html[data-theme] .import-data-header > div > span,
html[data-theme] .person-detail-title > div > span,
html[data-theme] .import-table-panel > header span {
  color: var(--list-blue);
  font-size: 10px;
  font-weight: 750;
  letter-spacing: 0.09em;
}
html[data-theme] .list-import-hero h1 {
  margin: 8px 0 6px;
  color: var(--enterprise-text);
  font-size: clamp(27px, 3vw, 36px);
  font-weight: 720;
  letter-spacing: -0.035em;
}
html[data-theme] .list-import-hero p {
  color: var(--enterprise-muted);
  font-size: 12px;
  line-height: 1.6;
}
html[data-theme] .list-import-hero-meta > div {
  border-color: var(--enterprise-border);
}
html[data-theme] .list-import-hero-meta strong {
  color: var(--enterprise-text);
  font-size: 22px;
}
html[data-theme] .list-import-hero-meta span {
  color: var(--enterprise-muted);
  font-size: 9px;
}
html[data-theme] .list-import-hero-meta button,
html[data-theme] .import-history-pagination button {
  min-height: 36px;
  border: 1px solid var(--enterprise-border-strong);
  border-radius: 8px;
  background: var(--enterprise-surface-raised);
  color: var(--enterprise-text);
  font-size: 10px;
  transition: border-color 0.16s ease, background 0.16s ease, transform 0.16s ease;
}
html[data-theme] .list-import-hero-meta button:hover,
html[data-theme] .import-history-pagination button:hover:not(:disabled) {
  transform: translateY(-1px);
  border-color: var(--list-blue);
  background: var(--enterprise-surface-subtle);
}
html[data-theme] .list-import-safety {
  padding: 14px 16px;
  border: 1px solid rgba(126, 166, 208, 0.28);
  border-radius: 10px;
  background: rgba(126, 166, 208, 0.07);
  color: var(--list-blue-strong);
  box-shadow: inset 3px 0 0 rgba(126, 166, 208, 0.7);
}
html[data-theme] .list-import-safety div strong {
  color: var(--enterprise-text);
  font-size: 11px;
}
html[data-theme] .list-import-safety div span {
  color: var(--enterprise-muted);
  font-size: 10px;
  line-height: 1.5;
}
html[data-theme] .list-import-safety > span {
  border-color: rgba(126, 166, 208, 0.25);
  background: rgba(126, 166, 208, 0.08);
  color: var(--list-blue-strong);
  font-size: 9px;
}
html[data-theme] .list-import-search-wrap {
  height: 50px;
  border: 1px solid var(--enterprise-border);
  border-radius: 10px;
  background: var(--enterprise-surface);
  color: var(--enterprise-muted);
  box-shadow: 0 4px 14px rgba(8, 15, 24, 0.08);
}
html[data-theme] .list-import-search-wrap:focus-within {
  border-color: var(--list-blue);
  box-shadow: 0 0 0 3px rgba(126, 166, 208, 0.12);
}
html[data-theme] .list-import-search-wrap input {
  background: transparent;
  color: var(--enterprise-text);
  font-size: 12px;
}
html[data-theme] .list-import-search-wrap kbd {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
}
html[data-theme] .list-section-heading h2,
html[data-theme] .import-table-panel > header h2 {
  margin-top: 4px;
  color: var(--enterprise-text);
  font-size: 18px;
  letter-spacing: -0.015em;
}
html[data-theme] .list-section-heading p,
html[data-theme] .import-table-panel > header p {
  color: var(--enterprise-muted);
  font-size: 10px;
}
html[data-theme] .list-category-card,
html[data-theme] .list-type-card,
html[data-theme] .list-category-banner,
html[data-theme] .import-data-header,
html[data-theme] .person-detail-grid section,
html[data-theme] .person-detail-grid aside,
html[data-theme] .import-history-list,
html[data-theme] .import-table-panel {
  border: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface);
  color: var(--enterprise-text);
  box-shadow: 0 4px 14px rgba(8, 15, 24, 0.08);
}
html[data-theme] .list-category-card,
html[data-theme] .list-type-card {
  border-radius: 12px;
}
html[data-theme] .list-category-card:hover,
html[data-theme] .list-type-card:hover {
  transform: translateY(-2px);
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-raised);
  box-shadow: 0 10px 28px rgba(8, 15, 24, 0.14);
}
html[data-theme] .list-category-title strong,
html[data-theme] .list-type-card strong,
html[data-theme] .list-category-banner h2 {
  color: var(--enterprise-text);
  font-size: 12px;
}
html[data-theme] .list-category-title small,
html[data-theme] .list-category-card > p,
html[data-theme] .list-type-card small,
html[data-theme] .list-type-card em,
html[data-theme] .list-category-banner p,
html[data-theme] .list-category-banner div > span,
html[data-theme] .list-category-banner > b {
  color: var(--enterprise-muted);
}
html[data-theme] .list-category-card > p {
  font-size: 10px;
}
html[data-theme] .list-category-footer {
  border-color: var(--enterprise-border);
}
html[data-theme] .list-category-footer b {
  color: var(--enterprise-muted);
}
html[data-theme] .list-category-footer i,
html[data-theme] .list-back,
html[data-theme] .list-type-action {
  color: var(--list-blue-strong);
}
html[data-theme] .list-type-action {
  border: 1px solid rgba(126, 166, 208, 0.2);
  background: rgba(126, 166, 208, 0.1);
}
html[data-theme] .list-empty {
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
}
html[data-theme] .list-empty strong {
  color: var(--enterprise-text);
}
html[data-theme] .import-history-categories button {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface);
  color: var(--enterprise-muted);
}
html[data-theme] .import-history-categories button strong {
  background: var(--enterprise-surface-raised);
  color: var(--enterprise-text);
}
html[data-theme] .import-history-categories button:hover,
html[data-theme] .import-history-categories button.active {
  border-color: var(--list-blue);
  background: rgba(126, 166, 208, 0.09);
  color: var(--list-blue-strong);
  box-shadow: 0 0 0 2px rgba(126, 166, 208, 0.08);
}
html[data-theme] .import-history-list > button {
  min-height: 64px;
  border-color: var(--enterprise-border);
  background: transparent;
  color: var(--enterprise-text);
}
html[data-theme] .import-history-list > button:hover {
  background: var(--enterprise-surface-raised);
}
html[data-theme] .import-history-list > button > span strong {
  color: var(--enterprise-text);
  font-size: 11px;
}
html[data-theme] .import-history-list > button > span small {
  color: var(--enterprise-muted);
  font-size: 9px;
}
html[data-theme] .import-history-list > button > span:nth-child(3) b,
html[data-theme] .history-file-icon {
  background: rgba(126, 166, 208, 0.11);
  color: var(--list-blue-strong);
}
html[data-theme] .import-data-header {
  position: relative;
  overflow: hidden;
  padding: 22px 24px;
  border-radius: 14px;
}
html[data-theme] .import-data-header::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: var(--list-blue);
}
html[data-theme] .import-data-header h1 {
  color: var(--enterprise-text);
  font-size: clamp(23px, 2.5vw, 30px);
  letter-spacing: -0.025em;
}
html[data-theme] .import-data-header p {
  color: var(--enterprise-muted);
  font-size: 11px;
}
html[data-theme] .person-detail-icon {
  border: 1px solid rgba(126, 166, 208, 0.24);
  border-radius: 11px;
  background: rgba(126, 166, 208, 0.1);
  color: var(--list-blue-strong);
}
html[data-theme] .person-detail-grid section,
html[data-theme] .person-detail-grid aside {
  border-radius: 12px;
}
html[data-theme] .person-detail-grid h2,
html[data-theme] .person-detail-grid h3 {
  color: var(--enterprise-text);
}
html[data-theme] .person-detail-grid dl div {
  border-color: var(--enterprise-border);
}
html[data-theme] .person-detail-grid dt,
html[data-theme] .person-detail-grid aside > p {
  color: var(--enterprise-muted);
}
html[data-theme] .person-detail-grid dd {
  color: var(--enterprise-text);
  font-weight: 600;
}
html[data-theme] .person-detail-grid ul {
  color: var(--list-amber);
}
html[data-theme] .import-preview-metrics {
  overflow: hidden;
  gap: 0;
  margin: 0;
  border: 1px solid var(--enterprise-border);
  border-radius: 12px;
  background: var(--enterprise-surface);
  box-shadow: 0 4px 14px rgba(8, 15, 24, 0.08);
}
html[data-theme] .import-preview-metrics span {
  min-height: 82px;
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 14px 18px;
  border: 0;
  border-right: 1px solid var(--enterprise-border);
  border-radius: 0;
  color: var(--enterprise-muted);
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.045em;
}
html[data-theme] .import-preview-metrics span:last-child {
  border-right: 0;
}
html[data-theme] .import-preview-metrics strong {
  margin-bottom: 3px;
  color: var(--enterprise-text);
  font-size: 23px;
  letter-spacing: -0.025em;
}
html[data-theme] .import-preview-metrics span:nth-child(2) strong {
  color: var(--list-green);
}
html[data-theme] .import-preview-metrics span:nth-child(3) strong {
  color: var(--list-amber);
}
html[data-theme] .import-preview-metrics span:nth-child(4) strong {
  color: var(--list-red);
}
html[data-theme] .import-table-panel {
  overflow: hidden;
  border-radius: 12px;
}
html[data-theme] .import-table-panel > header {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  padding: 15px 17px;
  border-bottom: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
html[data-theme] .import-table-panel > header h2,
html[data-theme] .import-table-panel > header p {
  margin-bottom: 0;
}
html[data-theme] .import-preview-table-wrap {
  border: 1px solid var(--enterprise-border);
  border-radius: 9px;
  background: var(--enterprise-surface);
  scrollbar-color: var(--enterprise-border-strong) var(--enterprise-surface-subtle);
}
html[data-theme] .import-table-panel .import-preview-table-wrap {
  border: 0;
  border-radius: 0;
}
html[data-theme] .import-full-table {
  max-width: 100%;
  overflow: auto;
}
html[data-theme] .import-preview-table {
  min-width: 840px;
  border-spacing: 0;
  border-collapse: separate;
  background: var(--enterprise-surface);
  color: var(--enterprise-text);
  font-size: 10px;
}
html[data-theme] .import-preview-table th {
  top: 0;
  padding: 11px 12px;
  border-bottom: 1px solid var(--enterprise-border-strong);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
  font-size: 9px;
  font-weight: 750;
  letter-spacing: 0.045em;
  text-transform: uppercase;
  white-space: nowrap;
}
html[data-theme] .import-preview-table td {
  max-width: 290px;
  padding: 12px;
  border-bottom: 1px solid var(--enterprise-border);
  background: transparent;
  color: #bec9d3;
  line-height: 1.45;
  overflow-wrap: anywhere;
}
html[data-theme="light"] .import-preview-table td {
  color: #405164;
}
html[data-theme] .import-preview-table tbody tr:nth-child(even) td {
  background: var(--enterprise-surface-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--enterprise-surface-subtle) 45%, transparent);
  }
}
html[data-theme] .import-preview-table tbody tr:hover td,
html[data-theme] .import-preview-table tbody tr:focus td {
  background: rgba(126, 166, 208, 0.09);
}
html[data-theme] .import-preview-table tbody tr:last-child td {
  border-bottom: 0;
}
html[data-theme] .import-preview-table td:first-child,
html[data-theme] .import-preview-table th:first-child {
  position: sticky;
  left: 0;
  z-index: 2;
}
html[data-theme] .import-preview-table td:first-child {
  background: var(--enterprise-surface);
  color: var(--enterprise-muted);
  font-variant-numeric: tabular-nums;
}
html[data-theme] .import-preview-table th:first-child {
  z-index: 3;
}
html[data-theme] .record-status {
  padding: 5px 8px;
  border: 1px solid rgba(97, 189, 150, 0.26);
  background: rgba(97, 189, 150, 0.11);
  color: var(--list-green);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}
html[data-theme] .record-status.needs_review {
  border-color: rgba(219, 171, 99, 0.28);
  background: rgba(219, 171, 99, 0.11);
  color: var(--list-amber);
}
html[data-theme] .record-status.invalid,
html[data-theme] .record-status.failed,
html[data-theme] .record-status.rejected {
  border-color: rgba(223, 120, 130, 0.28);
  background: rgba(223, 120, 130, 0.11);
  color: var(--list-red);
}
html[data-theme] .list-import-modal {
  border-color: var(--enterprise-border-strong);
  border-radius: 16px;
  background: var(--enterprise-surface);
}
html[data-theme] .list-import-modal > header,
html[data-theme] .list-import-modal > footer,
html[data-theme] .import-steps {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
html[data-theme] .import-modal-body {
  background: var(--enterprise-surface);
}
html[data-theme] .file-drop-zone,
html[data-theme] .import-checkbox,
html[data-theme] .import-info-row,
html[data-theme] .import-review dl {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
}
html[data-theme] .file-drop-zone {
  border-color: var(--enterprise-border-strong);
  color: var(--list-blue-strong);
}
html[data-theme] .file-drop-zone:hover {
  border-color: var(--list-blue);
  background: rgba(126, 166, 208, 0.06);
}
html[data-theme] .file-drop-zone.has-file,
html[data-theme] .import-review-status {
  border-color: rgba(97, 189, 150, 0.3);
  background: rgba(97, 189, 150, 0.08);
  color: var(--list-green);
}
html[data-theme] .import-review dl div,
html[data-theme] .import-review dt,
html[data-theme] .import-review dd {
  border-color: var(--enterprise-border);
}
html[data-theme] .import-review dt {
  background: var(--enterprise-surface-raised);
  color: var(--enterprise-muted);
}
html[data-theme] .import-review dd {
  background: var(--enterprise-surface);
  color: var(--enterprise-text);
}
html[data-theme] .import-form select,
html[data-theme] .import-form textarea {
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-text);
}
html[data-theme] .import-form select:focus,
html[data-theme] .import-form textarea:focus {
  border-color: var(--list-blue);
  box-shadow: 0 0 0 3px rgba(126, 166, 208, 0.11);
}
html[data-theme] .import-steps li {
  color: var(--enterprise-muted);
}
html[data-theme] .import-steps li > span {
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-raised);
}
html[data-theme] .import-steps li.active {
  color: var(--list-blue-strong);
}
html[data-theme] .import-steps li.active > span {
  border-color: var(--list-blue);
  background: #587b9e;
  color: #fff;
}
html[data-theme] .list-import-modal > header button {
  border: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface-raised);
  color: var(--enterprise-muted);
}
html[data-theme] .list-import-modal > header button:hover {
  border-color: var(--enterprise-border-strong);
  color: var(--enterprise-text);
}
html[data-theme] .record-status.pending,
html[data-theme] .record-status.processing,
html[data-theme] .record-status.ready {
  border-color: rgba(126, 166, 208, 0.28);
  background: rgba(126, 166, 208, 0.11);
  color: var(--list-blue-strong);
}
html[data-theme] .record-status.quarantined,
html[data-theme] .record-status.awaiting_approval {
  border-color: rgba(219, 171, 99, 0.28);
  background: rgba(219, 171, 99, 0.11);
  color: var(--list-amber);
}
html[data-theme] .import-preview-table tbody tr:hover td:first-child,
html[data-theme] .import-preview-table tbody tr:focus td:first-child {
  background: var(--list-blue);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--list-blue) 9%, var(--enterprise-surface));
  }
}
html[data-theme="dark"] .list-category-icon.blue,
html[data-theme="dark"] .list-type-icon.blue,
html[data-theme="dark"] .list-category-icon.sky,
html[data-theme="dark"] .list-type-icon.sky {
  background: rgba(91, 146, 211, 0.13);
  color: #83b5ec;
}
html[data-theme="dark"] .list-category-icon.amber,
html[data-theme="dark"] .list-type-icon.amber,
html[data-theme="dark"] .list-category-icon.orange,
html[data-theme="dark"] .list-type-icon.orange {
  background: rgba(219, 171, 99, 0.12);
  color: #dfb372;
}
html[data-theme="dark"] .list-category-icon.red,
html[data-theme="dark"] .list-type-icon.red {
  background: rgba(223, 120, 130, 0.12);
  color: #e4838d;
}
html[data-theme="dark"] .list-category-icon.violet,
html[data-theme="dark"] .list-type-icon.violet,
html[data-theme="dark"] .list-category-icon.indigo,
html[data-theme="dark"] .list-type-icon.indigo {
  background: rgba(143, 126, 216, 0.13);
  color: #aa9be7;
}
html[data-theme="dark"] .list-category-icon.cyan,
html[data-theme="dark"] .list-type-icon.cyan,
html[data-theme="dark"] .list-category-icon.teal,
html[data-theme="dark"] .list-type-icon.teal {
  background: rgba(70, 174, 169, 0.12);
  color: #69c5bf;
}
html[data-theme="dark"] .list-category-icon.green,
html[data-theme="dark"] .list-type-icon.green {
  background: rgba(97, 189, 150, 0.12);
  color: #72c7a3;
}
html[data-theme="dark"] .list-category-icon.slate,
html[data-theme="dark"] .list-type-icon.slate {
  background: rgba(151, 166, 181, 0.12);
  color: #aab8c5;
}
@media (max-width: 760px) {
  html[data-theme] .import-preview-metrics {
    grid-template-columns: repeat(2, 1fr);
  }
  html[data-theme] .import-preview-metrics span:nth-child(2) {
    border-right: 0;
  }
  html[data-theme] .import-preview-metrics span:nth-child(-n + 2) {
    border-bottom: 1px solid var(--enterprise-border);
  }
  html[data-theme] .import-table-panel > header {
    align-items: flex-start;
    flex-direction: column;
    gap: 5px;
  }
}
@media (prefers-reduced-motion: reduce) {
  .api-pnr-submission-view {
    animation: none;
  }
}
@media (max-width: 760px) {
  .administration-stripe-workspace > .metric-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .administration-stripe-workspace > .metric-grid .metric-card:nth-child(2) {
    border-right: 0;
  }
  .administration-stripe-workspace
    > .metric-grid
    .metric-card:nth-child(-n + 2) {
    border-bottom: 1px solid var(--enterprise-border);
  }
  .eta-config-stripe-workspace .eta-config-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .eta-config-stripe-workspace .eta-config-summary article:nth-child(2) {
    border-right: 0;
  }
  .eta-config-stripe-workspace .eta-config-summary article:nth-child(-n + 2) {
    border-bottom: 1px solid var(--enterprise-border);
  }
}
@media (max-width: 520px) {
  .administration-stripe-workspace > .metric-grid,
  .eta-config-stripe-workspace .eta-config-summary {
    grid-template-columns: 1fr;
  }
  .administration-stripe-workspace > .metric-grid .metric-card,
  .administration-stripe-workspace > .metric-grid .metric-card:nth-child(2),
  .eta-config-stripe-workspace .eta-config-summary article,
  .eta-config-stripe-workspace .eta-config-summary article:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid var(--enterprise-border);
  }
  .administration-stripe-workspace > .metric-grid .metric-card:last-child,
  .eta-config-stripe-workspace .eta-config-summary article:last-child {
    border-bottom: 0;
  }
}
html:not([data-theme="light"]) .eta-review-hero {
  background: radial-gradient(
      circle at 92% 10%,
      rgba(130, 159, 189, 0.16),
      transparent 34%
    ),
    linear-gradient(135deg, #202b36, #1c252e);
}
html:not([data-theme="light"]) .eta-review-strip,
html:not([data-theme="light"]) .eta-face-score-card {
  background: rgba(15, 21, 27, 0.55);
}
html:not([data-theme="light"]) .eta-payment-summary {
  background: linear-gradient(145deg, rgba(125, 154, 186, 0.11), transparent);
}
.eta-stripe-entry-history {
  display: grid;
}
.eta-stripe-entry-history article + article {
  border-top: 1px solid #303a45;
}
.eta-stripe-entry-history article > header {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 14px 16px;
  border-bottom: 1px solid #303a45;
}
.eta-stripe-entry-history article > header > span {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border-radius: 8px;
}
.eta-stripe-entry-history article.allowed > header > span {
  background: rgba(70, 175, 128, 0.13);
  color: #62c999;
}
.eta-stripe-entry-history article.denied > header > span {
  background: rgba(207, 82, 88, 0.13);
  color: #e07c82;
}
.eta-stripe-entry-history article > header strong,
.eta-stripe-entry-history article > header small {
  display: block;
}
.eta-stripe-entry-history article > header strong {
  color: #e2e8ed;
  font-size: 11px;
}
.eta-stripe-entry-history article > header small {
  margin-top: 4px;
  color: #7f8d99;
  font-size: 9px;
}
.eta-stripe-entry-history article > header em {
  padding: 5px 8px;
  border: 1px solid #3b4651;
  border-radius: 999px;
  color: #9aa8b4;
  font-size: 8px;
  font-style: normal;
  font-weight: 750;
  letter-spacing: 0.05em;
}
.eta-stripe-entry-error {
  display: flex;
  align-items: center;
  gap: 9px;
  padding: 16px;
  color: #d9aa82;
  font-size: 10px;
}
html[data-theme="light"] .eta-stripe-entry-history article + article,
html[data-theme="light"] .eta-stripe-entry-history article > header {
  border-color: #e4e8ec;
}
html[data-theme="light"] .eta-stripe-entry-history article > header strong {
  color: #26313b;
}
html[data-theme="light"] .eta-stripe-entry-history article > header small {
  color: #707d88;
}
.api-pnr-stripe-workspace,
.flight-stripe-workspace,
.api-pnr-passenger-stripe-workspace {
  --api-pnr-card-radius: 9px;
  --api-pnr-soft-shadow: 0 1px 2px rgba(8, 15, 24, 0.08);
}
.api-pnr-stripe-workspace .api-pnr-ops-console {
  border-radius: var(--api-pnr-card-radius);
  box-shadow: var(--api-pnr-soft-shadow);
}
.api-pnr-stripe-workspace .api-pnr-ops-primary {
  min-height: 76px;
  padding: 14px 16px;
}
.api-pnr-stripe-workspace .api-pnr-ops-heading h2 {
  max-width: 560px;
  margin-top: 5px;
  font-size: 13px;
  line-height: 1.45;
  letter-spacing: -0.01em;
}
.api-pnr-stripe-workspace .api-pnr-ops-actions {
  gap: 7px;
}
.api-pnr-stripe-workspace .api-pnr-ops-kpis button {
  min-height: 82px;
  padding: 12px 14px;
  border-radius: 0;
  box-shadow: none;
}
.api-pnr-stripe-workspace .api-pnr-ops-kpis button:hover,
.api-pnr-stripe-workspace .api-pnr-ops-kpis button.active {
  background: var(--enterprise-surface-raised);
  box-shadow: inset 0 2px 0 #8094f2;
}
.api-pnr-stripe-workspace .api-pnr-readiness-bar {
  min-height: 36px;
  padding: 7px 12px;
}
.api-pnr-stripe-workspace .workspace-toast {
  padding: 8px 11px;
  border: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
  box-shadow: none;
}
.api-pnr-stripe-workspace .api-pnr-vector-grid {
  grid-template-columns: repeat(6, minmax(130px, 1fr));
  gap: 8px;
}
.api-pnr-stripe-workspace .vector-card {
  min-height: 112px;
  padding: 13px;
  border: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface);
  box-shadow: none;
}
.api-pnr-stripe-workspace .vector-card:hover {
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-raised);
  box-shadow: 0 7px 18px rgba(8, 15, 24, 0.1);
  transform: translateY(-1px);
}
.api-pnr-stripe-workspace .panel,
.flight-stripe-content .panel,
.api-pnr-passenger-stripe-workspace .panel {
  overflow: hidden;
  border: 1px solid var(--enterprise-border);
  border-radius: var(--api-pnr-card-radius);
  background: var(--enterprise-surface);
  box-shadow: var(--api-pnr-soft-shadow);
}
.api-pnr-stripe-workspace .panel > header,
.flight-stripe-content .panel > header,
.api-pnr-passenger-stripe-workspace .panel > header {
  min-height: 50px;
  padding: 11px 15px;
  border-bottom: 1px solid var(--enterprise-border);
  background: transparent;
}
.api-pnr-stripe-workspace .panel > header h2,
.flight-stripe-content .panel > header h2,
.api-pnr-passenger-stripe-workspace .panel > header h2 {
  color: var(--enterprise-text);
  font-size: 12px;
  font-weight: 750;
}
.api-pnr-stripe-workspace .panel > header p,
.flight-stripe-content .panel > header p,
.api-pnr-passenger-stripe-workspace .panel > header p {
  margin-top: 3px;
  color: var(--enterprise-muted);
  font-size: 9px;
}
.api-pnr-stripe-workspace .data-table th,
.flight-stripe-content .data-table th,
.api-pnr-passenger-stripe-workspace .data-table th,
.api-pnr-stripe-workspace .manifest-shadcn-table th,
.flight-stripe-content .manifest-shadcn-table th,
.api-pnr-passenger-stripe-workspace .manifest-shadcn-table th {
  height: 38px;
  padding: 9px 12px;
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
  font-size: 8px;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}
.api-pnr-stripe-workspace .data-table td,
.flight-stripe-content .data-table td,
.api-pnr-passenger-stripe-workspace .data-table td,
.api-pnr-stripe-workspace .manifest-shadcn-table td,
.flight-stripe-content .manifest-shadcn-table td,
.api-pnr-passenger-stripe-workspace .manifest-shadcn-table td {
  min-height: 45px;
  padding: 10px 12px;
  border-color: var(--enterprise-border);
  color: var(--enterprise-text);
  font-size: 9px;
}
.api-pnr-stripe-workspace .data-table tbody tr:hover td,
.flight-stripe-content .data-table tbody tr:hover td,
.api-pnr-passenger-stripe-workspace .data-table tbody tr:hover td,
.api-pnr-stripe-workspace .manifest-shadcn-table tr:hover td,
.flight-stripe-content .manifest-shadcn-table tr:hover td,
.api-pnr-passenger-stripe-workspace .manifest-shadcn-table tr:hover td {
  background: var(--enterprise-surface-raised);
}
.api-pnr-stripe-workspace .case-toolbar,
.flight-stripe-content .case-toolbar,
.api-pnr-passenger-stripe-workspace .case-toolbar,
.api-pnr-stripe-workspace .table-pagination-bar,
.flight-stripe-content .table-pagination-bar,
.api-pnr-passenger-stripe-workspace .table-pagination-bar,
.flight-stripe-content .manifest-pagination-bar,
.api-pnr-passenger-stripe-workspace .manifest-pagination-bar {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
.api-pnr-passenger-stripe-workspace {
  display: grid;
  gap: 0;
  scroll-behavior: smooth;
}
.api-pnr-passenger-stripe-workspace .eta-stripe-topline {
  margin-bottom: 8px;
}
.api-pnr-passenger-stripe-workspace .api-pnr-escalate-button {
  gap: 6px;
  border-color: rgba(200, 85, 96, 0.45);
  background: #7e3039;
}
.api-pnr-passenger-stripe-workspace .api-pnr-passenger-header {
  padding-bottom: 18px;
}
.api-pnr-passenger-stripe-workspace .api-pnr-active-escalation {
  position: relative;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(210px, 0.8fr) minmax(260px, 1.2fr) minmax(300px, 1.2fr) auto;
  align-items: stretch;
  gap: 0;
  margin: 0 0 14px;
  padding: 0;
  border: 1px solid rgba(220, 155, 62, 0.34);
  border-radius: 10px;
  background: var(--enterprise-surface);
  color: var(--enterprise-text);
  box-shadow: 0 1px 2px rgba(8, 15, 24, 0.09), inset 3px 0 0 #d59b46;
}
.api-pnr-passenger-stripe-workspace .api-pnr-active-escalation.danger {
  border-color: rgba(224, 97, 110, 0.36);
  box-shadow: 0 1px 2px rgba(8, 15, 24, 0.09), inset 3px 0 0 #d96370;
}
.api-pnr-active-escalation-heading {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px 16px 14px 18px;
}
.api-pnr-active-escalation-icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(220, 155, 62, 0.3);
  border-radius: 8px;
  background: rgba(220, 155, 62, 0.11);
  color: #dba14e;
}
.api-pnr-active-escalation.danger .api-pnr-active-escalation-icon {
  border-color: rgba(224, 97, 110, 0.3);
  background: rgba(224, 97, 110, 0.11);
  color: #e3747f;
}
.api-pnr-active-escalation-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  color: var(--enterprise-muted);
  font-size: 9px;
  font-weight: 700;
}
.api-pnr-active-escalation-eyebrow i,
.api-pnr-activity-summary-title > span i {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #dba14e;
  box-shadow: 0 0 0 3px rgba(220, 155, 62, 0.13);
}
.api-pnr-active-escalation.danger .api-pnr-active-escalation-eyebrow i,
.api-pnr-activity-summary.danger .api-pnr-activity-summary-title > span i {
  background: #e3747f;
  box-shadow: 0 0 0 3px rgba(224, 97, 110, 0.13);
}
.api-pnr-active-escalation-heading strong {
  display: block;
  overflow: hidden;
  margin-top: 4px;
  color: var(--enterprise-text);
  font-size: 11px;
  font-weight: 780;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.api-pnr-active-escalation-reason {
  min-width: 0;
  padding: 14px 16px;
  border-left: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
.api-pnr-active-escalation-reason > span,
.api-pnr-active-escalation-meta dt {
  display: block;
  color: var(--enterprise-muted);
  font-size: 8px;
  font-weight: 750;
  letter-spacing: 0.055em;
  text-transform: uppercase;
}
.api-pnr-active-escalation-reason p {
  display: -webkit-box;
  overflow: hidden;
  margin: 5px 0 0;
  color: var(--enterprise-text);
  font-size: 10px;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.api-pnr-active-escalation-meta {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin: 0;
  padding: 14px 16px;
  border-left: 1px solid var(--enterprise-border);
}
.api-pnr-active-escalation-meta dd {
  overflow: hidden;
  display: flex;
  align-items: center;
  gap: 6px;
  margin: 5px 0 0;
  color: var(--enterprise-text);
  font-size: 9px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.api-pnr-active-escalation-meta dd svg {
  flex: 0 0 auto;
  color: var(--enterprise-muted);
}
.api-pnr-active-escalation > button {
  align-self: center;
  margin: 12px 14px;
  padding: 8px 11px;
  border: 1px solid var(--enterprise-border-strong);
  border-radius: 7px;
  background: var(--enterprise-surface-raised);
  color: var(--enterprise-text);
  font-size: 9px;
  font-weight: 750;
  white-space: nowrap;
  transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
.api-pnr-active-escalation > button:hover {
  border-color: rgba(220, 155, 62, 0.5);
  box-shadow: 0 3px 10px rgba(8, 15, 24, 0.12);
  transform: translateY(-1px);
}
.api-pnr-passenger-tabs {
  gap: 24px;
  overflow-x: auto;
}
.api-pnr-passenger-tabs a {
  position: relative;
  height: 38px;
  display: inline-flex;
  align-items: center;
  flex: 0 0 auto;
  color: var(--enterprise-muted);
  font-size: 10px;
  font-weight: 700;
}
.api-pnr-passenger-tabs a:first-child,
.api-pnr-passenger-tabs a:hover {
  color: var(--enterprise-text);
}
.api-pnr-passenger-tabs a:first-child::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  border-radius: 2px;
  background: #8094f2;
}
.api-pnr-passenger-metrics {
  margin: 18px 0;
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface);
}
.api-pnr-passenger-metrics .eta-stripe-metric {
  border-color: var(--enterprise-border);
}
.api-pnr-passenger-metrics .eta-stripe-metric > span,
.api-pnr-passenger-metrics .eta-stripe-metric > small {
  color: var(--enterprise-muted);
}
.api-pnr-passenger-metrics .eta-stripe-metric > strong {
  color: var(--enterprise-text);
}
.api-pnr-passenger-stripe-workspace .passenger-list-alert {
  margin: 0 0 16px;
  border-radius: 8px;
  box-shadow: none;
}
.api-pnr-passenger-stripe-workspace .api-pnr-passenger-list-alert {
  align-items: center;
  margin: 0 0 16px;
}
.api-pnr-passenger-list-alert > div {
  min-width: 0;
  flex: 1;
}
.api-pnr-passenger-list-alert .passenger-list-alert-action {
  background: #a71925;
  color: #fff;
}
.flight-list-screening {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  min-width: 112px;
  padding: 6px 8px;
  border: 1px solid var(--enterprise-border);
  border-radius: 7px;
  background: var(--enterprise-surface-muted);
  color: var(--enterprise-muted);
  font-size: 9px;
  line-height: 1.25;
}
.flight-list-screening > span,
.flight-list-screening strong,
.flight-list-screening small {
  display: block;
}
.flight-list-screening strong {
  max-width: 150px;
  overflow: hidden;
  color: inherit;
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.flight-list-screening small {
  margin-top: 2px;
  color: inherit;
  font-size: 8px;
  opacity: 0.82;
}
.flight-list-screening.match {
  border-color: rgba(220, 88, 88, 0.55);
  background: rgba(166, 45, 52, 0.14);
  color: #e88990;
}
.flight-list-screening.clear {
  border-color: rgba(69, 163, 118, 0.28);
  background: rgba(69, 163, 118, 0.08);
  color: #6ebd94;
}
.flight-list-screening.pending {
  justify-content: center;
}
.api-pnr-passenger-stripe-workspace .passenger-detail-layout {
  gap: 16px;
}
.api-pnr-passenger-stripe-workspace .passenger-detail-main {
  display: grid;
  gap: 16px;
  scroll-margin-top: 18px;
}
.api-pnr-passenger-stripe-workspace .passenger-detail-main > .content-grid,
.api-pnr-passenger-stripe-workspace .passenger-detail-main > .panel,
.api-pnr-passenger-stripe-workspace .case-banner {
  margin: 0;
}
.api-pnr-passenger-stripe-workspace .case-banner {
  overflow: hidden;
  border: 1px solid var(--enterprise-border);
  border-radius: var(--api-pnr-card-radius);
  background: var(--enterprise-surface);
  box-shadow: var(--api-pnr-soft-shadow);
}
.api-pnr-passenger-stripe-workspace .case-banner > div {
  min-height: 65px;
  padding: 11px 13px;
  border-color: var(--enterprise-border);
  background: transparent;
}
.api-pnr-passenger-stripe-workspace .content-grid {
  gap: 12px;
}
.api-pnr-passenger-stripe-workspace .quick-facts {
  gap: 0;
}
.api-pnr-passenger-stripe-workspace .quick-facts > div,
.flight-stripe-workspace .flight-linkage-facts > div {
  min-height: 58px;
  border-color: var(--enterprise-border);
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.api-pnr-passenger-stripe-workspace .passenger-risk-rail .panel {
  box-shadow: var(--api-pnr-soft-shadow);
}
.flight-stripe-workspace .flight-stripe-metrics {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface);
}
.flight-stripe-workspace .eta-stripe-metric {
  border-color: var(--enterprise-border);
}
.flight-stripe-workspace .eta-stripe-metric > strong {
  color: var(--enterprise-text);
}
.flight-stripe-workspace .eta-stripe-metric > span,
.flight-stripe-workspace .eta-stripe-metric > small {
  color: var(--enterprise-muted);
}
.flight-stripe-content {
  gap: 16px;
}
.flight-stripe-content .manifest-table-shell,
.api-pnr-passenger-stripe-workspace .manifest-table-shell {
  border-color: var(--enterprise-border);
  background: var(--enterprise-surface);
}
@media (max-width: 1240px) {
  .api-pnr-stripe-workspace .api-pnr-vector-grid {
    grid-template-columns: repeat(3, minmax(160px, 1fr));
  }
}
@media (max-width: 760px) {
  .api-pnr-passenger-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .api-pnr-passenger-metrics .eta-stripe-metric:nth-child(2) {
    border-right: 0;
  }
  .api-pnr-passenger-metrics .eta-stripe-metric:nth-child(-n + 2) {
    border-bottom: 1px solid var(--enterprise-border);
  }
  .api-pnr-stripe-workspace .api-pnr-vector-grid {
    grid-template-columns: repeat(2, minmax(150px, 1fr));
  }
}
@media (max-width: 520px) {
  .api-pnr-passenger-stripe-workspace .eta-stripe-topline {
    align-items: flex-start;
  }
  .api-pnr-passenger-stripe-workspace .eta-stripe-topline > div {
    flex-wrap: wrap;
    justify-content: flex-end;
  }
  .api-pnr-passenger-metrics,
  .api-pnr-stripe-workspace .api-pnr-vector-grid {
    grid-template-columns: 1fr;
  }
  .api-pnr-passenger-metrics .eta-stripe-metric,
  .api-pnr-passenger-metrics .eta-stripe-metric:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid var(--enterprise-border);
  }
  .api-pnr-passenger-metrics .eta-stripe-metric:last-child {
    border-bottom: 0;
  }
}
.api-pnr-passenger-action-list {
  display: grid;
}
.status-accepted,
.status-recorded,
.status-carrier-sent {
  border-color: rgba(71, 183, 139, 0.34);
  background: rgba(71, 183, 139, 0.11);
  color: #50bd92;
}
.status-missing,
.status-carrier-failed {
  border-color: rgba(224, 97, 110, 0.36);
  background: rgba(224, 97, 110, 0.11);
  color: #e87b86;
}
.status-carrier-queued {
  border-color: rgba(220, 155, 62, 0.36);
  background: rgba(220, 155, 62, 0.11);
  color: #dfa64f;
}
.api-pnr-passenger-action-list article {
  min-width: 0;
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 12px 14px;
  border-bottom: 1px solid var(--enterprise-border);
}
.api-pnr-passenger-action-list article:last-child {
  border-bottom: 0;
}
.api-pnr-action-icon {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(99, 143, 228, 0.28);
  border-radius: 8px;
  background: rgba(99, 143, 228, 0.1);
  color: #7fa2ea;
}
.api-pnr-action-icon.danger {
  border-color: rgba(224, 97, 110, 0.3);
  background: rgba(224, 97, 110, 0.1);
  color: #e77c87;
}
.api-pnr-passenger-action-list strong,
.api-pnr-passenger-action-list p,
.api-pnr-passenger-action-list small {
  display: block;
}
.api-pnr-passenger-action-list strong {
  color: var(--enterprise-text);
  font-size: 10px;
}
.api-pnr-passenger-action-list p {
  margin: 4px 0 0;
  color: var(--enterprise-muted);
  font-size: 9px;
  line-height: 1.45;
}
.api-pnr-passenger-action-list small {
  margin-top: 5px;
  color: var(--enterprise-muted);
  font-size: 8px;
}
.api-pnr-action-statuses {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: 5px;
}
.api-pnr-modal-backdrop {
  position: fixed;
  z-index: 1500;
  inset: 0;
  display: grid;
  place-items: center;
  padding: 20px;
  background: rgba(7, 11, 16, 0.72);
  backdrop-filter: blur(6px);
  animation: api-pnr-backdrop-enter 180ms ease-out both;
}
.api-pnr-escalation-modal {
  width: min(650px, 100%);
  max-height: min(820px, calc(100vh - 40px));
  overflow: auto;
  border: 1px solid var(--enterprise-border-strong);
  border-radius: 13px;
  background: var(--enterprise-surface);
  color: var(--enterprise-text);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.38);
  animation: api-pnr-modal-enter 220ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.api-pnr-escalation-modal > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 19px 20px 16px;
  border-bottom: 1px solid var(--enterprise-border);
}
.api-pnr-escalation-modal > header span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #e77c87;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.api-pnr-escalation-modal > header h2 {
  margin: 7px 0 0;
  color: var(--enterprise-text);
  font-size: 18px;
  letter-spacing: -0.02em;
}
.api-pnr-escalation-modal > header p {
  margin: 6px 0 0;
  color: var(--enterprise-muted);
  font-size: 9px;
  line-height: 1.5;
}
.api-pnr-escalation-modal > header > button {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid var(--enterprise-border);
  border-radius: 7px;
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
}
.api-pnr-escalation-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 16px 20px 8px;
}
.api-pnr-escalation-options button {
  min-height: 70px;
  padding: 11px 12px;
  border: 1px solid var(--enterprise-border);
  border-radius: 8px;
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-text);
  text-align: left;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease;
}
.api-pnr-escalation-options button:hover {
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-raised);
  transform: translateY(-1px);
}
.api-pnr-escalation-options button.active {
  border-color: #7187e9;
  background: rgba(102, 126, 234, 0.11);
  box-shadow: inset 0 0 0 1px rgba(113, 135, 233, 0.18);
}
.api-pnr-escalation-options button.active.danger {
  border-color: #c95b67;
  background: rgba(201, 91, 103, 0.11);
}
.api-pnr-escalation-options span,
.api-pnr-escalation-options small {
  display: block;
}
.api-pnr-escalation-options span {
  font-size: 10px;
  font-weight: 800;
}
.api-pnr-escalation-options small {
  margin-top: 5px;
  color: var(--enterprise-muted);
  font-size: 8px;
  line-height: 1.45;
}
.api-pnr-denial-notice,
.api-pnr-modal-error {
  display: flex;
  align-items: flex-start;
  gap: 9px;
  margin: 8px 20px 0;
  padding: 10px 11px;
  border: 1px solid rgba(224, 97, 110, 0.3);
  border-radius: 8px;
  background: rgba(224, 97, 110, 0.08);
  color: #e58a93;
}
.api-pnr-denial-notice svg,
.api-pnr-modal-error svg {
  flex: 0 0 auto;
}
.api-pnr-denial-notice strong,
.api-pnr-denial-notice span {
  display: block;
}
.api-pnr-denial-notice strong {
  font-size: 9px;
}
.api-pnr-denial-notice span,
.api-pnr-modal-error {
  font-size: 8px;
  line-height: 1.5;
}
.api-pnr-escalation-fields {
  display: grid;
  gap: 11px;
  padding: 16px 20px;
}
.api-pnr-escalation-fields label,
.api-pnr-escalation-fields label > span {
  display: grid;
}
.api-pnr-escalation-fields label {
  gap: 6px;
}
.api-pnr-escalation-fields label > span {
  color: var(--enterprise-muted);
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.api-pnr-escalation-fields input,
.api-pnr-escalation-fields textarea {
  width: 100%;
  padding: 10px 11px;
  border: 1px solid var(--enterprise-border);
  border-radius: 8px;
  outline: none;
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-text);
  font-size: 10px;
}
.api-pnr-escalation-fields textarea {
  min-height: 105px;
  resize: vertical;
  line-height: 1.5;
}
.api-pnr-escalation-fields input:focus,
.api-pnr-escalation-fields textarea:focus {
  border-color: #7187e9;
  box-shadow: 0 0 0 3px rgba(113, 135, 233, 0.12);
}
.api-pnr-escalation-modal > footer {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  padding: 13px 20px;
  border-top: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
.api-pnr-activity-modal {
  width: min(820px, 100%);
  max-height: min(860px, calc(100vh - 40px));
  overflow: hidden;
  display: flex;
  flex-direction: column;
  border: 1px solid var(--enterprise-border-strong);
  border-radius: 14px;
  background: var(--enterprise-surface);
  color: var(--enterprise-text);
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.4);
  animation: api-pnr-modal-enter 220ms cubic-bezier(0.2, 0.8, 0.2, 1) both;
}
.api-pnr-activity-modal > header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 18px;
  padding: 18px 20px 16px;
  border-bottom: 1px solid var(--enterprise-border);
}
.api-pnr-activity-modal > header > div > span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: #e3747f;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.api-pnr-activity-modal > header h2 {
  margin: 7px 0 0;
  color: var(--enterprise-text);
  font-size: 18px;
  letter-spacing: -0.025em;
}
.api-pnr-activity-modal > header p {
  display: flex;
  align-items: center;
  gap: 7px;
  margin: 5px 0 0;
  color: var(--enterprise-muted);
  font-size: 9px;
}
.api-pnr-activity-modal > header p i,
.api-pnr-modal-action-list small i,
.api-pnr-modal-timeline small i {
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: currentColor;
}
.api-pnr-activity-modal > header > button {
  width: 32px;
  height: 32px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid var(--enterprise-border);
  border-radius: 7px;
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
}
.api-pnr-activity-modal > header > button:hover {
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-raised);
  color: var(--enterprise-text);
}
.api-pnr-activity-summary {
  margin: 16px 20px 0;
  overflow: hidden;
  display: grid;
  grid-template-columns: minmax(190px, 0.75fr) minmax(260px, 1.25fr);
  border: 1px solid rgba(220, 155, 62, 0.32);
  border-radius: 10px;
  background: var(--enterprise-surface-subtle);
  box-shadow: inset 3px 0 0 #d59b46;
}
.api-pnr-activity-summary.danger {
  border-color: rgba(224, 97, 110, 0.34);
  box-shadow: inset 3px 0 0 #d96370;
}
.api-pnr-activity-summary-title,
.api-pnr-activity-summary-reason {
  padding: 14px 16px;
}
.api-pnr-activity-summary-title {
  padding-left: 18px;
}
.api-pnr-activity-summary-title > span,
.api-pnr-activity-summary-reason > span {
  display: flex;
  align-items: center;
  gap: 7px;
  color: var(--enterprise-muted);
  font-size: 8px;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.api-pnr-activity-summary-title > strong {
  display: block;
  margin-top: 6px;
  font-size: 12px;
}
.api-pnr-activity-summary-reason {
  border-left: 1px solid var(--enterprise-border);
}
.api-pnr-activity-summary-reason p {
  margin: 6px 0 0;
  color: var(--enterprise-text);
  font-size: 10px;
  line-height: 1.5;
}
.api-pnr-activity-summary > dl {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 0;
  border-top: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface);
}
.api-pnr-activity-summary > dl > div {
  min-width: 0;
  padding: 11px 14px;
  border-right: 1px solid var(--enterprise-border);
}
.api-pnr-activity-summary > dl > div:last-child {
  border-right: 0;
}
.api-pnr-activity-summary dt {
  color: var(--enterprise-muted);
  font-size: 8px;
  font-weight: 700;
}
.api-pnr-activity-summary dd {
  overflow: hidden;
  margin: 4px 0 0;
  color: var(--enterprise-text);
  font-size: 9px;
  font-weight: 700;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.api-pnr-activity-modal-body {
  min-height: 0;
  overflow-y: auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: 12px;
  padding: 14px 20px 18px;
}
.api-pnr-activity-modal-body > section {
  align-self: start;
  overflow: hidden;
  border: 1px solid var(--enterprise-border);
  border-radius: 9px;
  background: var(--enterprise-surface);
}
.api-pnr-activity-modal-body > section > header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 13px;
  border-bottom: 1px solid var(--enterprise-border);
}
.api-pnr-activity-modal-body > section > header h3 {
  margin: 0;
  font-size: 10px;
}
.api-pnr-activity-modal-body > section > header p {
  margin: 3px 0 0;
  color: var(--enterprise-muted);
  font-size: 8px;
}
.api-pnr-activity-modal-body > section > header > span {
  min-width: 24px;
  height: 24px;
  display: grid;
  place-items: center;
  border: 1px solid var(--enterprise-border);
  border-radius: 7px;
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
  font-size: 8px;
  font-weight: 800;
}
.api-pnr-modal-action-list article {
  display: grid;
  grid-template-columns: 30px minmax(0, 1fr) auto;
  align-items: start;
  gap: 9px;
  padding: 11px 12px;
  border-bottom: 1px solid var(--enterprise-border);
}
.api-pnr-modal-action-list article:last-child {
  border-bottom: 0;
}
.api-pnr-modal-action-mark {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(220, 155, 62, 0.28);
  border-radius: 7px;
  background: rgba(220, 155, 62, 0.1);
  color: #dba14e;
}
.api-pnr-modal-action-mark.danger {
  border-color: rgba(224, 97, 110, 0.3);
  background: rgba(224, 97, 110, 0.1);
  color: #e3747f;
}
.api-pnr-modal-action-list strong,
.api-pnr-modal-timeline strong {
  display: block;
  color: var(--enterprise-text);
  font-size: 9px;
}
.api-pnr-modal-action-list p,
.api-pnr-modal-timeline p {
  margin: 4px 0 0;
  color: var(--enterprise-muted);
  font-size: 8px;
  line-height: 1.45;
}
.api-pnr-modal-action-list small,
.api-pnr-modal-timeline small {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 6px;
  color: var(--enterprise-muted);
  font-size: 8px;
}
.api-pnr-modal-timeline {
  padding: 4px 0;
}
.api-pnr-modal-timeline article {
  position: relative;
  display: grid;
  grid-template-columns: 25px minmax(0, 1fr);
  gap: 7px;
  padding: 9px 12px;
}
.api-pnr-modal-timeline article > span {
  position: relative;
  display: flex;
  justify-content: center;
}
.api-pnr-modal-timeline article > span::after {
  content: "";
  position: absolute;
  top: 16px;
  bottom: -17px;
  width: 1px;
  background: var(--enterprise-border);
}
.api-pnr-modal-timeline article:last-child > span::after {
  display: none;
}
.api-pnr-modal-timeline article > span i {
  position: relative;
  z-index: 1;
  width: 8px;
  height: 8px;
  margin-top: 3px;
  border: 2px solid var(--enterprise-surface);
  border-radius: 50%;
  background: var(--enterprise-muted);
  box-shadow: 0 0 0 1px var(--enterprise-border-strong);
}
.api-pnr-modal-timeline article.active {
  background: rgba(224, 97, 110, 0.055);
}
.api-pnr-modal-timeline article.active > span i {
  background: #e3747f;
  box-shadow: 0 0 0 2px rgba(224, 97, 110, 0.16);
}
.api-pnr-activity-modal > footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 20px;
  border-top: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
.api-pnr-activity-modal > footer > span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--enterprise-muted);
  font-size: 8px;
}
@keyframes api-pnr-backdrop-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes api-pnr-modal-enter {
  from {
    opacity: 0;
    transform: translateY(12px) scale(0.985);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
@media (max-width: 620px) {
  .api-pnr-escalation-options {
    grid-template-columns: 1fr;
  }
  .api-pnr-passenger-action-list article {
    grid-template-columns: 34px minmax(0, 1fr);
  }
  .api-pnr-action-statuses {
    grid-column: 2;
    align-items: flex-start;
  }
  .api-pnr-activity-summary,
  .api-pnr-activity-modal-body {
    grid-template-columns: 1fr;
  }
  .api-pnr-activity-summary-reason {
    border-top: 1px solid var(--enterprise-border);
    border-left: 0;
  }
  .api-pnr-activity-summary > dl {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .api-pnr-activity-summary > dl > div:nth-child(2) {
    border-right: 0;
  }
}
@media (max-width: 1100px) {
  .api-pnr-passenger-stripe-workspace .api-pnr-active-escalation {
    grid-template-columns: minmax(200px, 0.75fr) minmax(280px, 1.25fr) auto;
  }
  .api-pnr-active-escalation-meta {
    grid-column: 1 / 3;
    border-top: 1px solid var(--enterprise-border);
    border-left: 0;
  }
  .api-pnr-active-escalation > button {
    grid-column: 3;
    grid-row: 1 / 3;
  }
}
@media (max-width: 700px) {
  .api-pnr-passenger-stripe-workspace .api-pnr-active-escalation {
    grid-template-columns: 1fr;
  }
  .api-pnr-active-escalation-reason,
  .api-pnr-active-escalation-meta {
    grid-column: 1;
    border-top: 1px solid var(--enterprise-border);
    border-left: 0;
  }
  .api-pnr-active-escalation-meta {
    grid-template-columns: 1fr;
    gap: 10px;
  }
  .api-pnr-active-escalation > button {
    grid-column: 1;
    grid-row: auto;
    justify-self: start;
  }
}
@media (prefers-reduced-motion: reduce) {
  .api-pnr-modal-backdrop,
  .api-pnr-escalation-modal,
  .api-pnr-activity-modal {
    animation: none;
  }
}
.case-stripe-workspace,
.case-detail-stripe-workspace {
  --case-accent: #7089ee;
  --case-danger: #df6572;
  --case-warning: #dba04b;
  display: grid;
  gap: 0;
  color: var(--enterprise-text);
}
.case-stripe-workspace .eta-stripe-topline,
.case-detail-stripe-workspace .eta-stripe-topline {
  margin-bottom: 8px;
}
.case-stripe-workspace .eta-stripe-topline > span,
.case-detail-stripe-workspace .eta-stripe-topline > span {
  color: var(--enterprise-muted);
  font-size: 9px;
  font-weight: 700;
}
.case-stripe-header,
.case-detail-header {
  padding-bottom: 18px;
}
.case-stripe-header .eta-stripe-avatar {
  color: #e77b86;
}
.case-stripe-tabs,
.case-detail-tabs {
  gap: 22px;
  overflow-x: auto;
}
.case-stripe-tabs button,
.case-detail-tabs button {
  position: relative;
  height: 40px;
  display: inline-flex;
  align-items: center;
  gap: 6px;
  flex: 0 0 auto;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--enterprise-muted);
  font-size: 9px;
  font-weight: 720;
}
.case-stripe-tabs button:hover,
.case-stripe-tabs button.active,
.case-detail-tabs button:hover,
.case-detail-tabs button.active {
  color: var(--enterprise-text);
}
.case-stripe-tabs button.active::after,
.case-detail-tabs button.active::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -1px;
  left: 0;
  height: 2px;
  border-radius: 2px 2px 0 0;
  background: var(--case-accent);
}
.case-stripe-tabs button > span,
.case-detail-tabs button > span {
  min-width: 18px;
  height: 18px;
  display: grid;
  place-items: center;
  padding: 0 5px;
  border: 1px solid var(--enterprise-border);
  border-radius: 999px;
  background: var(--enterprise-surface-subtle);
  font-size: 8px;
}
.case-stripe-metrics {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 18px 0 14px;
  overflow: hidden;
  border: 1px solid var(--enterprise-border);
  border-radius: 9px;
  background: var(--enterprise-surface);
  box-shadow: 0 1px 2px rgba(8, 15, 24, 0.08);
}
.case-stripe-metrics article {
  min-width: 0;
  min-height: 86px;
  display: grid;
  align-content: center;
  padding: 13px 15px;
  border-right: 1px solid var(--enterprise-border);
}
.case-stripe-metrics article:last-child {
  border-right: 0;
}
.case-stripe-metrics article > span {
  display: flex;
  align-items: center;
  gap: 6px;
  color: var(--enterprise-muted);
  font-size: 8px;
  font-weight: 700;
}
.case-stripe-metrics article > strong {
  margin-top: 6px;
  color: var(--enterprise-text);
  font-size: 20px;
  line-height: 1;
}
.case-stripe-metrics article > small {
  margin-top: 5px;
  color: var(--enterprise-muted);
  font-size: 8px;
}
.case-stripe-metrics article.danger > span,
.case-stripe-metrics article.danger > strong {
  color: var(--case-danger);
}
.case-stripe-error,
.case-action-error {
  display: flex;
  align-items: center;
  gap: 7px;
  margin-bottom: 12px;
  padding: 10px 12px;
  border: 1px solid rgba(224, 97, 110, 0.32);
  border-radius: 8px;
  background: rgba(224, 97, 110, 0.08);
  color: #e47782;
  font-size: 9px;
}
.case-stripe-registry,
.case-detail-stripe-workspace .panel {
  overflow: hidden;
  border: 1px solid var(--enterprise-border);
  border-radius: 9px;
  background: var(--enterprise-surface);
  box-shadow: 0 1px 2px rgba(8, 15, 24, 0.08);
}
.case-stripe-registry > header,
.case-detail-stripe-workspace .panel > header {
  min-height: 52px;
  padding: 12px 15px;
  border-bottom: 1px solid var(--enterprise-border);
  background: transparent;
}
.case-stripe-registry > header h2,
.case-detail-stripe-workspace .panel > header h2 {
  color: var(--enterprise-text);
  font-size: 11px;
}
.case-stripe-registry > header p,
.case-detail-stripe-workspace .panel > header p {
  margin-top: 3px;
  color: var(--enterprise-muted);
  font-size: 8px;
}
.case-stripe-registry > .panel-body {
  padding: 0;
}
.case-stripe-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 10px 12px;
  border-bottom: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
}
.case-stripe-toolbar label {
  min-width: 260px;
  max-width: 520px;
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  padding: 0 10px;
  border: 1px solid var(--enterprise-border);
  border-radius: 7px;
  background: var(--enterprise-surface);
  color: var(--enterprise-muted);
}
.case-stripe-toolbar input,
.case-stripe-toolbar select {
  height: 34px;
  border: 0;
  outline: 0;
  background: transparent;
  color: var(--enterprise-text);
  font-size: 9px;
}
.case-stripe-toolbar input {
  width: 100%;
}
.case-stripe-toolbar select {
  min-width: 170px;
  padding: 0 10px;
  border: 1px solid var(--enterprise-border);
  border-radius: 7px;
  background: var(--enterprise-surface);
}
.case-stripe-table-wrap {
  overflow-x: auto;
}
.case-stripe-table {
  width: 100%;
  border-collapse: collapse;
  color: var(--enterprise-text);
}
.case-stripe-table th {
  height: 36px;
  padding: 8px 12px;
  border-bottom: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
  font-size: 8px;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-align: left;
  text-transform: uppercase;
}
.case-stripe-table td {
  min-width: 120px;
  padding: 11px 12px;
  border-bottom: 1px solid var(--enterprise-border);
  font-size: 9px;
  vertical-align: middle;
}
.case-stripe-table tbody tr:last-child td {
  border-bottom: 0;
}
.case-stripe-table tbody tr:hover td {
  background: var(--enterprise-surface-raised);
}
.case-stripe-table td:first-child {
  min-width: 190px;
}
.case-stripe-table td:nth-child(2) {
  min-width: 170px;
}
.case-stripe-table td:nth-child(3) {
  min-width: 210px;
}
.case-stripe-table td strong,
.case-stripe-table td small {
  display: block;
}
.case-stripe-table td strong {
  color: var(--enterprise-text);
  font-size: 9px;
}
.case-stripe-table td small {
  margin-top: 4px;
  color: var(--enterprise-muted);
  font-size: 8px;
}
.case-stripe-reason {
  max-width: 220px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case-stripe-open {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid var(--enterprise-border);
  border-radius: 7px;
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
}
.case-stripe-open:hover {
  border-color: var(--enterprise-border-strong);
  color: var(--enterprise-text);
}
.case-stripe-unavailable {
  color: var(--enterprise-muted);
  font-size: 8px;
}
.case-detail-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin: 18px 0 14px;
  overflow: hidden;
  border: 1px solid var(--enterprise-border);
  border-radius: 9px;
  background: var(--enterprise-surface);
  box-shadow: 0 1px 2px rgba(8, 15, 24, 0.08);
}
.case-detail-summary article {
  min-width: 0;
  min-height: 92px;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-direction: column;
  padding: 13px 15px;
  border-right: 1px solid var(--enterprise-border);
}
.case-detail-summary article:last-child {
  border-right: 0;
}
.case-detail-summary article > span:first-child {
  margin-bottom: 7px;
  color: var(--enterprise-muted);
  font-size: 8px;
  font-weight: 750;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}
.case-detail-summary article > strong {
  overflow: hidden;
  max-width: 100%;
  color: var(--enterprise-text);
  font-size: 11px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case-detail-summary article > small {
  margin-top: 6px;
  color: var(--enterprise-muted);
  font-size: 8px;
}
.case-detail-content {
  min-height: 360px;
  animation: api-pnr-panel-enter 200ms ease-out both;
}
.case-detail-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(280px, 0.65fr);
  gap: 12px;
}
.case-detail-grid.actions {
  grid-template-columns: minmax(0, 1.4fr) minmax(280px, 0.6fr);
}
.case-wide-panel {
  grid-column: 1 / -1;
}
.case-detail-stripe-workspace .panel > .panel-body {
  padding: 0;
}
.case-overview-escalation {
  box-shadow: inset 3px 0 0 var(--case-danger);
}
.case-escalation-reason {
  padding: 15px 16px;
  border-bottom: 1px solid var(--enterprise-border);
  background: linear-gradient(90deg, rgba(224, 97, 110, 0.08), transparent);
}
.case-escalation-reason > span {
  color: var(--enterprise-muted);
  font-size: 8px;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.case-escalation-reason p {
  margin: 7px 0 0;
  color: var(--enterprise-text);
  font-size: 11px;
  line-height: 1.55;
}
.case-detail-facts {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.case-detail-facts > div {
  min-width: 0;
  min-height: 62px;
  padding: 12px 14px;
  border-right: 1px solid var(--enterprise-border);
  border-bottom: 1px solid var(--enterprise-border);
}
.case-detail-facts > div:nth-child(even) {
  border-right: 0;
}
.case-detail-facts > div:nth-last-child(-n + 2) {
  border-bottom: 0;
}
.case-detail-facts span,
.case-detail-facts strong {
  display: block;
}
.case-detail-facts span {
  color: var(--enterprise-muted);
  font-size: 8px;
}
.case-detail-facts strong {
  overflow: hidden;
  margin-top: 5px;
  color: var(--enterprise-text);
  font-size: 9px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.case-passenger-overview {
  display: grid;
}
.case-passenger-identity {
  display: flex;
  align-items: center;
  gap: 11px;
  padding: 14px 15px;
}
.case-passenger-identity.large {
  padding: 16px;
}
.case-passenger-identity > span {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid rgba(112, 137, 238, 0.3);
  border-radius: 9px;
  background: rgba(112, 137, 238, 0.1);
  color: #8398ed;
  font-size: 10px;
  font-weight: 800;
}
.case-passenger-identity strong,
.case-passenger-identity p,
.case-passenger-identity small {
  display: block;
}
.case-passenger-identity strong {
  color: var(--enterprise-text);
  font-size: 11px;
}
.case-passenger-identity p,
.case-passenger-identity small {
  margin: 4px 0 0;
  color: var(--enterprise-muted);
  font-size: 8px;
}
.case-journey-strip {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  align-items: center;
  gap: 9px;
  padding: 11px 14px;
  border-top: 1px solid var(--enterprise-border);
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
}
.case-journey-strip span,
.case-journey-strip strong {
  display: block;
}
.case-journey-strip span {
  color: var(--enterprise-text);
  font-size: 9px;
  font-weight: 750;
}
.case-journey-strip strong {
  margin-top: 3px;
  color: var(--enterprise-muted);
  font-size: 8px;
}
.case-risk-recommendation {
  display: flex;
  align-items: flex-start;
  gap: 11px;
  padding: 15px;
}
.case-risk-recommendation > svg {
  flex: 0 0 auto;
  color: var(--case-warning);
}
.case-risk-recommendation span {
  color: var(--enterprise-text);
  font-size: 9px;
  font-weight: 750;
}
.case-risk-recommendation p {
  margin: 6px 0 0;
  color: var(--enterprise-muted);
  font-size: 9px;
  line-height: 1.55;
}
.case-control-list,
.case-safeguard-list {
  display: grid;
}
.case-control-list > div,
.case-safeguard-list > div {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
  padding: 11px 13px;
  border-bottom: 1px solid var(--enterprise-border);
  color: var(--enterprise-muted);
}
.case-control-list > div:last-child,
.case-safeguard-list > div:last-child {
  border-bottom: 0;
}
.case-control-list strong,
.case-control-list small,
.case-safeguard-list strong,
.case-safeguard-list small {
  display: block;
}
.case-control-list strong,
.case-safeguard-list strong {
  color: var(--enterprise-text);
  font-size: 9px;
}
.case-control-list small,
.case-safeguard-list small {
  margin-top: 3px;
  color: var(--enterprise-muted);
  font-size: 8px;
}
.case-risk-engine-list {
  display: grid;
}
.case-risk-engine-list article {
  display: grid;
  grid-template-columns: minmax(220px, 1fr) 120px 100px;
  align-items: center;
  gap: 16px;
  padding: 11px 14px;
  border-bottom: 1px solid var(--enterprise-border);
}
.case-risk-engine-list article:last-child {
  border-bottom: 0;
}
.case-risk-engine-list strong {
  color: var(--enterprise-text);
  font-size: 9px;
}
.case-risk-engine-list p {
  margin: 4px 0 0;
  color: var(--enterprise-muted);
  font-size: 8px;
}
.case-action-history {
  display: grid;
}
.case-action-history > article {
  display: grid;
  grid-template-columns: 42px minmax(0, 1fr);
  gap: 10px;
  padding: 14px 16px;
  border-bottom: 1px solid var(--enterprise-border);
}
.case-action-history > article:last-child {
  border-bottom: 0;
}
.case-action-history > article.danger {
  background: linear-gradient(90deg, rgba(224, 97, 110, 0.07), transparent 45%);
}
.case-action-sequence {
  position: relative;
  display: flex;
  justify-content: center;
}
.case-action-sequence > span {
  position: relative;
  z-index: 1;
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid var(--enterprise-border-strong);
  border-radius: 8px;
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
  font-size: 8px;
  font-weight: 800;
}
.case-action-sequence > i {
  position: absolute;
  top: 29px;
  bottom: -25px;
  width: 1px;
  background: var(--enterprise-border);
}
.case-action-history > article:last-child .case-action-sequence > i {
  display: none;
}
.case-action-history article header,
.case-action-history article footer {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.case-action-history article header strong {
  color: var(--enterprise-text);
  font-size: 10px;
}
.case-action-history article p {
  margin: 6px 0 0;
  color: var(--enterprise-muted);
  font-size: 9px;
  line-height: 1.5;
}
.case-action-history article footer {
  margin-top: 8px;
}
.case-action-history article footer > span:not(.status-badge) {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  color: var(--enterprise-muted);
  font-size: 8px;
}
.case-timeline-list {
  padding: 5px 0;
}
.case-timeline-list article {
  display: grid;
  grid-template-columns: 26px minmax(0, 1fr) auto;
  gap: 9px;
  padding: 10px 14px;
}
.case-timeline-list article > span {
  position: relative;
  display: flex;
  justify-content: center;
}
.case-timeline-list article > span::after {
  content: "";
  position: absolute;
  top: 14px;
  bottom: -16px;
  width: 1px;
  background: var(--enterprise-border);
}
.case-timeline-list article:last-child > span::after {
  display: none;
}
.case-timeline-list article > span i {
  position: relative;
  z-index: 1;
  width: 8px;
  height: 8px;
  margin-top: 3px;
  border: 2px solid var(--enterprise-surface);
  border-radius: 50%;
  background: var(--enterprise-muted);
  box-shadow: 0 0 0 1px var(--enterprise-border-strong);
}
.case-timeline-list article.danger > span i {
  background: var(--case-danger);
  box-shadow: 0 0 0 2px rgba(224, 97, 110, 0.14);
}
.case-timeline-list strong {
  color: var(--enterprise-text);
  font-size: 9px;
}
.case-timeline-list p,
.case-timeline-list small,
.case-timeline-list time {
  color: var(--enterprise-muted);
  font-size: 8px;
}
.case-timeline-list p {
  margin: 4px 0 0;
}
.case-timeline-list small {
  display: block;
  margin-top: 5px;
}
.case-action-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  padding: 14px 15px 8px;
}
.case-action-options button {
  min-height: 64px;
  display: grid;
  grid-template-columns: 24px minmax(0, 1fr);
  align-items: start;
  gap: 8px;
  padding: 10px 11px;
  border: 1px solid var(--enterprise-border);
  border-radius: 8px;
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
  text-align: left;
}
.case-action-options button:hover {
  border-color: var(--enterprise-border-strong);
  background: var(--enterprise-surface-raised);
}
.case-action-options button.active {
  border-color: rgba(112, 137, 238, 0.6);
  background: rgba(112, 137, 238, 0.1);
  color: #8398ed;
  box-shadow: inset 0 0 0 1px rgba(112, 137, 238, 0.15);
}
.case-action-options button.active.danger {
  border-color: rgba(224, 97, 110, 0.55);
  background: rgba(224, 97, 110, 0.1);
  color: #e47782;
}
.case-action-options strong,
.case-action-options small {
  display: block;
}
.case-action-options strong {
  color: var(--enterprise-text);
  font-size: 9px;
}
.case-action-options small {
  margin-top: 4px;
  color: var(--enterprise-muted);
  font-size: 8px;
  line-height: 1.4;
}
.case-action-form {
  display: grid;
  gap: 11px;
  padding: 10px 15px 15px;
}
.case-action-form label {
  display: grid;
  gap: 6px;
}
.case-action-form label > span {
  color: var(--enterprise-muted);
  font-size: 8px;
  font-weight: 750;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.case-action-form input,
.case-action-form textarea {
  width: 100%;
  padding: 10px 11px;
  border: 1px solid var(--enterprise-border);
  border-radius: 8px;
  outline: 0;
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-text);
  font-size: 9px;
}
.case-action-form textarea {
  min-height: 120px;
  resize: vertical;
  line-height: 1.5;
}
.case-action-form input:focus,
.case-action-form textarea:focus {
  border-color: var(--case-accent);
  box-shadow: 0 0 0 3px rgba(112, 137, 238, 0.11);
}
.case-action-form .case-action-error {
  margin: 0;
}
.case-action-form > button {
  justify-self: end;
}
.case-audit-table {
  overflow-x: auto;
}
.case-audit-row {
  min-width: 780px;
  display: grid;
  grid-template-columns: 145px 130px 160px minmax(220px, 1fr) 90px;
  align-items: center;
  gap: 10px;
  padding: 10px 13px;
  border-bottom: 1px solid var(--enterprise-border);
  color: var(--enterprise-muted);
  font-size: 8px;
}
.case-audit-row:last-child {
  border-bottom: 0;
}
.case-audit-row.header {
  background: var(--enterprise-surface-subtle);
  color: var(--enterprise-muted);
  font-size: 8px;
  font-weight: 750;
  letter-spacing: 0.045em;
  text-transform: uppercase;
}
.case-audit-row strong {
  color: var(--enterprise-text);
  font-size: 8px;
}
@media (max-width: 980px) {
  .case-stripe-metrics,
  .case-detail-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .case-stripe-metrics article:nth-child(2),
  .case-detail-summary article:nth-child(2) {
    border-right: 0;
  }
  .case-stripe-metrics article:nth-child(-n + 2),
  .case-detail-summary article:nth-child(-n + 2) {
    border-bottom: 1px solid var(--enterprise-border);
  }
  .case-detail-grid,
  .case-detail-grid.actions {
    grid-template-columns: 1fr;
  }
  .case-wide-panel {
    grid-column: 1;
  }
}
@media (max-width: 680px) {
  .case-stripe-toolbar {
    align-items: stretch;
    flex-direction: column;
  }
  .case-stripe-toolbar label,
  .case-stripe-toolbar select {
    width: 100%;
    min-width: 0;
    max-width: none;
  }
  .case-stripe-metrics,
  .case-detail-summary,
  .case-action-options {
    grid-template-columns: 1fr;
  }
  .case-stripe-metrics article,
  .case-detail-summary article,
  .case-stripe-metrics article:nth-child(2),
  .case-detail-summary article:nth-child(2) {
    border-right: 0;
    border-bottom: 1px solid var(--enterprise-border);
  }
  .case-stripe-metrics article:last-child,
  .case-detail-summary article:last-child {
    border-bottom: 0;
  }
  .case-risk-engine-list article {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .case-timeline-list article {
    grid-template-columns: 24px minmax(0, 1fr);
  }
  .case-timeline-list time {
    grid-column: 2;
  }
}
.eta-risk-assessment {
  --eta-risk-color: #d5a338;
  --eta-risk-soft: rgba(213, 163, 56, 0.12);
  --eta-risk-track: #2a323d;
  display: grid;
  gap: 14px;
}
.eta-risk-assessment.low {
  --eta-risk-color: #34b888;
  --eta-risk-soft: rgba(52, 184, 136, 0.12);
}
.eta-risk-assessment.high {
  --eta-risk-color: #ed8b3b;
  --eta-risk-soft: rgba(237, 139, 59, 0.13);
}
.eta-risk-assessment.critical {
  --eta-risk-color: #e35b68;
  --eta-risk-soft: rgba(227, 91, 104, 0.13);
}
.eta-risk-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 22px;
  min-height: 158px;
  padding: 22px;
  border: 1px solid var(--eta-risk-color);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--eta-risk-color) 34%, #303946);
  }
  border-radius: 14px;
  background: radial-gradient(circle at 5% 50%, var(--eta-risk-soft), transparent 38%),
    linear-gradient(135deg, #1b222c, #151b23);
  box-shadow: 0 16px 38px rgba(0, 0, 0, 0.18);
}
.eta-risk-score-ring {
  width: 112px;
  height: 112px;
  display: grid;
  place-items: center;
  border-radius: 50%;
  box-shadow: 0 0 28px var(--eta-risk-color);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 28px color-mix(in srgb, var(--eta-risk-color) 18%, transparent);
  }
}
.eta-risk-score-ring > span {
  width: 88px;
  height: 88px;
  display: grid;
  place-items: center;
  align-content: center;
  border-radius: 50%;
  background: #171d25;
  box-shadow: inset 0 0 0 1px #333d49;
}
.eta-risk-score-ring strong {
  color: var(--eta-risk-color);
  font-size: 31px;
  line-height: 1;
}
.eta-risk-score-ring small {
  margin-top: 3px;
  color: #8794a5;
  font-size: 9px;
}
.eta-risk-hero-copy {
  min-width: 0;
}
.eta-risk-hero-copy > span,
.eta-risk-quality > span,
.eta-risk-dimensions > header span,
.eta-risk-factors > header span {
  color: #78879a;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.eta-risk-hero-copy > div {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-top: 5px;
}
.eta-risk-hero-copy h3 {
  margin: 0;
  color: #f2f5f8;
  font-size: 22px;
  letter-spacing: -0.03em;
}
.eta-risk-hero-copy p {
  max-width: 590px;
  margin: 8px 0;
  color: #b5c0ce;
  font-size: 11px;
  line-height: 1.6;
}
.eta-risk-hero-copy > small {
  color: #778597;
  font-size: 9px;
}
.eta-risk-quality {
  min-width: 138px;
  display: grid;
  justify-items: end;
  padding-left: 20px;
  border-left: 1px solid #313a46;
}
.eta-risk-quality strong {
  margin-top: 5px;
  color: #edf2f7;
  font-size: 26px;
}
.eta-risk-quality small {
  color: #778597;
  font-size: 9px;
}
.eta-risk-summary {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  overflow: hidden;
  border: 1px solid #303945;
  border-radius: 12px;
  background: #192029;
}
.eta-risk-summary article {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 70px;
  padding: 14px 16px;
  border-right: 1px solid #303945;
  color: #9aa8b9;
}
.eta-risk-summary article:last-child {
  border-right: 0;
}
.eta-risk-summary article.clear {
  color: #46c99a;
}
.eta-risk-summary article.review {
  color: #e2b750;
}
.eta-risk-summary article.high {
  color: #ee6a76;
}
.eta-risk-summary article.information {
  color: #75a9ed;
}
.eta-risk-summary article span {
  display: grid;
}
.eta-risk-summary article strong {
  color: #eef2f7;
  font-size: 18px;
}
.eta-risk-summary article small {
  color: #8593a5;
  font-size: 9px;
}
.eta-risk-grid {
  display: grid;
  grid-template-columns: minmax(240px, 0.72fr) minmax(0, 1.28fr);
  gap: 14px;
  align-items: start;
}
.eta-risk-dimensions,
.eta-risk-factors {
  overflow: hidden;
  border: 1px solid #303945;
  border-radius: 12px;
  background: #192029;
}
.eta-risk-dimensions > header,
.eta-risk-factors > header {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 12px;
  padding: 15px 16px;
  border-bottom: 1px solid #303945;
}
.eta-risk-dimensions > header h3,
.eta-risk-factors > header h3 {
  margin: 3px 0 0;
  color: #edf2f7;
  font-size: 14px;
}
.eta-risk-dimensions > header small,
.eta-risk-factors > header small {
  color: #748295;
  font-size: 9px;
}
.eta-risk-dimensions > article {
  display: grid;
  gap: 7px;
  padding: 12px 16px 4px;
}
.eta-risk-dimensions > article > div {
  display: flex;
  justify-content: space-between;
  gap: 12px;
}
.eta-risk-dimensions > article strong {
  color: #aeb9c7;
  font-size: 10px;
  font-weight: 650;
}
.eta-risk-dimensions > article b {
  color: #dce3eb;
  font-size: 10px;
}
.eta-risk-dimensions > article > span {
  height: 6px;
  overflow: hidden;
  border-radius: 999px;
  background: #29323d;
}
.eta-risk-dimensions > article i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--eta-risk-color);
  box-shadow: 0 0 8px var(--eta-risk-color);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 8px color-mix(in srgb, var(--eta-risk-color) 30%, transparent);
  }
}
.eta-risk-model-note {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 9px;
  margin: 16px;
  padding: 12px;
  border: 1px solid #334151;
  border-radius: 9px;
  background: #151b23;
  color: #7da7df;
}
.eta-risk-model-note strong {
  color: #cdd6e0;
  font-size: 10px;
}
.eta-risk-model-note p {
  margin: 3px 0 0;
  color: #7f8c9d;
  font-size: 9px;
  line-height: 1.5;
}
.eta-risk-factors > div {
  display: grid;
}
.eta-risk-factors article {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  gap: 11px;
  padding: 14px 16px;
  border-bottom: 1px solid #2b3440;
}
.eta-risk-factors article:last-child {
  border-bottom: 0;
}
.eta-risk-factor-icon {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border-radius: 9px;
  background: #252e39;
  color: #90a0b3;
}
.eta-risk-factors article.clear .eta-risk-factor-icon {
  background: rgba(52, 184, 136, 0.12);
  color: #42c493;
}
.eta-risk-factors article.review .eta-risk-factor-icon {
  background: rgba(213, 163, 56, 0.12);
  color: #dfb44c;
}
.eta-risk-factors article.high .eta-risk-factor-icon {
  background: rgba(227, 91, 104, 0.13);
  color: #eb6b78;
}
.eta-risk-factors article > div > header {
  display: flex;
  align-items: center;
  gap: 7px;
}
.eta-risk-factors article > div > header strong {
  color: #e7ecf2;
  font-size: 11px;
}
.eta-risk-factors article > div > header em {
  padding: 2px 6px;
  border-radius: 999px;
  background: #27313c;
  color: #78889a;
  font-size: 7px;
  font-style: normal;
  font-weight: 800;
}
.eta-risk-factors article p {
  margin: 5px 0 7px;
  color: #8f9cad;
  font-size: 9px;
  line-height: 1.5;
}
.eta-risk-factors article > div > div {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.eta-risk-factors article > div > div span {
  padding: 3px 6px;
  border: 1px solid #33404e;
  border-radius: 5px;
  color: #7f8fa2;
  font-size: 8px;
}
.eta-risk-factors article > b {
  color: #92a1b3;
  font-size: 10px;
}
.eta-risk-factors article.review > b {
  color: #e0b34b;
}
.eta-risk-factors article.high > b {
  color: #ea6875;
}
.eta-risk-factors article.clear > b {
  color: #42c493;
}
.eta-risk-missing {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  padding: 13px 15px;
  border: 1px solid rgba(213, 163, 56, 0.32);
  border-radius: 10px;
  background: rgba(213, 163, 56, 0.08);
  color: #ddb04b;
}
.eta-risk-missing strong {
  display: block;
  color: #e7d6a8;
  font-size: 10px;
}
.eta-risk-missing span {
  color: #9f9271;
  font-size: 9px;
}
html[data-theme="light"] .eta-risk-assessment {
  --eta-risk-track: #e6ebf0;
}
html[data-theme="light"] .eta-risk-hero {
  border-color: var(--eta-risk-color);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--eta-risk-color) 32%, #dce2e8);
  }
  background: radial-gradient(circle at 5% 50%, var(--eta-risk-soft), transparent 40%), #fff;
  box-shadow: 0 12px 30px rgba(29, 43, 58, 0.08);
}
html[data-theme="light"] .eta-risk-score-ring > span {
  background: #fff;
  box-shadow: inset 0 0 0 1px #d9e0e7;
}
html[data-theme="light"] .eta-risk-hero-copy h3,
html[data-theme="light"] .eta-risk-quality strong,
html[data-theme="light"] .eta-risk-summary article strong,
html[data-theme="light"] .eta-risk-dimensions > header h3,
html[data-theme="light"] .eta-risk-factors > header h3,
html[data-theme="light"] .eta-risk-factors article > div > header strong {
  color: #1b2734;
}
html[data-theme="light"] .eta-risk-hero-copy p {
  color: #536273;
}
html[data-theme="light"] .eta-risk-quality {
  border-color: #e0e5ea;
}
html[data-theme="light"] .eta-risk-summary,
html[data-theme="light"] .eta-risk-dimensions,
html[data-theme="light"] .eta-risk-factors {
  border-color: #dfe5eb;
  background: #fff;
}
html[data-theme="light"] .eta-risk-summary article {
  border-color: #e4e9ee;
}
html[data-theme="light"] .eta-risk-dimensions > header,
html[data-theme="light"] .eta-risk-factors > header,
html[data-theme="light"] .eta-risk-factors article {
  border-color: #e4e9ee;
}
html[data-theme="light"] .eta-risk-dimensions > article strong {
  color: #526173;
}
html[data-theme="light"] .eta-risk-dimensions > article b {
  color: #243244;
}
html[data-theme="light"] .eta-risk-dimensions > article > span {
  background: #e8edf2;
}
html[data-theme="light"] .eta-risk-model-note {
  border-color: #dce5ef;
  background: #f7f9fc;
}
html[data-theme="light"] .eta-risk-model-note strong {
  color: #33465b;
}
html[data-theme="light"] .eta-risk-factor-icon {
  background: #eef2f5;
}
html[data-theme="light"] .eta-risk-factors article > div > header em {
  background: #edf1f4;
  color: #667586;
}
html[data-theme="light"] .eta-risk-factors article p {
  color: #657385;
}
html[data-theme="light"] .eta-risk-factors article > div > div span {
  border-color: #dce3e9;
  color: #6b7888;
}
@media (max-width: 980px) {
  .eta-risk-grid {
    grid-template-columns: 1fr;
  }
  .eta-risk-hero {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .eta-risk-quality {
    grid-column: 1 / -1;
    justify-items: start;
    padding: 14px 0 0;
    border-top: 1px solid #313a46;
    border-left: 0;
  }
}
@media (max-width: 680px) {
  .eta-risk-hero {
    grid-template-columns: 1fr;
    justify-items: center;
    text-align: center;
  }
  .eta-risk-hero-copy > div {
    justify-content: center;
  }
  .eta-risk-quality {
    justify-items: center;
  }
  .eta-risk-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .eta-risk-summary article:nth-child(2) {
    border-right: 0;
  }
  .eta-risk-summary article:nth-child(-n + 2) {
    border-bottom: 1px solid #303945;
  }
  .eta-risk-factors article {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .eta-risk-factors article > b {
    grid-column: 2;
  }
}
.country-presence-page {
  display: grid;
  gap: 16px;
}
.country-presence-source {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 13px;
  border: 1px solid #2f3a46;
  border-radius: 9px;
  background: #171e26;
  color: #55c99f;
  font-size: 10px;
}
.country-presence-source strong {
  color: #cdd7e2;
}
.country-presence-source small {
  margin-left: auto;
  color: #748396;
}
.country-presence-error {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 12px 14px;
  border: 1px solid rgba(226, 89, 102, 0.36);
  border-radius: 9px;
  background: rgba(226, 89, 102, 0.1);
  color: #ef7c87;
  font-size: 10px;
}
.country-presence-spin {
  animation: country-presence-spin 0.75s linear infinite;
}
@keyframes country-presence-spin {
  to {
    transform: rotate(360deg);
  }
}
.country-presence-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 340px;
  gap: 16px;
  align-items: start;
}
.country-presence-register {
  min-width: 0;
}
.country-presence-toolbar {
  display: grid;
  grid-template-columns: minmax(230px, 1fr) repeat(3, minmax(130px, auto));
  gap: 8px;
  margin-bottom: 13px;
}
.country-presence-toolbar label {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  height: 36px;
  padding: 0 11px;
  border: 1px solid #303b47;
  border-radius: 8px;
  background: #171e26;
  color: #7f8da0;
}
.country-presence-toolbar input {
  min-width: 0;
  flex: 1;
  border: 0;
  outline: 0;
  background: transparent;
  color: #e7edf4;
  font-size: 10px;
}
.country-presence-toolbar select {
  height: 36px;
  padding: 0 28px 0 10px;
  border: 1px solid #303b47;
  border-radius: 8px;
  background: #171e26;
  color: #a4b0bf;
  font-size: 9px;
  outline: 0;
}
.country-presence-traveler {
  display: grid;
  gap: 3px;
  width: 100%;
  padding: 6px 8px;
  border: 1px solid transparent;
  border-radius: 7px;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.country-presence-traveler:hover,
.country-presence-traveler.active {
  border-color: #3a526b;
  background: rgba(70, 119, 169, 0.12);
}
.country-presence-traveler strong {
  color: #e5ebf2;
  font-size: 10px;
}
.country-presence-traveler small {
  color: #778698;
  font-size: 8px;
}
.country-presence-register td > span {
  display: grid;
  gap: 2px;
}
.country-presence-register td > span strong {
  color: #dce4ec;
  font-size: 9px;
}
.country-presence-register td > span small {
  color: #748295;
  font-size: 8px;
}
.country-presence-open {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border: 1px solid #344252;
  border-radius: 7px;
  background: #1b242e;
  color: #83a9d7;
}
.country-presence-open:hover {
  border-color: #5582b3;
  color: #b5d4f6;
}
.country-presence-detail {
  position: sticky;
  top: 82px;
  overflow: hidden;
  border: 1px solid #303a46;
  border-radius: 13px;
  background: linear-gradient(160deg, #1b232d, #151b23);
  box-shadow: 0 18px 45px rgba(0, 0, 0, 0.2);
}
.country-presence-detail > header {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 11px;
  padding: 17px;
  border-bottom: 1px solid #303a46;
}
.country-presence-avatar {
  width: 43px;
  height: 43px;
  display: grid;
  place-items: center;
  border-radius: 12px;
  background: rgba(65, 193, 148, 0.13);
  color: #4bca9c;
}
.country-presence-detail > header span {
  color: #748396;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.country-presence-detail > header h2 {
  overflow: hidden;
  margin: 3px 0;
  color: #edf2f7;
  font-size: 14px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.country-presence-detail > header p {
  margin: 0;
  color: #7e8c9e;
  font-size: 8px;
}
.country-presence-admission {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 9px;
  margin: 14px 14px 0;
  padding: 11px;
  border: 1px solid rgba(65, 193, 148, 0.25);
  border-radius: 9px;
  background: rgba(65, 193, 148, 0.08);
  color: #48c796;
}
.country-presence-admission div {
  display: grid;
  gap: 2px;
}
.country-presence-admission strong {
  color: #c9e9dc;
  font-size: 10px;
}
.country-presence-admission span {
  color: #79a694;
  font-size: 8px;
  line-height: 1.4;
}
.country-presence-progress {
  display: grid;
  gap: 7px;
  padding: 15px;
}
.country-presence-progress > div {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
.country-presence-progress > div span {
  color: #7e8d9f;
  font-size: 9px;
}
.country-presence-progress > div strong {
  color: #dce5ee;
  font-size: 9px;
}
.country-presence-progress > span {
  height: 7px;
  overflow: hidden;
  border-radius: 999px;
  background: #2a333e;
}
.country-presence-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: #42bd91;
}
.country-presence-progress i.expiring {
  background: #dfad42;
}
.country-presence-progress i.overstay {
  background: #df5968;
}
.country-presence-progress i.review_required {
  background: #7990aa;
}
.country-presence-progress small {
  color: #718094;
  font-size: 8px;
}
.country-presence-fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  margin: 0;
  border-top: 1px solid #2f3945;
}
.country-presence-fields div {
  min-width: 0;
  padding: 12px 14px;
  border-right: 1px solid #2f3945;
  border-bottom: 1px solid #2f3945;
}
.country-presence-fields div:nth-child(2n) {
  border-right: 0;
}
.country-presence-fields dt {
  display: flex;
  align-items: center;
  gap: 5px;
  color: #718095;
  font-size: 8px;
}
.country-presence-fields dd {
  overflow: hidden;
  margin: 5px 0 0;
  color: #d3dce6;
  font-size: 9px;
  text-overflow: ellipsis;
}
.country-presence-evidence {
  display: grid;
  gap: 8px;
  margin: 14px;
  padding: 12px;
  border: 1px solid #303c49;
  border-radius: 9px;
  background: #141a21;
}
.country-presence-evidence > span {
  color: #758497;
  font-size: 8px;
  font-weight: 800;
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.country-presence-evidence p {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  margin: 0;
}
.country-presence-evidence b {
  color: #748397;
  font-size: 8px;
  font-weight: 600;
}
.country-presence-evidence strong {
  overflow: hidden;
  color: #c9d3de;
  font-size: 8px;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.country-presence-detail-link {
  display: flex;
  justify-content: center;
  gap: 7px;
  margin: 0 14px 14px;
  text-decoration: none;
}
html[data-theme="light"] .country-presence-source,
html[data-theme="light"] .country-presence-toolbar label,
html[data-theme="light"] .country-presence-toolbar select {
  border-color: #dce3e9;
  background: #fff;
}
html[data-theme="light"] .country-presence-source strong,
html[data-theme="light"] .country-presence-toolbar input {
  color: #263545;
}
html[data-theme="light"] .country-presence-toolbar select {
  color: #536273;
}
html[data-theme="light"] .country-presence-traveler strong,
html[data-theme="light"] .country-presence-register td > span strong {
  color: #233243;
}
html[data-theme="light"] .country-presence-traveler:hover,
html[data-theme="light"] .country-presence-traveler.active {
  border-color: #bcd0e3;
  background: #eef5fb;
}
html[data-theme="light"] .country-presence-detail {
  border-color: #dce3e9;
  background: #fff;
  box-shadow: 0 14px 35px rgba(30, 44, 58, 0.1);
}
html[data-theme="light"] .country-presence-detail > header,
html[data-theme="light"] .country-presence-fields,
html[data-theme="light"] .country-presence-fields div {
  border-color: #e1e7ec;
}
html[data-theme="light"] .country-presence-detail > header h2,
html[data-theme="light"] .country-presence-progress > div strong,
html[data-theme="light"] .country-presence-fields dd {
  color: #223142;
}
html[data-theme="light"] .country-presence-progress > span {
  background: #e6ebef;
}
html[data-theme="light"] .country-presence-evidence {
  border-color: #dce4eb;
  background: #f7f9fb;
}
html[data-theme="light"] .country-presence-evidence strong {
  color: #334355;
}
@media (max-width: 1180px) {
  .country-presence-layout {
    grid-template-columns: 1fr;
  }
  .country-presence-detail {
    position: static;
  }
}
@media (max-width: 900px) {
  .country-presence-toolbar {
    grid-template-columns: 1fr 1fr;
  }
}
@media (max-width: 620px) {
  .country-presence-source {
    align-items: flex-start;
    flex-wrap: wrap;
  }
  .country-presence-source small {
    width: 100%;
    margin-left: 23px;
  }
  .country-presence-toolbar {
    grid-template-columns: 1fr;
  }
  .country-presence-fields {
    grid-template-columns: 1fr;
  }
  .country-presence-fields div {
    border-right: 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-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-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;
}
@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-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-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;
    }
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./node_modules/leaflet/dist/leaflet.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************/
/* required styles */

.leaflet-pane,
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-tile-container,
.leaflet-pane > svg,
.leaflet-pane > canvas,
.leaflet-zoom-box,
.leaflet-image-layer,
.leaflet-layer {
	position: absolute;
	left: 0;
	top: 0;
	}
.leaflet-container {
	overflow: hidden;
	}
.leaflet-tile,
.leaflet-marker-icon,
.leaflet-marker-shadow {
	-webkit-user-select: none;
	   -moz-user-select: none;
	        user-select: none;
	  -webkit-user-drag: none;
	}
/* Prevents IE11 from highlighting tiles in blue */
.leaflet-tile::selection {
	background: transparent;
}
/* Safari renders non-retina tile on retina better with this, but Chrome is worse */
.leaflet-safari .leaflet-tile {
	image-rendering: -webkit-optimize-contrast;
	}
/* hack that prevents hw layers "stretching" when loading new tiles */
.leaflet-safari .leaflet-tile-container {
	width: 1600px;
	height: 1600px;
	-webkit-transform-origin: 0 0;
	}
.leaflet-marker-icon,
.leaflet-marker-shadow {
	display: block;
	}
/* .leaflet-container svg: reset svg max-width decleration shipped in Joomla! (joomla.org) 3.x */
/* .leaflet-container img: map is broken in FF if you have max-width: 100% on tiles */
.leaflet-container .leaflet-overlay-pane svg {
	max-width: none !important;
	max-height: none !important;
	}
.leaflet-container .leaflet-marker-pane img,
.leaflet-container .leaflet-shadow-pane img,
.leaflet-container .leaflet-tile-pane img,
.leaflet-container img.leaflet-image-layer,
.leaflet-container .leaflet-tile {
	max-width: none !important;
	max-height: none !important;
	width: auto;
	padding: 0;
	}

.leaflet-container img.leaflet-tile {
	/* See: https://bugs.chromium.org/p/chromium/issues/detail?id=600120 */
	mix-blend-mode: plus-lighter;
}

.leaflet-container.leaflet-touch-zoom {
	-ms-touch-action: pan-x pan-y;
	touch-action: pan-x pan-y;
	}
.leaflet-container.leaflet-touch-drag {
	-ms-touch-action: pinch-zoom;
	/* Fallback for FF which doesn't support pinch-zoom */
	touch-action: none;
	touch-action: pinch-zoom;
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom {
	-ms-touch-action: none;
	touch-action: none;
}
.leaflet-container {
	-webkit-tap-highlight-color: transparent;
}
.leaflet-container a {
	-webkit-tap-highlight-color: rgba(51, 181, 229, 0.4);
}
.leaflet-tile {
	filter: inherit;
	visibility: hidden;
	}
.leaflet-tile-loaded {
	visibility: inherit;
	}
.leaflet-zoom-box {
	width: 0;
	height: 0;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	z-index: 800;
	}
/* workaround for https://bugzilla.mozilla.org/show_bug.cgi?id=888319 */
.leaflet-overlay-pane svg {
	-moz-user-select: none;
	}

.leaflet-pane         { z-index: 400; }

.leaflet-tile-pane    { z-index: 200; }
.leaflet-overlay-pane { z-index: 400; }
.leaflet-shadow-pane  { z-index: 500; }
.leaflet-marker-pane  { z-index: 600; }
.leaflet-tooltip-pane   { z-index: 650; }
.leaflet-popup-pane   { z-index: 700; }

.leaflet-map-pane canvas { z-index: 100; }
.leaflet-map-pane svg    { z-index: 200; }

.leaflet-vml-shape {
	width: 1px;
	height: 1px;
	}
.lvml {
	behavior: url(#default#VML);
	display: inline-block;
	position: absolute;
	}


/* control positioning */

.leaflet-control {
	position: relative;
	z-index: 800;
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}
.leaflet-top,
.leaflet-bottom {
	position: absolute;
	z-index: 1000;
	pointer-events: none;
	}
.leaflet-top {
	top: 0;
	}
.leaflet-right {
	right: 0;
	}
.leaflet-bottom {
	bottom: 0;
	}
.leaflet-left {
	left: 0;
	}
.leaflet-control {
	float: left;
	clear: both;
	}
.leaflet-right .leaflet-control {
	float: right;
	}
.leaflet-top .leaflet-control {
	margin-top: 10px;
	}
.leaflet-bottom .leaflet-control {
	margin-bottom: 10px;
	}
.leaflet-left .leaflet-control {
	margin-left: 10px;
	}
.leaflet-right .leaflet-control {
	margin-right: 10px;
	}


/* zoom and fade animations */

.leaflet-fade-anim .leaflet-popup {
	opacity: 0;
	-webkit-transition: opacity 0.2s linear;
	   -moz-transition: opacity 0.2s linear;
	        transition: opacity 0.2s linear;
	}
.leaflet-fade-anim .leaflet-map-pane .leaflet-popup {
	opacity: 1;
	}
.leaflet-zoom-animated {
	-webkit-transform-origin: 0 0;
	    -ms-transform-origin: 0 0;
	        transform-origin: 0 0;
	}
svg.leaflet-zoom-animated {
	will-change: transform;
}

.leaflet-zoom-anim .leaflet-zoom-animated {
	-webkit-transition: -webkit-transform 0.25s cubic-bezier(0,0,0.25,1);
	   -moz-transition:    -moz-transform 0.25s cubic-bezier(0,0,0.25,1);
	        transition:         transform 0.25s cubic-bezier(0,0,0.25,1);
	}
.leaflet-zoom-anim .leaflet-tile,
.leaflet-pan-anim .leaflet-tile {
	-webkit-transition: none;
	   -moz-transition: none;
	        transition: none;
	}

.leaflet-zoom-anim .leaflet-zoom-hide {
	visibility: hidden;
	}


/* cursors */

.leaflet-interactive {
	cursor: pointer;
	}
.leaflet-grab {
	cursor: -webkit-grab;
	cursor:    -moz-grab;
	cursor:         grab;
	}
.leaflet-crosshair,
.leaflet-crosshair .leaflet-interactive {
	cursor: crosshair;
	}
.leaflet-popup-pane,
.leaflet-control {
	cursor: auto;
	}
.leaflet-dragging .leaflet-grab,
.leaflet-dragging .leaflet-grab .leaflet-interactive,
.leaflet-dragging .leaflet-marker-draggable {
	cursor: move;
	cursor: -webkit-grabbing;
	cursor:    -moz-grabbing;
	cursor:         grabbing;
	}

/* marker & overlays interactivity */
.leaflet-marker-icon,
.leaflet-marker-shadow,
.leaflet-image-layer,
.leaflet-pane > svg path,
.leaflet-tile-container {
	pointer-events: none;
	}

.leaflet-marker-icon.leaflet-interactive,
.leaflet-image-layer.leaflet-interactive,
.leaflet-pane > svg path.leaflet-interactive,
svg.leaflet-image-layer.leaflet-interactive path {
	pointer-events: visiblePainted; /* IE 9-10 doesn't have auto */
	pointer-events: auto;
	}

/* visual tweaks */

.leaflet-container {
	background: #ddd;
	outline-offset: 1px;
	}
.leaflet-container a {
	color: #0078A8;
	}
.leaflet-zoom-box {
	border: 2px dotted #38f;
	background: rgba(255,255,255,0.5);
	}


/* general typography */
.leaflet-container {
	font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-size: 0.75rem;
	line-height: 1.5;
	}


/* general toolbar styles */

.leaflet-bar {
	box-shadow: 0 1px 5px rgba(0,0,0,0.65);
	border-radius: 4px;
	}
.leaflet-bar a {
	background-color: #fff;
	border-bottom: 1px solid #ccc;
	width: 26px;
	height: 26px;
	line-height: 26px;
	display: block;
	text-align: center;
	text-decoration: none;
	color: black;
	}
.leaflet-bar a,
.leaflet-control-layers-toggle {
	background-position: 50% 50%;
	background-repeat: no-repeat;
	display: block;
	}
.leaflet-bar a:hover,
.leaflet-bar a:focus {
	background-color: #f4f4f4;
	}
.leaflet-bar a:first-child {
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	}
.leaflet-bar a:last-child {
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom: none;
	}
.leaflet-bar a.leaflet-disabled {
	cursor: default;
	background-color: #f4f4f4;
	color: #bbb;
	}

.leaflet-touch .leaflet-bar a {
	width: 30px;
	height: 30px;
	line-height: 30px;
	}
.leaflet-touch .leaflet-bar a:first-child {
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	}
.leaflet-touch .leaflet-bar a:last-child {
	border-bottom-left-radius: 2px;
	border-bottom-right-radius: 2px;
	}

/* zoom control */

.leaflet-control-zoom-in,
.leaflet-control-zoom-out {
	font: bold 18px 'Lucida Console', Monaco, monospace;
	text-indent: 1px;
	}

.leaflet-touch .leaflet-control-zoom-in, .leaflet-touch .leaflet-control-zoom-out  {
	font-size: 22px;
	}


/* layers control */

.leaflet-control-layers {
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	background: #fff;
	border-radius: 5px;
	}
.leaflet-control-layers-toggle {
	background-image: url(/_next/static/media/layers.ef6db872.png);
	width: 36px;
	height: 36px;
	}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(/_next/static/media/layers-2x.9859cd12.png);
	background-size: 26px 26px;
	}
.leaflet-touch .leaflet-control-layers-toggle {
	width: 44px;
	height: 44px;
	}
.leaflet-control-layers .leaflet-control-layers-list,
.leaflet-control-layers-expanded .leaflet-control-layers-toggle {
	display: none;
	}
.leaflet-control-layers-expanded .leaflet-control-layers-list {
	display: block;
	position: relative;
	}
.leaflet-control-layers-expanded {
	padding: 6px 10px 6px 6px;
	color: #333;
	background: #fff;
	}
.leaflet-control-layers-scrollbar {
	overflow-y: scroll;
	overflow-x: hidden;
	padding-right: 5px;
	}
.leaflet-control-layers-selector {
	margin-top: 2px;
	position: relative;
	top: 1px;
	}
.leaflet-control-layers label {
	display: block;
	font-size: 13px;
	font-size: 1.08333em;
	}
.leaflet-control-layers-separator {
	height: 0;
	border-top: 1px solid #ddd;
	margin: 5px -10px 5px -6px;
	}

/* Default icon URLs */
.leaflet-default-icon-path { /* used only in path-guessing heuristic, see L.Icon.Default */
	background-image: url(/_next/static/media/marker-icon.d577052a.png);
	}


/* attribution and scale controls */

.leaflet-container .leaflet-control-attribution {
	background: #fff;
	background: rgba(255, 255, 255, 0.8);
	margin: 0;
	}
.leaflet-control-attribution,
.leaflet-control-scale-line {
	padding: 0 5px;
	color: #333;
	line-height: 1.4;
	}
.leaflet-control-attribution a {
	text-decoration: none;
	}
.leaflet-control-attribution a:hover,
.leaflet-control-attribution a:focus {
	text-decoration: underline;
	}
.leaflet-attribution-flag {
	display: inline !important;
	vertical-align: baseline !important;
	width: 1em;
	height: 0.6669em;
	}
.leaflet-left .leaflet-control-scale {
	margin-left: 5px;
	}
.leaflet-bottom .leaflet-control-scale {
	margin-bottom: 5px;
	}
.leaflet-control-scale-line {
	border: 2px solid #777;
	border-top: none;
	line-height: 1.1;
	padding: 2px 5px 1px;
	white-space: nowrap;
	-moz-box-sizing: border-box;
	     box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	text-shadow: 1px 1px #fff;
	}
.leaflet-control-scale-line:not(:first-child) {
	border-top: 2px solid #777;
	border-bottom: none;
	margin-top: -2px;
	}
.leaflet-control-scale-line:not(:first-child):not(:last-child) {
	border-bottom: 2px solid #777;
	}

.leaflet-touch .leaflet-control-attribution,
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	box-shadow: none;
	}
.leaflet-touch .leaflet-control-layers,
.leaflet-touch .leaflet-bar {
	border: 2px solid rgba(0,0,0,0.2);
	background-clip: padding-box;
	}


/* popup */

.leaflet-popup {
	position: absolute;
	text-align: center;
	margin-bottom: 20px;
	}
.leaflet-popup-content-wrapper {
	padding: 1px;
	text-align: left;
	border-radius: 12px;
	}
.leaflet-popup-content {
	margin: 13px 24px 13px 20px;
	line-height: 1.3;
	font-size: 13px;
	font-size: 1.08333em;
	min-height: 1px;
	}
.leaflet-popup-content p {
	margin: 17px 0;
	margin: 1.3em 0;
	}
.leaflet-popup-tip-container {
	width: 40px;
	height: 20px;
	position: absolute;
	left: 50%;
	margin-top: -1px;
	margin-left: -20px;
	overflow: hidden;
	pointer-events: none;
	}
.leaflet-popup-tip {
	width: 17px;
	height: 17px;
	padding: 1px;

	margin: -10px auto 0;
	pointer-events: auto;

	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
	    -ms-transform: rotate(45deg);
	        transform: rotate(45deg);
	}
.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
	background: white;
	color: #333;
	box-shadow: 0 3px 14px rgba(0,0,0,0.4);
	}
.leaflet-container a.leaflet-popup-close-button {
	position: absolute;
	top: 0;
	right: 0;
	border: none;
	text-align: center;
	width: 24px;
	height: 24px;
	font: 16px/24px Tahoma, Verdana, sans-serif;
	color: #757575;
	text-decoration: none;
	background: transparent;
	}
.leaflet-container a.leaflet-popup-close-button:hover,
.leaflet-container a.leaflet-popup-close-button:focus {
	color: #585858;
	}
.leaflet-popup-scrolled {
	overflow: auto;
	}

.leaflet-oldie .leaflet-popup-content-wrapper {
	-ms-zoom: 1;
	}
.leaflet-oldie .leaflet-popup-tip {
	width: 24px;
	margin: 0 auto;

	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)";
	filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678);
	}

.leaflet-oldie .leaflet-control-zoom,
.leaflet-oldie .leaflet-control-layers,
.leaflet-oldie .leaflet-popup-content-wrapper,
.leaflet-oldie .leaflet-popup-tip {
	border: 1px solid #999;
	}


/* div icon */

.leaflet-div-icon {
	background: #fff;
	border: 1px solid #666;
	}


/* Tooltip */
/* Base styles for the element that has a tooltip */
.leaflet-tooltip {
	position: absolute;
	padding: 6px;
	background-color: #fff;
	border: 1px solid #fff;
	border-radius: 3px;
	color: #222;
	white-space: nowrap;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	pointer-events: none;
	box-shadow: 0 1px 3px rgba(0,0,0,0.4);
	}
.leaflet-tooltip.leaflet-interactive {
	cursor: pointer;
	pointer-events: auto;
	}
.leaflet-tooltip-top:before,
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	position: absolute;
	pointer-events: none;
	border: 6px solid transparent;
	background: transparent;
	content: "";
	}

/* Directions */

.leaflet-tooltip-bottom {
	margin-top: 6px;
}
.leaflet-tooltip-top {
	margin-top: -6px;
}
.leaflet-tooltip-bottom:before,
.leaflet-tooltip-top:before {
	left: 50%;
	margin-left: -6px;
	}
.leaflet-tooltip-top:before {
	bottom: 0;
	margin-bottom: -12px;
	border-top-color: #fff;
	}
.leaflet-tooltip-bottom:before {
	top: 0;
	margin-top: -12px;
	margin-left: -6px;
	border-bottom-color: #fff;
	}
.leaflet-tooltip-left {
	margin-left: -6px;
}
.leaflet-tooltip-right {
	margin-left: 6px;
}
.leaflet-tooltip-left:before,
.leaflet-tooltip-right:before {
	top: 50%;
	margin-top: -6px;
	}
.leaflet-tooltip-left:before {
	right: 0;
	margin-right: -12px;
	border-left-color: #fff;
	}
.leaflet-tooltip-right:before {
	left: 0;
	margin-left: -12px;
	border-right-color: #fff;
	}

/* Printing */

@media print {
	/* Prevent printers from removing background-images of controls. */
	.leaflet-control {
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
		}
	}