/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, -apple-system, "SF Pro Text", "Inter", "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Apple Color Emoji", "Segoe UI 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-300: oklch(80.8% 0.114 19.571);
    --color-red-400: oklch(70.4% 0.191 22.216);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-red-700: oklch(50.5% 0.213 27.518);
    --color-red-800: oklch(44.4% 0.177 26.899);
    --color-red-950: oklch(25.8% 0.092 26.042);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-500: oklch(76.9% 0.188 70.08);
    --color-amber-600: oklch(66.6% 0.179 58.318);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-amber-950: oklch(27.9% 0.077 45.635);
    --color-yellow-400: oklch(85.2% 0.199 91.936);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-100: oklch(95% 0.052 163.051);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-300: oklch(84.5% 0.143 164.978);
    --color-emerald-500: oklch(69.6% 0.17 162.48);
    --color-emerald-600: oklch(59.6% 0.145 163.225);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-800: oklch(43.2% 0.095 166.913);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-emerald-950: oklch(26.2% 0.051 172.552);
    --color-sky-50: oklch(97.7% 0.013 236.62);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-sky-200: oklch(90.1% 0.058 230.902);
    --color-sky-300: oklch(82.8% 0.111 230.318);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-sky-600: oklch(58.8% 0.158 241.966);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-sky-800: oklch(44.3% 0.11 240.79);
    --color-sky-900: oklch(39.1% 0.09 240.876);
    --color-sky-950: oklch(29.3% 0.066 243.157);
    --color-blue-50: oklch(97% 0.014 254.604);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-blue-800: oklch(42.4% 0.199 265.638);
    --color-indigo-50: oklch(96.2% 0.018 272.314);
    --color-indigo-200: oklch(87% 0.065 274.039);
    --color-indigo-700: oklch(45.7% 0.24 277.023);
    --color-indigo-800: oklch(39.8% 0.195 277.366);
    --color-violet-50: oklch(96.9% 0.016 293.756);
    --color-violet-200: oklch(89.4% 0.057 293.283);
    --color-violet-700: oklch(49.1% 0.27 292.581);
    --color-violet-800: oklch(43.2% 0.232 292.759);
    --color-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-100: oklch(94.1% 0.03 12.58);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-300: oklch(81% 0.117 11.638);
    --color-rose-500: oklch(64.5% 0.246 16.439);
    --color-rose-600: oklch(58.6% 0.253 17.585);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-800: oklch(45.5% 0.188 13.697);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-rose-950: oklch(27.1% 0.105 12.094);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-xs: 20rem;
    --container-md: 28rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --container-4xl: 56rem;
    --container-5xl: 64rem;
    --container-6xl: 72rem;
    --container-7xl: 80rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --text-lg: 1.125rem;
    --text-lg--line-height: calc(1.75 / 1.125);
    --text-xl: 1.25rem;
    --text-xl--line-height: calc(1.75 / 1.25);
    --text-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --text-3xl: 1.875rem;
    --text-3xl--line-height: calc(2.25 / 1.875);
    --text-4xl: 2.25rem;
    --text-4xl--line-height: calc(2.5 / 2.25);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --font-weight-extrabold: 800;
    --font-weight-black: 900;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --tracking-wider: 0.05em;
    --tracking-widest: 0.1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --leading-relaxed: 1.625;
    --radius-sm: 10px;
    --radius-md: 14px;
    --radius-lg: 16px;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --blur-2xl: 40px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-bg: oklch(0.958 0.013 216);
    --color-surface: oklch(0.987 0.006 96);
    --color-border: oklch(0.842 0.018 228);
    --color-muted: oklch(0.923 0.014 205);
    --color-text: oklch(0.285 0.014 245);
    --color-subtle: oklch(0.500 0.015 235);
    --color-brand-graphite: #42444a;
    --color-brand-taupe: #aea598;
    --color-brand-steel: #526d89;
    --color-brand-sage: #5b867d;
    --color-brand-mist: #e9f0f0;
    --color-brand-paper: #fbfaf6;
    --color-accent: oklch(0.540 0.073 236);
    --color-accent-600: oklch(0.492 0.075 236);
    --color-accent-700: oklch(0.432 0.070 236);
    --color-brand-blue: var(--color-accent);
    --shadow-soft: 0 1px 2px 0 rgb(0 0 0 / 0.04), 0 2px 6px -2px rgb(0 0 0 / 0.06);
    --shadow-elev: 0 8px 24px -12px rgb(0 0 0 / 0.10);
  }
}
@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-auto {
    pointer-events: auto;
  }
  .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;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .sticky {
    position: sticky;
  }
  .inset-0 {
    inset: calc(var(--spacing) * 0);
  }
  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0);
  }
  .inset-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .top-0 {
    top: calc(var(--spacing) * 0);
  }
  .top-1\/2 {
    top: calc(1/2 * 100%);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-12 {
    top: calc(var(--spacing) * 12);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-3 {
    right: calc(var(--spacing) * 3);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .z-10 {
    z-index: 10;
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-40 {
    z-index: 40;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[90\] {
    z-index: 90;
  }
  .z-\[190\] {
    z-index: 190;
  }
  .col-span-2 {
    grid-column: span 2 / span 2;
  }
  .col-span-3 {
    grid-column: span 3 / span 3;
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-3 {
    margin: calc(var(--spacing) * 3);
  }
  .m-4 {
    margin: calc(var(--spacing) * 4);
  }
  .-mx-3 {
    margin-inline: calc(var(--spacing) * -3);
  }
  .mx-1 {
    margin-inline: calc(var(--spacing) * 1);
  }
  .mx-4 {
    margin-inline: calc(var(--spacing) * 4);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .my-3 {
    margin-block: calc(var(--spacing) * 3);
  }
  .-mt-1 {
    margin-top: calc(var(--spacing) * -1);
  }
  .mt-0 {
    margin-top: calc(var(--spacing) * 0);
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-1\.5 {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-3\.5 {
    margin-top: calc(var(--spacing) * 3.5);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mt-10 {
    margin-top: calc(var(--spacing) * 10);
  }
  .mt-12 {
    margin-top: calc(var(--spacing) * 12);
  }
  .mr-1 {
    margin-right: calc(var(--spacing) * 1);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .ml-1 {
    margin-left: calc(var(--spacing) * 1);
  }
  .ml-2 {
    margin-left: calc(var(--spacing) * 2);
  }
  .ml-3 {
    margin-left: calc(var(--spacing) * 3);
  }
  .ml-auto {
    margin-left: auto;
  }
  .form-input {
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-color: oklch(54.6% 0.245 262.881);
    }
    &::placeholder {
      color: oklch(55.1% 0.027 264.364);
      opacity: 1;
    }
    &::-webkit-datetime-edit-fields-wrapper {
      padding: 0;
    }
    &::-webkit-date-and-time-value {
      min-height: 1.5em;
    }
    &::-webkit-date-and-time-value {
      text-align: inherit;
    }
    &::-webkit-datetime-edit {
      display: inline-flex;
    }
    &::-webkit-datetime-edit {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-year-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-month-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-day-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-hour-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-minute-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-second-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-millisecond-field {
      padding-top: 0;
      padding-bottom: 0;
    }
    &::-webkit-datetime-edit-meridiem-field {
      padding-top: 0;
      padding-bottom: 0;
    }
  }
  .\!btn {
    display: inline-flex !important;
    align-items: center !important;
    gap: calc(var(--spacing) * 2) !important;
    border-radius: var(--radius-sm) !important;
    padding-inline: calc(var(--spacing) * 3.5) !important;
    padding-block: calc(var(--spacing) * 2.5) !important;
    font-size: var(--text-sm) !important;
    line-height: var(--tw-leading, var(--text-sm--line-height)) !important;
    --tw-font-weight: var(--font-weight-medium) !important;
    font-weight: var(--font-weight-medium) !important;
    --tw-shadow: var(--shadow-soft) !important;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events !important;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function)) !important;
    transition-duration: var(--tw-duration, var(--default-transition-duration)) !important;
    -webkit-user-select: none !important;
    user-select: none !important;
    &:focus {
      --tw-outline-style: none !important;
      outline-style: none !important;
    }
    &:focus-visible {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor) !important;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow) !important;
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px !important;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important;
    }
  }
  .btn {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &: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 {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-block {
    display: inline-block;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .size-3 {
    width: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3);
  }
  .h-1\.5 {
    height: calc(var(--spacing) * 1.5);
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .h-3 {
    height: calc(var(--spacing) * 3);
  }
  .h-3\.5 {
    height: calc(var(--spacing) * 3.5);
  }
  .h-4 {
    height: calc(var(--spacing) * 4);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .h-56 {
    height: calc(var(--spacing) * 56);
  }
  .h-auto {
    height: auto;
  }
  .h-full {
    height: 100%;
  }
  .max-h-60 {
    max-height: calc(var(--spacing) * 60);
  }
  .max-h-64 {
    max-height: calc(var(--spacing) * 64);
  }
  .max-h-72 {
    max-height: calc(var(--spacing) * 72);
  }
  .max-h-80 {
    max-height: calc(var(--spacing) * 80);
  }
  .max-h-96 {
    max-height: calc(var(--spacing) * 96);
  }
  .max-h-\[24rem\] {
    max-height: 24rem;
  }
  .max-h-\[32rem\] {
    max-height: 32rem;
  }
  .max-h-\[36rem\] {
    max-height: 36rem;
  }
  .max-h-\[50vh\] {
    max-height: 50vh;
  }
  .max-h-\[70vh\] {
    max-height: 70vh;
  }
  .max-h-\[88vh\] {
    max-height: 88vh;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[92vh\] {
    max-height: 92vh;
  }
  .max-h-\[calc\(100vh-4rem\)\] {
    max-height: calc(100vh - 4rem);
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-\[5\.5rem\] {
    min-height: 5.5rem;
  }
  .min-h-\[24rem\] {
    min-height: 24rem;
  }
  .min-h-\[70vh\] {
    min-height: 70vh;
  }
  .min-h-\[96px\] {
    min-height: 96px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-1\.5 {
    width: calc(var(--spacing) * 1.5);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .w-3 {
    width: calc(var(--spacing) * 3);
  }
  .w-3\.5 {
    width: calc(var(--spacing) * 3.5);
  }
  .w-4 {
    width: calc(var(--spacing) * 4);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-20 {
    width: calc(var(--spacing) * 20);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-32 {
    width: calc(var(--spacing) * 32);
  }
  .w-36 {
    width: calc(var(--spacing) * 36);
  }
  .w-44 {
    width: calc(var(--spacing) * 44);
  }
  .w-48 {
    width: calc(var(--spacing) * 48);
  }
  .w-50 {
    width: calc(var(--spacing) * 50);
  }
  .w-64 {
    width: calc(var(--spacing) * 64);
  }
  .w-80 {
    width: calc(var(--spacing) * 80);
  }
  .w-\[28rem\] {
    width: 28rem;
  }
  .w-\[30rem\] {
    width: 30rem;
  }
  .w-\[min\(100vw-2rem\,1360px\)\] {
    width: min(100vw - 2rem, 1360px);
  }
  .w-\[min\(100vw-3rem\,980px\)\] {
    width: min(100vw - 3rem, 980px);
  }
  .w-\[min\(100vw-3rem\,1120px\)\] {
    width: min(100vw - 3rem, 1120px);
  }
  .w-\[min\(100vw-3rem\,1280px\)\] {
    width: min(100vw - 3rem, 1280px);
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-4xl {
    max-width: var(--container-4xl);
  }
  .max-w-5xl {
    max-width: var(--container-5xl);
  }
  .max-w-6xl {
    max-width: var(--container-6xl);
  }
  .max-w-\[18rem\] {
    max-width: 18rem;
  }
  .max-w-\[22rem\] {
    max-width: 22rem;
  }
  .max-w-\[96vw\] {
    max-width: 96vw;
  }
  .max-w-\[calc\(100vw-2rem\)\] {
    max-width: calc(100vw - 2rem);
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .max-w-prose {
    max-width: 65ch;
  }
  .max-w-xl {
    max-width: var(--container-xl);
  }
  .max-w-xs {
    max-width: var(--container-xs);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-44 {
    min-width: calc(var(--spacing) * 44);
  }
  .min-w-48 {
    min-width: calc(var(--spacing) * 48);
  }
  .min-w-52 {
    min-width: calc(var(--spacing) * 52);
  }
  .min-w-72 {
    min-width: calc(var(--spacing) * 72);
  }
  .min-w-\[12rem\] {
    min-width: 12rem;
  }
  .min-w-\[14rem\] {
    min-width: 14rem;
  }
  .min-w-\[15rem\] {
    min-width: 15rem;
  }
  .min-w-\[16rem\] {
    min-width: 16rem;
  }
  .min-w-\[18rem\] {
    min-width: 18rem;
  }
  .min-w-\[980px\] {
    min-width: 980px;
  }
  .min-w-full {
    min-width: 100%;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .grow {
    flex-grow: 1;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .translate-x-full {
    --tw-translate-x: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .rotate-0 {
    rotate: 0deg;
  }
  .rotate-180 {
    rotate: 180deg;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .animate-spin {
    animation: var(--animate-spin);
  }
  .kpi-click {
    cursor: pointer;
    -webkit-user-select: none;
    user-select: none;
  }
  .cursor-not-allowed {
    cursor: not-allowed;
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .scroll-mt-6 {
    scroll-margin-top: calc(var(--spacing) * 6);
  }
  .scroll-mt-24 {
    scroll-margin-top: calc(var(--spacing) * 24);
  }
  .list-inside {
    list-style-position: inside;
  }
  .list-decimal {
    list-style-type: decimal;
  }
  .list-disc {
    list-style-type: disc;
  }
  .list-none {
    list-style-type: none;
  }
  .form-select {
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-color: oklch(54.6% 0.245 262.881);
    }
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    print-color-adjust: exact;
    &:where([size]:not([size="1"])) {
      background-image: initial;
      background-position: initial;
      background-repeat: unset;
      background-size: initial;
      padding-right: 0.75rem;
      print-color-adjust: unset;
    }
  }
  .form-textarea {
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-color: oklch(54.6% 0.245 262.881);
    }
    &::placeholder {
      color: oklch(55.1% 0.027 264.364);
      opacity: 1;
    }
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .grid-cols-12 {
    grid-template-columns: repeat(12, minmax(0, 1fr));
  }
  .grid-cols-\[4\.5rem_4\.5rem\] {
    grid-template-columns: 4.5rem 4.5rem;
  }
  .grid-cols-\[150px_1fr\] {
    grid-template-columns: 150px 1fr;
  }
  .grid-cols-\[180px_1fr\] {
    grid-template-columns: 180px 1fr;
  }
  .grid-cols-\[200px_1fr\] {
    grid-template-columns: 200px 1fr;
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .items-stretch {
    align-items: stretch;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-5 {
    gap: calc(var(--spacing) * 5);
  }
  .gap-px {
    gap: 1px;
  }
  .space-y-0\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .gap-x-2 {
    column-gap: calc(var(--spacing) * 2);
  }
  .gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
  }
  .gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
  }
  .gap-y-0\.5 {
    row-gap: calc(var(--spacing) * 0.5);
  }
  .gap-y-1 {
    row-gap: calc(var(--spacing) * 1);
  }
  .divide-y {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
  }
  .divide-\[var\(--color-border\)\] {
    :where(& > :not(:last-child)) {
      border-color: var(--color-border);
    }
  }
  .self-end {
    align-self: flex-end;
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-auto {
    overflow: auto;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-auto {
    overflow-x: auto;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .info-card {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: var(--color-border);
  }
  .kpi-card {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: var(--color-border);
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[1\.1rem\] {
    border-radius: 1.1rem;
  }
  .rounded-\[var\(--radius-lg\)\] {
    border-radius: var(--radius-lg);
  }
  .rounded-\[var\(--radius-md\)\] {
    border-radius: var(--radius-md);
  }
  .rounded-\[var\(--radius-sm\)\] {
    border-radius: var(--radius-sm);
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .rounded-md {
    border-radius: var(--radius-md);
  }
  .rounded-sm {
    border-radius: var(--radius-sm);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .rounded-l-\[var\(--radius-lg\)\] {
    border-top-left-radius: var(--radius-lg);
    border-bottom-left-radius: var(--radius-lg);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-\[var\(--color-border\)\] {
    border-color: var(--color-border);
  }
  .border-\[var\(--color-border\)\]\/70 {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
  }
  .border-\[var\(--color-border-muted\)\] {
    border-color: var(--color-border-muted);
  }
  .border-\[var\(--color-brand-blue\)\] {
    border-color: var(--color-brand-blue);
  }
  .border-amber-100 {
    border-color: var(--color-amber-100);
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-amber-300 {
    border-color: var(--color-amber-300);
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-emerald-100 {
    border-color: var(--color-emerald-100);
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-emerald-300 {
    border-color: var(--color-emerald-300);
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .border-indigo-200 {
    border-color: var(--color-indigo-200);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-300 {
    border-color: var(--color-red-300);
  }
  .border-rose-200 {
    border-color: var(--color-rose-200);
  }
  .border-rose-300 {
    border-color: var(--color-rose-300);
  }
  .border-sky-100 {
    border-color: var(--color-sky-100);
  }
  .border-sky-200 {
    border-color: var(--color-sky-200);
  }
  .border-slate-100 {
    border-color: var(--color-slate-100);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-200\/80 {
    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 80%, transparent);
    }
  }
  .border-slate-300 {
    border-color: var(--color-slate-300);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-violet-200 {
    border-color: var(--color-violet-200);
  }
  .border-white\/80 {
    border-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .border-white\/90 {
    border-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .border-r-transparent {
    border-right-color: transparent;
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-accent\)_14\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.540 0.073 236) 14%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-accent) 14%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-muted\)_20\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.923 0.014 205) 20%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-muted) 20%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-muted\)_22\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.923 0.014 205) 22%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-muted) 22%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-muted\)_25\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.923 0.014 205) 25%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-muted) 25%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-muted\)_25\%\,transparent\)\]\/50 {
    background-color: color-mix(in srgb, color-mix(in srgb,oklch(0.923 0.014 205) 25%,transparent) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, color-mix(in srgb,var(--color-muted) 25%,transparent) 50%, transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-muted\)_40\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.923 0.014 205) 40%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-muted) 40%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-muted\)_55\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.923 0.014 205) 55%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-muted) 55%,transparent);
    }
  }
  .bg-\[var\(--color-accent\)\] {
    background-color: var(--color-accent);
  }
  .bg-\[var\(--color-bg\)\] {
    background-color: var(--color-bg);
  }
  .bg-\[var\(--color-border\)\] {
    background-color: var(--color-border);
  }
  .bg-\[var\(--color-border\)\]\/70 {
    background-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
  }
  .bg-\[var\(--color-muted\)\] {
    background-color: var(--color-muted);
  }
  .bg-\[var\(--color-muted\)\]\/10 {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 10%, transparent);
    }
  }
  .bg-\[var\(--color-muted\)\]\/15 {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 15%, transparent);
    }
  }
  .bg-\[var\(--color-muted\)\]\/20 {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);
    }
  }
  .bg-\[var\(--color-muted\)\]\/30 {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);
    }
  }
  .bg-\[var\(--color-muted\)\]\/40 {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
    }
  }
  .bg-\[var\(--color-muted\)\]\/70 {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 70%, transparent);
    }
  }
  .bg-\[var\(--color-surface\)\] {
    background-color: var(--color-surface);
  }
  .bg-\[var\(--color-surface\)\]\/60 {
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 60%, transparent);
    }
  }
  .bg-\[var\(--color-surface\)\]\/95 {
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 95%, transparent);
    }
  }
  .bg-\[var\(--color-surface-muted\)\] {
    background-color: var(--color-surface-muted);
  }
  .bg-\[var\(--color-surface-muted\)\]\/40 {
    background-color: var(--color-surface-muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface-muted) 40%, transparent);
    }
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-amber-50\/40 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 40%, transparent);
    }
  }
  .bg-amber-50\/70 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 70%, transparent);
    }
  }
  .bg-amber-50\/80 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 80%, transparent);
    }
  }
  .bg-amber-50\/90 {
    background-color: color-mix(in srgb, oklch(98.7% 0.022 95.277) 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-amber-50) 90%, transparent);
    }
  }
  .bg-amber-100 {
    background-color: var(--color-amber-100);
  }
  .bg-black\/40 {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  .bg-black\/45 {
    background-color: color-mix(in srgb, #000 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 45%, transparent);
    }
  }
  .bg-blue-50 {
    background-color: var(--color-blue-50);
  }
  .bg-blue-100 {
    background-color: var(--color-blue-100);
  }
  .bg-current {
    background-color: currentcolor;
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-emerald-50\/60 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 60%, transparent);
    }
  }
  .bg-emerald-50\/80 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 80%, transparent);
    }
  }
  .bg-emerald-100 {
    background-color: var(--color-emerald-100);
  }
  .bg-emerald-900 {
    background-color: var(--color-emerald-900);
  }
  .bg-indigo-50 {
    background-color: var(--color-indigo-50);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }
  .bg-rose-50\/50 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 50%, transparent);
    }
  }
  .bg-rose-50\/80 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 80%, transparent);
    }
  }
  .bg-rose-100 {
    background-color: var(--color-rose-100);
  }
  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }
  .bg-sky-50\/70 {
    background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-50) 70%, transparent);
    }
  }
  .bg-sky-100 {
    background-color: var(--color-sky-100);
  }
  .bg-sky-600 {
    background-color: var(--color-sky-600);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-50\/60 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
    }
  }
  .bg-slate-50\/70 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 70%, transparent);
    }
  }
  .bg-slate-50\/80 {
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 80%, transparent);
    }
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-violet-50 {
    background-color: var(--color-violet-50);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/70 {
    background-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
  }
  .bg-white\/80 {
    background-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
  }
  .bg-white\/85 {
    background-color: color-mix(in srgb, #fff 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 85%, transparent);
    }
  }
  .bg-white\/90 {
    background-color: color-mix(in srgb, #fff 90%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 90%, transparent);
    }
  }
  .bg-white\/95 {
    background-color: color-mix(in srgb, #fff 95%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 95%, transparent);
    }
  }
  .bg-gradient-to-br {
    --tw-gradient-position: to bottom right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(165deg\,color-mix\(in_oklab\,var\(--color-muted\)_66\%\,white\)\,var\(--color-surface\)\)\] {
    background-image: linear-gradient(165deg,color-mix(in srgb,oklch(0.923 0.014 205) 66%,white),var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(165deg,color-mix(in oklab,var(--color-muted) 66%,white),var(--color-surface));
    }
  }
  .from-white {
    --tw-gradient-from: var(--color-white);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .via-white {
    --tw-gradient-via: var(--color-white);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
  }
  .to-slate-50 {
    --tw-gradient-to: var(--color-slate-50);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .p-0 {
    padding: calc(var(--spacing) * 0);
  }
  .p-1 {
    padding: calc(var(--spacing) * 1);
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .p-2\.5 {
    padding: calc(var(--spacing) * 2.5);
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-5 {
    padding: calc(var(--spacing) * 5);
  }
  .p-6 {
    padding: calc(var(--spacing) * 6);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-0 {
    padding-inline: calc(var(--spacing) * 0);
  }
  .px-1 {
    padding-inline: calc(var(--spacing) * 1);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-5 {
    padding-inline: calc(var(--spacing) * 5);
  }
  .py-0 {
    padding-block: calc(var(--spacing) * 0);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 0.5);
  }
  .py-1 {
    padding-block: calc(var(--spacing) * 1);
  }
  .py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-8 {
    padding-block: calc(var(--spacing) * 8);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .pt-0 {
    padding-top: calc(var(--spacing) * 0);
  }
  .pt-0\.5 {
    padding-top: calc(var(--spacing) * 0.5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-2 {
    padding-top: calc(var(--spacing) * 2);
  }
  .pt-3 {
    padding-top: calc(var(--spacing) * 3);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pr-1 {
    padding-right: calc(var(--spacing) * 1);
  }
  .pr-3 {
    padding-right: calc(var(--spacing) * 3);
  }
  .pr-4 {
    padding-right: calc(var(--spacing) * 4);
  }
  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .pb-3 {
    padding-bottom: calc(var(--spacing) * 3);
  }
  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4);
  }
  .pb-8 {
    padding-bottom: calc(var(--spacing) * 8);
  }
  .pl-4 {
    padding-left: calc(var(--spacing) * 4);
  }
  .pl-5 {
    padding-left: calc(var(--spacing) * 5);
  }
  .text-center {
    text-align: center;
  }
  .text-left {
    text-align: left;
  }
  .text-right {
    text-align: right;
  }
  .align-\[-2px\] {
    vertical-align: -2px;
  }
  .align-top {
    vertical-align: top;
  }
  .font-mono {
    font-family: var(--font-mono);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[12px\] {
    font-size: 12px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .leading-4 {
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[0\.2em\] {
    --tw-tracking: 0.2em;
    letter-spacing: 0.2em;
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .tracking-\[0\.14em\] {
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
  }
  .tracking-\[0\.16em\] {
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
  }
  .tracking-\[0\.18em\] {
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
  }
  .tracking-\[0\.22em\] {
    --tw-tracking: 0.22em;
    letter-spacing: 0.22em;
  }
  .tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
  }
  .tracking-wide {
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
  }
  .tracking-widest {
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .text-ellipsis {
    text-overflow: ellipsis;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[var\(--color-accent\)\] {
    color: var(--color-accent);
  }
  .text-\[var\(--color-brand-blue\)\] {
    color: var(--color-brand-blue);
  }
  .text-\[var\(--color-foreground\)\] {
    color: var(--color-foreground);
  }
  .text-\[var\(--color-link\)\] {
    color: var(--color-link);
  }
  .text-\[var\(--color-muted-foreground\)\] {
    color: var(--color-muted-foreground);
  }
  .text-\[var\(--color-rose\)\] {
    color: var(--color-rose);
  }
  .text-\[var\(--color-subtle\)\] {
    color: var(--color-subtle);
  }
  .text-\[var\(--color-text\)\] {
    color: var(--color-text);
  }
  .text-amber-600 {
    color: var(--color-amber-600);
  }
  .text-amber-700 {
    color: var(--color-amber-700);
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-amber-900\/80 {
    color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-900) 80%, transparent);
    }
  }
  .text-amber-900\/85 {
    color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-amber-900) 85%, transparent);
    }
  }
  .text-amber-950 {
    color: var(--color-amber-950);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-blue-800 {
    color: var(--color-blue-800);
  }
  .text-emerald-500 {
    color: var(--color-emerald-500);
  }
  .text-emerald-600 {
    color: var(--color-emerald-600);
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-emerald-800 {
    color: var(--color-emerald-800);
  }
  .text-emerald-800\/80 {
    color: color-mix(in srgb, oklch(43.2% 0.095 166.913) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-emerald-800) 80%, transparent);
    }
  }
  .text-emerald-900 {
    color: var(--color-emerald-900);
  }
  .text-emerald-950 {
    color: var(--color-emerald-950);
  }
  .text-indigo-700 {
    color: var(--color-indigo-700);
  }
  .text-indigo-800 {
    color: var(--color-indigo-800);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-red-950 {
    color: var(--color-red-950);
  }
  .text-rose-600 {
    color: var(--color-rose-600);
  }
  .text-rose-700 {
    color: var(--color-rose-700);
  }
  .text-rose-800 {
    color: var(--color-rose-800);
  }
  .text-rose-900 {
    color: var(--color-rose-900);
  }
  .text-rose-950 {
    color: var(--color-rose-950);
  }
  .text-sky-700 {
    color: var(--color-sky-700);
  }
  .text-sky-800 {
    color: var(--color-sky-800);
  }
  .text-sky-900 {
    color: var(--color-sky-900);
  }
  .text-sky-950 {
    color: var(--color-sky-950);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-violet-700 {
    color: var(--color-violet-700);
  }
  .text-violet-800 {
    color: var(--color-violet-800);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .underline {
    text-decoration-line: underline;
  }
  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .opacity-20 {
    opacity: 20%;
  }
  .opacity-25 {
    opacity: 25%;
  }
  .opacity-40 {
    opacity: 40%;
  }
  .opacity-60 {
    opacity: 60%;
  }
  .opacity-70 {
    opacity: 70%;
  }
  .opacity-75 {
    opacity: 75%;
  }
  .opacity-80 {
    opacity: 80%;
  }
  .opacity-90 {
    opacity: 90%;
  }
  .opacity-100 {
    opacity: 100%;
  }
  .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-\[var\(--shadow-elev\)\] {
    --tw-shadow: var(--shadow-elev);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[var\(--shadow-sm\)\] {
    --tw-shadow: var(--shadow-sm);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[var\(--shadow-soft\)\] {
    --tw-shadow: var(--shadow-soft);
    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);
  }
  .ring-1 {
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ring-amber-100 {
    --tw-ring-color: var(--color-amber-100);
  }
  .ring-emerald-100 {
    --tw-ring-color: var(--color-emerald-100);
  }
  .ring-red-400 {
    --tw-ring-color: var(--color-red-400);
  }
  .ring-sky-100 {
    --tw-ring-color: var(--color-sky-100);
  }
  .ring-slate-100 {
    --tw-ring-color: var(--color-slate-100);
  }
  .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,);
  }
  .backdrop-blur {
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-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-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .duration-500 {
    --tw-duration: 500ms;
    transition-duration: 500ms;
  }
  .select-none {
    -webkit-user-select: none;
    user-select: none;
  }
  .duration-300 {
    animation-duration: 300ms;
  }
  .duration-500 {
    animation-duration: 500ms;
  }
  .running {
    animation-play-state: running;
  }
  .group-open\:hidden {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      display: none;
    }
  }
  .group-open\:inline {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      display: inline;
    }
  }
  .group-open\:rotate-180 {
    &:is(:where(.group):is([open], :popover-open, :open) *) {
      rotate: 180deg;
    }
  }
  .peer-checked\:bg-\[var\(--color-accent\)\] {
    &:is(:where(.peer):checked ~ *) {
      background-color: var(--color-accent);
    }
  }
  .peer-checked\:font-medium {
    &:is(:where(.peer):checked ~ *) {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .peer-checked\:text-\[var\(--color-text\)\] {
    &:is(:where(.peer):checked ~ *) {
      color: var(--color-text);
    }
  }
  .peer-checked\:text-white {
    &:is(:where(.peer):checked ~ *) {
      color: var(--color-white);
    }
  }
  .file\:mr-3 {
    &::file-selector-button {
      margin-right: calc(var(--spacing) * 3);
    }
  }
  .file\:mr-4 {
    &::file-selector-button {
      margin-right: calc(var(--spacing) * 4);
    }
  }
  .file\:rounded-\[var\(--radius-sm\)\] {
    &::file-selector-button {
      border-radius: var(--radius-sm);
    }
  }
  .file\:rounded-full {
    &::file-selector-button {
      border-radius: calc(infinity * 1px);
    }
  }
  .file\:border-0 {
    &::file-selector-button {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
  }
  .file\:bg-\[var\(--color-muted\)\] {
    &::file-selector-button {
      background-color: var(--color-muted);
    }
  }
  .file\:bg-slate-900 {
    &::file-selector-button {
      background-color: var(--color-slate-900);
    }
  }
  .file\:px-3 {
    &::file-selector-button {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .file\:px-4 {
    &::file-selector-button {
      padding-inline: calc(var(--spacing) * 4);
    }
  }
  .file\:py-1\.5 {
    &::file-selector-button {
      padding-block: calc(var(--spacing) * 1.5);
    }
  }
  .file\:py-2 {
    &::file-selector-button {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .file\:text-sm {
    &::file-selector-button {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .file\:text-xs {
    &::file-selector-button {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
  }
  .file\:font-medium {
    &::file-selector-button {
      --tw-font-weight: var(--font-weight-medium);
      font-weight: var(--font-weight-medium);
    }
  }
  .file\:font-semibold {
    &::file-selector-button {
      --tw-font-weight: var(--font-weight-semibold);
      font-weight: var(--font-weight-semibold);
    }
  }
  .file\:text-\[var\(--color-text\)\] {
    &::file-selector-button {
      color: var(--color-text);
    }
  }
  .file\:text-white {
    &::file-selector-button {
      color: var(--color-white);
    }
  }
  .odd\:bg-\[color-mix\(in_srgb\,var\(--color-muted\)_28\%\,transparent\)\] {
    &:nth-child(odd) {
      background-color: color-mix(in srgb,oklch(0.923 0.014 205) 28%,transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in srgb,var(--color-muted) 28%,transparent);
      }
    }
  }
  .hover\:border-\[var\(--color-accent\)\]\/50 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(0.540 0.073 236) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-accent) 50%, transparent);
        }
      }
    }
  }
  .hover\:border-\[var\(--color-brand-blue\)\] {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-brand-blue);
      }
    }
  }
  .hover\:border-\[var\(--color-text\)\]\/20 {
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(0.285 0.014 245) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-text) 20%, transparent);
        }
      }
    }
  }
  .hover\:border-red-200 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-red-200);
      }
    }
  }
  .hover\:border-slate-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-300);
      }
    }
  }
  .hover\:border-slate-400 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-400);
      }
    }
  }
  .hover\:bg-\[color-mix\(in_srgb\,var\(--color-muted\)_20\%\,transparent\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb,oklch(0.923 0.014 205) 20%,transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in srgb,var(--color-muted) 20%,transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--color-muted\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-muted);
      }
    }
  }
  .hover\:bg-\[var\(--color-muted\)\]\/20 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(0.923 0.014 205) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--color-muted\)\]\/30 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(0.923 0.014 205) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--color-muted\)\]\/40 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(0.923 0.014 205) 40%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
        }
      }
    }
  }
  .hover\:bg-\[var\(--color-muted\)\]\/50 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(0.923 0.014 205) 50%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-muted) 50%, transparent);
        }
      }
    }
  }
  .hover\:bg-emerald-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-emerald-800);
      }
    }
  }
  .hover\:bg-rose-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-rose-100);
      }
    }
  }
  .hover\:bg-sky-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-700);
      }
    }
  }
  .hover\:bg-slate-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-100);
      }
    }
  }
  .hover\:bg-slate-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-200);
      }
    }
  }
  .hover\:bg-slate-800 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-800);
      }
    }
  }
  .hover\:text-\[var\(--color-text\)\] {
    &:hover {
      @media (hover: hover) {
        color: var(--color-text);
      }
    }
  }
  .hover\:text-red-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-red-700);
      }
    }
  }
  .hover\:text-slate-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-slate-900);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .hover\:file\:bg-\[var\(--color-muted\)\]\/80 {
    &:hover {
      @media (hover: hover) {
        &::file-selector-button {
          background-color: color-mix(in srgb, oklch(0.923 0.014 205) 80%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-muted) 80%, transparent);
          }
        }
      }
    }
  }
  .hover\:file\:bg-slate-800 {
    &:hover {
      @media (hover: hover) {
        &::file-selector-button {
          background-color: var(--color-slate-800);
        }
      }
    }
  }
  .focus\:not-sr-only {
    &:focus {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip-path: none;
      white-space: normal;
    }
  }
  .focus\:absolute {
    &:focus {
      position: absolute;
    }
  }
  .focus\:top-2 {
    &:focus {
      top: calc(var(--spacing) * 2);
    }
  }
  .focus\:left-2 {
    &:focus {
      left: calc(var(--spacing) * 2);
    }
  }
  .focus\:rounded-md {
    &:focus {
      border-radius: var(--radius-md);
    }
  }
  .focus\:border-\[var\(--color-accent\)\] {
    &:focus {
      border-color: var(--color-accent);
    }
  }
  .focus\:border-\[var\(--color-brand-blue\)\] {
    &:focus {
      border-color: var(--color-brand-blue);
    }
  }
  .focus\:border-slate-400 {
    &:focus {
      border-color: var(--color-slate-400);
    }
  }
  .focus\:bg-\[var\(--color-muted\)\]\/60 {
    &:focus {
      background-color: color-mix(in srgb, oklch(0.923 0.014 205) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
      }
    }
  }
  .focus\:bg-white {
    &:focus {
      background-color: var(--color-white);
    }
  }
  .focus\:px-3 {
    &:focus {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .focus\:py-2 {
    &:focus {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .focus\:text-sm {
    &:focus {
      font-size: var(--text-sm);
      line-height: var(--tw-leading, var(--text-sm--line-height));
    }
  }
  .focus\:shadow {
    &:focus {
      --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);
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-\[color-mix\(in_srgb\,var\(--color-accent\)_25\%\,transparent\)\] {
    &:focus {
      --tw-ring-color: color-mix(in srgb,oklch(0.540 0.073 236) 25%,transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in srgb,var(--color-accent) 25%,transparent);
      }
    }
  }
  .focus\:ring-\[var\(--color-accent\)\] {
    &:focus {
      --tw-ring-color: var(--color-accent);
    }
  }
  .focus\:ring-\[var\(--color-accent\)\]\/25 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(0.540 0.073 236) 25%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-accent) 25%, transparent);
      }
    }
  }
  .focus\:ring-\[var\(--color-brand-blue\)\]\/20 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(0.540 0.073 236) 20%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-brand-blue) 20%, transparent);
      }
    }
  }
  .focus\:ring-rose-200 {
    &:focus {
      --tw-ring-color: var(--color-rose-200);
    }
  }
  .focus\:ring-sky-300 {
    &:focus {
      --tw-ring-color: var(--color-sky-300);
    }
  }
  .focus\:ring-slate-200 {
    &:focus {
      --tw-ring-color: var(--color-slate-200);
    }
  }
  .focus\:ring-slate-300 {
    &:focus {
      --tw-ring-color: var(--color-slate-300);
    }
  }
  .focus\:ring-offset-2 {
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .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-\[var\(--color-accent\)\] {
    &:focus-visible {
      --tw-ring-color: var(--color-accent);
    }
  }
  .focus-visible\:ring-offset-2 {
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .disabled\:cursor-not-allowed {
    &:disabled {
      cursor: not-allowed;
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .sm\:col-span-2 {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .sm\:col-span-3 {
    @media (width >= 40rem) {
      grid-column: span 3 / span 3;
    }
  }
  .sm\:inline {
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .sm\:w-64 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 64);
    }
  }
  .sm\:w-\[30rem\] {
    @media (width >= 40rem) {
      width: 30rem;
    }
  }
  .sm\:w-auto {
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-3 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-4 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-5 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .sm\:grid-cols-\[170px\,1fr\] {
    @media (width >= 40rem) {
      grid-template-columns: 170px,1fr;
    }
  }
  .sm\:grid-cols-\[240px_1fr\] {
    @media (width >= 40rem) {
      grid-template-columns: 240px 1fr;
    }
  }
  .sm\:grid-cols-\[minmax\(0\,1fr\)_9rem_auto_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1fr) 9rem auto auto;
    }
  }
  .sm\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    }
  }
  .sm\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)_auto\] {
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1fr) minmax(0,1fr) auto;
    }
  }
  .sm\:flex-row {
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .sm\:items-baseline {
    @media (width >= 40rem) {
      align-items: baseline;
    }
  }
  .sm\:items-center {
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .sm\:items-end {
    @media (width >= 40rem) {
      align-items: flex-end;
    }
  }
  .sm\:items-start {
    @media (width >= 40rem) {
      align-items: flex-start;
    }
  }
  .sm\:justify-between {
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .sm\:p-5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-5 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .sm\:px-6 {
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .sm\:py-6 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 6);
    }
  }
  .sm\:py-16 {
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 16);
    }
  }
  .sm\:text-right {
    @media (width >= 40rem) {
      text-align: right;
    }
  }
  .md\:col-span-2 {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .md\:min-w-\[9rem\] {
    @media (width >= 48rem) {
      min-width: 9rem;
    }
  }
  .md\:min-w-\[10rem\] {
    @media (width >= 48rem) {
      min-width: 10rem;
    }
  }
  .md\:min-w-\[22rem\] {
    @media (width >= 48rem) {
      min-width: 22rem;
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-3 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-5 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-\[11rem_minmax\(0\,1fr\)_12rem\] {
    @media (width >= 48rem) {
      grid-template-columns: 11rem minmax(0,1fr) 12rem;
    }
  }
  .md\:grid-cols-\[minmax\(0\,1fr\)_14rem\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,1fr) 14rem;
    }
  }
  .md\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1\.3fr\)_auto_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,1fr) minmax(0,1.3fr) auto auto;
    }
  }
  .md\:grid-cols-\[minmax\(90px\,130px\)_1fr\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(90px,130px) 1fr;
    }
  }
  .md\:flex-row {
    @media (width >= 48rem) {
      flex-direction: row;
    }
  }
  .md\:items-start {
    @media (width >= 48rem) {
      align-items: flex-start;
    }
  }
  .md\:justify-end {
    @media (width >= 48rem) {
      justify-content: flex-end;
    }
  }
  .md\:text-right {
    @media (width >= 48rem) {
      text-align: right;
    }
  }
  .lg\:col-span-1 {
    @media (width >= 64rem) {
      grid-column: span 1 / span 1;
    }
  }
  .lg\:col-span-2 {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .lg\:col-span-3 {
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
  }
  .lg\:mt-0 {
    @media (width >= 64rem) {
      margin-top: calc(var(--spacing) * 0);
    }
  }
  .lg\:max-w-5xl {
    @media (width >= 64rem) {
      max-width: var(--container-5xl);
    }
  }
  .lg\:min-w-\[18rem\] {
    @media (width >= 64rem) {
      min-width: 18rem;
    }
  }
  .lg\:grid-cols-1 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-2 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-3 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-4 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-5 {
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .lg\:grid-cols-\[1fr_220px\] {
    @media (width >= 64rem) {
      grid-template-columns: 1fr 220px;
    }
  }
  .lg\:grid-cols-\[8\.5rem_minmax\(0\,1fr\)_minmax\(13rem\,18rem\)\] {
    @media (width >= 64rem) {
      grid-template-columns: 8.5rem minmax(0,1fr) minmax(13rem,18rem);
    }
  }
  .lg\:grid-cols-\[13rem_1fr\] {
    @media (width >= 64rem) {
      grid-template-columns: 13rem 1fr;
    }
  }
  .lg\:grid-cols-\[minmax\(0\,1\.3fr\)_minmax\(22rem\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.3fr) minmax(22rem,1fr);
    }
  }
  .lg\:grid-cols-\[minmax\(0\,2\.2fr\)_minmax\(20rem\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,2.2fr) minmax(20rem,1fr);
    }
  }
  .lg\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-center {
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .lg\:items-end {
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .lg\:items-start {
    @media (width >= 64rem) {
      align-items: flex-start;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:justify-end {
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .lg\:p-6 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .xl\:col-span-2 {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .xl\:col-span-3 {
    @media (width >= 80rem) {
      grid-column: span 3 / span 3;
    }
  }
  .xl\:grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-3 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-4 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-5 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-8 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(8, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-\[1\.25fr_0\.9fr\] {
    @media (width >= 80rem) {
      grid-template-columns: 1.25fr 0.9fr;
    }
  }
  .xl\:grid-cols-\[1\.25fr_1fr\] {
    @media (width >= 80rem) {
      grid-template-columns: 1.25fr 1fr;
    }
  }
  .xl\:grid-cols-\[11rem_minmax\(0\,1fr\)_minmax\(0\,1fr\)_12rem\] {
    @media (width >= 80rem) {
      grid-template-columns: 11rem minmax(0,1fr) minmax(0,1fr) 12rem;
    }
  }
  .xl\:grid-cols-\[12rem_minmax\(0\,1fr\)_minmax\(0\,1fr\)_12rem\] {
    @media (width >= 80rem) {
      grid-template-columns: 12rem minmax(0,1fr) minmax(0,1fr) 12rem;
    }
  }
  .xl\:grid-cols-\[minmax\(0\,0\.9fr\)_minmax\(0\,1\.1fr\)\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,0.9fr) minmax(0,1.1fr);
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1fr\)_14rem_minmax\(0\,1fr\)_12rem\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1fr) 14rem minmax(0,1fr) 12rem;
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1fr\)_18rem\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1fr) 18rem;
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(0\,1fr\)\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1fr) minmax(0,1fr);
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1fr\)_minmax\(26rem\,44rem\)\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1fr) minmax(26rem,44rem);
    }
  }
  .xl\:grid-cols-\[minmax\(0\,14rem\)_minmax\(0\,1fr\)_12rem\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,14rem) minmax(0,1fr) 12rem;
    }
  }
  .xl\:grid-cols-\[minmax\(260px\,360px\)_1fr\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(260px,360px) 1fr;
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:items-end {
    @media (width >= 80rem) {
      align-items: flex-end;
    }
  }
  .xl\:items-start {
    @media (width >= 80rem) {
      align-items: flex-start;
    }
  }
  .xl\:justify-between {
    @media (width >= 80rem) {
      justify-content: space-between;
    }
  }
  .\32 xl\:grid-cols-3 {
    @media (width >= 96rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .\32 xl\:grid-cols-\[1\.2fr_1fr\] {
    @media (width >= 96rem) {
      grid-template-columns: 1.2fr 1fr;
    }
  }
}
@layer components {
  @media (max-width: 44rem) {
    .app-topbar {
      position: sticky !important;
      z-index: 1100 !important;
      top: 0 !important;
      left: 0 !important;
      right: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
      min-height: 0 !important;
      border-radius: 0 0 18px 18px !important;
      background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(247 250 250 / 0.92)), var(--color-surface) !important;
      box-shadow: 0 12px 26px rgb(16 32 51 / 0.12), inset 0 -1px 0 rgb(16 32 51 / 0.08) !important;
      backdrop-filter: blur(18px) saturate(1.08) !important;
    }
    .app-topbar__primary {
      display: grid !important;
      grid-template-columns: 2.44rem minmax(0, 1fr) auto !important;
      grid-template-areas: "rail brand actions" "search search search" !important;
      align-items: center !important;
      gap: 0.48rem !important;
      width: 100% !important;
      min-height: 0 !important;
      height: auto !important;
      padding: 0.56rem 0.66rem 0.62rem !important;
    }
    .app-mobile-rail-trigger {
      grid-area: rail !important;
      display: inline-grid !important;
      width: 2.36rem !important;
      height: 2.36rem !important;
      min-width: 2.36rem !important;
      min-height: 2.36rem !important;
      place-items: center !important;
      border: 1px solid rgb(16 32 51 / 0.11) !important;
      border-radius: 13px !important;
      background: linear-gradient(180deg, rgb(255 255 255), rgb(240 246 247)), #ffffff !important;
      color: #102033 !important;
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 8px 18px rgb(16 32 51 / 0.08) !important;
    }
    .app-mobile-rail-trigger[hidden], body:not(.app-mobile-rail-enhanced) .app-mobile-rail-trigger {
      display: none !important;
    }
    .app-mobile-rail-trigger__icon {
      width: 1.05rem !important;
      height: 1.05rem !important;
    }
    .app-mobile-rail-trigger [data-mobile-rail-toggle-label] {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
    }
    .app-topbar__brand {
      grid-area: brand !important;
      display: flex !important;
      min-width: 0 !important;
      width: auto !important;
      align-items: center !important;
      gap: 0.45rem !important;
    }
    .app-brand-link {
      display: flex !important;
      flex: 0 1 9.8rem !important;
      width: auto !important;
      max-width: 9.8rem !important;
      min-width: 0 !important;
      align-items: center !important;
    }
    .app-brand-logo {
      width: min(9.8rem, 100%) !important;
      max-width: 100% !important;
      max-height: 2.35rem !important;
    }
    .app-operator-badge {
      display: none !important;
    }
    .app-topbar__search {
      grid-area: search !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }
    .app-search-shell {
      min-height: 2.25rem !important;
      height: 2.25rem !important;
      border-radius: 999px !important;
    }
    .app-search-input {
      min-height: 2.25rem !important;
      height: 2.25rem !important;
      font-size: 0.82rem !important;
      line-height: 1.1 !important;
    }
    .app-topbar__actions {
      grid-area: actions !important;
      display: flex !important;
      flex-wrap: nowrap !important;
      justify-content: end !important;
      align-items: center !important;
      gap: 0.26rem !important;
      width: auto !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow: visible !important;
    }
    .app-topbar__actions > * {
      flex: 0 0 auto !important;
    }
    .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
      display: inline-grid !important;
      width: 2.32rem !important;
      height: 2.32rem !important;
      min-width: 2.32rem !important;
      min-height: 2.32rem !important;
      place-items: center !important;
      border-radius: 13px !important;
      padding: 0 !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
    }
    .app-topbar__actions .app-topbar-action__icon {
      display: block !important;
      width: 1.02rem !important;
      height: 1.02rem !important;
      flex: 0 0 auto !important;
    }
    .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger) > span:not(.app-topbar-action__icon), .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger) span:not(.app-language-switcher__code):not(.app-language-switcher__icon) {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
    }
    .app-mobile-rail-backdrop {
      position: fixed !important;
      z-index: 1190 !important;
      inset: var(--app-mobile-topbar-bottom, 4.5rem) 0 0 0 !important;
      border: 0 !important;
      background: linear-gradient(180deg, rgb(9 18 28 / 0.18), rgb(9 18 28 / 0.08)) !important;
      opacity: 0 !important;
      pointer-events: none !important;
      transition: opacity 0.18s ease !important;
      backdrop-filter: blur(3px) !important;
    }
    body.app-mobile-rail-open .app-mobile-rail-backdrop {
      opacity: 1 !important;
      pointer-events: auto !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc--with-toc {
      position: fixed !important;
      z-index: 1200 !important;
      top: calc(var(--app-mobile-topbar-bottom, 4.5rem) + 0.5rem) !important;
      left: 0.64rem !important;
      right: 0.64rem !important;
      bottom: auto !important;
      display: grid !important;
      width: auto !important;
      max-width: none !important;
      max-height: min(62dvh, 33rem) !important;
      gap: 0.5rem !important;
      overflow-y: auto !important;
      overscroll-behavior: contain !important;
      border: 1px solid rgb(16 32 51 / 0.12) !important;
      border-radius: 20px !important;
      padding: 0.58rem !important;
      background: radial-gradient(24rem 16rem at 4% 0%, rgb(55 167 176 / 0.14), transparent 66%), linear-gradient(180deg, rgb(255 255 255 / 0.97), rgb(246 250 250 / 0.94)), #ffffff !important;
      box-shadow: 0 30px 80px -42px rgb(6 13 21 / 0.62), inset 0 1px 0 rgb(255 255 255 / 0.88) !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      transform: translateY(-0.45rem) scale(0.985) !important;
      transform-origin: top center !important;
      transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc--with-toc:not([data-mobile-rail-panel]) {
      display: none !important;
    }
    body.app-mobile-rail-open aside.claim-scroll-toc--with-toc[data-mobile-rail-panel] {
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
      transform: translateY(0) scale(1) !important;
      transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s !important;
    }
    .app-mobile-rail-panel__head {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 0.62rem !important;
      min-height: 2.15rem !important;
      border-bottom: 1px solid rgb(16 32 51 / 0.08) !important;
      padding: 0 0.08rem 0.5rem !important;
    }
    .app-mobile-rail-panel__title {
      min-width: 0 !important;
      color: #102033 !important;
      font-size: 0.78rem !important;
      font-weight: 920 !important;
      letter-spacing: 0 !important;
      line-height: 1.05 !important;
    }
    .app-mobile-rail-panel__close {
      display: inline-grid !important;
      flex: 0 0 auto !important;
      width: 2rem !important;
      height: 2rem !important;
      place-items: center !important;
      border: 1px solid rgb(16 32 51 / 0.1) !important;
      border-radius: 999px !important;
      background: rgb(255 255 255 / 0.8) !important;
      color: #102033 !important;
    }
    .app-mobile-rail-panel__close svg {
      width: 1rem !important;
      height: 1rem !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc--with-toc .claim-scroll-toc__card, body.app-mobile-rail-enhanced aside.claim-scroll-toc--with-toc :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .claim-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions), body.app-mobile-rail-enhanced aside.claim-scroll-toc--with-toc > .local-db-badge--rail {
      width: 100% !important;
      max-width: 100% !important;
      border-radius: 15px !important;
      padding: 0.58rem !important;
      box-shadow: none !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc--with-toc nav {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 0.32rem !important;
      margin-top: 0.38rem !important;
      padding: 0 !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc--with-toc .claim-toc-link {
      width: auto !important;
      min-height: 1.86rem !important;
      flex: 1 1 max(7.25rem, calc(50% - 0.32rem)) !important;
      justify-content: center !important;
      border-radius: 999px !important;
      padding: 0.36rem 0.54rem !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
      text-align: center !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc--with-toc .profile-left-rail-actions__grid {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      gap: 0.32rem !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc--with-toc :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-launcher) {
      min-height: 2.22rem !important;
      border-radius: 11px !important;
      padding: 0.3rem 0.18rem !important;
      font-size: 0.62rem !important;
      line-height: 1.05 !important;
    }
    body:has(.claim-details-view) :is( .claim-reference-main-summary__metrics, .claim-party-summary, .claim-party-kpi-grid, .claim-workload-kpis, .claim-communications-summary-strip, .claim-disclosure-summary-strip, .claim-asset-summary-strip, .claim-payment-schedule-grid, .claim-payment-proposal-layout ) {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.5rem !important;
    }
    body:has(.claim-details-view) :is( .claim-reference-main-summary__metrics article, .claim-party-summary-card, .claim-workload-kpi, .claim-communications-summary-card, .claim-disclosure-summary-card, .claim-asset-summary-card, .claim-payment-progress-card, .payment-plan-schedule, .claim-payment-empty-card ) {
      min-height: 0 !important;
      border-radius: 13px !important;
      padding: 0.58rem !important;
    }
    body:has(.claim-details-view) :is( .claim-reference-main-summary__metrics strong, .claim-party-summary-card__value, .claim-workload-kpi__value, .claim-disclosure-summary-card__value, .claim-asset-summary-card__value ) {
      font-size: clamp(1.04rem, 5.6vw, 1.42rem) !important;
      line-height: 1 !important;
    }
    body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.42rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-card {
      min-height: 4.2rem !important;
      border-radius: 12px !important;
      padding: 0.48rem 0.52rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] {
      gap: 0.42rem !important;
      border-radius: 14px !important;
      padding: 0.58rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard :is(.claims-table__cell--parties, .claims-table__cell--assignee, .claims-table__cell--amounts, .claims-table__cell--row-action) {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-head {
      grid-template-columns: minmax(0, 1.15fr) minmax(7.2rem, 0.85fr) !important;
      grid-template-areas: "identity money" "parties parties" "assignee assignee" !important;
      gap: 0.45rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money {
      align-self: start !important;
      grid-template-columns: 1fr !important;
      gap: 0.25rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party {
      border-radius: 10px !important;
      padding: 0.38rem 0.46rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-parties {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.36rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party__name {
      font-size: 0.78rem !important;
      line-height: 1.1 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__value {
      font-size: 0.78rem !important;
      line-height: 1.05 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard :is(.claims-card-mobile-party__label, .claims-card-mobile-money__label) {
      font-size: 0.56rem !important;
      line-height: 1 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__cell--operation {
      border-top: 1px solid rgb(16 32 51 / 0.07) !important;
      padding-top: 0.42rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: wrap !important;
      gap: 0.28rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-chip, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-fallback {
      width: auto !important;
      max-width: 100% !important;
      min-height: 1.72rem !important;
      border-radius: 999px !important;
      padding: 0.3rem 0.48rem !important;
      font-size: 0.68rem !important;
      line-height: 1.05 !important;
    }
    .modal-overlay, .app-modal-layer, .claim-manual-modal, .claim-profile-modal {
      align-items: end !important;
      justify-content: stretch !important;
      padding: 0.42rem !important;
    }
    :is( .modal-panel, .claim-action-modal, .claim-manual-modal__panel, .claim-profile-modal__panel, .notification-problem-modal__panel, .shared-note-modal, .claim-details-modal-panel ) {
      width: 100% !important;
      max-width: 100% !important;
      max-height: min(86dvh, 43rem) !important;
      border-radius: 18px 18px 12px 12px !important;
      overflow-y: auto !important;
    }
    :is( .claim-action-modal__header, .claim-manual-modal__head, .notification-problem-modal__header, .shared-note-modal__header, .modal-header ) {
      padding: 0.72rem 0.82rem !important;
    }
    :is( .claim-action-modal__title, .claim-manual-modal__title, .notification-problem-modal__title, .shared-note-modal__title, .modal-title ) {
      font-size: 1rem !important;
      line-height: 1.08 !important;
      letter-spacing: 0 !important;
    }
    :is( .claim-action-modal__form, .claim-manual-modal__body, .notification-problem-modal__body, .notification-problem-modal__form, .shared-note-modal__body, .modal-body ) {
      gap: 0.56rem !important;
      padding: 0.72rem 0.82rem !important;
    }
  }
  @media (prefers-reduced-motion: reduce) {
    .app-mobile-rail-backdrop, body.app-mobile-rail-enhanced aside.claim-scroll-toc--with-toc {
      transition: none !important;
    }
  }
}
@layer components {
  @media (max-width: 44rem) {
    body:has(.dashboard-workspace) .dashboard-claims-zone {
      padding: 0.5rem 0.42rem 0.7rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard {
      border-radius: 18px !important;
      padding: 0.52rem !important;
      background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(247 250 250 / 0.94)), #ffffff !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard > .overflow-x-auto {
      overflow: visible !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody {
      display: grid !important;
      width: 100% !important;
      min-width: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody {
      gap: 0.7rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 0.62rem !important;
      width: 100% !important;
      min-width: 0 !important;
      overflow: hidden !important;
      border: 1px solid rgb(16 32 51 / 0.11) !important;
      border-left: 4px solid var(--claim-row-accent, #0f7891) !important;
      border-radius: 15px !important;
      background: linear-gradient(90deg, var(--claim-row-accent, #0f7891), transparent 32%), linear-gradient(180deg, #ffffff, #f8fbfb) !important;
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient(90deg, color-mix(in oklab, var(--claim-row-accent, #0f7891) 10%, transparent), transparent 32%), linear-gradient(180deg, #ffffff, #f8fbfb) !important;
      }
      padding: 0.78rem 0.8rem 0.72rem !important;
      box-shadow: 0 16px 30px -28px rgb(16 32 51 / 0.34), inset 0 1px 0 rgb(255 255 255 / 0.86) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > .claims-table__cell {
      display: block !important;
      min-width: 0 !important;
      width: 100% !important;
      border: 0 !important;
      background: transparent !important;
      padding: 0 !important;
      box-shadow: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > td.claims-table__cell.claims-table__cell-primary.claims-table__cell--claim-number {
      border-left: 0 !important;
      box-shadow: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > :is( .claims-table__cell--parties, .claims-table__cell--assignee, .claims-table__cell--amounts, .claims-table__cell--row-action ) {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-head {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas: "identity" "parties" "money" !important;
      gap: 0.58rem !important;
      min-width: 0 !important;
      width: 100% !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-identity {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      grid-template-areas: "date chip" "ref ref" !important;
      gap: 0.24rem 0.55rem !important;
      align-items: center !important;
      min-width: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__claim-ref {
      grid-area: ref !important;
      display: block !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow: visible !important;
      text-overflow: clip !important;
      white-space: nowrap !important;
      color: #102033 !important;
      font-size: clamp(1.26rem, 6.6vw, 1.58rem) !important;
      font-weight: 950 !important;
      letter-spacing: 0 !important;
      line-height: 1.02 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__claim-date {
      grid-area: date !important;
      align-self: center !important;
      color: #64748b !important;
      font-size: 0.78rem !important;
      font-weight: 850 !important;
      line-height: 1.1 !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__state-chip {
      grid-area: chip !important;
      justify-self: end !important;
      align-self: center !important;
      min-height: 1.62rem !important;
      max-width: 8rem !important;
      border-radius: 999px !important;
      padding: 0.32rem 0.58rem !important;
      font-size: 0.68rem !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      text-align: center !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-parties {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.46rem !important;
      min-width: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party {
      min-width: 0 !important;
      min-height: 2.72rem !important;
      border: 1px solid rgb(16 32 51 / 0.08) !important;
      border-radius: 12px !important;
      background: rgb(255 255 255 / 0.78) !important;
      padding: 0.46rem 0.55rem !important;
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.75) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard :is(.claims-card-mobile-party__label, .claims-card-mobile-money__label) {
      color: #475569 !important;
      font-size: 0.61rem !important;
      font-weight: 900 !important;
      letter-spacing: 0.08em !important;
      line-height: 1 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party__name {
      display: block !important;
      min-width: 0 !important;
      margin-top: 0.18rem !important;
      overflow: hidden !important;
      color: #102033 !important;
      font-size: 0.9rem !important;
      font-weight: 850 !important;
      line-height: 1.1 !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 0 !important;
      min-width: 0 !important;
      width: 100% !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item--total {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item--debt {
      display: grid !important;
      grid-template-columns: auto minmax(0, 1fr) !important;
      align-items: center !important;
      gap: 0.75rem !important;
      min-height: 2.58rem !important;
      min-width: 0 !important;
      width: 100% !important;
      border: 1px solid rgb(15 120 145 / 0.24) !important;
      border-radius: 12px !important;
      background: linear-gradient(180deg, #ffffff, #f8fbfb) !important;
      padding: 0.5rem 0.68rem !important;
      box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.75) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__value {
      justify-self: end !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow: visible !important;
      color: #174866 !important;
      font-size: clamp(1.08rem, 5.8vw, 1.36rem) !important;
      font-weight: 950 !important;
      letter-spacing: 0 !important;
      line-height: 1 !important;
      text-align: right !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > .claims-table__cell--operation {
      border-top: 1px solid rgb(16 32 51 / 0.08) !important;
      padding-top: 0.56rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-operation-cell, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-operation-main {
      min-width: 0 !important;
      width: 100% !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      align-items: center !important;
      gap: 0.45rem !important;
      min-width: 0 !important;
      width: 100% !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack > .claims-action-chip:nth-of-type(n+2), body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack > .claims-action-more {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-chip, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-fallback {
      min-width: 0 !important;
      min-height: 1.86rem !important;
      overflow: hidden !important;
      border-radius: 999px !important;
      background: rgb(239 248 252 / 0.88) !important;
      padding: 0.34rem 0.55rem !important;
      color: #166c93 !important;
      font-size: 0.79rem !important;
      font-weight: 850 !important;
      line-height: 1.08 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-label {
      min-width: 0 !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-mobile-more {
      justify-self: end !important;
      min-height: 1.86rem !important;
      border-radius: 999px !important;
      background: #ffffff !important;
      padding: 0.36rem 0.58rem !important;
      color: #40546b !important;
      font-size: 0.76rem !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      white-space: nowrap !important;
      box-shadow: 0 8px 18px rgb(16 32 51 / 0.06) !important;
    }
  }
}
@layer components {
  body:has(.dashboard-workspace) .dashboard-attention {
    row-gap: 0.62rem !important;
    padding-bottom: 0.9rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__list[data-dashboard-attention-list] {
    gap: 0.52rem !important;
    grid-template-columns: repeat(auto-fit, minmax(min(17rem, 100%), 1fr)) !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__list[data-dashboard-attention-list] .dashboard-attention-item {
    min-height: 4.45rem !important;
    height: auto !important;
    max-height: none !important;
    border-radius: 10px !important;
    padding: 0.62rem 0.7rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__preview {
    display: flex !important;
    justify-content: center !important;
    margin-top: 0.55rem !important;
    min-height: 0 !important;
    color: #40546b !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__preview > button {
    min-height: 2rem !important;
    border: 1px solid rgb(16 32 51 / 0.1) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    padding: 0 1rem !important;
    color: #102033 !important;
    font-size: 0.76rem !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    box-shadow: 0 10px 22px rgb(16 32 51 / 0.05) !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__preview > button:hover {
    border-color: rgb(16 32 51 / 0.18) !important;
    background: #f8fbfc !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__controls {
    align-items: center !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search {
    display: block !important;
    width: min(100%, 34rem) !important;
    min-width: min(18rem, 100%) !important;
    max-width: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-shell {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    height: 2.5rem !important;
    min-height: 2.5rem !important;
    overflow: hidden !important;
    border: 1px solid rgb(16 32 51 / 0.1) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #102033 !important;
    box-shadow: 0 10px 24px rgb(16 32 51 / 0.045) !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-icon {
    position: absolute !important;
    top: 50% !important;
    left: 1rem !important;
    z-index: 2 !important;
    display: block !important;
    width: 0.9rem !important;
    height: 0.9rem !important;
    transform: translateY(-50%) !important;
    color: #6b7d90 !important;
    pointer-events: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-input {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: transparent !important;
    padding: 0 1rem 0 2.8rem !important;
    color: #102033 !important;
    font-size: 0.82rem !important;
    font-weight: 760 !important;
    line-height: 2.5rem !important;
    outline: 0 !important;
    box-shadow: none !important;
    appearance: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-input::placeholder {
    color: #65788d !important;
    opacity: 1 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-input::-webkit-search-decoration, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-input::-webkit-search-cancel-button, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-input::-webkit-search-results-button, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-input::-webkit-search-results-decoration {
    display: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-shell:focus-within {
    border-color: rgb(31 154 163 / 0.34) !important;
    box-shadow: 0 0 0 3px rgb(31 154 163 / 0.1), 0 12px 26px rgb(16 32 51 / 0.055) !important;
  }
}
@layer components {
  @media (max-width: 44rem) {
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc {
      position: fixed !important;
      z-index: 1800 !important;
      top: calc(var(--app-mobile-topbar-bottom, 5rem) + 0.5rem) !important;
      right: 0.64rem !important;
      left: 0.64rem !important;
      bottom: auto !important;
      display: grid !important;
      width: auto !important;
      max-width: none !important;
      max-height: min(62dvh, 33rem) !important;
      gap: 0.5rem !important;
      margin: 0 !important;
      overflow-y: auto !important;
      overscroll-behavior: contain !important;
      border: 1px solid rgb(16 32 51 / 0.12) !important;
      border-radius: 20px !important;
      padding: 0.58rem !important;
      background: radial-gradient(24rem 16rem at 4% 0%, rgb(55 167 176 / 0.14), transparent 66%), linear-gradient(180deg, rgb(255 255 255 / 0.97), rgb(246 250 250 / 0.94)), #ffffff !important;
      box-shadow: 0 30px 80px -42px rgb(6 13 21 / 0.62), inset 0 1px 0 rgb(255 255 255 / 0.88) !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      transform: translateY(-0.45rem) scale(0.985) !important;
      transform-origin: top center !important;
      transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s !important;
      filter: none !important;
      backdrop-filter: none !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc:not([data-mobile-rail-panel]) {
      display: none !important;
    }
    body.app-mobile-rail-open aside.claim-scroll-toc.claim-scroll-toc--with-toc[data-mobile-rail-panel] {
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
      transform: translateY(0) scale(1) !important;
      transition-delay: 0s !important;
    }
    body:has(.app-rail-workspace) .app-topbar {
      position: fixed !important;
      z-index: 1300 !important;
      top: 0 !important;
      right: 0 !important;
      left: 0 !important;
      width: 100vw !important;
      max-width: 100vw !important;
      min-height: 0 !important;
      height: auto !important;
    }
    body:has(.app-rail-workspace) #content {
      padding-top: calc(var(--app-mobile-topbar-height, 5.4rem) + 0.72rem) !important;
    }
    .app-mobile-rail-backdrop.app-mobile-rail-backdrop {
      z-index: 1500 !important;
      background: linear-gradient(180deg, rgb(6 14 22 / 0.24), rgb(6 14 22 / 0.1)) !important;
      backdrop-filter: none !important;
    }
    body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger, body:has(.claim-details-view) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
      color: rgb(248 251 255) !important;
      font-weight: 900 !important;
      letter-spacing: 0 !important;
    }
    body:has(.dashboard-workspace) .app-language-switcher__trigger .app-language-switcher__current, body:has(.claim-details-view) .app-language-switcher__trigger .app-language-switcher__current, body:has(.dashboard-workspace) .app-language-switcher__trigger .app-language-switcher__code, body:has(.claim-details-view) .app-language-switcher__trigger .app-language-switcher__code {
      position: static !important;
      display: block !important;
      width: auto !important;
      height: auto !important;
      overflow: visible !important;
      clip: auto !important;
      color: currentColor !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .app-language-switcher__trigger :is(.app-language-switcher__icon, .app-language-switcher__chevron), body:has(.claim-details-view) .app-language-switcher__trigger :is(.app-language-switcher__icon, .app-language-switcher__chevron) {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention {
      padding: 0.72rem !important;
      border-radius: 16px !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__stats {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 0.34rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__stats > button {
      min-height: 2.24rem !important;
      border-radius: 999px !important;
      padding: 0.36rem 0.46rem !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
      display: grid !important;
      grid-auto-flow: row !important;
      grid-auto-columns: initial !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 0.42rem !important;
      width: 100% !important;
      overflow: visible !important;
      padding: 0 !important;
      scroll-snap-type: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      min-height: 4.15rem !important;
      grid-template-columns: 2rem minmax(0, 1fr) auto !important;
      gap: 0.48rem !important;
      border-radius: 12px !important;
      padding: 0.5rem !important;
      scroll-snap-align: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item__top strong {
      font-size: 0.8rem !important;
      line-height: 1.08 !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item__meta, body:has(.dashboard-workspace) .dashboard-attention-item__time {
      gap: 0.24rem !important;
      font-size: 0.64rem !important;
      line-height: 1.08 !important;
    }
    body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-label, body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-chip {
      font-size: 0.76rem !important;
      line-height: 1.1 !important;
    }
    body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-chip {
      min-height: 1.86rem !important;
      padding: 0.34rem 0.5rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack .claims-action-chip, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack .claims-action-label, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack .claims-action-assignee {
      font-size: 0.76rem !important;
      line-height: 1.1 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack .claims-action-chip {
      min-height: 1.86rem !important;
      padding: 0.34rem 0.5rem !important;
    }
    body:has(.claim-details-view) .claim-reference-main-summary .claim-reference-main-summary__metrics.claim-reference-main-summary__metrics {
      gap: 0.44rem !important;
    }
    body:has(.claim-details-view) .claim-reference-main-summary__metrics article {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      min-height: 5.15rem !important;
      align-content: start !important;
      gap: 0.22rem !important;
      padding: 0.5rem !important;
    }
    body:has(.claim-details-view) .claim-reference-main-summary__icon {
      display: none !important;
    }
    body:has(.claim-details-view) .claim-reference-main-summary__metrics article span {
      font-size: 0.58rem !important;
      line-height: 1.02 !important;
      letter-spacing: 0.06em !important;
    }
    body:has(.claim-details-view) .claim-reference-main-summary__metrics article strong {
      font-size: 1rem !important;
      line-height: 1.02 !important;
      overflow-wrap: anywhere !important;
    }
    body:has(.claim-details-view) .claim-reference-main-summary__metrics article small {
      font-size: 0.6rem !important;
      line-height: 1.12 !important;
      overflow-wrap: anywhere !important;
    }
  }
}
@layer components {
  @media (max-width: 44rem) {
    body:has(.dashboard-workspace) .app-topbar, body:has(.claim-details-view) .app-topbar {
      --app-brand-logo-width: 9.35rem !important;
      position: fixed !important;
      z-index: 1300 !important;
      top: 0 !important;
      right: 0 !important;
      left: 0 !important;
      width: 100vw !important;
      max-width: 100vw !important;
      min-height: 0 !important;
      height: auto !important;
      border-radius: 0 0 18px 18px !important;
      background: radial-gradient(18rem 8rem at 5% -3rem, rgb(57 202 199 / 0.16), transparent 70%), linear-gradient(135deg, #102033, #172636 58%, #2a3038) !important;
      box-shadow: 0 18px 34px rgb(16 32 51 / 0.18) !important;
    }
    body:has(.dashboard-workspace) .app-topbar__primary, body:has(.claim-details-view) .app-topbar__primary {
      display: grid !important;
      grid-template-columns: 2.42rem minmax(0, 1fr) auto !important;
      grid-template-areas: "rail brand actions" "search search search" !important;
      align-items: center !important;
      min-height: 0 !important;
      height: auto !important;
      gap: 0.48rem !important;
      padding: calc(0.52rem + env(safe-area-inset-top, 0px)) 0.62rem 0.62rem !important;
    }
    body:has(.dashboard-workspace) .app-mobile-rail-trigger, body:has(.claim-details-view) .app-mobile-rail-trigger {
      grid-area: rail !important;
      display: inline-grid !important;
      width: 2.34rem !important;
      height: 2.34rem !important;
      min-width: 2.34rem !important;
      min-height: 2.34rem !important;
      place-items: center !important;
      border: 1px solid rgb(255 255 255 / 0.14) !important;
      border-radius: 14px !important;
      background: rgb(255 255 255 / 0.1) !important;
      color: rgb(248 251 255) !important;
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08) !important;
    }
    body:has(.dashboard-workspace) .app-mobile-rail-trigger[hidden], body:has(.claim-details-view) .app-mobile-rail-trigger[hidden], body:not(.app-mobile-rail-enhanced) .app-mobile-rail-trigger {
      display: none !important;
    }
    body:has(.dashboard-workspace) .app-mobile-rail-trigger__icon, body:has(.claim-details-view) .app-mobile-rail-trigger__icon {
      width: 1.05rem !important;
      height: 1.05rem !important;
    }
    body:has(.dashboard-workspace) .app-topbar__brand, body:has(.claim-details-view) .app-topbar__brand {
      grid-area: brand !important;
      min-width: 0 !important;
      width: auto !important;
    }
    body:has(.dashboard-workspace) .app-brand-link, body:has(.claim-details-view) .app-brand-link {
      display: flex !important;
      width: auto !important;
      max-width: 9.35rem !important;
      min-width: 0 !important;
      height: auto !important;
      min-height: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    body:has(.dashboard-workspace) .app-brand-logo, body:has(.claim-details-view) .app-brand-logo {
      width: min(9.35rem, 100%) !important;
      max-width: 100% !important;
      max-height: 2.2rem !important;
      transform: none !important;
    }
    body:has(.dashboard-workspace) .app-topbar__search, body:has(.claim-details-view) .app-topbar__search {
      grid-area: search !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }
    body:has(.dashboard-workspace) .app-search-shell, body:has(.claim-details-view) .app-search-shell, body:has(.dashboard-workspace) .app-search-input, body:has(.claim-details-view) .app-search-input {
      height: 2.18rem !important;
      min-height: 2.18rem !important;
    }
    body:has(.dashboard-workspace) .app-topbar__actions, body:has(.claim-details-view) .app-topbar__actions {
      grid-area: actions !important;
      display: flex !important;
      flex-wrap: nowrap !important;
      justify-content: flex-end !important;
      justify-self: end !important;
      gap: 0.32rem !important;
      width: auto !important;
      min-width: 0 !important;
      overflow: visible !important;
    }
    body:has(.dashboard-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.claim-details-view) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger, body:has(.claim-details-view) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
      display: inline-grid !important;
      width: 2.32rem !important;
      min-width: 2.32rem !important;
      max-width: 2.32rem !important;
      height: 2.32rem !important;
      min-height: 2.32rem !important;
      place-items: center !important;
      border-radius: 14px !important;
      padding: 0 !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
    }
    body:has(.dashboard-workspace) .app-topbar__actions :is(.app-topbar-action__icon, .app-language-switcher__icon, .app-language-switcher__chevron), body:has(.claim-details-view) .app-topbar__actions :is(.app-topbar-action__icon, .app-language-switcher__icon, .app-language-switcher__chevron) {
      display: block !important;
      width: 1rem !important;
      height: 1rem !important;
      flex: 0 0 auto !important;
    }
    body:has(.dashboard-workspace) #content, body:has(.claim-details-view) #content {
      padding-top: calc(var(--app-mobile-topbar-height, 5.4rem) + 0.72rem) !important;
    }
    body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc) {
      position: fixed !important;
      z-index: 1400 !important;
      top: calc(var(--app-mobile-topbar-bottom, 5rem) + 0.5rem) !important;
      right: 0.64rem !important;
      left: 0.64rem !important;
      bottom: auto !important;
      display: grid !important;
      width: auto !important;
      max-width: none !important;
      max-height: min(62dvh, 33rem) !important;
      gap: 0.5rem !important;
      margin: 0 !important;
      overflow-y: auto !important;
      overscroll-behavior: contain !important;
      border: 1px solid rgb(16 32 51 / 0.12) !important;
      border-radius: 20px !important;
      padding: 0.58rem !important;
      background: radial-gradient(24rem 16rem at 4% 0%, rgb(55 167 176 / 0.14), transparent 66%), linear-gradient(180deg, rgb(255 255 255 / 0.97), rgb(246 250 250 / 0.94)), #ffffff !important;
      box-shadow: 0 30px 80px -42px rgb(6 13 21 / 0.62), inset 0 1px 0 rgb(255 255 255 / 0.88) !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      transform: translateY(-0.45rem) scale(0.985) !important;
      transform-origin: top center !important;
      transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s !important;
    }
    body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc):not([data-mobile-rail-panel]) {
      display: none !important;
    }
    body.app-mobile-rail-open :is(.dashboard-section-toc, .claim-details-section-toc)[data-mobile-rail-panel] {
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
      transform: translateY(0) scale(1) !important;
      transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s !important;
    }
    body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc) .claim-scroll-toc__card, body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc) :is(.profile-left-rail-actions, .dashboard-left-rail-actions, .claim-left-rail-actions, .app-left-rail-actions), body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc) > .local-db-badge--rail {
      width: 100% !important;
      max-width: 100% !important;
      border-radius: 15px !important;
      padding: 0.58rem !important;
      box-shadow: none !important;
    }
    body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc) nav {
      display: flex !important;
      grid-auto-flow: initial !important;
      grid-auto-columns: initial !important;
      flex-wrap: wrap !important;
      gap: 0.32rem !important;
      width: 100% !important;
      margin-top: 0.38rem !important;
      overflow: visible !important;
      padding: 0 !important;
    }
    body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc) .claim-toc-link {
      flex: 1 1 max(7.25rem, calc(50% - 0.32rem)) !important;
      width: auto !important;
      min-height: 1.86rem !important;
      justify-content: center !important;
      border-radius: 999px !important;
      padding: 0.36rem 0.54rem !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
      text-align: center !important;
      white-space: normal !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] {
      gap: 0.38rem !important;
      border-radius: 14px !important;
      padding: 0.56rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > :is(.claims-table__cell--parties, .claims-table__cell--assignee, .claims-table__cell--amounts, .claims-table__cell--row-action) {
      display: none !important;
      width: 0 !important;
      max-width: 0 !important;
      height: 0 !important;
      min-height: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      overflow: hidden !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-head {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas: "identity" "parties" "money" !important;
      gap: 0.4rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-mobile-assignee {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-parties, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.32rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item {
      border-radius: 10px !important;
      padding: 0.38rem 0.46rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party__name, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__value {
      font-size: 0.78rem !important;
      line-height: 1.08 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__cell--operation {
      border-top: 1px solid rgb(16 32 51 / 0.07) !important;
      padding-top: 0.4rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack {
      flex-direction: row !important;
      flex-wrap: wrap !important;
      gap: 0.28rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-chip, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-fallback {
      width: auto !important;
      min-height: 1.68rem !important;
      border-radius: 999px !important;
      padding: 0.28rem 0.46rem !important;
      font-size: 0.68rem !important;
      line-height: 1.05 !important;
    }
    body:has(.claim-details-view) :is( .claim-reference-main-summary__metrics, .claim-party-summary, .claim-party-kpi-grid, .claim-workload-kpis, .claim-communications-summary-strip, .claim-disclosure-summary-strip, .claim-asset-summary-strip ) {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.5rem !important;
      width: 100% !important;
      max-width: 100% !important;
    }
    body:has(.claim-details-view) :is( .claim-reference-main-summary__metrics article, .claim-party-summary-card, .claim-workload-kpi, .claim-communications-summary-card, .claim-disclosure-summary-card, .claim-asset-summary-card ) {
      min-width: 0 !important;
      min-height: 0 !important;
      border-radius: 13px !important;
      padding: 0.58rem !important;
    }
    body:has(.claim-details-view) :is( .claim-reference-main-summary__metrics strong, .claim-party-summary-card__value, .claim-workload-kpi__value, .claim-disclosure-summary-card__value, .claim-asset-summary-card__value ) {
      font-size: clamp(1.02rem, 5.4vw, 1.36rem) !important;
      line-height: 1 !important;
    }
    body:has(.claim-details-view) .claim-reference-main-summary .claim-reference-main-summary__metrics.claim-reference-main-summary__metrics, body:has(.claim-details-view) .claim-party-summary.claim-party-summary, body:has(.claim-details-view) .claim-party-kpi-grid.claim-party-kpi-grid, body:has(.claim-details-view) .claim-workload-kpis.claim-workload-kpis, body:has(.claim-details-view) .claim-communications-summary-strip.claim-communications-summary-strip, body:has(.claim-details-view) .claim-disclosure-summary-strip.claim-disclosure-summary-strip, body:has(.claim-details-view) .claim-asset-summary-strip.claim-asset-summary-strip {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.5rem !important;
      width: 100% !important;
      max-width: 100% !important;
    }
  }
}
@layer components {
  .operator-page-body {
    min-width: calc(var(--spacing) * 0);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .operator-page-header, .settings-page-header {
    position: relative;
    display: grid;
    min-width: calc(var(--spacing) * 0);
    gap: calc(var(--spacing) * 4);
    overflow: hidden;
    border-radius: 18px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
    @media (width >= 40rem) {
      align-items: center;
    }
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
    isolation: isolate;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(247 250 249 / 0.82)), color-mix(in srgb, oklch(0.987 0.006 96) 88%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(247 250 249 / 0.82)), color-mix(in oklab, var(--color-surface) 88%, var(--color-muted));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.72), 0 20px 48px -42px rgb(16 32 51 / 0.46);
  }
  .operator-page-header::before, .settings-page-header::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    z-index: -1;
    width: 0.36rem;
    background: linear-gradient(180deg, #4a7471, #102033);
  }
  .operator-page-header::after, .settings-page-header::after {
    content: none !important;
  }
  .operator-page-header__eyebrow, .settings-page-header__eyebrow, .settings-people-hero__eyebrow, .settings-workers-panel__eyebrow, .settings-debtor-access-section__eyebrow, .settings-rules-command__eyebrow, .settings-rules-section__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    text-transform: uppercase;
    letter-spacing: 0.08em;
  }
  .operator-page-header__title, .settings-page-header__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    @media (width >= 40rem) {
      font-size: 1.75rem;
    }
    letter-spacing: 0;
  }
  .operator-page-header__copy {
    margin-top: calc(var(--spacing) * 2);
    max-width: var(--container-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .operator-page-header__chips, .settings-page-header__chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .operator-chip, .operator-page-header__chips span, .settings-page-header__chips span, .settings-workers-panel__count, .settings-rules-command__meta span, .settings-rules-command__scope, .settings-rules-nav-link__meta {
    display: inline-flex;
    min-height: calc(var(--spacing) * 7);
    max-width: 100%;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 76%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 76%, var(--color-muted));
    }
  }
  .operator-tabs, .settings-primary-tabs, .settings-rules-module-strip {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    gap: calc(var(--spacing) * 1);
    overflow-x: auto;
    border-radius: 14px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 1);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(245 249 248 / 0.76)), color-mix(in srgb, oklch(0.987 0.006 96) 82%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(245 249 248 / 0.76)), color-mix(in oklab, var(--color-surface) 82%, var(--color-muted));
    }
    scrollbar-width: thin;
  }
  .operator-tabs__group, .settings-primary-tabs__group {
    display: flex;
    min-width: max-content;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .operator-tab, .settings-primary-tab, .settings-rules-nav-link {
    display: inline-flex;
    min-height: calc(var(--spacing) * 9);
    align-items: center;
    border-radius: 11px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-subtle);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    letter-spacing: 0;
  }
  .settings-rules-nav-link {
    display: grid;
    min-width: 8.5rem;
    grid-template-columns: minmax(0,1fr) auto;
    gap: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
  }
  .operator-tab:hover, .settings-primary-tab:hover, .settings-rules-nav-link:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 24%, var(--color-border));
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 70%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 70%, white);
    }
    color: var(--color-text);
  }
  .operator-tab.is-active, .settings-primary-tab.is-active, .settings-rules-nav-link[aria-current="true"] {
    border-color: color-mix(in srgb, oklch(0.285 0.014 245) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-text) 18%, transparent);
    }
    background: #102033;
    color: white;
    box-shadow: 0 12px 22px -18px rgb(16 32 51 / 0.55);
  }
  .settings-rules-nav-link[aria-current="true"] .settings-rules-nav-link__meta {
    color: rgb(255 255 255 / 0.76);
    border-color: rgb(255 255 255 / 0.14);
    background-color: rgb(255 255 255 / 0.12);
  }
  .operator-control-strip, .operator-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .operator-segmented {
    display: inline-flex;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    border-radius: 12px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 1);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: color-mix(in srgb, oklch(0.987 0.006 96) 84%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-surface) 84%, var(--color-muted));
    }
  }
  .operator-segmented__item {
    display: inline-flex;
    min-height: calc(var(--spacing) * 8);
    align-items: center;
    border-radius: 9px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-subtle);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .operator-segmented__item:hover {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 68%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 68%, white);
    }
    color: var(--color-text);
  }
  .operator-segmented__item.is-active {
    background: #102033;
    color: white;
  }
  .operator-filter-panel, .settings-workers-toolbar {
    border-radius: 14px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding: calc(var(--spacing) * 3);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 4);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
  }
  .operator-choice {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    border-radius: 12px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 78%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 78%, var(--color-muted));
    }
  }
  .operator-choice:hover, .operator-choice:focus-within {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 28%, var(--color-border));
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 68%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 68%, white);
    }
  }
  .operator-choice--compact {
    align-items: center;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
  }
  .operator-filter-grid, .settings-workers-toolbar {
    display: grid;
    gap: calc(var(--spacing) * 3);
    grid-template-columns: repeat(auto-fit, minmax(min(14rem, 100%), 1fr));
  }
  .operator-field-label, .settings-workers-toolbar__label {
    margin-bottom: calc(var(--spacing) * 1.5);
    display: block;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .operator-metric-grid, .settings-people-hero__stats {
    display: grid;
    gap: calc(var(--spacing) * 3);
    grid-template-columns: repeat(auto-fit, minmax(min(12rem, 100%), 1fr));
  }
  .operator-metric-card, .app-metric-card, .settings-people-hero__stat, .settings-debtor-access-section__meta {
    min-width: calc(var(--spacing) * 0);
    border-radius: 14px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
  }
  .operator-metric-card__label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
  }
  .operator-metric-card__value, .settings-people-hero__stat-value, .settings-debtor-access-section__meta-value {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-people-hero__stat-label, .settings-debtor-access-section__meta-label {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .operator-panel, .operator-record, .operator-empty-state, .settings-people-hero, .settings-workers-panel, .settings-staff-card, .settings-staff-empty, .settings-debtor-access-section, .settings-debtor-access-empty, .settings-rules-command, .ruleset-switch-card, .legal-console {
    min-width: calc(var(--spacing) * 0);
    border-radius: 16px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
  }
  .operator-panel, .settings-people-hero, .settings-workers-panel, .settings-debtor-access-section, .settings-rules-command, .ruleset-switch-card {
    padding: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .operator-panel__header, .settings-workers-panel__header, .settings-debtor-access-section__header, .settings-rules-command {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      align-items: flex-start;
    }
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .operator-panel__title, .settings-people-hero__title, .settings-workers-panel__title, .settings-debtor-access-section__title, .settings-rules-command__title, .settings-rules-section__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    letter-spacing: 0;
  }
  .operator-panel__copy, .settings-people-hero__copy, .settings-workers-panel__copy, .settings-debtor-access-section__description, .settings-rules-command__meta, .ruleset-switch-card__subtitle {
    margin-top: calc(var(--spacing) * 2);
    max-width: var(--container-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .operator-table-wrap {
    min-width: calc(var(--spacing) * 0);
    overflow-x: auto;
    border-radius: 14px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
  }
  .operator-data-table {
    width: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    min-width: 44rem;
  }
  .operator-data-table thead {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 58%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 58%, white);
    }
  }
  .operator-data-table th {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-subtle);
    text-transform: uppercase;
    letter-spacing: 0.06em;
  }
  .operator-data-table td {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    vertical-align: top;
    color: var(--color-text);
    border-top: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    overflow-wrap: normal;
  }
  .operator-record-list {
    display: grid;
    gap: calc(var(--spacing) * 3);
  }
  .operator-record {
    padding: calc(var(--spacing) * 4);
  }
  .operator-record__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .operator-record__title-row, .operator-meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .operator-record__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .operator-record__meta {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
  }
  .operator-record__details {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(var(--spacing) * 4);
    row-gap: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .operator-empty-state, .settings-staff-empty, .settings-debtor-access-empty {
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 8);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
  }
  .operator-notice {
    border-radius: 12px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 76%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 76%, var(--color-muted));
    }
  }
  .operator-code-block {
    overflow: auto;
    border-radius: 12px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-text);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 42%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 42%, white);
    }
  }
  .operator-page-body--logs :where(div, p, span, li, dd, dt, td, th, code, pre), .operator-page-body--settings :where(div, p, span, li, dd, dt, td, th, code, pre) {
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}
@layer components {
  .claim-scroll-toc__section-label {
    margin-top: 0.72rem;
    color: var(--claim-command-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink, var(--color-text)) 56%, var(--color-subtle));
    }
    font-size: 0.68rem;
    font-weight: 760;
    letter-spacing: 0;
    line-height: 1.15;
    text-transform: none;
  }
  .claim-details-view .claim-scroll-toc--with-toc .claim-toc-link {
    align-items: flex-start;
    gap: 0.42rem;
    line-height: 1.16;
  }
  .claim-details-view .claim-scroll-toc--with-toc .claim-toc-link::before {
    flex: 0 0 auto;
    width: 0.36rem;
    height: 0.36rem;
    margin-top: 0.34rem;
    border-radius: 999px;
    content: "";
    background: var(--claim-command-taupe, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--claim-command-taupe, var(--color-border)) 72%, white);
    }
    box-shadow: 0 0 0 3px var(--claim-command-taupe, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in oklab, var(--claim-command-taupe, var(--color-border)) 13%, transparent);
    }
  }
  .claim-details-view .claim-scroll-toc--with-toc .claim-toc-link[aria-current="location"]::before {
    background: var(--claim-command-ink, var(--color-text));
    box-shadow: 0 0 0 3px var(--claim-command-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in oklab, var(--claim-command-ink, var(--color-text)) 12%, transparent);
    }
  }
  .claim-details-view .claim-payments-workspace {
    display: grid;
    gap: 0.82rem;
  }
  .claim-details-view .claim-payment-surface {
    overflow: hidden;
    border: 1px solid var(--claim-command-line, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-line, var(--color-border)) 84%, white);
    }
    border-radius: 18px;
    color: var(--claim-command-ink, var(--color-text));
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(249 248 245 / 0.68)), linear-gradient(125deg, var(--claim-command-steel, #526980), transparent 46%), var(--claim-command-paper, #fbfaf6);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(249 248 245 / 0.68)), linear-gradient(125deg, color-mix(in oklab, var(--claim-command-steel, #526980) 7%, transparent), transparent 46%), color-mix(in oklab, var(--claim-command-paper, #fbfaf6) 58%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 18px 42px -44px rgb(68 70 75 / 0.42);
    backdrop-filter: blur(8px);
  }
  .claim-details-view .claim-payment-surface--proposal {
    border-color: var(--claim-command-taupe, #aca296);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-taupe, #aca296) 32%, white);
    }
  }
  .claim-details-view .claim-payment-surface__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.86rem;
    border-bottom: 1px solid var(--claim-command-line, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--claim-command-line, var(--color-border)) 70%, transparent);
    }
    padding: 0.88rem 0.98rem;
    background: linear-gradient(90deg, rgb(255 255 255 / 0.82), rgb(248 247 244 / 0.74)), linear-gradient(90deg, var(--claim-command-taupe, #aca296), transparent 52%);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, rgb(255 255 255 / 0.82), rgb(248 247 244 / 0.74)), linear-gradient(90deg, color-mix(in oklab, var(--claim-command-taupe, #aca296) 14%, transparent), transparent 52%);
    }
  }
  .claim-details-view .claim-payment-surface__intro {
    min-width: 0;
  }
  .claim-details-view .claim-payment-surface__eyebrow, .claim-details-view .claim-payment-form-card__eyebrow, .claim-details-view .claim-payment-empty-card__eyebrow, .claim-details-view .claim-payment-decision-panel__eyebrow, .claim-details-view .claim-payment-decision-card__label, .claim-details-view .claim-payment-note-card__label, .claim-details-view .payment-plan-schedule__kicker {
    color: var(--claim-command-steel, #526980);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-steel, #526980) 68%, var(--color-subtle));
    }
    font-size: 0.72rem;
    font-weight: 760;
    letter-spacing: 0;
    line-height: 1.18;
    text-transform: none;
  }
  .claim-details-view .claim-payment-surface__title, .claim-details-view .claim-payment-form-card__title, .claim-details-view .claim-payment-empty-card__title, .claim-details-view .claim-payment-decision-panel__title, .claim-details-view .claim-payment-decision-card__title, .claim-details-view .claim-payment-note-card__title, .claim-details-view .payment-plan-schedule__title {
    margin-top: 0.18rem;
    color: var(--claim-command-ink, var(--color-text));
    font-size: 1rem;
    font-weight: 760;
    line-height: 1.16;
  }
  .claim-details-view .claim-payment-surface__description, .claim-details-view .claim-payment-form-card__copy, .claim-details-view .claim-payment-empty-card__copy, .claim-details-view .claim-payment-decision-panel__copy {
    margin-top: 0.22rem;
    max-width: 48rem;
    color: var(--claim-command-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink, var(--color-text)) 56%, var(--color-subtle));
    }
    font-size: 0.78rem;
    line-height: 1.48;
  }
  .claim-details-view .claim-payment-surface__meta {
    display: flex;
    flex: 0 0 auto;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.42rem;
  }
  .claim-details-view .claim-payment-surface__body {
    padding: 0.82rem;
    background: linear-gradient(180deg, rgb(238 243 244 / 0.42), rgb(250 249 246 / 0.78)), rgb(255 255 255 / 0.42);
  }
  .claim-details-view .claim-payment-ledger {
    display: grid;
    grid-template-columns: minmax(16rem, 0.72fr) minmax(0, 1.28fr);
    gap: 0.62rem;
    padding: 0.82rem;
  }
  .claim-details-view .claim-payment-ledger__primary, .claim-details-view .claim-payment-metric, .claim-details-view .claim-payment-progress-card, .claim-details-view .claim-payment-form-card, .claim-details-view .claim-payment-empty-card, .claim-details-view .claim-payment-decision-panel, .claim-details-view .claim-payment-decision-card, .claim-details-view .claim-payment-note-card, .claim-details-view .payment-plan-schedule {
    border: 1px solid var(--claim-command-line, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-line, var(--color-border)) 78%, white);
    }
    border-radius: 16px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(249 248 245 / 0.78)), var(--claim-command-paper, #fbfaf6);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(249 248 245 / 0.78)), color-mix(in oklab, var(--claim-command-paper, #fbfaf6) 34%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 10px 24px -30px rgb(68 70 75 / 0.26);
  }
  .claim-details-view .claim-payment-ledger__primary {
    position: relative;
    display: flex;
    min-height: 8rem;
    flex-direction: column;
    justify-content: center;
    padding: 1rem 1.08rem 1rem 1.18rem;
    border-color: var(--claim-command-ink, #44464b);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-ink, #44464b) 28%, var(--claim-command-line, var(--color-border)));
    }
    background: linear-gradient(135deg, var(--claim-command-ink, #44464b), var(--claim-command-ink-2, #52565e) 62%, rgb(92 91 82)), var(--claim-command-ink, #44464b);
    color: white;
  }
  .claim-details-view .claim-payment-ledger__primary::before {
    position: absolute;
    inset: 0.82rem auto 0.82rem 0.68rem;
    width: 3px;
    border-radius: 999px;
    content: "";
    background: linear-gradient(180deg, var(--claim-command-taupe, #aca296), var(--claim-command-steel, #526980));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, var(--claim-command-taupe, #aca296), color-mix(in oklab, var(--claim-command-steel, #526980) 70%, white));
    }
  }
  .claim-details-view .claim-payment-ledger__label, .claim-details-view .claim-payment-metric__label {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, currentColor 62%, transparent);
    }
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.2;
  }
  .claim-details-view .claim-payment-ledger__value {
    margin-top: 0.26rem;
    color: white;
    font-size: clamp(1.9rem, 3vw, 2.7rem);
    font-weight: 760;
    line-height: 0.98;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
  }
  .claim-details-view .claim-payment-ledger__note {
    margin-top: 0.34rem;
    color: rgb(255 255 255 / 0.72);
    font-size: 0.74rem;
  }
  .claim-details-view .claim-payment-ledger__metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.52rem;
  }
  .claim-details-view .claim-payment-metric {
    position: relative;
    min-height: 6rem;
    padding: 0.84rem 0.82rem 0.78rem 0.94rem;
  }
  .claim-details-view .claim-payment-metric::before {
    position: absolute;
    inset: 0.86rem auto 0.86rem 0.48rem;
    width: 3px;
    border-radius: 999px;
    content: "";
    background: var(--claim-command-taupe, #aca296);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--claim-command-taupe, #aca296) 78%, white);
    }
  }
  .claim-details-view .claim-payment-metric--paid::before {
    background: var(--claim-command-green, #166b56);
  }
  .claim-details-view .claim-payment-metric--total::before {
    background: var(--claim-command-steel, #526980);
  }
  .claim-details-view .claim-payment-metric__value {
    display: block;
    margin-top: 0.24rem;
    color: var(--claim-command-ink, var(--color-text));
    font-size: 1.06rem;
    font-weight: 760;
    line-height: 1.08;
    overflow-wrap: anywhere;
    font-variant-numeric: tabular-nums;
  }
  .claim-details-view .claim-payment-metric--paid .claim-payment-metric__value {
    color: var(--claim-command-green, #166b56);
  }
  .claim-details-view .claim-payment-metric__note {
    display: block;
    margin-top: 0.24rem;
    color: var(--claim-command-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink, var(--color-text)) 55%, var(--color-subtle));
    }
    font-size: 0.7rem;
    line-height: 1.35;
  }
  .claim-details-view .claim-payment-schedule-grid {
    display: grid;
    grid-template-columns: minmax(15rem, 0.7fr) minmax(0, 1.3fr);
    gap: 0.68rem;
    align-items: stretch;
  }
  .claim-details-view .claim-payment-schedule-grid--empty {
    grid-template-columns: minmax(15rem, 0.68fr) minmax(0, 1.32fr);
  }
  .claim-details-view .claim-payment-progress-card, .claim-details-view .claim-payment-form-card, .claim-details-view .claim-payment-empty-card, .claim-details-view .claim-payment-decision-panel, .claim-details-view .claim-payment-decision-card, .claim-details-view .claim-payment-note-card {
    padding: 0.88rem;
  }
  .claim-details-view .claim-payment-progress-card {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 0.68rem;
  }
  .claim-details-view .claim-payment-progress-card__topline {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.8rem;
    color: var(--claim-command-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink, var(--color-text)) 62%, var(--color-subtle));
    }
    font-size: 0.78rem;
  }
  .claim-details-view .claim-payment-progress-card__topline strong {
    color: var(--claim-command-ink, var(--color-text));
    font-size: 1.24rem;
    line-height: 1;
  }
  .claim-details-view .claim-payment-progress-card__action {
    display: flex;
    justify-content: flex-end;
  }
  .claim-details-view .claim-payment-form {
    display: grid;
    gap: 0.74rem;
    margin-top: 0.78rem;
  }
  .claim-details-view .claim-payment-form--compact {
    margin-top: 0.68rem;
  }
  .claim-details-view .claim-payment-form__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.62rem;
  }
  .claim-details-view .claim-payment-field {
    display: block;
    min-width: 0;
  }
  .claim-details-view .claim-payment-field label, .claim-details-view .claim-payment-field > span:first-child {
    display: block;
    margin-bottom: 0.24rem;
    color: var(--claim-command-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink, var(--color-text)) 60%, var(--color-subtle));
    }
    font-size: 0.74rem;
    font-weight: 650;
    line-height: 1.2;
  }
  .claim-details-view .claim-payment-field > span:not(:first-child) {
    display: block;
    margin-top: 0.22rem;
    color: var(--claim-command-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink, var(--color-text)) 48%, var(--color-subtle));
    }
    font-size: 0.68rem;
    line-height: 1.35;
  }
  .claim-details-view .claim-payment-form__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
  }
  .claim-details-view .claim-payment-proposal-layout {
    display: grid;
    grid-template-columns: minmax(18rem, 0.88fr) minmax(0, 1.12fr);
    gap: 0.72rem;
    align-items: start;
  }
  .claim-details-view .claim-payment-proposal-summary {
    display: grid;
    gap: 0.62rem;
  }
  .claim-details-view .claim-payment-decision-panel {
    min-width: 0;
  }
  .claim-details-view .claim-payment-decision-panel__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.78rem;
    padding-bottom: 0.72rem;
    border-bottom: 1px solid var(--claim-command-line, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--claim-command-line, var(--color-border)) 68%, transparent);
    }
  }
  .claim-details-view .claim-payment-decision-panel__copy {
    margin-top: 0.34rem;
  }
  .claim-details-view .claim-payment-decision-grid {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 0.62rem;
    margin-top: 0.72rem;
  }
  .claim-details-view .claim-payment-decision-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
  }
  .claim-details-view .claim-payment-decision-card--decline {
    border-color: var(--claim-command-red, #c12b45);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-red, #c12b45) 22%, white);
    }
  }
  .claim-details-view .claim-payment-decision-card--counter {
    border-color: var(--claim-command-steel, #526980);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-steel, #526980) 22%, white);
    }
  }
  .claim-details-view .claim-payment-note-card__text {
    margin-top: 0.42rem;
    color: var(--claim-command-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink, var(--color-text)) 78%, black);
    }
    font-size: 0.86rem;
    line-height: 1.5;
    white-space: pre-line;
  }
  .claim-details-view .claim-payment-note-card__meta {
    margin-top: 0.26rem;
    color: var(--claim-command-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink, var(--color-text)) 48%, var(--color-subtle));
    }
    font-size: 0.72rem;
  }
  .claim-details-view .claim-payment-note-card__list {
    display: grid;
    gap: 0.36rem;
    margin-top: 0.42rem;
    color: var(--claim-command-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink, var(--color-text)) 56%, var(--color-subtle));
    }
    font-size: 0.78rem;
    line-height: 1.4;
  }
  .claim-details-view .claim-payment-note-card__list li {
    position: relative;
    padding-left: 0.92rem;
  }
  .claim-details-view .claim-payment-note-card__list li::before {
    position: absolute;
    top: 0.55em;
    left: 0;
    width: 0.34rem;
    height: 0.34rem;
    border-radius: 999px;
    content: "";
    background: var(--claim-command-taupe, #aca296);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--claim-command-taupe, #aca296) 74%, white);
    }
  }
  .claim-details-view .claim-payment-note-card--warning {
    border-color: var(--claim-command-red, #c12b45);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-red, #c12b45) 20%, white);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 248 248 / 0.72)), var(--claim-command-red, #c12b45);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 248 248 / 0.72)), color-mix(in oklab, var(--claim-command-red, #c12b45) 4%, white);
    }
  }
  .claim-details-view .claim-payment-note-card--warning .claim-payment-note-card__title {
    color: var(--claim-command-red, #c12b45);
  }
  .claim-details-view .payment-plan-schedule {
    padding: 0.88rem;
  }
  .claim-details-view .payment-plan-schedule__head {
    padding-bottom: 0.64rem;
    border-bottom-color: var(--claim-command-line, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in oklab, var(--claim-command-line, var(--color-border)) 68%, transparent);
    }
  }
  .claim-details-view .payment-plan-schedule__summary {
    gap: 0.54rem;
    margin-top: 0.64rem;
  }
  .claim-details-view .payment-plan-schedule__metric {
    border-radius: 12px;
    border-color: var(--claim-command-line, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-line, var(--color-border)) 70%, white);
    }
    background: rgb(255 255 255 / 0.66);
  }
  .claim-details-view .payment-plan-schedule__metric-label {
    color: var(--claim-command-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink, var(--color-text)) 55%, var(--color-subtle));
    }
    font-size: 0.68rem;
    font-weight: 700;
    letter-spacing: 0;
    text-transform: none;
  }
  .claim-details-view .payment-plan-schedule__metric-value {
    color: var(--claim-command-ink, var(--color-text));
    font-size: 0.88rem;
    font-weight: 730;
  }
  .claim-details-view .payment-plan-schedule__metric-note {
    color: var(--claim-command-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink, var(--color-text)) 52%, var(--color-subtle));
    }
    font-size: 0.7rem;
  }
  @media (max-width: 82rem) {
    .claim-details-view .claim-payment-ledger, .claim-details-view .claim-payment-schedule-grid, .claim-details-view .claim-payment-schedule-grid--empty, .claim-details-view .claim-payment-proposal-layout {
      grid-template-columns: 1fr;
    }
    .claim-details-view .claim-payment-ledger__metrics {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 52rem) {
    .claim-details-view .claim-payment-surface__header, .claim-details-view .claim-payment-decision-panel__head {
      align-items: stretch;
      flex-direction: column;
    }
    .claim-details-view .claim-payment-surface__meta {
      justify-content: flex-start;
    }
    .claim-details-view .claim-payment-ledger__metrics, .claim-details-view .claim-payment-form__grid, .claim-details-view .claim-payment-decision-grid {
      grid-template-columns: 1fr;
    }
    .claim-details-view .claim-payment-ledger__primary {
      min-height: 6.4rem;
    }
  }
}
@layer components {
  .claim-details-view :is(.claim-payment-surface--schedule, .claim-payment-surface--proposal) {
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82), 0 18px 36px -44px rgb(68 70 75 / 0.34);
  }
  .claim-details-view :is(.claim-payment-surface--schedule, .claim-payment-surface--proposal) .claim-payment-surface__header {
    align-items: center;
    padding: 0.72rem 0.86rem;
    background: linear-gradient(90deg, rgb(255 255 255 / 0.86), rgb(248 247 244 / 0.72)), linear-gradient(90deg, var(--claim-command-steel, #526980), transparent 54%);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, rgb(255 255 255 / 0.86), rgb(248 247 244 / 0.72)), linear-gradient(90deg, color-mix(in oklab, var(--claim-command-steel, #526980) 8%, transparent), transparent 54%);
    }
  }
  .claim-details-view :is(.claim-payment-surface--schedule, .claim-payment-surface--proposal) .claim-payment-surface__body {
    padding: 0.66rem;
  }
  .claim-details-view :is(.claim-payment-surface--schedule, .claim-payment-surface--proposal) .claim-payment-surface__title {
    font-size: 0.98rem;
  }
  .claim-details-view :is(.claim-payment-surface--schedule, .claim-payment-surface--proposal) .claim-payment-surface__description {
    max-width: 42rem;
    font-size: 0.75rem;
    line-height: 1.38;
  }
  .claim-details-view .claim-payment-schedule-grid {
    align-items: start;
    gap: 0.58rem;
  }
  .claim-details-view .claim-payment-schedule-grid--empty {
    grid-template-columns: minmax(13rem, 0.34fr) minmax(0, 1.66fr);
  }
  .claim-details-view .claim-payment-empty-card--schedule {
    position: relative;
    min-height: 0;
    padding: 0.76rem 0.82rem 0.76rem 0.94rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(248 247 244 / 0.72)), var(--claim-command-paper, #fbfaf6);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(248 247 244 / 0.72)), color-mix(in oklab, var(--claim-command-paper, #fbfaf6) 44%, white);
    }
  }
  .claim-details-view .claim-payment-empty-card--schedule::before {
    position: absolute;
    inset: 0.78rem auto 0.78rem 0.58rem;
    width: 3px;
    border-radius: 999px;
    content: "";
    background: var(--claim-command-steel, #526980);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--claim-command-steel, #526980) 42%, var(--claim-command-taupe, #aca296));
    }
  }
  .claim-details-view .claim-payment-form-card--inline {
    display: grid;
    grid-template-columns: minmax(10.5rem, 0.29fr) minmax(0, 1fr);
    gap: 0.78rem;
    align-items: end;
    padding: 0.76rem;
  }
  .claim-details-view .claim-payment-card-intro {
    min-width: 0;
    align-self: center;
  }
  .claim-details-view .claim-payment-form-card--inline .claim-payment-form {
    gap: 0.5rem;
    margin-top: 0;
  }
  .claim-details-view .claim-payment-form-card--inline .claim-payment-form__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.48rem;
  }
  .claim-details-view .claim-payment-form-card--inline .claim-payment-form__actions {
    margin-top: -0.02rem;
  }
  .claim-details-view .claim-payment-form {
    gap: 0.58rem;
  }
  .claim-details-view .claim-payment-form__grid {
    gap: 0.54rem;
  }
  .claim-details-view .claim-payment-field label, .claim-details-view .claim-payment-field > span:first-child {
    margin-bottom: 0.18rem;
    font-size: 0.7rem;
  }
  .claim-details-view .claim-payment-field > span:not(:first-child) {
    margin-top: 0.16rem;
    font-size: 0.66rem;
  }
  .claim-details-view .claim-payment-proposal-layout {
    grid-template-columns: minmax(18rem, 0.82fr) minmax(0, 1.18fr);
    gap: 0.58rem;
  }
  .claim-details-view .claim-payment-proposal-summary {
    gap: 0.5rem;
  }
  .claim-details-view .claim-payment-progress-card, .claim-details-view .claim-payment-form-card, .claim-details-view .claim-payment-empty-card, .claim-details-view .claim-payment-decision-panel, .claim-details-view .claim-payment-decision-card, .claim-details-view .claim-payment-note-card, .claim-details-view .payment-plan-schedule {
    border-radius: 14px;
  }
  .claim-details-view .claim-payment-decision-panel {
    padding: 0.72rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(249 248 245 / 0.74)), linear-gradient(135deg, var(--claim-command-steel, #526980), transparent 48%), white;
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(249 248 245 / 0.74)), linear-gradient(135deg, color-mix(in oklab, var(--claim-command-steel, #526980) 5%, transparent), transparent 48%), white;
    }
  }
  .claim-details-view .claim-payment-decision-panel__head {
    align-items: center;
    padding-bottom: 0.52rem;
  }
  .claim-details-view .claim-payment-decision-grid {
    grid-template-columns: minmax(13rem, 0.42fr) minmax(0, 0.58fr);
    gap: 0.54rem;
    align-items: start;
    margin-top: 0.58rem;
  }
  .claim-details-view .claim-payment-decision-card {
    padding: 0.7rem;
  }
  .claim-details-view .claim-payment-decision-card--decline {
    border-color: var(--claim-command-red, #c12b45);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-red, #c12b45) 18%, var(--claim-command-line, var(--color-border)));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 249 249 / 0.66)), var(--claim-command-red, #c12b45);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 249 249 / 0.66)), color-mix(in oklab, var(--claim-command-red, #c12b45) 3%, white);
    }
  }
  .claim-details-view .claim-payment-decision-card--counter {
    border-color: var(--claim-command-steel, #526980);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-steel, #526980) 22%, var(--claim-command-line, var(--color-border)));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(247 250 250 / 0.72)), var(--claim-command-steel, #526980);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(247 250 250 / 0.72)), color-mix(in oklab, var(--claim-command-steel, #526980) 3%, white);
    }
  }
  .claim-details-view .claim-payment-decision-card .claim-payment-field.mt-3 {
    margin-top: 0.48rem;
  }
  .claim-details-view .claim-payment-decision-card textarea {
    min-height: 3.25rem;
  }
  .claim-details-view .claim-payment-note-card, .claim-details-view .payment-plan-schedule {
    padding: 0.72rem;
  }
  .claim-details-view .claim-payment-note-card__text {
    margin-top: 0.3rem;
    font-size: 0.8rem;
    line-height: 1.42;
  }
  .claim-details-view .claim-payment-note-card__list {
    gap: 0.24rem;
    margin-top: 0.32rem;
    font-size: 0.74rem;
    line-height: 1.34;
  }
  .claim-details-view .payment-plan-schedule__head {
    padding-bottom: 0.5rem;
  }
  .claim-details-view .payment-plan-schedule__summary {
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr);
    gap: 0.46rem;
    margin-top: 0.52rem;
  }
  .claim-details-view .payment-plan-schedule__metric {
    padding: 0.62rem 0.68rem;
    border-radius: 11px;
  }
  .claim-details-view .payment-plan-schedule__metric-value {
    font-size: 0.84rem;
  }
  @media (max-width: 82rem) {
    .claim-details-view .claim-payment-schedule-grid, .claim-details-view .claim-payment-schedule-grid--empty, .claim-details-view .claim-payment-proposal-layout {
      grid-template-columns: 1fr;
    }
    .claim-details-view .claim-payment-form-card--inline {
      grid-template-columns: 1fr;
      align-items: stretch;
    }
    .claim-details-view .claim-payment-form-card--inline .claim-payment-form__grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 52rem) {
    .claim-details-view :is(.claim-payment-surface--schedule, .claim-payment-surface--proposal) .claim-payment-surface__header {
      align-items: stretch;
    }
    .claim-details-view .claim-payment-form-card--inline .claim-payment-form__grid, .claim-details-view .claim-payment-decision-grid, .claim-details-view .payment-plan-schedule__summary {
      grid-template-columns: 1fr;
    }
  }
}
@layer components {
  body:has(.claim-details-view) {
    background: radial-gradient(65rem 28rem at 78% -8rem, rgb(172 162 150 / 0.16), transparent 58%), linear-gradient(180deg, #edf2f3 0, #f6f7f5 21rem, #f1f4f3 100%);
  }
  body:has(.claim-details-view) > .min-h-screen {
    padding: clamp(0.45rem, 0.9vw, 0.9rem);
  }
  body:has(.claim-details-view) .container-card {
    max-width: min(96vw, 93rem);
    overflow: clip;
    border-radius: 16px;
    border-color: color-mix(in srgb, #42444a 20%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-brand-graphite) 20%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(250 249 247 / 0.78)), color-mix(in srgb, #e9f0f0 18%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(250 249 247 / 0.78)), color-mix(in oklab, var(--color-brand-mist) 18%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 30px 78px -66px rgb(24 33 44 / 0.66);
  }
  body:has(.claim-details-view) #content {
    padding-inline: clamp(0.72rem, 1.35vw, 1.15rem);
    padding-bottom: 1.35rem;
  }
  body:has(.claim-details-view) .app-topbar {
    --app-brand-logo-width: 15.7rem;
    isolation: isolate;
    overflow: hidden;
    padding: 0.88rem 1.08rem 0.96rem;
    border-bottom-color: rgb(255 255 255 / 0.1);
    background: radial-gradient(44rem 16rem at 22% -7rem, rgb(255 255 255 / 0.16), transparent 58%), radial-gradient(36rem 15rem at 96% -6rem, rgb(172 162 150 / 0.26), transparent 62%), repeating-linear-gradient(135deg, rgb(255 255 255 / 0.035) 0 1px, transparent 1px 26px), linear-gradient(135deg, rgb(32 37 43), rgb(68 70 75) 55%, rgb(105 99 91)), var(--color-brand-graphite);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14), inset 0 -1px 0 rgb(0 0 0 / 0.28), 0 24px 54px -42px rgb(18 25 38 / 0.7);
  }
  body:has(.claim-details-view) .app-topbar::before {
    background: linear-gradient(135deg, rgb(255 255 255 / 0.1), transparent 52%), linear-gradient(90deg, rgb(172 162 150 / 0.22), transparent 72%);
  }
  body:has(.claim-details-view) .app-brand-link {
    margin-left: -0.24rem;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  body:has(.claim-details-view) .app-brand-link:hover {
    background: transparent;
    filter: saturate(1.04) contrast(1.02);
  }
  body:has(.claim-details-view) .app-brand-logo {
    filter: drop-shadow(0 1px 0 rgb(255 255 255 / 0.16)) drop-shadow(0 10px 16px rgb(0 0 0 / 0.28));
  }
  body:has(.claim-details-view) .app-search-input {
    height: 2.78rem;
    border-radius: 999px;
    border-color: rgb(255 255 255 / 0.2);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.16), rgb(255 255 255 / 0.08)), linear-gradient(90deg, rgb(172 162 150 / 0.12), transparent 76%), rgb(255 255 255 / 0.08);
    color: rgb(250 250 249);
    font-weight: 560;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18), inset 0 0 0 1px rgb(255 255 255 / 0.04), 0 20px 44px -34px rgb(0 0 0 / 0.72);
  }
  body:has(.claim-details-view) .app-topbar__actions .btn-primary, body:has(.claim-details-view) .app-topbar__actions .btn-muted, body:has(.claim-details-view) .app-topbar__actions .btn-danger {
    min-height: 2.68rem;
    border-radius: 999px;
    padding: 0.5rem 0.88rem;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18), 0 16px 34px -28px rgb(0 0 0 / 0.72);
  }
  .claim-details-view {
    --claim-command-ink: rgb(68 70 75);
    --claim-command-ink-2: rgb(82 86 94);
    --claim-command-taupe: rgb(172 162 150);
    --claim-command-taupe-soft: rgb(242 238 232);
    --claim-command-steel: rgb(82 105 128);
    --claim-command-paper: rgb(251 250 246);
    --claim-command-line: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      --claim-command-line: color-mix(in oklab, var(--claim-command-ink) 16%, white);
    }
    --claim-command-line-strong: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      --claim-command-line-strong: color-mix(in oklab, var(--claim-command-ink) 28%, white);
    }
    --claim-command-surface: rgb(255 255 255 / 0.82);
    --claim-command-green: rgb(22 107 86);
    --claim-command-amber: rgb(138 95 34);
    --claim-command-red: rgb(193 43 69);
    gap: 1rem;
    color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink) 82%, black);
    }
    background: linear-gradient(135deg, rgb(68 70 75 / 0.035), transparent 54%), linear-gradient(180deg, var(--claim-command-paper), transparent 82%), repeating-linear-gradient(135deg, rgb(172 162 150 / 0.055) 0 1px, transparent 1px 26px);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, rgb(68 70 75 / 0.035), transparent 54%), linear-gradient(180deg, color-mix(in oklab, var(--claim-command-paper) 58%, white), transparent 82%), repeating-linear-gradient(135deg, rgb(172 162 150 / 0.055) 0 1px, transparent 1px 26px);
    }
    font-family: var(--font-sans);
    font-feature-settings: "cv02" 1, "cv03" 1, "cv04" 1, "tnum" 1;
    text-rendering: geometricPrecision;
  }
  .claim-details-view, .claim-details-view * {
    letter-spacing: 0;
  }
  .claim-details-view .claim-details-hero {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    border: 1px solid var(--claim-command-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-taupe) 24%, white);
    }
    border-radius: 24px;
    padding: 0.86rem;
    color: var(--claim-command-ink);
    background: linear-gradient(135deg, rgb(255 255 255 / 0.94), rgb(250 249 246 / 0.78) 58%, rgb(255 255 255 / 0.84)), var(--claim-command-paper);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, rgb(255 255 255 / 0.94), rgb(250 249 246 / 0.78) 58%, rgb(255 255 255 / 0.84)), color-mix(in oklab, var(--claim-command-paper) 58%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 28px 80px -64px rgb(30 51 84 / 0.62);
  }
  .claim-details-view .claim-details-hero::before {
    content: "";
    position: absolute;
    inset: 3.95rem auto 0 0;
    z-index: 0;
    display: block;
    width: min(48rem, 56%);
    height: auto;
    opacity: 1;
    background: linear-gradient(135deg, var(--claim-command-ink), var(--claim-command-ink-2) 58%, rgb(124 118 109)), var(--claim-command-ink);
    clip-path: polygon(0 0, 86% 0, 96% 100%, 0% 100%);
  }
  .claim-details-view .claim-details-hero::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: 1;
    height: 2px;
    background: linear-gradient( 90deg, rgb(172 162 150 / 0.86), rgb(214 211 204 / 0.72) 38%, rgb(112 119 130 / 0.5) 68%, transparent );
    pointer-events: none;
  }
  .claim-details-view .claim-details-hero > * {
    position: relative;
    z-index: 2;
  }
  .claim-details-view .claim-details-hero__masthead {
    align-items: center;
    min-height: 2.62rem;
    gap: 0.72rem;
    border-bottom: 1px solid var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--claim-command-line) 72%, transparent);
    }
    padding: 0 0.24rem 0.72rem;
  }
  .claim-details-view .claim-details-backlink, .claim-details-view .claim-details-admin-button, .claim-details-view .shared-note-trigger, .claim-details-view .shared-note-launcher {
    min-height: 2.34rem;
    border-radius: 12px;
    border-color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-ink) 18%, var(--claim-command-line));
    }
    padding: 0.52rem 0.78rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(246 245 242 / 0.72)), linear-gradient(90deg, var(--claim-command-taupe), transparent 78%);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(246 245 242 / 0.72)), linear-gradient(90deg, color-mix(in oklab, var(--claim-command-taupe) 14%, transparent), transparent 78%);
    }
    color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink) 88%, black);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84), 0 12px 24px -24px rgb(68 70 75 / 0.38);
    backdrop-filter: blur(10px);
  }
  .claim-details-view :is(.claim-details-backlink, .claim-details-admin-button--neutral, .claim-details-admin-button--process, .shared-note-trigger, .shared-note-launcher):hover {
    border-color: var(--claim-command-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-taupe) 42%, var(--claim-command-line));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(248 247 244 / 0.8));
    color: var(--claim-command-ink);
    transform: translateY(-1px);
  }
  .claim-details-view .claim-details-admin-button--danger {
    border-color: var(--claim-command-red);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-red) 30%, var(--claim-command-line));
    }
    color: var(--claim-command-red);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 247 248 / 0.76)), rgb(255 241 242 / 0.62);
  }
  .claim-details-view .claim-details-hero__content {
    grid-template-columns: minmax(0, 1.06fr) minmax(23rem, 0.94fr);
    align-items: stretch;
    gap: clamp(0.9rem, 1.28vw, 1.25rem);
    margin-top: 0.86rem;
  }
  .claim-details-view .claim-details-hero__copy {
    display: flex;
    min-width: 0;
    min-height: 14.8rem;
    flex-direction: column;
    justify-content: center;
    gap: 0.42rem;
    padding: clamp(1rem, 1.4vw, 1.36rem) 0.92rem clamp(1rem, 1.4vw, 1.24rem) 1.02rem;
  }
  .claim-details-view .claim-details-hero__eyebrow-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.48rem;
  }
  .claim-details-view .claim-details-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    color: rgb(244 248 250 / 0.92);
    font-size: 0.82rem;
    font-weight: 760;
    line-height: 1.2;
    text-transform: uppercase;
  }
  .claim-details-view .claim-details-hero__eyebrow::before {
    content: "";
    width: 0.46rem;
    height: 0.46rem;
    margin-right: 0.5rem;
    border-radius: 999px;
    background: rgb(214 211 204);
    box-shadow: 0 0 0 4px rgb(172 162 150 / 0.16), 0 0 18px rgb(172 162 150 / 0.58);
  }
  .claim-details-view .claim-details-hero__state-pill {
    display: inline-flex;
    min-height: 1.6rem;
    align-items: center;
    border: 1px solid rgb(255 255 255 / 0.16);
    border-radius: 999px;
    padding: 0.26rem 0.62rem;
    color: rgb(250 250 249);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.16), rgb(255 255 255 / 0.08)), rgb(255 255 255 / 0.07);
    font-size: 0.72rem;
    font-weight: 680;
    line-height: 1;
  }
  .claim-details-view .claim-details-hero__state-pill--muted {
    color: rgb(232 230 224);
  }
  .claim-details-view .claim-details-hero__state-pill--verification-active {
    border-color: rgb(167 243 208 / 0.36);
    color: rgb(209 250 229);
    background: rgb(22 107 86 / 0.16);
  }
  .claim-details-view .claim-details-hero__state-pill--verification-warn {
    border-color: rgb(253 230 138 / 0.36);
    color: rgb(253 230 138);
    background: rgb(138 95 34 / 0.16);
  }
  .claim-details-view .claim-details-hero__state-pill--verification-muted {
    color: rgb(226 230 236);
  }
  .claim-details-view .claim-details-hero__title-row {
    margin-top: 0.28rem;
    gap: 0.6rem;
  }
  .claim-details-view .claim-details-hero__title {
    max-width: 19ch;
    color: white;
    font-size: clamp(2.2rem, 3.15vw, 3.65rem);
    font-weight: 720;
    line-height: 0.98;
    text-wrap: balance;
  }
  .claim-details-view .claim-details-hero__entity-link, .claim-details-view .claim-details-hero__meta-link {
    color: inherit;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.18em;
  }
  .claim-details-view :is(.claim-details-hero__entity-link, .claim-details-hero__meta-link):hover {
    color: rgb(243 240 235);
  }
  .claim-details-view .claim-details-hero__subtitle, .claim-details-view .claim-details-hero__submeta {
    max-width: 70ch;
    color: rgb(226 230 236);
    font-size: 0.88rem;
    line-height: 1.48;
  }
  .claim-details-view .claim-details-hero__submeta-label {
    color: rgb(226 222 216);
    font-size: 0.74rem;
    font-weight: 680;
    text-transform: none;
  }
  .claim-details-view .claim-details-hero__separator {
    width: 1px;
    height: 1rem;
    border-radius: 999px;
    background: rgb(226 230 236 / 0.55);
  }
  .claim-details-view .claim-details-hero-status {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    max-width: min(48rem, 100%);
    min-height: 4.3rem;
    margin-top: clamp(0.82rem, 1.05vw, 1.08rem);
    border: 1px solid rgb(255 255 255 / 0.16);
    border-left: 3px solid var(--claim-command-taupe);
    border-radius: 14px;
    padding: 0.68rem 0.78rem;
    color: white;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.13), rgb(255 255 255 / 0.07)), rgb(255 255 255 / 0.06);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12), 0 14px 24px -28px rgb(0 0 0 / 0.28);
  }
  .claim-details-view .claim-details-hero-status--danger {
    border-color: rgb(254 205 211 / 0.3);
    border-left-color: var(--claim-command-red);
    background: rgb(159 18 57 / 0.14);
  }
  .claim-details-view .claim-details-hero-status__indicator {
    width: 0.52rem;
    height: 0.52rem;
    margin-top: 0.34rem;
    border: 0;
    background: var(--claim-command-taupe);
    box-shadow: 0 0 0 5px rgb(172 162 150 / 0.16);
  }
  .claim-details-view .claim-details-hero-status--danger .claim-details-hero-status__indicator {
    background: var(--claim-command-red);
    box-shadow: 0 0 0 5px rgb(193 43 69 / 0.16);
  }
  .claim-details-view .claim-details-hero-status__eyebrow {
    color: rgb(232 226 218);
    font-size: 0.72rem;
    font-weight: 760;
    line-height: 1.2;
    text-transform: none;
  }
  .claim-details-view .claim-details-hero-status__text {
    max-width: 82ch;
    color: rgb(255 247 237);
    font-size: 0.84rem;
    line-height: 1.5;
  }
  .claim-details-view .claim-details-hero-status__chip {
    border-color: rgb(255 255 255 / 0.16);
    color: rgb(255 248 235);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.14), rgb(255 255 255 / 0.07)), rgb(255 255 255 / 0.08);
  }
  .claim-details-view .claim-details-money-panel {
    height: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--claim-command-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-taupe) 24%, white);
    }
    border-radius: 18px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(250 249 246 / 0.76)), linear-gradient(90deg, rgb(172 162 150 / 0.14), transparent 64%), var(--claim-command-paper);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(250 249 246 / 0.76)), linear-gradient(90deg, rgb(172 162 150 / 0.14), transparent 64%), color-mix(in oklab, var(--claim-command-paper) 36%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), inset 0 0 0 1px rgb(255 255 255 / 0.42), 0 16px 36px -34px rgb(68 70 75 / 0.48);
  }
  .claim-details-view .claim-details-money-panel__header {
    border-bottom: 1px solid var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--claim-command-line) 70%, transparent);
    }
    padding: 0.72rem 0.82rem 0.62rem;
  }
  .claim-details-view .claim-details-money-panel__eyebrow {
    color: var(--claim-command-steel);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-steel) 72%, var(--claim-command-ink));
    }
    font-size: 0.72rem;
    font-weight: 760;
  }
  .claim-details-view .claim-details-money-panel__title {
    color: var(--claim-command-ink);
    font-size: 1rem;
    font-weight: 740;
  }
  .claim-details-view .claim-details-money-panel__meta {
    border-color: var(--claim-command-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-taupe) 28%, var(--claim-command-line));
    }
    border-radius: 999px;
    color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink) 72%, var(--claim-command-taupe));
    }
    background: rgb(255 255 255 / 0.64);
  }
  .claim-details-view .claim-details-summary-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "due due" "total chance" "penalty penalty";
    gap: 0.5rem;
    border: 0;
    padding: 0.62rem;
    background: transparent;
    box-shadow: none;
  }
  .claim-details-view .claim-details-summary-card {
    position: relative;
    min-height: 4.55rem;
    border: 1px solid var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-line) 82%, white);
    }
    border-radius: 14px;
    padding: 0.68rem 0.76rem;
    color: var(--claim-command-ink);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(249 248 245 / 0.86)), var(--claim-command-paper);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(249 248 245 / 0.86)), color-mix(in oklab, var(--claim-command-paper) 36%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 10px 22px -24px rgb(68 70 75 / 0.3);
  }
  .claim-details-view .claim-details-money-panel .claim-details-summary-card:first-child {
    grid-area: total;
  }
  .claim-details-view .claim-details-money-panel .claim-details-summary-card:nth-child(2) {
    grid-area: due;
    min-height: 6.15rem;
    border-color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-ink) 86%, black);
    }
    color: white;
    background: linear-gradient(135deg, var(--claim-command-ink), var(--claim-command-ink-2) 58%, rgb(124 118 109)), var(--claim-command-ink);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12), 0 16px 34px -26px rgb(24 33 44 / 0.72);
  }
  .claim-details-view .claim-details-money-panel .claim-details-summary-card:nth-child(2) :is(.claim-details-summary-card__label, .claim-details-summary-card__meta) {
    color: rgb(231 235 238 / 0.78);
  }
  .claim-details-view .claim-details-money-panel .claim-details-summary-card:nth-child(3) {
    grid-area: chance;
  }
  .claim-details-view .claim-details-money-panel #claim-penalty-summary {
    grid-area: penalty;
  }
  .claim-details-view .claim-details-money-panel #claim-penalty-summary .claim-details-summary-card, .claim-details-view .claim-details-money-panel #claim-penalty-summary .claim-penalty-summary--hero {
    min-height: 7rem;
    border-color: var(--claim-command-steel);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-steel) 18%, var(--claim-command-line));
    }
    border-radius: 14px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(251 251 249 / 0.72)), linear-gradient(125deg, rgb(36 75 109 / 0.08), transparent 45%, rgb(29 126 89 / 0.08));
  }
  .claim-details-view .claim-details-summary-card__label {
    color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink) 62%, var(--color-subtle));
    }
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.22;
    text-transform: none;
  }
  .claim-details-view .claim-details-summary-card__value {
    margin-top: 0.24rem;
    color: inherit;
    font-size: clamp(1.22rem, 1.5vw, 1.68rem);
    font-weight: 740;
    line-height: 1.04;
  }
  .claim-details-view .claim-details-money-panel .claim-details-summary-card:nth-child(2) .claim-details-summary-card__value {
    font-size: clamp(1.85rem, 2.45vw, 2.48rem);
    line-height: 0.98;
  }
  .claim-details-view .claim-details-summary-card__meta {
    color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink) 58%, var(--color-subtle));
    }
    font-size: 0.72rem;
    line-height: 1.35;
  }
  .claim-details-view .claim-details-summary-card__value.text-emerald-700 {
    color: var(--claim-command-green);
  }
  .claim-details-view .claim-details-summary-card__value.text-amber-700 {
    color: var(--claim-command-amber);
  }
  .claim-details-view .claim-details-summary-card__value.text-rose-700 {
    color: var(--claim-command-red);
  }
  .claim-details-view [data-claim-details-tab-frame], .claim-details-view .claim-info-workspace, .claim-details-view .claim-details-persistent-actions {
    overflow: visible;
    border: 1px solid var(--claim-command-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-taupe) 22%, white);
    }
    border-radius: 24px;
    padding: 0.82rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(250 249 246 / 0.56)), linear-gradient(120deg, rgb(172 162 150 / 0.1), transparent 52%), var(--claim-command-paper);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(250 249 246 / 0.56)), linear-gradient(120deg, rgb(172 162 150 / 0.1), transparent 52%), color-mix(in oklab, var(--claim-command-paper) 58%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82), 0 20px 54px -50px rgb(68 70 75 / 0.5);
  }
  .claim-details-view [data-claim-details-tab-frame] {
    margin-top: 0.96rem;
  }
  .claim-details-view .claim-details-tab-outer-shell {
    margin-bottom: 0.74rem;
  }
  .claim-details-view .claim-details-tab-shell {
    top: 0.7rem;
    z-index: 34;
  }
  .claim-details-view .claim-details-tabbar--persistent {
    width: 100%;
    gap: 0.25rem;
    border: 1px solid var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-ink) 24%, var(--claim-command-taupe));
    }
    border-radius: 18px;
    padding: 0.36rem;
    background: linear-gradient(90deg, var(--claim-command-ink), var(--claim-command-ink-2) 62%, rgb(92 91 82));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 16px 34px -32px rgb(68 70 75 / 0.58);
  }
  .claim-details-view .claim-details-tab {
    min-height: 2.42rem;
    border: 1px solid transparent;
    border-radius: 12px;
    padding: 0.58rem 0.86rem;
    color: rgb(235 238 241 / 0.82);
    font-size: 0.84rem;
    font-weight: 680;
    background: transparent;
    box-shadow: none;
  }
  .claim-details-view .claim-details-tab:hover {
    border-color: rgb(255 255 255 / 0.14);
    color: white;
    background: rgb(255 255 255 / 0.08);
  }
  .claim-details-view .claim-details-tab--active {
    border-color: var(--claim-command-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-taupe) 22%, white);
    }
    color: var(--claim-command-ink);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(250 249 246 / 0.78)), var(--claim-command-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(250 249 246 / 0.78)), color-mix(in oklab, var(--claim-command-taupe) 10%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 12px 24px -24px rgb(0 0 0 / 0.32);
  }
  .claim-details-view .claim-details-tab__badge {
    border-color: var(--claim-command-amber);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-amber) 22%, white);
    }
    color: var(--claim-command-amber);
    background: rgb(255 247 237 / 0.82);
  }
  .claim-details-view .claim-payments-disclosure__tabs {
    gap: 0.25rem;
    border: 1px solid var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-line) 76%, white);
    }
    border-radius: 14px;
    padding: 0.26rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(246 245 242 / 0.64)), var(--claim-command-paper);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(246 245 242 / 0.64)), color-mix(in oklab, var(--claim-command-paper) 52%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 12px 24px -30px rgb(68 70 75 / 0.26);
  }
  .claim-details-view .claim-payments-disclosure__tab {
    min-height: 2.1rem;
    border: 1px solid transparent;
    border-radius: 10px;
    color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink) 72%, var(--color-subtle));
    }
    font-size: 0.82rem;
    font-weight: 660;
    background: transparent;
    box-shadow: none;
  }
  .claim-details-view .claim-payments-disclosure__tab:hover {
    border-color: var(--claim-command-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-taupe) 28%, var(--claim-command-line));
    }
    color: var(--claim-command-ink);
    background: rgb(255 255 255 / 0.72);
  }
  .claim-details-view .claim-payments-disclosure__tab.is-active {
    border-color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-ink) 22%, var(--claim-command-line));
    }
    color: white;
    background: linear-gradient(180deg, var(--claim-command-ink-2), var(--claim-command-ink));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14);
  }
  .claim-details-view .claim-section {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .claim-details-view .claim-section::before, .claim-details-view .claim-section::after {
    display: none;
  }
  .claim-details-view .claim-section + .claim-section {
    margin-top: 0.92rem;
  }
  .claim-details-view .claim-section__title, .claim-details-view .claim-section__subheading {
    color: var(--claim-command-ink);
    font-size: clamp(1.08rem, 1.2vw, 1.34rem);
    font-weight: 760;
    line-height: 1.16;
  }
  .claim-details-view :is( .claim-payments-disclosure, .claim-tasks-panel, .claim-scroll-toc__card, .claim-scroll-toc-inline--panel, .debtor-bank-statements, .manual-console-hero, .arrest-targets-panel, .arrest-notice, .etaitur-panel ), .claim-details-view :where( #tkis-manual-arrests-panel ) {
    overflow: hidden;
    border: 1px solid var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-line) 82%, white);
    }
    border-radius: 18px;
    color: var(--claim-command-ink);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(250 249 246 / 0.72)), var(--claim-command-paper);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(250 249 246 / 0.72)), color-mix(in oklab, var(--claim-command-paper) 52%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 16px 36px -42px rgb(68 70 75 / 0.38);
    backdrop-filter: blur(8px);
  }
  .claim-details-view .claim-details-persistent-actions .claim-tasks-panel {
    padding: 0;
  }
  .claim-details-view :is( .claim-tasks-panel__header, .claim-details-payments__header, .arrest-section-head, .manual-console-hero ) {
    position: relative;
    align-items: flex-start;
    gap: 0.85rem;
    border-bottom: 1px solid var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--claim-command-line) 72%, transparent);
    }
    padding: 0.86rem 0.96rem;
    color: var(--claim-command-ink);
    background: linear-gradient(90deg, rgb(255 255 255 / 0.86), rgb(248 247 244 / 0.76)), linear-gradient(90deg, rgb(172 162 150 / 0.14), transparent 44%);
  }
  .claim-details-view :is( .claim-tasks-panel__header, .claim-details-payments__header, .arrest-section-head )::before {
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 2px;
    content: "";
    background: linear-gradient(90deg, var(--claim-command-ink), var(--claim-command-taupe), transparent 68%);
  }
  .claim-details-view :is( .claim-tasks-panel__header, .claim-details-payments__header, .arrest-section-head )::after {
    display: none;
  }
  .claim-details-view :is( .claim-work-card__eyebrow, .claim-tasks-panel__eyebrow, .claim-details-payments__eyebrow, .arrest-section-head__label, .arrest-notice__label, .manual-console-hero__eyebrow ) {
    color: var(--claim-command-steel);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-steel) 68%, var(--claim-command-muted, #66707a));
    }
    font-size: 0.72rem;
    font-weight: 760;
    line-height: 1.2;
    text-transform: none;
  }
  .claim-details-view :is( .claim-work-card__title, .claim-channel-card__title, .claim-tasks-panel__title, .claim-details-payments__headline, .arrest-section-head__title, .manual-console-hero__title ) {
    color: var(--claim-command-ink);
    font-weight: 760;
    line-height: 1.16;
  }
  .claim-details-view :is( .claim-tasks-panel__subtitle, .claim-details-payments__subtitle, .claim-details-payments__copy, .manual-console-hero__copy, .claim-work-card__description, .claim-channel-card__subtitle ) {
    color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink) 56%, var(--color-subtle));
    }
    line-height: 1.48;
  }
  .claim-details-view :is( .claim-info-card, .claim-info-panel, .claim-info-summary-card, .claim-info-metric, .claim-work-card, .claim-channel-card, .claim-list-card, .kpi-card, .field-card, .contact-dropdown, .claim-asset-column, .claim-asset-card, .arrest-card, .arrest-info-toggle ) {
    border: 1px solid var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-line) 78%, white);
    }
    border-radius: 14px;
    color: var(--claim-command-ink);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(249 248 245 / 0.82)), var(--claim-command-paper);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(249 248 245 / 0.82)), color-mix(in oklab, var(--claim-command-paper) 34%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 9px 20px -25px rgb(68 70 75 / 0.24);
  }
  .claim-details-view :is(.claim-info-card__eyebrow, .claim-info-metric__label, .field-card__label, .claim-workload-kpi__label) {
    color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink) 64%, var(--color-subtle));
    }
    font-size: 0.72rem;
    font-weight: 700;
    line-height: 1.22;
    text-transform: none;
  }
  .claim-details-view :is(.claim-info-card__value, .claim-info-metric__value, .field-card__value, .claim-list-row__title, .claim-task-item__title, .claim-workload-kpi__value) {
    color: var(--claim-command-ink);
    font-weight: 740;
    line-height: 1.16;
  }
  .claim-details-view :is(.claim-info-card__meta, .claim-info-metric__meta, .field-card__meta, .claim-list-row__meta, .claim-task-item__meta, .claim-workload-kpi__meta) {
    color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink) 58%, var(--color-subtle));
    }
    line-height: 1.45;
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__body {
    border-top: 1px solid var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--claim-command-line) 68%, transparent);
    }
    padding: 0.78rem;
    background: linear-gradient(180deg, rgb(238 243 244 / 0.42), rgb(250 249 246 / 0.78)), rgb(255 255 255 / 0.44);
  }
  .claim-details-view .claim-workload-kpis {
    gap: 0.68rem;
    padding: 0.78rem;
  }
  .claim-details-view .claim-workload-kpi {
    --claim-kpi-accent: var(--claim-command-steel);
    position: relative;
    overflow: hidden;
    min-height: 5.6rem;
    border-color: var(--claim-kpi-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-kpi-accent) 18%, white);
    }
    border-radius: 16px;
    padding: 0.92rem 1.04rem 0.82rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.95), rgb(250 249 246 / 0.72)), var(--claim-command-paper);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.95), rgb(250 249 246 / 0.72)), color-mix(in oklab, var(--claim-command-paper) 32%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 13px 28px -29px var(--claim-kpi-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 13px 28px -29px color-mix(in oklab, var(--claim-kpi-accent) 32%, rgb(68 70 75));
    }
  }
  .claim-details-view .claim-workload-kpi::before {
    top: 0.72rem;
    right: 0.8rem;
    bottom: auto;
    left: auto;
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 999px;
    background: var(--claim-kpi-accent);
    opacity: 0.82;
    box-shadow: 0 0 0 4px var(--claim-kpi-accent), 0 0 14px var(--claim-kpi-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 4px color-mix(in oklab, var(--claim-kpi-accent) 9%, transparent), 0 0 14px color-mix(in oklab, var(--claim-kpi-accent) 18%, transparent);
    }
  }
  .claim-details-view .claim-workload-kpi--finished, .claim-details-view .claim-workload-kpi--paid {
    --claim-kpi-accent: var(--claim-command-green);
  }
  .claim-details-view .claim-workload-kpi--progress {
    --claim-kpi-accent: rgb(217 119 6);
  }
  .claim-details-view .claim-workload-kpi--stagnant, .claim-details-view .claim-workload-kpi--outstanding {
    --claim-kpi-accent: var(--claim-command-red);
  }
  .claim-details-view .claim-workload-kpi__value {
    padding-right: 0.9rem;
    font-size: clamp(1.45rem, 1.8vw, 2rem);
  }
  .claim-details-view .claim-payments-disclosure--compact {
    border-color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-ink) 18%, var(--claim-command-line));
    }
    border-radius: 18px;
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__summary {
    grid-template-columns: auto minmax(0, 1fr) minmax(13.5rem, auto) auto;
    gap: 0.8rem;
    min-height: 4.9rem;
    padding: 0.78rem 0.88rem;
    color: var(--claim-command-ink);
    background: linear-gradient(90deg, rgb(255 255 255 / 0.82), rgb(248 247 244 / 0.7)), linear-gradient(90deg, rgb(172 162 150 / 0.14), transparent 44%);
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__mark, .claim-details-view .claim-payments-disclosure__mark, .claim-details-view .claim-tasks-panel__dot, .claim-details-view .manual-console-hero__mark {
    width: 3px;
    height: 2.2rem;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--claim-command-ink), var(--claim-command-taupe));
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(5.8rem, 1fr));
    gap: 0.44rem;
    align-self: stretch;
    min-width: 13.5rem;
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__metric {
    border: 1px solid var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-line) 78%, white);
    }
    border-radius: 12px;
    padding: 0.52rem 0.6rem;
    background: rgb(255 255 255 / 0.62);
  }
  .claim-details-view .claim-component-progress__row, .claim-details-view .claim-list-row, .claim-details-view .claim-task-item, .claim-details-view .arrest-card {
    border-color: var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-line) 74%, white);
    }
    border-radius: 14px;
    background: rgb(255 255 255 / 0.82);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 8px 18px -26px rgb(68 70 75 / 0.18);
  }
  .claim-details-view :is(.claim-component-progress__row, .claim-list-row, .claim-task-item, .arrest-card):hover {
    border-color: var(--claim-command-steel);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-steel) 24%, var(--claim-command-line));
    }
    background: white;
  }
  .claim-details-view .claim-list-row {
    padding: 0.82rem 0.92rem;
  }
  .claim-details-view .claim-channel-card, .claim-details-view .claim-work-card, .claim-details-view .claim-asset-column, .claim-details-view .claim-asset-card {
    border-radius: 16px;
  }
  .claim-details-view .claims-table__toolbar {
    border-radius: 14px;
    background: linear-gradient(90deg, var(--claim-command-ink), var(--claim-command-ink-2) 62%, rgb(92 91 82));
  }
  .claim-details-view .debtor-bank-statements {
    padding: 0;
  }
  .claim-details-view .debtor-bank-statements__head {
    border-bottom: 1px solid var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--claim-command-line) 70%, transparent);
    }
    padding: 0.88rem 0.96rem;
    background: linear-gradient(90deg, rgb(255 255 255 / 0.84), rgb(248 247 244 / 0.74)), linear-gradient(90deg, rgb(172 162 150 / 0.12), transparent 44%);
  }
  .claim-details-view .debtor-bank-statements__search-field, .claim-details-view .debtor-bank-statements__bank-select, .claim-details-view .debtor-bank-statements__file-input, .claim-details-view :is(input, select, textarea):not([type="checkbox"]):not([type="radio"]) {
    border-color: var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-line) 82%, white);
    }
    border-radius: 12px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(250 249 247 / 0.82));
  }
  .claim-details-view .debtor-bank-statements__tab, .claim-details-view .manual-tab-label, .claim-details-view .manual-method-tab-label {
    border-radius: 10px;
    color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink) 66%, var(--color-subtle));
    }
  }
  .claim-details-view .debtor-bank-statements__tab.is-active {
    border-color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-ink) 22%, var(--claim-command-line));
    }
    color: white;
    background: linear-gradient(180deg, var(--claim-command-ink-2), var(--claim-command-ink));
  }
  .claim-details-view .arrest-actions {
    align-items: center;
    gap: 0.52rem;
  }
  .claim-details-view .arrests-workspace__aside {
    border-left-color: var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-left-color: color-mix(in oklab, var(--claim-command-line) 70%, transparent);
    }
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-console-hero {
    border-radius: 0;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-service-tabs {
    padding: 0.82rem 0.92rem 0.92rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-method-tabs, .claim-details-view #tkis-manual-arrests-panel .manual-result-dock {
    border-color: var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-line) 78%, white);
    }
    border-radius: 16px;
    background: rgb(255 255 255 / 0.76);
  }
  .claim-details-view .badge, .claim-details-view .claim-details-chip, .claim-details-view .claim-inline-tablist__count, .claim-details-view .claim-task-item__badge, .claim-details-view .claim-bank-card__status-tag {
    border-radius: 999px;
    border-color: var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-line) 80%, white);
    }
    color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink) 72%, var(--color-subtle));
    }
    background: rgb(255 255 255 / 0.78);
  }
  .claim-details-view .badge-success {
    border-color: var(--claim-command-green);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-green) 22%, white);
    }
    color: var(--claim-command-green);
    background: rgb(236 253 245 / 0.78);
  }
  .claim-details-view .badge-warn {
    border-color: var(--claim-command-amber);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-amber) 24%, white);
    }
    color: var(--claim-command-amber);
    background: rgb(255 247 237 / 0.78);
  }
  .claim-details-view .badge-danger {
    border-color: var(--claim-command-red);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-red) 22%, white);
    }
    color: var(--claim-command-red);
    background: rgb(255 241 242 / 0.78);
  }
  .claim-details-view :is(.btn-muted, .btn-ghost, .btn-primary, .claim-payments-disclosure__state) {
    min-height: 2.16rem;
    border-radius: 10px;
    border: 1px solid var(--claim-command-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-line) 82%, white);
    }
    padding-inline: 0.78rem;
    font-weight: 660;
    text-decoration: none;
    box-shadow: none;
  }
  .claim-details-view .btn-muted {
    color: var(--claim-command-ink);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(246 245 242 / 0.78));
  }
  .claim-details-view .btn-ghost {
    color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink) 76%, var(--color-subtle));
    }
    background: rgb(255 255 255 / 0.46);
  }
  .claim-details-view :is(.btn-muted, .btn-ghost):hover {
    border-color: var(--claim-command-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-taupe) 36%, var(--claim-command-line));
    }
    color: var(--claim-command-ink);
    background: white;
    filter: none;
  }
  .claim-details-view .btn-primary {
    border-color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-ink) 86%, black);
    }
    color: white;
    background: linear-gradient(180deg, var(--claim-command-ink-2), var(--claim-command-ink));
    box-shadow: 0 12px 24px -22px rgb(68 70 75 / 0.72);
  }
  .claim-details-view .claim-scroll-toc__card, .claim-details-view .claim-scroll-toc-inline--panel {
    background: rgb(255 255 255 / 0.88);
    backdrop-filter: blur(12px);
  }
  .claim-details-view .claim-toc-link {
    border-radius: 10px;
    color: var(--claim-command-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink) 66%, var(--color-subtle));
    }
  }
  .claim-details-view .claim-toc-link:hover, .claim-details-view .claim-toc-link.is-active, .claim-details-view .claim-toc-link[aria-current="location"] {
    color: var(--claim-command-ink);
    background: var(--claim-command-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--claim-command-taupe) 13%, white);
    }
  }
  .claim-details-view .claim-details-feedback, .claim-details-view .claim-details-notice {
    border-radius: 16px;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.76), 0 14px 30px -38px rgb(68 70 75 / 0.3);
  }
  body:has(.claim-details-view) .claim-details-modal-panel {
    border: 1px solid color-mix(in srgb, #42444a 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--color-brand-graphite) 18%, var(--color-border));
    }
    border-radius: 18px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(250 249 247 / 0.9)), color-mix(in srgb, #fbfaf6 68%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(250 249 247 / 0.9)), color-mix(in oklab, var(--color-brand-paper) 68%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 36px 70px -48px rgb(15 23 42 / 0.38);
  }
  .claim-details-view :focus-visible, body:has(.claim-details-view) .claim-details-modal-panel :focus-visible {
    outline: 2px solid var(--claim-command-steel, #526980);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in oklab, var(--claim-command-steel, #526980) 66%, white);
    }
    outline-offset: 2px;
  }
  @media (max-width: 72rem) {
    .claim-details-view .claim-details-hero::before {
      width: 100%;
      height: 50%;
      clip-path: polygon(0 0, 100% 0, 100% 82%, 0 100%);
    }
    .claim-details-view .claim-details-hero__content {
      grid-template-columns: 1fr;
    }
    .claim-details-view .claim-details-hero__title {
      max-width: none;
    }
    .claim-details-view .claim-details-hero__copy {
      min-height: 13rem;
    }
    .claim-details-view .claim-details-money-panel {
      height: auto;
    }
  }
  @media (max-width: 54rem) {
    body:has(.claim-details-view) .container-card {
      border-radius: 12px;
    }
    body:has(.claim-details-view) #content {
      padding-inline: 0.58rem;
    }
    .claim-details-view {
      gap: 0.72rem;
    }
    .claim-details-view .claim-details-hero, .claim-details-view [data-claim-details-tab-frame], .claim-details-view .claim-info-workspace, .claim-details-view .claim-details-persistent-actions {
      border-radius: 18px;
      padding: 0.6rem;
    }
    .claim-details-view .claim-details-hero::before {
      top: 3.35rem;
      height: 48%;
    }
    .claim-details-view .claim-details-hero__masthead {
      align-items: stretch;
      padding-bottom: 0.58rem;
    }
    .claim-details-view .claim-details-admin-actions {
      justify-content: flex-start;
      gap: 0.42rem;
    }
    .claim-details-view .claim-details-admin-button {
      flex: 1 1 auto;
      justify-content: center;
    }
    .claim-details-view .claim-details-hero__content {
      gap: 0.72rem;
      margin-top: 0.72rem;
    }
    .claim-details-view .claim-details-hero__copy {
      min-height: 12.2rem;
      padding: 0.78rem 0.58rem 0.9rem;
    }
    .claim-details-view .claim-details-hero__title {
      font-size: clamp(1.82rem, 8.4vw, 2.52rem);
      line-height: 1.02;
    }
    .claim-details-view .claim-details-hero__subtitle, .claim-details-view .claim-details-hero__party-inline {
      align-items: flex-start;
    }
    .claim-details-view .claim-details-hero__separator {
      display: none;
    }
    .claim-details-view .claim-details-hero-status {
      grid-template-columns: 1fr;
      border-left-width: 1px;
      padding: 0.72rem;
    }
    .claim-details-view .claim-details-hero-status__indicator {
      display: none;
    }
    .claim-details-view .claim-details-summary-grid {
      grid-template-columns: 1fr;
      grid-template-areas: "due" "total" "chance" "penalty";
      gap: 0.44rem;
      padding: 0.46rem;
    }
    .claim-details-view .claim-details-summary-card {
      min-height: 4.36rem;
      padding: 0.58rem 0.62rem;
    }
    .claim-details-view .claim-details-money-panel .claim-details-summary-card:nth-child(2) {
      min-height: 5.18rem;
    }
    .claim-details-view .claim-details-money-panel .claim-details-summary-card:nth-child(2) .claim-details-summary-card__value {
      font-size: 1.56rem;
    }
    .claim-details-view .claim-details-tabbar--persistent {
      overflow-x: auto;
      scroll-padding-inline: 0.25rem;
    }
    .claim-details-view .claim-details-tab {
      flex: 0 0 auto;
      white-space: nowrap;
    }
    .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__summary {
      grid-template-columns: auto minmax(0, 1fr);
      min-height: auto;
      gap: 0.6rem;
    }
    .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__metrics {
      grid-column: 2;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      width: 100%;
      min-width: 0;
    }
    .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__state {
      grid-column: 2;
      justify-self: start;
    }
    .claim-details-view .claim-component-progress__head, .claim-details-view .claim-component-progress__row {
      grid-template-columns: 1fr;
    }
    .claim-details-view .claim-component-progress__amounts {
      justify-content: flex-start;
    }
  }
  @media (max-width: 28rem) {
    .claim-details-view .claim-details-summary-grid, .claim-details-view .claim-workload-kpis {
      grid-template-columns: 1fr;
    }
    .claim-details-view .claim-details-money-panel__header {
      flex-direction: column;
      gap: 0.42rem;
    }
  }
}
@layer base {
  html {
    color-scheme: light;
    background-color: var(--color-bg);
  }
  body {
    min-width: 320px;
    background: radial-gradient(120% 90% at 10% -10%, color-mix(in srgb, #526d89 16%, transparent) 0%, transparent 56%), radial-gradient(120% 90% at 95% 0%, color-mix(in srgb, #5b867d 13%, transparent) 0%, transparent 52%), linear-gradient(180deg, color-mix(in srgb, #fbfaf6 82%, white), var(--color-bg) 44%, color-mix(in srgb, #e9f0f0 52%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(120% 90% at 10% -10%, color-mix(in oklab, var(--color-brand-steel) 16%, transparent) 0%, transparent 56%), radial-gradient(120% 90% at 95% 0%, color-mix(in oklab, var(--color-brand-sage) 13%, transparent) 0%, transparent 52%), linear-gradient(180deg, color-mix(in oklab, var(--color-brand-paper) 82%, white), var(--color-bg) 44%, color-mix(in oklab, var(--color-brand-mist) 52%, white));
    }
    color: var(--color-text);
  }
}
@layer components {
  .btn-primary {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &: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 {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    color: var(--color-white);
    background-color: var(--color-accent);
  }
  .btn-primary:hover {
    background-color: var(--color-accent-600);
  }
  .btn-primary:active {
    background-color: var(--color-accent-700);
  }
  .btn-primary:focus-visible {
    --tw-ring-color: var(--color-accent);
  }
  .btn-secondary {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &: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 {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    background-color: transparent;
    color: var(--color-text);
    border-color: var(--color-border);
  }
  .btn-secondary:hover {
    background-color: var(--color-muted);
  }
  .btn-secondary:active {
    filter: brightness(0.97);
  }
  .btn-secondary:focus-visible {
    --tw-ring-color: var(--color-border);
  }
  .btn-attention {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &: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 {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    color: var(--color-text);
    background-color: #facc15;
  }
  .btn-attention:hover {
    background-color: color-mix(in oklch, #facc15 90%, white 10%);
  }
  .btn-attention:active {
    background-color: color-mix(in oklch, #facc15 95%, white 5%);
  }
  .btn-attention:focus-visible {
    --tw-ring-color: var(--color-yellow-400);
  }
  .btn-muted {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &: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 {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    color: var(--color-text);
    background-color: var(--color-muted);
  }
  .btn-muted:hover {
    filter: brightness(0.98);
  }
  .btn-danger {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &: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 {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    background-color: var(--color-red-600);
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
    &:focus-visible {
      --tw-ring-color: var(--color-red-600);
    }
  }
  .btn-destructive {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &: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 {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    background-color: var(--color-red-600);
    color: var(--color-white);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-red-700);
      }
    }
    &:focus-visible {
      --tw-ring-color: var(--color-red-600);
    }
  }
  .btn-ghost {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-shadow: var(--shadow-soft);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    &: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 {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    background-color: transparent;
    color: var(--color-text);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-muted);
      }
    }
  }
  .btn-compact {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .intake-review-doc-card {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-slate-200);
    background-color: color-mix(in srgb, oklch(98.4% 0.003 247.858) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-50) 60%, transparent);
    }
    padding: calc(var(--spacing) * 4);
  }
  .intake-review-doc-name {
    margin-top: calc(var(--spacing) * 1);
    min-width: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-slate-900);
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    overflow-wrap: anywhere;
    text-overflow: clip;
  }
  .intake-review-doc-meta {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-slate-500);
  }
  .intake-review-doc-actions {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .btn-circle {
    display: inline-flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-muted);
    color: var(--color-text);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(0.923 0.014 205) 80%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-muted) 80%, transparent);
        }
      }
    }
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .btn-circle svg {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
  }
  .input {
    width: 100%;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &::placeholder {
      color: var(--color-slate-400);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--color-accent);
    }
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    border-color: var(--color-border);
    color: var(--color-text);
  }
  .input-compact {
    width: 100%;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &::placeholder {
      color: var(--color-slate-400);
    }
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-ring-color: var(--color-accent);
    }
    &:focus {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    border-color: var(--color-border);
    color: var(--color-text);
  }
  .modal-overlay {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
    padding: calc(var(--spacing) * 4);
  }
  .app-modal-layer {
    z-index: 960 !important;
  }
  body.app-modal-open #modal-root, body:has(#modal-root .modal-overlay:not(.hidden)) #modal-root, body:has(#modal-root .app-modal-layer:not(.hidden)) #modal-root {
    position: relative;
    z-index: 10000 !important;
  }
  body.app-modal-open .modal-overlay:not(.hidden), body.app-modal-open .app-modal-layer:not(.hidden), body:has(#modal-root .modal-overlay:not(.hidden)) #modal-root .modal-overlay:not(.hidden), body:has(#modal-root .app-modal-layer:not(.hidden)) #modal-root .app-modal-layer:not(.hidden) {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10000 !important;
  }
  .modal-panel {
    max-height: 90vh;
    width: 100%;
    max-width: var(--container-xl);
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: var(--radius-md);
    background-color: var(--color-surface);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: var(--shadow-elev);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shared-note-page {
    margin-inline: auto;
    max-width: var(--container-3xl);
    padding-block: calc(var(--spacing) * 6);
  }
  .automation-modal {
    width: 100%;
    max-width: var(--container-7xl);
    overflow: hidden;
    padding: calc(var(--spacing) * 0);
    height: min(92vh, 58rem);
    max-height: min(92vh, 58rem);
    border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    border-radius: calc(var(--radius-lg) + 8px);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.76)), color-mix(in srgb, oklch(0.958 0.013 216) 88%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.76)), color-mix(in oklab, var(--color-bg) 88%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 44px 100px -62px rgb(20 31 46 / 0.42);
  }
  .automation-modal__chrome {
    display: flex;
    flex-direction: column;
    height: 100%;
    min-height: 0;
    max-height: min(92vh, 58rem);
  }
  .automation-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
    background: linear-gradient(135deg, color-mix(in oklab, rgb(20 31 46) 96%, white), color-mix(in oklab, rgb(29 78 100) 72%, rgb(20 31 46))), color-mix(in srgb, oklch(0.285 0.014 245) 92%, black);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in oklab, rgb(20 31 46) 96%, white), color-mix(in oklab, rgb(29 78 100) 72%, rgb(20 31 46))), color-mix(in oklab, var(--color-text) 92%, black);
    }
    color: white;
  }
  .automation-modal__header--command {
    align-items: center;
    background: linear-gradient(135deg, rgb(13 28 39), rgb(20 61 76) 54%, rgb(24 89 84)), rgb(13 28 39);
  }
  .automation-modal__brand {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .automation-modal__mark {
    display: none;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 40rem) {
      display: inline-flex;
    }
    border-color: rgb(255 255 255 / 0.22);
    background: linear-gradient(160deg, rgb(255 255 255 / 0.22), rgb(255 255 255 / 0.06)), rgb(255 255 255 / 0.08);
    color: white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.24);
  }
  .automation-modal__statusbar {
    margin-left: auto;
    display: none;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .automation-modal__statusbar span {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: rgb(255 255 255 / 0.2);
    background-color: rgb(255 255 255 / 0.1);
    color: rgb(223 243 244);
  }
  .automation-modal__eyebrow {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: rgb(190 231 228);
  }
  .automation-modal__title {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: white;
  }
  .automation-modal__subtitle {
    margin-top: calc(var(--spacing) * 0.5);
    max-width: var(--container-3xl);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: rgb(214 226 231);
  }
  .automation-modal__actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .automation-modal__header-action {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: rgb(255 255 255 / 0.18);
    background-color: rgb(255 255 255 / 0.1);
    color: white;
  }
  .automation-modal__header-action:hover {
    background-color: rgb(255 255 255 / 0.18);
  }
  .automation-modal__close {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: rgb(255 255 255 / 0.18);
    background-color: rgb(255 255 255 / 0.1);
    color: white;
  }
  .automation-modal__close:hover {
    background-color: rgb(255 255 255 / 0.18);
  }
  .automation-modal__body {
    flex: 1;
    overflow-y: auto;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    min-height: 0;
    overscroll-behavior: contain;
  }
  .automation-modal__footer {
    position: sticky;
    bottom: calc(var(--spacing) * 0);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.92)), color-mix(in srgb, oklch(0.958 0.013 216) 84%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.92)), color-mix(in oklab, var(--color-bg) 84%, white);
    }
    backdrop-filter: blur(12px);
  }
  .automation-shell {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .automation-command-deck {
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 58%, transparent);
    }
    background: linear-gradient(135deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.66)), color-mix(in oklab, rgb(236 254 255) 32%, white);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 20px 52px -52px rgb(20 31 46 / 0.42);
  }
  .automation-command-deck__copy {
    min-width: calc(var(--spacing) * 0);
  }
  .automation-command-deck__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 78%, var(--color-text));
    }
  }
  .automation-command-deck__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-command-deck__meters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    min-width: min(34rem, 100%);
  }
  .automation-command-meter {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-align: center;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 58%, transparent);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86);
  }
  .automation-command-meter strong {
    display: block;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
  }
  .automation-command-meter span {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: var(--color-subtle);
  }
  .automation-command-meter[data-tone="blue"] {
    border-color: color-mix(in srgb, rgb(14 165 233) 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(14 165 233) 24%, var(--color-border));
    }
  }
  .automation-command-meter[data-tone="green"] {
    border-color: color-mix(in srgb, rgb(16 185 129) 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(16 185 129) 24%, var(--color-border));
    }
  }
  .automation-command-meter[data-tone="amber"] {
    border-color: color-mix(in srgb, rgb(245 158 11) 26%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(245 158 11) 26%, var(--color-border));
    }
  }
  .automation-command-meter[data-tone="rose"] {
    border-color: color-mix(in srgb, rgb(244 63 94) 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(244 63 94) 22%, var(--color-border));
    }
  }
  .automation-console-head {
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
    background: linear-gradient(135deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.58)), color-mix(in srgb, oklch(0.958 0.013 216) 84%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.58)), color-mix(in oklab, var(--color-bg) 84%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82), 0 18px 44px -46px rgb(20 31 46 / 0.38);
  }
  .automation-console-title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-console-metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      min-width: 26rem;
    }
  }
  .automation-console-metric {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
    background-color: rgb(255 255 255 / 0.58);
    color: var(--color-subtle);
    font-variant-numeric: tabular-nums;
  }
  .automation-console-metric strong {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-console-metric[data-tone="blue"] {
    border-color: color-mix(in srgb, rgb(14 165 233) 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(14 165 233) 24%, var(--color-border));
    }
  }
  .automation-console-metric[data-tone="green"] {
    border-color: color-mix(in srgb, rgb(16 185 129) 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(16 185 129) 24%, var(--color-border));
    }
  }
  .automation-console-metric[data-tone="amber"] {
    border-color: color-mix(in srgb, rgb(245 158 11) 26%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(245 158 11) 26%, var(--color-border));
    }
  }
  .automation-console-metric[data-tone="rose"] {
    border-color: color-mix(in srgb, rgb(244 63 94) 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(244 63 94) 22%, var(--color-border));
    }
  }
  .automation-hero {
    overflow: hidden;
    border-radius: calc(var(--radius-lg) + 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
    background: linear-gradient(135deg, color-mix(in oklab, white 82%, rgb(236 254 255)), color-mix(in oklab, white 72%, rgb(236 253 245))), color-mix(in srgb, oklch(0.987 0.006 96) 94%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in oklab, white 82%, rgb(236 254 255)), color-mix(in oklab, white 72%, rgb(236 253 245))), color-mix(in oklab, var(--color-surface) 94%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 24px 60px -54px rgb(20 31 46 / 0.42);
  }
  .automation-hero__main {
    display: grid;
    gap: calc(var(--spacing) * 4);
    padding: calc(var(--spacing) * 4);
  }
  .automation-hero__copy {
    min-width: calc(var(--spacing) * 0);
  }
  .automation-label {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
    }
  }
  .automation-hero__title {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-hero__subtitle {
    margin-top: calc(var(--spacing) * 2);
    max-width: var(--container-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 88%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 88%, var(--color-text));
    }
  }
  .automation-health-pill {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: color-mix(in srgb, rgb(16 185 129) 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(16 185 129) 28%, var(--color-border));
    }
    background-color: color-mix(in oklab, rgb(16 185 129) 10%, white);
    color: color-mix(in srgb, rgb(5 150 105) 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, rgb(5 150 105) 78%, var(--color-text));
    }
  }
  .automation-stat-grid {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .automation-stat {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 66%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 66%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.46)), color-mix(in srgb, white 84%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.46)), color-mix(in oklab, white 84%, var(--color-muted));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.8);
  }
  .automation-stat[data-tone="blue"] {
    background-color: color-mix(in oklab, rgb(14 165 233) 10%, white);
    border-color: color-mix(in srgb, rgb(14 165 233) 26%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(14 165 233) 26%, var(--color-border));
    }
  }
  .automation-stat[data-tone="green"] {
    background-color: color-mix(in oklab, rgb(16 185 129) 10%, white);
    border-color: color-mix(in srgb, rgb(16 185 129) 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(16 185 129) 24%, var(--color-border));
    }
  }
  .automation-stat[data-tone="amber"] {
    background-color: color-mix(in oklab, rgb(245 158 11) 10%, white);
    border-color: color-mix(in srgb, rgb(245 158 11) 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(245 158 11) 28%, var(--color-border));
    }
  }
  .automation-stat[data-tone="rose"] {
    background-color: color-mix(in oklab, rgb(244 63 94) 9%, white);
    border-color: color-mix(in srgb, rgb(244 63 94) 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(244 63 94) 24%, var(--color-border));
    }
  }
  .automation-stat__label {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
  }
  .automation-stat__value {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
  }
  .automation-switcher {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .automation-switch {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    justify-content: space-between;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 66%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 66%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.42)), color-mix(in srgb, white 84%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.42)), color-mix(in oklab, white 84%, var(--color-muted));
    }
    color: var(--color-text);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78);
  }
  .automation-switch:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 22%, var(--color-border));
    }
  }
  .automation-switch__label {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .automation-switch__dot {
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-accent);
  }
  .automation-switch[data-tone="green"] .automation-switch__dot {
    background-color: rgb(16 185 129);
  }
  .automation-switch[data-tone="amber"] .automation-switch__dot {
    background-color: rgb(245 158 11);
  }
  .automation-switch[data-tone="blue"] .automation-switch__dot {
    background-color: rgb(14 165 233);
  }
  .automation-view-hint {
    margin-top: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.7), rgb(255 255 255 / 0.44)), color-mix(in srgb, white 86%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.7), rgb(255 255 255 / 0.44)), color-mix(in oklab, white 86%, var(--color-muted));
    }
    color: var(--color-subtle);
  }
  .automation-view {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .automation-view-radio {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .automation-view-nav {
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .automation-view-tab {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 66%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 66%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.74), rgb(255 255 255 / 0.48)), color-mix(in srgb, white 84%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.74), rgb(255 255 255 / 0.48)), color-mix(in oklab, white 84%, var(--color-muted));
    }
    color: var(--color-text);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78);
  }
  .automation-view-tab:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 24%, var(--color-border));
    }
  }
  .automation-view-tab[data-tone="green"] .automation-switch__dot {
    background-color: rgb(16 185 129);
  }
  .automation-view-tab[data-tone="amber"] .automation-switch__dot {
    background-color: rgb(245 158 11);
  }
  .automation-view-tab[data-tone="blue"] .automation-switch__dot {
    background-color: rgb(14 165 233);
  }
  #automation-view-schedule:checked ~ .automation-view-nav label[for="automation-view-schedule"], #automation-view-waiting:checked ~ .automation-view-nav label[for="automation-view-waiting"], #automation-view-results:checked ~ .automation-view-nav label[for="automation-view-results"] {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 40%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 40%, var(--color-border));
    }
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.540 0.073 236) 14%, white), rgb(255 255 255 / 0.72)), color-mix(in srgb, oklch(0.540 0.073 236) 10%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 14%, white), rgb(255 255 255 / 0.72)), color-mix(in oklab, var(--color-accent) 10%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82), 0 18px 36px -34px rgb(20 31 46 / 0.42);
  }
  #automation-view-schedule:focus-visible ~ .automation-view-nav label[for="automation-view-schedule"], #automation-view-waiting:focus-visible ~ .automation-view-nav label[for="automation-view-waiting"], #automation-view-results:focus-visible ~ .automation-view-nav label[for="automation-view-results"] {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
  }
  .automation-view-panels {
    border-radius: calc(var(--radius-lg) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 1.5);
    min-height: clamp(24rem, 58vh, 42rem);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.58), rgb(255 255 255 / 0.34)), color-mix(in srgb, oklch(0.958 0.013 216) 86%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.58), rgb(255 255 255 / 0.34)), color-mix(in oklab, var(--color-bg) 86%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.74);
  }
  .automation-view-panel {
    display: none;
    overflow-y: visible;
    overflow-x: hidden;
    padding-right: 0.15rem;
  }
  #automation-view-schedule:checked ~ .automation-view-panels [data-panel="schedule"], #automation-view-waiting:checked ~ .automation-view-panels [data-panel="waiting"], #automation-view-results:checked ~ .automation-view-panels [data-panel="results"] {
    display: block;
  }
  .automation-section {
    scroll-margin-top: calc(var(--spacing) * 4);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .automation-section__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .automation-section__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-section__meta {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .automation-grid {
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .automation-group-card {
    overflow: hidden;
    border-radius: calc(var(--radius-lg) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --automation-accent: rgb(14 165 233);
    border-color: var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--automation-accent) 24%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.58)), var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.58)), color-mix(in oklab, var(--automation-accent) 6%, var(--color-surface));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 20px 45px -46px rgb(20 31 46 / 0.36);
  }
  .automation-group-card--wide {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .automation-group-card[data-kind="regular"] {
    --automation-accent: rgb(14 165 233);
  }
  .automation-group-card[data-kind="frequent"], .automation-group-card[data-kind="action-deadlines"] {
    --automation-accent: rgb(16 185 129);
  }
  .automation-group-card[data-kind="retries"], .automation-group-card[data-kind="payments"] {
    --automation-accent: rgb(245 158 11);
  }
  .automation-group-card[data-kind="arrest-waves"] {
    --automation-accent: rgb(124 58 237);
  }
  .automation-group-card[data-kind="disabled"] {
    --automation-accent: rgb(100 116 139);
  }
  .automation-group-card[data-kind="results"] {
    --automation-accent: rgb(20 184 166);
  }
  .automation-group-card__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--automation-accent) 20%, var(--color-border));
    }
    background: linear-gradient(90deg, var(--automation-accent), rgb(255 255 255 / 0.52)), var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--automation-accent) 13%, white), rgb(255 255 255 / 0.52)), color-mix(in oklab, var(--automation-accent) 8%, white);
    }
  }
  .automation-group-card__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-group-card__desc {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .automation-next {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    text-align: right;
    font-size: 11px;
    border-color: var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--automation-accent) 22%, var(--color-border));
    }
    background-color: rgb(255 255 255 / 0.58);
    color: var(--color-subtle);
  }
  .automation-next strong {
    display: block;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-row-list {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    --tw-divide-color: var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-divide-color: color-mix(in oklab, var(--automation-accent) 16%, var(--color-border));
    }
  }
  .automation-row {
    position: relative;
    display: grid;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
    background-color: rgb(255 255 255 / 0.34);
  }
  .automation-row::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background-color: var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--automation-accent) 72%, white);
    }
    opacity: 0.75;
  }
  .automation-row:hover {
    background-color: rgb(255 255 255 / 0.64);
  }
  .automation-row--details {
    padding-inline: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 3);
  }
  .automation-schedule-item {
    background-color: color-mix(in srgb, #fff 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 30%, transparent);
    }
  }
  .automation-run-details {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--automation-accent) 12%, var(--color-border));
    }
  }
  .automation-details-trigger {
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 88%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 88%, var(--color-text));
    }
    background-color: rgb(255 255 255 / 0.3);
  }
  .automation-details-trigger:hover {
    color: var(--color-text);
    background-color: rgb(255 255 255 / 0.58);
  }
  .automation-row__title {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-row__subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .automation-row__meta {
    margin-top: calc(var(--spacing) * 1.5);
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(var(--spacing) * 4);
    row-gap: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: color-mix(in srgb, oklch(0.500 0.015 235) 92%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 92%, var(--color-text));
    }
  }
  .automation-row__time {
    display: grid;
    min-width: 12rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    text-align: right;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .automation-running-control {
    grid-column: span 2 / span 2;
    display: grid;
    gap: calc(var(--spacing) * 1.5);
    justify-self: flex-end;
    width: min(16rem, 100%);
  }
  .automation-running-button {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    justify-self: flex-end;
    white-space: nowrap;
    opacity: 80%;
  }
  .automation-inline-action {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    min-height: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    text-decoration-line: none;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, var(--color-accent));
    }
    background-color: rgb(255 255 255 / 0.74);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 86%, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 86%, var(--color-accent));
    }
    box-shadow: 0 10px 24px -24px rgb(15 23 42 / 0.55);
    transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease, transform 140ms ease;
  }
  .automation-inline-action:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 36%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 36%, var(--color-border));
    }
    background-color: rgb(255 255 255 / 0.94);
    color: var(--color-text);
    transform: translateY(-1px);
  }
  .automation-inline-action:focus-visible {
    outline: 2px solid color-mix(in srgb, oklch(0.540 0.073 236) 58%, white);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in oklab, var(--color-accent) 58%, white);
    }
    outline-offset: 2px;
  }
  .automation-inline-action--primary {
    border-color: color-mix(in srgb, rgb(14 165 233) 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(14 165 233) 28%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(241 248 252 / 0.92)), white;
    color: color-mix(in srgb, rgb(14 165 233) 34%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, rgb(14 165 233) 34%, var(--color-text));
    }
  }
  .automation-inline-action--muted {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 82%, white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 82%, white);
    }
    background-color: rgb(248 250 252 / 0.74);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 72%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 72%, var(--color-text));
    }
  }
  .automation-inline-action:disabled, .automation-inline-action[aria-disabled="true"], .automation-inline-action.is-disabled {
    cursor: not-allowed;
    opacity: 0.62;
    transform: none;
  }
  .automation-spinner {
    display: inline-block;
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 28%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 28%, transparent);
    }
    border-top-color: color-mix(in srgb, oklch(0.540 0.073 236) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      border-top-color: color-mix(in oklab, var(--color-accent) 82%, var(--color-text));
    }
    animation: automation-spin 0.75s linear infinite;
  }
  .automation-running-meta {
    min-width: calc(var(--spacing) * 0);
    text-align: right;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 86%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 86%, var(--color-text));
    }
    font-variant-numeric: tabular-nums;
  }
  .automation-progress {
    height: calc(var(--spacing) * 1.5);
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 12%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 12%, var(--color-border));
    }
  }
  .automation-progress__bar {
    display: block;
    width: var(--automation-progress-value, 8%);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 82%, white), var(--color-accent));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 82%, white), var(--color-accent));
    }
    transition: width 180ms ease;
  }
  @keyframes automation-spin {
    to {
      transform: rotate(360deg);
    }
  }
  .automation-row__single-time {
    min-width: 10rem;
    text-align: right;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .automation-time-label {
    font-size: 11px;
    color: var(--color-subtle);
  }
  .automation-time-value {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-cockpit {
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      grid-template-columns: 10rem minmax(0,1fr);
    }
    --automation-accent: rgb(14 165 233);
  }
  .automation-cockpit__rail {
    display: grid;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      align-content: flex-start;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 58%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.62)), color-mix(in oklab, rgb(236 254 255) 22%, white);
  }
  .automation-cockpit-total {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, rgb(14 165 233) 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(14 165 233) 22%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(248 250 252 / 0.86)), white;
  }
  .automation-cockpit-total span, .automation-cockpit-railitem span {
    display: block;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: var(--color-subtle);
  }
  .automation-cockpit-total strong {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
  }
  .automation-cockpit-railitem {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
    }
  }
  .automation-cockpit-railitem strong {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
  }
  .automation-cockpit__main {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 58%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.62)), color-mix(in srgb, oklch(0.958 0.013 216) 86%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.62)), color-mix(in oklab, var(--color-bg) 86%, white);
    }
  }
  .automation-cockpit__intro {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 48%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 48%, transparent);
    }
    background-color: rgb(255 255 255 / 0.58);
  }
  .automation-cockpit__intro h5 {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-cockpit__intro p {
    max-width: var(--container-xl);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .automation-flight-lanes {
    display: grid;
    gap: calc(var(--spacing) * 0);
  }
  .automation-flight-lane {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    &:last-child {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 40%, transparent);
    }
  }
  .automation-flight-lane__head {
    display: grid;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
    background: linear-gradient(90deg, color-mix(in oklab, rgb(14 165 233) 8%, white), rgb(255 255 255 / 0.54));
  }
  .automation-flight-lane__title {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-flight-lane__desc {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .automation-flight-lane__next {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-align: right;
    font-size: 11px;
    border-color: color-mix(in srgb, rgb(14 165 233) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(14 165 233) 18%, var(--color-border));
    }
    color: var(--color-subtle);
  }
  .automation-flight-lane__next strong {
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-flight-stack {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    --tw-divide-color: color-mix(in srgb, oklch(0.842 0.018 228) 34%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-divide-color: color-mix(in oklab, var(--color-border) 34%, transparent);
    }
  }
  .automation-flight-card {
    display: grid;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    grid-template-columns: 2.4rem minmax(0, 1fr);
    background-color: rgb(255 255 255 / 0.34);
  }
  .automation-flight-card:hover {
    background-color: rgb(255 255 255 / 0.62);
  }
  .automation-flight-card__marker {
    display: flex;
    justify-content: center;
  }
  .automation-flight-card__marker span {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: color-mix(in srgb, rgb(14 165 233) 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(14 165 233) 22%, var(--color-border));
    }
    background-color: white;
    color: color-mix(in srgb, rgb(14 165 233) 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, rgb(14 165 233) 78%, var(--color-text));
    }
  }
  .automation-flight-card__content {
    min-width: calc(var(--spacing) * 0);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .automation-flight-card__top {
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .automation-flight-card__title {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-flight-card__desc {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .automation-flight-card__action {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .automation-flight-card__facts {
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .automation-flight-card__facts div {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 48%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 48%, transparent);
    }
  }
  .automation-flight-card__facts span {
    display: block;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: var(--color-subtle);
  }
  .automation-flight-card__facts strong {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
  }
  .automation-atlas {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: color-mix(in srgb, #fff 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 70%, transparent);
    }
    border-color: color-mix(in srgb, rgb(20 184 166) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(20 184 166) 18%, var(--color-border));
    }
  }
  .automation-atlas__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    border-color: color-mix(in srgb, rgb(20 184 166) 12%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(20 184 166) 12%, var(--color-border));
    }
    color: color-mix(in srgb, oklch(0.500 0.015 235) 86%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 86%, var(--color-text));
    }
  }
  .automation-atlas__grid {
    display: grid;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .automation-source-tile {
    overflow: hidden;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-white);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 50%, transparent);
    }
  }
  .automation-source-tile--disabled {
    opacity: 0.62;
  }
  .automation-source-tile summary {
    display: grid;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2.5);
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .automation-source-tile__badge {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    min-width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    background-color: color-mix(in oklab, rgb(20 184 166) 12%, white);
    color: color-mix(in srgb, rgb(13 148 136) 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, rgb(13 148 136) 78%, var(--color-text));
    }
  }
  .automation-source-tile__body {
    min-width: calc(var(--spacing) * 0);
  }
  .automation-source-tile__title {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-source-tile__meta {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    color: var(--color-subtle);
  }
  .automation-source-tile__count {
    display: inline-flex;
    height: calc(var(--spacing) * 7);
    min-width: calc(var(--spacing) * 7);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: color-mix(in srgb, rgb(20 184 166) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(20 184 166) 18%, var(--color-border));
    }
    color: var(--color-text);
  }
  .automation-source-tile__details {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, rgb(20 184 166) 10%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(20 184 166) 10%, var(--color-border));
    }
    background-color: rgb(248 250 252 / 0.72);
  }
  .automation-source-tile__details p {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .automation-source-tile__details ul {
    margin-top: calc(var(--spacing) * 2);
    display: grid;
    gap: calc(var(--spacing) * 1);
    font-family: var(--font-mono);
    font-size: 11px;
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 74%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 74%, var(--color-subtle));
    }
  }
  .automation-source-tile__details li {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-white);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 46%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 46%, transparent);
    }
    overflow-wrap: anywhere;
  }
  .automation-flight-audit {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: color-mix(in srgb, #fff 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 60%, transparent);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 44%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 44%, transparent);
    }
  }
  .automation-flight-audit summary {
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 88%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 88%, var(--color-text));
    }
  }
  .automation-flight-audit summary:hover {
    color: var(--color-text);
  }
  .automation-run-card {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--automation-accent) 18%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.46)), var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.46)), color-mix(in oklab, var(--automation-accent) 4%, white);
    }
  }
  .automation-run-card__head {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--automation-accent) 16%, var(--color-border));
    }
    color: var(--color-subtle);
  }
  .automation-run-card__body {
    padding: calc(var(--spacing) * 3);
  }
  .automation-run-card__meta-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .automation-run-card__status {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .automation-run-card__duration, .automation-run-card__time {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .automation-run-card__time {
    text-align: right;
  }
  .automation-result-line {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: color-mix(in srgb, oklch(0.285 0.014 245) 78%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 78%, var(--color-subtle));
    }
  }
  .automation-result-line strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-change-details {
    margin-top: calc(var(--spacing) * 3);
    overflow: hidden;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, rgb(20 184 166) 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(20 184 166) 24%, var(--color-border));
    }
    background-color: rgb(255 255 255 / 0.5);
  }
  .automation-change-details > summary {
    display: flex;
    cursor: pointer;
    list-style-type: none;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-change-list {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: color-mix(in srgb, rgb(20 184 166) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(20 184 166) 18%, var(--color-border));
    }
    --tw-divide-color: color-mix(in srgb, rgb(20 184 166) 14%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      --tw-divide-color: color-mix(in oklab, rgb(20 184 166) 14%, var(--color-border));
    }
  }
  .automation-change-item {
    display: grid;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
    background-color: rgb(255 255 255 / 0.42);
  }
  .automation-change-item[data-change="created"] {
    background-color: color-mix(in oklab, rgb(236 253 245) 72%, white);
  }
  .automation-change-item__body {
    min-width: calc(var(--spacing) * 0);
  }
  .automation-change-item__titleline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .automation-change-item__title {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-change-item__subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
  }
  .automation-change-item__footnote, .automation-change-item__fields {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .automation-change-item__footnote {
    margin-top: calc(var(--spacing) * 1);
  }
  .automation-change-item__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      justify-content: flex-end;
    }
  }
  .automation-response-actions {
    margin-top: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: color-mix(in srgb, rgb(14 165 233) 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(14 165 233) 22%, var(--color-border));
    }
    background-color: rgb(255 255 255 / 0.5);
    min-width: 0;
    max-width: 100%;
  }
  .automation-response-actions__buttons {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .automation-response-actions__slot {
    flex-basis: 100%;
    min-width: 0;
    max-width: 100%;
  }
  .automation-response-preview {
    margin-top: calc(var(--spacing) * 3);
    overflow: hidden;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, rgb(14 165 233) 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(14 165 233) 24%, var(--color-border));
    }
    background-color: rgb(255 255 255 / 0.72);
    min-width: 0;
    max-width: 100%;
  }
  .automation-response-preview__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: color-mix(in srgb, rgb(14 165 233) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(14 165 233) 18%, var(--color-border));
    }
    background-color: color-mix(in oklab, rgb(240 249 255) 74%, white);
  }
  .automation-response-preview__actions {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
  }
  .automation-response-preview__title {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-response-preview__body {
    max-height: calc(var(--spacing) * 96);
    overflow: auto;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    overflow-wrap: break-word;
    white-space: pre-wrap;
    color: color-mix(in srgb, oklch(0.285 0.014 245) 86%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 86%, black);
    }
    background-color: rgb(248 250 252 / 0.82);
    box-sizing: border-box;
    display: block;
    min-width: 0;
    max-width: 100%;
    overflow-wrap: anywhere;
    word-break: break-word;
  }
  .automation-response-preview__foot {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-color: color-mix(in srgb, rgb(14 165 233) 16%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(14 165 233) 16%, var(--color-border));
    }
    color: var(--color-subtle);
  }
  .automation-summary-badges {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .automation-muted-note {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
  }
  .automation-notice {
    margin-top: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .automation-notice:first-child {
    margin-top: calc(var(--spacing) * 0);
  }
  .automation-notice--warn {
    border-color: color-mix(in oklab, rgb(245 158 11) 34%, white);
    background-color: color-mix(in oklab, rgb(254 243 199) 76%, white);
    color: color-mix(in srgb, rgb(120 53 15) 88%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, rgb(120 53 15) 88%, var(--color-text));
    }
  }
  .automation-notice--danger {
    border-color: color-mix(in oklab, rgb(244 63 94) 30%, white);
    background-color: color-mix(in oklab, rgb(255 228 230) 72%, white);
    color: color-mix(in srgb, rgb(159 18 57) 88%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, rgb(159 18 57) 88%, var(--color-text));
    }
  }
  .automation-targets {
    margin-top: calc(var(--spacing) * 3);
    overflow: hidden;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--automation-accent) 18%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.68), rgb(255 255 255 / 0.44)), var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.68), rgb(255 255 255 / 0.44)), color-mix(in oklab, var(--automation-accent) 3%, white);
    }
  }
  .automation-targets__head {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--automation-accent) 14%, var(--color-border));
    }
    background-color: rgb(255 255 255 / 0.46);
  }
  .automation-targets__label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: var(--color-subtle);
  }
  .automation-targets__list {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    --tw-divide-color: var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-divide-color: color-mix(in oklab, var(--automation-accent) 12%, var(--color-border));
    }
  }
  .automation-targets__row {
    display: grid;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
    background-color: rgb(255 255 255 / 0.28);
  }
  .automation-targets__main {
    min-width: calc(var(--spacing) * 0);
  }
  .automation-targets__titleline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .automation-targets__title {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-targets__badges {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1);
  }
  .automation-targets__hint, .automation-targets__changed-label, .automation-targets__side {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .automation-targets__hint, .automation-targets__error {
    margin-top: calc(var(--spacing) * 1);
  }
  .automation-targets__error {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: rgb(190 18 60);
  }
  .automation-targets__changed {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1);
  }
  .automation-targets__changed-label {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .automation-targets__side {
    @media (width >= 48rem) {
      text-align: right;
    }
  }
  .automation-targets__services summary {
    cursor: pointer;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .automation-targets__services ul {
    margin-top: calc(var(--spacing) * 2);
    display: grid;
    gap: calc(var(--spacing) * 1);
    font-family: var(--font-mono);
  }
  .automation-targets__services li {
    overflow-wrap: anywhere;
  }
  .automation-targets__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-color: var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--automation-accent) 14%, var(--color-border));
    }
    color: var(--color-subtle);
  }
  .automation-empty {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--automation-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--automation-accent) 22%, var(--color-border));
    }
    background-color: rgb(255 255 255 / 0.38);
    color: var(--color-subtle);
  }
  .container-card {
    margin-inline: auto;
    width: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    max-width: min(94vw, 90rem);
    overflow: clip;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, #42444a);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, var(--color-brand-graphite));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.42)), linear-gradient(135deg, color-mix(in srgb, #526d89 7%, transparent), transparent 46%, color-mix(in srgb, #5b867d 6%, transparent)), color-mix(in srgb, oklch(0.987 0.006 96) 92%, #fbfaf6);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.42)), linear-gradient(135deg, color-mix(in oklab, var(--color-brand-steel) 7%, transparent), transparent 46%, color-mix(in oklab, var(--color-brand-sage) 6%, transparent)), color-mix(in oklab, var(--color-surface) 92%, var(--color-brand-paper));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 30px 90px -68px rgb(20 28 40 / 0.58);
  }
  .app-main {
    padding-top: clamp(0.78rem, 1vw, 1.08rem);
  }
  .app-disclaimer {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    text-align: center;
    font-size: 11px;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 40rem) {
      font-size: var(--text-xs);
      line-height: var(--tw-leading, var(--text-xs--line-height));
    }
    border-color: rgb(255 255 255 / 0.09);
    background: linear-gradient(90deg, color-mix(in srgb, #aea598 16%, transparent), transparent 42%, color-mix(in srgb, #526d89 18%, transparent)), linear-gradient(180deg, #60646c, #535861);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-brand-taupe) 16%, transparent), transparent 42%, color-mix(in oklab, var(--color-brand-steel) 18%, transparent)), linear-gradient(180deg, #60646c, #535861);
    }
    color: rgb(230 232 234);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), inset 0 -1px 0 rgb(0 0 0 / 0.2);
  }
  .app-disclaimer__label {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: rgb(255 255 255);
    letter-spacing: 0.01em;
  }
  .app-topbar {
    --app-brand-logo-width: 15.7rem;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: 0.88rem 1.08rem 0.96rem;
    border-bottom: 1px solid rgb(255 255 255 / 0.1);
    border-radius: 0 0 18px 18px;
    background: radial-gradient(44rem 16rem at 22% -7rem, rgb(255 255 255 / 0.16), transparent 58%), radial-gradient(36rem 15rem at 96% -6rem, rgb(172 162 150 / 0.26), transparent 62%), repeating-linear-gradient(135deg, rgb(255 255 255 / 0.035) 0 1px, transparent 1px 26px), linear-gradient(135deg, rgb(32 37 43), rgb(68 70 75) 55%, rgb(105 99 91)), var(--color-brand-graphite);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14), inset 0 -1px 0 rgb(0 0 0 / 0.28), 0 24px 54px -42px rgb(18 25 38 / 0.7);
  }
  .app-topbar::before {
    content: "";
    position: absolute;
    inset: 0.58rem auto 0.58rem 0;
    width: min(26rem, 30%);
    background: linear-gradient(135deg, rgb(255 255 255 / 0.1), transparent 52%), linear-gradient(90deg, rgb(172 162 150 / 0.22), transparent 72%);
    clip-path: polygon(0 0, 78% 0, 100% 100%, 0% 100%);
    opacity: 0.72;
    pointer-events: none;
  }
  .app-topbar::after {
    content: "";
    position: absolute;
    inset: auto 1.12rem 0;
    height: 2px;
    background: linear-gradient(90deg, transparent, rgb(172 162 150 / 0.72) 18%, rgb(214 211 204 / 0.46) 48%, rgb(82 109 134 / 0.35) 76%, transparent);
    opacity: 0.82;
    pointer-events: none;
  }
  .app-topbar__primary {
    display: grid;
    position: relative;
    z-index: 1;
    grid-template-columns: minmax(var(--app-brand-logo-width), calc(var(--app-brand-logo-width) + 0.7rem)) minmax(18rem, 1fr) max-content;
    align-items: center;
    gap: 0.7rem 1rem;
  }
  .app-topbar__brand {
    min-width: calc(var(--spacing) * 0);
  }
  .app-brand-link {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    border-radius: calc(var(--radius-md) + 4px);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    margin-left: -0.24rem;
    max-width: none;
    width: max-content;
    padding: 0;
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .app-brand-link:hover {
    background: transparent;
    filter: saturate(1.08) contrast(1.03);
    transform: translateY(-1px);
  }
  .app-brand-logo {
    display: block;
    flex: 0 0 auto;
    width: min(var(--app-brand-logo-width), 84vw);
    max-width: none;
    height: auto;
    transform: translateY(-0.22rem);
    filter: drop-shadow(0 1px 0 rgb(255 255 255 / 0.16)) drop-shadow(0 10px 16px rgb(0 0 0 / 0.28));
  }
  .app-operator-badge {
    position: fixed;
    z-index: 40;
    margin: calc(var(--spacing) * 0);
    display: grid;
    border-radius: calc(infinity * 1px);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    top: 1.54rem;
    left: max(0.72rem, env(safe-area-inset-left, 0px));
    grid-template-columns: 1.92rem max-content 1.76rem;
    grid-template-areas: "mark label settings" "mark name settings";
    column-gap: 0.64rem;
    row-gap: 0.06rem;
    width: max-content;
    min-width: 13.2rem;
    max-width: min(23rem, max(13.2rem, calc((100vw - min(94vw, 90rem)) / 2 - 0.9rem)));
    min-height: 2.96rem;
    padding: 0.46rem 0.72rem 0.5rem 0.48rem;
    border: 1px solid rgb(255 255 255 / 0.16);
    background: radial-gradient(circle at 14% 12%, rgb(255 255 255 / 0.18), transparent 36%), linear-gradient(135deg, rgb(38 43 49 / 0.94), rgb(70 73 80 / 0.9) 58%, rgb(119 111 99 / 0.86)), var(--color-brand-graphite);
    color: rgb(244 241 235);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), inset 0 0 0 1px rgb(255 255 255 / 0.04), 0 16px 36px -28px rgb(18 25 38 / 0.56);
  }
  .app-operator-badge[href] {
    cursor: pointer;
    text-decoration: none;
    transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease, transform 150ms ease;
  }
  .app-operator-badge[href]:hover {
    border-color: rgb(214 211 204 / 0.34);
    background: radial-gradient(circle at 14% 12%, rgb(255 255 255 / 0.22), transparent 38%), linear-gradient(135deg, rgb(34 39 45 / 0.96), rgb(76 79 87 / 0.92) 58%, rgb(133 124 110 / 0.88)), var(--color-brand-graphite);
    transform: translateY(-1px);
  }
  .app-operator-badge[href]:focus-visible {
    outline: 2px solid color-mix(in srgb, oklch(0.540 0.073 236) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in oklab, var(--color-accent) 58%, transparent);
    }
    outline-offset: 3px;
  }
  .app-operator-badge__role {
    grid-area: mark;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.66rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold);
    text-transform: uppercase;
    align-self: center;
    width: 1.92rem;
    height: 1.92rem;
    border-radius: 999px;
    background: linear-gradient( 135deg, color-mix(in srgb, #526d89 68%, rgb(71 85 105)), color-mix(in srgb, #5b867d 42%, rgb(71 85 105)) ), var(--color-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 135deg, color-mix(in oklab, var(--color-brand-steel) 68%, rgb(71 85 105)), color-mix(in oklab, var(--color-brand-sage) 42%, rgb(71 85 105)) ), var(--color-accent);
    }
    color: white;
    letter-spacing: 0;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.24), inset 0 0 0 1px rgb(255 255 255 / 0.16), 0 10px 20px -15px color-mix(in srgb, oklch(0.540 0.073 236) 54%, rgb(30 51 84));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.24), inset 0 0 0 1px rgb(255 255 255 / 0.16), 0 10px 20px -15px color-mix(in oklab, var(--color-accent) 54%, rgb(30 51 84));
    }
  }
  .app-operator-badge__label {
    min-width: calc(var(--spacing) * 0);
    align-self: flex-end;
    font-size: 0.58rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    grid-area: label;
    letter-spacing: 0;
    color: rgb(214 211 204 / 0.8);
  }
  .app-operator-badge__name {
    min-width: calc(var(--spacing) * 0);
    font-size: 0.84rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    grid-area: name;
    overflow: visible;
    color: rgb(255 255 255 / 0.96);
    text-overflow: clip;
    white-space: normal;
  }
  .app-operator-badge__settings {
    grid-area: settings;
    display: inline-flex;
    align-self: center;
    justify-self: end;
    align-items: center;
    justify-content: center;
    width: 1.72rem;
    height: 1.72rem;
    border: 1px solid rgb(255 255 255 / 0.14);
    border-radius: 999px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.14), rgb(255 255 255 / 0.06));
    color: rgb(244 241 235 / 0.86);
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.72), 0 8px 18px -16px rgb(30 51 84 / 0.54);
    transition: border-color 150ms ease, color 150ms ease, background 150ms ease, transform 150ms ease;
  }
  .app-operator-badge[href]:hover .app-operator-badge__settings, .app-operator-badge__settings:hover {
    border-color: rgb(214 211 204 / 0.36);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.2), rgb(255 255 255 / 0.08));
    color: white;
  }
  .app-operator-badge__settings:focus-visible {
    outline: 2px solid color-mix(in srgb, oklch(0.540 0.073 236) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in oklab, var(--color-accent) 58%, transparent);
    }
    outline-offset: 2px;
  }
  @media (max-width: 112.5rem) {
    .app-topbar__brand {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      gap: 0.18rem;
    }
    .app-operator-badge {
      position: static;
      display: inline-flex;
      width: auto;
      max-width: 100%;
      align-items: center;
      gap: calc(var(--spacing) * 1.5);
      border-radius: calc(infinity * 1px);
      min-width: 0;
      width: max-content;
      margin-left: 0.02rem;
      margin-top: -0.32rem;
      min-height: 1.45rem;
      padding: 0.22rem 0.5rem;
      border: 1px solid rgb(255 255 255 / 0.16);
      background: linear-gradient(135deg, rgb(38 43 49 / 0.88), rgb(78 80 86 / 0.74) 58%, rgb(119 111 99 / 0.68));
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 10px 22px -22px rgb(30 51 84 / 0.44);
      overflow: visible;
      white-space: normal;
    }
    .app-operator-badge__role {
      font-size: 0.58rem;
      width: 1.28rem;
      height: 1.28rem;
    }
    .app-operator-badge__label::after {
      content: "";
      display: inline-block;
      width: 1px;
      height: 0.72rem;
      margin-left: 0.42rem;
      vertical-align: -0.08rem;
      background: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in oklab, var(--color-border) 72%, transparent);
      }
    }
    .app-operator-badge__settings {
      width: 1.38rem;
      height: 1.38rem;
      margin-left: 0.06rem;
    }
    .app-operator-badge__settings svg {
      width: 0.86rem;
      height: 0.86rem;
    }
  }
  .app-topbar__search, .app-topbar__spacer {
    min-width: 0;
  }
  .app-search-shell {
    position: relative;
    width: 100%;
    max-width: none;
  }
  .app-search-input {
    width: 100%;
    padding-right: calc(var(--spacing) * 11);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    height: 2.78rem;
    border-radius: 999px;
    border-color: rgb(255 255 255 / 0.2);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.16), rgb(255 255 255 / 0.08)), linear-gradient(90deg, rgb(172 162 150 / 0.12), transparent 76%), rgb(255 255 255 / 0.08);
    color: rgb(250 250 249);
    font-weight: 560;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18), inset 0 0 0 1px rgb(255 255 255 / 0.04), 0 20px 44px -34px rgb(0 0 0 / 0.72);
  }
  .app-search-input::placeholder {
    color: rgb(244 241 235 / 0.72);
    opacity: 1;
  }
  .app-search-input:focus {
    border-color: rgb(214 211 204 / 0.58);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.2), rgb(255 255 255 / 0.1)), linear-gradient(90deg, rgb(172 162 150 / 0.18), transparent 76%), rgb(255 255 255 / 0.1);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.2), 0 0 0 3px rgb(214 211 204 / 0.16), 0 20px 44px -34px rgb(0 0 0 / 0.72);
  }
  .app-topbar__actions {
    margin-left: auto;
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    white-space: nowrap;
  }
  .app-topbar__actions .btn-primary, .app-topbar__actions .btn-muted, .app-topbar__actions .btn-danger {
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    min-height: 2.58rem;
    border: 1px solid rgb(255 255 255 / 0.14);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18), 0 16px 34px -28px rgb(0 0 0 / 0.72);
  }
  .app-topbar-action__icon {
    width: 1rem;
    height: 1rem;
    flex: 0 0 auto;
    opacity: 0.88;
  }
  .app-topbar__actions .btn-primary {
    border-color: rgb(214 211 204 / 0.3);
    background: radial-gradient(circle at 18% 12%, rgb(255 255 255 / 0.26), transparent 34%), linear-gradient(135deg, rgb(86 90 98), rgb(68 70 75) 58%, rgb(124 118 109));
    color: rgb(255 255 255);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.22), 0 16px 34px -24px rgb(0 0 0 / 0.76);
  }
  .app-topbar__actions .btn-primary:hover {
    background: radial-gradient(circle at 18% 12%, rgb(255 255 255 / 0.32), transparent 35%), linear-gradient(135deg, rgb(60 64 70), rgb(78 82 90) 58%, rgb(139 131 119));
    transform: translateY(-1px);
  }
  .app-topbar__actions .btn-muted {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.14), rgb(255 255 255 / 0.06)), linear-gradient(90deg, rgb(172 162 150 / 0.12), transparent 82%);
    color: rgb(247 245 240);
  }
  .app-topbar__actions > .btn-muted {
    border-color: rgb(120 157 182 / 0.34);
    background: radial-gradient(circle at 18% 12%, rgb(255 255 255 / 0.2), transparent 34%), linear-gradient(135deg, rgb(73 98 116 / 0.76), rgb(58 70 81 / 0.82) 58%, rgb(75 78 83 / 0.78));
    color: rgb(245 249 250);
  }
  .app-topbar__actions .btn-muted:hover {
    filter: none;
    border-color: rgb(214 211 204 / 0.36);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.2), rgb(255 255 255 / 0.08)), linear-gradient(90deg, rgb(172 162 150 / 0.16), transparent 82%);
    transform: translateY(-1px);
  }
  .app-topbar__actions > .btn-muted:hover {
    border-color: rgb(154 184 202 / 0.48);
    background: radial-gradient(circle at 18% 12%, rgb(255 255 255 / 0.24), transparent 35%), linear-gradient(135deg, rgb(68 111 137 / 0.82), rgb(62 76 88 / 0.88) 58%, rgb(86 89 95 / 0.82));
  }
  .app-topbar__actions .btn-danger {
    border-color: rgb(244 63 94 / 0.48);
    background: radial-gradient(circle at 18% 12%, rgb(255 255 255 / 0.2), transparent 34%), linear-gradient(135deg, rgb(225 29 72), rgb(190 18 60));
    color: white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18), 0 16px 34px -24px rgb(190 18 60 / 0.72);
  }
  .app-topbar__actions .btn-danger:hover {
    background: radial-gradient(circle at 18% 12%, rgb(255 255 255 / 0.24), transparent 34%), linear-gradient(135deg, rgb(206 22 64), rgb(166 14 52));
    transform: translateY(-1px);
  }
  .dashboard-workspace {
    position: relative;
    isolation: isolate;
    display: grid;
    --dashboard-ink: rgb(68 70 75);
    --dashboard-ink-2: rgb(82 86 94);
    --dashboard-taupe: rgb(172 162 150);
    --dashboard-taupe-2: rgb(139 132 122);
    --dashboard-steel: rgb(112 119 130);
    --dashboard-paper: rgb(251 250 246);
    --dashboard-mint: rgb(214 211 204);
    --dashboard-amber: rgb(172 162 150);
    --dashboard-sage: rgb(124 118 109);
    gap: 1rem;
    padding: 0.55rem 0 1.35rem;
    font-family: var(--font-sans);
    font-feature-settings: "cv02" 1, "cv03" 1, "cv04" 1, "tnum" 1;
    text-rendering: geometricPrecision;
  }
  .dashboard-workspace::before {
    content: "";
    position: absolute;
    inset: 0 -0.92rem auto;
    z-index: -2;
    display: block;
    height: min(18rem, 42vh);
    border-radius: 24px;
    background: linear-gradient(135deg, rgb(68 70 75 / 0.045), transparent 54%), linear-gradient(180deg, var(--dashboard-paper), transparent 82%), repeating-linear-gradient(135deg, rgb(172 162 150 / 0.065) 0 1px, transparent 1px 26px);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, rgb(68 70 75 / 0.045), transparent 54%), linear-gradient(180deg, color-mix(in oklab, var(--dashboard-paper) 58%, white), transparent 82%), repeating-linear-gradient(135deg, rgb(172 162 150 / 0.065) 0 1px, transparent 1px 26px);
    }
    mask-image: linear-gradient(180deg, black 0%, rgb(0 0 0 / 0.68) 60%, transparent 100%);
    pointer-events: none;
  }
  .dashboard-command {
    position: relative;
    display: grid;
    align-items: stretch;
    gap: calc(var(--spacing) * 4);
    overflow: hidden;
    grid-template-columns: minmax(0, 1fr) auto;
    min-height: 8.25rem;
    isolation: isolate;
    border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 52%, white);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--color-border) 52%, white);
    }
    border-radius: 24px;
    padding: 0.86rem;
    background: linear-gradient(135deg, rgb(255 255 255 / 0.92), rgb(250 249 246 / 0.78) 58%, rgb(255 255 255 / 0.82)), var(--dashboard-paper);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, rgb(255 255 255 / 0.92), rgb(250 249 246 / 0.78) 58%, rgb(255 255 255 / 0.82)), color-mix(in oklab, var(--dashboard-paper) 56%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 28px 80px -64px rgb(30 51 84 / 0.62);
  }
  .dashboard-command::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    z-index: 0;
    display: block;
    width: min(34rem, 41%);
    background: linear-gradient(135deg, rgb(68 70 75), rgb(82 86 94) 58%, rgb(124 118 109)), rgb(68 70 75);
    clip-path: polygon(0 0, 86% 0, 96% 100%, 0% 100%);
  }
  .dashboard-command::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    z-index: 3;
    height: 2px;
    background: linear-gradient( 90deg, rgb(172 162 150 / 0.86), rgb(214 211 204 / 0.72) 38%, rgb(112 119 130 / 0.5) 68%, transparent );
    opacity: 0.72;
    pointer-events: none;
  }
  .dashboard-command__main {
    position: relative;
    z-index: 2;
    display: grid;
    min-width: calc(var(--spacing) * 0);
    align-items: stretch;
    gap: calc(var(--spacing) * 4);
    grid-template-columns: minmax(16rem, 1fr) minmax(18rem, 0.78fr);
  }
  .dashboard-command__copy {
    display: grid;
    min-width: calc(var(--spacing) * 0);
    align-content: center;
    gap: calc(var(--spacing) * 2);
    padding: 0.72rem 0.6rem 0.72rem 0.78rem;
  }
  .dashboard-command__eyebrow {
    position: relative;
    margin: calc(var(--spacing) * 0);
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 0);
    --tw-leading: 1;
    line-height: 1;
    width: fit-content;
    color: rgb(244 248 250 / 0.9);
    font-size: 0.82rem;
    font-weight: 760;
    letter-spacing: 0;
    text-transform: uppercase;
    background: transparent;
    box-shadow: none;
  }
  .dashboard-command__eyebrow::after {
    content: "";
    position: absolute;
    bottom: -0.72rem;
    left: 0;
    width: 4.9rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient( 90deg, rgb(172 162 150 / 0.92), rgb(172 162 150 / 0.16) );
    opacity: 0.92;
  }
  .dashboard-command__pulse {
    display: inline-block;
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background: rgb(214 211 204);
    box-shadow: 0 0 0 4px rgb(172 162 150 / 0.16), 0 0 18px rgb(172 162 150 / 0.58);
  }
  .dashboard-command__year {
    position: relative;
    font-size: 0.92em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    margin-left: 0.16rem;
    padding-left: 0.7rem;
    color: rgb(244 248 250 / 0.62);
  }
  .dashboard-command__year::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 1px;
    height: 0.88em;
    transform: translateY(-50%);
    background: color-mix(in srgb, oklch(0.842 0.018 228) 72%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-border) 72%, var(--color-subtle));
    }
  }
  .dashboard-command__subtitle {
    margin: calc(var(--spacing) * 0);
    max-width: var(--container-2xl);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: white;
    font-size: 2.05rem;
    line-height: 0.98;
    letter-spacing: 0;
    text-wrap: balance;
  }
  .dashboard-command__overview {
    display: grid;
    min-width: calc(var(--spacing) * 0);
    align-items: stretch;
    gap: calc(var(--spacing) * 2.5);
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-self: center;
    padding: 0.5rem;
    border: 1px solid var(--dashboard-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--dashboard-taupe) 26%, white);
    }
    border-radius: 18px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(250 249 246 / 0.76)), linear-gradient(90deg, rgb(172 162 150 / 0.16), transparent 64%), var(--dashboard-paper);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(250 249 246 / 0.76)), linear-gradient(90deg, rgb(172 162 150 / 0.16), transparent 64%), color-mix(in oklab, var(--dashboard-paper) 24%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), inset 0 0 0 1px rgb(255 255 255 / 0.42), 0 16px 36px -34px rgb(68 70 75 / 0.48);
  }
  .dashboard-command__stat {
    position: relative;
    display: grid;
    min-width: calc(var(--spacing) * 0);
    align-content: center;
    border-radius: 14px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    min-height: 4.6rem;
    border: 1px solid var(--dashboard-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--dashboard-taupe) 18%, white);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(249 248 245 / 0.86)), var(--dashboard-paper);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(249 248 245 / 0.86)), color-mix(in oklab, var(--dashboard-paper) 36%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 11px 24px -24px rgb(68 70 75 / 0.4);
  }
  .dashboard-command__stat::before {
    content: "";
    position: absolute;
    top: 0.64rem;
    right: 0.74rem;
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: var(--dashboard-steel);
    opacity: 0.68;
    box-shadow: 0 0 0 3px var(--dashboard-steel);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in oklab, var(--dashboard-steel) 10%, transparent);
    }
  }
  .dashboard-command__stat--active::before {
    background: #059669;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, #059669 62%, var(--dashboard-taupe));
    }
  }
  .dashboard-command__stat--new::before {
    background: #d97706;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, #d97706 58%, var(--dashboard-taupe));
    }
  }
  .dashboard-command__stat-value {
    color: color-mix(in srgb, oklch(0.285 0.014 245) 92%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 92%, black);
    }
    font-size: 1.62rem;
    font-weight: 760;
    line-height: 1;
    letter-spacing: 0;
  }
  .dashboard-command__stat-label {
    margin-top: calc(var(--spacing) * 1.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 68%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 68%, var(--color-text));
    }
    letter-spacing: 0;
  }
  .dashboard-toolbar {
    position: relative;
    z-index: 2;
    display: grid;
    align-items: stretch;
    gap: calc(var(--spacing) * 2);
    grid-template-columns: minmax(9.5rem, 1fr);
    align-content: center;
    align-self: stretch;
    justify-self: end;
    min-width: 11.75rem;
    margin-top: 0;
  }
  .dashboard-action {
    display: inline-flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: 13px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: 3rem;
    border: 1px solid var(--dashboard-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--dashboard-taupe) 28%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(246 245 242 / 0.72)), linear-gradient(90deg, var(--dashboard-taupe), transparent 78%);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(246 245 242 / 0.72)), linear-gradient(90deg, color-mix(in oklab, var(--dashboard-taupe) 16%, transparent), transparent 78%);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 90%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 90%, black);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.8), 0 14px 30px -27px rgb(68 70 75 / 0.5);
  }
  .dashboard-action::before {
    content: "";
    position: absolute;
    inset: 1px;
    z-index: -1;
    border-radius: 12px;
    background: linear-gradient(135deg, rgb(255 255 255 / 0.32), transparent 48%), linear-gradient(135deg, rgb(255 255 255 / 0.24), transparent 58%);
    opacity: 0.9;
    pointer-events: none;
  }
  .dashboard-action:hover {
    border-color: var(--dashboard-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--dashboard-taupe) 42%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.95), rgb(247 250 252 / 0.76));
    color: var(--color-text);
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 18px 38px -30px rgb(68 70 75 / 0.58);
  }
  .dashboard-action:active {
    transform: translateY(0);
  }
  .dashboard-action__icon {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
    box-sizing: content-box;
    border-radius: 9px;
    padding: 0.34rem;
    color: var(--dashboard-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--dashboard-ink) 78%, var(--color-text));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.24)), var(--dashboard-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.24)), color-mix(in oklab, var(--dashboard-taupe) 18%, transparent);
    }
  }
  .dashboard-action--primary {
    border-color: var(--dashboard-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--dashboard-taupe) 44%, rgb(68 70 75));
    }
    background: linear-gradient(135deg, rgb(68 70 75), rgb(82 86 94) 58%, rgb(124 118 109));
    color: white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.24), 0 20px 42px -31px rgb(68 70 75 / 0.78);
  }
  .dashboard-action--primary::before {
    background: linear-gradient(135deg, rgb(255 255 255 / 0.18), transparent 48%), radial-gradient(circle at 16% 0%, rgb(255 255 255 / 0.12), transparent 42%), radial-gradient(circle at 92% 78%, rgb(172 162 150 / 0.18), transparent 38%);
  }
  .dashboard-action--primary:hover {
    border-color: rgb(172 162 150 / 0.62);
    background: linear-gradient(135deg, rgb(54 56 61), rgb(76 80 88) 58%, rgb(139 131 119));
    color: white;
  }
  .dashboard-action--primary .dashboard-action__icon {
    color: white;
    background: rgb(255 255 255 / 0.16);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.15);
  }
  .dashboard-action__badge, .dashboard-action .badge {
    display: inline-flex;
    height: calc(var(--spacing) * 5);
    min-width: calc(var(--spacing) * 5);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.42);
  }
  .dashboard-action__badge--danger, .dashboard-action .badge-danger {
    background: color-mix(in oklab, #fecdd3 72%, white);
    color: #be123c;
  }
  .dashboard-action__badge--info, .dashboard-action .badge-info {
    background: color-mix(in srgb, oklch(0.540 0.073 236) 16%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-accent) 16%, white);
    }
    color: var(--color-accent-700);
  }
  .dashboard-scheduled-updates-launcher {
    position: fixed;
    top: 1rem;
    right: 1rem;
    z-index: 40;
  }
  .dashboard-scheduled-updates-launcher--inline {
    position: static;
    width: 100%;
    z-index: auto;
  }
  dialog.dashboard-admin-dialog {
    width: 100vw;
    max-width: none;
    height: 100dvh;
    max-height: none;
    margin: 0;
    border: 0;
    background: transparent;
    color: inherit;
  }
  dialog.dashboard-admin-dialog[open] {
    display: grid;
    place-items: start end;
    overflow: visible;
    padding: 4.85rem max(0.85rem, env(safe-area-inset-right)) 1rem 1rem;
  }
  dialog.dashboard-admin-dialog::backdrop {
    background: radial-gradient(circle at calc(100% - 4rem) 3rem, rgb(172 162 150 / 0.16), transparent 16rem), rgb(15 23 42 / 0.2);
    backdrop-filter: blur(5px);
  }
  .dashboard-admin-panel {
    width: min(23.75rem, calc(100vw - 2rem));
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / 0.18);
    border-radius: 18px;
    background: radial-gradient(circle at 18% 0%, rgb(172 162 150 / 0.14), transparent 36%), linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(250 249 246 / 0.92)), color-mix(in srgb, #fbfaf6 86%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(circle at 18% 0%, rgb(172 162 150 / 0.14), transparent 36%), linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(250 249 246 / 0.92)), color-mix(in oklab, var(--color-brand-paper) 86%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 34px 92px -48px rgb(15 23 42 / 0.6);
    backdrop-filter: blur(18px) saturate(1.12);
    animation: dashboard-admin-panel-in 150ms ease-out;
  }
  @keyframes dashboard-admin-panel-in {
    from {
      opacity: 0;
      transform: translateY(-0.4rem) scale(0.985);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  .dashboard-admin-panel__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3.5);
    border-color: rgb(255 255 255 / 0.12);
    background: radial-gradient(circle at 0% 0%, rgb(255 255 255 / 0.16), transparent 40%), linear-gradient(135deg, rgb(68 70 75), rgb(82 86 94) 56%, rgb(124 118 109)), rgb(68 70 75);
    color: white;
  }
  .dashboard-admin-panel__title-group {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .dashboard-admin-panel__title-group h2 {
    margin: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0;
  }
  .dashboard-admin-panel__mark {
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: rgb(172 162 150 / 0.32);
    background: conic-gradient(from 210deg, rgb(172 162 150 / 0.18), rgb(214 211 204 / 0.18), rgb(112 119 130 / 0.18), rgb(172 162 150 / 0.18)), rgb(255 255 255 / 0.08);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.2), 0 10px 22px -14px rgb(68 70 75 / 0.72);
  }
  .dashboard-admin-panel__mark svg {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .dashboard-admin-panel__close {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: rgb(255 255 255 / 0.2);
    background: rgb(255 255 255 / 0.1);
    color: white;
  }
  .dashboard-admin-panel__close:hover {
    background: rgb(255 255 255 / 0.18);
  }
  .dashboard-admin-menu {
    display: grid;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 3);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.62), rgb(255 255 255 / 0.24));
  }
  .dashboard-admin-item {
    display: grid;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: 12px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 3.18rem;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, white);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(248 247 244 / 0.8)), color-mix(in srgb, #fbfaf6 42%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(248 247 244 / 0.8)), color-mix(in oklab, var(--color-brand-paper) 42%, white);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 92%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 92%, black);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78), 0 14px 30px -28px rgb(30 51 84 / 0.56);
  }
  .dashboard-admin-item:hover {
    border-color: color-mix(in srgb, #aea598 42%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-brand-taupe) 42%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(249 247 243 / 0.88)), color-mix(in srgb, #fbfaf6 56%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(249 247 243 / 0.88)), color-mix(in oklab, var(--color-brand-paper) 56%, white);
    }
    transform: translateY(-1px);
  }
  .dashboard-admin-item:active {
    transform: translateY(0);
  }
  .dashboard-admin-item__icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    box-sizing: content-box;
    border-radius: 10px;
    padding: 0.36rem;
    color: color-mix(in srgb, #42444a 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-brand-graphite) 78%, var(--color-text));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.28)), color-mix(in srgb, #aea598 16%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.28)), color-mix(in oklab, var(--color-brand-taupe) 16%, transparent);
    }
    box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.42);
  }
  .dashboard-admin-item .badge {
    justify-self: end;
  }
  .dashboard-admin-item.is-disabled, .dashboard-admin-item:disabled {
    cursor: not-allowed;
    opacity: 0.52;
    transform: none;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.72);
  }
  .dashboard-scheduled-updates-launcher--inline .dashboard-admin-item {
    width: 100%;
  }
  .dashboard-action.is-disabled, .dashboard-action:disabled {
    cursor: not-allowed;
    opacity: 0.54;
    transform: none;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.7);
  }
  .dashboard-attention {
    position: relative;
    isolation: isolate;
    display: grid;
    overflow: hidden;
    gap: 0.72rem;
    padding: 0.82rem;
    border: 1px solid var(--dashboard-steel);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--dashboard-steel) 28%, white);
    }
    border-radius: 24px;
    background: radial-gradient(32rem 14rem at 3% 0%, rgb(255 255 255 / 0.13), transparent 62%), radial-gradient(24rem 12rem at 100% 100%, rgb(172 162 150 / 0.22), transparent 70%), linear-gradient(120deg, rgb(60 65 72 / 0.96), rgb(92 88 81 / 0.92) 58%, rgb(124 118 109 / 0.88));
    color: rgb(250 248 242);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 22px 58px -48px rgb(22 31 40 / 0.72);
  }
  .dashboard-attention::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient( 90deg, rgb(245 234 196 / 0.08), rgb(245 234 196 / 0.72) 24%, rgb(180 218 212 / 0.52) 62%, transparent );
    pointer-events: none;
  }
  .dashboard-attention__header {
    position: relative;
    z-index: 1;
    display: grid;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 3);
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .dashboard-attention__mark {
    display: grid;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    place-items: center;
    border-radius: var(--radius-2xl);
    border: 1px solid rgb(255 255 255 / 0.22);
    background: radial-gradient(circle at 35% 22%, rgb(255 255 255 / 0.34), transparent 36%), linear-gradient(135deg, rgb(194 182 150 / 0.32), rgb(143 178 171 / 0.2));
    color: rgb(246 241 218);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.2), 0 14px 28px -24px rgb(0 0 0 / 0.72);
  }
  .dashboard-attention__mark svg {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
  }
  .dashboard-attention__copy {
    min-width: calc(var(--spacing) * 0);
  }
  .dashboard-attention__eyebrow {
    margin: 0 0 0.18rem;
    color: rgb(246 241 218 / 0.68);
    font-size: 0.68rem;
    font-weight: 780;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
  }
  .dashboard-attention__copy h2 {
    margin: 0;
    color: rgb(255 252 246);
    font-size: 1.05rem;
    font-weight: 760;
    letter-spacing: 0;
    line-height: 1.08;
  }
  .dashboard-attention__copy p {
    margin: 0.24rem 0 0;
    max-width: 56rem;
    color: rgb(250 248 242 / 0.72);
    font-size: 0.82rem;
    font-weight: 530;
    line-height: 1.32;
  }
  .dashboard-attention__meter {
    display: grid;
    place-items: center;
    border-radius: var(--radius-2xl);
    text-align: center;
    min-width: 5.7rem;
    padding: 0.58rem 0.8rem;
    border: 1px solid rgb(255 255 255 / 0.18);
    background: rgb(255 255 255 / 0.1);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14);
  }
  .dashboard-attention__meter strong {
    color: rgb(255 247 202);
    font-size: 1.44rem;
    font-weight: 780;
    line-height: 1;
  }
  .dashboard-attention__meter span {
    margin-top: 0.18rem;
    color: rgb(250 248 242 / 0.66);
    font-size: 0.66rem;
    font-weight: 720;
    line-height: 1;
    text-transform: uppercase;
  }
  .dashboard-attention__stats {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .dashboard-attention__stats span {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    padding: 0.28rem 0.56rem;
    border: 1px solid rgb(255 255 255 / 0.16);
    background: rgb(255 255 255 / 0.09);
    color: rgb(250 248 242 / 0.68);
    font-size: 0.72rem;
    font-weight: 650;
    line-height: 1;
  }
  .dashboard-attention__stats strong {
    color: rgb(255 247 202);
    font-weight: 800;
  }
  .dashboard-attention__list {
    position: relative;
    z-index: 1;
    display: grid;
    min-width: calc(var(--spacing) * 0);
    gap: calc(var(--spacing) * 2);
    grid-template-columns: repeat(auto-fit, minmax(min(22rem, 100%), 1fr));
  }
  .dashboard-attention-item {
    display: grid;
    min-width: calc(var(--spacing) * 0);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    grid-template-columns: auto minmax(0, 1fr) auto auto;
    min-height: 4.35rem;
    padding: 0.62rem 0.64rem 0.62rem 0.68rem;
    border: 1px solid rgb(255 255 255 / 0.18);
    border-radius: 17px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.95), rgb(250 249 246 / 0.78)), var(--dashboard-paper);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.95), rgb(250 249 246 / 0.78)), color-mix(in oklab, var(--dashboard-paper) 54%, white);
    }
    color: var(--color-text);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 14px 28px -27px rgb(0 0 0 / 0.68);
  }
  .dashboard-attention-item:hover {
    transform: translateY(-1px);
    border-color: var(--attention-accent, var(--dashboard-steel));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--attention-accent, var(--dashboard-steel)) 30%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 18px 36px -28px var(--attention-accent, var(--dashboard-steel));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 18px 36px -28px color-mix(in oklab, var(--attention-accent, var(--dashboard-steel)) 42%, rgb(20 28 36));
    }
  }
  .dashboard-attention-item:focus-visible {
    outline: 2px solid rgb(255 247 202 / 0.94);
    outline-offset: 3px;
  }
  .dashboard-attention-item--action {
    --attention-accent: rgb(55 107 132);
  }
  .dashboard-attention-item--problem {
    --attention-accent: rgb(185 89 108);
  }
  .dashboard-attention-item--worker_action {
    --attention-accent: rgb(91 139 128);
  }
  .dashboard-attention-item.is-due {
    --attention-accent: rgb(217 119 6);
  }
  .dashboard-attention-item__badge {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    min-width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding: 0 0.46rem;
    background: var(--attention-accent, var(--dashboard-steel));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--attention-accent, var(--dashboard-steel)) 14%, white);
    }
    color: var(--attention-accent, var(--dashboard-steel));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--attention-accent, var(--dashboard-steel)) 82%, black);
    }
    font-size: 0.66rem;
    font-weight: 820;
    letter-spacing: 0;
    line-height: 1;
    box-shadow: inset 0 0 0 1px var(--attention-accent, var(--dashboard-steel));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--attention-accent, var(--dashboard-steel)) 22%, white);
    }
  }
  .dashboard-attention-item__body, .dashboard-attention-item__top, .dashboard-attention-item__meta, .dashboard-attention-item__time {
    min-width: 0;
  }
  .dashboard-attention-item__body {
    display: grid;
    gap: calc(var(--spacing) * 1);
  }
  .dashboard-attention-item__top {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .dashboard-attention-item__top strong {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: color-mix(in srgb, oklch(0.285 0.014 245) 92%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 92%, black);
    }
    font-size: 0.86rem;
    font-weight: 760;
    line-height: 1.14;
  }
  .dashboard-attention-item__top > span {
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    padding: 0.16rem 0.42rem;
    border: 1px solid var(--attention-accent, var(--dashboard-steel));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--attention-accent, var(--dashboard-steel)) 18%, white);
    }
    color: var(--attention-accent, var(--dashboard-steel));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--attention-accent, var(--dashboard-steel)) 76%, var(--color-text));
    }
    font-size: 0.62rem;
    font-weight: 760;
    line-height: 1;
  }
  .dashboard-attention-item__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 2);
    row-gap: calc(var(--spacing) * 1);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 78%, var(--color-text));
    }
    font-size: 0.72rem;
    font-weight: 560;
    line-height: 1.18;
  }
  .dashboard-attention-item__meta span {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 18rem;
  }
  .dashboard-attention-item__time {
    display: grid;
    justify-items: end;
    gap: calc(var(--spacing) * 0.5);
    text-align: right;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 70%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 70%, var(--color-text));
    }
    font-size: 0.66rem;
    font-weight: 650;
    line-height: 1.1;
  }
  .dashboard-attention-item__time time, .dashboard-attention-item__time > span:last-child {
    color: oklch(0.285 0.014 245);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 74%, var(--attention-accent, var(--dashboard-steel)));
    }
    font-size: 0.72rem;
    font-weight: 720;
    white-space: nowrap;
  }
  .dashboard-attention-item__arrow {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    color: var(--attention-accent, var(--dashboard-steel));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--attention-accent, var(--dashboard-steel)) 70%, var(--color-subtle));
    }
  }
  .dashboard-attention__overflow {
    position: relative;
    z-index: 1;
    border-radius: var(--radius-2xl);
    text-align: center;
    padding: 0.42rem 0.64rem;
    border: 1px dashed rgb(255 255 255 / 0.2);
    color: rgb(250 248 242 / 0.68);
    font-size: 0.76rem;
    font-weight: 620;
  }
  @media (max-width: 56rem) {
    .dashboard-attention__header {
      grid-template-columns: auto minmax(0, 1fr);
    }
    .dashboard-attention__meter {
      grid-column: 1 / -1;
      grid-template-columns: auto auto;
      justify-content: start;
      min-width: 0;
      width: fit-content;
      gap: 0.42rem;
    }
    .dashboard-attention__meter span {
      margin-top: 0;
    }
  }
  @media (max-width: 40rem) {
    .dashboard-attention {
      padding: 0.62rem;
      border-radius: 18px;
    }
    .dashboard-attention__copy h2 {
      font-size: 0.96rem;
    }
    .dashboard-attention__copy p {
      font-size: 0.76rem;
    }
    .dashboard-attention__stats {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .dashboard-attention__stats span {
      justify-content: center;
      padding-inline: 0.28rem;
      font-size: 0.64rem;
    }
    .dashboard-attention-item {
      grid-template-columns: auto minmax(0, 1fr) auto;
      min-height: 4rem;
      gap: 0.55rem;
      border-radius: 14px;
    }
    .dashboard-attention-item__time {
      display: none;
    }
  }
  .dashboard-claims-zone {
    position: relative;
    overflow: visible;
    margin-top: 0.04rem;
    padding: 0.82rem 0.82rem 0.95rem;
    border: 1px solid var(--dashboard-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--dashboard-taupe) 22%, white);
    }
    border-radius: 24px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(250 249 246 / 0.58)), linear-gradient(135deg, rgb(172 162 150 / 0.08), transparent 56%), var(--dashboard-paper);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(250 249 246 / 0.58)), linear-gradient(135deg, rgb(172 162 150 / 0.08), transparent 56%), color-mix(in oklab, var(--dashboard-paper) 58%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84), 0 20px 54px -50px rgb(68 70 75 / 0.5);
  }
  .dashboard-claims-zone::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient( 90deg, var(--dashboard-taupe), var(--dashboard-taupe) 32%, var(--dashboard-steel) 64%, var(--dashboard-taupe) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 90deg, color-mix(in oklab, var(--dashboard-taupe) 8%, transparent), color-mix(in oklab, var(--dashboard-taupe) 34%, transparent) 32%, color-mix(in oklab, var(--dashboard-steel) 18%, transparent) 64%, color-mix(in oklab, var(--dashboard-taupe) 6%, transparent) );
    }
    pointer-events: none;
  }
  .app-language-switcher {
    position: relative;
    display: inline-flex;
    flex-shrink: 0;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    z-index: 20;
  }
  .app-language-switcher__trigger {
    display: inline-flex;
    height: 2.58rem;
    width: 5.95rem;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    list-style: none;
    border-color: rgb(214 211 204 / 0.26);
    background: radial-gradient(circle at 18% 12%, rgb(255 255 255 / 0.2), transparent 34%), linear-gradient(135deg, rgb(121 112 101 / 0.7), rgb(88 83 77 / 0.8) 58%, rgb(64 66 72 / 0.78));
    color: rgb(255 250 242);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18), 0 16px 34px -28px rgb(0 0 0 / 0.72);
  }
  .app-language-switcher__trigger::-webkit-details-marker {
    display: none;
  }
  .app-language-switcher__trigger:hover, .app-language-switcher[open] .app-language-switcher__trigger {
    border-color: rgb(230 225 217 / 0.42);
    background: radial-gradient(circle at 18% 12%, rgb(255 255 255 / 0.24), transparent 35%), linear-gradient(135deg, rgb(138 128 114 / 0.78), rgb(95 89 82 / 0.86) 58%, rgb(72 74 80 / 0.82));
    color: white;
    box-shadow: 0 16px 30px -24px rgb(0 0 0 / 0.74), inset 0 1px 0 rgb(255 255 255 / 0.2);
  }
  .app-language-switcher__icon, .app-language-switcher__chevron {
    display: inline-flex;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    color: rgb(255 250 242 / 0.86);
  }
  .app-language-switcher__chevron {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    color: rgb(255 250 242 / 0.72);
  }
  .app-language-switcher[open] .app-language-switcher__chevron {
    transform: rotate(180deg);
  }
  .app-language-switcher__current {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    align-items: center;
    justify-content: center;
  }
  .app-language-switcher__code {
    display: inline-flex;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    background: linear-gradient(135deg, rgb(255 255 255 / 0.26), rgb(255 255 255 / 0.12));
    color: white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18);
  }
  .app-language-switcher__name {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .app-language-switcher__menu {
    position: absolute;
    top: calc(100% + 0.5rem);
    right: calc(var(--spacing) * 0);
    display: grid;
    min-width: calc(var(--spacing) * 52);
    gap: calc(var(--spacing) * 1);
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 1.5);
    z-index: 24;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, rgb(120 128 140));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(248 250 252 / 0.96));
    box-shadow: 0 24px 48px -30px rgb(15 23 42 / 0.55), 0 6px 18px -12px rgb(15 23 42 / 0.3), inset 0 1px 0 rgb(255 255 255 / 0.86);
    transform-origin: top right;
    animation: app-language-menu-in 120ms ease-out;
    backdrop-filter: blur(14px);
  }
  .app-language-switcher:not([open]) .app-language-switcher__menu {
    display: none;
  }
  .app-language-switcher__option {
    display: grid;
    grid-template-columns: 2.4rem minmax(0,1fr) auto;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 88%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 88%, black);
    }
  }
  .app-language-switcher__option:hover {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 70%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 70%, white);
    }
  }
  .app-language-switcher__option.is-active {
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.540 0.073 236) 14%, white), rgb(255 255 255 / 0.86));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 14%, white), rgb(255 255 255 / 0.86));
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 26%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 26%, var(--color-border));
    }
  }
  .app-language-switcher__option.is-active::after {
    content: "";
    justify-self: end;
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: #10b981;
    box-shadow: 0 0 0 3px color-mix(in oklab, #10b981 15%, transparent);
  }
  .app-language-switcher__option-code {
    display: inline-flex;
    height: calc(var(--spacing) * 6);
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius-sm) - 2px);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: color-mix(in srgb, oklch(0.540 0.073 236) 76%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent) 76%, var(--color-text));
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 66%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 66%, white);
    }
  }
  .app-language-switcher__option.is-active .app-language-switcher__option-code {
    background: linear-gradient(180deg, rgb(91 116 151), rgb(75 98 129));
    color: white;
  }
  .app-language-switcher__option-name {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  @keyframes app-language-menu-in {
    from {
      opacity: 0;
      transform: translateY(-0.25rem) scale(0.985);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }
  @media (max-width: 64rem) {
    .dashboard-command {
      grid-template-columns: 1fr;
      align-items: stretch;
    }
    .dashboard-command::before {
      width: 100%;
      height: 58%;
      clip-path: polygon(0 0, 100% 0, 100% 78%, 0 100%);
    }
    .dashboard-command__main {
      grid-template-columns: 1fr;
    }
    .dashboard-command__overview {
      max-width: 100%;
    }
    .dashboard-toolbar {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      justify-self: stretch;
      min-width: 0;
    }
    .app-topbar__primary {
      grid-template-columns: minmax(14.25rem, 16rem) minmax(16rem, 1fr);
    }
    .app-topbar__actions {
      grid-column: 1 / -1;
      justify-content: flex-start;
      margin-left: 0;
      flex-wrap: wrap;
      white-space: normal;
    }
  }
  @media (max-width: 40rem) {
    .app-topbar {
      padding: 0.95rem;
    }
    .app-topbar__primary {
      grid-template-columns: 1fr;
      gap: 0.45rem;
    }
    .app-topbar__actions, .dashboard-toolbar {
      align-items: stretch;
    }
    .app-topbar__actions .btn-primary, .app-topbar__actions .btn-muted, .app-topbar__actions .btn-danger, .dashboard-action {
      flex: 1 1 auto;
    }
    .app-language-switcher {
      flex: 0 0 auto;
    }
    .app-language-switcher__trigger {
      height: 2.2rem;
      width: 5.2rem;
      padding-inline: 0.5rem;
    }
    .app-language-switcher__menu {
      position: fixed;
      top: 5.75rem;
      right: 0.75rem;
      left: auto;
      width: min(13rem, calc(100vw - 1.5rem));
    }
    .dashboard-command {
      min-height: 0;
      border-radius: 18px;
      padding: 0.64rem;
    }
    .dashboard-command::before {
      height: 52%;
    }
    .dashboard-command__copy {
      padding: 0.58rem 0.5rem 0.64rem;
    }
    .dashboard-command__overview {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.42rem;
      padding: 0.34rem;
      border-radius: 13px;
    }
    .dashboard-command__stat {
      min-height: 3.5rem;
      border-radius: 10px;
      padding: 0.56rem 0.62rem;
    }
    .dashboard-command__stat-value {
      font-size: 1.18rem;
    }
    .dashboard-command__stat-label {
      font-size: 0.62rem;
    }
    .dashboard-toolbar {
      justify-content: stretch;
    }
    dialog.dashboard-admin-dialog[open] {
      place-items: start stretch;
      padding: 4.45rem 0.75rem 0.75rem;
    }
    .dashboard-admin-panel {
      width: 100%;
    }
  }
  .page-title {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .link-subtle {
    border-radius: var(--radius-sm);
    color: var(--color-text);
    text-decoration-line: underline;
    text-underline-offset: 2px;
    &:hover {
      @media (hover: hover) {
        color: var(--color-accent);
      }
    }
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    text-decoration-color: var(--color-accent);
  }
}
@layer components {
  .kpi-card:hover {
    filter: brightness(0.98);
  }
  .kpi-card.active {
    box-shadow: var(--shadow-elev);
    outline: 2px solid var(--color-accent);
    outline-offset: 0;
  }
  .kpi-card.active[data-status-filter="finished"] {
    border-color: var(--color-emerald-200);
    background-color: var(--color-emerald-50);
  }
  .kpi-card.active[data-status-filter="in_progress"] {
    border-color: var(--color-amber-200);
    background-color: var(--color-amber-50);
  }
  .kpi-card.active[data-status-filter="stagnant"] {
    border-color: var(--color-red-200);
    background-color: var(--color-red-50);
  }
  .kpi-card.active[data-status-filter="unprocessable"] {
    border-color: var(--color-slate-300);
    background-color: var(--color-slate-100);
  }
  .kpi-card.active[data-filter="has_action"] {
    border-color: var(--color-sky-200);
    background-color: var(--color-sky-50);
  }
  .kpi-card[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 75%;
  }
  .app-page-workspace {
    margin-inline: auto;
    width: 100%;
  }
  .app-metric-card {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--color-border);
  }
  .chip {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-color: var(--color-border);
  }
  .chip button {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-muted);
      }
    }
  }
  .app-page-workspace {
    min-width: 0;
  }
  @media (min-width: 1181px) {
    body:has(.app-page-workspace) {
      background: #f7faf9;
      color: #102033;
    }
    body:has(.app-page-workspace) > .local-db-badge, body:has(.app-page-workspace) .app-disclaimer-shell {
      display: none !important;
    }
    body:has(.app-page-workspace) .app-shell {
      min-height: 100vh;
      padding: 0 !important;
      background: linear-gradient(180deg, #ffffff 0, #f7faf9 15rem), #f7faf9;
    }
    body:has(.app-page-workspace) .container-card {
      width: 100%;
      max-width: none;
      min-height: 100vh;
      margin: 0;
      overflow: visible;
      border: 0;
      border-radius: 0;
      background: transparent;
      box-shadow: none;
    }
    body:has(.app-page-workspace) .app-topbar {
      --app-brand-logo-width: 8.45rem;
      position: sticky;
      top: 0;
      z-index: 80;
      min-height: 60px;
      padding: 0;
      overflow: visible;
      border: 0;
      border-radius: 0;
      background: linear-gradient(180deg, #06101e, #071321);
      box-shadow: 0 1px 0 rgb(255 255 255 / 0.06), 0 12px 28px -24px rgb(2 9 18 / 0.82);
    }
    body:has(.app-page-workspace) .app-topbar::before, body:has(.app-page-workspace) .app-topbar::after {
      display: none;
    }
    body:has(.app-page-workspace) .app-topbar__primary {
      display: grid;
      grid-template-columns: minmax(9rem, 13.5rem) minmax(16rem, 25rem) max-content;
      align-items: center;
      gap: 1.35rem;
      width: 100%;
      min-height: 60px;
      max-width: min(94vw, 90rem);
      margin: 0 auto;
      padding: 0 1rem;
    }
    body:has(.app-page-workspace) .app-topbar__brand {
      display: block;
      min-width: 0;
    }
    body:has(.app-page-workspace) .app-brand-link {
      width: auto;
      height: auto;
      margin: 0;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
    }
    body:has(.app-page-workspace) .app-brand-logo {
      width: min(8.45rem, 100%);
      max-height: 46px;
      transform: none;
    }
    body:has(.app-page-workspace) .app-operator-badge {
      display: none;
    }
    body:has(.app-page-workspace) .app-topbar__search {
      justify-self: center;
      width: 100%;
      max-width: 25rem;
      min-width: 0;
    }
    body:has(.app-page-workspace) .app-search-input {
      height: 30px;
      min-height: 30px;
      border-radius: 999px;
      font-size: 11px;
    }
    body:has(.app-page-workspace) .app-topbar__actions {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      gap: 0.55rem;
      min-width: 0;
      max-width: 100%;
    }
    body:has(.app-page-workspace) .app-topbar__actions :where(.btn-primary, .btn-muted, .btn-danger, .app-language-switcher__trigger) {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      min-height: 30px;
      height: 30px;
      border-radius: 999px;
      padding: 0 0.9rem;
      font-size: 11px;
      line-height: 1;
    }
    body:has(.app-page-workspace) #content {
      width: 100%;
      max-width: none;
      margin-left: 0;
      padding: clamp(1.25rem, 2vw, 2rem) clamp(1rem, 3vw, 1.85rem) 2.25rem;
    }
    body:has(.app-page-workspace) .app-page-workspace {
      width: min(100%, 90rem);
      max-width: 90rem;
      margin: 0 auto;
      padding: 0;
    }
  }
  .field-card {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--color-border);
    background-color: var(--color-surface);
  }
  .field-card[data-variant] {
    border-color: var(--color-border);
    background-color: var(--color-surface);
  }
  .claim-details-view .kpi-card, .claim-details-view .field-card {
    position: relative;
    overflow: hidden;
    padding: 1.05rem 1.1rem;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 65%, transparent);
    }
    box-shadow: 0 10px 30px -24px rgb(15 23 42 / 0.35), inset 0 1px 0 rgb(255 255 255 / 0.75);
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 88%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 88%, var(--color-muted));
    }
    background-image: linear-gradient(165deg, color-mix(in oklab, white 30%, transparent) 0%, transparent 55%), radial-gradient(120% 80% at 0% 0%, color-mix(in oklab, white 26%, transparent) 0%, transparent 60%);
  }
  .claim-details-view .kpi-card::after, .claim-details-view .field-card::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: calc(var(--radius-lg) - 1px);
    border: 1px solid color-mix(in oklab, white 30%, transparent);
    pointer-events: none;
  }
  .claim-details-view .kpi-card > .text-xs, .claim-details-view .field-card > .text-xs {
    font-size: 12px;
    text-transform: none;
    letter-spacing: 0.03em;
    font-weight: 600;
    color: color-mix(in srgb, oklch(0.285 0.014 245) 60%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 60%, var(--color-subtle));
    }
  }
  .claim-details-view .kpi-card .text-2xl, .claim-details-view .kpi-card .text-xl, .claim-details-view .field-card .text-2xl, .claim-details-view .field-card .text-xl {
    font-weight: 600;
    letter-spacing: 0;
    font-variant-numeric: tabular-nums;
  }
  .claim-details-view .kpi-card .font-medium, .claim-details-view .field-card .font-medium {
    font-weight: 600;
  }
  .claim-details-view .kpi-card:hover, .claim-details-view .field-card:hover {
    box-shadow: 0 14px 34px -26px rgb(15 23 42 / 0.35), inset 0 1px 0 rgb(255 255 255 / 0.8);
  }
  .claim-details-view {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .claim-details-hero {
    overflow: hidden;
    border-radius: calc(var(--radius-lg) + 6px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 4);
    }
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 3.5);
    }
    position: relative;
    border-color: rgb(255 255 255 / 0.16);
    background: radial-gradient(120% 140% at 96% 0%, rgb(172 162 150 / 0.24), transparent 46%), linear-gradient(135deg, rgb(76 80 90), rgb(91 107 130) 54%, rgb(118 112 105)), rgb(76 80 90);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 26px 44px -40px rgb(30 41 59 / 0.48);
  }
  .claim-details-hero::before {
    content: "";
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 3px;
    background: linear-gradient(90deg, rgb(172 162 150), rgb(126 148 172));
    opacity: 0.68;
  }
  .claim-details-hero__masthead {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .claim-details-backlink, .claim-details-utility-link {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: rgb(255 255 255 / 0.16);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.16), rgb(255 255 255 / 0.08)), rgb(255 255 255 / 0.06);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 12px 20px -24px rgb(0 0 0 / 0.46);
    color: rgb(247 249 252);
  }
  .claim-details-backlink:hover, .claim-details-utility-link:hover {
    border-color: rgb(255 255 255 / 0.28);
    color: white;
  }
  .claim-details-hero__content {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1.34fr) minmax(17rem,0.66fr);
    }
    @media (width >= 80rem) {
      align-items: flex-start;
    }
  }
  .claim-details-hero__copy {
    min-width: calc(var(--spacing) * 0);
  }
  .claim-details-hero__aside {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .claim-details-hero__eyebrow {
    font-size: 9px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgb(224 229 236);
  }
  .claim-details-hero__title-row {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .claim-details-hero__title {
    margin-block: calc(var(--spacing) * 0);
    font-size: 1.75rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 40rem) {
      font-size: 2rem;
    }
    letter-spacing: 0;
  }
  .claim-details-hero__entity-link {
    text-decoration-line: none;
    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));
    color: white;
  }
  .claim-details-hero__entity-link:hover {
    color: rgb(237 242 248);
  }
  .claim-details-hero__subtitle {
    margin-top: calc(var(--spacing) * 1.5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: rgb(229 234 241);
  }
  .claim-details-hero__submeta {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 10px;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: rgb(212 220 229);
  }
  .claim-details-hero__submeta-label {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    font-size: 9px;
  }
  .claim-details-hero__party-inline {
    display: inline-flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .claim-details-hero__meta-link {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-decoration-line: none;
    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));
    color: white;
  }
  .claim-details-hero__meta-link:hover {
    color: rgb(237 242 248);
  }
  .claim-details-hero__separator {
    display: inline-block;
    height: calc(var(--spacing) * 1);
    width: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    background-color: rgb(237 242 248 / 0.5);
  }
  .claim-details-hero__chips {
    margin-top: calc(var(--spacing) * 2.5);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.5);
  }
  .shared-note-slot, .shared-note-mount {
    min-width: calc(var(--spacing) * 0);
  }
  .shared-note-trigger, .shared-note-launcher {
    display: inline-flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.75);
    padding-block: calc(var(--spacing) * 1.5);
    text-align: left;
    font-size: 11px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.72)), radial-gradient(130% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 6%, transparent) 0%, transparent 58%), color-mix(in srgb, oklch(0.987 0.006 96) 97%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.72)), radial-gradient(130% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 6%, transparent) 0%, transparent 58%), color-mix(in oklab, var(--color-surface) 97%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 14px 24px -30px rgb(15 23 42 / 0.22);
  }
  .shared-note-trigger, .shared-note-launcher {
    backdrop-filter: blur(10px);
    color: var(--color-text);
  }
  .shared-note-trigger:hover, .shared-note-launcher:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 20%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 20%, var(--color-border));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.94), 0 18px 28px -32px rgb(15 23 42 / 0.24);
  }
  .shared-note-trigger--empty, .shared-note-launcher--empty {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.64)), color-mix(in srgb, oklch(0.923 0.014 205) 22%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.64)), color-mix(in oklab, var(--color-muted) 22%, white);
    }
  }
  .shared-note-trigger--loading, .shared-note-launcher--loading {
    pointer-events: none;
  }
  .shared-note-trigger__icon, .shared-note-launcher__icon {
    display: inline-flex;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    color: color-mix(in srgb, oklch(0.432 0.070 236) 76%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent-700) 76%, var(--color-text));
    }
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 10%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, white);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 16%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 16%, transparent);
    }
  }
  .shared-note-trigger__icon svg, .shared-note-launcher__icon svg {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
  }
  .shared-note-trigger__label, .shared-note-launcher__label {
    flex-shrink: 0;
  }
  .shared-note-trigger__badge, .shared-note-launcher__badge {
    display: inline-flex;
    min-width: calc(var(--spacing) * 4);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.432 0.070 236) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent-700) 84%, var(--color-text));
    }
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 14%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 14%, white);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 20%, transparent);
    }
  }
  .shared-note-trigger__skeleton {
    display: block;
    border-radius: calc(infinity * 1px);
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.923 0.014 205) 58%, white), color-mix(in srgb, white 86%, oklch(0.923 0.014 205)), color-mix(in srgb, oklch(0.923 0.014 205) 58%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-muted) 58%, white), color-mix(in oklab, white 86%, var(--color-muted)), color-mix(in oklab, var(--color-muted) 58%, white));
    }
    background-size: 200% 100%;
    animation: shared-note-shimmer 1.4s linear infinite;
  }
  .shared-note-trigger__skeleton--dot {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
  }
  .shared-note-trigger__skeleton--pill {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 5);
  }
  .shared-note-modal {
    display: flex;
    width: 100%;
    max-width: 44rem;
    flex-direction: column;
    overflow: hidden;
    padding: calc(var(--spacing) * 0);
    max-height: min(84vh, 46rem);
    border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.9)), radial-gradient(135% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 8%, transparent) 0%, transparent 52%), color-mix(in srgb, oklch(0.987 0.006 96) 98%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.9)), radial-gradient(135% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 8%, transparent) 0%, transparent 52%), color-mix(in oklab, var(--color-surface) 98%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.94), 0 36px 70px -46px rgb(15 23 42 / 0.28);
    border-radius: calc(var(--radius-lg) + 6px);
  }
  .shared-note-switcher {
    max-width: 46rem;
  }
  .shared-note-page__panel {
    margin-inline: auto;
    max-width: 44rem;
    overflow: hidden;
    border-radius: calc(var(--radius-lg) + 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.9)), radial-gradient(135% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 8%, transparent) 0%, transparent 56%), color-mix(in srgb, oklch(0.987 0.006 96) 98%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.9)), radial-gradient(135% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 8%, transparent) 0%, transparent 56%), color-mix(in oklab, var(--color-surface) 98%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.94), 0 24px 42px -40px rgb(15 23 42 / 0.2);
  }
  .shared-note-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.38)), radial-gradient(140% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 10%, transparent) 0%, transparent 56%), linear-gradient(135deg, color-mix(in srgb, oklch(0.923 0.014 205) 18%, transparent), transparent 62%);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.38)), radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 10%, transparent) 0%, transparent 56%), linear-gradient(135deg, color-mix(in oklab, var(--color-muted) 18%, transparent), transparent 62%);
    }
  }
  .shared-note-modal__hero {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .shared-note-modal__hero-icon {
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(var(--radius-md) + 3px);
    color: color-mix(in srgb, oklch(0.432 0.070 236) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent-700) 84%, var(--color-text));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.78)), radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 12%, transparent) 0%, transparent 54%), color-mix(in srgb, oklch(0.540 0.073 236) 8%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.78)), radial-gradient(120% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 12%, transparent) 0%, transparent 54%), color-mix(in oklab, var(--color-accent) 8%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.94), 0 12px 22px -24px rgb(15 23 42 / 0.18);
  }
  .shared-note-modal__hero-icon svg {
    height: calc(var(--spacing) * 4.5);
    width: calc(var(--spacing) * 4.5);
  }
  .shared-note-modal__close {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.72)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.72)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    color: color-mix(in srgb, oklch(0.500 0.015 235) 86%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 86%, var(--color-text));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.94), 0 12px 20px -24px rgb(15 23 42 / 0.18);
  }
  .shared-note-modal__close:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 18%, var(--color-border));
    }
    color: var(--color-text);
    transform: translateY(-1px);
  }
  .shared-note-modal__close svg {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .shared-note-modal__close--link {
    height: auto;
    width: auto;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-decoration-line: none;
  }
  .shared-note-modal__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
  }
  .shared-note-modal__title {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
    @media (width >= 40rem) {
      font-size: 1.1rem;
    }
  }
  .shared-note-modal__subtitle {
    margin-top: calc(var(--spacing) * 1);
    max-width: var(--container-2xl);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .shared-note-modal__body {
    flex: 1;
    overflow: hidden;
    padding-bottom: calc(var(--spacing) * 0);
  }
  .shared-note-modal__form {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .shared-note-modal__label {
    display: block;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
  }
  .shared-note-modal__editor-card {
    overflow: hidden;
    border-radius: calc(var(--radius-lg) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.76)), radial-gradient(140% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 7%, transparent) 0%, transparent 56%), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.76)), radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 7%, transparent) 0%, transparent 56%), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.94), 0 24px 40px -44px rgb(15 23 42 / 0.28);
  }
  .shared-note-modal__editor-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.923 0.014 205) 28%, transparent), transparent), color-mix(in srgb, white 70%, oklch(0.987 0.006 96));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-muted) 28%, transparent), transparent), color-mix(in oklab, white 70%, var(--color-surface));
    }
  }
  .shared-note-modal__editor-chip {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.432 0.070 236) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent-700) 82%, var(--color-text));
    }
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 10%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, white);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 18%, transparent);
    }
  }
  .shared-note-modal__textarea {
    min-height: calc(var(--spacing) * 64);
    width: 100%;
    resize: vertical;
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    font-size: 15px;
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.84)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.84)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    color: var(--color-text);
  }
  .shared-note-modal__textarea::placeholder {
    color: color-mix(in srgb, oklch(0.500 0.015 235) 72%, white);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 72%, white);
    }
  }
  .shared-note-modal__editor-foot {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.923 0.014 205) 18%, transparent), transparent), color-mix(in srgb, white 72%, oklch(0.987 0.006 96));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-muted) 18%, transparent), transparent), color-mix(in oklab, white 72%, var(--color-surface));
    }
  }
  .shared-note-modal__hint, .shared-note-modal__meta {
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .shared-note-modal__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .shared-note-modal__error {
    margin-inline: calc(var(--spacing) * 4);
    margin-top: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: color-mix(in srgb, rgb(251 113 133) 42%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(251 113 133) 42%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 241 242 / 0.92)), rgb(255 241 242);
    color: rgb(159 18 57);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.7);
  }
  .shared-note-modal__actions {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: center;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
  }
  .shared-note-modal__actions-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
  }
  .shared-note-modal__dismiss, .shared-note-modal__remove {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84), 0 12px 20px -24px rgb(15 23 42 / 0.18);
  }
  .shared-note-modal__submit {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.3), 0 18px 28px -24px color-mix(in srgb, oklch(0.540 0.073 236) 32%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.3), 0 18px 28px -24px color-mix(in oklab, var(--color-accent) 32%, transparent);
    }
  }
  .shared-note-switcher__tabs {
    display: grid;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .shared-note-switcher__tab {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.74)), radial-gradient(140% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 6%, transparent) 0%, transparent 56%), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.74)), radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 6%, transparent) 0%, transparent 56%), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 12px 22px -28px rgb(15 23 42 / 0.16);
    min-height: 0;
  }
  .shared-note-switcher__tab:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 18%, var(--color-border));
    }
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.94), 0 16px 26px -30px rgb(15 23 42 / 0.2);
  }
  .shared-note-switcher__tab--active {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 28%, var(--color-border));
    }
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.540 0.073 236) 11%, white), color-mix(in srgb, white 90%, oklch(0.987 0.006 96))), radial-gradient(140% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 12%, transparent) 0%, transparent 54%);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 11%, white), color-mix(in oklab, white 90%, var(--color-surface))), radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 12%, transparent) 0%, transparent 54%);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 14%, transparent), 0 18px 28px -30px color-mix(in srgb, oklch(0.540 0.073 236) 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 14%, transparent), 0 18px 28px -30px color-mix(in oklab, var(--color-accent) 14%, transparent);
    }
  }
  .shared-note-switcher__tab-head {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .shared-note-switcher__tab-badge {
    display: inline-flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.432 0.070 236) 80%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent-700) 80%, var(--color-text));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.72)), color-mix(in srgb, oklch(0.540 0.073 236) 12%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.72)), color-mix(in oklab, var(--color-accent) 12%, white);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 18%, transparent);
    }
  }
  .shared-note-switcher__tab-label {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
  }
  .shared-note-switcher__tab-title {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: 13px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }
  .shared-note-switcher__tab-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: var(--color-subtle);
  }
  .shared-note-switcher__panel {
    margin-inline: calc(var(--spacing) * 4);
    margin-block: calc(var(--spacing) * 3);
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    overflow: hidden;
    border-radius: calc(var(--radius-lg) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.82)), radial-gradient(140% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 6%, transparent) 0%, transparent 58%), color-mix(in srgb, oklch(0.987 0.006 96) 98%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.82)), radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 6%, transparent) 0%, transparent 58%), color-mix(in oklab, var(--color-surface) 98%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.94), 0 22px 34px -36px rgb(15 23 42 / 0.18);
  }
  .shared-note-switcher__panel-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.923 0.014 205) 28%, transparent), transparent), color-mix(in srgb, white 70%, oklch(0.987 0.006 96));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-muted) 28%, transparent), transparent), color-mix(in oklab, white 70%, var(--color-surface));
    }
  }
  .shared-note-switcher__panel-title {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .shared-note-switcher__panel-subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .shared-note-thread {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
  }
  .shared-note-thread__summary {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.923 0.014 205) 20%, transparent), transparent), color-mix(in srgb, white 76%, oklch(0.987 0.006 96));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-muted) 20%, transparent), transparent), color-mix(in oklab, white 76%, var(--color-surface));
    }
  }
  .shared-note-thread__count {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .shared-note-thread__summary-copy {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .shared-note-list {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    overflow-y: auto;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .shared-note-item {
    border-radius: calc(var(--radius-md) + 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.82)), color-mix(in srgb, oklch(0.987 0.006 96) 98%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.82)), color-mix(in oklab, var(--color-surface) 98%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 10px 18px -26px rgb(15 23 42 / 0.14);
  }
  .shared-note-item__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .shared-note-item__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .shared-note-item__edited {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.432 0.070 236) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent-700) 82%, var(--color-text));
    }
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 10%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, white);
    }
  }
  .shared-note-item__actions {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .shared-note-item__delete-form {
    margin: calc(var(--spacing) * 0);
  }
  .shared-note-item__remove {
    color: color-mix(in srgb, rgb(185 28 28) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, rgb(185 28 28) 82%, var(--color-text));
    }
  }
  .shared-note-item__body {
    margin-top: calc(var(--spacing) * 1);
    font-size: 13px;
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    white-space: pre-wrap;
    color: var(--color-text);
  }
  .shared-note-empty {
    margin-inline: calc(var(--spacing) * 4);
    margin-block: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius-md) + 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    color: var(--color-subtle);
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.923 0.014 205) 18%, transparent), transparent), color-mix(in srgb, white 78%, oklch(0.987 0.006 96));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-muted) 18%, transparent), transparent), color-mix(in oklab, white 78%, var(--color-surface));
    }
  }
  .shared-note-composer {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.923 0.014 205) 18%, transparent), transparent), color-mix(in srgb, white 74%, oklch(0.987 0.006 96));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-muted) 18%, transparent), transparent), color-mix(in oklab, white 74%, var(--color-surface));
    }
  }
  .shared-note-composer__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .shared-note-composer__subtle {
    margin-top: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .shared-note-composer__textarea {
    min-height: calc(var(--spacing) * 24);
    width: 100%;
    resize: vertical;
    border-radius: calc(var(--radius-md) + 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3);
    font-size: 14px;
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(255 255 255 / 0.9)), color-mix(in srgb, oklch(0.987 0.006 96) 98%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(255 255 255 / 0.9)), color-mix(in oklab, var(--color-surface) 98%, white);
    }
    color: var(--color-text);
  }
  .shared-note-composer__textarea::placeholder {
    color: color-mix(in srgb, oklch(0.500 0.015 235) 72%, white);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 72%, white);
    }
  }
  .shared-note-composer__foot {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: flex-end;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .shared-note-composer__hint {
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .shared-note-composer__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
  }
  @keyframes shared-note-shimmer {
    0% {
      background-position: 200% 0;
    }
    100% {
      background-position: -200% 0;
    }
  }
  .claim-details-chip {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 9px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, white 55%, oklch(0.987 0.006 96));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, white 55%, var(--color-surface));
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 86%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 86%, var(--color-subtle));
    }
  }
  .claim-details-hero .claim-details-chip {
    border-color: rgb(255 255 255 / 0.16);
    background-color: rgb(255 255 255 / 0.11);
    color: rgb(247 249 252);
  }
  .claim-details-chip--danger {
    border-color: rgb(254 205 211);
    background-color: rgb(255 241 242);
    color: rgb(159 18 57);
  }
  .claim-details-chip--etis-attention {
    border-color: rgb(252 211 77);
    background-color: rgb(255 251 235);
    color: rgb(146 64 14);
  }
  .claim-details-chip--etis-finished {
    border-color: rgb(167 243 208);
    background-color: rgb(236 253 245);
    color: rgb(4 120 87);
  }
  .claim-details-summary-grid {
    display: grid;
    gap: calc(var(--spacing) * 1.5);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .claim-details-summary-card {
    border-radius: calc(var(--radius-md) + 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2.5);
    border-color: rgb(255 255 255 / 0.14);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.13), rgb(255 255 255 / 0.07)), rgb(255 255 255 / 0.08);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 14px 24px -28px rgb(0 0 0 / 0.32);
    min-height: 5rem;
  }
  .claim-details-summary-card--interactive {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .claim-details-summary-card--interactive:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 22%, var(--color-border));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 20px 32px -36px rgb(15 23 42 / 0.3);
  }
  .claim-details-summary-card__label {
    font-size: 9px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: rgb(190 204 220);
  }
  .claim-details-summary-card__value {
    margin-top: calc(var(--spacing) * 1);
    font-size: 1.3rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 40rem) {
      font-size: 1.45rem;
    }
    color: white;
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
    letter-spacing: 0;
  }
  .claim-details-summary-card__value.text-emerald-700 {
    color: rgb(167 243 208);
  }
  .claim-details-summary-card__value.text-amber-700 {
    color: rgb(253 230 138);
  }
  .claim-details-summary-card__value.text-rose-700 {
    color: rgb(254 205 211);
  }
  .claim-details-summary-card__inline {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 2);
    row-gap: calc(var(--spacing) * 0.5);
  }
  .claim-details-summary-card__value--inline {
    margin-top: calc(var(--spacing) * 0);
    font-size: 1.02rem;
    @media (width >= 40rem) {
      font-size: 1.08rem;
    }
    line-height: 1.05;
  }
  .claim-details-summary-card__meta {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: rgb(200 212 225);
  }
  .claim-details-tabbar {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .claim-details-tab-shell {
    position: sticky;
    z-index: 20;
    top: 0.75rem;
  }
  .claim-details-tabbar--persistent {
    margin-top: calc(var(--spacing) * 0);
    flex-wrap: nowrap;
    overflow-x: auto;
    padding: calc(var(--spacing) * 0);
    scrollbar-width: none;
    border-color: transparent;
    background: transparent;
    box-shadow: none;
    backdrop-filter: none;
  }
  .claim-details-tabbar--persistent::-webkit-scrollbar {
    display: none;
  }
  .claim-details-tabbar--persistent .claim-details-tab {
    flex: 0 0 auto;
  }
  .claim-details-tab {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 13px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background-color: color-mix(in srgb, white 54%, oklch(0.987 0.006 96));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, white 54%, var(--color-surface));
    }
    color: var(--color-subtle);
  }
  .claim-details-tab:hover {
    color: var(--color-text);
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 18%, var(--color-border));
    }
  }
  .claim-details-tab--active {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.72)), color-mix(in srgb, oklch(0.540 0.073 236) 8%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.72)), color-mix(in oklab, var(--color-accent) 8%, white);
    }
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 28%, var(--color-border));
    }
    color: var(--color-text);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 16px 26px -28px rgb(15 23 42 / 0.24);
  }
  .claim-details-tab__badge {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    background-color: rgb(254 243 199);
    color: rgb(146 64 14);
  }
  .claim-details-admin-actions {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 1.5);
    @media (width >= 40rem) {
      flex-wrap: nowrap;
    }
  }
  .claim-details-admin-actions .shared-note-slot, .claim-details-admin-actions .shared-note-mount {
    display: flex;
    flex-shrink: 0;
    align-items: center;
  }
  .claim-details-admin-rail {
    margin-left: auto;
    display: flex;
    justify-content: flex-end;
  }
  .claim-details-admin-button {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.75);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 11px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 14px 24px -30px rgb(15 23 42 / 0.18);
    backdrop-filter: blur(10px);
  }
  .claim-details-admin-button svg {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    flex-shrink: 0;
  }
  .claim-details-admin-button--neutral {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.7)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.7)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    color: var(--color-text);
  }
  .claim-details-admin-button--neutral:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 18%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.76)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.76)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
  }
  .claim-details-admin-button--process {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 26%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 26%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.72)), color-mix(in srgb, oklch(0.540 0.073 236) 10%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.72)), color-mix(in oklab, var(--color-accent) 10%, white);
    }
    color: color-mix(in srgb, oklch(0.432 0.070 236) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent-700) 82%, var(--color-text));
    }
  }
  .claim-details-admin-button--process:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 34%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 34%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.95), rgb(255 255 255 / 0.78)), color-mix(in srgb, oklch(0.540 0.073 236) 14%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.95), rgb(255 255 255 / 0.78)), color-mix(in oklab, var(--color-accent) 14%, white);
    }
  }
  .claim-details-admin-button--danger {
    border-color: color-mix(in srgb, rgb(248 113 113) 54%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(248 113 113) 54%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.72)), color-mix(in oklab, rgb(254 226 226) 82%, white);
    color: rgb(185 28 28);
  }
  .claim-details-admin-button--danger:hover {
    border-color: color-mix(in srgb, rgb(239 68 68) 62%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(239 68 68) 62%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.95), rgb(255 255 255 / 0.78)), color-mix(in oklab, rgb(254 202 202) 86%, white);
  }
  .claim-details-alert-stack {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 3);
    order: -1;
  }
  .claim-details-notice {
    --claim-notice-accent: rgb(217 119 6);
    --claim-notice-bg: rgb(255 251 235);
    --claim-notice-border: rgb(253 230 138);
    --claim-notice-text: rgb(146 64 14);
    --claim-notice-chip-bg: rgb(254 243 199);
    display: grid;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius-lg) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3.5);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 40rem) {
      grid-template-columns: auto minmax(0,1fr);
    }
    border-color: var(--claim-notice-border);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.44), transparent 38%), var(--claim-notice-bg);
    color: var(--claim-notice-text);
  }
  .claim-details-notice--warning {
    --claim-notice-accent: rgb(217 119 6);
    --claim-notice-bg: rgb(255 251 235);
    --claim-notice-border: rgb(253 230 138);
    --claim-notice-text: rgb(146 64 14);
    --claim-notice-chip-bg: rgb(254 243 199);
  }
  .claim-details-notice--danger {
    --claim-notice-accent: rgb(225 29 72);
    --claim-notice-bg: rgb(255 241 242);
    --claim-notice-border: rgb(254 205 211);
    --claim-notice-text: rgb(159 18 57);
    --claim-notice-chip-bg: rgb(255 228 230);
  }
  .claim-details-notice--info {
    --claim-notice-accent: rgb(2 132 199);
    --claim-notice-bg: rgb(240 249 255);
    --claim-notice-border: rgb(186 230 253);
    --claim-notice-text: rgb(12 74 110);
    --claim-notice-chip-bg: rgb(224 242 254);
  }
  .claim-details-notice__indicator {
    margin-top: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    border-radius: calc(infinity * 1px);
    background-color: var(--claim-notice-accent);
    box-shadow: 0 0 0 6px var(--claim-notice-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 6px color-mix(in oklab, var(--claim-notice-accent) 10%, transparent);
    }
  }
  .claim-details-notice__body {
    min-width: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--claim-notice-text);
  }
  .claim-details-notice__eyebrow {
    margin-bottom: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--claim-notice-text);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-notice-text) 78%, white);
    }
  }
  .claim-details-notice__chips {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .claim-details-notice__chip {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    background-color: var(--claim-notice-chip-bg);
  }
  .claim-details-notice__actions {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .claim-details-inline-action {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: rgb(8 47 73);
    color: white;
  }
  .claim-details-inline-action:hover {
    filter: brightness(1.04);
  }
  .claim-details-inline-action--danger {
    background-color: rgb(190 24 93);
  }
  .claim-details-feedback {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .claim-details-feedback--success {
    border-color: rgb(167 243 208);
    background-color: rgb(236 253 245);
    color: rgb(6 95 70);
  }
  .claim-details-feedback--error {
    border-color: rgb(254 205 211);
    background-color: rgb(255 241 242);
    color: rgb(159 18 57);
  }
  .claim-details-feedback--neutral {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 96%, white);
    }
    color: var(--color-text);
  }
  .claim-details-note {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.52), transparent 48%), color-mix(in srgb, oklch(0.923 0.014 205) 58%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.52), transparent 48%), color-mix(in oklab, var(--color-muted) 58%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82), 0 16px 28px -34px rgb(15 23 42 / 0.24);
  }
  .claim-section {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .claim-details-main {
    min-width: calc(var(--spacing) * 0);
  }
  .claim-overview-grid > .claim-info-tile, .claim-data-tile, .claim-panel-card, .claim-mini-note {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82), 0 20px 34px -38px rgb(15 23 42 / 0.22);
  }
  .claim-overview-grid > .claim-info-tile {
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.62)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.62)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
  }
  .claim-overview-grid > .claim-info-tile > .text-xs {
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 86%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 86%, var(--color-text));
    }
  }
  .claim-data-grid {
    gap: calc(var(--spacing) * 3);
  }
  .claim-data-tile {
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.62)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.62)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
  }
  .claim-data-tile--muted {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.68), rgb(255 255 255 / 0.48)), color-mix(in srgb, oklch(0.923 0.014 205) 52%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.68), rgb(255 255 255 / 0.48)), color-mix(in oklab, var(--color-muted) 52%, white);
    }
  }
  .claim-panel-card {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.58)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.58)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
  }
  .claim-panel-card--compact {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84), 0 16px 28px -34px rgb(15 23 42 / 0.2);
  }
  .claim-payment-icon {
    margin-top: calc(var(--spacing) * 0.5);
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.72)), color-mix(in srgb, oklch(0.540 0.073 236) 8%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.72)), color-mix(in oklab, var(--color-accent) 8%, white);
    }
    color: var(--color-accent);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 14px 24px -28px rgb(15 23 42 / 0.24);
  }
  .claim-payment-pill {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.64)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.64)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    color: var(--color-subtle);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 10px 18px -24px rgb(15 23 42 / 0.2);
  }
  .claim-inline-progress {
    display: block;
    height: calc(var(--spacing) * 2);
    width: 100%;
    appearance: none;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    background-color: color-mix(in srgb, oklch(0.842 0.018 228) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
  }
  .claim-inline-progress::-webkit-progress-bar {
    border-radius: 9999px;
    background-color: color-mix(in srgb, oklch(0.842 0.018 228) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
  }
  .claim-inline-progress::-webkit-progress-value {
    border-radius: 9999px;
    background: linear-gradient(90deg, #34d399, #059669);
  }
  .claim-inline-progress::-moz-progress-bar {
    border-radius: 9999px;
    background: linear-gradient(90deg, #34d399, #059669);
  }
  .claim-payment-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.6)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.6)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 16px 24px -30px rgb(15 23 42 / 0.2);
  }
  .claim-payment-list {
    overflow: hidden;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.58)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.58)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 18px 28px -34px rgb(15 23 42 / 0.2);
  }
  .claim-payment-list__row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
  }
  .claim-payment-empty {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.7), rgb(255 255 255 / 0.5)), color-mix(in srgb, oklch(0.923 0.014 205) 56%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.7), rgb(255 255 255 / 0.5)), color-mix(in oklab, var(--color-muted) 56%, white);
    }
    color: var(--color-subtle);
  }
  .claim-info-kpi-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 1.5);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    align-items: start;
  }
  @media (min-width: 1280px) {
    .claim-info-kpi-grid {
      grid-template-columns: minmax(0, 0.72fr) minmax(0, 0.72fr) minmax(0, 0.68fr) minmax(0, 1.12fr) minmax(0, 1.05fr) minmax(0, 0.78fr);
    }
  }
  .claim-info-kpi-card {
    position: relative;
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    overflow: hidden;
    border-radius: calc(var(--radius-lg) + 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.76)), radial-gradient(140% 110% at 0% 0%, color-mix(in oklab, white 12%, transparent) 0%, transparent 64%), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.76)), radial-gradient(140% 110% at 0% 0%, color-mix(in oklab, white 12%, transparent) 0%, transparent 64%), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.94), 0 8px 16px -24px rgb(15 23 42 / 0.1);
    min-height: 4.8rem;
  }
  .claim-info-kpi-card::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: calc(var(--radius-lg));
    border: 1px solid color-mix(in oklab, white 18%, transparent);
    pointer-events: none;
  }
  .claim-info-kpi-card--interactive {
    cursor: pointer;
    transition: transform 160ms ease, box-shadow 160ms ease, border-color 160ms ease;
  }
  .claim-info-kpi-card--interactive:hover {
    transform: translateY(-1px);
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 18%, var(--color-border));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.94), 0 10px 18px -24px rgb(15 23 42 / 0.12);
  }
  .claim-info-kpi-card__label {
    font-size: 8px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
    }
  }
  .claim-info-kpi-card__value {
    margin-top: calc(var(--spacing) * 1);
    font-size: 1rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    @media (width >= 40rem) {
      font-size: 1.08rem;
    }
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
    white-space: nowrap;
  }
  .claim-info-kpi-card__value--compact {
    margin-top: calc(var(--spacing) * 1);
    font-size: 0.84rem;
    --tw-leading: 1.1rem;
    line-height: 1.1rem;
    @media (width >= 40rem) {
      font-size: 0.88rem;
    }
    white-space: normal;
  }
  .claim-info-kpi-card__meta {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 8px;
    --tw-leading: 0.9rem;
    line-height: 0.9rem;
    color: var(--color-subtle);
  }
  .claim-info-kpi-card__link {
    text-decoration-line: none;
    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));
    color: var(--color-text);
  }
  .claim-info-kpi-card__link:hover {
    color: var(--color-accent-700);
  }
  .claim-info-loading {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.62)), color-mix(in srgb, oklch(0.923 0.014 205) 42%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.62)), color-mix(in oklab, var(--color-muted) 42%, white);
    }
    color: var(--color-subtle);
  }
  .claim-info-stack {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .claim-info-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 66%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 66%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.74), rgb(255 255 255 / 0.5)), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.74), rgb(255 255 255 / 0.5)), color-mix(in oklab, var(--color-surface) 95%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 16px 28px -34px rgb(15 23 42 / 0.16);
  }
  .claim-info-toolbar__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
  }
  .claim-info-toolbar__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: 1rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    @media (width >= 40rem) {
      font-size: 1.05rem;
    }
    color: var(--color-text);
  }
  .claim-info-toolbar__subtitle {
    margin-top: calc(var(--spacing) * 1);
    max-width: var(--container-3xl);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .claim-info-layout {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(6, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    align-items: start;
  }
  .claim-info-layout--fees {
    align-items: stretch;
  }
  .claim-info-summary-strip {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    gap: calc(var(--spacing) * 3);
  }
  .claim-info-summary-strip--triple {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .claim-info-summary-strip--quad {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .claim-info-summary-card {
    border-radius: calc(var(--radius-md) + 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.6)), color-mix(in srgb, oklch(0.923 0.014 205) 34%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.6)), color-mix(in oklab, var(--color-muted) 34%, white);
    }
  }
  .claim-info-summary-card__label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
  }
  .claim-info-summary-card__value {
    margin-top: calc(var(--spacing) * 2);
    font-size: 1rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    @media (width >= 40rem) {
      font-size: 1.08rem;
    }
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
  }
  .claim-info-summary-card__meta {
    margin-top: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-info-split-metrics {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .claim-info-card {
    position: relative;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    border-radius: calc(var(--radius-lg) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.72)), radial-gradient(135% 120% at 0% 0%, color-mix(in oklab, white 18%, transparent) 0%, transparent 66%), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.72)), radial-gradient(135% 120% at 0% 0%, color-mix(in oklab, white 18%, transparent) 0%, transparent 66%), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.94), 0 18px 30px -36px rgb(15 23 42 / 0.2);
  }
  .claim-info-card::after {
    content: "";
    position: absolute;
    inset: 1px;
    border-radius: calc(var(--radius-lg) + 2px);
    border: 1px solid color-mix(in oklab, white 24%, transparent);
    pointer-events: none;
  }
  .claim-info-card--feature {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.72)), radial-gradient(140% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 8%, transparent) 0%, transparent 54%), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.72)), radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 8%, transparent) 0%, transparent 54%), color-mix(in oklab, var(--color-surface) 96%, white);
    }
  }
  .claim-info-card--money {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.72)), radial-gradient(140% 120% at 0% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 7%, transparent) 0%, transparent 56%), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.72)), radial-gradient(140% 120% at 0% 0%, color-mix(in oklab, var(--color-accent) 7%, transparent) 0%, transparent 56%), color-mix(in oklab, var(--color-surface) 96%, white);
    }
  }
  .claim-info-card--analysis {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.68)), radial-gradient(140% 120% at 100% 0%, color-mix(in srgb, oklch(0.923 0.014 205) 46%, white) 0%, transparent 58%), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.68)), radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, var(--color-muted) 46%, white) 0%, transparent 58%), color-mix(in oklab, var(--color-surface) 95%, white);
    }
  }
  .claim-info-card--deposit {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.7)), radial-gradient(140% 120% at 100% 0%, rgb(251 191 36 / 0.08) 0%, transparent 56%), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.7)), radial-gradient(140% 120% at 100% 0%, rgb(251 191 36 / 0.08) 0%, transparent 56%), color-mix(in oklab, var(--color-surface) 96%, white);
    }
  }
  .claim-info-card__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .claim-info-card__aside {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2.5);
  }
  .claim-info-card__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .claim-info-card__action {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .claim-info-card__action svg {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    flex-shrink: 0;
  }
  .claim-info-card__action--refresh {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.68)), color-mix(in srgb, oklch(0.540 0.073 236) 10%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.68)), color-mix(in oklab, var(--color-accent) 10%, white);
    }
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 18%, var(--color-border));
    }
    color: color-mix(in srgb, oklch(0.432 0.070 236) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent-700) 82%, var(--color-text));
    }
  }
  .claim-info-card__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
  }
  .claim-info-card__headline {
    margin-top: calc(var(--spacing) * 1);
    font-size: 1rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    @media (width >= 40rem) {
      font-size: 1.08rem;
    }
    color: var(--color-text);
  }
  .claim-info-card__value {
    font-size: 1rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .claim-info-card__value--currency {
    margin-top: calc(var(--spacing) * 4);
    font-size: 1.4rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    @media (width >= 40rem) {
      font-size: 1.55rem;
    }
    font-variant-numeric: tabular-nums;
  }
  .claim-info-card__prose {
    font-size: 13px;
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 92%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 92%, var(--color-subtle));
    }
    white-space: pre-line;
  }
  .claim-info-card__meta {
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-info-card__columns {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    gap: calc(var(--spacing) * 4);
  }
  .claim-info-card__columns--balanced {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,0.82fr) minmax(0,1.18fr);
    }
  }
  .claim-info-card__columns--analysis {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .claim-info-panel {
    border-radius: calc(var(--radius-md) + 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(255 255 255 / 0.58)), color-mix(in srgb, oklch(0.923 0.014 205) 34%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(255 255 255 / 0.58)), color-mix(in oklab, var(--color-muted) 34%, white);
    }
  }
  .claim-info-panel__title {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
  }
  .claim-info-fact-list {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 3);
  }
  .claim-info-fact-list--tight {
    gap: calc(var(--spacing) * 3);
  }
  .claim-info-fact {
    display: grid;
    gap: calc(var(--spacing) * 1.5);
  }
  .claim-info-fact__label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
  }
  .claim-info-fact__value {
    font-size: 13px;
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .claim-info-chip-row {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .claim-info-chip {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.66)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.66)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    color: var(--color-subtle);
  }
  .claim-info-chip--active {
    border-color: rgb(191 219 254);
    background: linear-gradient(180deg, rgb(239 246 255 / 0.95), rgb(219 234 254 / 0.8));
    color: rgb(30 64 175);
  }
  .claim-info-chip--inactive {
    opacity: 0.74;
  }
  .claim-info-metric-grid {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .claim-info-metric-grid--triple {
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .claim-info-metric {
    border-radius: calc(var(--radius-sm) + 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.62)), color-mix(in srgb, oklch(0.923 0.014 205) 40%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.62)), color-mix(in oklab, var(--color-muted) 40%, white);
    }
  }
  .claim-info-metric--success {
    border-color: rgb(167 243 208);
    background: linear-gradient(180deg, rgb(236 253 245 / 0.95), rgb(209 250 229 / 0.74));
  }
  .claim-info-metric__label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 86%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 86%, var(--color-text));
    }
  }
  .claim-info-metric__value {
    margin-top: calc(var(--spacing) * 2);
    font-size: 13px;
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
  }
  .claim-info-note {
    margin-top: calc(var(--spacing) * 3);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-info-status-row {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .claim-info-feedback {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .claim-info-feedback--error {
    border-color: var(--color-rose-200);
    background-color: var(--color-rose-50);
    color: var(--color-rose-800);
  }
  .claim-info-form-actions {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .claim-info-form-actions--end {
    justify-content: flex-end;
  }
  .claim-info-list {
    margin-top: calc(var(--spacing) * 4);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .claim-info-list__head {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
  }
  .claim-info-list__row, .claim-info-list__total {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: calc(var(--spacing) * 3);
    border-radius: calc(var(--radius-sm) + 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.6)), color-mix(in srgb, oklch(0.923 0.014 205) 36%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.6)), color-mix(in oklab, var(--color-muted) 36%, white);
    }
  }
  .claim-info-list__total {
    margin-top: calc(var(--spacing) * 3);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .claim-info-empty {
    border-radius: calc(var(--radius-md) + 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.7), rgb(255 255 255 / 0.54)), color-mix(in srgb, oklch(0.923 0.014 205) 48%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.7), rgb(255 255 255 / 0.54)), color-mix(in oklab, var(--color-muted) 48%, white);
    }
    color: var(--color-subtle);
  }
  .claim-mini-note {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.54)), color-mix(in srgb, oklch(0.987 0.006 96) 94%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.54)), color-mix(in oklab, var(--color-surface) 94%, white);
    }
  }
  .claim-section__title {
    margin-bottom: calc(var(--spacing) * 0);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    color: var(--color-text);
  }
  .claim-section__title::after {
    content: "";
    display: block;
    width: 3.5rem;
    height: 1px;
    margin-top: 0.75rem;
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 34%, transparent), transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 34%, transparent), transparent);
    }
  }
  .claim-section__subheading {
    margin-bottom: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .claim-section-card {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background-image: linear-gradient(180deg, rgb(255 255 255 / 0.42), transparent 28%), radial-gradient(120% 90% at 0% 0%, color-mix(in oklab, white 20%, transparent) 0%, transparent 66%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78), 0 24px 36px -42px rgb(15 23 42 / 0.26);
  }
  .claim-section-card--soft {
    background-image: linear-gradient(180deg, color-mix(in oklab, white 42%, transparent), transparent 28%), radial-gradient(140% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 8%, transparent) 0%, transparent 48%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(180deg, color-mix(in oklab, white 42%, transparent), transparent 28%), radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 8%, transparent) 0%, transparent 48%);
    }
  }
  .claim-section-card--muted {
    background-image: linear-gradient(180deg, color-mix(in oklab, white 38%, transparent), transparent 24%), radial-gradient(140% 120% at 0% 0%, color-mix(in oklab, white 18%, transparent) 0%, transparent 62%);
  }
  .claim-section-shell {
    border-radius: calc(var(--radius-lg) + 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 5);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.74), transparent 26%), radial-gradient(135% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 6%, transparent) 0%, transparent 48%), linear-gradient(180deg, color-mix(in srgb, oklch(0.987 0.006 96) 96%, white), color-mix(in srgb, white 86%, oklch(0.987 0.006 96)));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.74), transparent 26%), radial-gradient(135% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 6%, transparent) 0%, transparent 48%), linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 96%, white), color-mix(in oklab, white 86%, var(--color-surface)));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 24px 38px -44px rgb(15 23 42 / 0.28);
  }
  .claim-section-shell--soft {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.72), transparent 24%), radial-gradient(140% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 9%, transparent) 0%, transparent 46%), linear-gradient(180deg, color-mix(in srgb, oklch(0.987 0.006 96) 95%, white), color-mix(in srgb, oklch(0.923 0.014 205) 22%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.72), transparent 24%), radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 9%, transparent) 0%, transparent 46%), linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 95%, white), color-mix(in oklab, var(--color-muted) 22%, white));
    }
  }
  .claim-section-shell--muted {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.64), transparent 22%), radial-gradient(130% 110% at 0% 0%, color-mix(in oklab, white 16%, transparent) 0%, transparent 58%), linear-gradient(180deg, color-mix(in srgb, oklch(0.923 0.014 205) 44%, white), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.64), transparent 22%), radial-gradient(130% 110% at 0% 0%, color-mix(in oklab, white 16%, transparent) 0%, transparent 58%), linear-gradient(180deg, color-mix(in oklab, var(--color-muted) 44%, white), color-mix(in oklab, var(--color-surface) 95%, white));
    }
  }
  .claim-section-shell__header {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      align-items: flex-start;
    }
    @media (width >= 64rem) {
      justify-content: space-between;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  .claim-section-shell__intro {
    min-width: calc(var(--spacing) * 0);
  }
  .claim-section-shell__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
  }
  .claim-section-shell__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: 1.05rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    @media (width >= 40rem) {
      font-size: 1.12rem;
    }
    color: var(--color-text);
  }
  .claim-section-shell__description {
    margin-top: calc(var(--spacing) * 1);
    max-width: var(--container-3xl);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 88%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 88%, var(--color-subtle));
    }
  }
  .claim-section-shell__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 10px;
  }
  .claim-section-shell__actions {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .claim-section-shell__summary {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .claim-section-shell__summary--triple {
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .claim-section-shell__summary--double {
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .claim-section-shell__summary--five {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .claim-section-shell__summary-card {
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.66)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.66)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 10px 20px -26px rgb(15 23 42 / 0.16);
  }
  .claim-section-shell__summary-card--muted {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.6)), color-mix(in srgb, oklch(0.923 0.014 205) 34%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.6)), color-mix(in oklab, var(--color-muted) 34%, white);
    }
  }
  .claim-section-shell__summary-card--accent {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.68)), color-mix(in srgb, oklch(0.540 0.073 236) 7%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.68)), color-mix(in oklab, var(--color-accent) 7%, white);
    }
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 18%, var(--color-border));
    }
  }
  .claim-section-shell__summary-label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 86%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 86%, var(--color-text));
    }
  }
  .claim-section-shell__summary-value {
    margin-top: calc(var(--spacing) * 2);
    font-size: 1rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    @media (width >= 40rem) {
      font-size: 1.08rem;
    }
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
  }
  .claim-section-shell__summary-value a {
    text-decoration-line: none;
    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));
    color: var(--color-text);
  }
  .claim-section-shell__summary-value a:hover {
    color: var(--color-accent-700);
  }
  .claim-section-shell__summary-meta {
    margin-top: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-section-shell__body {
    margin-top: calc(var(--spacing) * 4);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .claim-section-shell__body-grid {
    display: grid;
    gap: calc(var(--spacing) * 4);
  }
  .claim-section-shell__body-grid--aside {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1.45fr) minmax(18rem,0.75fr);
    }
  }
  .claim-work-card {
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.62)), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.62)), color-mix(in oklab, var(--color-surface) 95%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 18px 28px -36px rgb(15 23 42 / 0.16);
  }
  .claim-work-card--muted {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(255 255 255 / 0.56)), color-mix(in srgb, oklch(0.923 0.014 205) 34%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(255 255 255 / 0.56)), color-mix(in oklab, var(--color-muted) 34%, white);
    }
  }
  .claim-work-card__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .claim-work-card__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .claim-work-card__description {
    margin-top: calc(var(--spacing) * 1);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .claim-list-card {
    overflow: hidden;
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.58)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.58)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 16px 24px -34px rgb(15 23 42 / 0.16);
  }
  .claim-list-row {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    @media (width >= 48rem) {
      flex-direction: row;
    }
    @media (width >= 48rem) {
      align-items: flex-start;
    }
    @media (width >= 48rem) {
      justify-content: space-between;
    }
    border-top: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--color-border) 58%, transparent);
    }
  }
  .claim-list-row:first-child {
    border-top: 0;
  }
  .claim-list-row__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .claim-list-row__meta {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-list-row__actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .claim-tsd-benefit-empty {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.52), rgb(255 255 255 / 0.28)), color-mix(in srgb, oklch(0.923 0.014 205) 42%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.52), rgb(255 255 255 / 0.28)), color-mix(in oklab, var(--color-muted) 42%, transparent);
    }
  }
  .claim-tsd-benefit-history {
    margin-top: calc(var(--spacing) * 3);
    overflow: hidden;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.58), rgb(255 255 255 / 0.34)), color-mix(in srgb, oklch(0.987 0.006 96) 82%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.58), rgb(255 255 255 / 0.34)), color-mix(in oklab, var(--color-surface) 82%, transparent);
    }
  }
  .claim-tsd-benefit-history__summary {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
    -webkit-user-select: none;
    user-select: none;
    list-style: none;
  }
  .claim-tsd-benefit-history__summary::-webkit-details-marker {
    display: none;
  }
  .claim-tsd-benefit-history__summary:hover {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 36%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 36%, transparent);
    }
  }
  .claim-tsd-benefit-history__summary: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);
    --tw-ring-color: var(--color-accent);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .claim-tsd-benefit-history__eyebrow {
    display: block;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    text-transform: uppercase;
    letter-spacing: 0;
  }
  .claim-tsd-benefit-history__title {
    display: block;
    font-size: 13px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .claim-tsd-benefit-list--history {
    border-radius: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    background: transparent;
    box-shadow: none;
  }
  .claim-tsd-benefit-row--history {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 22%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 22%, transparent);
    }
  }
  .claim-tsd-benefit-row--history .claim-list-row__title {
    font-size: 13px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .claim-tsd-benefit-row--history .claim-list-row__meta {
    font-size: 10px;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .payment-plan-schedule {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.7)), color-mix(in srgb, oklch(0.987 0.006 96) 97%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.7)), color-mix(in oklab, var(--color-surface) 97%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9);
  }
  .payment-plan-schedule--proposal {
    border-color: color-mix(in srgb, #64748b 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #64748b 24%, var(--color-border));
    }
  }
  .payment-plan-schedule--active {
    border-color: color-mix(in srgb, #0f766e 20%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #0f766e 20%, var(--color-border));
    }
  }
  .payment-plan-schedule__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 2);
    border-bottom: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--color-border) 58%, transparent);
    }
  }
  .payment-plan-schedule__kicker {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    text-transform: uppercase;
    letter-spacing: 0;
  }
  .payment-plan-schedule__title {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
  }
  .payment-plan-schedule__head-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .payment-plan-schedule__summary {
    margin-top: calc(var(--spacing) * 2);
    display: grid;
    gap: calc(var(--spacing) * 2);
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 13rem), 1fr));
  }
  .payment-plan-schedule__metric {
    min-width: calc(var(--spacing) * 0);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 56%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 56%, transparent);
    }
    background: rgb(255 255 255 / 0.54);
  }
  .payment-plan-schedule__metric--primary {
    border-color: color-mix(in srgb, #0f766e 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #0f766e 18%, var(--color-border));
    }
  }
  .payment-plan-schedule--proposal .payment-plan-schedule__metric--primary {
    border-color: color-mix(in srgb, #64748b 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #64748b 24%, var(--color-border));
    }
  }
  .payment-plan-schedule__metric-label {
    display: block;
    font-size: 9px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    text-transform: uppercase;
    letter-spacing: 0;
  }
  .payment-plan-schedule__metric-value {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
  }
  .payment-plan-schedule__metric-note {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
    font-variant-numeric: tabular-nums;
  }
  .claim-inline-tablist__count {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 14%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 14%, white);
    }
    color: var(--color-accent-700);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 24%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 24%, transparent);
    }
  }
  .contact-dropdown {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.76), rgb(255 255 255 / 0.54)), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.76), rgb(255 255 255 / 0.54)), color-mix(in oklab, var(--color-surface) 95%, white);
    }
  }
  .contact-dropdown > summary {
    list-style-type: none;
  }
  .contact-dropdown > summary::-webkit-details-marker {
    display: none;
  }
  .claim-bank-card {
    height: 100%;
  }
  .claim-bank-card__item, .claim-bank-card__adder {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.76), rgb(255 255 255 / 0.56)), color-mix(in srgb, oklch(0.923 0.014 205) 28%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.76), rgb(255 255 255 / 0.56)), color-mix(in oklab, var(--color-muted) 28%, white);
    }
  }
  .claim-bank-card__row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto auto;
    align-items: center;
    gap: 0.24rem 0.45rem;
    padding: 0.3rem 0.46rem;
  }
  .claim-bank-card__identity {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: baseline;
    gap: 0.05rem 0.45rem;
    line-height: 1.16;
  }
  .claim-bank-card__bank {
    font-size: 12px;
    font-weight: 650;
    line-height: 1.16;
  }
  .claim-bank-card__iban {
    overflow-wrap: anywhere;
    line-height: 1.16;
  }
  .claim-bank-card__edit {
    justify-self: end;
  }
  .claim-bank-card__edit > summary {
    display: inline-flex;
    min-height: 1.18rem;
    align-items: center;
    border: 1px dashed color-mix(in srgb, oklch(0.842 0.018 228) 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px dashed color-mix(in oklab, var(--color-border) 78%, var(--color-text));
    }
    border-radius: 6px;
    padding: 0.03rem 0.34rem;
    font-weight: 650;
    line-height: 1;
  }
  .claim-bank-card__edit > summary::-webkit-details-marker {
    display: none;
  }
  .claim-bank-card__edit[open] {
    grid-column: 1 / -1;
    justify-self: stretch;
  }
  .claim-bank-card__edit[open] form {
    max-width: 20rem;
  }
  .claim-bank-card__status-tag {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82), 0 10px 20px -22px rgb(15 23 42 / 0.24);
  }
  .claim-bank-card__status-tag--safe {
    border-color: color-mix(in srgb, #10b981 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #10b981 24%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.72)), color-mix(in oklab, #d1fae5 54%, white);
    color: color-mix(in oklab, #047857 78%, #022c22);
  }
  .claim-bank-card__status-tag--danger {
    border-color: color-mix(in srgb, #fb7185 32%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #fb7185 32%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.72)), color-mix(in oklab, #ffe4e6 58%, white);
    color: color-mix(in oklab, #be123c 78%, #4c0519);
  }
  .claim-bank-card__status-tag:hover {
    transform: translateY(-1px);
  }
  .claim-bank-card__form-actions {
    display: flex;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 2);
  }
  .claim-bank-card__button, .claim-bank-card__summary-action {
    display: inline-flex;
    min-height: calc(var(--spacing) * 7);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.64)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.64)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: none;
  }
  .claim-bank-card__button:hover, .claim-bank-card__summary-action:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 22%, var(--color-border));
    }
    color: var(--color-accent-700);
  }
  .claim-bank-modal {
    max-width: var(--container-4xl);
    padding: calc(var(--spacing) * 5);
    text-align: left;
    align-self: flex-start;
    margin-top: 7rem;
    max-height: calc(100vh - 8.5rem);
  }
  .claim-bank-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 4);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
  }
  .claim-bank-modal__title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .claim-bank-modal__meta {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
    overflow-wrap: anywhere;
  }
  .claim-bank-modal__close {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: rgb(255 255 255 / 0.72);
  }
  .claim-bank-modal__close:hover {
    color: var(--color-text);
    background: color-mix(in srgb, oklch(0.923 0.014 205) 44%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-muted) 44%, white);
    }
  }
  .claim-bank-modal__facts {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .claim-bank-modal__fact, .claim-bank-modal__record, .claim-bank-modal__mini {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(255 255 255 / 0.58)), color-mix(in srgb, oklch(0.923 0.014 205) 28%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(255 255 255 / 0.58)), color-mix(in oklab, var(--color-muted) 28%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84);
  }
  .claim-bank-modal__fact {
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
  }
  .claim-bank-modal__fact-label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .claim-bank-modal__fact-value {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    overflow-wrap: anywhere;
  }
  .claim-bank-modal__fact-value--mono {
    font-family: var(--font-mono);
  }
  .claim-bank-modal__record {
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
  }
  .claim-bank-modal__record--compact {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .claim-bank-modal__mini {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
  }
  .claim-bank-modal__footer {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    justify-content: flex-end;
  }
  .claim-comm-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
  }
  .claim-comm-grid--staff {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.35fr) minmax(0,1fr);
    }
  }
  .claim-comm-grid__stack {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .claim-channel-card {
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.6)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.6)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 16px 24px -34px rgb(15 23 42 / 0.16);
  }
  .claim-channel-card__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .claim-channel-card__subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-asset-shell {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .claim-asset-shell__summary {
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .claim-asset-shell__columns {
    display: grid;
    gap: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .claim-asset-column {
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.76), rgb(255 255 255 / 0.54)), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.76), rgb(255 255 255 / 0.54)), color-mix(in oklab, var(--color-surface) 95%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84), 0 18px 28px -38px rgb(15 23 42 / 0.18);
  }
  .claim-asset-column__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .claim-asset-column__subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-asset-grid {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .claim-asset-card {
    width: 100%;
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 18px 26px -34px rgb(15 23 42 / 0.18);
  }
  .claim-asset-card--interactive {
    cursor: pointer;
    --tw-outline-style: none;
    outline-style: none;
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .claim-asset-card--asset {
    border-color: color-mix(in srgb, #10b981 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #10b981 28%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.66)), color-mix(in oklab, #d1fae5 54%, white);
  }
  .claim-asset-card--asset:hover {
    border-color: color-mix(in srgb, #10b981 42%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #10b981 42%, var(--color-border));
    }
  }
  .claim-asset-card--obligation {
    border-color: color-mix(in srgb, #fb7185 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #fb7185 28%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.66)), color-mix(in oklab, #ffe4e6 58%, white);
  }
  .claim-asset-card__body {
    display: flex;
    min-height: 100%;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .claim-asset-card__badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 11px;
  }
  .claim-asset-card__badges--bottom {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .claim-asset-card__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .claim-asset-card__amount {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .claim-asset-card__meta, .claim-asset-card__source {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-asset-card__queue {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: rgb(255 255 255 / 0.58);
  }
  .claim-asset-card__probability {
    margin-top: auto;
    padding-top: calc(var(--spacing) * 1.5);
  }
  .claim-asset-card__probability-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
  }
  .claim-asset-card__probability-head strong {
    color: var(--color-text);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .claim-asset-card__probability-track {
    margin-top: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 2);
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background: color-mix(in oklab, #10b981 18%, white);
  }
  .claim-asset-card__probability-track span {
    display: block;
    height: 100%;
    border-radius: calc(infinity * 1px);
    background: linear-gradient(90deg, #23b0b8, #d7c167);
  }
  .claim-asset-card__action {
    margin-top: calc(var(--spacing) * 2);
    display: inline-flex;
    width: fit-content;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: rgb(255 255 255 / 0.62);
  }
  .claim-asset-obligation__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .claim-asset-obligation__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .claim-asset-obligation__amount {
    flex-shrink: 0;
    text-align: right;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-rose-700);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .claim-asset-obligation__meta, .claim-asset-obligation__signal {
    margin-top: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-asset-obligation__signal {
    color: var(--color-text);
  }
  .claim-asset-obligation__link {
    margin-top: calc(var(--spacing) * 2);
    display: inline-flex;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    text-decoration-line: underline;
    text-decoration-style: dotted;
    text-underline-offset: 4px;
    &:hover {
      @media (hover: hover) {
        color: var(--color-accent);
      }
    }
  }
  .claim-asset-card--empty {
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.74), rgb(255 255 255 / 0.56)), color-mix(in srgb, oklch(0.923 0.014 205) 38%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.74), rgb(255 255 255 / 0.56)), color-mix(in oklab, var(--color-muted) 38%, white);
    }
  }
  .claim-asset-modal {
    max-width: var(--container-3xl);
    padding: calc(var(--spacing) * 5);
    text-align: left;
  }
  .claim-asset-modal--wide {
    max-width: var(--container-4xl);
  }
  .claim-asset-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .claim-asset-modal__intro {
    min-width: calc(var(--spacing) * 0);
  }
  .claim-asset-modal__eyebrow {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .claim-asset-modal__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .claim-asset-modal__meta {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-asset-modal__close {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: rgb(255 255 255 / 0.72);
  }
  .claim-asset-modal__close:hover {
    color: var(--color-text);
    background: color-mix(in srgb, oklch(0.923 0.014 205) 44%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-muted) 44%, white);
    }
  }
  .claim-asset-modal__button {
    display: inline-flex;
    min-height: calc(var(--spacing) * 7);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.64)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.64)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: none;
  }
  .claim-asset-modal__button:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 22%, var(--color-border));
    }
    color: var(--color-accent-700);
  }
  .claim-asset-modal__button--primary {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 26%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 26%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.7)), color-mix(in srgb, oklch(0.540 0.073 236) 10%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.7)), color-mix(in oklab, var(--color-accent) 10%, white);
    }
    color: var(--color-accent-700);
  }
  .claim-asset-modal__footer {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    justify-content: flex-end;
  }
  .claim-asset-modal__facts {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .claim-asset-modal__facts--three {
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .claim-asset-modal__panels {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .claim-asset-fact, .claim-asset-panel, .claim-asset-mini-row {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.72)), color-mix(in srgb, oklch(0.987 0.006 96) 94%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.72)), color-mix(in oklab, var(--color-surface) 94%, white);
    }
  }
  .claim-asset-fact {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
  }
  .claim-asset-fact--wide {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .claim-asset-fact > :first-child {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .claim-asset-fact > :nth-child(2) {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .claim-asset-panel {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
  }
  .claim-asset-panel--compact {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .claim-asset-mini-row {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .claim-asset-mini-row--roomy {
    border-radius: var(--radius-md);
    padding: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .claim-asset-valuation {
    margin-top: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.72)), color-mix(in srgb, oklch(0.923 0.014 205) 30%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.72)), color-mix(in oklab, var(--color-muted) 30%, white);
    }
  }
  .claim-asset-valuation__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .claim-asset-valuation__label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
  }
  .claim-asset-valuation__value {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .claim-asset-valuation__value span {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-subtle);
  }
  .claim-asset-valuation__help, .claim-asset-valuation__readonly {
    margin-top: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: var(--color-subtle);
  }
  .claim-asset-valuation__saved {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-emerald-100);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-emerald-800);
  }
  .claim-asset-valuation__form {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .claim-asset-valuation__error {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-rose-700);
  }
  .claim-asset-valuation__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-column: span 3 / span 3;
    }
  }
  .claim-liiklus-modal {
    max-width: var(--container-4xl);
    padding: calc(var(--spacing) * 5);
    text-align: left;
  }
  .claim-liiklus-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .claim-liiklus-modal__eyebrow {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .claim-liiklus-modal__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .claim-liiklus-modal__meta {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-liiklus-modal__section {
    margin-top: calc(var(--spacing) * 4);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.68)), color-mix(in srgb, oklch(0.923 0.014 205) 34%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.68)), color-mix(in oklab, var(--color-muted) 34%, white);
    }
  }
  .claim-liiklus-modal__section-title {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .claim-liiklus-modal__badge-row {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .claim-liiklus-modal__hint {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-liiklus-modal__facts {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .claim-liiklus-modal__fact {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.72)), color-mix(in srgb, oklch(0.987 0.006 96) 94%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.72)), color-mix(in oklab, var(--color-surface) 94%, white);
    }
  }
  .claim-liiklus-modal__fact-label {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .claim-liiklus-modal__fact-value {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .claim-liiklus-modal__fact-value--stacked {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .claim-liiklus-modal__fact-meta {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-liiklus-modal__signals {
    margin-top: calc(var(--spacing) * 5);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .claim-liiklus-modal__accordion {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.72)), color-mix(in srgb, oklch(0.987 0.006 96) 94%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.72)), color-mix(in oklab, var(--color-surface) 94%, white);
    }
  }
  .claim-liiklus-modal__accordion--spaced {
    margin-top: calc(var(--spacing) * 3);
  }
  .claim-liiklus-modal__accordion-summary {
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .claim-liiklus-modal__accordion-summary::-webkit-details-marker {
    display: none;
  }
  .claim-liiklus-modal__signal-list {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
  }
  .claim-liiklus-modal__signal-item, .claim-liiklus-modal__extended-item {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.8)), color-mix(in srgb, oklch(0.923 0.014 205) 22%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.8)), color-mix(in oklab, var(--color-muted) 22%, white);
    }
  }
  .claim-liiklus-modal__signal-text, .claim-liiklus-modal__extended-value {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-text);
  }
  .claim-liiklus-modal__signal-path {
    margin-top: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    word-break: break-all;
    color: var(--color-subtle);
  }
  .claim-liiklus-modal__signal-empty {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
  }
  .claim-liiklus-modal__extended-list {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
  }
  .claim-liiklus-modal__extended-label {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .claim-liiklus-modal__audit {
    display: grid;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
  }
  .claim-kr-hero {
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      display: flex;
    }
    @media (width >= 64rem) {
      align-items: flex-start;
    }
    @media (width >= 64rem) {
      justify-content: space-between;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
    border-color: color-mix(in srgb, #10b981 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #10b981 24%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.74)), color-mix(in oklab, #d1fae5 38%, white);
  }
  .claim-kr-hero__copy {
    min-width: calc(var(--spacing) * 0);
  }
  .claim-kr-summary-card {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.72)), color-mix(in srgb, oklch(0.923 0.014 205) 30%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.72)), color-mix(in oklab, var(--color-muted) 30%, white);
    }
  }
  .claim-kr-summary-card--danger {
    border-color: color-mix(in srgb, #fb7185 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #fb7185 28%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.74)), color-mix(in oklab, #ffe4e6 34%, white);
  }
  .claim-kr-detail-toggle {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.72)), color-mix(in srgb, oklch(0.923 0.014 205) 24%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.72)), color-mix(in oklab, var(--color-muted) 24%, white);
    }
  }
  .claim-kr-detail-toggle__summary {
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .claim-kr-detail-toggle__summary::-webkit-details-marker {
    display: none;
  }
  .claim-kr-highlight-entry {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
  }
  .claim-penalty-summary {
    position: relative;
    appearance: none;
    background-image: linear-gradient(160deg, color-mix(in oklab, white 32%, transparent) 0%, transparent 58%), radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 10%, transparent) 0%, transparent 58%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(160deg, color-mix(in oklab, white 32%, transparent) 0%, transparent 58%), radial-gradient(120% 90% at 100% 0%, color-mix(in oklab, var(--color-accent) 10%, transparent) 0%, transparent 58%);
    }
  }
  .claim-penalty-summary--hero {
    display: flex;
    flex-direction: column;
    align-content: flex-start;
    align-items: flex-start;
    justify-content: flex-start;
    gap: calc(var(--spacing) * 2);
    overflow: hidden;
  }
  .claim-penalty-summary:hover {
    transform: translateY(-1px);
  }
  .claim-penalty-summary__badge {
    position: absolute;
    top: calc(var(--spacing) * 2.5);
    right: calc(var(--spacing) * 2.5);
  }
  .claim-penalty-summary__head {
    display: flex;
    width: 100%;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .claim-penalty-summary__statusline {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .claim-penalty-summary__status {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: 0.68rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 28%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 28%, white);
    }
  }
  .claim-penalty-summary__status--active {
    color: #047857;
    border-color: rgb(16 185 129 / 0.28);
    background-color: #ecfdf5;
  }
  .claim-penalty-summary__status--warn, .claim-penalty-summary__status--stale {
    color: #b45309;
    border-color: rgb(245 158 11 / 0.32);
    background-color: #fffbeb;
  }
  .claim-penalty-summary__status--closed {
    color: #475569;
    border-color: rgb(100 116 139 / 0.24);
    background-color: #f8fafc;
  }
  .claim-penalty-summary__status--static, .claim-penalty-summary__status--empty {
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 18%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 18%, white);
    }
  }
  .claim-penalty-summary__cta {
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: 0.68rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.540 0.073 236) 76%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent) 76%, var(--color-text));
    }
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 18%, var(--color-border));
    }
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 8%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 8%, white);
    }
  }
  .claim-penalty-summary__amount-row {
    display: flex;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    align-items: flex-end;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .claim-penalty-summary__amount {
    min-width: calc(var(--spacing) * 0);
    font-size: 1.38rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
    overflow-wrap: anywhere;
  }
  .claim-penalty-summary__as-of {
    flex-shrink: 0;
    text-align: right;
    font-size: 0.68rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
  }
  .claim-penalty-summary__metrics {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(var(--spacing) * 1.5);
  }
  .claim-penalty-summary__metric {
    min-width: calc(var(--spacing) * 0);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
    background-color: rgb(255 255 255 / 0.56);
  }
  .claim-penalty-summary__metric-label, .claim-penalty-summary__metric-value {
    display: block;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .claim-penalty-summary__metric-label {
    font-size: 0.62rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
  }
  .claim-penalty-summary__metric-value {
    margin-top: calc(var(--spacing) * 1);
    font-size: 0.78rem;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
  }
  .claim-penalty-summary__footnote {
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 0.68rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    color: var(--color-subtle);
  }
  .claim-penalty-table {
    overflow: hidden;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 92%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 92%, var(--color-muted));
    }
  }
  .claim-penalty-table__header {
    display: none;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
    @media (width >= 48rem) {
      display: grid;
    }
    @media (width >= 48rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 65%, transparent);
    }
    border-bottom: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--color-border) 70%, transparent);
    }
  }
  .claim-penalty-table__row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(7, minmax(0, 1fr));
    }
    border-top: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--color-border) 58%, transparent);
    }
  }
  .claim-penalty-table__row:first-of-type {
    border-top: 0;
  }
  .claim-penalty-table__cell {
    min-width: calc(var(--spacing) * 0);
  }
  .claim-penalty-table__cell--ordinal {
    @media (width >= 48rem) {
      max-width: 4rem;
    }
  }
  .claim-penalty-table__label {
    margin-bottom: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
    @media (width >= 48rem) {
      display: none;
    }
  }
  .claim-penalty-modal {
    max-width: var(--container-6xl);
    overflow: hidden;
    padding: calc(var(--spacing) * 0);
    border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    box-shadow: 0 38px 95px -58px rgb(15 23 42 / 0.62);
  }
  .claim-penalty-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 66%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 66%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.82)), color-mix(in srgb, oklch(0.923 0.014 205) 46%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.82)), color-mix(in oklab, var(--color-muted) 46%, white);
    }
  }
  .claim-penalty-modal__body {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
    overflow-y: auto;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    max-height: calc(90vh - 5rem);
    max-height: calc(90dvh - 5rem);
  }
  .claim-penalty-modal__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .claim-penalty-modal__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .claim-penalty-modal__subtitle {
    margin-top: calc(var(--spacing) * 1);
    max-width: var(--container-2xl);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-penalty-modal__stats {
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .claim-penalty-modal__stat {
    min-width: calc(var(--spacing) * 0);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: color-mix(in srgb, oklch(0.987 0.006 96) 94%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-surface) 94%, var(--color-muted));
    }
  }
  .claim-penalty-modal__stat-label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .claim-penalty-modal__stat-value {
    margin-top: calc(var(--spacing) * 1);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .claim-penalty-modal__stat-value--date {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .claim-penalty-modal__section {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
  }
  .claim-penalty-modal__section-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
    background: color-mix(in srgb, oklch(0.923 0.014 205) 30%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-muted) 30%, white);
    }
  }
  .claim-penalty-modal__section-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .claim-penalty-modal__section-subtitle {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .claim-penalty-modal__form {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .claim-penalty-modal__note, .claim-penalty-modal__alert, .claim-penalty-modal__error {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .claim-penalty-modal__note {
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: color-mix(in srgb, oklch(0.923 0.014 205) 38%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-muted) 38%, white);
    }
  }
  .claim-penalty-modal__alert {
    border-color: var(--color-amber-200);
    background-color: var(--color-amber-50);
    color: var(--color-amber-800);
  }
  .claim-penalty-modal__error {
    border-color: var(--color-rose-200);
    background-color: var(--color-rose-50);
    color: var(--color-rose-800);
  }
  .claim-penalty-modal__footer {
    position: sticky;
    bottom: calc(var(--spacing) * 0);
    margin-inline: calc(var(--spacing) * -5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: rgb(255 255 255 / 0.94);
    backdrop-filter: blur(10px);
  }
  .claim-penalty-source-grid {
    display: grid;
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .claim-penalty-source-group {
    min-width: calc(var(--spacing) * 0);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
  }
  .claim-penalty-source-group__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
  }
  .claim-penalty-source-group__count {
    margin-left: auto;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .claim-penalty-source-group__rows {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 56%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 56%, transparent);
    }
  }
  .claim-penalty-source-row {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .claim-penalty-source-row__topline, .claim-penalty-source-row__metrics {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1);
  }
  .claim-penalty-source-row__topline {
    color: var(--color-text);
  }
  .claim-penalty-source-row__metrics {
    color: var(--color-subtle);
  }
  .claim-penalty-source-row__total {
    margin-left: auto;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .claim-penalty-source-row__quote {
    max-height: calc(var(--spacing) * 16);
    overflow-y: auto;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
    background: color-mix(in srgb, oklch(0.923 0.014 205) 34%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-muted) 34%, white);
    }
  }
  .claim-penalty-source-badge, .claim-penalty-status {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .claim-penalty-source-badge--application {
    border-color: var(--color-sky-200);
    background-color: var(--color-sky-50);
    color: var(--color-sky-700);
  }
  .claim-penalty-source-badge--court {
    border-color: var(--color-indigo-200);
    background-color: var(--color-indigo-50);
    color: var(--color-indigo-700);
  }
  .claim-penalty-source-badge--manual {
    border-color: var(--color-emerald-200);
    background-color: var(--color-emerald-50);
    color: var(--color-emerald-700);
  }
  .claim-penalty-source-badge--legacy {
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    color: var(--color-slate-700);
  }
  .claim-penalty-status--running, .claim-penalty-status--accepted {
    border-color: var(--color-emerald-200);
    background-color: var(--color-emerald-50);
    color: var(--color-emerald-700);
  }
  .claim-penalty-status--closed {
    border-color: var(--color-slate-200);
    background-color: var(--color-slate-50);
    color: var(--color-slate-600);
  }
  .claim-penalty-row-number {
    display: inline-flex;
    height: calc(var(--spacing) * 6);
    min-width: calc(var(--spacing) * 6);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: rgb(255 255 255 / 0.74);
  }
  .claim-penalty-row-period {
    min-width: calc(var(--spacing) * 0);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .claim-penalty-edit-list {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding: calc(var(--spacing) * 3);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(248 249 249 / 0.68)), color-mix(in srgb, oklch(0.923 0.014 205) 20%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(248 249 249 / 0.68)), color-mix(in oklab, var(--color-muted) 20%, white);
    }
  }
  .claim-penalty-edit-row {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 66%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 66%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.78)), color-mix(in srgb, oklch(0.987 0.006 96) 94%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.78)), color-mix(in oklab, var(--color-surface) 94%, var(--color-muted));
    }
    box-shadow: 0 16px 30px -30px rgb(15 23 42 / 0.42);
  }
  .claim-penalty-edit-row__summary {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .claim-penalty-edit-row__identity {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .claim-penalty-edit-row__amounts {
    display: flex;
    flex-shrink: 0;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    text-align: right;
  }
  .claim-penalty-edit-row__amounts strong {
    display: block;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .claim-penalty-edit-row__amount-label {
    display: block;
    font-size: 10px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .claim-penalty-edit-row__daily {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-emerald-700);
    border-color: rgb(16 185 129 / 0.24);
    background-color: #ecfdf5;
  }
  .claim-penalty-edit-row__opening {
    margin-top: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 78%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 78%, var(--color-subtle));
    }
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 16%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 16%, var(--color-border));
    }
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 7%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 7%, white);
    }
  }
  .claim-penalty-edit-row__fields {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .claim-penalty-field {
    min-width: calc(var(--spacing) * 0);
  }
  .claim-penalty-field > span {
    margin-bottom: calc(var(--spacing) * 1);
    display: block;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .claim-penalty-field > strong {
    display: block;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
    background-color: rgb(255 255 255 / 0.72);
  }
  .claim-penalty-field .input-compact {
    width: 100%;
  }
  .claim-penalty-edit-row__footer {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .claim-penalty-edit-row__quote {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 58%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 24%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 24%, white);
    }
  }
  .claim-penalty-table--modal {
    border-radius: 0;
    border-style: var(--tw-border-style);
    border-width: 0px;
  }
  .claim-penalty-table--modal .claim-penalty-table__row {
    padding-block: calc(var(--spacing) * 3);
  }
  .claim-penalty-table__row-index, .claim-penalty-table__source {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .claim-details-payments {
    border-radius: calc(var(--radius-lg) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 42%, transparent), transparent 24%), radial-gradient(130% 110% at 0% 0%, color-mix(in oklab, white 18%, transparent) 0%, transparent 68%), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 42%, transparent), transparent 24%), radial-gradient(130% 110% at 0% 0%, color-mix(in oklab, white 18%, transparent) 0%, transparent 68%), color-mix(in oklab, var(--color-surface) 96%, white);
    }
  }
  .claim-details-payments__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    border-bottom: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.923 0.014 205) 52%, transparent), transparent 92%);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-muted) 52%, transparent), transparent 92%);
    }
  }
  .claim-details-payments__lead {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .claim-details-payments__indicator {
    margin-top: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background: linear-gradient(180deg, #34d399, #10b981);
  }
  .claim-details-payments__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .claim-details-payments__headline {
    margin-top: calc(var(--spacing) * 1);
    font-size: 1rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .claim-details-payments__subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .claim-details-payments__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 10px;
  }
  .claim-details-payments__toolbar {
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 3);
  }
  .claim-details-payments__controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .claim-details-payments__body {
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 4);
  }
  .claim-details-payments .badge {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
  }
  .claim-details-payments__section {
    border-radius: calc(var(--radius-md) + 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    box-shadow: inset 0 1px 0 color-mix(in oklab, white 50%, transparent);
  }
  .claim-details-payments__section + .claim-details-payments__section {
    margin-top: calc(var(--spacing) * 3);
  }
  .claim-details-payments__section--upcoming {
    background: linear-gradient(180deg, color-mix(in oklab, #f59e0b 8%, white), rgb(255 255 255 / 0.86)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, #f59e0b 8%, white), rgb(255 255 255 / 0.86)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
  }
  .claim-details-payments__section-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 3);
    border-bottom: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--color-border) 62%, transparent);
    }
  }
  .claim-details-payments__section-meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 10px;
  }
  .claim-details-payments__section-title {
    font-size: 13px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .claim-details-payments__section-subtitle {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-payments-disclosure {
    overflow: hidden;
    border-radius: calc(var(--radius-lg) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, rgb(120 128 140));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.62)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.62)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 20px 34px -40px rgb(15 23 42 / 0.24);
  }
  .claim-payments-disclosure__summary {
    display: grid;
    cursor: pointer;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    -webkit-user-select: none;
    user-select: none;
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    color: var(--color-text);
  }
  .claim-payments-disclosure__summary::-webkit-details-marker {
    display: none;
  }
  .claim-payments-disclosure__summary:hover {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 38%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 38%, transparent);
    }
  }
  .claim-payments-disclosure__mark {
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    background: linear-gradient(180deg, rgb(82 107 141), rgb(117 139 168));
  }
  .claim-payments-disclosure__copy {
    min-width: calc(var(--spacing) * 0);
  }
  .claim-payments-disclosure__eyebrow {
    display: block;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
    letter-spacing: 0;
  }
  .claim-payments-disclosure__title {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: 1rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 94%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 94%, black);
    }
    letter-spacing: 0;
  }
  .claim-payments-disclosure__subtitle {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .claim-payments-disclosure__state {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, rgb(120 128 140));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.66)), color-mix(in srgb, oklch(0.923 0.014 205) 36%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.66)), color-mix(in oklab, var(--color-muted) 36%, white);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 86%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 86%, var(--color-subtle));
    }
  }
  .claim-payments-disclosure__state::after {
    content: "";
    width: 0.44rem;
    height: 0.44rem;
    flex-shrink: 0;
    border-right: 1.75px solid currentColor;
    border-bottom: 1.75px solid currentColor;
    transform: rotate(45deg);
    transition: transform 160ms ease;
  }
  .claim-payments-disclosure__state-open {
    display: none;
  }
  .claim-payments-disclosure[open] .claim-payments-disclosure__state::after {
    transform: rotate(-135deg);
  }
  .claim-payments-disclosure[open] .claim-payments-disclosure__state-closed {
    display: none;
  }
  .claim-payments-disclosure[open] .claim-payments-disclosure__state-open {
    display: inline;
  }
  .claim-payments-disclosure__body {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 4);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  .claim-payments-disclosure__tabs {
    margin-bottom: calc(var(--spacing) * 3);
    display: inline-flex;
    max-width: 100%;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 1);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, rgb(120 128 140));
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 42%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 42%, white);
    }
  }
  .claim-payments-disclosure__tab {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    color: var(--color-subtle);
  }
  .claim-payments-disclosure__tab:hover {
    color: var(--color-text);
  }
  .claim-payments-disclosure__tab.is-active {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.74)), color-mix(in srgb, oklch(0.540 0.073 236) 8%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.74)), color-mix(in oklab, var(--color-accent) 8%, white);
    }
    color: var(--color-text);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 10px 18px -22px rgb(15 23 42 / 0.18);
  }
  .claim-payments-disclosure__panel {
    min-width: calc(var(--spacing) * 0);
  }
  @media (max-width: 40rem) {
    .claim-payments-disclosure__summary {
      grid-template-columns: auto minmax(0, 1fr);
    }
    .claim-payments-disclosure__state {
      grid-column: 2;
      justify-self: start;
    }
    .claim-payments-disclosure__tabs {
      display: grid;
      width: 100%;
      grid-template-columns: repeat(1, minmax(0, 1fr));
      border-radius: var(--radius-md);
    }
    .claim-payments-disclosure__tab {
      text-align: left;
    }
  }
  .payment-upcoming {
    margin-top: calc(var(--spacing) * 3);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .payment-upcoming__item {
    display: grid;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
    @media (width >= 64rem) {
      align-items: flex-start;
    }
    border-color: color-mix(in srgb, #f59e0b 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #f59e0b 24%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.72)), color-mix(in srgb, #f59e0b 6%, oklch(0.987 0.006 96));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.72)), color-mix(in oklab, #f59e0b 6%, var(--color-surface));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 12px 24px -28px rgb(15 23 42 / 0.3);
  }
  .payment-upcoming__main {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .payment-upcoming__topline {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .payment-upcoming__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .payment-upcoming__status {
    flex-shrink: 0;
  }
  .payment-upcoming__party {
    margin-top: calc(var(--spacing) * 1);
    font-size: 11px;
    color: var(--color-subtle);
  }
  .payment-upcoming__meta {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
    font-variant-numeric: tabular-nums;
  }
  .payment-upcoming__details {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .payment-upcoming__detail {
    min-width: calc(var(--spacing) * 0);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 66%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 66%, transparent);
    }
    background-color: rgb(255 255 255 / 0.58);
  }
  .payment-upcoming__detail-label {
    display: block;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    text-transform: uppercase;
    letter-spacing: 0;
  }
  .payment-upcoming__detail-value {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .payment-upcoming__iban {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
    font-variant-numeric: tabular-nums;
  }
  .payment-upcoming__summary {
    margin-top: calc(var(--spacing) * 2);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .payment-upcoming__route {
    margin-top: calc(var(--spacing) * 0.5);
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 2);
    row-gap: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
    font-variant-numeric: tabular-nums;
  }
  .payment-upcoming__route span {
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .payment-upcoming__route span + span::before {
    content: "\2192";
    margin-right: calc(var(--spacing) * 2);
    color: var(--color-subtle);
  }
  .payment-upcoming__note {
    margin-top: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .payment-upcoming__side {
    display: flex;
    flex-shrink: 0;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      min-width: 11rem;
    }
    @media (width >= 64rem) {
      flex-direction: column;
    }
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .payment-upcoming__amount {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    color: color-mix(in srgb, #0f766e 72%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, #0f766e 72%, var(--color-text));
    }
  }
  .payment-upcoming__action {
    flex-shrink: 0;
  }
  .payment-grid {
    overflow: hidden;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    box-shadow: inset 0 1px 0 color-mix(in oklab, white 45%, transparent);
  }
  .payment-grid__header {
    display: none;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
    @media (width >= 40rem) {
      display: grid;
    }
    position: sticky;
    top: 0;
    z-index: 1;
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 75%, transparent);
    }
    border-color: var(--color-border);
  }
  .payment-grid__header > div {
    border-left: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-left: 1px solid color-mix(in oklab, var(--color-border) 65%, transparent);
    }
    padding-left: 0.75rem;
  }
  .payment-grid__header > div:first-child {
    border-left: 0;
    padding-left: 0;
  }
  .payment-grid__row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 11px;
    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));
    @media (width >= 40rem) {
      grid-template-columns: repeat(12, minmax(0, 1fr));
    }
    font-variant-numeric: tabular-nums;
  }
  .payment-grid__cell {
    min-width: calc(var(--spacing) * 0);
    @media (width >= 40rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 3);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 60%, transparent);
    }
  }
  .payment-grid__cell--first {
    @media (width >= 40rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 0px;
    }
    @media (width >= 40rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .payment-grid__cell--right {
    @media (width >= 40rem) {
      text-align: right;
    }
  }
  .payment-grid__row:nth-child(even) {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 35%, transparent);
    }
  }
  .payment-grid__row--upcoming, .payment-grid__row--upcoming:nth-child(even) {
    background: linear-gradient(180deg, color-mix(in oklab, #f59e0b 7%, transparent), transparent 100%), color-mix(in srgb, oklch(0.987 0.006 96) 95%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, #f59e0b 7%, transparent), transparent 100%), color-mix(in oklab, var(--color-surface) 95%, var(--color-muted));
    }
  }
  .payment-grid__row:hover {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 55%, transparent);
    }
  }
  .payment-grid__label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
    @media (width >= 40rem) {
      display: none;
    }
  }
  .payment-grid__amount {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-emerald-700);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .payment-grid__amount--outbound {
    color: color-mix(in srgb, #0f766e 72%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, #0f766e 72%, var(--color-text));
    }
  }
  .payment-grid__num {
    font-variant-numeric: tabular-nums;
  }
  .payment-grid__chip {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 75%, transparent);
    }
    box-shadow: inset 0 1px 0 color-mix(in oklab, white 60%, transparent);
  }
  .payment-grid__impact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 10px;
    color: var(--color-subtle);
  }
  .payment-grid__impact-chip {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .payment-grid__impact-chip--total {
    background-color: color-mix(in oklab, #10b981 18%, transparent);
    color: #047857;
  }
  .payment-grid__impact-chip--penalty {
    background-color: color-mix(in oklab, #f59e0b 20%, transparent);
    color: #b45309;
  }
  .payment-grid__impact-chip--fees {
    background-color: color-mix(in oklab, #6366f1 18%, transparent);
    color: #4338ca;
  }
  .payment-grid__impact-chip--misc {
    background-color: color-mix(in oklab, #64748b 18%, transparent);
    color: #334155;
  }
  .payment-grid__impact-chip--neutral {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 82%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 82%, transparent);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 78%, transparent);
    }
  }
  .payment-grid__impact-meta {
    font-size: 10px;
  }
  .payment-grid__impact-sub {
    font-size: 10px;
    color: var(--color-subtle);
  }
  .payment-activity__title {
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .payment-activity__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .payment-activity__iban {
    margin-top: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
    font-variant-numeric: tabular-nums;
  }
  .payment-activity__note {
    font-size: 10px;
    color: var(--color-subtle);
  }
  .payment-activity__seg-count {
    margin-left: calc(var(--spacing) * 1);
    display: inline-flex;
    min-width: 1.35rem;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 78%, transparent);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 78%, transparent);
    }
  }
  .claim-details-payments .claim-payment-filter-switch {
    display: grid;
    width: 100%;
    max-width: 22rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 1);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background: color-mix(in srgb, oklch(0.923 0.014 205) 48%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-muted) 48%, white);
    }
  }
  .claim-details-payments .claim-payment-filter-switch__item {
    display: inline-flex;
    min-height: calc(var(--spacing) * 9);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius-md) - 4px);
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    color: color-mix(in srgb, oklch(0.285 0.014 245) 64%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 64%, var(--color-subtle));
    }
  }
  .claim-details-payments .claim-payment-filter-switch__item.is-active, .claim-details-payments .claim-payment-filter-switch__item[aria-current="page"] {
    background: #ffffff;
    color: var(--color-text);
    box-shadow: var(--shadow-soft);
  }
  .claim-details-payments--embedded {
    border-style: var(--tw-border-style);
    border-width: 0px;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background: transparent;
  }
  .claim-details-payments--embedded .claim-details-payments__toolbar {
    padding-inline: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 0);
  }
  .claim-details-payments--embedded .claim-details-payments__body {
    padding-inline: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
  }
  .claim-details-payments--embedded .claim-details-payments__section {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.6)), color-mix(in srgb, oklch(0.987 0.006 96) 94%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.6)), color-mix(in oklab, var(--color-surface) 94%, var(--color-muted));
    }
  }
  .claim-component-progress {
    border-radius: calc(var(--radius-lg) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.923 0.014 205) 44%, transparent), transparent 74%), radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, white 28%, transparent) 0%, transparent 72%), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-muted) 44%, transparent), transparent 74%), radial-gradient(120% 90% at 0% 0%, color-mix(in oklab, white 28%, transparent) 0%, transparent 72%), color-mix(in oklab, var(--color-surface) 95%, white);
    }
  }
  .claim-component-progress--embedded {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86);
  }
  .claim-component-progress__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 3);
    border-bottom: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--color-border) 65%, transparent);
    }
  }
  .claim-component-progress__title {
    font-size: 13px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .claim-component-progress__meta {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .claim-component-progress__list {
    margin-top: calc(var(--spacing) * 3);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .claim-component-progress__row {
    border-radius: calc(var(--radius-md) + 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.62)), color-mix(in srgb, oklch(0.987 0.006 96) 94%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.62)), color-mix(in oklab, var(--color-surface) 94%, var(--color-muted));
    }
  }
  .claim-component-progress__row-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    font-size: 11px;
  }
  .claim-component-progress__label {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .claim-component-progress__pct {
    color: var(--color-subtle);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .claim-component-progress__track {
    margin-top: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    width: 100%;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background-color: color-mix(in srgb, oklch(0.842 0.018 228) 52%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-border) 52%, transparent);
    }
  }
  .claim-component-progress__fill {
    display: block;
    height: 100%;
    width: 100%;
    appearance: none;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
  }
  .claim-component-progress__fill::-webkit-progress-bar {
    background-color: transparent;
  }
  .claim-component-progress__fill::-webkit-progress-value {
    border-radius: 9999px;
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 68%, white), color-mix(in srgb, oklch(0.432 0.070 236) 80%, black));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 68%, white), color-mix(in oklab, var(--color-accent-700) 80%, black));
    }
  }
  .claim-component-progress__fill::-moz-progress-bar {
    border-radius: 9999px;
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 68%, white), color-mix(in srgb, oklch(0.432 0.070 236) 80%, black));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 68%, white), color-mix(in oklab, var(--color-accent-700) 80%, black));
    }
  }
  .claim-component-progress__amounts {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
    font-size: 11px;
    color: var(--color-subtle);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .claim-component-progress__amounts span {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.64)), color-mix(in srgb, oklch(0.923 0.014 205) 34%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.64)), color-mix(in oklab, var(--color-muted) 34%, white);
    }
  }
  .claim-component-progress__row--penalty .claim-component-progress__fill::-webkit-progress-value {
    background: linear-gradient(90deg, #f59e0b, #d97706);
  }
  .claim-component-progress__row--penalty .claim-component-progress__fill::-moz-progress-bar {
    background: linear-gradient(90deg, #f59e0b, #d97706);
  }
  .claim-component-progress__row--fees .claim-component-progress__fill::-webkit-progress-value {
    background: linear-gradient(90deg, #0ea5e9, #0369a1);
  }
  .claim-component-progress__row--fees .claim-component-progress__fill::-moz-progress-bar {
    background: linear-gradient(90deg, #0ea5e9, #0369a1);
  }
  .claim-component-progress__row--misc .claim-component-progress__fill::-webkit-progress-value {
    background: linear-gradient(90deg, #64748b, #334155);
  }
  .claim-component-progress__row--misc .claim-component-progress__fill::-moz-progress-bar {
    background: linear-gradient(90deg, #64748b, #334155);
  }
  .claim-tasks-panel {
    border-radius: calc(var(--radius-lg) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 40%, transparent), transparent 26%), radial-gradient(130% 110% at 0% 0%, color-mix(in oklab, white 18%, transparent) 0%, transparent 68%), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 40%, transparent), transparent 26%), radial-gradient(130% 110% at 0% 0%, color-mix(in oklab, white 18%, transparent) 0%, transparent 68%), color-mix(in oklab, var(--color-surface) 95%, white);
    }
  }
  .claim-tasks-panel__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 4);
    border-bottom: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  .claim-tasks-panel__heading {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .claim-tasks-panel__dot {
    margin-top: calc(var(--spacing) * 1.5);
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.540 0.073 236) 72%, white), var(--color-accent-700));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 72%, white), var(--color-accent-700));
    }
  }
  .claim-tasks-panel__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
  }
  .claim-tasks-panel__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: 1rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .claim-tasks-panel__subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .claim-tasks-panel__count {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.66)), color-mix(in srgb, oklch(0.923 0.014 205) 42%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.66)), color-mix(in oklab, var(--color-muted) 42%, white);
    }
    color: var(--color-text);
  }
  .claim-tasks-panel__list {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .claim-task-item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2.5);
    border-radius: calc(var(--radius-md) + 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.64)), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.64)), color-mix(in oklab, var(--color-surface) 95%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 14px 24px -30px rgb(15 23 42 / 0.16);
  }
  .claim-task-item:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 22%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.7)), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.7)), color-mix(in oklab, var(--color-surface) 95%, white);
    }
  }
  .claim-task-item:focus-visible {
    outline: 2px solid var(--color-accent);
    outline-offset: 2px;
  }
  .claim-task-item__main {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    display: grid;
    gap: 0.25rem;
  }
  .claim-task-item__topline {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem;
    align-items: center;
  }
  .claim-task-item__badge {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }
  .claim-task-item__badge--action {
    background-color: color-mix(in oklab, #10b981 16%, transparent);
    color: #047857;
  }
  .claim-task-item__badge--worker {
    background-color: color-mix(in oklab, #0ea5e9 16%, transparent);
    color: #0369a1;
  }
  .claim-task-item__badge--problem {
    background-color: color-mix(in oklab, #f59e0b 18%, transparent);
    color: #b45309;
  }
  .claim-task-item__title {
    min-width: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    line-height: 1.28;
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .claim-task-item__time {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    justify-self: end;
    background: color-mix(in srgb, oklch(0.923 0.014 205) 56%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-muted) 56%, white);
    }
    color: var(--color-subtle);
    font-variant-numeric: tabular-nums;
  }
  .claim-task-item__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1);
    font-size: 11px;
    color: var(--color-subtle);
  }
  .claim-task-item__note {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
    overflow-wrap: anywhere;
  }
  .claim-task-item__note-label {
    margin-right: calc(var(--spacing) * 1);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .claim-task-item__link {
    display: grid;
    flex-shrink: 0;
    place-items: center;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: var(--color-accent-700);
  }
  .claim-task-item__link svg {
    width: 1rem;
    height: 1rem;
  }
  .claim-tasks-panel__empty {
    margin-top: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius-md) + 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.7), rgb(255 255 255 / 0.54)), color-mix(in srgb, oklch(0.923 0.014 205) 46%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.7), rgb(255 255 255 / 0.54)), color-mix(in oklab, var(--color-muted) 46%, white);
    }
    color: var(--color-subtle);
  }
  .claim-details-persistent-actions {
    margin-top: calc(var(--spacing) * 2);
    border-radius: calc(var(--radius-lg) + 6px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2.5);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 3);
    }
    border-color: rgb(255 255 255 / 0.12);
    background: linear-gradient(135deg, rgb(20 31 46), rgb(46 61 80) 58%, rgb(24 35 50)), rgb(20 31 46);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12), 0 24px 42px -44px rgb(15 23 42 / 0.58);
  }
  .claim-details-persistent-actions .claim-tasks-panel {
    margin: calc(var(--spacing) * 0);
    border-color: rgb(255 255 255 / 0.16);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 16px 28px -32px rgb(0 0 0 / 0.28);
  }
  .claim-scroll-toc {
    display: none;
  }
  .claim-scroll-toc-inline {
    display: block;
  }
  .claim-scroll-toc__card, .claim-scroll-toc-inline--panel {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.44)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.44)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84), 0 22px 34px -40px rgb(15 23 42 / 0.28);
  }
  .claim-scroll-toc-inline__summary {
    color: var(--color-text);
  }
  .claim-scroll-toc--with-toc .claim-scroll-toc__card {
    padding: calc(var(--spacing) * 2.5);
  }
  .claim-scroll-toc--with-toc .claim-toc-link {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 12px;
  }
  @media (min-width: 116rem) {
    .claim-scroll-toc--with-toc {
      display: block;
      position: fixed;
      top: 8rem;
      width: 10.5rem;
      left: calc(((100vw - 92rem) / 2 - 10.5rem) / 2);
      max-height: calc(100vh - 9rem);
      overflow-y: auto;
      z-index: 30;
    }
    .claim-scroll-toc-inline {
      display: none;
    }
  }
  .claim-details-view .claim-toc-link {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: transparent;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 13px;
    color: var(--color-text);
    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 {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(0.923 0.014 205) 70%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-muted) 70%, transparent);
        }
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-text);
      }
    }
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .claim-details-view .claim-toc-link[aria-current="location"] {
    background-color: var(--color-muted);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    border-left-color: var(--color-accent);
  }
  .claim-scroll-toc-inline > summary::-webkit-details-marker {
    display: none;
  }
  .claim-scroll-toc-inline[open] [data-claim-toc-chev] {
    transform: rotate(180deg);
  }
  .badge {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-color: var(--color-border);
  }
  .badge-success {
    border-color: var(--color-emerald-200);
    background-color: var(--color-emerald-50);
    color: var(--color-emerald-700);
  }
  .badge-warn {
    border-color: var(--color-amber-200);
    background-color: var(--color-amber-50);
    color: var(--color-amber-700);
  }
  .badge-danger {
    border-color: var(--color-rose-200);
    background-color: var(--color-rose-50);
    color: var(--color-rose-700);
  }
  .badge-info {
    border-color: var(--color-sky-200);
    background-color: var(--color-sky-50);
    color: var(--color-sky-700);
  }
  .badge-neutral {
    background-color: var(--color-surface);
    color: var(--color-subtle);
  }
  .delta-chip {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-color: var(--color-border);
  }
  .delta-up {
    border-color: var(--color-emerald-200);
    background-color: var(--color-emerald-50);
    color: var(--color-emerald-700);
  }
  .delta-down {
    border-color: var(--color-rose-200);
    background-color: var(--color-rose-50);
    color: var(--color-rose-700);
  }
  .delta-flat {
    background-color: var(--color-muted);
    color: var(--color-subtle);
  }
  .sparkbars {
    display: grid;
    height: calc(var(--spacing) * 8);
    width: 100%;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    align-items: flex-end;
    gap: calc(var(--spacing) * 0.5);
  }
  .sparkbar {
    width: 100%;
    border-radius: var(--radius-sm);
    background-color: var(--color-muted);
  }
  .sparkbar-accent {
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 28%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 28%, transparent);
    }
  }
  .skeleton {
    position: relative;
    overflow: hidden;
    background-color: var(--color-muted);
  }
  .skeleton::after {
    content: "";
    position: absolute;
    inset: calc(var(--spacing) * 0);
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-gradient-position: to right in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
    --tw-gradient-from: transparent;
    --tw-gradient-via: color-mix(in oklab, var(--color-white) 50%, transparent);
    --tw-gradient-via-stops: var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-via) var(--tw-gradient-via-position), var(--tw-gradient-to) var(--tw-gradient-to-position);
    --tw-gradient-stops: var(--tw-gradient-via-stops);
    --tw-gradient-to: transparent;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
    animation: shimmer 1.2s infinite;
  }
}
:root {
  color-scheme: light;
}
body {
  font-family: var(--font-sans);
  color: var(--color-text);
  min-width: 0;
  background: linear-gradient(115deg, color-mix(in srgb, #526d89 13%, #f3f6f5), #fbfaf6 38%, color-mix(in srgb, #5b867d 13%, #e8f0f0)), linear-gradient(180deg, #edf2f2 0, #fbfaf6 20rem, #e9efef 100%), var(--color-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(115deg, color-mix(in oklab, var(--color-brand-steel) 13%, #f3f6f5), #fbfaf6 38%, color-mix(in oklab, var(--color-brand-sage) 13%, #e8f0f0)), linear-gradient(180deg, #edf2f2 0, #fbfaf6 20rem, #e9efef 100%), var(--color-bg);
  }
}
@layer base {
  h1 {
    margin-bottom: calc(var(--spacing) * 4);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  hr {
    border-color: var(--color-border);
  }
  a {
    text-underline-offset: 2px;
  }
  dialog:not([open]) {
    display: none;
  }
  dialog[open] {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 4);
  }
  dialog::backdrop {
    background-color: color-mix(in srgb, #000 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 40%, transparent);
    }
  }
  dialog[open] .modal-content {
    max-height: 88vh;
    width: min(96vw, 1100px);
    overflow: auto;
    border-radius: var(--radius-lg);
    background-color: var(--color-surface);
    --tw-shadow: var(--shadow-elev);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0;
    z-index: 50;
  }
}
@keyframes shimmer {
  100% {
    transform: translateX(100%);
  }
}
@layer components {
  .local-db-badge {
    position: fixed;
    left: calc(var(--spacing) * 3);
    z-index: 80;
    display: inline-flex;
    max-width: calc(100vw - 1.5rem);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-shadow: 0 12px 28px -20px var(--tw-shadow-color, rgb(15 23 42 / 0.5));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-backdrop-blur: blur(8px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    bottom: calc(0.75rem + env(safe-area-inset-bottom, 0px));
    border-radius: 8px;
    letter-spacing: 0;
  }
  .local-db-badge__label {
    flex-shrink: 0;
    letter-spacing: 0;
  }
  .local-db-badge__name {
    max-width: 14rem;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    letter-spacing: 0;
    opacity: 0.74;
  }
  .local-db-badge--aws-dev {
    border-color: rgb(37 99 235 / 0.38);
    background-color: rgb(239 246 255 / 0.95);
    color: #1d4ed8;
  }
  .local-db-badge--aws-prod {
    border-color: rgb(220 38 38 / 0.42);
    background-color: rgb(254 242 242 / 0.96);
    color: #991b1b;
  }
  .local-db-badge--dev {
    border-color: rgb(14 165 233 / 0.34);
    background-color: rgb(240 249 255 / 0.94);
    color: #075985;
  }
  .local-db-badge--prod {
    border-color: rgb(249 115 22 / 0.42);
    background-color: rgb(255 247 237 / 0.96);
    color: #9a3412;
  }
  .local-db-badge--original {
    border-color: rgb(100 116 139 / 0.28);
    background-color: rgb(248 250 252 / 0.94);
    color: #334155;
  }
  .local-db-badge--other {
    border-color: rgb(20 184 166 / 0.34);
    background-color: rgb(240 253 250 / 0.94);
    color: #0f766e;
  }
  .claims-table {
    position: relative;
    overflow: visible;
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: transparent;
    border-color: transparent;
    width: 100%;
    max-width: 100%;
    border-radius: 0;
    box-shadow: none;
  }
  .claims-table::before {
    display: none;
  }
  .claims-table__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-top: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 2.5);
    margin-bottom: 0.28rem;
    border-bottom: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 46%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--color-border) 46%, transparent);
    }
  }
  .claims-table__identity {
    position: relative;
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    padding: 0.32rem 0.58rem 0.32rem 0.3rem;
    border-radius: 11px;
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 8%, transparent), transparent 84%), rgb(255 255 255 / 0.18);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 8%, transparent), transparent 84%), rgb(255 255 255 / 0.18);
    }
  }
  .claims-table__mark {
    display: flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    color: var(--color-text);
    border: 0;
    border-radius: 9px;
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 16%, transparent), transparent 86%), rgb(255 255 255 / 0.22);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 16%, transparent), transparent 86%), rgb(255 255 255 / 0.22);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 14%, transparent), 0 10px 22px -22px rgb(30 51 84 / 0.5);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 14%, transparent), 0 10px 22px -22px rgb(30 51 84 / 0.5);
    }
  }
  .claims-table__title-row {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .claims-table__title {
    font-size: 15px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    letter-spacing: 0;
  }
  .claims-table__count-pill {
    display: inline-flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10.5px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    letter-spacing: 0;
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 10%, transparent), transparent 82%), rgb(255 255 255 / 0.24);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 10%, transparent), transparent 82%), rgb(255 255 255 / 0.24);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.842 0.018 228) 38%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-border) 38%, transparent);
    }
  }
  .claims-table__subtitle {
    margin-top: calc(var(--spacing) * 0.5);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: 10.5px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    text-transform: uppercase;
    opacity: 75%;
    letter-spacing: 0;
  }
  .claims-table__subtitle-separator {
    opacity: 0.48;
  }
  .claims-table__controls {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .claims-table__latest, .claims-table__latest.btn-muted {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    min-height: 2.18rem;
    padding: 0.5rem 0.72rem;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 14%, transparent), transparent 84%), rgb(255 255 255 / 0.26);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 14%, transparent), transparent 84%), rgb(255 255 255 / 0.26);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 84%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 84%, var(--color-subtle));
    }
    font-size: 12px;
    font-weight: 720;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.842 0.018 228) 42%, transparent), 0 10px 24px -24px rgb(30 51 84 / 0.48);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-border) 42%, transparent), 0 10px 24px -24px rgb(30 51 84 / 0.48);
    }
  }
  .claims-table__latest:hover, .claims-table__latest.btn-muted:hover {
    color: var(--color-accent-700);
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 20%, transparent), transparent 84%), rgb(255 255 255 / 0.36);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 20%, transparent), transparent 84%), rgb(255 255 255 / 0.36);
    }
  }
  .claims-table__latest.btn-primary {
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 34%, transparent), transparent 82%), color-mix(in srgb, oklch(0.540 0.073 236) 8%, rgb(255 255 255 / 0.26));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 34%, transparent), transparent 82%), color-mix(in oklab, var(--color-accent) 8%, rgb(255 255 255 / 0.26));
    }
    color: var(--color-accent-700);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 28%, transparent), 0 12px 26px -24px color-mix(in srgb, oklch(0.540 0.073 236) 42%, rgb(30 51 84));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 28%, transparent), 0 12px 26px -24px color-mix(in oklab, var(--color-accent) 42%, rgb(30 51 84));
    }
  }
  .claims-table__search {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
  }
  .claims-table__search-label {
    display: none;
    @media (width >= 40rem) {
      display: inline;
    }
  }
  .claims-table__search-shell {
    position: relative;
  }
  .claims-table__search-icon {
    pointer-events: none;
    position: absolute;
    top: calc(1/2 * 100%);
    left: calc(var(--spacing) * 3);
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    color: var(--color-subtle);
  }
  .claims-table__search-input {
    width: calc(var(--spacing) * 72);
    padding-left: calc(var(--spacing) * 9);
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 80);
    }
    min-height: 2.18rem;
    border: 0;
    border-radius: 8px;
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 7%, transparent), transparent 78%), rgb(255 255 255 / 0.3);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 7%, transparent), transparent 78%), rgb(255 255 255 / 0.3);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 88%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 88%, black);
    }
    font-size: 12px;
    font-weight: 600;
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.842 0.018 228) 42%, transparent), 0 10px 24px -24px rgb(30 51 84 / 0.42);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-border) 42%, transparent), 0 10px 24px -24px rgb(30 51 84 / 0.42);
    }
  }
  .claims-table__table {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    width: 100%;
    max-width: 100%;
    min-width: 1040px;
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0 0.58rem;
  }
  .claims-table > .overflow-x-auto {
    padding: 0 0.08rem;
    background: transparent;
  }
  .claims-table__head {
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    background: transparent;
    border-bottom: 0;
    letter-spacing: 0;
  }
  .claims-table__th {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-top: calc(var(--spacing) * 1.5);
    padding-bottom: calc(var(--spacing) * 2);
    vertical-align: middle;
    white-space: nowrap;
    border: 0;
    background: transparent;
    font-size: 12px;
    font-weight: 730;
    letter-spacing: 0;
  }
  .claims-table__th:first-child {
    border-left: 0;
    border-radius: 0;
    padding-left: 0.75rem;
  }
  .claims-table__th:last-child {
    border-right: 0;
    border-radius: 0;
  }
  .claims-table__sort {
    display: flex;
    width: fit-content;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-md);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    color: var(--color-subtle);
    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 {
      @media (hover: hover) {
        color: var(--color-text);
      }
    }
    position: relative;
    margin-inline: auto;
    color: var(--dashboard-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--dashboard-ink) 72%, var(--color-subtle));
    }
    font: inherit;
    background: linear-gradient(90deg, var(--dashboard-mint), transparent 84%), rgb(255 255 255 / 0.42);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--dashboard-mint) 11%, transparent), transparent 84%), rgb(255 255 255 / 0.42);
    }
    box-shadow: inset 0 0 0 1px var(--dashboard-ink-2);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--dashboard-ink-2) 8%, transparent);
    }
  }
  .claims-table__sort:hover {
    color: var(--dashboard-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--dashboard-ink) 90%, black);
    }
    background: linear-gradient(90deg, var(--dashboard-mint), transparent 84%), rgb(255 255 255 / 0.62);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--dashboard-mint) 17%, transparent), transparent 84%), rgb(255 255 255 / 0.62);
    }
  }
  .claims-table__sort::before {
    content: "";
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: var(--dashboard-ink-2);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--dashboard-ink-2) 62%, var(--dashboard-mint));
    }
    opacity: 0.55;
  }
  .claims-table__th--amounts .claims-table__sort {
    justify-content: center;
  }
  .claims-table__th--assignee {
    padding-inline: 0.35rem;
    text-align: left;
  }
  .claims-table__th--assignee .claims-table__sort {
    margin-inline: 0;
  }
  .claims-table__th--parties .claims-table__sort {
    margin-inline: 0;
  }
  .claims-table__sort-group {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--spacing) * 1.5);
    padding-left: 0.28rem;
  }
  .claims-table__sort-group-label {
    display: none;
    flex-shrink: 0;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    text-transform: uppercase;
    opacity: 65%;
    @media (width >= 80rem) {
      display: inline;
    }
    flex-basis: 4.7rem;
    letter-spacing: 0;
  }
  .claims-table__sort--secondary {
    color: color-mix(in srgb, oklch(0.285 0.014 245) 56%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 56%, var(--color-subtle));
    }
  }
  .claims-table__sort-icon {
    height: calc(var(--spacing) * 3.5);
    width: calc(var(--spacing) * 3.5);
    opacity: 55%;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .claims-table__clear {
    margin-left: calc(var(--spacing) * 1);
    display: none;
    border-radius: 0.25rem;
    padding: calc(var(--spacing) * 1);
    color: var(--color-subtle);
    &:hover {
      @media (hover: hover) {
        color: var(--color-text);
      }
    }
  }
  .claims-table__cell {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    vertical-align: middle;
    overflow: hidden;
    text-overflow: clip;
    font-size: 13px;
    line-height: 1.24;
  }
  .claims-table__cell--claim-number {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .claims-table__claim-ref {
    display: block;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 94%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 94%, black);
    }
    font-size: 0.85rem;
    font-weight: 720;
    line-height: 1.14;
  }
  .claims-table__claim-date {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
    }
  }
  .claims-table__state-chip {
    margin-top: calc(var(--spacing) * 1.5);
    display: inline-flex;
    width: fit-content;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    max-width: 100%;
    border: 1px solid var(--claim-row-accent, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 28%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.34)), var(--claim-row-chip, var(--claim-row-tint, oklch(0.923 0.014 205)));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.34)), color-mix(in oklab, var(--claim-row-chip, var(--claim-row-tint, var(--color-muted))) 64%, white);
    }
    color: var(--claim-row-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-row-ink, var(--color-text)) 92%, black);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.58), 0 8px 16px -16px var(--claim-row-accent, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.58), 0 8px 16px -16px color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 36%, transparent);
    }
  }
  .claims-card-identity {
    min-width: 0;
  }
  .claims-card-mobile-head {
    min-width: 0;
  }
  .claims-card-mobile-money, .claims-card-mobile-parties, .claims-mobile-assignee {
    display: none;
  }
  .claims-table__cell--softwrap {
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: auto;
    -webkit-hyphens: auto;
    text-wrap: pretty;
    hyphenate-character: "-";
    text-overflow: clip;
  }
  .claims-table__cell--operation {
    overflow: visible;
  }
  .claims-table__cell--parties {
    overflow: visible;
  }
  .claims-table__cell--assignee {
    text-align: left;
    position: relative;
    overflow: visible;
    padding-inline: 0.35rem;
  }
  .claims-table__cell--amounts {
    text-align: right;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    position: relative;
    overflow: visible;
  }
  .claims-table__cell-primary {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    letter-spacing: 0;
  }
  .claims-table__cell-muted {
    color: var(--color-subtle);
  }
  .claims-table__link {
    border-radius: var(--radius-sm);
    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));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    text-decoration: none;
    border-bottom: 1px solid transparent;
  }
  .claims-table__link:hover {
    color: var(--color-accent-700);
    border-bottom-color: color-mix(in srgb, oklch(0.540 0.073 236) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in oklab, var(--color-accent) 45%, transparent);
    }
  }
  .claims-money-cell {
    display: inline-grid;
    min-width: calc(var(--spacing) * 0);
    gap: calc(var(--spacing) * 0.5);
    justify-items: end;
    min-width: 7.25rem;
  }
  .claims-money-main, .claims-money-total {
    display: inline-flex;
    width: 100%;
    align-items: baseline;
    justify-content: space-between;
    gap: calc(var(--spacing) * 1.5);
    white-space: nowrap;
  }
  .claims-money-main {
    color: var(--claim-row-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-row-ink, var(--color-text)) 82%, var(--color-text));
    }
    font-size: 13.5px;
    font-weight: 740;
  }
  .claims-money-total {
    color: color-mix(in srgb, oklch(0.500 0.015 235) 88%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 88%, var(--color-text));
    }
    font-size: 10.5px;
    font-weight: 580;
  }
  .claims-money-label {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: oklch(0.500 0.015 235);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 74%, var(--claim-row-ink, var(--color-text)));
    }
    font-size: 9px;
    letter-spacing: 0;
  }
  .claims-money-value {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .claims-table__empty {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 8);
    text-align: center;
  }
  .claims-table__empty-pill {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
    border-color: var(--color-border);
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 65%, transparent);
    }
  }
  .claims-party-cell {
    display: grid;
    min-width: calc(var(--spacing) * 0);
    gap: calc(var(--spacing) * 1);
  }
  .claims-party-line {
    display: grid;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    grid-template-columns: 4.7rem minmax(0, 1fr);
    border: 1px solid var(--claim-row-accent, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 9%, transparent);
    }
    border-radius: 10px;
    padding: 0.28rem 0.42rem;
    background: linear-gradient(90deg, var(--claim-row-chip, var(--claim-row-tint, oklch(0.923 0.014 205))), transparent 86%), rgb(255 255 255 / 0.28);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--claim-row-chip, var(--claim-row-tint, var(--color-muted))) 18%, transparent), transparent 86%), rgb(255 255 255 / 0.28);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.42);
  }
  .claims-party-line--claimant {
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 7%, transparent), transparent 86%), rgb(255 255 255 / 0.12);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 7%, transparent), transparent 86%), rgb(255 255 255 / 0.12);
    }
  }
  .claims-party-label {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 9.5px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-transform: uppercase;
    color: oklch(0.500 0.015 235);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 78%, var(--claim-row-ink, var(--color-text)));
    }
    letter-spacing: 0;
  }
  .claims-party-name {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 90%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 90%, black);
    }
    font-size: 12.75px;
    line-height: 1.16;
  }
  .claims-party-line--claimant .claims-party-name {
    color: color-mix(in srgb, oklch(0.285 0.014 245) 76%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 76%, var(--color-subtle));
    }
    font-size: 11.5px;
  }
  .claims-operation-cell {
    position: relative;
    display: grid;
    min-width: calc(var(--spacing) * 0);
    gap: calc(var(--spacing) * 1);
  }
  .claims-operation-main {
    min-width: calc(var(--spacing) * 0);
  }
  .claims-row-owner-mark {
    display: inline-flex;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    max-width: 100%;
    min-height: 1.7rem;
    border-radius: 999px;
    color: color-mix(in srgb, oklch(0.285 0.014 245) 70%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 70%, var(--color-subtle));
    }
    background: linear-gradient(90deg, var(--claim-row-chip, oklch(0.923 0.014 205)), transparent 86%), rgb(255 255 255 / 0.32);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--claim-row-chip, var(--color-muted)) 22%, transparent), transparent 86%), rgb(255 255 255 / 0.32);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.42), inset 0 0 0 1px var(--claim-row-accent, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.42), inset 0 0 0 1px color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 14%, transparent);
    }
  }
  .claims-row-owner-mark::before {
    content: "";
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: var(--claim-row-accent, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 72%, white);
    }
    box-shadow: 0 0 0 2px var(--claim-row-accent, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 2px color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 12%, transparent);
    }
  }
  .claims-row-owner-mark[data-mine="true"] {
    color: var(--color-accent-700);
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 18%, transparent), transparent 86%), rgb(255 255 255 / 0.2);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 18%, transparent), transparent 86%), rgb(255 255 255 / 0.2);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 24%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 24%, transparent);
    }
  }
  .claims-row-owner-name {
    min-width: calc(var(--spacing) * 0);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 82%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 82%, var(--color-subtle));
    }
    line-height: 1.16;
    overflow: visible;
    overflow-wrap: break-word;
    text-overflow: clip;
    white-space: normal;
    word-break: normal;
  }
  .claims-row-owner-details {
    position: relative;
    display: inline-flex;
    max-width: 100%;
    min-width: calc(var(--spacing) * 0);
    text-align: left;
    width: 100%;
  }
  .claims-row-owner-summary {
    display: inline-flex;
    min-width: calc(var(--spacing) * 0);
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-md);
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 1px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    width: 100%;
  }
  .claims-row-owner-summary::-webkit-details-marker {
    display: none;
  }
  .claims-row-owner-summary::marker {
    content: "";
  }
  .claims-row-owner-details[open] .claims-assignee-caret {
    transform: rotate(180deg);
  }
  .claims-row-owner-details .claims-assignee-dropdown {
    left: auto;
    right: 0;
  }
  .claims-table__assignee-empty {
    display: inline-flex;
    width: 100%;
    align-items: center;
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    min-height: 1.42rem;
    background: linear-gradient(90deg, var(--claim-row-chip, oklch(0.923 0.014 205)), transparent 86%), rgb(255 255 255 / 0.1);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--claim-row-chip, var(--color-muted)) 10%, transparent), transparent 86%), rgb(255 255 255 / 0.1);
    }
    opacity: 0.68;
  }
  .claims-action-stack {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .claims-action-chip {
    position: relative;
    display: flex;
    width: 100%;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 11.5px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border: 1px solid var(--claim-row-accent, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 10%, transparent);
    }
    border-radius: 11px;
    background: linear-gradient(90deg, var(--claim-row-chip, var(--claim-row-tint, oklch(0.923 0.014 205))), transparent 82%), rgb(255 255 255 / 0.36);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--claim-row-chip, var(--claim-row-tint, var(--color-muted))) 24%, transparent), transparent 82%), rgb(255 255 255 / 0.36);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 90%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 90%, var(--color-subtle));
    }
    max-width: 100%;
    min-width: 0;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.52), 0 8px 18px -18px var(--claim-row-accent, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.52), 0 8px 18px -18px color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 38%, transparent);
    }
  }
  .claims-action-dot {
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: currentColor;
    opacity: 0.7;
    margin-top: 6px;
  }
  .claims-action-body {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
  }
  .claims-action-label {
    min-width: calc(var(--spacing) * 0);
    line-height: 1.25;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .claims-action-assignee {
    min-width: calc(var(--spacing) * 0);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    margin-top: 3px;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    text-wrap: pretty;
  }
  .claims-action-chip[data-kind="problem"] {
    background: linear-gradient(90deg, color-mix(in oklab, #fb7185 18%, transparent), transparent 82%), rgb(255 255 255 / 0.18);
    color: #9f1239;
  }
  .claims-action-chip[data-kind="problem"] .claims-action-dot {
    opacity: 0.8;
  }
  .claims-action-chip[data-kind="worker"] {
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 16%, transparent), transparent 82%), rgb(255 255 255 / 0.18);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 16%, transparent), transparent 82%), rgb(255 255 255 / 0.18);
    }
    color: var(--color-accent-700);
  }
  .claims-action-chip[data-kind="worker"] .claims-action-dot {
    opacity: 0.8;
  }
  .claims-action-chip[data-mine="true"] {
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.540 0.073 236) 24%, transparent), transparent 82%), rgb(255 255 255 / 0.2);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 24%, transparent), transparent 82%), rgb(255 255 255 / 0.2);
    }
  }
  .claims-action-more {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    text-transform: uppercase;
    letter-spacing: 0;
  }
  .claims-action-fallback {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--color-subtle);
  }
  .claims-table__row-action {
    display: inline-flex;
    align-items: center;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-radius: 7px;
    background: linear-gradient(90deg, var(--claim-row-chip, oklch(0.923 0.014 205)), transparent 82%), rgb(255 255 255 / 0.2);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--claim-row-chip, var(--color-muted)) 18%, transparent), transparent 82%), rgb(255 255 255 / 0.2);
    }
  }
  .claims-table__row-action:hover {
    color: var(--color-accent);
  }
  .claims-table__row-action: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);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
    --tw-ring-color: var(--color-accent);
  }
  .claims-assignee-details {
    position: relative;
    display: inline-flex;
    max-width: 100%;
    text-align: left;
  }
  .claims-assignee-summary {
    display: inline-flex;
    min-width: calc(var(--spacing) * 0);
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-md);
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 1px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .claims-assignee-summary::-webkit-details-marker {
    display: none;
  }
  .claims-assignee-summary::marker {
    content: "";
  }
  .claims-assignee-caret {
    height: calc(var(--spacing) * 3);
    width: calc(var(--spacing) * 3);
    flex-shrink: 0;
    opacity: 60%;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .claims-assignee-details[open] .claims-assignee-caret {
    transform: rotate(180deg);
  }
  .claims-assignee-more {
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 18%, transparent);
    }
    color: color-mix(in srgb, oklch(0.432 0.070 236) 86%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent-700) 86%, var(--color-text));
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 34%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 34%, transparent);
    }
  }
  .claims-assignee-dropdown {
    position: absolute;
    top: 100%;
    left: calc(var(--spacing) * 0);
    z-index: 40;
    margin-top: calc(var(--spacing) * 2);
    max-width: calc(var(--spacing) * 72);
    min-width: calc(var(--spacing) * 56);
    border-radius: var(--radius-xl);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2);
    --tw-shadow: var(--shadow-elev);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    display: none;
    white-space: normal;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, oklch(0.540 0.073 236) 20%);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, var(--color-accent) 20%);
    }
    background: linear-gradient( 180deg, color-mix(in srgb, oklch(0.987 0.006 96) 92%, white), color-mix(in srgb, oklch(0.923 0.014 205) 42%, white) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 180deg, color-mix(in oklab, var(--color-surface) 92%, white), color-mix(in oklab, var(--color-muted) 42%, white) );
    }
  }
  .claims-assignee-details[open] .claims-assignee-dropdown {
    display: block;
  }
  @media (hover: hover) {
    .claims-assignee-details:hover .claims-assignee-dropdown {
      display: block;
    }
  }
  .claims-assignee-dropdown-title {
    padding-inline: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    text-transform: uppercase;
    letter-spacing: 0;
  }
  .claims-assignee-list {
    margin: calc(var(--spacing) * 0);
    display: flex;
    list-style-type: none;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    padding: calc(var(--spacing) * 0);
  }
  .claims-assignee-list-item {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 62%, transparent);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.842 0.018 228) 48%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-border) 48%, transparent);
    }
  }
  .claims-assignee-list-item.is-me {
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 14%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 14%, white);
    }
    color: var(--color-accent-700);
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 38%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 38%, transparent);
    }
  }
  .claims-assignee-list-dot {
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    background-color: currentColor;
    opacity: 0.62;
  }
  .claims-assignee-list-name {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .debtor-bank-statements {
    position: relative;
    overflow: hidden;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    --bank-shell: color-mix(in srgb, oklch(0.987 0.006 96) 86%, #ecf2ff);
    @supports (color: color-mix(in lab, red, red)) {
      --bank-shell: color-mix(in oklab, var(--color-surface) 86%, #ecf2ff);
    }
    --bank-panel: color-mix(in srgb, oklch(0.987 0.006 96) 92%, white);
    @supports (color: color-mix(in lab, red, red)) {
      --bank-panel: color-mix(in oklab, var(--color-surface) 92%, white);
    }
    --bank-panel-soft: color-mix(in srgb, oklch(0.923 0.014 205) 50%, white);
    @supports (color: color-mix(in lab, red, red)) {
      --bank-panel-soft: color-mix(in oklab, var(--color-muted) 50%, white);
    }
    --bank-line: color-mix(in srgb, oklch(0.842 0.018 228) 82%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --bank-line: color-mix(in oklab, var(--color-border) 82%, transparent);
    }
    --bank-line-strong: color-mix(in srgb, oklch(0.842 0.018 228) 62%, oklch(0.540 0.073 236) 12%);
    @supports (color: color-mix(in lab, red, red)) {
      --bank-line-strong: color-mix(in oklab, var(--color-border) 62%, var(--color-accent) 12%);
    }
    border-color: var(--bank-line-strong);
    background: radial-gradient(135% 100% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 15%, transparent) 0%, transparent 58%), radial-gradient(120% 100% at 0% 100%, color-mix(in srgb, white 66%, transparent) 0%, transparent 62%), linear-gradient(170deg, var(--bank-shell), var(--bank-panel-soft));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(135% 100% at 100% 0%, color-mix(in oklab, var(--color-accent) 15%, transparent) 0%, transparent 58%), radial-gradient(120% 100% at 0% 100%, color-mix(in oklab, white 66%, transparent) 0%, transparent 62%), linear-gradient(170deg, var(--bank-shell), color-mix(in oklab, var(--bank-panel-soft) 72%, white));
    }
    box-shadow: 0 20px 42px -34px rgb(15 23 42 / 0.58), inset 0 1px 0 color-mix(in oklab, white 74%, transparent);
  }
  .debtor-bank-statements::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: linear-gradient( 90deg, color-mix(in srgb, oklch(0.540 0.073 236) 12%, transparent), color-mix(in srgb, oklch(0.540 0.073 236) 54%, transparent) 52%, color-mix(in srgb, oklch(0.540 0.073 236) 12%, transparent) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 90deg, color-mix(in oklab, var(--color-accent) 12%, transparent), color-mix(in oklab, var(--color-accent) 54%, transparent) 52%, color-mix(in oklab, var(--color-accent) 12%, transparent) );
    }
    pointer-events: none;
  }
  .debtor-bank-statements::after {
    content: "";
    position: absolute;
    right: -6rem;
    top: -5.2rem;
    width: 18rem;
    height: 18rem;
    border-radius: 999px;
    background: radial-gradient(circle, color-mix(in srgb, oklch(0.540 0.073 236) 18%, transparent) 0%, transparent 62%);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(circle, color-mix(in oklab, var(--color-accent) 18%, transparent) 0%, transparent 62%);
    }
    filter: blur(8px);
    pointer-events: none;
  }
  .debtor-bank-statements__head {
    position: relative;
    display: grid;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    grid-template-columns: minmax(0, 1fr) clamp(22rem, 38vw, 32rem);
    align-items: end;
    border-color: var(--bank-line);
    background: linear-gradient(180deg, color-mix(in oklab, white 32%, transparent), var(--bank-panel));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 32%, transparent), color-mix(in oklab, var(--bank-panel) 94%, transparent));
    }
    box-shadow: inset 0 1px 0 color-mix(in oklab, white 76%, transparent), 0 10px 24px -28px rgb(15 23 42 / 0.6);
  }
  .debtor-bank-statements__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .debtor-bank-statements__subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-subtle);
  }
  .debtor-bank-statements__search-wrap {
    display: block;
    width: 100%;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .debtor-bank-statements__search-label {
    display: block;
  }
  .debtor-bank-statements__search-field {
    margin-top: calc(var(--spacing) * 1.5);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: var(--bank-line-strong);
    background: linear-gradient(180deg, color-mix(in oklab, white 32%, transparent), var(--bank-panel));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 32%, transparent), color-mix(in oklab, var(--bank-panel) 92%, transparent));
    }
    box-shadow: inset 0 1px 0 color-mix(in oklab, white 76%, transparent), 0 8px 16px -18px rgb(37 99 235 / 0.5);
  }
  .debtor-bank-statements__search-icon {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    flex-shrink: 0;
    color: color-mix(in srgb, oklch(0.285 0.014 245) 55%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 55%, var(--color-subtle));
    }
  }
  .debtor-bank-statements__search-input {
    width: 100%;
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    min-width: 0;
    color: var(--color-text);
    box-shadow: none;
  }
  .debtor-bank-statements__search-input:focus {
    outline: none;
  }
  .debtor-bank-statements__search-input::placeholder {
    color: color-mix(in srgb, oklch(0.500 0.015 235) 76%, white);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 76%, white);
    }
    opacity: 1;
  }
  .debtor-bank-statements__upload-form {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .debtor-bank-statements__bank-select {
    max-width: 280px;
    min-width: 240px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--bank-line-strong);
    background: linear-gradient(180deg, color-mix(in oklab, white 28%, transparent), var(--bank-panel));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 28%, transparent), color-mix(in oklab, var(--bank-panel) 92%, transparent));
    }
    box-shadow: inset 0 1px 0 color-mix(in oklab, white 72%, transparent), 0 8px 14px -18px rgb(37 99 235 / 0.46);
  }
  .debtor-bank-statements__bank-select:focus {
    border-color: oklch(0.540 0.073 236);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 38%, var(--bank-line-strong));
    }
  }
  .debtor-bank-statements__file-input {
    max-width: 250px;
  }
  .debtor-bank-statements__mock-note {
    margin-top: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-color: color-mix(in oklab, #f59e0b 38%, transparent);
    background-color: color-mix(in oklab, #fef3c7 70%, white);
    color: #7c2d12;
  }
  .debtor-bank-statements__tabs-row {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2.5);
  }
  .debtor-bank-statements__tabs {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2.5);
  }
  .debtor-bank-statements__tab {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 84%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 84%, var(--color-subtle));
    }
    border: 1px solid var(--bank-line);
    background: linear-gradient(180deg, color-mix(in oklab, white 26%, transparent), var(--bank-panel));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 26%, transparent), color-mix(in oklab, var(--bank-panel) 86%, transparent));
    }
    box-shadow: 0 8px 16px -18px rgb(15 23 42 / 0.75);
  }
  .debtor-bank-statements__tab:hover {
    border-color: oklch(0.540 0.073 236);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 30%, var(--bank-line-strong));
    }
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.540 0.073 236) 7%, white), var(--bank-panel-soft));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 7%, white), color-mix(in oklab, var(--bank-panel-soft) 74%, white));
    }
  }
  .debtor-bank-statements__tab.is-active {
    color: var(--color-accent-700);
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 42%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 42%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.540 0.073 236) 15%, white), var(--bank-panel-soft));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 15%, white), color-mix(in oklab, var(--bank-panel-soft) 76%, white));
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 24%, transparent), 0 12px 22px -22px color-mix(in srgb, oklch(0.540 0.073 236) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 24%, transparent), 0 12px 22px -22px color-mix(in oklab, var(--color-accent) 70%, transparent);
    }
  }
  .debtor-bank-statements__tab-label {
    --tw-leading: 1;
    line-height: 1;
  }
  .debtor-bank-statements__tab-count {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    background-color: var(--bank-panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--bank-panel-soft) 74%, white);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 74%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 74%, var(--color-subtle));
    }
  }
  .debtor-bank-statements__tab.is-active .debtor-bank-statements__tab-count {
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 20%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 20%, white);
    }
    color: var(--color-accent-700);
  }
  .debtor-bank-statements__missing-indicator {
    position: relative;
    flex-shrink: 0;
  }
  .debtor-bank-statements__missing-trigger {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-red-400);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border: 1px solid color-mix(in oklab, #ef4444 40%, transparent);
    background: linear-gradient(180deg, color-mix(in oklab, #fef2f2 70%, white), color-mix(in oklab, #fee2e2 72%, white));
    color: #991b1b;
  }
  .debtor-bank-statements__missing-trigger:hover {
    border-color: color-mix(in oklab, #ef4444 58%, transparent);
    background: linear-gradient(180deg, color-mix(in oklab, #fef2f2 84%, white), color-mix(in oklab, #fecaca 68%, white));
  }
  .debtor-bank-statements__missing-dot {
    height: calc(var(--spacing) * 1.5);
    width: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    background-color: #dc2626;
    box-shadow: 0 0 0 2px color-mix(in oklab, #fecaca 66%, white);
  }
  .debtor-bank-statements__missing-popover {
    pointer-events: none;
    position: absolute;
    right: calc(var(--spacing) * 0);
    z-index: 20;
    margin-top: calc(var(--spacing) * 1.5);
    min-width: 220px;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    opacity: 0%;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    top: 100%;
    border-color: #ef4444;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #ef4444 30%, var(--bank-line));
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 46%, transparent), color-mix(in oklab, #fff1f2 78%, white));
    color: #7f1d1d;
    box-shadow: 0 16px 24px -24px rgb(127 29 29 / 0.55), 0 10px 18px -20px rgb(15 23 42 / 0.55);
  }
  .debtor-bank-statements__missing-indicator:hover .debtor-bank-statements__missing-popover, .debtor-bank-statements__missing-indicator:focus-within .debtor-bank-statements__missing-popover, .debtor-bank-statements__missing-trigger[aria-expanded="true"] + .debtor-bank-statements__missing-popover {
    pointer-events: auto;
    opacity: 100%;
  }
  .debtor-bank-statements__missing-title {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: color-mix(in oklab, #991b1b 82%, black);
  }
  .debtor-bank-statements__missing-list {
    margin-top: calc(var(--spacing) * 1.5);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-left: calc(var(--spacing) * 4);
    list-style-type: disc;
  }
  .debtor-bank-statements__meta {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .debtor-bank-statements__request-tag {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border: 1px solid var(--bank-line);
    background: linear-gradient(180deg, color-mix(in oklab, white 30%, transparent), var(--bank-panel));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 30%, transparent), color-mix(in oklab, var(--bank-panel) 90%, transparent));
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 84%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 84%, var(--color-subtle));
    }
  }
  .debtor-bank-statements__summary {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .debtor-bank-statements__table-wrap {
    position: relative;
    margin-top: calc(var(--spacing) * 3);
    overflow-x: auto;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--bank-line-strong);
    background: linear-gradient(180deg, color-mix(in oklab, white 20%, transparent), var(--bank-panel));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 20%, transparent), color-mix(in oklab, var(--bank-panel) 94%, transparent));
    }
    box-shadow: inset 0 1px 0 color-mix(in oklab, white 70%, transparent), 0 14px 30px -30px rgb(15 23 42 / 0.8);
  }
  .debtor-bank-statements .claims-table__table {
    background: transparent;
  }
  .debtor-bank-statements .claims-table__head {
    background: linear-gradient(180deg, var(--bank-panel-soft), var(--bank-panel-soft));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--bank-panel-soft) 82%, white), color-mix(in oklab, var(--bank-panel-soft) 64%, white));
    }
    border-bottom: 1px solid var(--bank-line);
  }
  .debtor-bank-statements .claims-table__th {
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.06em;
    letter-spacing: 0.06em;
  }
  .debtor-bank-statements .claims-table__sort {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
  }
  .debtor-bank-statements .claims-table__sort:hover {
    color: color-mix(in srgb, oklch(0.285 0.014 245) 84%, oklch(0.540 0.073 236) 16%);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 84%, var(--color-accent) 16%);
    }
  }
  .debtor-bank-statements__row {
    border-bottom: 1px solid var(--bank-line);
    background-color: var(--bank-panel);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--bank-panel) 96%, white);
    }
  }
  .debtor-bank-statements__row:nth-child(even) {
    background-color: var(--bank-panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--bank-panel-soft) 56%, white);
    }
  }
  .debtor-bank-statements__row:hover {
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 11%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 11%, white);
    }
  }
  .debtor-bank-statements__cell {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    font-variant-numeric: tabular-nums;
    color: var(--color-text);
  }
  .debtor-bank-statements__cell--muted {
    color: var(--color-subtle);
  }
  .debtor-bank-statements__cell--caps {
    font-size: 11px;
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .debtor-bank-statements__cell--right {
    text-align: right;
  }
  .debtor-bank-statements__empty {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 8);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
  }
  .debtor-bank-statements__pager {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .debtor-bank-statements__pager-btn {
    border: 1px solid var(--bank-line);
    background: linear-gradient(180deg, color-mix(in oklab, white 30%, transparent), var(--bank-panel-soft));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 30%, transparent), color-mix(in oklab, var(--bank-panel-soft) 72%, white));
    }
  }
  .debtor-bank-statements__pager-btn:hover {
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.540 0.073 236) 8%, white), var(--bank-panel-soft));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 8%, white), color-mix(in oklab, var(--bank-panel-soft) 84%, white));
    }
  }
  .debtor-bank-statements__page-indicator {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
  }
  .debtor-bank-statements__noscript {
    margin-top: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-color: var(--bank-line);
    background-color: var(--bank-panel-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--bank-panel-soft) 68%, white);
    }
    color: var(--color-text);
  }
  .debtor-bank-upload-modal {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 70;
    display: none;
    align-items: center;
    justify-content: center;
    background-color: color-mix(in srgb, oklch(12.9% 0.042 264.695) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-slate-950) 45%, transparent);
    }
    padding: calc(var(--spacing) * 4);
    backdrop-filter: blur(1.5px);
  }
  .debtor-bank-upload-modal.is-open {
    display: flex;
  }
  .debtor-bank-upload-modal__panel {
    width: 100%;
    max-width: var(--container-lg);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: var(--bank-line-strong);
    background: linear-gradient(180deg, color-mix(in oklab, white 30%, transparent), var(--bank-panel));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 30%, transparent), color-mix(in oklab, var(--bank-panel) 92%, white));
    }
    box-shadow: 0 28px 44px -28px rgb(15 23 42 / 0.62), inset 0 1px 0 color-mix(in oklab, white 72%, transparent);
  }
  .debtor-bank-upload-modal__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .debtor-bank-upload-modal__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .debtor-bank-upload-modal__subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-subtle);
  }
  .debtor-bank-upload-modal__options {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .debtor-bank-upload-modal__option {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: var(--bank-line);
    color: var(--color-text);
    background: linear-gradient(180deg, color-mix(in oklab, white 38%, transparent), var(--bank-panel-soft));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 38%, transparent), color-mix(in oklab, var(--bank-panel-soft) 74%, white));
    }
  }
  .debtor-bank-upload-modal__option:hover {
    border-color: oklch(0.540 0.073 236);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 38%, var(--bank-line-strong));
    }
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.540 0.073 236) 8%, white), var(--bank-panel-soft));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 8%, white), color-mix(in oklab, var(--bank-panel-soft) 82%, white));
    }
  }
  .debtor-bank-upload-modal__actions {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    justify-content: flex-end;
  }
  .debtor-bank-upload-modal__actions--stack {
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: calc(var(--spacing) * 2);
  }
  .debtor-bank-upload-modal__conflict-card {
    margin-top: calc(var(--spacing) * 3);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: #f59e0b;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #f59e0b 38%, var(--bank-line));
    }
    background: linear-gradient(180deg, color-mix(in oklab, #fffbeb 86%, white), var(--bank-panel-soft));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, #fffbeb 86%, white), color-mix(in oklab, var(--bank-panel-soft) 58%, white));
    }
    box-shadow: inset 0 1px 0 color-mix(in oklab, white 74%, transparent);
  }
  .debtor-bank-upload-modal__conflict-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 88%, #92400e);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 88%, #92400e);
    }
  }
  .debtor-bank-upload-modal__conflict-row {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .debtor-bank-upload-modal__conflict-row strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  @media (max-width: 1024px) {
    .debtor-bank-statements__head {
      grid-template-columns: minmax(0, 1fr);
      align-items: stretch;
    }
    .debtor-bank-statements__search-wrap {
      max-width: none;
    }
    .debtor-bank-statements__missing-indicator {
      width: 100%;
    }
    .debtor-bank-statements__missing-popover {
      right: auto;
      left: 0;
      min-width: min(100%, 280px);
    }
    .debtor-bank-statements__upload-form {
      width: 100%;
    }
    .debtor-bank-statements__bank-select, .debtor-bank-statements__file-input {
      max-width: none;
      width: 100%;
    }
  }
  .debtor-disclosure-shell {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-surface);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
    background-image: linear-gradient(145deg, color-mix(in oklab, white 36%, transparent) 0%, transparent 52%), radial-gradient(120% 80% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 8%, transparent) 0%, transparent 58%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(145deg, color-mix(in oklab, white 36%, transparent) 0%, transparent 52%), radial-gradient(120% 80% at 100% 0%, color-mix(in oklab, var(--color-accent) 8%, transparent) 0%, transparent 58%);
    }
  }
  .debtor-disclosure-kicker {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-accent);
    text-transform: uppercase;
  }
  .debtor-disclosure-title {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .debtor-disclosure-copy {
    margin-top: calc(var(--spacing) * 2);
    max-width: var(--container-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .debtor-disclosure-card, .debtor-disclosure-sidecard {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: color-mix(in srgb, #fff 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 80%, transparent);
    }
    padding: calc(var(--spacing) * 4);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .debtor-disclosure-card__header {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .debtor-disclosure-card__eyebrow {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .debtor-disclosure-card__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .debtor-disclosure-label {
    display: flex;
    align-items: flex-end;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    color: var(--color-subtle);
    text-transform: uppercase;
    min-height: 2.35rem;
    line-height: 1.3;
  }
  .debtor-disclosure-option {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-surface);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        border-color: color-mix(in srgb, oklch(0.540 0.073 236) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-accent) 30%, transparent);
        }
      }
    }
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(0.923 0.014 205) 30%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-muted) 30%, transparent);
        }
      }
    }
  }
  .debtor-disclosure-option:has(input:checked) {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 44%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 44%, transparent);
    }
    background: linear-gradient( 180deg, color-mix(in oklab, white 36%, transparent), color-mix(in srgb, oklch(0.540 0.073 236) 10%, oklch(0.987 0.006 96)) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 180deg, color-mix(in oklab, white 36%, transparent), color-mix(in oklab, var(--color-accent) 10%, var(--color-surface)) );
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 24%, transparent), 0 10px 16px -20px color-mix(in srgb, oklch(0.540 0.073 236) 55%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 24%, transparent), 0 10px 16px -20px color-mix(in oklab, var(--color-accent) 55%, transparent);
    }
  }
  .debtor-disclosure-option:has(input:focus-visible) {
    outline: 2px solid color-mix(in srgb, oklch(0.540 0.073 236) 65%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in oklab, var(--color-accent) 65%, transparent);
    }
    outline-offset: 2px;
  }
  .debtor-disclosure-row {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 12%, transparent);
    }
    padding: calc(var(--spacing) * 3);
  }
  .debtor-disclosure-repeater__actions {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    justify-content: flex-end;
  }
  .debtor-disclosure-summary {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);
    }
    padding: calc(var(--spacing) * 3);
  }
  .debtor-disclosure-summary__label {
    display: block;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .debtor-disclosure-summary__value {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .debtor-disclosure-error {
    margin-top: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-rose-700);
  }
}
#notifications-root {
  position: fixed;
  right: max(1rem, env(safe-area-inset-right, 0px));
  bottom: max(1rem, env(safe-area-inset-bottom, 0px));
  z-index: 190;
}
#notifications-toggle {
  position: relative;
  display: inline-flex;
  width: 2.95rem;
  min-width: 2.95rem;
  min-height: 2.95rem;
  align-items: center;
  justify-content: center;
  gap: 0;
  border: 1px solid rgb(255 255 255 / 0.2);
  border-radius: 999px;
  padding: 0.52rem;
  background: radial-gradient(circle at 18% 14%, rgb(255 255 255 / 0.36), transparent 34%), linear-gradient(135deg, rgb(68 70 75 / 0.98), rgb(82 86 94 / 0.96) 54%, rgb(124 118 109 / 0.96));
  color: white;
  font-size: 0;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.22), 0 20px 46px -31px rgb(68 70 75 / 0.82), 0 0 0 1px rgb(15 23 42 / 0.08);
  backdrop-filter: blur(18px) saturate(1.14);
  transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
#notifications-toggle.btn-attention, #notifications-toggle.btn-primary {
  background: radial-gradient(circle at 18% 14%, rgb(255 255 255 / 0.36), transparent 34%), linear-gradient(135deg, rgb(68 70 75 / 0.98), rgb(82 86 94 / 0.96) 54%, rgb(124 118 109 / 0.96));
  color: white;
}
#notifications-toggle:hover, #notifications-toggle[aria-expanded="true"] {
  border-color: rgb(172 162 150 / 0.56);
  background: radial-gradient(circle at 18% 14%, rgb(255 255 255 / 0.44), transparent 36%), linear-gradient(135deg, rgb(54 56 61 / 0.98), rgb(76 80 88 / 0.97) 54%, rgb(139 131 119 / 0.97));
  color: white;
  transform: translateY(-2px);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.28), 0 24px 56px -33px rgb(68 70 75 / 0.86), 0 0 0 1px rgb(172 162 150 / 0.14);
}
#notifications-toggle > svg {
  width: 0.95rem;
  height: 0.95rem;
  margin-right: 0;
  box-sizing: content-box;
  flex: 0 0 auto;
  border: 1px solid rgb(255 255 255 / 0.18);
  border-radius: 999px;
  padding: 0.46rem;
  color: rgb(244 241 235);
  background: linear-gradient(160deg, rgb(255 255 255 / 0.2), rgb(255 255 255 / 0.06)), rgb(255 255 255 / 0.08);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18);
}
#notifications-badge {
  display: none;
  min-width: 0;
  align-items: center;
  gap: 0.28rem;
  border: 1px solid rgb(255 255 255 / 0.14);
  border-radius: 999px;
  padding: 0.18rem 0.26rem;
  background: rgb(255 255 255 / 0.1);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12);
}
#notifications-badge[hidden], .notif-chip[hidden] {
  display: none !important;
}
.notif-chip {
  display: inline-flex;
  min-width: 1.78rem;
  align-items: center;
  justify-content: center;
  gap: 0.18rem;
  border-radius: 999px;
  padding: 0.18rem 0.34rem;
  background: rgb(255 255 255 / 0.12);
  color: white;
  font-size: 0.68rem;
  font-weight: 720;
  line-height: 1;
  letter-spacing: 0;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.1);
}
.notif-chip .chip-dot {
  width: 0.42rem;
  height: 0.42rem;
  border-radius: 999px;
  background: currentColor;
  opacity: 0.92;
  box-shadow: 0 0 0 2px rgb(255 255 255 / 0.1);
}
.notif-chip .chip-abbrev, .notif-chip .chip-value {
  font-variant-numeric: tabular-nums;
}
.notif-chip.chip-problem {
  color: #fb7185;
}
.notif-chip.chip-action {
  color: #fbbf24;
}
.notif-chip.chip-worker-action {
  color: #93c5fd;
}
.notif-chip.chip-note {
  color: #a7f3d0;
}
#notifications-toggle::after {
  content: attr(data-unseen-total);
  position: absolute;
  top: -0.2rem;
  right: -0.2rem;
  min-width: 1.12rem;
  height: 1.12rem;
  border: 1px solid rgb(255 255 255 / 0.72);
  border-radius: 999px;
  background: color-mix(in srgb, #e11d48 82%, #42444a);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, #e11d48 82%, var(--color-brand-graphite));
  }
  color: white;
  font-size: 0.62rem;
  font-weight: 780;
  line-height: 1.06rem;
  text-align: center;
  box-shadow: 0 7px 15px -9px rgb(190 18 60 / 0.9);
}
#notifications-toggle[data-unseen-total="0"]::after {
  display: none;
}
@media (min-width: 40.01rem) {
  #notifications-toggle:hover, #notifications-toggle:focus-visible, #notifications-toggle[aria-expanded="true"] {
    width: auto;
    min-width: 10.5rem;
    gap: 0.58rem;
    padding: 0.56rem 0.7rem 0.56rem 0.82rem;
    font-size: 0.9rem;
  }
  #notifications-toggle:hover #notifications-badge, #notifications-toggle:focus-visible #notifications-badge, #notifications-toggle[aria-expanded="true"] #notifications-badge {
    display: inline-flex;
  }
}
@media (max-width: 40rem) {
  #notifications-root {
    left: auto;
    right: 0.5rem;
    bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px));
  }
  #notifications-toggle {
    width: 2.5rem;
    min-width: 2.5rem;
    min-height: 2.5rem;
    gap: 0;
    padding: 0.45rem;
    font-size: 0;
    line-height: 1;
  }
  #notifications-toggle > svg {
    width: 0.82rem;
    height: 0.82rem;
    padding: 0.28rem;
  }
  #notifications-badge {
    display: none !important;
  }
  #notifications-toggle::after {
    content: attr(data-unseen-total);
    position: absolute;
    top: -0.18rem;
    right: -0.18rem;
    min-width: 1.05rem;
    height: 1.05rem;
    border: 1px solid rgb(255 255 255 / 0.72);
    border-radius: 999px;
    background: #e11d48;
    color: white;
    font-size: 0.58rem;
    font-weight: 780;
    line-height: 1rem;
    text-align: center;
    box-shadow: 0 6px 14px -8px rgb(190 18 60 / 0.9);
  }
  #notifications-toggle[data-unseen-total="0"]::after {
    display: none;
  }
}
.status-row {
  --claim-row-accent: rgb(100 116 139);
  --claim-row-accent-soft: rgb(226 232 240);
  --claim-row-chip: rgb(226 232 240);
  --claim-row-ink: var(--color-text);
  --claim-row-tint: rgb(248 250 252);
  --claim-row-surface: rgb(248 250 252);
  --claim-row-bg: var(--claim-row-tint);
  @supports (color: color-mix(in lab, red, red)) {
    --claim-row-bg: color-mix(in oklab, var(--claim-row-tint) 48%, white);
  }
  background: transparent;
  filter: drop-shadow(0 12px 22px rgb(30 41 59 / 0.07));
  transition: filter .16s ease, transform .16s ease;
}
.status-row .claims-table__cell {
  border-top: 1px solid var(--claim-row-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-top: 1px solid color-mix(in oklab, var(--claim-row-accent) 17%, white);
  }
  border-bottom: 1px solid var(--claim-row-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in oklab, var(--claim-row-accent) 17%, white);
  }
  background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.62)), linear-gradient(90deg, var(--claim-row-accent), transparent 70%), var(--claim-row-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.62)), linear-gradient(90deg, color-mix(in oklab, var(--claim-row-accent) 5%, transparent), transparent 70%), var(--claim-row-bg);
  }
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), inset 0 -1px 0 rgb(255 255 255 / 0.32);
}
.status-row:hover {
  filter: drop-shadow(0 16px 30px rgb(30 41 59 / 0.09)) saturate(1.03);
  transform: translateY(-1px);
}
.status-row:hover .claims-table__cell {
  border-color: var(--claim-row-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--claim-row-accent) 24%, white);
  }
  background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.5)), var(--claim-row-bg);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.5)), color-mix(in oklab, var(--claim-row-bg) 82%, white);
  }
}
.status-row td:first-child {
  position: relative;
  border-left: 1px solid var(--claim-row-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-left: 1px solid color-mix(in oklab, var(--claim-row-accent) 17%, white);
  }
  border-radius: 17px 0 0 17px;
  padding-left: calc(0.86rem + 7px);
}
.status-row td:last-child {
  border-right: 1px solid var(--claim-row-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-right: 1px solid color-mix(in oklab, var(--claim-row-accent) 17%, white);
  }
  border-radius: 0 17px 17px 0;
}
.status-row td:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 8px;
  bottom: 8px;
  width: 5px;
  border-radius: 999px;
  background: linear-gradient(180deg, var(--claim-row-accent), var(--claim-row-accent) 54%, var(--claim-row-accent));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(180deg, color-mix(in oklab, var(--claim-row-accent) 72%, white), var(--claim-row-accent) 54%, color-mix(in oklab, var(--claim-row-accent) 86%, black));
  }
  box-shadow: 0 0 0 1px var(--claim-row-accent), 6px 0 18px -13px var(--claim-row-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 1px color-mix(in oklab, var(--claim-row-accent) 18%, transparent), 6px 0 18px -13px color-mix(in oklab, var(--claim-row-accent) 78%, transparent);
  }
}
.status-finished {
  --claim-row-accent: rgb(5 150 105);
  --claim-row-accent-soft: rgb(209 250 229);
  --claim-row-chip: rgb(187 247 208);
  --claim-row-ink: rgb(4 120 87);
  --claim-row-tint: rgb(220 252 231);
  --claim-row-surface: rgb(240 253 244);
  --claim-row-bg: color-mix(in oklab, rgb(220 252 231) 46%, white);
}
.status-in_progress {
  --claim-row-accent: rgb(217 119 6);
  --claim-row-accent-soft: rgb(254 243 199);
  --claim-row-chip: rgb(253 230 138);
  --claim-row-ink: rgb(146 64 14);
  --claim-row-tint: rgb(254 243 199);
  --claim-row-surface: rgb(255 251 235);
  --claim-row-bg: color-mix(in oklab, rgb(254 243 199) 48%, white);
}
.status-stagnant {
  --claim-row-accent: rgb(225 29 72);
  --claim-row-accent-soft: rgb(255 228 230);
  --claim-row-chip: rgb(254 205 211);
  --claim-row-ink: rgb(190 18 60);
  --claim-row-tint: rgb(255 228 230);
  --claim-row-surface: rgb(255 241 242);
  --claim-row-bg: color-mix(in oklab, rgb(255 228 230) 50%, white);
}
.status-needs_input {
  --claim-row-accent: var(--color-accent);
  --claim-row-accent-soft: color-mix(in srgb, oklch(0.540 0.073 236) 16%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --claim-row-accent-soft: color-mix(in oklab, var(--color-accent) 16%, white);
  }
  --claim-row-chip: color-mix(in srgb, oklch(0.540 0.073 236) 22%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --claim-row-chip: color-mix(in oklab, var(--color-accent) 22%, white);
  }
  --claim-row-ink: var(--color-accent-700);
  --claim-row-tint: color-mix(in srgb, oklch(0.540 0.073 236) 16%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --claim-row-tint: color-mix(in oklab, var(--color-accent) 16%, white);
  }
  --claim-row-surface: color-mix(in srgb, oklch(0.540 0.073 236) 7%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --claim-row-surface: color-mix(in oklab, var(--color-accent) 7%, white);
  }
  --claim-row-bg: color-mix(in srgb, oklch(0.540 0.073 236) 11%, white);
  @supports (color: color-mix(in lab, red, red)) {
    --claim-row-bg: color-mix(in oklab, var(--color-accent) 11%, white);
  }
}
.status-unprocessable {
  --claim-row-accent: rgb(17 24 39);
  --claim-row-accent-soft: rgb(226 232 240);
  --claim-row-chip: rgb(203 213 225);
  --claim-row-ink: rgb(31 41 55);
  --claim-row-tint: rgb(226 232 240);
  --claim-row-surface: rgb(248 250 252);
  --claim-row-bg: color-mix(in oklab, rgb(226 232 240) 46%, white);
}
@layer components {
  details.info-card > summary {
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    justify-content: space-between;
    --tw-outline-style: none;
    outline-style: none;
  }
  details.info-card > summary::-webkit-details-marker {
    display: none;
  }
  details.info-card > summary .title {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  details.info-card > summary .chev {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    opacity: 60%;
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  details.info-card[open] > summary .chev {
    rotate: 180deg;
  }
  details.info-card > .body {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .arireg-associations-shell {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding: calc(var(--spacing) * 4);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 75%, transparent);
    }
    background-image: linear-gradient(180deg, color-mix(in srgb, oklch(0.923 0.014 205) 45%, transparent), transparent 65%), radial-gradient(120% 70% at 0% 0%, color-mix(in srgb, white 36%, transparent) 0%, transparent 62%);
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(180deg, color-mix(in oklab, var(--color-muted) 45%, transparent), transparent 65%), radial-gradient(120% 70% at 0% 0%, color-mix(in oklab, white 36%, transparent) 0%, transparent 62%);
    }
  }
  .arireg-source-dot {
    display: inline-block;
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    border-radius: calc(infinity * 1px);
    background: linear-gradient(140deg, color-mix(in srgb, oklch(0.540 0.073 236) 72%, white), color-mix(in srgb, oklch(0.432 0.070 236) 78%, black));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(140deg, color-mix(in oklab, var(--color-accent) 72%, white), color-mix(in oklab, var(--color-accent-700) 78%, black));
    }
    box-shadow: 0 0 0 2px color-mix(in srgb, oklch(0.540 0.073 236) 15%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 2px color-mix(in oklab, var(--color-accent) 15%, transparent);
    }
  }
  .arireg-association-card {
    cursor: pointer;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    display: flex;
    flex-direction: column;
    gap: 0.55rem;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 75%, transparent);
    }
    background: radial-gradient(115% 85% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 11%, transparent) 0%, transparent 60%), linear-gradient(175deg, color-mix(in srgb, white 42%, transparent), transparent 65%), linear-gradient(160deg, color-mix(in srgb, oklch(0.923 0.014 205) 45%, transparent), transparent 72%);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(115% 85% at 100% 0%, color-mix(in oklab, var(--color-accent) 11%, transparent) 0%, transparent 60%), linear-gradient(175deg, color-mix(in oklab, white 42%, transparent), transparent 65%), linear-gradient(160deg, color-mix(in oklab, var(--color-muted) 45%, transparent), transparent 72%);
    }
  }
  .arireg-association-card:hover {
    transform: translateY(-1px);
    box-shadow: 0 16px 30px -26px rgb(15 23 42 / 0.35), inset 0 1px 0 rgb(255 255 255 / 0.85);
  }
  .arireg-association-card: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);
    --tw-ring-color: var(--color-accent);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
  }
  .arireg-association-card__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .arireg-association-card__name {
    display: block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: var(--radius-sm);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    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 {
      @media (hover: hover) {
        color: var(--color-accent);
      }
    }
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .arireg-association-card__cta {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    color: color-mix(in srgb, oklch(0.500 0.015 235) 80%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 80%, var(--color-text));
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 65%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 65%, white);
    }
  }
  .arireg-association-card__chips {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .arireg-meta-chip {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 75%, transparent);
    }
    color: color-mix(in srgb, oklch(0.500 0.015 235) 75%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 75%, var(--color-text));
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 55%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 55%, white);
    }
  }
  .arireg-association-card__highlights {
    margin: calc(var(--spacing) * 0);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding: calc(var(--spacing) * 0);
    font-size: 11px;
    color: var(--color-subtle);
    list-style: none;
  }
  .arireg-association-card__highlights li {
    position: relative;
    padding-left: 0.65rem;
    line-height: 1.25;
  }
  .arireg-association-card__highlights li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0.45rem;
    width: 0.3rem;
    height: 0.3rem;
    border-radius: 999px;
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 55%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 55%, white);
    }
  }
  .arireg-association-card__related {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: 11px;
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 48%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 48%, white);
    }
  }
  .arireg-association-card__source {
    margin-top: auto;
    font-size: 11px;
    color: var(--color-subtle);
  }
  .arireg-source-badge {
    display: inline-flex;
    flex-shrink: 0;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 30%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 30%, var(--color-border));
    }
    color: color-mix(in srgb, oklch(0.432 0.070 236) 55%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent-700) 55%, var(--color-text));
    }
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 10%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, white);
    }
  }
  .arireg-association-modal {
    max-height: calc(100vh - 3rem);
    width: 100%;
    max-width: 58rem;
    overflow-y: auto;
    border-radius: calc(var(--radius-lg) + 6px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    --tw-shadow: var(--shadow-elev);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 9%, transparent) 0%, transparent 60%), linear-gradient(180deg, color-mix(in srgb, white 68%, transparent), transparent 25%), linear-gradient(180deg, color-mix(in srgb, oklch(0.923 0.014 205) 30%, transparent), transparent 70%), var(--color-surface);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(120% 140% at 100% 0%, color-mix(in oklab, var(--color-accent) 9%, transparent) 0%, transparent 60%), linear-gradient(180deg, color-mix(in oklab, white 68%, transparent), transparent 25%), linear-gradient(180deg, color-mix(in oklab, var(--color-muted) 30%, transparent), transparent 70%), var(--color-surface);
    }
  }
  .arireg-association-modal__head {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 10;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background-color: color-mix(in srgb, rgb(255 255 255 / 0.88) 78%, oklch(0.987 0.006 96));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, rgb(255 255 255 / 0.88) 78%, var(--color-surface));
    }
    backdrop-filter: blur(14px);
  }
  .arireg-association-modal__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .arireg-association-modal__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
    color: var(--color-text);
  }
  .arireg-association-modal__meta {
    margin-top: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
  }
  .arireg-association-modal__close {
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    color: var(--color-subtle);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-text);
      }
    }
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.64)), color-mix(in srgb, oklch(0.923 0.014 205) 58%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.64)), color-mix(in oklab, var(--color-muted) 58%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 16px 24px -24px rgb(15 23 42 / 0.3);
  }
  .arireg-association-modal__close svg {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .arireg-association-modal__body {
    padding-inline: calc(var(--spacing) * 5);
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 5);
    }
    @media (width >= 40rem) {
      padding-bottom: calc(var(--spacing) * 6);
    }
  }
  .arireg-association-modal__hero {
    border-radius: calc(var(--radius-lg) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 66%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 66%, transparent);
    }
    background: radial-gradient(120% 140% at 0% 0%, color-mix(in oklab, white 54%, transparent) 0%, transparent 55%), linear-gradient(135deg, color-mix(in srgb, oklch(0.540 0.073 236) 8%, white), color-mix(in srgb, oklch(0.923 0.014 205) 48%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(120% 140% at 0% 0%, color-mix(in oklab, white 54%, transparent) 0%, transparent 55%), linear-gradient(135deg, color-mix(in oklab, var(--color-accent) 8%, white), color-mix(in oklab, var(--color-muted) 48%, white));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84), 0 18px 30px -32px rgb(15 23 42 / 0.24);
  }
  .arireg-association-modal__name {
    border-radius: var(--radius-sm);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
    color: var(--color-text);
    text-decoration-line: underline;
    text-decoration-color: transparent;
    text-underline-offset: 3px;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-accent);
      }
    }
    &:hover {
      @media (hover: hover) {
        text-decoration-color: currentcolor;
      }
    }
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    @media (width >= 40rem) {
      font-size: 1.1rem;
    }
  }
  .arireg-association-modal__relation {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
  }
  .arireg-association-modal__views {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .arireg-association-modal__view-chip {
    display: inline-flex;
    max-width: 100%;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.62)), color-mix(in srgb, oklch(0.987 0.006 96) 86%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.62)), color-mix(in oklab, var(--color-surface) 86%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9);
  }
  .arireg-association-modal__view-chip:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 22%, var(--color-border));
    }
  }
  .arireg-association-modal__view-chip--active {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 38%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 38%, var(--color-border));
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 86%, transparent), transparent 120%), color-mix(in srgb, oklch(0.540 0.073 236) 9%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 86%, transparent), transparent 120%), color-mix(in oklab, var(--color-accent) 9%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 12px 22px -24px rgb(15 23 42 / 0.28);
  }
  .arireg-association-modal__view-chip-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arireg-association-modal__view-chip-meta {
    margin-top: calc(var(--spacing) * 0.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
  }
  .arireg-association-modal__notices {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .arireg-association-modal__notice {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, #d97706 20%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #d97706 20%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.72), transparent), color-mix(in oklab, #f59e0b 10%, white);
  }
  .arireg-association-modal__notice-label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .arireg-association-modal__notice-value {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-text);
  }
  .arireg-association-modal__sections {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .arireg-association-modal__section {
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.72), transparent), color-mix(in srgb, oklch(0.987 0.006 96) 88%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.72), transparent), color-mix(in oklab, var(--color-surface) 88%, var(--color-muted));
    }
  }
  .arireg-association-modal__section--wide {
    @media (width >= 80rem) {
      grid-column: span 2 / span 2;
    }
  }
  .arireg-association-modal__section-title {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .arireg-association-modal__rows {
    margin-top: calc(var(--spacing) * 2);
  }
  .arireg-association-modal__row {
    display: grid;
    gap: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * 2.5);
    border-bottom: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  .arireg-association-modal__row:last-child {
    border-bottom: none;
  }
  .arireg-association-modal__row-label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .arireg-association-modal__row-value {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    overflow-wrap: break-word;
    color: var(--color-text);
  }
  .arireg-association-modal__links {
    margin-top: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.64), transparent), color-mix(in srgb, oklch(0.923 0.014 205) 50%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.64), transparent), color-mix(in oklab, var(--color-muted) 50%, white);
    }
  }
  .arireg-association-modal__links-title {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .arireg-association-modal__links-grid {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .arireg-association-modal__link-chip {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-accent);
      }
    }
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.56)), color-mix(in srgb, oklch(0.987 0.006 96) 88%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.56)), color-mix(in oklab, var(--color-surface) 88%, white);
    }
  }
  .arireg-association-modal__link-kind {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    color: color-mix(in srgb, oklch(0.500 0.015 235) 80%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 80%, var(--color-text));
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 65%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 65%, white);
    }
  }
  #globalSearchResults a[data-search-link] {
    border-radius: var(--radius-md);
  }
  #globalSearchResults a[data-search-link][aria-selected="true"] {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
    }
  }
  #globalSearchResults a[data-search-link]:focus-visible {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 60%, transparent);
    }
    --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }
}
@layer components {
  .intake-card {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding: calc(var(--spacing) * 6);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--color-border);
  }
  .upload-dropzone {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 2px;
    --tw-border-style: dashed;
    border-style: dashed;
    border-color: var(--color-border);
    background-color: color-mix(in srgb,oklch(0.923 0.014 205) 45%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-muted) 45%,transparent);
    }
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 12);
    text-align: center;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    cursor: pointer;
  }
  .upload-dropzone:hover {
    background-color: color-mix(in srgb,oklch(0.923 0.014 205) 65%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-muted) 65%,transparent);
    }
  }
  .upload-dropzone:focus-within {
    --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);
    --tw-ring-color: var(--color-accent);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
  }
  .upload-dropzone.is-dragover {
    background-color: color-mix(in srgb,oklch(0.923 0.014 205) 65%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-muted) 65%,transparent);
    }
    --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);
    --tw-ring-color: var(--color-accent);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .upload-file-summary {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: var(--color-border);
  }
  .upload-file-summary .file-info {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .upload-file-summary .icon {
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .upload-file-summary .texts {
    min-width: calc(var(--spacing) * 0);
  }
  .upload-file-summary .name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .upload-file-summary .meta {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .upload-file-summary .clear-btn {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-color: var(--color-border);
  }
  .upload-file-summary[data-state="valid"] {
    border-color: var(--color-emerald-200);
    background-color: var(--color-emerald-50);
  }
  .upload-file-summary[data-state="valid"] .icon {
    color: var(--color-emerald-600);
  }
  .upload-file-summary[data-state="invalid"] {
    border-color: var(--color-rose-200);
    background-color: var(--color-rose-50);
  }
  .upload-file-summary[data-state="invalid"] .icon {
    color: var(--color-rose-600);
  }
  .claim-intake-page {
    --intake-graphite: rgb(68 70 75);
    --intake-graphite-deep: rgb(34 38 44);
    --intake-taupe: rgb(124 118 109);
    --intake-taupe-soft: rgb(214 211 204);
    --intake-blue: rgb(70 108 132);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-bottom: calc(var(--spacing) * 5);
  }
  .claim-intake-messages {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .claim-intake-alert {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    border-radius: 14px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-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);
  }
  .claim-intake-alert--success {
    border-color: var(--color-emerald-200);
    background-color: var(--color-emerald-50);
    color: var(--color-emerald-800);
  }
  .claim-intake-alert--error {
    border-color: var(--color-rose-200);
    background-color: var(--color-rose-50);
    color: var(--color-rose-800);
  }
  .claim-intake-layout {
    display: grid;
    gap: calc(var(--spacing) * 2.5);
  }
  .claim-intake-page .intake-card {
    padding: calc(var(--spacing) * 0);
    overflow: hidden;
    border-radius: 16px;
    border-color: var(--intake-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-taupe) 18%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.72)), repeating-linear-gradient(135deg, var(--intake-blue) 0 1px, transparent 1px 24px), color-mix(in srgb, #fbfaf6 82%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.72)), repeating-linear-gradient(135deg, color-mix(in oklab, var(--intake-blue) 5%, transparent) 0 1px, transparent 1px 24px), color-mix(in oklab, var(--color-brand-paper) 82%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 22px 54px -46px rgb(30 33 38 / 0.5);
  }
  .intake-upload-console__header, .intake-jobs__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 3.5);
    }
    background: linear-gradient(135deg, var(--intake-graphite-deep), var(--intake-graphite) 56%, var(--intake-taupe)), var(--intake-graphite);
    color: white;
  }
  .intake-console-kicker {
    display: block;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 74%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 74%, var(--color-text));
    }
    letter-spacing: 0;
  }
  .intake-upload-console__header .intake-console-kicker, .intake-jobs__header .intake-console-kicker {
    color: rgb(244 241 235 / 0.72);
  }
  .intake-upload-console__title, .intake-jobs__header h2 {
    margin: calc(var(--spacing) * 0);
    font-size: 0.95rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    letter-spacing: 0;
  }
  .intake-submit-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: 11px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: color-mix(in srgb, #fff 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-white) 80%, transparent);
      }
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: rgb(255 255 255 / 0.18);
    background: radial-gradient(circle at 18% 12%, rgb(255 255 255 / 0.26), transparent 34%), linear-gradient(135deg, rgb(82 86 94), rgb(68 70 75) 56%, rgb(124 118 109));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.22), 0 16px 34px -27px rgb(15 23 42 / 0.82);
  }
  .intake-submit-button:hover {
    transform: translateY(-1px);
    border-color: rgb(214 211 204 / 0.48);
    background: radial-gradient(circle at 18% 12%, rgb(255 255 255 / 0.32), transparent 35%), linear-gradient(135deg, rgb(54 56 61), rgb(76 80 88) 56%, rgb(139 131 119));
  }
  .intake-submit-button--wide {
    width: 100%;
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .intake-upload-form {
    display: grid;
    gap: calc(var(--spacing) * 2.5);
    padding: calc(var(--spacing) * 2.5);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 3);
    }
  }
  .intake-route-grid {
    display: grid;
    gap: calc(var(--spacing) * 2.5);
  }
  .intake-route-card {
    position: relative;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    border-radius: 14px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2.5);
    isolation: isolate;
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 20%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(250 249 246 / 0.74)), color-mix(in srgb, #fbfaf6 76%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(250 249 246 / 0.74)), color-mix(in oklab, var(--color-brand-paper) 76%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 18px 42px -36px rgb(31 40 52 / 0.46);
  }
  .intake-route-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, var(--intake-graphite), var(--intake-blue));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, var(--intake-graphite), color-mix(in oklab, var(--intake-blue) 62%, var(--intake-taupe)));
    }
    box-shadow: 14px 0 34px -28px rgb(70 108 132 / 0.9);
  }
  .intake-route-card--bundle {
    background: radial-gradient(35rem 12rem at 18% 0%, var(--intake-blue), transparent 62%), linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(250 249 246 / 0.76)), color-mix(in srgb, #fbfaf6 78%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(35rem 12rem at 18% 0%, color-mix(in oklab, var(--intake-blue) 10%, transparent), transparent 62%), linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(250 249 246 / 0.76)), color-mix(in oklab, var(--color-brand-paper) 78%, white);
    }
  }
  .intake-route-card--zip {
    border-color: var(--intake-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-taupe) 30%, var(--color-border));
    }
    background: radial-gradient(28rem 12rem at 80% -10%, rgb(172 162 150 / 0.18), transparent 62%), linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(250 249 246 / 0.72)), color-mix(in srgb, #fbfaf6 76%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(28rem 12rem at 80% -10%, rgb(172 162 150 / 0.18), transparent 62%), linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(250 249 246 / 0.72)), color-mix(in oklab, var(--color-brand-paper) 76%, white);
    }
  }
  .intake-route-card--zip::before {
    background: linear-gradient(180deg, var(--intake-taupe), var(--intake-taupe));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, var(--intake-taupe), color-mix(in oklab, var(--intake-taupe) 62%, var(--intake-graphite)));
    }
  }
  .intake-route-card__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    padding-left: calc(var(--spacing) * 2.5);
  }
  .intake-route-card__eyebrow {
    display: block;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 78%, var(--color-text));
    }
    letter-spacing: 0;
  }
  .intake-route-card__header h3 {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 94%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 94%, black);
    }
    letter-spacing: 0;
  }
  .intake-route-card__header p {
    margin-top: calc(var(--spacing) * 1);
    max-width: var(--container-2xl);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 86%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 86%, var(--color-text));
    }
  }
  .intake-route-card__badge {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 20%, var(--color-border));
    }
    background: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--intake-blue) 8%, white);
    }
    color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--intake-blue) 78%, var(--color-text));
    }
  }
  .intake-route-card__badge--muted {
    border-color: var(--intake-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-taupe) 24%, var(--color-border));
    }
    background: rgb(255 255 255 / 0.58);
    color: var(--intake-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--intake-taupe) 82%, var(--color-text));
    }
  }
  .intake-bundle-map {
    margin-top: calc(var(--spacing) * 2.5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    margin-left: 0.6rem;
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 14%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.7), rgb(255 255 255 / 0.34)), color-mix(in srgb, #e9f0f0 36%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.7), rgb(255 255 255 / 0.34)), color-mix(in oklab, var(--color-brand-mist) 36%, white);
    }
  }
  .intake-bundle-node {
    display: inline-flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: color-mix(in srgb, oklch(0.285 0.014 245) 88%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 88%, black);
    }
  }
  .intake-bundle-node span {
    display: inline-flex;
    height: calc(var(--spacing) * 5);
    width: calc(var(--spacing) * 5);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    background: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--intake-blue) 12%, white);
    }
    color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--intake-blue) 82%, var(--color-text));
    }
  }
  .intake-bundle-node--required span {
    background: linear-gradient(135deg, var(--intake-graphite), var(--intake-blue));
    color: white;
  }
  .intake-bundle-link {
    display: inline-flex;
    height: calc(var(--spacing) * 6);
    width: calc(var(--spacing) * 6);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 18%, var(--color-border));
    }
    background: rgb(255 255 255 / 0.72);
    color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--intake-blue) 76%, var(--color-text));
    }
  }
  .intake-bundle-slots {
    display: grid;
    gap: calc(var(--spacing) * 2.5);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .intake-upload-block {
    min-width: calc(var(--spacing) * 0);
  }
  .claim-intake-page label.upload-dropzone.intake-upload-tile {
    position: relative;
    display: grid;
    min-height: 5.25rem;
    width: 100%;
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    overflow: hidden;
    border-radius: 13px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: solid;
    border-style: solid;
    padding: calc(var(--spacing) * 2.5);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    grid-template-columns: auto minmax(0, 1fr);
    isolation: isolate;
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 24%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(248 250 252 / 0.74)), color-mix(in srgb, #fbfaf6 70%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(248 250 252 / 0.74)), color-mix(in oklab, var(--color-brand-paper) 70%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 18px 38px -32px rgb(70 108 132 / 0.5);
  }
  .claim-intake-page label.upload-dropzone.intake-upload-tile:hover, .claim-intake-page label.upload-dropzone.intake-upload-tile.is-dragover {
    transform: translateY(-1px);
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 46%, var(--intake-taupe));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(249 248 245 / 0.78)), var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(249 248 245 / 0.78)), color-mix(in oklab, var(--intake-blue) 8%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.95), 0 22px 44px -34px rgb(70 108 132 / 0.62);
  }
  .claim-intake-page label.upload-dropzone.intake-upload-tile:focus-within {
    --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);
    --tw-ring-color: var(--color-accent);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
  }
  .intake-upload-tile--primary {
    min-height: 5.25rem;
  }
  .intake-upload-tile__chrome {
    position: absolute;
    inset: 0 auto 0 0;
    width: 5px;
    background: linear-gradient(180deg, var(--intake-graphite), var(--intake-blue));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, var(--intake-graphite), color-mix(in oklab, var(--intake-blue) 66%, var(--intake-taupe)));
    }
    box-shadow: 12px 0 28px -24px rgb(70 108 132 / 0.9);
  }
  .intake-upload-tile__icon {
    display: inline-flex;
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 24%, white);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.42)), var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.42)), color-mix(in oklab, var(--intake-blue) 11%, white);
    }
    color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--intake-blue) 82%, var(--intake-graphite));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86);
  }
  .intake-upload-tile__icon svg {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .intake-upload-tile__body {
    min-width: calc(var(--spacing) * 0);
  }
  .intake-upload-tile__eyebrow {
    display: block;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
    }
  }
  .intake-upload-tile__title {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 92%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 92%, black);
    }
    letter-spacing: 0;
  }
  .intake-upload-tile__hint {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
    }
  }
  .intake-upload-tile__chips {
    grid-column: 1 / -1;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1);
    padding-top: calc(var(--spacing) * 0);
  }
  .intake-upload-tile__chips span {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    border-color: var(--intake-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-taupe) 18%, var(--color-border));
    }
    background: rgb(255 255 255 / 0.66);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 78%, var(--color-text));
    }
  }
  .claim-intake-page label.upload-dropzone.intake-upload-tile--zip {
    align-items: flex-start;
    min-height: 5.25rem;
  }
  .intake-route-separator {
    display: flex;
    align-items: center;
    justify-content: center;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 80%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 80%, var(--color-text));
    }
  }
  .intake-route-separator::before, .intake-route-separator::after {
    content: "";
    height: 1px;
    flex: 1 1 0;
    background: var(--intake-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--intake-taupe) 16%, var(--color-border));
    }
  }
  .intake-route-separator span {
    margin-inline: calc(var(--spacing) * 2);
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    border-color: var(--intake-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-taupe) 20%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(250 249 246 / 0.68)), color-mix(in srgb, #fbfaf6 78%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(250 249 246 / 0.68)), color-mix(in oklab, var(--color-brand-paper) 78%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82);
  }
  .claim-intake-page .upload-file-summary {
    margin-top: 0.5rem;
    border-radius: 11px;
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 20%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(250 249 246 / 0.72)), color-mix(in srgb, #fbfaf6 78%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(250 249 246 / 0.72)), color-mix(in oklab, var(--color-brand-paper) 78%, white);
    }
  }
  .claim-intake-page .upload-file-summary .clear-btn {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    background: rgb(255 255 255 / 0.72);
  }
  .intake-field-error {
    margin-top: calc(var(--spacing) * 1.5);
    border-radius: 10px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-rose-200);
    background-color: var(--color-rose-50);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-rose-700);
  }
  .intake-real-claim {
    border-radius: 13px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2.5);
    border-color: var(--intake-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-taupe) 18%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(250 249 246 / 0.64)), color-mix(in srgb, #fbfaf6 78%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(250 249 246 / 0.64)), color-mix(in oklab, var(--color-brand-paper) 78%, white);
    }
  }
  .intake-real-claim__inner {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .intake-real-claim__head h2 {
    margin-top: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .intake-real-claim__head p {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .intake-real-options {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .intake-real-option {
    display: flex;
    cursor: pointer;
    gap: calc(var(--spacing) * 2);
    border-radius: 11px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 18%, var(--color-border));
    }
    background: rgb(255 255 255 / 0.62);
  }
  .intake-real-option--live {
    align-items: flex-start;
    background: linear-gradient(135deg, var(--intake-blue), rgb(255 255 255 / 0.72)), color-mix(in srgb, #fbfaf6 78%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in oklab, var(--intake-blue) 7%, white), rgb(255 255 255 / 0.72)), color-mix(in oklab, var(--color-brand-paper) 78%, white);
    }
  }
  .intake-real-option__copy {
    display: grid;
    min-width: calc(var(--spacing) * 0);
    gap: calc(var(--spacing) * 0.5);
  }
  .intake-real-option__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .intake-real-option__hint {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: var(--color-subtle);
  }
  .intake-real-fields {
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing) * 2);
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 14%, var(--color-border));
    }
  }
  .claim-intake-page .intake-real-fields label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 78%, var(--color-text));
    }
    letter-spacing: 0;
  }
  .claim-intake-page .intake-real-fields :where(input, select) {
    margin-top: 0.25rem !important;
    border-radius: 11px !important;
    padding: 0.5rem 0.7rem !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
  }
  .intake-real-option:hover {
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 38%, var(--color-border));
    }
    background: rgb(255 255 255 / 0.82);
  }
  .intake-generated-template {
    border-radius: 13px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 18%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(250 249 246 / 0.68)), color-mix(in srgb, #fbfaf6 78%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(250 249 246 / 0.68)), color-mix(in oklab, var(--color-brand-paper) 78%, white);
    }
    overflow: hidden;
  }
  .intake-generated-template__summary {
    display: flex;
    cursor: pointer;
    list-style-type: none;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-outline-style: none;
    outline-style: none;
  }
  .intake-generated-template__summary::-webkit-details-marker {
    display: none;
  }
  .intake-generated-template__summary: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);
    --tw-ring-color: var(--color-accent);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .intake-generated-template__summary-icon {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 20%, var(--color-border));
    }
    background: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--intake-blue) 8%, white);
    }
    color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--intake-blue) 82%, var(--color-text));
    }
  }
  .intake-generated-template__summary-icon svg {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .intake-generated-template__summary-copy {
    display: grid;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    gap: calc(var(--spacing) * 0.5);
  }
  .intake-generated-template__summary-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .intake-generated-template__summary-action, .intake-generated-template__ghost-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 18%, var(--color-border));
    }
    background: rgb(255 255 255 / 0.72);
    color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--intake-blue) 76%, var(--color-text));
    }
  }
  .intake-generated-template[open] .intake-generated-template__summary-action {
    color: var(--intake-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--intake-taupe) 82%, var(--color-text));
    }
  }
  .intake-generated-template__body {
    display: grid;
    gap: calc(var(--spacing) * 2.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 2.5);
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 14%, var(--color-border));
    }
  }
  .intake-generated-template__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .intake-generated-template__toolbar h3, .intake-generated-party__head h4 {
    margin: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .intake-generated-template__ghost-button:hover {
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 36%, var(--color-border));
    }
    background: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--intake-blue) 7%, white);
    }
  }
  .intake-generated-template__ghost-button svg {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .intake-generated-grid, .intake-generated-party__fields {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .intake-generated-grid--numbers, .intake-generated-grid--template-values, .intake-generated-party__fields {
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  }
  .intake-generated-parties {
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .intake-generated-party {
    border-radius: 12px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-white);
    padding: calc(var(--spacing) * 2.5);
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 13%, var(--color-border));
    }
  }
  .intake-generated-party__head {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .intake-generated-party__head select {
    max-width: 10.5rem;
  }
  .intake-generated-party__head--checkbox {
    align-items: center;
  }
  .intake-generated-toggle {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .intake-generated-field {
    min-width: calc(var(--spacing) * 0);
  }
  .intake-generated-field--wide {
    grid-column: 1 / -1;
  }
  .claim-intake-page .intake-generated-field label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 78%, var(--color-text));
    }
    letter-spacing: 0;
  }
  .claim-intake-page .intake-generated-field :where(input, select), .claim-intake-page .intake-generated-party__head select {
    margin-top: 0.25rem !important;
    min-height: 2.35rem !important;
    border-radius: 11px !important;
    padding: 0.52rem 0.7rem !important;
    font-size: 0.78rem !important;
    line-height: 1.2 !important;
  }
  .intake-generated-party__fields.is-disabled {
    opacity: 45%;
  }
  .intake-jobs {
    display: grid;
    gap: calc(var(--spacing) * 2.5);
  }
  .intake-jobs__refresh {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: rgb(255 255 255 / 0.16);
    background: rgb(255 255 255 / 0.1);
    color: rgb(255 255 255 / 0.82);
  }
  .intake-jobs__refresh span {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    background: var(--intake-taupe-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--intake-taupe-soft) 72%, white);
    }
    box-shadow: 0 0 0 4px rgb(255 255 255 / 0.09);
  }
  .intake-jobs__list {
    display: grid;
    gap: calc(var(--spacing) * 2.5);
    padding-inline: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 3.5);
    }
  }
  .intake-job-card {
    position: relative;
    overflow: hidden;
    border-radius: 15px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2.5);
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 17%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(250 249 246 / 0.72)), color-mix(in srgb, #fbfaf6 78%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(250 249 246 / 0.72)), color-mix(in oklab, var(--color-brand-paper) 78%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 15px 34px -30px rgb(30 33 38 / 0.42);
  }
  .intake-job-card::before {
    content: "";
    position: absolute;
    inset: 9px auto 9px 0;
    width: 5px;
    border-radius: 999px;
    background: var(--intake-blue);
  }
  .intake-job-card--ready::before {
    background: rgb(5 150 105);
  }
  .intake-job-card--failed::before {
    background: rgb(225 29 72);
  }
  .intake-job-card--duplicate::before {
    background: rgb(124 118 109);
  }
  .intake-job-card__main {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-left: calc(var(--spacing) * 2);
  }
  .intake-job-card__file {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .intake-job-card__icon {
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 18%, var(--color-border));
    }
    background: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--intake-blue) 10%, white);
    }
    color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--intake-blue) 82%, var(--color-text));
    }
  }
  .intake-job-card__icon svg {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .intake-job-card__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .intake-job-card__meta {
    margin-top: calc(var(--spacing) * 0.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .intake-job-card__status {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .intake-job-card__status-label {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 18%, var(--color-border));
    }
    background: rgb(255 255 255 / 0.68);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 82%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 82%, black);
    }
  }
  .intake-job-card--ready .intake-job-card__status-label {
    border-color: var(--color-emerald-200);
    background-color: var(--color-emerald-50);
    color: var(--color-emerald-700);
  }
  .intake-job-card--failed .intake-job-card__status-label {
    border-color: var(--color-rose-200);
    background-color: var(--color-rose-50);
    color: var(--color-rose-700);
  }
  .intake-job-card--duplicate .intake-job-card__status-label {
    color: var(--intake-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--intake-taupe) 80%, black);
    }
  }
  .intake-job-card__hide {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    color: var(--color-subtle);
  }
  .intake-job-card__hide:hover {
    background: rgb(255 255 255 / 0.7);
    color: var(--color-text);
  }
  .intake-job-card__progress {
    margin-top: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 1.5);
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background: color-mix(in srgb, oklch(0.923 0.014 205) 72%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-muted) 72%, white);
    }
  }
  .intake-job-card__progress span {
    display: block;
    height: 100%;
    border-radius: calc(infinity * 1px);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 500ms;
    transition-duration: 500ms;
    animation-duration: 500ms;
    background: linear-gradient(90deg, var(--intake-blue), var(--intake-blue));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, var(--intake-blue), color-mix(in oklab, var(--intake-blue) 46%, var(--intake-taupe)));
    }
  }
  .intake-job-card--ready .intake-job-card__progress span {
    background: rgb(5 150 105);
  }
  .intake-job-card--failed .intake-job-card__progress span {
    background: rgb(225 29 72);
  }
  .intake-job-card--duplicate .intake-job-card__progress span {
    background: var(--intake-taupe);
  }
  .intake-job-card__details {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    padding-left: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .intake-job-card__progress-text {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .intake-job-card__events {
    display: grid;
    width: 100%;
    gap: calc(var(--spacing) * 1);
    border-radius: 12px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, white);
    }
    background: rgb(255 255 255 / 0.52);
  }
  .intake-job-card__events div {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .intake-job-card__events strong {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .intake-job-card__notice {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--intake-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--intake-taupe) 82%, var(--color-text));
    }
  }
  .intake-job-card--failed .intake-job-card__notice {
    color: var(--color-rose-700);
  }
  .intake-job-card__ready {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 82%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 82%, black);
    }
  }
  .intake-job-card__pulse {
    height: calc(var(--spacing) * 2);
    width: calc(var(--spacing) * 2);
    animation: var(--animate-pulse);
    border-radius: calc(infinity * 1px);
    background: var(--intake-blue);
  }
  .intake-job-card__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 22%, var(--color-border));
    }
    background: rgb(255 255 255 / 0.72);
    color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--intake-blue) 78%, var(--color-text));
    }
  }
  .intake-job-card__action:hover {
    transform: translateY(-1px);
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 42%, var(--color-border));
    }
    color: var(--color-text);
  }
  .intake-job-card__action--primary {
    border-color: var(--intake-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-taupe) 36%, var(--intake-graphite));
    }
    background: linear-gradient(135deg, var(--intake-graphite), var(--intake-taupe));
    color: white;
  }
  .intake-jobs__empty {
    margin-inline: calc(var(--spacing) * 3);
    margin-bottom: calc(var(--spacing) * 3);
    border-radius: 13px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    @media (width >= 40rem) {
      margin-inline: calc(var(--spacing) * 3.5);
    }
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 24%, var(--color-border));
    }
    background: rgb(255 255 255 / 0.52);
    color: var(--color-subtle);
  }
  .intake-next-card {
    border-radius: 15px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 3.5);
    }
    border-color: var(--intake-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-taupe) 18%, var(--color-border));
    }
    background: linear-gradient(135deg, rgb(68 70 75 / 0.05), transparent 58%), color-mix(in srgb, #fbfaf6 78%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, rgb(68 70 75 / 0.05), transparent 58%), color-mix(in oklab, var(--color-brand-paper) 78%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 18px 42px -38px rgb(30 33 38 / 0.42);
  }
  .intake-next-card h2 {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    letter-spacing: 0;
  }
  .intake-next-grid {
    margin-top: calc(var(--spacing) * 2.5);
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .intake-next-step {
    border-radius: 12px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    border-color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--intake-blue) 16%, var(--color-border));
    }
    background: rgb(255 255 255 / 0.68);
  }
  .intake-next-step span {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    color: var(--intake-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--intake-blue) 74%, var(--intake-graphite));
    }
  }
  .intake-next-step strong {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .intake-next-step p {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: var(--color-subtle);
  }
  @media (max-width: 48rem) {
    .claim-intake-page label.upload-dropzone.intake-upload-tile {
      grid-template-columns: minmax(0, 1fr);
    }
    .intake-submit-button {
      width: 100%;
    }
  }
  @media (min-width: 64rem) {
    .intake-route-grid {
      grid-template-columns: minmax(0, 1.48fr) auto minmax(17rem, 0.72fr);
      align-items: stretch;
    }
    .intake-route-separator {
      padding-inline: calc(var(--spacing) * 0);
      align-self: stretch;
      flex-direction: column;
    }
    .intake-route-separator::before, .intake-route-separator::after {
      width: 1px;
      height: auto;
      flex: 1 1 0;
    }
    .intake-route-separator span {
      margin-inline: calc(var(--spacing) * 0);
      margin-block: calc(var(--spacing) * 2);
    }
    .intake-route-card--zip {
      display: flex;
      flex-direction: column;
    }
    .intake-route-card--zip .intake-upload-block {
      display: flex;
      flex-direction: column;
    }
    .claim-intake-page label.upload-dropzone.intake-upload-tile--zip {
      flex: 0 0 auto;
    }
  }
  .status-pill {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-color: var(--color-border);
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 50%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb, var(--color-muted) 50%, transparent);
    }
  }
  .status-pill[data-status="processing"], .status-pill[data-status="extracting"] {
    border-color: var(--color-sky-200);
    background-color: var(--color-sky-50);
    color: var(--color-sky-700);
  }
  .status-pill[data-status="queued"], .status-pill[data-status="received"] {
    border-color: var(--color-amber-200);
    background-color: var(--color-amber-50);
    color: var(--color-amber-700);
  }
  .status-pill[data-status="ready"] {
    border-color: var(--color-emerald-200);
    background-color: var(--color-emerald-50);
    color: var(--color-emerald-700);
  }
  .status-pill[data-status="failed"] {
    border-color: var(--color-rose-200);
    background-color: var(--color-rose-50);
    color: var(--color-rose-700);
  }
  .progress-track {
    height: calc(var(--spacing) * 2);
    width: 100%;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-muted);
  }
  .progress-fill {
    height: 100%;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-accent);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .job-ready .progress-fill {
    background-color: var(--color-emerald-500);
  }
  .form-error {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-rose-200);
    background-color: var(--color-rose-50);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-rose-700);
  }
}
@layer components {
  .notif-badge {
    margin-left: calc(var(--spacing) * 3);
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .notif-chip {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: 3px;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    background-color: transparent;
  }
  .notif-chip .chip-dot {
    height: calc(var(--spacing) * 2.5);
    width: calc(var(--spacing) * 2.5);
    border-radius: calc(infinity * 1px);
  }
  .notif-chip .chip-abbrev {
    font-size: 9px;
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .notif-chip .chip-value {
    font-size: 10px;
    font-variant-numeric: tabular-nums;
  }
  .chip-problem {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-border) 80%, transparent);
    }
    color: color-mix(in srgb, #dc2626 35%, #78350f 65%);
  }
  .chip-problem .chip-dot {
    background-color: var(--color-rose-500);
  }
  .chip-action {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-border) 80%, transparent);
    }
    color: color-mix(in srgb, #b45309 40%, #78350f 60%);
  }
  .chip-action .chip-dot {
    background-color: var(--color-amber-500);
  }
  .chip-worker-action {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-border) 80%, transparent);
    }
    color: color-mix(in srgb, #2563eb 40%, #1e3a8a 60%);
  }
  .chip-worker-action .chip-dot {
    background-color: var(--color-sky-500);
  }
  .chip-note {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, var(--color-border) 80%, transparent);
    }
    color: color-mix(in srgb, #047857 40%, #14532d 60%);
  }
  .chip-note .chip-dot {
    background-color: var(--color-emerald-500);
  }
}
@layer components {
  .ea-slide-over {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
    background-color: var(--color-surface);
    --tw-shadow: var(--shadow-elev);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--color-border);
  }
  .ea-panel-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    border-color: var(--color-border);
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.923 0.014 205) 60%, transparent), transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklch, var(--color-muted) 60%, transparent), transparent);
    }
  }
  .segmented {
    position: relative;
    display: flex;
    width: 100%;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding: calc(var(--spacing) * 0.5);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--color-border);
  }
  .segmented-secondary {
    position: relative;
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    width: 100%;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 40%, transparent);
    }
    padding: calc(var(--spacing) * 0.5);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: transparent;
  }
  .seg-btn {
    position: relative;
    z-index: 10;
    flex: 1;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    text-align: center;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: nowrap;
    color: var(--color-subtle);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 1px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
  }
  .segmented-secondary .seg-btn {
    font-size: 11px;
  }
  .seg-btn.is-active {
    color: var(--color-text);
    background: color-mix(in srgb, oklch(0.540 0.073 236) 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, var(--color-accent) 14%, transparent);
    }
    box-shadow: inset 0 1px 0 0 rgb(0 0 0 / 0.02);
  }
  .segmented-secondary .seg-btn.is-active {
    background-color: var(--color-white);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .seg-outline {
    display: none;
  }
  .ea-list-item {
    width: 100%;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-surface);
    padding: calc(var(--spacing) * 3);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-property: box-shadow;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    animation-duration: 150ms;
    animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
    border-color: var(--color-border);
  }
  .ea-list-item.variant-problem {
    background: color-mix(in oklch, #ef4444 10%, white 90%);
    border-color: color-mix(in oklch, #ef4444 25%, transparent);
  }
  .ea-list-item.variant-open {
    background: color-mix(in oklch, #facc15 14%, white 86%);
    border-color: color-mix(in oklch, #facc15 30%, transparent);
  }
  .ea-list-item.variant-completed {
    background: color-mix(in oklch, #22c55e 16%, white 84%);
    border-color: color-mix(in oklch, #22c55e 32%, transparent);
  }
  .ea-list-item.is-unseen {
    --tw-shadow: var(--shadow-elev);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .ea-list-item.variant-problem.is-unseen {
    background: color-mix(in oklch, #ef4444 24%, white 76%);
    border-color: color-mix(in oklch, #ef4444 48%, transparent);
  }
  .ea-list-item.variant-open.is-unseen {
    background: color-mix(in oklch, #facc15 32%, white 68%);
    border-color: color-mix(in oklch, #facc15 58%, transparent);
  }
  .badge-subtle {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
    color: var(--color-white);
    text-transform: uppercase;
  }
  .badge-pro {
    background-color: #ef4444;
  }
  .badge-open {
    background-color: #facc15;
    color: #78350f;
  }
  .badge-done {
    background-color: #22c55e;
  }
  .ea-item-header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .ea-item-text {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .ea-item-text .label {
    word-break: break-word;
  }
  .ea-item-footer {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .ea-item-action {
    flex-shrink: 0;
    white-space: nowrap;
  }
  .ea-item-action .btn-compact {
    white-space: nowrap;
  }
  .ea-item-meta {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: nowrap;
    color: var(--color-subtle);
  }
  .ea-item-meta strong {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
}
@layer components {
  .assoc-option {
    overflow: hidden;
  }
  .assoc-option > .text-sm {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@layer components {
  .ai-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    color: var(--color-white);
    --tw-shadow: var(--shadow-elev);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: var(--color-accent-700);
  }
  .ai-banner {
    background-color: var(--color-accent);
  }
  .ai-banner .title {
    font-size: 13px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .ai-banner .meta {
    font-size: 11px;
    opacity: 90%;
  }
  .ai-spinner {
    display: inline-block;
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    animation: var(--animate-spin);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-white);
    border-top-color: transparent;
  }
}
@layer components {
  .claim-processing-rail {
    pointer-events: none;
    position: fixed;
    inset-inline: calc(var(--spacing) * 0);
    top: calc(var(--spacing) * 3);
    z-index: 80;
    display: flex;
    justify-content: center;
    padding-inline: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
  }
  .claim-processing-rail__stack {
    display: flex;
    width: 100%;
    max-width: 46rem;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
  }
  .claim-processing-card {
    pointer-events: auto;
    position: relative;
    display: grid;
    min-width: calc(var(--spacing) * 0);
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    overflow: hidden;
    border-radius: 18px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    --tw-backdrop-blur: blur(var(--blur-2xl));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    color: var(--claim-processing-fg);
    border-color: var(--claim-processing-border);
    background: var(--claim-processing-bg);
    box-shadow: 0 24px 70px rgb(15 23 42 / 0.18), 0 2px 8px rgb(15 23 42 / 0.08), inset 0 1px 0 rgb(255 255 255 / 0.72);
  }
  .claim-processing-card[data-claim-href] {
    cursor: pointer;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    animation-duration: 150ms;
  }
  .claim-processing-card[data-claim-href]:hover {
    border-color: var(--claim-processing-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--claim-processing-accent) 46%, transparent);
    }
    transform: translateY(-1px);
  }
  .claim-processing-card[data-claim-href]: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);
    --tw-ring-color: currentcolor;
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-outline-style: none;
    outline-style: none;
  }
  .claim-processing-card::before, .claim-processing-card::after {
    content: "";
    pointer-events: none;
    position: absolute;
  }
  .claim-processing-card::before {
    inset-inline: calc(var(--spacing) * 4);
    top: calc(var(--spacing) * 0);
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--claim-processing-accent), transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, transparent, color-mix(in oklch, var(--claim-processing-accent) 62%, white), transparent);
    }
  }
  .claim-processing-card::after {
    top: calc(var(--spacing) * 3);
    bottom: calc(var(--spacing) * 3);
    left: calc(var(--spacing) * 0);
    width: calc(var(--spacing) * 1);
    border-top-right-radius: calc(infinity * 1px);
    border-bottom-right-radius: calc(infinity * 1px);
    background: linear-gradient(180deg, var(--claim-processing-accent), var(--claim-processing-accent));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklch, var(--claim-processing-accent) 88%, white), color-mix(in oklch, var(--claim-processing-accent) 42%, transparent));
    }
  }
  .claim-processing-card--processing, .claim-processing-card--ready, .claim-processing-card--etis_existing {
    --claim-processing-accent: #0f9f8f;
    --claim-processing-fg: #073f37;
    --claim-processing-muted: #52736d;
    --claim-processing-border: color-mix(in oklch, #0f9f8f 34%, transparent);
    --claim-processing-bg: linear-gradient(135deg, rgb(250 255 252 / 0.94), rgb(218 248 237 / 0.9)),
      color-mix(in oklch, #0f9f8f 8%, white);
  }
  .claim-processing-card--needs_input {
    --claim-processing-accent: #d97706;
    --claim-processing-fg: #78350f;
    --claim-processing-muted: #8a6438;
    --claim-processing-border: color-mix(in oklch, #f59e0b 36%, transparent);
    --claim-processing-bg: linear-gradient(135deg, rgb(255 251 235 / 0.94), rgb(254 243 199 / 0.9)),
      color-mix(in oklch, #d97706 7%, white);
  }
  .claim-processing-card--action_needed {
    --claim-processing-accent: #14756d;
    --claim-processing-fg: #123f3d;
    --claim-processing-muted: #5b746e;
    --claim-processing-border: color-mix(in oklch, #14756d 38%, transparent);
    --claim-processing-bg: linear-gradient(145deg, rgb(250 255 253 / 0.96), rgb(226 245 241 / 0.92) 54%, rgb(243 248 247 / 0.94)),
      color-mix(in oklch, #14756d 8%, white);
    align-items: flex-start;
  }
  .claim-processing-card--waiting_external {
    --claim-processing-accent: #3d6f8f;
    --claim-processing-fg: #243f57;
    --claim-processing-muted: #63798b;
    --claim-processing-border: color-mix(in oklch, #3d6f8f 34%, transparent);
    --claim-processing-bg: linear-gradient(145deg, rgb(248 251 255 / 0.96), rgb(229 240 249 / 0.9)),
      color-mix(in oklch, #3d6f8f 7%, white);
    align-items: flex-start;
  }
  .claim-processing-card--overdue {
    --claim-processing-accent: #c46a11;
    --claim-processing-fg: #7c3f12;
    --claim-processing-muted: #8a6744;
    --claim-processing-border: color-mix(in oklch, #d97706 34%, transparent);
    --claim-processing-bg: linear-gradient(145deg, rgb(255 250 244 / 0.96), rgb(252 234 212 / 0.9)),
      color-mix(in oklch, #c46a11 7%, white);
    align-items: flex-start;
  }
  .claim-processing-card--duplicate_local {
    --claim-processing-accent: #7454c9;
    --claim-processing-fg: #4c1d95;
    --claim-processing-muted: #73628d;
    --claim-processing-border: color-mix(in oklch, #8b5cf6 34%, transparent);
    --claim-processing-bg: linear-gradient(145deg, rgb(250 248 255 / 0.96), rgb(231 224 255 / 0.9)),
      color-mix(in oklch, #7454c9 7%, white);
    align-items: flex-start;
  }
  .claim-processing-card--failed {
    --claim-processing-accent: #e11d48;
    --claim-processing-fg: #881337;
    --claim-processing-muted: #8d5261;
    --claim-processing-border: color-mix(in oklch, #f43f5e 34%, transparent);
    --claim-processing-bg: linear-gradient(145deg, rgb(255 247 248 / 0.96), rgb(255 228 232 / 0.9)),
      color-mix(in oklch, #e11d48 7%, white);
  }
  .claim-processing-card__icon {
    position: relative;
    z-index: 1;
    display: flex;
    height: calc(var(--spacing) * 9);
    width: calc(var(--spacing) * 9);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--claim-processing-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--claim-processing-accent) 20%, white);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.76), rgb(255 255 255 / 0.42)), var(--claim-processing-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.76), rgb(255 255 255 / 0.42)), color-mix(in oklch, var(--claim-processing-accent) 12%, white);
    }
  }
  .claim-processing-card__icon svg {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .claim-processing-spinner {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    animation: var(--animate-spin);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: currentcolor;
    border-top-color: transparent;
  }
  .claim-processing-card__body {
    position: relative;
    z-index: 1;
    min-width: calc(var(--spacing) * 0);
  }
  .claim-processing-card__title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 14px;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-decoration-line: none;
    --tw-outline-style: none;
    outline-style: none;
    color: var(--claim-processing-fg);
  }
  .claim-processing-card--duplicate_local .claim-processing-card__title, .claim-processing-card--duplicate_local .claim-processing-card__meta {
    overflow: visible;
    text-overflow: clip;
    white-space: normal;
  }
  .claim-processing-card__title:hover {
    text-decoration-line: underline;
    text-underline-offset: 2px;
  }
  .claim-processing-card__title:focus-visible {
    border-radius: var(--radius-sm);
    --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);
    --tw-ring-color: currentcolor;
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .claim-processing-card__underbar {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 2);
    row-gap: calc(var(--spacing) * 1);
  }
  .claim-processing-card__meta {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--claim-processing-muted);
  }
  .claim-processing-card__count {
    display: inline-flex;
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    font-size: 10px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    color: var(--claim-processing-fg);
    border-color: var(--claim-processing-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--claim-processing-accent) 24%, transparent);
    }
    background: color-mix(in oklch, white 68%, transparent);
  }
  .claim-processing-card__summary {
    margin-top: calc(var(--spacing) * 1.5);
    max-width: 42rem;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--claim-processing-fg);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, var(--claim-processing-fg) 76%, var(--claim-processing-muted));
    }
  }
  .claim-processing-card__actions {
    margin-top: calc(var(--spacing) * 2.5);
    display: grid;
    gap: calc(var(--spacing) * 1.5);
  }
  .claim-processing-action {
    position: relative;
    display: grid;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    overflow: hidden;
    border-radius: 12px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    animation-duration: 150ms;
    border-color: var(--claim-processing-fg);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--claim-processing-fg) 18%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.74), rgb(255 255 255 / 0.48)), var(--claim-processing-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.74), rgb(255 255 255 / 0.48)), color-mix(in oklch, var(--claim-processing-accent) 4%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.7);
  }
  .claim-processing-action:hover {
    border-color: var(--claim-processing-fg);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--claim-processing-fg) 30%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.62)), var(--claim-processing-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.62)), color-mix(in oklch, var(--claim-processing-accent) 6%, white);
    }
    transform: translateY(-1px);
  }
  .claim-processing-action:focus-within {
    --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);
    --tw-ring-color: currentcolor;
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
  }
  .claim-processing-action__badge {
    display: inline-flex;
    height: calc(var(--spacing) * 7);
    min-width: calc(var(--spacing) * 7);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: 10px;
    --tw-leading: 1;
    line-height: 1;
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black);
    color: var(--claim-processing-fg);
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, currentColor 14%, transparent);
    }
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, currentColor 9%, white 91%);
    }
  }
  .claim-processing-action__body {
    min-width: calc(var(--spacing) * 0);
    padding-right: calc(var(--spacing) * 1);
  }
  .claim-processing-action__title {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--claim-processing-fg);
  }
  .claim-processing-action__meta {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--claim-processing-muted);
  }
  .claim-processing-action__hint {
    display: flex;
    height: calc(var(--spacing) * 7);
    min-width: calc(var(--spacing) * 10);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    animation-duration: 150ms;
    color: var(--claim-processing-fg);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklch, var(--claim-processing-fg) 58%, var(--claim-processing-muted));
    }
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, currentColor 7%, white 93%);
    }
  }
  .claim-processing-action__quick {
    pointer-events: none;
    position: absolute;
    top: calc(1/2 * 100%);
    right: calc(var(--spacing) * 2);
    display: flex;
    --tw-translate-x: calc(var(--spacing) * 1);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    gap: calc(var(--spacing) * 1);
    opacity: 0%;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    animation-duration: 150ms;
  }
  .claim-processing-action:hover .claim-processing-action__quick, .claim-processing-action:focus-within .claim-processing-action__quick {
    pointer-events: auto;
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 100%;
  }
  .claim-processing-action:hover .claim-processing-action__hint, .claim-processing-action:focus-within .claim-processing-action__hint {
    opacity: 0%;
  }
  .claim-processing-action__quick--visible {
    pointer-events: auto;
    position: static;
    --tw-translate-x: calc(var(--spacing) * 0);
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    opacity: 100%;
  }
  .claim-processing-action__quick-form {
    margin: calc(var(--spacing) * 0);
    display: inline-flex;
  }
  .claim-processing-action__quick-btn {
    display: inline-flex;
    height: calc(var(--spacing) * 7);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: currentcolor;
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    color: white;
    border-color: var(--claim-processing-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--claim-processing-accent) 74%, black);
    }
    background: linear-gradient(180deg, var(--claim-processing-accent), var(--claim-processing-accent));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklch, var(--claim-processing-accent) 90%, white), color-mix(in oklch, var(--claim-processing-accent) 90%, black));
    }
    box-shadow: 0 8px 18px var(--claim-processing-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 8px 18px color-mix(in oklch, var(--claim-processing-accent) 22%, transparent);
    }
  }
  .claim-processing-action__quick-btn:hover {
    filter: brightness(1.04);
  }
  .claim-processing-action__quick-btn--ghost {
    color: var(--claim-processing-fg);
    border-color: var(--claim-processing-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, var(--claim-processing-accent) 20%, transparent);
    }
    background: rgb(255 255 255 / 0.78);
    box-shadow: none;
  }
  .claim-processing-action__quick-btn--confirm {
    border-color: color-mix(in oklch, #0f766e 70%, black);
    background: linear-gradient(180deg, #159583, #0f6f67);
    box-shadow: 0 8px 18px rgb(15 118 110 / 0.22);
  }
  .claim-processing-dismiss {
    position: relative;
    z-index: 1;
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-leading: 1;
    line-height: 1;
    opacity: 70%;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
    &: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 {
      --tw-ring-color: currentcolor;
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklch, currentColor 12%, transparent);
    }
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, currentColor 7%, white 93%);
    }
  }
  @media (hover: none) {
    .claim-processing-action {
      grid-template-columns: auto minmax(0,1fr);
    }
    .claim-processing-action__hint {
      display: none;
    }
    .claim-processing-action__quick {
      pointer-events: auto;
      position: static;
      grid-column-start: 2;
      margin-top: calc(var(--spacing) * 1);
      --tw-translate-x: calc(var(--spacing) * 0);
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
      justify-self: flex-start;
      opacity: 100%;
    }
  }
}
@layer components {
  .arrests-console {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .arrests-console-hero {
    margin-top: calc(var(--spacing) * 0);
  }
  .claim-arrests-command-strip {
    --arrest-command-accent: rgb(82 107 141);
  }
  .arrest-command--ready {
    --arrest-command-accent: #059669;
  }
  .arrest-command--scheduled {
    --arrest-command-accent: #2563eb;
  }
  .arrest-command--warning {
    --arrest-command-accent: #d97706;
  }
  .arrest-command--critical {
    --arrest-command-accent: #dc2626;
  }
  .arrest-command--quiet {
    --arrest-command-accent: rgb(100 116 139);
  }
  .arrest-section-head__label, .arrest-notice__label, .arrest-rule-facts dt {
    display: block;
    font-size: 9px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 88%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 88%, var(--color-text));
    }
  }
  .arrest-notice, .arrest-targets-panel, .arrest-info-toggle {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, rgb(120 128 140));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.68)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.68)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9);
  }
  .arrest-notice {
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .arrest-notice--warning {
    border-color: color-mix(in srgb, #d97706 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #d97706 28%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.76), transparent), color-mix(in oklab, #f59e0b 10%, white);
  }
  .arrest-notice__head {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: flex-start;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .arrest-notice__head strong {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrest-notice__head p {
    margin-top: calc(var(--spacing) * 1);
    margin-bottom: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .arrest-notice__facts, .arrest-rule-facts {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .arrest-notice__facts div, .arrest-rule-facts div {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 66%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 66%, transparent);
    }
    background-color: rgb(255 255 255 / 0.56);
  }
  .arrest-notice__facts dt {
    font-size: 9px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .arrest-notice__facts dd, .arrest-rule-facts dd {
    margin-top: calc(var(--spacing) * 1);
    margin-bottom: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: break-word;
    color: var(--color-text);
  }
  .arrest-rule-facts dd small {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-family: var(--font-mono);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    word-break: break-all;
    color: var(--color-subtle);
  }
  .arrest-notice__formula, .arrest-side-copy {
    margin-top: calc(var(--spacing) * 2);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .arrest-notice__formula span {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrests-workspace {
    display: grid;
    gap: calc(var(--spacing) * 4);
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1fr) minmax(18rem,0.32fr);
    }
  }
  .arrests-workspace__main {
    min-width: calc(var(--spacing) * 0);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .arrests-workspace__aside {
    min-width: calc(var(--spacing) * 0);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
    @media (width >= 80rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    @media (width >= 80rem) {
      padding-left: calc(var(--spacing) * 4);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, rgb(120 128 140));
    }
  }
  .arrests-workspace__aside .arrest-info-toggle {
    border-radius: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-width: 0px;
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
    background-color: transparent;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-bottom-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in oklab, var(--color-border) 70%, rgb(120 128 140));
    }
  }
  .arrests-workspace__aside .arrest-info-toggle > summary {
    padding-inline: calc(var(--spacing) * 0);
  }
  .arrests-workspace__aside .arrest-info-toggle__body {
    padding-inline: calc(var(--spacing) * 0);
  }
  .arrest-section-head {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: flex-start;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  .arrest-section-head__title {
    margin-top: calc(var(--spacing) * 1);
    margin-bottom: calc(var(--spacing) * 0);
    font-size: 15px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrest-section-head__copy {
    margin-bottom: calc(var(--spacing) * 0);
    max-width: var(--container-2xl);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .arrest-display-sections {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3.5);
  }
  .arrest-display-section {
    --arrest-section-accent: rgb(100 116 139);
    overflow: hidden;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--arrest-section-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--arrest-section-accent) 24%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.58)), var(--arrest-section-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.58)), color-mix(in oklab, var(--arrest-section-accent) 4%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82);
  }
  .arrest-display-section--applied {
    --arrest-section-accent: #059669;
  }
  .arrest-display-section--waiting {
    --arrest-section-accent: #0284c7;
  }
  .arrest-display-section--needs_action {
    --arrest-section-accent: #d97706;
  }
  .arrest-display-section--not_applicable {
    --arrest-section-accent: rgb(100 116 139);
  }
  .arrest-display-section__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: var(--arrest-section-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--arrest-section-accent) 18%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.58), transparent), var(--arrest-section-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.58), transparent), color-mix(in oklab, var(--arrest-section-accent) 8%, var(--color-surface));
    }
  }
  .arrest-display-section__title {
    margin-top: calc(var(--spacing) * 0.5);
    margin-bottom: calc(var(--spacing) * 0);
    font-size: 14px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrest-display-section__head p {
    margin-top: calc(var(--spacing) * 1);
    margin-bottom: calc(var(--spacing) * 0);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .arrest-display-section__count {
    display: inline-flex;
    height: calc(var(--spacing) * 7);
    min-width: calc(var(--spacing) * 7);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: var(--arrest-section-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--arrest-section-accent) 28%, var(--color-border));
    }
    background-color: rgb(255 255 255 / 0.7);
    color: var(--arrest-section-accent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--arrest-section-accent) 72%, black);
    }
  }
  .arrest-display-empty {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, rgb(120 128 140));
    }
    background-color: rgb(255 255 255 / 0.62);
  }
  .arrest-display-empty strong {
    display: block;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrest-display-empty p {
    margin-top: calc(var(--spacing) * 1);
    margin-bottom: calc(var(--spacing) * 0);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .arrest-list {
    margin: calc(var(--spacing) * 0);
    list-style-type: none;
    padding: calc(var(--spacing) * 0);
  }
  .arrest-list--targets {
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    padding-inline: calc(var(--spacing) * 3.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 66%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 66%, transparent);
    }
  }
  .arrest-list--grouped {
    padding-inline: calc(var(--spacing) * 3);
  }
  .arrest-card {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .arrest-card__header {
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) auto auto;
    }
    @media (width >= 64rem) {
      align-items: center;
    }
  }
  .arrest-card__meta {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: var(--color-subtle);
  }
  .arrest-card__badges {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .arrest-card__badges > .font-medium {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrest-card__signal {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .arrest-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--spacing) * 1.5);
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .arrest-actions .claim-action-button {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    min-height: 1.85rem;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, rgb(120 128 140));
    }
  }
  .arrest-actions .badge {
    white-space: nowrap;
  }
  .arrest-actions form {
    margin: calc(var(--spacing) * 0);
  }
  .arrest-details {
    margin-top: calc(var(--spacing) * 2);
    overflow: hidden;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, rgb(120 128 140));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.7), rgb(255 255 255 / 0.5)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.7), rgb(255 255 255 / 0.5)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
  }
  .arrest-details__summary {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 34%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 34%, transparent);
    }
  }
  .arrest-details__summary:hover {
    color: var(--color-text);
  }
  .arrest-details__summary::-webkit-details-marker {
    display: none;
  }
  .arrest-details__summary::after {
    content: "";
    width: 0.42rem;
    height: 0.42rem;
    flex: 0 0 auto;
    border-right: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.18s ease;
  }
  .arrest-details[open] .arrest-details__summary {
    color: var(--color-text);
  }
  .arrest-details[open] .arrest-details__summary::after {
    transform: rotate(-135deg);
  }
  .arrest-details > div.mt-2 {
    margin-top: 0;
    max-height: min(17rem, 42vh);
    overflow: auto;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  .arrest-details > .arrest-pension-detail {
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 0);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    background: linear-gradient(180deg, rgb(255 255 255 / 0.54), rgb(255 255 255 / 0.32)), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.54), rgb(255 255 255 / 0.32)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
  }
  .arrest-pension-detail__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .arrest-pension-detail__fact {
    min-width: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-right: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-right: 1px solid color-mix(in oklab, var(--color-border) 58%, transparent);
    }
  }
  .arrest-pension-detail__fact:last-child {
    border-right: 0;
  }
  .arrest-pension-detail__label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
    text-transform: uppercase;
    letter-spacing: 0;
  }
  .arrest-pension-detail__value {
    margin-top: calc(var(--spacing) * 1);
    font-size: 13px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: break-word;
    color: var(--color-text);
    line-height: 1.25;
  }
  .arrest-pension-detail__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 58%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 20%, transparent);
    }
  }
  .arrest-pension-detail__source {
    min-width: calc(var(--spacing) * 0);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .arrest-pension-detail .claim-action-button {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    min-height: 1.85rem;
  }
  @media (max-width: 44rem) {
    .arrest-pension-detail__facts {
      grid-template-columns: 1fr;
    }
    .arrest-pension-detail__fact {
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 2.5);
      border-right: 0;
      border-bottom: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-bottom: 1px solid color-mix(in oklab, var(--color-border) 58%, transparent);
      }
    }
    .arrest-pension-detail__fact:last-child {
      border-bottom: 0;
    }
    .arrest-pension-detail__footer {
      padding-inline: calc(var(--spacing) * 3);
      padding-block: calc(var(--spacing) * 2.5);
    }
  }
  .arrest-target-list {
    margin-top: calc(var(--spacing) * 1.5);
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  .arrest-target-row {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .arrest-target-row > div {
    gap: calc(var(--spacing) * 2);
  }
  .arrest-target-row .font-medium {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrest-target-row .text-xs {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .arrest-target-empty {
    margin-top: calc(var(--spacing) * 2);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
  }
  .arrest-info-toggle {
    overflow: hidden;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .arrest-info-toggle > summary {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .arrest-info-toggle > summary::-webkit-details-marker {
    display: none;
  }
  .arrest-info-toggle > summary::after {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    border-right: 2px solid var(--color-subtle);
    border-bottom: 2px solid var(--color-subtle);
    transform: rotate(45deg);
    transition: transform 0.2s ease;
  }
  .arrest-info-toggle[open] > summary::after {
    transform: rotate(-135deg);
  }
  .arrest-info-toggle__body {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 4);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  .arrest-chip-list {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.5);
  }
  .arrest-chip {
    display: inline-flex;
    max-width: 100%;
    min-width: calc(var(--spacing) * 0);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background-color: rgb(255 255 255 / 0.62);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 86%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 86%, var(--color-subtle));
    }
  }
  .arrest-chip--success {
    border-color: color-mix(in srgb, #10b981 32%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #10b981 32%, var(--color-border));
    }
    background-color: color-mix(in oklab, #dcfce7 46%, white);
    color: #047857;
  }
  .arrest-chip--warn {
    border-color: color-mix(in srgb, #f59e0b 34%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #f59e0b 34%, var(--color-border));
    }
    background-color: color-mix(in oklab, #fef3c7 48%, white);
    color: #92400e;
  }
  .arrest-chip--muted {
    color: var(--color-subtle);
  }
  .arrest-inline-warning {
    margin-top: calc(var(--spacing) * 3);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    border-color: color-mix(in srgb, #f59e0b 34%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #f59e0b 34%, var(--color-border));
    }
    background-color: color-mix(in oklab, #fef3c7 48%, white);
    color: #78350f;
  }
  .manual-arrests-console {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .manual-console-hero {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: center;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, rgb(120 128 140));
    }
  }
  .manual-console-hero__title-group {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .manual-console-hero__mark {
    width: 0.22rem;
    height: 1.55rem;
    flex: 0 0 auto;
    border-radius: 999px;
    background: linear-gradient(180deg, rgb(82 107 141), rgb(117 139 168));
    box-shadow: 0 6px 14px -10px rgb(30 51 84 / 0.75);
  }
  .manual-console-hero__eyebrow {
    font-size: 9px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 86%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 86%, var(--color-text));
    }
  }
  .manual-console-hero__title {
    margin-top: calc(var(--spacing) * 0.5);
    margin-bottom: calc(var(--spacing) * 0);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 91%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 91%, black);
    }
    letter-spacing: 0;
  }
  .manual-console-hero__facts {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
  }
  .manual-console-hero__facts span {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .manual-console-hero__facts span:not(:last-child)::after {
    content: "";
    width: 0.22rem;
    height: 0.22rem;
    margin-left: 0.75rem;
    border-radius: 999px;
    background: color-mix(in srgb, oklch(0.842 0.018 228) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-border) 82%, var(--color-text));
    }
  }
  .manual-service-tabs {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .manual-tab-radio {
    position: absolute;
    opacity: 0;
    pointer-events: none;
  }
  .manual-tab-list, .manual-method-tab-list {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, rgb(120 128 140));
    }
  }
  .manual-tab-label, .manual-method-tab-label {
    cursor: pointer;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: transparent;
    padding-inline: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    color: color-mix(in srgb, oklch(0.285 0.014 245) 64%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 64%, var(--color-subtle));
    }
  }
  .manual-method-tab-label {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .manual-method-tab-label small {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 88%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 88%, var(--color-text));
    }
  }
  .manual-tab-label:hover, .manual-method-tab-label:hover {
    color: var(--color-text);
  }
  #manual-provider-tkis:checked ~ .manual-tab-list label[for="manual-provider-tkis"], #manual-provider-liiklus:checked ~ .manual-tab-list label[for="manual-provider-liiklus"], #manual-tkis-add:checked ~ .manual-method-tab-list label[for="manual-tkis-add"], #manual-tkis-change:checked ~ .manual-method-tab-list label[for="manual-tkis-change"], #manual-tkis-close:checked ~ .manual-method-tab-list label[for="manual-tkis-close"], #manual-liiklus-custom:checked ~ .manual-method-tab-list label[for="manual-liiklus-custom"], #manual-liiklus-methods:checked ~ .manual-method-tab-list label[for="manual-liiklus-methods"] {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 68%, rgb(82 107 141));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 68%, rgb(82 107 141));
    }
    color: var(--color-text);
  }
  #manual-provider-tkis:focus-visible ~ .manual-tab-list label[for="manual-provider-tkis"], #manual-provider-liiklus:focus-visible ~ .manual-tab-list label[for="manual-provider-liiklus"], #manual-tkis-add:focus-visible ~ .manual-method-tab-list label[for="manual-tkis-add"], #manual-tkis-change:focus-visible ~ .manual-method-tab-list label[for="manual-tkis-change"], #manual-tkis-close:focus-visible ~ .manual-method-tab-list label[for="manual-tkis-close"], #manual-liiklus-custom:focus-visible ~ .manual-method-tab-list label[for="manual-liiklus-custom"], #manual-liiklus-methods:focus-visible ~ .manual-method-tab-list label[for="manual-liiklus-methods"] {
    outline: 2px solid color-mix(in srgb, oklch(0.540 0.073 236) 72%, white);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in oklab, var(--color-accent) 72%, white);
    }
    outline-offset: 3px;
  }
  .manual-provider-panel, .manual-method-panel {
    display: none;
  }
  #manual-provider-tkis:checked ~ .manual-provider-panels .manual-provider-panel--tkis, #manual-provider-liiklus:checked ~ .manual-provider-panels .manual-provider-panel--liiklus, #manual-tkis-add:checked ~ .manual-method-panels .manual-method-panel--add, #manual-tkis-change:checked ~ .manual-method-panels .manual-method-panel--change, #manual-tkis-close:checked ~ .manual-method-panels .manual-method-panel--close, #manual-liiklus-custom:checked ~ .manual-method-panels .manual-method-panel--custom, #manual-liiklus-methods:checked ~ .manual-method-panels .manual-method-panel--liiklus-methods {
    display: block;
  }
  .manual-provider-panel {
    padding-top: calc(var(--spacing) * 1);
  }
  .manual-provider-panel__summary {
    display: grid;
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, rgb(120 128 140));
    }
  }
  .manual-provider-panel__summary > div {
    min-width: calc(var(--spacing) * 0);
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 2.5);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 3);
    }
  }
  .manual-provider-panel__summary > div + div {
    border-top: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--color-border) 62%, transparent);
    }
  }
  @media (min-width: 640px) {
    .manual-provider-panel__summary > div + div {
      border-top: 0;
      border-left: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-left: 1px solid color-mix(in oklab, var(--color-border) 62%, transparent);
      }
    }
  }
  .manual-provider-panel__summary span, .manual-result-dock__head span, .manual-result-meta span, .manual-result-audit span {
    display: block;
    font-size: 9px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 88%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 88%, var(--color-text));
    }
  }
  .manual-provider-panel__summary strong, .manual-result-dock__head strong, .manual-result-meta strong {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .manual-provider-panel__summary small {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    color: var(--color-subtle);
  }
  .manual-workspace {
    display: grid;
    gap: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 3);
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1fr) minmax(18rem,0.34fr);
    }
  }
  .manual-method-tabs {
    min-width: calc(var(--spacing) * 0);
  }
  .manual-method-panels {
    margin-top: calc(var(--spacing) * 3);
  }
  .manual-method-panel {
    min-width: calc(var(--spacing) * 0);
  }
  .manual-method-head {
    margin-bottom: calc(var(--spacing) * 3);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: center;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
  }
  .manual-method-head h4 {
    margin-top: calc(var(--spacing) * 0.5);
    margin-bottom: calc(var(--spacing) * 0);
    font-size: 15px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    letter-spacing: 0;
  }
  .manual-method-head__eyebrow {
    font-size: 9px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.15em;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 86%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 86%, var(--color-text));
    }
  }
  .manual-arrests-alert {
    margin-top: calc(var(--spacing) * 3);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .manual-arrests-alert--warning {
    border-color: color-mix(in srgb, #f59e0b 34%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #f59e0b 34%, var(--color-border));
    }
    background: color-mix(in oklab, #fef3c7 46%, white);
    color: #78350f;
  }
  .manual-arrests-alert--error {
    border-color: color-mix(in srgb, #ef4444 36%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #ef4444 36%, var(--color-border));
    }
    background: color-mix(in oklab, #fee2e2 54%, white);
    color: #991b1b;
  }
  .manual-arrest-controls {
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .manual-arrest-controls--compact {
    grid-template-columns: repeat(1, minmax(0, 1fr));
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .manual-arrest-fields {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 2.5);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .manual-arrest-fields--single {
    margin-top: calc(var(--spacing) * 0);
    grid-template-columns: repeat(1, minmax(0, 1fr));
    @media (width >= 48rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .manual-arrest-field {
    display: block;
    min-width: calc(var(--spacing) * 0);
  }
  .manual-arrest-field--wide {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .manual-arrest-field__label {
    display: block;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.11em;
    letter-spacing: 0.11em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.285 0.014 245) 80%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 80%, var(--color-subtle));
    }
  }
  .manual-arrest-field__input {
    margin-top: calc(var(--spacing) * 1);
    width: 100%;
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    min-height: 2.25rem;
    color: var(--color-text);
    background-color: rgb(255 255 255 / 0.8);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 82%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 82%, rgb(120 128 140));
    }
  }
  .manual-arrest-field__input:focus {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 42%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 42%, var(--color-border));
    }
    box-shadow: 0 0 0 3px color-mix(in srgb, oklch(0.540 0.073 236) 13%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-accent) 13%, transparent);
    }
  }
  .manual-arrest-field__input--mono {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .manual-arrest-field__textarea {
    min-height: 5rem;
  }
  .manual-arrest-field__hint {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 58%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 58%, var(--color-subtle));
    }
    text-transform: none;
    letter-spacing: 0;
  }
  .manual-method-actions {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .manual-result-dock {
    height: fit-content;
    padding-top: calc(var(--spacing) * 3);
    @media (width >= 80rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
    @media (width >= 80rem) {
      padding-top: calc(var(--spacing) * 0);
    }
    @media (width >= 80rem) {
      padding-left: calc(var(--spacing) * 4);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, rgb(120 128 140));
    }
  }
  .manual-result-dock--empty {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .manual-result-dock__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .manual-result-dock__head em {
    font-size: 11px;
    font-style: normal;
    color: var(--color-subtle);
  }
  .manual-result-facts {
    margin-top: calc(var(--spacing) * 2);
    :where(& > :not(:last-child)) {
      --tw-divide-y-reverse: 0;
      border-bottom-style: var(--tw-border-style);
      border-top-style: var(--tw-border-style);
      border-top-width: calc(1px * var(--tw-divide-y-reverse));
      border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
  }
  .manual-result-fact {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
  }
  .manual-result-fact--success strong {
    color: #047857;
  }
  .manual-result-fact--error strong {
    color: #991b1b;
  }
  .manual-result-fact span {
    min-width: calc(var(--spacing) * 0);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 88%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 88%, var(--color-text));
    }
  }
  .manual-result-fact strong {
    max-width: 68%;
    text-align: right;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: break-word;
    color: var(--color-text);
  }
  .manual-result-meta {
    margin-top: calc(var(--spacing) * 2);
    display: grid;
    gap: calc(var(--spacing) * 1.5);
  }
  .manual-result-meta > div {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .manual-result-empty {
    margin-top: calc(var(--spacing) * 2);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    padding-inline: calc(var(--spacing) * 0);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    color: var(--color-subtle);
  }
  .manual-result-chips {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.5);
  }
  .manual-result-chips span {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-family: var(--font-mono);
    font-size: 10px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: rgb(255 255 255 / 0.62);
    color: var(--color-text);
  }
  .manual-result-audit {
    margin-top: calc(var(--spacing) * 3);
    overflow: hidden;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: rgb(255 255 255 / 0.52);
  }
  .manual-result-audit > summary {
    cursor: pointer;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    color: var(--color-text);
  }
  .manual-result-audit__grid {
    display: grid;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  .manual-arrest-code {
    margin-top: calc(var(--spacing) * 1);
    max-height: 24rem;
    overflow: auto;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-family: var(--font-mono);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    overflow-wrap: break-word;
    white-space: pre-wrap;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
    background: color-mix(in oklab, rgb(248 250 252) 88%, white);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 92%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 92%, black);
    }
  }
  .manual-liiklus-custom {
    height: fit-content;
  }
  .manual-liiklus-inline-tool {
    min-width: calc(var(--spacing) * 0);
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, rgb(120 128 140));
    }
  }
  .manual-liiklus-inline-tool__form {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .manual-method-head--liiklus-inline {
    margin-bottom: calc(var(--spacing) * 0);
    align-items: flex-end;
  }
  .manual-arrest-field--method-picker {
    min-width: min(100%, 18rem);
    flex: 1;
  }
  .manual-liiklus-inline-tool__description {
    margin-bottom: calc(var(--spacing) * 0);
    max-width: var(--container-3xl);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .manual-liiklus-inline-response {
    margin-top: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
  }
  .manual-inline-loader {
    display: flex;
    min-height: calc(var(--spacing) * 24);
    flex-direction: column;
    justify-content: center;
    gap: calc(var(--spacing) * 1);
    color: var(--color-subtle);
  }
  .manual-inline-loader span {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 86%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 86%, var(--color-text));
    }
  }
  .manual-inline-loader strong {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .manual-result-audit--compact .manual-arrest-code {
    max-height: 16rem;
  }
}
@layer components {
  .arrest-rules-hero {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 16%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 16%, var(--color-border));
    }
    background: radial-gradient(120% 100% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 12%, transparent) 0%, transparent 60%), linear-gradient(170deg, color-mix(in srgb, oklch(0.923 0.014 205) 75%, white), var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(120% 100% at 100% 0%, color-mix(in oklab, var(--color-accent) 12%, transparent) 0%, transparent 60%), linear-gradient(170deg, color-mix(in oklab, var(--color-muted) 75%, white), var(--color-surface));
    }
  }
  .arrest-rules-hero__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .arrest-rules-hero__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .arrest-rules-hero__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrest-rules-hero__subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
  }
  .arrest-rules-hero__pill {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
    }
    background-color: color-mix(in oklab, white 45%, transparent);
  }
  .arrest-rules-kpi-grid {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .arrest-rules-kpi {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 82%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 82%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 84%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 84%, var(--color-muted));
    }
  }
  .arrest-rules-kpi__label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .arrest-rules-kpi__value {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrest-rules-kpi--indigo {
    background-color: color-mix(in oklab, #6366f1 12%, white);
    border-color: color-mix(in oklab, #6366f1 25%, transparent);
  }
  .arrest-rules-kpi--sky {
    background-color: color-mix(in oklab, #0ea5e9 11%, white);
    border-color: color-mix(in oklab, #0ea5e9 24%, transparent);
  }
  .arrest-rules-kpi--amber {
    background-color: color-mix(in oklab, #f59e0b 13%, white);
    border-color: color-mix(in oklab, #f59e0b 28%, transparent);
  }
  .arrest-rules-kpi--emerald {
    background-color: color-mix(in oklab, #10b981 11%, white);
    border-color: color-mix(in oklab, #10b981 24%, transparent);
  }
  .arrest-rules-card {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 90%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 90%, var(--color-muted));
    }
  }
  .arrest-rules-card--immediate {
    background: radial-gradient(110% 95% at 100% 0%, color-mix(in oklab, #2563eb 10%, transparent) 0%, transparent 65%), color-mix(in srgb, oklch(0.987 0.006 96) 86%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(110% 95% at 100% 0%, color-mix(in oklab, #2563eb 10%, transparent) 0%, transparent 65%), color-mix(in oklab, var(--color-surface) 86%, var(--color-muted));
    }
  }
  .arrest-rules-card--relaxation {
    background: radial-gradient(120% 95% at 100% 0%, color-mix(in oklab, #14b8a6 11%, transparent) 0%, transparent 65%), color-mix(in srgb, oklch(0.987 0.006 96) 86%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(120% 95% at 100% 0%, color-mix(in oklab, #14b8a6 11%, transparent) 0%, transparent 65%), color-mix(in oklab, var(--color-surface) 86%, var(--color-muted));
    }
  }
  .arrest-rules-card--payment {
    background: radial-gradient(120% 95% at 100% 0%, color-mix(in oklab, #0d9488 12%, transparent) 0%, transparent 65%), color-mix(in srgb, oklch(0.987 0.006 96) 86%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(120% 95% at 100% 0%, color-mix(in oklab, #0d9488 12%, transparent) 0%, transparent 65%), color-mix(in oklab, var(--color-surface) 86%, var(--color-muted));
    }
  }
  .arrest-rules-card__header {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .arrest-rules-card__header > :first-child {
    min-width: calc(var(--spacing) * 0);
  }
  .arrest-rules-card__title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrest-rules-card__subtitle {
    margin-top: calc(var(--spacing) * 0.5);
    max-width: var(--container-3xl);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .arrest-rules-header-action {
    flex-shrink: 0;
    justify-self: flex-start;
    @media (width >= 40rem) {
      justify-self: flex-end;
    }
  }
  .arrest-rules-header-actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    justify-self: flex-start;
    @media (width >= 40rem) {
      justify-self: flex-end;
    }
  }
  .arrest-rules-action-btn {
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, white 48%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, white 48%, var(--color-muted));
    }
  }
  .arrest-rules-action-btn:hover {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 76%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 76%, white);
    }
  }
  .arrest-rules-action-btn--danger {
    color: #b91c1c;
    border-color: color-mix(in oklab, #ef4444 42%, transparent);
    background-color: color-mix(in oklab, #fee2e2 68%, white);
  }
  .arrest-rules-action-btn--danger:hover {
    background-color: color-mix(in oklab, #fecaca 68%, white);
  }
  .settings-rules-workspace {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .settings-rules-command {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background: linear-gradient(135deg, color-mix(in srgb, oklch(0.923 0.014 205) 58%, white), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in oklab, var(--color-muted) 58%, white), color-mix(in oklab, var(--color-surface) 96%, white));
    }
  }
  .settings-rules-command__copy {
    min-width: calc(var(--spacing) * 0);
  }
  .settings-rules-command__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-rules-command__title {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-rules-command__meta {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: 11px;
    color: var(--color-subtle);
  }
  .settings-rules-command__meta span, .settings-rules-command__scope {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in oklab, white 52%, transparent);
  }
  .settings-rules-command__scope {
    gap: calc(var(--spacing) * 2);
    justify-self: flex-start;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
    @media (width >= 64rem) {
      justify-self: flex-end;
    }
  }
  .settings-rules-command__scope strong {
    color: var(--color-text);
  }
  .settings-rules-command__scope-label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
  }
  .settings-rules-nav-link__title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-rules-nav-link__meta {
    max-width: 5.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 72%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 72%, white);
    }
  }
  .settings-rules-nav-link--upcoming {
    opacity: 0.82;
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 84%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 84%, var(--color-muted));
    }
  }
  .ruleset-switch-card {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background: radial-gradient(135% 110% at 100% 0%, color-mix(in oklab, #d4af37 12%, transparent) 0%, transparent 58%), linear-gradient(165deg, color-mix(in oklab, white 34%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, oklch(0.923 0.014 205) 56%, white), color-mix(in srgb, oklch(0.987 0.006 96) 94%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(135% 110% at 100% 0%, color-mix(in oklab, #d4af37 12%, transparent) 0%, transparent 58%), linear-gradient(165deg, color-mix(in oklab, white 34%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in oklab, var(--color-muted) 56%, white), color-mix(in oklab, var(--color-surface) 94%, white));
    }
  }
  .ruleset-switch-card__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .ruleset-switch-card__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .ruleset-switch-card__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .ruleset-switch-card__subtitle {
    margin-top: calc(var(--spacing) * 1);
    max-width: var(--container-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .ruleset-switch {
    display: grid;
    gap: calc(var(--spacing) * 2);
    grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
    width: min(100%, 40rem);
  }
  .ruleset-switch__option {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 36%, transparent), color-mix(in srgb, oklch(0.987 0.006 96) 92%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 36%, transparent), color-mix(in oklab, var(--color-surface) 92%, white));
    }
    box-shadow: inset 0 1px 0 color-mix(in oklab, white 76%, transparent);
  }
  .ruleset-switch__option:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 26%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 26%, var(--color-border));
    }
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.540 0.073 236) 5%, white), color-mix(in srgb, oklch(0.987 0.006 96) 90%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-accent) 5%, white), color-mix(in oklab, var(--color-surface) 90%, white));
    }
  }
  .ruleset-switch__option.is-active {
    border-color: color-mix(in srgb, #d4af37 45%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #d4af37 45%, var(--color-border));
    }
    background: radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, #d4af37 16%, transparent) 0%, transparent 62%), linear-gradient(180deg, color-mix(in oklab, #f8f3df 82%, white), color-mix(in srgb, oklch(0.987 0.006 96) 88%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, #d4af37 16%, transparent) 0%, transparent 62%), linear-gradient(180deg, color-mix(in oklab, #f8f3df 82%, white), color-mix(in oklab, var(--color-surface) 88%, white));
    }
    box-shadow: inset 0 0 0 1px color-mix(in oklab, #d4af37 20%, transparent), 0 18px 28px -26px rgb(148 110 0 / 0.4);
  }
  .ruleset-switch__label {
    display: block;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .ruleset-switch__hint {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .ruleset-switch--compact {
    display: flex;
    width: auto;
    min-width: calc(var(--spacing) * 0);
    gap: calc(var(--spacing) * 1.5);
  }
  .ruleset-switch--compact .ruleset-switch__option {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    min-width: 11rem;
  }
  .ruleset-switch--compact .ruleset-switch__hint {
    margin-top: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
  }
  .settings-rules-content {
    min-width: calc(var(--spacing) * 0);
  }
  .settings-rules-section {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .settings-rules-section__head {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
  }
  .settings-rules-section__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-rules-section__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-rules-section--arrest .settings-rules-section__head {
    border-color: color-mix(in srgb, #2563eb 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #2563eb 24%, var(--color-border));
    }
    background: linear-gradient(180deg, color-mix(in oklab, #dbeafe 52%, white), color-mix(in srgb, oklch(0.987 0.006 96) 94%, oklch(0.923 0.014 205)));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, #dbeafe 52%, white), color-mix(in oklab, var(--color-surface) 94%, var(--color-muted)));
    }
  }
  .settings-rules-section--deposit .settings-rules-section__head {
    border-color: color-mix(in srgb, #0ea5e9 30%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #0ea5e9 30%, var(--color-border));
    }
    background: linear-gradient(180deg, color-mix(in oklab, #cffafe 54%, white), color-mix(in srgb, oklch(0.987 0.006 96) 94%, oklch(0.923 0.014 205)));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, #cffafe 54%, white), color-mix(in oklab, var(--color-surface) 94%, var(--color-muted)));
    }
  }
  .settings-rules-section--upcoming .settings-rules-section__head {
    border-color: color-mix(in srgb, #f59e0b 32%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #f59e0b 32%, var(--color-border));
    }
    background: linear-gradient(180deg, color-mix(in oklab, #fef3c7 60%, white), color-mix(in srgb, oklch(0.987 0.006 96) 95%, oklch(0.923 0.014 205)));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, #fef3c7 60%, white), color-mix(in oklab, var(--color-surface) 95%, var(--color-muted)));
    }
  }
  .settings-rules-section--payment .settings-rules-section__head {
    border-color: color-mix(in srgb, #14b8a6 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #14b8a6 28%, var(--color-border));
    }
    background: linear-gradient(180deg, color-mix(in oklab, #ccfbf1 58%, white), color-mix(in srgb, oklch(0.987 0.006 96) 95%, oklch(0.923 0.014 205)));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, #ccfbf1 58%, white), color-mix(in oklab, var(--color-surface) 95%, var(--color-muted)));
    }
  }
  #settings-module-arrest, #settings-module-deposit, #settings-payment-behaviour {
    scroll-margin-top: 7rem;
  }
  @media (max-width: 767px) {
    .settings-rules-command {
      padding-inline: calc(var(--spacing) * 3);
    }
    .settings-rules-nav-link {
      min-width: 10rem;
    }
  }
  .legal-console {
    overflow: hidden;
    border-radius: 16px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 58%, white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 58%, white);
    }
    background: linear-gradient(135deg, rgb(255 255 255 / 0.94), rgb(250 249 246 / 0.78) 58%, rgb(255 255 255 / 0.84)), color-mix(in srgb, oklch(0.923 0.014 205) 38%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, rgb(255 255 255 / 0.94), rgb(250 249 246 / 0.78) 58%, rgb(255 255 255 / 0.84)), color-mix(in oklab, var(--color-muted) 38%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 28px 80px -64px rgb(30 51 84 / 0.62);
  }
  .legal-console__masthead {
    position: relative;
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    overflow: hidden;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
    background: linear-gradient(135deg, rgb(58 61 68), rgb(76 84 94) 56%, rgb(126 119 108)), rgb(58 61 68);
  }
  .legal-console__masthead::before {
    content: "";
    position: absolute;
    inset: 0;
    background: repeating-linear-gradient(140deg, transparent 0 22px, rgb(255 255 255 / 0.06) 23px, transparent 24px), linear-gradient(90deg, transparent, rgb(255 255 255 / 0.08) 52%, transparent);
    pointer-events: none;
  }
  .legal-console__masthead > * {
    position: relative;
    z-index: 1;
  }
  .legal-console__identity {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .legal-console__mark {
    display: inline-flex;
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: 9px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    border-color: rgb(255 255 255 / 0.12);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.16), rgb(255 255 255 / 0.06)), rgb(255 255 255 / 0.06);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12);
  }
  .legal-console__eyebrow, .legal-board__eyebrow {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    letter-spacing: 0;
  }
  .legal-console__eyebrow {
    color: rgb(255 255 255 / 0.62);
  }
  .legal-console__title {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 15px;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-white);
    letter-spacing: 0;
  }
  .legal-console__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: calc(var(--spacing) * 1.5);
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .legal-console__code {
    display: inline-flex;
    min-height: calc(var(--spacing) * 6);
    max-width: 100%;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
    background-color: color-mix(in srgb, white 58%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, white 58%, var(--color-muted));
    }
  }
  .legal-console__masthead .legal-console__code {
    color: rgb(255 255 255 / 0.68);
    border-color: rgb(255 255 255 / 0.12);
    background-color: rgb(255 255 255 / 0.08);
  }
  .legal-console__notice {
    margin-inline: calc(var(--spacing) * 3.5);
    margin-top: calc(var(--spacing) * 3);
    border-radius: 14px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: #92400e;
    border-color: color-mix(in oklab, #f59e0b 38%, transparent);
    background-color: color-mix(in oklab, #fef3c7 78%, white);
  }
  .legal-console__form {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding: calc(var(--spacing) * 2);
  }
  .legal-console__footer {
    display: flex;
    justify-content: flex-end;
  }
  .legal-board {
    border-radius: 12px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 62%, white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, white);
    }
    background: linear-gradient(135deg, rgb(255 255 255 / 0.9), rgb(250 249 246 / 0.74)), linear-gradient(90deg, rgb(172 162 150 / 0.08), transparent 68%), color-mix(in srgb, oklch(0.987 0.006 96) 84%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, rgb(255 255 255 / 0.9), rgb(250 249 246 / 0.74)), linear-gradient(90deg, rgb(172 162 150 / 0.08), transparent 68%), color-mix(in oklab, var(--color-surface) 84%, var(--color-muted));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84);
  }
  .legal-board--timing {
    background: linear-gradient(135deg, rgb(255 255 255 / 0.9), rgb(246 248 249 / 0.76)), linear-gradient(90deg, color-mix(in oklab, #0f766e 7%, transparent), transparent 72%), color-mix(in srgb, oklch(0.987 0.006 96) 84%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, rgb(255 255 255 / 0.9), rgb(246 248 249 / 0.76)), linear-gradient(90deg, color-mix(in oklab, #0f766e 7%, transparent), transparent 72%), color-mix(in oklab, var(--color-surface) 84%, var(--color-muted));
    }
  }
  .legal-board__head {
    margin-bottom: calc(var(--spacing) * 2);
    display: grid;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .legal-board__eyebrow {
    color: color-mix(in srgb, oklch(0.500 0.015 235) 88%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 88%, var(--color-text));
    }
  }
  .legal-board__title {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 15px;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .legal-board__head--compact {
    padding-inline: calc(var(--spacing) * 1);
  }
  .legal-rate-strip {
    display: inline-grid;
    min-height: calc(var(--spacing) * 8);
    grid-template-columns: auto auto auto;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    font-size: 11px;
    --tw-leading: 1;
    line-height: 1;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 66%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 66%, transparent);
    }
    background-color: color-mix(in srgb, white 54%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, white 54%, var(--color-muted));
    }
  }
  .legal-rate-strip strong {
    font-size: 13px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .legal-rate-strip small {
    font-size: 11px;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .legal-variable-grid {
    display: grid;
    gap: calc(var(--spacing) * 2);
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }
  .legal-variable-group {
    --legal-group-accent: color-mix(in srgb, oklch(0.540 0.073 236) 58%, #64748b);
    @supports (color: color-mix(in lab, red, red)) {
      --legal-group-accent: color-mix(in oklab, var(--color-accent) 58%, #64748b);
    }
    position: relative;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    border-radius: 11px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 58%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(248 247 244 / 0.58)), color-mix(in srgb, oklch(0.987 0.006 96) 86%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(248 247 244 / 0.58)), color-mix(in oklab, var(--color-surface) 86%, var(--color-muted));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84);
  }
  .legal-variable-group::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--legal-group-accent);
    opacity: 0.8;
  }
  .legal-variable-group--money {
    --legal-group-accent: #25637a;
  }
  .legal-variable-group--percent {
    --legal-group-accent: #0f766e;
  }
  .legal-variable-group--interest {
    --legal-group-accent: #7c6a42;
  }
  .legal-variable-group--dates {
    --legal-group-accent: #64748b;
  }
  .legal-variable-group__title {
    margin-bottom: calc(var(--spacing) * 1);
    display: flex;
    min-height: calc(var(--spacing) * 6);
    align-items: center;
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 58%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 58%, var(--color-text));
    }
    letter-spacing: 0;
  }
  .legal-field {
    display: grid;
    min-height: 2.65rem;
    min-width: calc(var(--spacing) * 0);
    grid-template-columns: minmax(7.5rem,1fr) minmax(5.75rem,auto);
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: 8px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    background-color: rgb(255 255 255 / 0.38);
  }
  .legal-field + .legal-field {
    margin-top: calc(var(--spacing) * 1);
  }
  .legal-field:hover {
    background-color: color-mix(in srgb, white 70%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, white 70%, var(--color-muted));
    }
  }
  .legal-field--primary {
    color: white;
    background: linear-gradient(135deg, rgb(58 65 75), rgb(79 88 98) 58%, rgb(112 109 99)), rgb(58 65 75);
  }
  .legal-field--derived {
    background: linear-gradient(90deg, color-mix(in oklab, #0f766e 10%, white), rgb(255 255 255 / 0.52)), color-mix(in srgb, oklch(0.923 0.014 205) 34%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, #0f766e 10%, white), rgb(255 255 255 / 0.52)), color-mix(in oklab, var(--color-muted) 34%, white);
    }
  }
  .legal-field__label {
    min-width: calc(var(--spacing) * 0);
    font-size: 12px;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 54%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 54%, var(--color-text));
    }
  }
  .legal-field--primary .legal-field__label {
    color: rgb(255 255 255 / 0.82);
  }
  .legal-field__value {
    display: grid;
    min-width: calc(var(--spacing) * 0);
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    text-align: right;
    font-size: 13px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .legal-field__value input {
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 0px;
    background-color: transparent;
    padding: calc(var(--spacing) * 0);
    text-align: right;
    font-size: 15px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
  }
  .legal-field--primary .legal-field__value, .legal-field--primary .legal-field__value input {
    color: white;
  }
  .legal-field__value strong {
    font-size: 15px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .legal-field--date .legal-field__value {
    grid-template-columns: minmax(0, 1fr);
  }
  .legal-field--date input {
    font-size: 14px;
  }
  .legal-field--compact-number {
    grid-template-columns: minmax(9rem,1fr) auto;
  }
  .legal-field--compact-number .legal-field__value {
    justify-content: flex-end;
    grid-template-columns: 5rem auto;
  }
  .legal-field--compact-number .legal-field__value input {
    width: calc(var(--spacing) * 20);
    appearance: textfield;
  }
  .legal-field--compact-number .legal-field__value input::-webkit-outer-spin-button, .legal-field--compact-number .legal-field__value input::-webkit-inner-spin-button, .legal-fee-ledger input::-webkit-outer-spin-button, .legal-fee-ledger input::-webkit-inner-spin-button {
    margin: 0;
    appearance: none;
  }
  .legal-field--compact-number .legal-field__value input::placeholder {
    color: color-mix(in srgb, oklch(0.500 0.015 235) 72%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 72%, var(--color-text));
    }
    opacity: 1;
  }
  .legal-field:focus-within {
    outline: 2px solid color-mix(in srgb, oklch(0.540 0.073 236) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in oklab, var(--color-accent) 72%, transparent);
    }
    outline-offset: 2px;
  }
  .legal-variable-grid--timing {
    grid-template-columns: minmax(0, 1fr);
  }
  .legal-variable-group--deadlines {
    --legal-group-accent: #25637a;
  }
  .legal-variable-group--workflow {
    --legal-group-accent: #0f766e;
  }
  .legal-variable-group__fields {
    display: grid;
    gap: calc(var(--spacing) * 1.5);
  }
  .legal-variable-group__fields .legal-field + .legal-field {
    margin-top: calc(var(--spacing) * 0);
  }
  .legal-variable-group__fields--two {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }
  .legal-variable-group__fields--three {
    grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
  }
  .legal-module-grid {
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) minmax(22rem,0.86fr);
    }
  }
  .legal-module {
    --legal-module-accent: color-mix(in srgb, oklch(0.540 0.073 236) 58%, #64748b);
    @supports (color: color-mix(in lab, red, red)) {
      --legal-module-accent: color-mix(in oklab, var(--color-accent) 58%, #64748b);
    }
    position: relative;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    border-radius: 12px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 58%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(248 247 244 / 0.58)), color-mix(in srgb, oklch(0.987 0.006 96) 86%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(248 247 244 / 0.58)), color-mix(in oklab, var(--color-surface) 86%, var(--color-muted));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84);
  }
  .legal-module::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: var(--legal-module-accent);
    opacity: 0.8;
  }
  .legal-module--sources {
    --legal-module-accent: #64748b;
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .legal-module--fees {
    --legal-module-accent: #7c6a42;
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .legal-module--constants {
    --legal-module-accent: #25637a;
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .legal-module--maps {
    --legal-module-accent: #0f766e;
  }
  .legal-module > summary {
    display: grid;
    min-height: calc(var(--spacing) * 11);
    cursor: pointer;
    list-style-type: none;
    grid-template-columns: minmax(0,1fr) auto auto;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 14px;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .legal-module > summary::-webkit-details-marker {
    display: none;
  }
  .legal-module > summary span {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .legal-module > summary em {
    display: inline-flex;
    min-height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: 11px;
    text-transform: uppercase;
    font-style: normal;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
    background-color: var(--legal-module-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--legal-module-accent) 10%, white);
    }
  }
  .legal-module > summary strong {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 70%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 70%, var(--color-text));
    }
    background-color: color-mix(in oklab, white 64%, transparent);
  }
  .legal-module > summary::after {
    content: "";
    width: 0.48rem;
    height: 0.48rem;
    border-right: 2px solid color-mix(in srgb, oklch(0.500 0.015 235) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      border-right: 2px solid color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
    }
    border-bottom: 2px solid color-mix(in srgb, oklch(0.500 0.015 235) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 2px solid color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
    }
    transform: rotate(45deg);
    transition: transform 0.16s ease;
  }
  .legal-module[open] > summary::after {
    transform: rotate(225deg);
  }
  .legal-source-grid {
    display: grid;
    gap: calc(var(--spacing) * 1.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  .legal-source-field {
    min-width: calc(var(--spacing) * 0);
  }
  .legal-source-field > span {
    margin-bottom: calc(var(--spacing) * 1);
    display: block;
    padding-inline: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 58%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 58%, var(--color-text));
    }
  }
  .legal-source-field--wide {
    @media (width >= 48rem) {
      grid-column: span 2 / span 2;
    }
  }
  .legal-source-field input, .legal-source-field textarea, .legal-table input {
    min-height: calc(var(--spacing) * 8);
    width: 100%;
    border-radius: 8px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    font-size: 13px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
    background-color: rgb(255 255 255 / 0.42);
  }
  .legal-source-field input:focus, .legal-source-field textarea:focus, .legal-table input:focus {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 46%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 46%, var(--color-border));
    }
    box-shadow: 0 0 0 2px color-mix(in srgb, oklch(0.540 0.073 236) 16%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 2px color-mix(in oklab, var(--color-accent) 16%, transparent);
    }
  }
  .legal-source-field textarea {
    min-height: calc(var(--spacing) * 32);
    resize: vertical;
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .legal-table-wrap {
    max-height: calc(var(--spacing) * 64);
    overflow: auto;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  .legal-table {
    min-width: 100%;
    overflow: hidden;
    border-radius: 9px;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-collapse: separate;
    border-spacing: 0 0.25rem;
  }
  .legal-table th {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 10;
    padding-inline: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 1);
    text-align: left;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 62%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 62%, var(--color-text));
    }
    letter-spacing: 0;
    background-color: transparent;
  }
  .legal-table td {
    padding-inline: calc(var(--spacing) * 1);
    padding-block: calc(var(--spacing) * 0);
    background-color: transparent;
  }
  .legal-table input {
    text-align: right;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .legal-fee-ledger {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 2.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  .legal-fee-ledger__sections {
    display: grid;
    gap: calc(var(--spacing) * 2);
    grid-template-columns: repeat(auto-fit, minmax(14.5rem, 1fr));
  }
  .legal-fee-ledger__section {
    display: grid;
    min-width: calc(var(--spacing) * 0);
    align-content: flex-start;
    justify-items: center;
    border-radius: 10px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 58%, transparent);
    }
    background-color: rgb(255 255 255 / 0.26);
  }
  .legal-fee-ledger__section-title {
    display: flex;
    min-height: calc(var(--spacing) * 6);
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 1.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    width: min(100%, 14.25rem);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 62%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 62%, var(--color-text));
    }
    letter-spacing: 0;
  }
  .legal-fee-ledger__section-title strong {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    background-color: color-mix(in srgb, white 58%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, white 58%, var(--color-muted));
    }
  }
  .legal-fee-ledger__table {
    border-collapse: separate;
    font-size: 13px;
    width: min(100%, 14.25rem);
    margin-inline: auto;
    table-layout: fixed;
    border-spacing: 0.3rem 0.24rem;
  }
  .legal-fee-ledger__table th {
    padding-inline: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 1);
    text-align: left;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 62%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 62%, var(--color-text));
    }
    letter-spacing: 0;
  }
  .legal-fee-ledger__table td {
    padding: calc(var(--spacing) * 0);
    vertical-align: middle;
  }
  .legal-fee-ledger__table th:nth-child(1), .legal-fee-ledger__table td:nth-child(1) {
    width: 2rem;
  }
  .legal-fee-ledger__table th:nth-child(2), .legal-fee-ledger__table td:nth-child(2) {
    width: 7rem;
  }
  .legal-fee-ledger__table th:nth-child(3), .legal-fee-ledger__table td:nth-child(3) {
    width: 4.8rem;
  }
  .legal-fee-ledger__table tbody tr {
    background-color: rgb(255 255 255 / 0.34);
  }
  .legal-fee-ledger__table tbody tr:nth-child(even) {
    background-color: color-mix(in srgb, white 44%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, white 44%, var(--color-muted));
    }
  }
  .legal-fee-ledger__table tbody td:first-child {
    border-top-left-radius: 9px;
    border-bottom-left-radius: 9px;
  }
  .legal-fee-ledger__table tbody td:nth-child(3), .legal-fee-ledger__table tbody td:last-child {
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px;
  }
  .legal-fee-ledger__index {
    width: calc(var(--spacing) * 8);
    text-align: center;
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 66%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 66%, var(--color-text));
    }
  }
  .legal-fee-ledger input {
    min-height: calc(var(--spacing) * 7);
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    border-radius: 7px;
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1);
    text-align: left;
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
    appearance: textfield;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 58%, transparent);
    }
    background-color: rgb(255 255 255 / 0.62);
  }
  .legal-fee-ledger input:focus {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 46%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 46%, var(--color-border));
    }
    box-shadow: 0 0 0 2px color-mix(in srgb, oklch(0.540 0.073 236) 16%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 2px color-mix(in oklab, var(--color-accent) 16%, transparent);
    }
  }
  @media (min-width: 1280px) {
    .legal-fee-ledger__sections {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .legal-constant-list {
    display: grid;
    gap: calc(var(--spacing) * 1.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  .legal-constant-list div {
    display: grid;
    min-height: calc(var(--spacing) * 10);
    grid-template-columns: minmax(0,1fr) minmax(4.5rem,auto);
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: 8px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    background-color: rgb(255 255 255 / 0.34);
  }
  .legal-constant-list div + div {
    margin-top: calc(var(--spacing) * 0);
  }
  .legal-constant-list dt {
    font-size: 12px;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 54%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 54%, var(--color-text));
    }
  }
  .legal-constant-list dd {
    text-align: right;
    font-family: var(--font-mono);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .legal-module--maps {
    margin-top: calc(var(--spacing) * 1.5);
  }
  .legal-json-grid {
    display: grid;
    gap: calc(var(--spacing) * 1.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding: calc(var(--spacing) * 2);
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  @media (min-width: 1280px) {
    .legal-variable-grid {
      grid-template-columns: minmax(15rem, 1.15fr) minmax(12rem, 0.86fr) minmax(14rem, 1fr) minmax(14rem, 1fr);
    }
    .legal-variable-grid--timing {
      grid-template-columns: minmax(0, 1fr);
    }
    .legal-variable-grid--timing .legal-variable-group__fields--three {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .legal-variable-grid--timing .legal-variable-group__fields--two {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  @media (max-width: 767px) {
    .settings-rules-nav-link {
      min-width: 10rem;
    }
    .legal-console__masthead {
      padding: calc(var(--spacing) * 2.5);
    }
    .legal-rate-strip {
      justify-self: flex-start;
      grid-template-columns: auto auto;
    }
    .legal-rate-strip small {
      grid-column: span 2 / span 2;
    }
    .legal-field {
      grid-template-columns: minmax(0, 1fr);
    }
    .legal-field__value {
      justify-content: flex-start;
      text-align: left;
    }
    .legal-field__value input {
      text-align: left;
    }
  }
  .payment-behaviour-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.2fr) minmax(12rem,0.8fr) minmax(12rem,1fr);
    }
  }
  .payment-behaviour-toggle {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 64%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 64%, white);
    }
  }
  .payment-behaviour-toggle input {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .payment-behaviour-toggle__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .payment-behaviour-toggle__hint {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .payment-behaviour-delay {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 90%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 90%, var(--color-muted));
    }
  }
  .payment-behaviour-summary {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in oklab, white 42%, transparent);
  }
  .payment-behaviour-summary__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .payment-behaviour-summary__row strong {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .payment-behaviour-summary--closeout {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
    align-self: flex-start;
    padding: calc(var(--spacing) * 4);
  }
  .payment-behaviour-summary__row--closeout {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: flex-start;
    column-gap: calc(var(--spacing) * 4);
    row-gap: calc(var(--spacing) * 1);
  }
  .payment-behaviour-summary__row--closeout .payment-behaviour-summary__label {
    font-size: 13px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .payment-behaviour-summary__row--closeout .payment-behaviour-summary__value {
    max-width: 10rem;
    text-align: right;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .payment-behaviour-percent-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .payment-behaviour-percent-card {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 90%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 90%, var(--color-muted));
    }
  }
  .payment-behaviour-percent-card__label {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .payment-behaviour-percent-card__owner {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: 11px;
    color: var(--color-subtle);
  }
  .payment-behaviour-percent-card__input {
    margin-top: calc(var(--spacing) * 2);
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .payment-behaviour-percent-card__input > span {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
  }
  .payment-behaviour-percent-card--principal {
    border-left: 3px solid color-mix(in oklab, #059669 62%, transparent);
  }
  .payment-behaviour-percent-card--penalty {
    border-left: 3px solid color-mix(in oklab, #f59e0b 62%, transparent);
  }
  .payment-behaviour-percent-card--fees {
    border-left: 3px solid color-mix(in oklab, #0ea5e9 62%, transparent);
  }
  .payment-behaviour-percent-card--misc {
    border-left: 3px solid color-mix(in oklab, #64748b 62%, transparent);
  }
  .payment-behaviour-waterfall {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background-color: color-mix(in oklab, white 34%, transparent);
  }
  .payment-behaviour-waterfall__head {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .payment-behaviour-waterfall__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .payment-behaviour-waterfall__hint {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .payment-behaviour-waterfall__list {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .payment-behaviour-waterfall__item {
    display: flex;
    cursor: grab;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    -webkit-user-select: none;
    user-select: none;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 90%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 90%, var(--color-muted));
    }
  }
  .payment-behaviour-waterfall__item:focus-visible {
    outline: 2px solid color-mix(in srgb, oklch(0.540 0.073 236) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in oklab, var(--color-accent) 72%, transparent);
    }
    outline-offset: 1px;
  }
  .payment-behaviour-waterfall__item.is-dragging {
    opacity: 0.65;
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 42%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 42%, transparent);
    }
    box-shadow: 0 8px 20px -18px rgb(15 23 42 / 0.35);
  }
  .payment-behaviour-waterfall__left {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .payment-behaviour-waterfall__order {
    display: inline-flex;
    height: calc(var(--spacing) * 6);
    min-width: calc(var(--spacing) * 6);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 14%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 14%, white);
    }
    color: var(--color-accent-700);
  }
  .payment-behaviour-waterfall__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .payment-behaviour-waterfall__actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 1);
  }
  .arrest-rules-trigger-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 68%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 68%, white);
    }
  }
  .arrest-rules-trigger-hint {
    font-size: 11px;
    color: var(--color-subtle);
  }
  .arrest-rules-compact-matrix {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .arrest-rules-compact-cell {
    height: 100%;
    overflow: hidden;
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in oklab, white 42%, transparent);
  }
  .arrest-rules-compact-cell__head {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
  }
  .arrest-rules-compact-cell__title {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: break-word;
    color: var(--color-text);
  }
  .arrest-rules-compact-cell__meta {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 11px;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
    color: var(--color-subtle);
  }
  .arrest-rules-compact-cell .badge {
    flex-shrink: 0;
    white-space: nowrap;
  }
  .arrest-rules-count-pill {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 14%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 14%, white);
    }
    color: var(--color-accent-700);
  }
  .arrest-rules-footnote {
    font-size: 11px;
    color: var(--color-subtle);
  }
  .arrest-rules-state-line {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .arrest-rules-state-line__label {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
  }
  .arrest-rules-chip-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .arrest-rules-soft-panel {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 70%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 70%, white);
    }
  }
  .arrest-rules-check-chip {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in oklab, white 60%, transparent);
  }
  .arrest-rules-check-chip--wide {
    width: 100%;
    text-align: left;
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug);
  }
  .arrest-rules-check-chip input {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    border-radius: 0.25rem;
  }
  .arrest-rules-modal-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in srgb, oklch(0.923 0.014 205) 66%, white), transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-muted) 66%, white), transparent);
    }
  }
  .arrest-rules-modal-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrest-rules-modal-subtitle {
    margin-top: calc(var(--spacing) * 1);
    max-width: var(--container-4xl);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .arrest-rules-modal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 4);
  }
  .arrest-overlap-option {
    display: block;
    cursor: pointer;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 86%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 86%, var(--color-muted));
    }
  }
  .arrest-overlap-option:hover {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 64%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 64%, white);
    }
  }
  .arrest-overlap-option:has(input:checked) {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 45%, transparent);
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 30%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, #dbeafe 45%, white), color-mix(in srgb, oklch(0.987 0.006 96) 92%, oklch(0.923 0.014 205)));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, #dbeafe 45%, white), color-mix(in oklab, var(--color-surface) 92%, var(--color-muted)));
    }
  }
  .arrest-overlap-option__head {
    display: grid;
    grid-template-columns: auto minmax(0,1fr);
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
  }
  .arrest-overlap-option__head input {
    margin-top: calc(var(--spacing) * 0.5);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .arrest-overlap-option__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrest-overlap-option__desc {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .arrest-overlap-option__changes {
    margin-top: calc(var(--spacing) * 2);
    :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)));
    }
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in oklab, white 52%, transparent);
  }
  .arrest-overlap-option__change-row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 1);
    @media (width >= 48rem) {
      grid-template-columns: 12rem minmax(0,1fr);
    }
    @media (width >= 48rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .arrest-overlap-option__change-label {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrest-overlap-option__change-values {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .arrest-overlap-option__before {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in oklab, #fee2e2 72%, white);
    color: #9f1239;
  }
  .arrest-overlap-option__arrow {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-subtle);
  }
  .arrest-overlap-option__after {
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in oklab, #dcfce7 78%, white);
    color: #166534;
  }
  .arrest-rules-table-wrap {
    overflow-x: auto;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 90%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 90%, var(--color-muted));
    }
  }
  .arrest-rules-table {
    min-width: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-collapse: separate;
    border-spacing: 0;
  }
  .arrest-rules-table thead {
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 78%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 78%, white);
    }
  }
  .arrest-rules-table th {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    white-space: nowrap;
    color: var(--color-subtle);
    text-transform: uppercase;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
  }
  .arrest-rules-table td {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    vertical-align: middle;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
  }
  .arrest-rules-table tbody tr:last-child td {
    border-bottom: 0;
  }
  .arrest-rules-table__kind {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-text);
  }
  .arrest-rules-table__check {
    text-align: center;
  }
  .arrest-rules-table__check input {
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
    border-radius: 0.25rem;
  }
  .arrest-band-card {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
    }
    background: radial-gradient(120% 90% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 9%, transparent) 0%, transparent 65%), color-mix(in srgb, oklch(0.987 0.006 96) 90%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(120% 90% at 100% 0%, color-mix(in oklab, var(--color-accent) 9%, transparent) 0%, transparent 65%), color-mix(in oklab, var(--color-surface) 90%, var(--color-muted));
    }
  }
  .arrest-band-card__header {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .arrest-band-card__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrest-band-card__label {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 11px;
    color: var(--color-subtle);
  }
  .arrest-band-card__meta {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .arrest-band-card__cats {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .arrest-band-card__cat {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in oklab, white 45%, transparent);
  }
  .arrest-band-card__cat-title {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .arrest-band-card__cat-meta {
    font-size: 11px;
    color: var(--color-subtle);
  }
  .arrest-rules-card--deposit {
    background: radial-gradient(120% 95% at 100% 0%, color-mix(in oklab, #06b6d4 15%, transparent) 0%, transparent 64%), color-mix(in srgb, oklch(0.987 0.006 96) 86%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(120% 95% at 100% 0%, color-mix(in oklab, #06b6d4 15%, transparent) 0%, transparent 64%), color-mix(in oklab, var(--color-surface) 86%, var(--color-muted));
    }
    border-color: color-mix(in srgb, #06b6d4 26%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #06b6d4 26%, var(--color-border));
    }
  }
  .deposit-rule-card {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 90%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 90%, var(--color-muted));
    }
  }
  .deposit-rule-card__head {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .deposit-rule-card__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .deposit-rule-card__meta {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .deposit-rule-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .deposit-rule-cell {
    border-radius: var(--radius-sm);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in oklab, white 48%, transparent);
  }
  .deposit-rule-cell__label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .deposit-rule-cell__hint {
    margin-top: calc(var(--spacing) * 1);
    font-size: 11px;
    color: var(--color-subtle);
  }
  .deposit-rule-chip-row {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .modal-content--deposit {
    border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: radial-gradient(120% 90% at 0% 0%, color-mix(in oklab, #cffafe 20%, transparent) 0%, transparent 62%), color-mix(in srgb, oklch(0.987 0.006 96) 92%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(120% 90% at 0% 0%, color-mix(in oklab, #cffafe 20%, transparent) 0%, transparent 62%), color-mix(in oklab, var(--color-surface) 92%, white);
    }
  }
  .deposit-rule-modal-form {
    min-height: 100%;
  }
  .deposit-rule-form {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-inline: calc(var(--spacing) * 5);
    padding-bottom: calc(var(--spacing) * 1);
  }
  .deposit-rule-form .input-compact {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .deposit-rule-form textarea.input-compact {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .deposit-rule-form .arrest-rules-check-chip {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
  }
  .deposit-rule-form__panel {
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 50%, transparent), color-mix(in srgb, oklch(0.923 0.014 205) 68%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 50%, transparent), color-mix(in oklab, var(--color-muted) 68%, white));
    }
  }
  .deposit-rule-form__panel-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .deposit-rule-form__panel-helper {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
    color: var(--color-subtle);
  }
  .deposit-claimant-combobox {
    position: relative;
  }
  .deposit-claimant-combobox__results {
    position: absolute;
    z-index: 50;
    margin-top: calc(var(--spacing) * 1);
    max-height: calc(var(--spacing) * 56);
    width: 100%;
    overflow: auto;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 1);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 26%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 26%, var(--color-border));
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 98%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 98%, white);
    }
  }
  .deposit-claimant-combobox__item {
    display: block;
    width: 100%;
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text);
  }
  .deposit-claimant-combobox__item:hover, .deposit-claimant-combobox__item:focus-visible {
    background-color: color-mix(in oklab, #dbeafe 58%, white);
    outline: none;
  }
  .deposit-claimant-combobox__empty {
    border-radius: var(--radius-sm);
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 62%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 62%, white);
    }
  }
  .deposit-band-row {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    @media (width >= 80rem) {
      grid-template-columns: 8rem 10rem 11rem 1fr auto;
    }
  }
  .vip-summary-card {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background: radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, #d4af37 14%, transparent) 0%, transparent 60%), linear-gradient(180deg, color-mix(in oklab, white 36%, transparent), transparent 68%), linear-gradient(165deg, color-mix(in srgb, oklch(0.923 0.014 205) 44%, white), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, #d4af37 14%, transparent) 0%, transparent 60%), linear-gradient(180deg, color-mix(in oklab, white 36%, transparent), transparent 68%), linear-gradient(165deg, color-mix(in oklab, var(--color-muted) 44%, white), color-mix(in oklab, var(--color-surface) 96%, white));
    }
  }
  .vip-summary-card__head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
  }
  .vip-summary-card__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .vip-summary-card__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .vip-summary-card__subtitle {
    margin-top: calc(var(--spacing) * 1);
    max-width: var(--container-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .vip-summary-card__grid {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    @media (width >= 80rem) {
      grid-template-columns: 10rem 10rem minmax(0,1fr);
    }
  }
  .vip-summary-card__metric {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, #d4af37 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #d4af37 28%, var(--color-border));
    }
    background: linear-gradient(180deg, color-mix(in oklab, #fff9ea 86%, white), color-mix(in srgb, oklch(0.987 0.006 96) 90%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, #fff9ea 86%, white), color-mix(in oklab, var(--color-surface) 90%, white));
    }
  }
  .vip-summary-card__metric-label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .vip-summary-card__metric-value {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .vip-summary-card__list {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 92%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 92%, var(--color-muted));
    }
  }
  .vip-summary-card__list-label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .vip-summary-card__chips {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.5);
  }
  .vip-manager {
    padding: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .vip-manager__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 4);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
  }
  .vip-manager__title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .vip-manager__subtitle {
    margin-top: calc(var(--spacing) * 1);
    max-width: var(--container-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
  }
  .vip-manager__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .vip-manager__panel {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 32%, transparent), color-mix(in srgb, oklch(0.987 0.006 96) 94%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 32%, transparent), color-mix(in oklab, var(--color-surface) 94%, white));
    }
  }
  .vip-manager__panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .vip-manager__panel-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .vip-manager__panel-subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .vip-manager__add-form {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      flex-direction: row;
    }
  }
  .vip-manager__list {
    margin-top: calc(var(--spacing) * 4);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .vip-manager__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 90%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 90%, var(--color-muted));
    }
  }
  .vip-manager__row-link {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-accent);
      }
    }
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .vip-manager__row-meta {
    margin-top: calc(var(--spacing) * 0.5);
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--color-subtle);
  }
  .vip-manager__empty {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 5);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
  }
  .vip-badge-placeholder, .vip-badge-shell, .vip-badge-form {
    display: inline-flex;
  }
  .vip-badge-tag {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    color: color-mix(in srgb, oklch(0.500 0.015 235) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 36%, transparent), color-mix(in srgb, oklch(0.987 0.006 96) 92%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 36%, transparent), color-mix(in oklab, var(--color-surface) 92%, white));
    }
    box-shadow: inset 0 1px 0 color-mix(in oklab, white 78%, transparent), 0 10px 20px -22px rgb(15 23 42 / 0.4);
  }
  .vip-badge-tag:hover {
    border-color: color-mix(in srgb, #d4af37 34%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #d4af37 34%, var(--color-border));
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 88%, #8b6914);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 88%, #8b6914);
    }
    background: linear-gradient(180deg, color-mix(in oklab, #fff8df 76%, white), color-mix(in srgb, oklch(0.987 0.006 96) 90%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, #fff8df 76%, white), color-mix(in oklab, var(--color-surface) 90%, white));
    }
  }
  .vip-badge-tag.is-active {
    border-color: color-mix(in oklab, #d4af37 46%, transparent);
    color: #7a5a00;
    background: radial-gradient(140% 120% at 100% 0%, color-mix(in oklab, #d4af37 24%, transparent) 0%, transparent 60%), linear-gradient(180deg, #fff8de, #f7edd0);
    box-shadow: inset 0 0 0 1px color-mix(in oklab, #d4af37 20%, transparent), inset 0 1px 0 color-mix(in oklab, white 80%, transparent), 0 16px 24px -24px rgb(148 110 0 / 0.45);
  }
  .settings-people-shell {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .settings-people-hero {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 5);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
    }
    background: radial-gradient(130% 130% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 9%, transparent) 0%, transparent 56%), linear-gradient(180deg, color-mix(in srgb, white 48%, transparent), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(130% 130% at 100% 0%, color-mix(in oklab, var(--color-accent) 9%, transparent) 0%, transparent 56%), linear-gradient(180deg, color-mix(in oklab, white 48%, transparent), color-mix(in oklab, var(--color-surface) 96%, white));
    }
  }
  .settings-people-hero__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-people-hero__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .settings-people-hero__copy {
    margin-top: calc(var(--spacing) * 3);
    max-width: var(--container-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .settings-people-hero__stats {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 48rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .settings-people-hero__stat {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 86%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 86%, var(--color-muted));
    }
  }
  .settings-people-hero__stat-value {
    display: block;
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-people-hero__stat-label {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .settings-people-layout {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 80rem) {
      grid-template-columns: 15rem minmax(0,1fr);
    }
    @media (width >= 80rem) {
      align-items: flex-start;
    }
  }
  .settings-people-nav {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 80rem) {
      position: sticky;
    }
    @media (width >= 80rem) {
      top: calc(var(--spacing) * 4);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 46%, transparent), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 46%, transparent), color-mix(in oklab, var(--color-surface) 95%, white));
    }
  }
  .settings-people-nav__label {
    padding-inline: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-people-nav-link {
    display: block;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 84%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 84%, white);
    }
    color: var(--color-text);
  }
  .settings-people-nav-link:hover, .settings-people-nav-link:focus-visible {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 28%, var(--color-border));
    }
    background-color: color-mix(in oklab, #eef4fb 72%, white);
    outline: none;
  }
  .settings-people-nav-link[aria-current="true"] {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 30%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 30%, var(--color-border));
    }
    background: linear-gradient(180deg, color-mix(in oklab, #eef5fd 74%, white), color-mix(in srgb, oklch(0.987 0.006 96) 94%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, #eef5fd 74%, white), color-mix(in oklab, var(--color-surface) 94%, white));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.68), 0 16px 28px -26px rgb(15 23 42 / 0.28);
  }
  .settings-people-nav-link__title-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .settings-people-nav-link__title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-people-nav-link__count {
    display: inline-flex;
    min-width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background-color: color-mix(in oklab, white 52%, transparent);
  }
  .settings-people-nav-link__copy {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .settings-people-section {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .settings-workers-panel {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 80%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 44%, transparent), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 44%, transparent), color-mix(in oklab, var(--color-surface) 96%, white));
    }
  }
  .settings-workers-panel__header {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      align-items: flex-start;
    }
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .settings-workers-panel__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-workers-panel__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .settings-workers-panel__copy {
    margin-top: calc(var(--spacing) * 2);
    max-width: var(--container-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .settings-workers-panel__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .settings-workers-panel__count {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 84%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 84%, var(--color-muted));
    }
  }
  .settings-workers-toolbar {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 3);
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,1fr) 16rem;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 86%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 86%, var(--color-muted));
    }
  }
  .settings-workers-toolbar__field {
    min-width: calc(var(--spacing) * 0);
  }
  .settings-workers-toolbar__label {
    margin-bottom: calc(var(--spacing) * 1.5);
    display: block;
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-staff-list {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .settings-staff-empty {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 8);
    text-align: center;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 86%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 86%, white);
    }
  }
  .settings-staff-empty__title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-staff-empty__copy {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
  }
  .settings-staff-card {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 42%, transparent), transparent 26%), linear-gradient(180deg, color-mix(in srgb, oklch(0.987 0.006 96) 96%, white), color-mix(in srgb, oklch(0.923 0.014 205) 18%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 42%, transparent), transparent 26%), linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 96%, white), color-mix(in oklab, var(--color-muted) 18%, white));
    }
  }
  .settings-staff-card[data-role="AGENT"] {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 22%, var(--color-border));
    }
  }
  .settings-staff-card__main {
    display: grid;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.2fr) minmax(15rem,0.9fr) minmax(14rem,0.95fr);
    }
    @media (width >= 64rem) {
      align-items: flex-start;
    }
  }
  .settings-staff-card__identity {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .settings-staff-card__avatar {
    display: flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    background-color: color-mix(in oklab, #e8eef8 84%, white);
    color: color-mix(in srgb, oklch(0.285 0.014 245) 82%, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 82%, var(--color-accent));
    }
  }
  .settings-staff-card__name-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .settings-staff-card__name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-staff-card__role {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 86%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 86%, white);
    }
    color: color-mix(in srgb, oklch(0.500 0.015 235) 70%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 70%, var(--color-text));
    }
  }
  .settings-staff-card__identity-copy {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .settings-staff-card__contact {
    display: grid;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 88%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 88%, var(--color-muted));
    }
  }
  .settings-staff-card__contact-line {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .settings-staff-card__contact-line--subtle {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-subtle);
  }
  .settings-staff-card__metrics {
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .settings-staff-card__metric {
    display: flex;
    min-height: calc(var(--spacing) * 24);
    flex-direction: column;
    align-items: flex-start;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 88%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 88%, white);
    }
  }
  .settings-staff-card__metric:hover, .settings-staff-card__metric:focus-visible {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 26%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 26%, var(--color-border));
    }
    background-color: color-mix(in oklab, #edf4fb 72%, white);
    outline: none;
  }
  .settings-staff-card__metric-label {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-staff-card__metric-value {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .settings-staff-card__metric-link {
    margin-top: auto;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-accent);
  }
  .settings-staff-card__responsibilities {
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
    @media (width >= 80rem) {
      grid-column: span 1 / span 1;
    }
  }
  .settings-staff-card__section-label {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-staff-card__responsibility-list {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.5);
  }
  .settings-staff-card__responsibility-chip {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 86%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 86%, var(--color-muted));
    }
  }
  .settings-staff-card__empty-note {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
  }
  .settings-staff-card__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      grid-column: span 3 / span 3;
    }
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .settings-staff-modal {
    max-height: 92vh;
    width: min(100vw - 2rem, 1040px);
    overflow: auto;
    padding: calc(var(--spacing) * 0);
  }
  .settings-staff-modal--compact {
    width: min(100vw - 2rem, 44rem);
  }
  .settings-staff-modal__header {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: flex-start;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: radial-gradient(130% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 9%, transparent) 0%, transparent 58%), linear-gradient(180deg, color-mix(in srgb, white 40%, transparent), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(130% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 9%, transparent) 0%, transparent 58%), linear-gradient(180deg, color-mix(in oklab, white 40%, transparent), color-mix(in oklab, var(--color-surface) 96%, white));
    }
  }
  .settings-staff-modal__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-staff-modal__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-staff-modal__copy {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .settings-staff-modal__form {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .settings-staff-modal__panel {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 34%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in srgb, oklch(0.987 0.006 96) 95%, white), color-mix(in srgb, oklch(0.923 0.014 205) 16%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 34%, transparent), transparent 60%), linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 95%, white), color-mix(in oklab, var(--color-muted) 16%, white));
    }
  }
  .settings-staff-modal__panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .settings-staff-modal__panel-eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-staff-modal__panel-copy {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .settings-staff-modal__grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 3);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .settings-staff-modal__chip-grid {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .settings-staff-modal__portfolio-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .settings-staff-modal__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
  }
  .settings-staff-modal__quick-range {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .settings-staff-modal__list-panel {
    padding-inline: calc(var(--spacing) * 5);
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .settings-staff-modal__simple-list {
    max-height: calc(var(--spacing) * 80);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
    overflow: auto;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-text);
  }
  .settings-staff-modal__simple-list li {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 88%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 88%, var(--color-muted));
    }
  }
  .settings-transfer-modal-overlay {
    background-color: color-mix(in srgb, #000 52%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-black) 52%, transparent);
    }
    padding: calc(var(--spacing) * 4);
    --tw-backdrop-blur: blur(2px);
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .settings-transfer-modal {
    width: 100%;
    max-width: var(--container-3xl);
    overflow: hidden;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-shadow: var(--shadow-elev);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 98%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 98%, white);
    }
  }
  .settings-transfer-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 5);
    border-bottom: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: radial-gradient(120% 140% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 8%, transparent) 0%, transparent 62%), linear-gradient(180deg, color-mix(in srgb, white 22%, transparent), color-mix(in srgb, oklch(0.987 0.006 96) 98%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(120% 140% at 100% 0%, color-mix(in oklab, var(--color-accent) 8%, transparent) 0%, transparent 62%), linear-gradient(180deg, color-mix(in oklab, white 22%, transparent), color-mix(in oklab, var(--color-surface) 98%, white));
    }
  }
  .settings-transfer-modal__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-transfer-modal__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .settings-transfer-modal__copy {
    margin-top: calc(var(--spacing) * 2);
    max-width: var(--container-2xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .settings-transfer-modal__errors {
    margin-inline: calc(var(--spacing) * 6);
    margin-top: calc(var(--spacing) * 5);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    border-color: color-mix(in oklab, rgb(244 63 94) 28%, transparent);
    background-color: color-mix(in oklab, rgb(255 241 242) 90%, white);
    color: color-mix(in oklab, rgb(136 19 55) 90%, black);
  }
  .settings-transfer-modal__meta {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
    padding-inline: calc(var(--spacing) * 6);
    padding-top: calc(var(--spacing) * 5);
  }
  .settings-transfer-modal__meta-pill {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 92%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 92%, var(--color-muted));
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 82%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 82%, var(--color-subtle));
    }
  }
  .settings-transfer-modal__meta-pill--strong {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 28%, var(--color-border));
    }
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 10%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 10%, white);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 88%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 88%, black);
    }
  }
  .settings-transfer-modal__conflicts {
    display: grid;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 5);
  }
  .settings-transfer-modal__conflict-card {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 96%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 96%, var(--color-muted));
    }
  }
  .settings-transfer-modal__conflict-head {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .settings-transfer-modal__conflict-type {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-transfer-modal__conflict-name {
    margin-top: calc(var(--spacing) * 1);
    font-size: 15px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-transfer-modal__conflict-copy {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-subtle);
  }
  .settings-transfer-modal__conflict-badge {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 88%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 88%, white);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 84%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 84%, var(--color-subtle));
    }
  }
  .settings-transfer-modal__owner-list {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .settings-transfer-modal__owner-chip {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 86%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 86%, white);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 84%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 84%, var(--color-subtle));
    }
  }
  .settings-transfer-modal__actions {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
  }
  .settings-transfer-modal__choice-grid {
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .settings-transfer-modal__option {
    display: flex;
    min-height: calc(var(--spacing) * 0);
    flex-direction: column;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    text-align: left;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 97%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 97%, white);
    }
  }
  .settings-transfer-modal__option:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 34%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 34%, var(--color-border));
    }
    transform: translateY(-1px);
    box-shadow: var(--shadow-soft);
  }
  .settings-transfer-modal__option--primary {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 36%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 36%, var(--color-border));
    }
    background: radial-gradient(140% 140% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 10%, transparent) 0%, transparent 62%), color-mix(in srgb, oklch(0.987 0.006 96) 97%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(140% 140% at 100% 0%, color-mix(in oklab, var(--color-accent) 10%, transparent) 0%, transparent 62%), color-mix(in oklab, var(--color-surface) 97%, white);
    }
  }
  .settings-transfer-modal__option-eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-transfer-modal__option-title {
    margin-top: calc(var(--spacing) * 2.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-transfer-modal__option-copy {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-text);
  }
  .settings-transfer-modal__option-note {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .settings-transfer-modal__footer {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    justify-content: flex-end;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing) * 4);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
  }
  .settings-debtor-access-section {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    --tw-shadow: var(--shadow-soft);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 44%, transparent), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 44%, transparent), color-mix(in oklab, var(--color-surface) 96%, white));
    }
  }
  .settings-debtor-access-section__header {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      align-items: flex-start;
    }
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .settings-debtor-access-section__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-debtor-access-section__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    @media (width >= 40rem) {
      font-size: var(--text-xl);
      line-height: var(--tw-leading, var(--text-xl--line-height));
    }
  }
  .settings-debtor-access-section__description {
    margin-top: calc(var(--spacing) * 2);
    max-width: var(--container-3xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .settings-debtor-access-section__meta {
    flex-shrink: 0;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: right;
    min-width: 12rem;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 90%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 90%, var(--color-muted));
    }
  }
  .settings-debtor-access-section__meta-value {
    display: block;
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-debtor-access-section__meta-label {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-subtle);
  }
  .settings-debtor-access-list {
    margin-top: calc(var(--spacing) * 4);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .settings-debtor-access-row {
    display: grid;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,16rem) minmax(0,1fr) auto;
    }
    @media (width >= 80rem) {
      align-items: center;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 36%, transparent), transparent 58%), linear-gradient(180deg, color-mix(in srgb, oklch(0.987 0.006 96) 95%, white), color-mix(in srgb, oklch(0.923 0.014 205) 18%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 36%, transparent), transparent 58%), linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 95%, white), color-mix(in oklab, var(--color-muted) 18%, white));
    }
  }
  .settings-debtor-access-row__identity {
    min-width: calc(var(--spacing) * 0);
  }
  .settings-debtor-access-row__title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .settings-debtor-access-row__title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-debtor-access-row__subtitle {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
  }
  .settings-debtor-access-row__status {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 84%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 84%, white);
    }
    color: color-mix(in srgb, oklch(0.500 0.015 235) 72%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 72%, var(--color-text));
    }
  }
  .settings-debtor-access-row__status[data-status="COMPANY_REPRESENTATIVES_ACTIVE"] {
    border-color: color-mix(in srgb, #047857 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #047857 22%, var(--color-border));
    }
    background-color: color-mix(in oklab, #ecfdf5 78%, white);
    color: color-mix(in srgb, #065f46 72%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, #065f46 72%, var(--color-text));
    }
  }
  .settings-debtor-access-row__status[data-status="COMPANY_REPRESENTATIVES_PENDING"] {
    border-color: color-mix(in srgb, #b45309 20%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #b45309 20%, var(--color-border));
    }
    background-color: color-mix(in oklab, #fffbeb 84%, white);
    color: color-mix(in srgb, #92400e 68%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, #92400e 68%, var(--color-text));
    }
  }
  .settings-debtor-access-row__representatives {
    min-width: calc(var(--spacing) * 0);
  }
  .settings-debtor-access-row__label {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-debtor-access-row__rep-list {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .settings-debtor-access-row__rep-chip {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 86%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 86%, white);
    }
  }
  .settings-debtor-access-row__rep-chip--muted {
    color: var(--color-subtle);
  }
  .settings-debtor-access-row__empty {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
  }
  .settings-debtor-access-row__action {
    @media (width >= 80rem) {
      justify-self: flex-end;
    }
  }
  .settings-debtor-access-row__button {
    min-width: calc(var(--spacing) * 36);
    justify-content: center;
  }
  .settings-debtor-access-empty {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 8);
    text-align: center;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 84%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 84%, white);
    }
  }
  .settings-debtor-access-empty__title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-debtor-access-empty__copy {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .settings-debtor-access-modal-shell {
    max-height: 90vh;
    width: min(100vw - 1rem, 1180px);
    overflow-x: hidden;
    overflow-y: auto;
    padding: calc(var(--spacing) * 0);
  }
  .settings-debtor-access-modal-shell__loading {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 8);
    text-align: center;
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .settings-debtor-access-modal-shell__loading-title {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-debtor-access-modal-shell__loading-copy {
    margin-top: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
  }
  .settings-debtor-access-modal {
    padding: calc(var(--spacing) * 0);
  }
  .settings-debtor-access-modal__header {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: flex-start;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: radial-gradient(120% 130% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 14%, white) 0%, transparent 52%), radial-gradient(100% 140% at 0% 0%, color-mix(in srgb, #d9e9f7 46%, white) 0%, transparent 50%), linear-gradient(180deg, color-mix(in srgb, white 52%, transparent), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(120% 130% at 100% 0%, color-mix(in oklab, var(--color-accent) 14%, white) 0%, transparent 52%), radial-gradient(100% 140% at 0% 0%, color-mix(in oklab, #d9e9f7 46%, white) 0%, transparent 50%), linear-gradient(180deg, color-mix(in oklab, white 52%, transparent), color-mix(in oklab, var(--color-surface) 95%, white));
    }
  }
  .settings-debtor-access-modal__eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-debtor-access-modal__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
    @media (width >= 40rem) {
      font-size: 1.35rem;
    }
  }
  .settings-debtor-access-modal__description {
    margin-top: calc(var(--spacing) * 1.5);
    max-width: var(--container-4xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .settings-debtor-access-modal__errors {
    padding-inline: calc(var(--spacing) * 5);
    padding-top: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .settings-debtor-access-modal__layout {
    display: grid;
    gap: calc(var(--spacing) * 4);
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .settings-debtor-access-modal__panel {
    border-radius: calc(var(--radius-lg) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 32%, transparent), transparent 52%), linear-gradient(180deg, color-mix(in srgb, oklch(0.987 0.006 96) 96%, white), color-mix(in srgb, oklch(0.923 0.014 205) 16%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 32%, transparent), transparent 52%), linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 96%, white), color-mix(in oklab, var(--color-muted) 16%, white));
    }
    box-shadow: 0 20px 48px -38px rgb(15 23 42 / 0.18);
  }
  .settings-debtor-access-modal__panel--primary {
    background: radial-gradient(120% 120% at 100% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 8%, transparent) 0%, transparent 56%), linear-gradient(180deg, color-mix(in srgb, white 36%, transparent), transparent 48%), linear-gradient(180deg, color-mix(in srgb, oklch(0.987 0.006 96) 96%, white), color-mix(in srgb, oklch(0.923 0.014 205) 14%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(120% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 8%, transparent) 0%, transparent 56%), linear-gradient(180deg, color-mix(in oklab, white 36%, transparent), transparent 48%), linear-gradient(180deg, color-mix(in oklab, var(--color-surface) 96%, white), color-mix(in oklab, var(--color-muted) 14%, white));
    }
  }
  .settings-debtor-access-modal__panel-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .settings-debtor-access-modal__panel-toolbar {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      align-items: flex-start;
    }
    @media (width >= 64rem) {
      justify-content: space-between;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
  }
  .settings-debtor-access-modal__panel-eyebrow {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.18em;
    letter-spacing: 0.18em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-debtor-access-modal__panel-copy {
    margin-top: calc(var(--spacing) * 1.5);
    max-width: var(--container-4xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .settings-debtor-access-modal__view-switch {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 1);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 46%, transparent), transparent 50%), color-mix(in srgb, oklch(0.987 0.006 96) 92%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 46%, transparent), transparent 50%), color-mix(in oklab, var(--color-surface) 92%, white);
    }
  }
  .settings-debtor-access-modal__view-switch-form {
    display: inline-flex;
  }
  .settings-debtor-access-modal__view-switch-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    color: var(--color-subtle);
    text-transform: uppercase;
    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));
  }
  .settings-debtor-access-modal__view-switch-button--active {
    background-color: color-mix(in srgb, oklch(0.540 0.073 236) 14%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 14%, white);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 94%, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 94%, var(--color-accent));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.52);
  }
  .settings-debtor-access-modal__search-form {
    margin-top: calc(var(--spacing) * 4);
    border-radius: calc(var(--radius-lg) - 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 32%, transparent), transparent 44%), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 32%, transparent), transparent 44%), color-mix(in oklab, var(--color-surface) 95%, white);
    }
  }
  .settings-debtor-access-modal__search-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .settings-debtor-access-modal__search-shell {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: center;
    }
  }
  .settings-debtor-access-modal__search-input {
    width: 100%;
  }
  .settings-debtor-access-modal__grant-list {
    margin-top: calc(var(--spacing) * 3);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .settings-debtor-access-modal__grant-card {
    border-radius: calc(var(--radius-lg) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 34%, transparent), transparent 42%), color-mix(in srgb, oklch(0.987 0.006 96) 90%, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 34%, transparent), transparent 42%), color-mix(in oklab, var(--color-surface) 90%, var(--color-muted));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.48);
  }
  .settings-debtor-access-modal__grant-main {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      align-items: flex-start;
    }
    @media (width >= 64rem) {
      justify-content: space-between;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
  }
  .settings-debtor-access-modal__grant-identity {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .settings-debtor-access-modal__grant-avatar {
    display: inline-flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    text-transform: uppercase;
    background: linear-gradient(180deg, color-mix(in oklab, white 40%, transparent), transparent 48%), color-mix(in srgb, oklch(0.540 0.073 236) 16%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 40%, transparent), transparent 48%), color-mix(in oklab, var(--color-accent) 16%, white);
    }
    border: 1px solid color-mix(in srgb, oklch(0.540 0.073 236) 16%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--color-accent) 16%, var(--color-border));
    }
  }
  .settings-debtor-access-modal__grant-name {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .settings-debtor-access-modal__grant-meta {
    margin-top: calc(var(--spacing) * 1);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .settings-debtor-access-modal__grant-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .settings-debtor-access-modal__scope-badge {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
  }
  .settings-debtor-access-modal__scope-badge--all {
    background-color: color-mix(in oklab, #dbeafe 58%, white);
    color: color-mix(in srgb, #1d4ed8 72%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, #1d4ed8 72%, var(--color-text));
    }
    border-color: color-mix(in srgb, #93c5fd 42%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #93c5fd 42%, var(--color-border));
    }
  }
  .settings-debtor-access-modal__scope-badge--selected {
    background-color: color-mix(in oklab, #fef3c7 62%, white);
    color: color-mix(in srgb, #b45309 74%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, #b45309 74%, var(--color-text));
    }
    border-color: color-mix(in srgb, #fcd34d 40%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #fcd34d 40%, var(--color-border));
    }
  }
  .settings-debtor-access-modal__detail-grid {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(4, minmax(0, 1fr));
    }
  }
  .settings-debtor-access-modal__detail-card {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 95%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 95%, white);
    }
  }
  .settings-debtor-access-modal__detail-card--wide {
    @media (width >= 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .settings-debtor-access-modal__detail-card-label {
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-debtor-access-modal__detail-card-value {
    margin-top: calc(var(--spacing) * 1.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-text);
  }
  .settings-debtor-access-modal__detail-label {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .settings-debtor-access-modal__detail-copy {
    margin-top: calc(var(--spacing) * 1);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .settings-debtor-access-modal__claim-record-list {
    margin-top: calc(var(--spacing) * 4);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .settings-debtor-access-modal__claim-record {
    border-radius: calc(var(--radius-lg) - 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 34%, transparent), transparent 46%), color-mix(in srgb, oklch(0.987 0.006 96) 93%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 34%, transparent), transparent 46%), color-mix(in oklab, var(--color-surface) 93%, white);
    }
  }
  .settings-debtor-access-modal__claim-record-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .settings-debtor-access-modal__claim-record-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
  }
  .settings-debtor-access-modal__claim-record-meta {
    margin-top: calc(var(--spacing) * 1);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .settings-debtor-access-modal__rep-bucket-grid {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .settings-debtor-access-modal__rep-bucket {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 96%, white);
    }
  }
  .settings-debtor-access-modal__rep-bucket--warning {
    border-color: color-mix(in srgb, #f59e0b 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #f59e0b 22%, var(--color-border));
    }
    background-color: color-mix(in oklab, #fffbeb 80%, white);
  }
  .settings-debtor-access-modal__rep-bucket-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .settings-debtor-access-modal__rep-chip-grid {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .settings-debtor-access-modal__rep-chip {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 98%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 98%, white);
    }
  }
  .settings-debtor-access-modal__rep-chip--warning {
    border-color: color-mix(in srgb, #f59e0b 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #f59e0b 24%, var(--color-border));
    }
    background-color: color-mix(in oklab, #fffbeb 86%, white);
  }
  .settings-debtor-access-modal__rep-chip-main {
    min-width: calc(var(--spacing) * 0);
  }
  .settings-debtor-access-modal__rep-chip-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-debtor-access-modal__rep-chip-meta {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: var(--color-subtle);
  }
  .settings-debtor-access-modal__rep-chip-form {
    flex-shrink: 0;
  }
  .settings-debtor-access-modal__bucket-empty {
    margin-top: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 94%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 94%, white);
    }
  }
  .settings-debtor-access-modal__chip-action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    white-space: nowrap;
    text-transform: uppercase;
    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));
    &: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 {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 90%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 90%, white);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 92%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 92%, var(--color-subtle));
    }
    --tw-ring-color: color-mix(in srgb, oklch(0.540 0.073 236) 30%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-accent) 30%, transparent);
    }
  }
  .settings-debtor-access-modal__chip-action--warning {
    border-color: color-mix(in srgb, #f59e0b 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #f59e0b 28%, var(--color-border));
    }
    color: color-mix(in srgb, #92400e 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, #92400e 78%, var(--color-text));
    }
    background-color: color-mix(in oklab, #fffbeb 82%, white);
    --tw-ring-color: color-mix(in oklab, #f59e0b 30%, transparent);
  }
  .settings-debtor-access-modal__coverage-grid {
    margin-top: calc(var(--spacing) * 4);
    display: grid;
    gap: calc(var(--spacing) * 3);
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .settings-debtor-access-modal__coverage-block {
    border-radius: calc(var(--radius-lg) - 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 30%, transparent), transparent 42%), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 30%, transparent), transparent 42%), color-mix(in oklab, var(--color-surface) 95%, white);
    }
  }
  .settings-debtor-access-modal__coverage-block--warning {
    border-color: color-mix(in srgb, #f59e0b 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #f59e0b 22%, var(--color-border));
    }
    background: linear-gradient(180deg, color-mix(in oklab, #fffbeb 62%, white), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, #fffbeb 62%, white), color-mix(in oklab, var(--color-surface) 95%, white));
    }
  }
  .settings-debtor-access-modal__coverage-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .settings-debtor-access-modal__section-count {
    display: inline-flex;
    min-height: calc(var(--spacing) * 8);
    min-width: calc(var(--spacing) * 8);
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 88%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 88%, white);
    }
  }
  .settings-debtor-access-modal__section-count--warning {
    border-color: color-mix(in srgb, #f59e0b 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #f59e0b 24%, var(--color-border));
    }
    background-color: color-mix(in oklab, #fef3c7 70%, white);
    color: color-mix(in srgb, #92400e 76%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, #92400e 76%, var(--color-text));
    }
  }
  .settings-debtor-access-modal__claim-list {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 2);
  }
  .settings-debtor-access-modal__claim-grid {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 80rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .settings-debtor-access-modal__claim-tile {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 97%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 97%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.56);
  }
  .settings-debtor-access-modal__claim-tile--warning {
    border-color: color-mix(in srgb, #f59e0b 24%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #f59e0b 24%, var(--color-border));
    }
    background-color: color-mix(in oklab, #fffbeb 78%, white);
  }
  .settings-debtor-access-modal__claim-tile-main {
    min-width: calc(var(--spacing) * 0);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .settings-debtor-access-modal__claim-reference {
    display: block;
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    overflow-wrap: anywhere;
  }
  .settings-debtor-access-modal__claim-party {
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 4);
    line-height: calc(var(--spacing) * 4);
    color: var(--color-subtle);
    overflow-wrap: anywhere;
  }
  .settings-debtor-access-modal__claim-tile-form {
    align-self: flex-start;
    padding-top: calc(var(--spacing) * 0.5);
  }
  .settings-debtor-access-modal__claim-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    white-space: nowrap;
    text-transform: uppercase;
    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));
    &: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 {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 88%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 88%, white);
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 92%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 92%, var(--color-subtle));
    }
    --tw-ring-color: color-mix(in srgb, oklch(0.540 0.073 236) 32%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-ring-color: color-mix(in oklab, var(--color-accent) 32%, transparent);
    }
  }
  .settings-debtor-access-modal__claim-pill--warning {
    border-color: color-mix(in srgb, #f59e0b 28%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #f59e0b 28%, var(--color-border));
    }
    color: color-mix(in srgb, #92400e 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, #92400e 78%, var(--color-text));
    }
    background-color: color-mix(in oklab, #fffbeb 82%, white);
    --tw-ring-color: color-mix(in oklab, #f59e0b 30%, transparent);
  }
  .settings-debtor-access-modal__empty {
    border-radius: calc(var(--radius-lg) - 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-border-style: dashed;
    border-style: dashed;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 6);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 90%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 90%, white);
    }
  }
  .settings-debtor-access-modal__form {
    margin-top: calc(var(--spacing) * 3);
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .settings-debtor-access-modal__form-card {
    border-radius: calc(var(--radius-lg) - 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 94%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 94%, white);
    }
  }
  .settings-debtor-access-modal__form-grid {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2.5);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .settings-debtor-access-modal__form-note {
    margin-top: calc(var(--spacing) * 3);
  }
  .settings-debtor-access-modal__form textarea.input-compact {
    min-height: calc(var(--spacing) * 16);
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .settings-debtor-access-modal__scope, .settings-debtor-access-modal__claim-picker {
    border-radius: calc(var(--radius-lg) - 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 30%, transparent), transparent 44%), color-mix(in srgb, oklch(0.987 0.006 96) 94%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 30%, transparent), transparent 44%), color-mix(in oklab, var(--color-surface) 94%, white);
    }
  }
  .settings-debtor-access-modal__scope-head {
    min-width: calc(var(--spacing) * 0);
  }
  .settings-debtor-access-modal__scope-options {
    margin-top: calc(var(--spacing) * 3);
    display: grid;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .settings-debtor-access-modal__scope-option {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    font-size: 13px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 97%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 97%, white);
    }
  }
  .settings-debtor-access-modal__scope-option input[type="radio"] {
    margin-top: calc(var(--spacing) * 1);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .settings-debtor-access-modal__scope-option strong {
    display: block;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .settings-debtor-access-modal__scope-option span span {
    margin-top: calc(var(--spacing) * 1.5);
    display: block;
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .settings-debtor-access-modal__claim-list--picker {
    margin-top: calc(var(--spacing) * 3);
    max-height: calc(var(--spacing) * 64);
    overflow-y: auto;
    padding-right: calc(var(--spacing) * 1);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .settings-debtor-access-modal__claim-option {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 12px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-text);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.987 0.006 96) 97%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 97%, white);
    }
  }
  .settings-debtor-access-modal__claim-option input[type="checkbox"] {
    margin-top: calc(var(--spacing) * 0.5);
    height: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 4);
  }
  .settings-debtor-access-modal__form-actions {
    display: flex;
    justify-content: flex-end;
    padding-top: calc(var(--spacing) * 1.5);
  }
  .settings-debtor-access-modal__form:has(input[name="access_scope"][value="ALL_CLAIMS"]:checked) .settings-debtor-access-modal__claim-picker {
    display: none;
  }
  .vip-badge-tag.is-legacy {
    border-style: dashed;
  }
  .vip-badge-tag__label {
    text-transform: uppercase;
    font-size: 10px;
    letter-spacing: 0.18em;
  }
  .vip-badge-tag__note {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 9px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    text-transform: uppercase;
    background-color: color-mix(in oklab, white 45%, transparent);
    color: color-mix(in srgb, #7a5a00 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, #7a5a00 78%, var(--color-text));
    }
  }
  .vip-badge-shell--profile .vip-badge-tag {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .vip-badge-shell--profile .vip-badge-tag__label {
    font-size: 11px;
  }
  .vip-badge-shell--kpi .vip-badge-tag {
    padding-inline: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: 10px;
  }
  .auth-page {
    background: radial-gradient(120% 140% at 0% 0%, color-mix(in srgb, oklch(0.540 0.073 236) 11%, white) 0%, transparent 52%), radial-gradient(100% 120% at 100% 0%, color-mix(in srgb, #d5e6f8 42%, white) 0%, transparent 46%), linear-gradient(180deg, color-mix(in srgb, white 74%, oklch(0.958 0.013 216)), var(--color-bg));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(120% 140% at 0% 0%, color-mix(in oklab, var(--color-accent) 11%, white) 0%, transparent 52%), radial-gradient(100% 120% at 100% 0%, color-mix(in oklab, #d5e6f8 42%, white) 0%, transparent 46%), linear-gradient(180deg, color-mix(in oklab, white 74%, var(--color-bg)), var(--color-bg));
    }
    color: var(--color-text);
  }
  .auth-frame {
    overflow: hidden;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 82%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 82%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 55%, transparent), transparent 18%), color-mix(in srgb, oklch(0.987 0.006 96) 95%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 55%, transparent), transparent 18%), color-mix(in oklab, var(--color-surface) 95%, white);
    }
    box-shadow: 0 28px 70px -44px rgb(15 23 42 / 0.28), inset 0 1px 0 rgb(255 255 255 / 0.72);
  }
  .auth-frame__content {
    padding-top: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding-top: calc(var(--spacing) * 6);
    }
  }
  .auth-shell {
    margin-inline: auto;
    max-width: var(--container-5xl);
    padding-block: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 10);
    }
  }
  .auth-shell--wide {
    max-width: var(--container-6xl);
  }
  .auth-shell--compact {
    max-width: var(--container-2xl);
  }
  .auth-panel {
    display: grid;
    gap: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,0.95fr) minmax(23rem,1fr);
    }
    @media (width >= 64rem) {
      align-items: flex-start;
    }
  }
  .auth-panel--wide {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,0.85fr) minmax(0,1.15fr);
    }
  }
  .auth-hero {
    border-radius: calc(var(--radius-lg) + 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 7);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 75%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 75%, transparent);
    }
    background: radial-gradient(140% 140% at 0% 0%, color-mix(in oklab, white 68%, transparent) 0%, transparent 58%), linear-gradient(180deg, color-mix(in oklab, #eaf2fb 60%, white), color-mix(in srgb, oklch(0.987 0.006 96) 92%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(140% 140% at 0% 0%, color-mix(in oklab, white 68%, transparent) 0%, transparent 58%), linear-gradient(180deg, color-mix(in oklab, #eaf2fb 60%, white), color-mix(in oklab, var(--color-surface) 92%, white));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78), 0 22px 38px -34px rgb(15 23 42 / 0.32);
  }
  .auth-kicker {
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.22em;
    letter-spacing: 0.22em;
    text-transform: uppercase;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 78%, var(--color-text));
    }
  }
  .auth-title {
    margin-top: calc(var(--spacing) * 3);
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .auth-subtitle {
    margin-top: calc(var(--spacing) * 3);
    max-width: var(--container-2xl);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
    color: var(--color-subtle);
  }
  .auth-badges {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .auth-badge {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.14em;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, white 52%, oklch(0.987 0.006 96));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, white 52%, var(--color-surface));
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 84%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 84%, var(--color-subtle));
    }
  }
  .auth-nav {
    margin-bottom: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      margin-bottom: calc(var(--spacing) * 5);
    }
  }
  .auth-backlink {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    &:hover {
      @media (hover: hover) {
        color: var(--color-accent);
      }
    }
    &: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 {
      --tw-ring-color: var(--color-accent);
    }
    &:focus-visible {
      --tw-ring-offset-width: 2px;
      --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    }
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    color: var(--color-subtle);
    background-color: color-mix(in oklab, white 48%, transparent);
  }
  .auth-backlink--prominent {
    border-radius: calc(var(--radius-md) + 2px);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(255 255 255 / 0.58)), color-mix(in srgb, oklch(0.987 0.006 96) 94%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(255 255 255 / 0.58)), color-mix(in oklab, var(--color-surface) 94%, white);
    }
    color: var(--color-text);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 12px 20px -22px rgb(15 23 42 / 0.28);
  }
  .auth-backlink--prominent:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 18%, var(--color-border));
    }
    color: var(--color-text);
  }
  .auth-card {
    border-radius: calc(var(--radius-lg) + 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, white 78%, transparent), transparent 22%), color-mix(in srgb, oklch(0.987 0.006 96) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 78%, transparent), transparent 22%), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82), 0 26px 44px -38px rgb(15 23 42 / 0.34);
  }
  .auth-card--stacked {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
  }
  .auth-card--centered {
    margin-inline: auto;
    max-width: var(--container-xl);
    text-align: center;
  }
  .auth-section-head {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .auth-section-title {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    @media (width >= 40rem) {
      font-size: var(--text-2xl);
      line-height: var(--tw-leading, var(--text-2xl--line-height));
    }
  }
  .auth-section-copy {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    color: var(--color-subtle);
  }
  .auth-form {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .auth-divider {
    margin-block: calc(var(--spacing) * 4);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-subtle);
  }
  .auth-divider::before, .auth-divider::after {
    content: "";
    flex: 1;
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
  }
  .auth-field {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .auth-label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .auth-helper {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .auth-helper--list {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 52%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 52%, transparent);
    }
  }
  .auth-helper--list ul {
    margin-left: calc(var(--spacing) * 4);
    list-style-type: disc;
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .auth-field-error {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: rgb(185 28 28);
  }
  .auth-alert {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 58%, transparent);
    }
  }
  .auth-alert--error {
    border-color: rgb(254 205 211);
    background-color: rgb(255 241 242);
    color: rgb(159 18 57);
  }
  .auth-choice-grid {
    display: grid;
    gap: calc(var(--spacing) * 4);
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .auth-choice {
    position: relative;
    display: flex;
    min-height: 15.75rem;
    flex-direction: column;
    overflow: hidden;
    border-radius: calc(var(--radius-md) + 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 5);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 150ms;
    transition-duration: 150ms;
    animation-duration: 150ms;
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.86)), var(--auth-choice-tint);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.86)), color-mix(in oklab, var(--auth-choice-tint) 18%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 20px 28px -26px rgb(15 23 42 / 0.14);
  }
  .auth-choice::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 3px;
    background: linear-gradient(90deg, var(--auth-choice-accent-start), var(--auth-choice-accent-end));
  }
  .auth-choice::after {
    content: "";
    position: absolute;
    inset: auto -3.5rem -4rem auto;
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 999px;
    background: radial-gradient(circle, var(--auth-choice-tint-strong) 0%, transparent 72%);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(circle, color-mix(in oklab, var(--auth-choice-tint-strong) 8%, white) 0%, transparent 72%);
    }
    pointer-events: none;
  }
  .auth-choice:hover {
    transform: translateY(-2px);
    border-color: var(--auth-choice-accent-start);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--auth-choice-accent-start) 24%, var(--color-border));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 24px 34px -28px rgb(15 23 42 / 0.18);
  }
  .auth-choice:focus-visible {
    outline: none;
    border-color: var(--auth-choice-accent-start);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--auth-choice-accent-start) 26%, var(--color-border));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 0 0 3px var(--auth-choice-accent-start), 0 24px 34px -28px rgb(15 23 42 / 0.18);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 0 0 3px color-mix(in oklab, var(--auth-choice-accent-start) 12%, transparent), 0 24px 34px -28px rgb(15 23 42 / 0.18);
    }
  }
  .auth-choice__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .auth-choice__heading {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .auth-choice__index {
    display: inline-flex;
    height: calc(var(--spacing) * 10);
    width: calc(var(--spacing) * 10);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.16em;
    letter-spacing: 0.16em;
    background: linear-gradient(180deg, white, white), color-mix(in srgb, oklch(0.987 0.006 96) 92%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, white 94%, var(--auth-choice-tint)), color-mix(in oklab, white 82%, var(--auth-choice-tint-strong))), color-mix(in oklab, var(--color-surface) 92%, white);
    }
    color: var(--auth-choice-accent-start);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--auth-choice-accent-start) 80%, var(--color-text));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 10px 16px -16px rgb(15 23 42 / 0.24);
  }
  .auth-choice__label {
    font-size: 12px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
    color: var(--auth-choice-accent-start);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--auth-choice-accent-start) 68%, var(--color-subtle));
    }
  }
  .auth-choice__kind {
    display: inline-flex;
    align-items: center;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    border-color: var(--auth-choice-accent-start);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--auth-choice-accent-start) 12%, transparent);
    }
    background-color: var(--auth-choice-tint);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--auth-choice-tint) 28%, white);
    }
    color: var(--auth-choice-accent-start);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--auth-choice-accent-start) 72%, var(--color-text));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88);
  }
  .auth-choice__title {
    margin-top: calc(var(--spacing) * 7);
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight);
    color: var(--color-text);
    @media (width >= 40rem) {
      font-size: 1.35rem;
    }
  }
  .auth-choice__copy {
    margin-top: calc(var(--spacing) * 3);
    max-width: 28ch;
    font-size: 15px;
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 78%, var(--color-text));
    }
  }
  .auth-choice--office {
    --auth-choice-accent-start: #31455b;
    --auth-choice-accent-end: #73879c;
    --auth-choice-tint: #e9eef3;
    --auth-choice-tint-strong: #9ba9b7;
  }
  .auth-choice--claimant {
    --auth-choice-accent-start: #546577;
    --auth-choice-accent-end: #93a3b3;
    --auth-choice-tint: #edf1f4;
    --auth-choice-tint-strong: #b0bcc7;
  }
  .auth-choice--debtor {
    --auth-choice-accent-start: #667482;
    --auth-choice-accent-end: #aab5bf;
    --auth-choice-tint: #f1f4f6;
    --auth-choice-tint-strong: #bec7cf;
  }
  .auth-chooser {
    position: relative;
  }
  .auth-chooser__surface {
    position: relative;
    gap: calc(var(--spacing) * 6);
    overflow: hidden;
    padding-inline: calc(var(--spacing) * 5);
    padding-block: calc(var(--spacing) * 6);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 7);
    }
    @media (width >= 40rem) {
      padding-block: calc(var(--spacing) * 7);
    }
    background: radial-gradient(90% 80% at 0% 0%, color-mix(in oklab, #e9edf1 22%, white) 0%, transparent 62%), radial-gradient(75% 70% at 100% 100%, color-mix(in oklab, #f2f4f6 36%, white) 0%, transparent 64%), linear-gradient(180deg, rgb(255 255 255 / 0.9), transparent 18%), linear-gradient(145deg, color-mix(in oklab, white 96%, #f1f4f6), color-mix(in srgb, oklch(0.987 0.006 96) 97%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(90% 80% at 0% 0%, color-mix(in oklab, #e9edf1 22%, white) 0%, transparent 62%), radial-gradient(75% 70% at 100% 100%, color-mix(in oklab, #f2f4f6 36%, white) 0%, transparent 64%), linear-gradient(180deg, rgb(255 255 255 / 0.9), transparent 18%), linear-gradient(145deg, color-mix(in oklab, white 96%, #f1f4f6), color-mix(in oklab, var(--color-surface) 97%, white));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 30px 50px -40px rgb(15 23 42 / 0.32);
  }
  .auth-chooser__surface::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgb(255 255 255 / 0.94), transparent);
  }
  .auth-chooser__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    padding-bottom: calc(var(--spacing) * 6);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 68%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 68%, transparent);
    }
  }
  .auth-chooser__intro {
    max-width: var(--container-2xl);
  }
  .auth-chooser__title {
    margin-top: calc(var(--spacing) * 2);
    max-width: none;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    @media (width >= 40rem) {
      font-size: var(--text-4xl);
      line-height: var(--tw-leading, var(--text-4xl--line-height));
    }
  }
  .auth-chooser__lede {
    margin-top: calc(var(--spacing) * 3);
    max-width: var(--container-2xl);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
  }
  .auth-chooser__grid {
    gap: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 5);
    }
  }
  .auth-chooser__footnote {
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      padding-inline: calc(var(--spacing) * 5);
    }
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.44)), color-mix(in oklab, #edf3f8 36%, white);
    color: color-mix(in srgb, oklch(0.500 0.015 235) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86);
  }
  .auth-chooser__footnote-title {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .auth-note {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
    border-style: dashed;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 78%, transparent);
    }
    color: var(--color-subtle);
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 32%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 32%, transparent);
    }
  }
  .auth-note--compact {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .auth-tabs {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .auth-tab-option span {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 34%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 34%, transparent);
    }
    color: var(--color-subtle);
  }
  .auth-tab-option:hover span {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 22%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 22%, var(--color-border));
    }
    color: var(--color-text);
  }
  .auth-tab-option:has(input:checked) span {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 28%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 28%, transparent);
    }
    background: linear-gradient(180deg, color-mix(in oklab, #e8f1fb 70%, white), color-mix(in srgb, oklch(0.987 0.006 96) 94%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, #e8f1fb 70%, white), color-mix(in oklab, var(--color-surface) 94%, white));
    }
    color: color-mix(in srgb, oklch(0.285 0.014 245) 92%, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 92%, var(--color-accent));
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.540 0.073 236) 12%, transparent), 0 16px 24px -28px rgb(37 99 235 / 0.28);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--color-accent) 12%, transparent), 0 16px 24px -28px rgb(37 99 235 / 0.28);
    }
  }
  .auth-method-panel {
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 4);
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 74%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 74%, transparent);
    }
    background-color: color-mix(in srgb, oklch(0.923 0.014 205) 22%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 22%, transparent);
    }
  }
  .portal-login-form:has(input[value="smart_id"]:checked) [data-method-panel="mobile_id"], .portal-login-form:has(input[value="smart_id"]:checked) [data-method-panel="id_card"], .portal-login-form:has(input[value="mobile_id"]:checked) [data-method-panel="smart_id"], .portal-login-form:has(input[value="mobile_id"]:checked) [data-method-panel="id_card"], .portal-login-form:has(input[value="id_card"]:checked) [data-method-panel="smart_id"], .portal-login-form:has(input[value="id_card"]:checked) [data-method-panel="mobile_id"] {
    display: none;
  }
}
@layer components {
  .htmx-indicator {
    display: none;
  }
  .htmx-request .htmx-indicator, .htmx-indicator.htmx-request {
    display: inline-flex;
  }
}
@layer components {
  .claim-details-view #tkis-manual-arrests-panel {
    --manual-console-ink: #172231;
    --manual-console-muted: #5f6f80;
    --manual-console-line: rgb(88 105 123 / 0.24);
    --manual-console-line-strong: rgb(75 91 108 / 0.36);
    --manual-console-steel: #465a70;
    --manual-console-blue: #3f6f9f;
    overflow: hidden;
    border: 1px solid var(--manual-console-line-strong);
    border-radius: 10px;
    padding: 0;
    color: var(--manual-console-ink);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(247 250 252 / 0.82)), linear-gradient(135deg, rgb(70 90 112 / 0.08), transparent 42%, rgb(183 170 154 / 0.1));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78), 0 18px 42px -42px rgb(20 32 44 / 0.38);
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-console-hero {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.8rem;
    border: 0;
    border-bottom: 1px solid var(--manual-console-line);
    border-radius: 0;
    padding: 0.82rem 0.92rem;
    background: linear-gradient(90deg, rgb(255 255 255 / 0.88), rgb(244 248 250 / 0.78)), linear-gradient(90deg, rgb(63 111 159 / 0.1), transparent 46%);
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-console-hero__mark {
    width: 0.22rem;
    height: 1.75rem;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--manual-console-blue), var(--manual-console-steel));
    box-shadow: 0 8px 16px -12px rgb(63 111 159 / 0.72);
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-console-hero__eyebrow {
    color: var(--manual-console-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--manual-console-blue) 58%, var(--manual-console-muted));
    }
    font-size: 0.62rem;
    font-weight: 760;
    letter-spacing: 0.12em;
    text-transform: uppercase;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-console-hero__title {
    color: var(--manual-console-ink);
    font-size: clamp(1.1rem, 1.2vw, 1.28rem);
    font-weight: 730;
    line-height: 1.08;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-console-hero__facts {
    color: var(--manual-console-muted);
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-service-tabs {
    padding: 0.72rem 0.82rem 0.82rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-tab-list, .claim-details-view #tkis-manual-arrests-panel .manual-method-tab-list {
    gap: 1.05rem;
    border-color: var(--manual-console-line);
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-tab-label, .claim-details-view #tkis-manual-arrests-panel .manual-method-tab-label {
    color: var(--manual-console-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--manual-console-ink) 62%, var(--manual-console-muted));
    }
    padding-bottom: 0.58rem;
  }
  .claim-details-view #tkis-manual-arrests-panel :is(.manual-tab-label, .manual-method-tab-label):hover {
    color: var(--manual-console-ink);
  }
  .claim-details-view #tkis-manual-arrests-panel #manual-provider-tkis:checked ~ .manual-tab-list label[for="manual-provider-tkis"], .claim-details-view #tkis-manual-arrests-panel #manual-provider-liiklus:checked ~ .manual-tab-list label[for="manual-provider-liiklus"], .claim-details-view #tkis-manual-arrests-panel #manual-tkis-add:checked ~ .manual-method-tab-list label[for="manual-tkis-add"], .claim-details-view #tkis-manual-arrests-panel #manual-tkis-change:checked ~ .manual-method-tab-list label[for="manual-tkis-change"], .claim-details-view #tkis-manual-arrests-panel #manual-tkis-close:checked ~ .manual-method-tab-list label[for="manual-tkis-close"], .claim-details-view #tkis-manual-arrests-panel #manual-liiklus-custom:checked ~ .manual-method-tab-list label[for="manual-liiklus-custom"], .claim-details-view #tkis-manual-arrests-panel #manual-liiklus-methods:checked ~ .manual-method-tab-list label[for="manual-liiklus-methods"] {
    border-color: var(--manual-console-blue);
    color: var(--manual-console-ink);
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel {
    padding-top: 0.72rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel__summary {
    display: grid;
    gap: 0.5rem;
    border: 0;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel__summary > div {
    min-width: 0;
    border: 1px solid var(--manual-console-line);
    border-radius: 8px;
    padding: 0.62rem 0.72rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(250 252 253 / 0.74));
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel__summary > div + div {
    border-top: 1px solid var(--manual-console-line);
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel__summary span, .claim-details-view #tkis-manual-arrests-panel .manual-result-dock__head span, .claim-details-view #tkis-manual-arrests-panel .manual-result-meta span, .claim-details-view #tkis-manual-arrests-panel .manual-result-audit span {
    color: var(--manual-console-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--manual-console-blue) 44%, var(--manual-console-muted));
    }
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel__summary strong, .claim-details-view #tkis-manual-arrests-panel .manual-result-dock__head strong, .claim-details-view #tkis-manual-arrests-panel .manual-result-meta strong {
    color: var(--manual-console-ink);
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel__summary small, .claim-details-view #tkis-manual-arrests-panel .manual-result-dock__head em {
    color: var(--manual-console-muted);
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-workspace {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.34fr);
    gap: 0.72rem;
    padding-top: 0.72rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-method-tabs, .claim-details-view #tkis-manual-arrests-panel .manual-result-dock {
    border: 1px solid var(--manual-console-line);
    border-radius: 9px;
    background: rgb(255 255 255 / 0.68);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.72);
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-method-tabs {
    padding: 0.68rem 0.72rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-method-panels {
    margin-top: 0.72rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-method-head {
    margin-bottom: 0.68rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-method-head__eyebrow {
    color: var(--manual-console-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--manual-console-blue) 52%, var(--manual-console-muted));
    }
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-method-head h4 {
    color: var(--manual-console-ink);
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-arrest-fields {
    gap: 0.68rem 0.8rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-arrest-field__input {
    border-color: rgb(88 105 123 / 0.28);
    background: rgb(255 255 255 / 0.86);
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-result-dock {
    border-left: 1px solid var(--manual-console-line);
    padding: 0.72rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-result-dock--empty {
    justify-content: flex-start;
    min-height: 7.4rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-liiklus-inline-tool {
    border-color: var(--manual-console-line);
  }
  @media (min-width: 640px) {
    .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel__summary {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel__summary > div + div {
      border-left: 1px solid var(--manual-console-line);
    }
  }
  @media (max-width: 72rem) {
    .claim-details-view #tkis-manual-arrests-panel .manual-workspace {
      grid-template-columns: 1fr;
    }
  }
  @media (max-width: 54rem) {
    .claim-details-view #tkis-manual-arrests-panel .manual-console-hero {
      align-items: flex-start;
      flex-direction: column;
    }
    .claim-details-view #tkis-manual-arrests-panel .manual-service-tabs {
      padding: 0.62rem;
    }
  }
}
@layer components {
  .claim-details-view #etaitur-action-panel {
    margin-bottom: 0.72rem;
  }
  .claim-details-view #etaitur-action-panel > .grid, .claim-details-view #etaitur-action-panel form .grid, .claim-details-view #tkis-manual-arrests-panel :is(.manual-provider-panels, .manual-workspace, .manual-method-panels, .manual-arrest-fields, .manual-result-facts) {
    gap: 0.55rem;
  }
  .claim-details-view #etaitur-action-panel [class*="rounded-md"][class*="border"][class*="p-4"], .claim-details-view #etaitur-action-panel [class*="rounded-md"][class*="border"][class*="p-3"] {
    border-radius: 9px;
    padding: 0.62rem 0.72rem;
    background: rgb(255 255 255 / 0.66);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.72);
  }
  .claim-details-view #etaitur-action-panel [class*="uppercase"] {
    font-size: 9px;
    letter-spacing: 0;
  }
  .claim-details-view #etaitur-action-panel :is(.text-base, .text-sm.font-semibold, .text-sm.font-medium) {
    font-size: 12.5px;
    line-height: 1.32;
  }
  .claim-details-view #etaitur-action-panel dl {
    margin-top: 0.52rem;
  }
  .claim-details-view #etaitur-action-panel dl > div {
    border-bottom: 1px solid var(--claim-shot-line);
    padding-block: 0.34rem;
  }
  .claim-details-view #etaitur-action-panel dl > div:last-child {
    border-bottom: 0;
  }
  .claim-details-view :is(.form-input, .form-select, .form-textarea) {
    min-height: 2rem;
    border-radius: 7px;
    padding: 0.34rem 0.52rem;
    font-size: 12px;
    line-height: 1.35;
  }
  .claim-details-view .form-textarea {
    min-height: 4.2rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-service-tabs, .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel, .claim-details-view #tkis-manual-arrests-panel .manual-method-panel, .claim-details-view #tkis-manual-arrests-panel .manual-result-dock {
    border-radius: 10px;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-service-tabs, .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel {
    padding: 0.72rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel__summary {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.5rem, 1fr));
    gap: 0.32rem 0.82rem;
    border-block: 1px solid var(--claim-shot-line);
    padding-block: 0.42rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel__summary > div {
    border: 0;
    border-radius: 0;
    padding: 0.28rem 0;
    background: transparent;
    box-shadow: none;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel__summary span, .claim-details-view #tkis-manual-arrests-panel .manual-method-head__eyebrow, .claim-details-view #tkis-manual-arrests-panel .manual-arrest-field__label, .claim-details-view #tkis-manual-arrests-panel .manual-result-fact span, .claim-details-view #tkis-manual-arrests-panel .manual-result-dock__head span {
    font-size: 9px;
    letter-spacing: 0;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel__summary strong, .claim-details-view #tkis-manual-arrests-panel .manual-method-head h4, .claim-details-view #tkis-manual-arrests-panel .manual-result-fact strong, .claim-details-view #tkis-manual-arrests-panel .manual-result-dock__head strong {
    font-size: 12.5px;
    line-height: 1.28;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-provider-panel__summary small, .claim-details-view #tkis-manual-arrests-panel .manual-arrest-field__hint {
    margin-top: 0.12rem;
    font-size: 10px;
    line-height: 1.28;
  }
  .claim-details-view #tkis-manual-arrests-panel :is(.manual-tab-label, .manual-method-tab-label) {
    min-height: 1.74rem;
    padding: 0.26rem 0.56rem;
    font-size: 11px;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-method-tab-label small {
    font-size: 9.5px;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-method-panel {
    padding: 0.64rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-method-head {
    gap: 0.58rem;
    margin-bottom: 0.56rem;
    padding-bottom: 0.44rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-arrest-field {
    gap: 0.22rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-result-dock {
    padding: 0.64rem;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-result-fact {
    border: 0;
    border-bottom: 1px solid var(--claim-shot-line);
    border-radius: 0;
    padding: 0.34rem 0;
    background: transparent;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-result-chips span {
    min-height: 1.24rem;
    padding: 0.14rem 0.42rem;
    font-size: 10px;
  }
  .claim-details-view #tkis-manual-arrests-panel .manual-arrest-code {
    max-height: 14rem;
    border-radius: 8px;
    padding: 0.58rem;
    font-size: 10.5px;
    line-height: 1.4;
  }
}
@layer components {
  .claim-details-view .claim-fees-panel {
    display: grid;
    grid-template-columns: minmax(0, 1.25fr) minmax(18rem, 0.75fr);
    gap: 0.62rem;
  }
  .claim-details-view .claim-fees-panel--edit {
    align-items: start;
  }
  .claim-details-view .claim-fees-card {
    position: relative;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 86%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-border) 86%, transparent);
    }
    border-radius: 10px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.66)), color-mix(in srgb, oklch(0.923 0.014 205) 16%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.66)), color-mix(in srgb, var(--color-muted) 16%, white);
    }
    padding: 0.7rem;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78), 0 10px 26px rgb(15 23 42 / 0.045);
  }
  .claim-details-view .claim-fees-card::before {
    content: "";
    position: absolute;
    inset-block: 0;
    left: 0;
    width: 3px;
    background: linear-gradient(180deg, var(--color-accent), color-mix(in srgb, oklch(0.540 0.073 236) 34%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, var(--color-accent), color-mix(in srgb, var(--color-accent) 34%, transparent));
    }
    opacity: 0.52;
  }
  .claim-details-view .claim-fees-card--primary::before {
    background: linear-gradient(180deg, #64748b, color-mix(in srgb, #64748b 28%, transparent));
  }
  .claim-details-view .claim-fees-card__header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.72rem;
  }
  .claim-details-view .claim-fees-card__eyebrow, .claim-details-view .claim-fees-row__main span, .claim-details-view .claim-fees-row__split span, .claim-details-view .claim-fees-form-list__head, .claim-details-view .registry-snapshot__eyebrow, .claim-details-view .external-claims-panel__notices-title {
    display: block;
    color: var(--color-subtle);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.2;
    text-transform: uppercase;
  }
  .claim-details-view .claim-fees-card__title, .claim-details-view .registry-snapshot__title, .claim-details-view .registry-snapshot-card__title, .claim-details-view .external-claims-panel__title {
    color: var(--color-text);
    font-size: 13px;
    font-weight: 720;
    letter-spacing: 0;
    line-height: 1.24;
  }
  .claim-details-view .claim-fees-card__meta, .claim-details-view .claim-fees-note, .claim-details-view .registry-snapshot__description, .claim-details-view .registry-snapshot-card__summary-text, .claim-details-view .external-claims-panel__meta {
    color: var(--color-subtle);
    font-size: 10.5px;
    line-height: 1.35;
  }
  .claim-details-view .claim-fees-total {
    min-width: 7.8rem;
    border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 86%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-border) 86%, transparent);
    }
    border-radius: 8px;
    background: color-mix(in srgb, oklch(0.540 0.073 236) 6%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-accent) 6%, white);
    }
    padding: 0.45rem 0.58rem;
    text-align: right;
  }
  .claim-details-view .claim-fees-total span {
    display: block;
    color: var(--color-subtle);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.1;
    text-transform: uppercase;
  }
  .claim-details-view .claim-fees-total strong {
    display: block;
    margin-top: 0.16rem;
    color: var(--color-text);
    font-size: 17px;
    font-weight: 780;
    line-height: 1.1;
  }
  .claim-details-view .claim-fees-breakdown {
    display: grid;
    gap: 0.45rem;
    margin-top: 0.62rem;
  }
  .claim-details-view .claim-fees-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(12rem, 0.72fr);
    gap: 0.52rem;
    border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-border) 78%, transparent);
    }
    border-radius: 9px;
    background: rgb(255 255 255 / 0.68);
    padding: 0.54rem;
  }
  .claim-details-view .claim-fees-row__main strong {
    display: block;
    margin-top: 0.12rem;
    color: var(--color-text);
    font-size: 13.5px;
    font-weight: 760;
    line-height: 1.2;
  }
  .claim-details-view .claim-fees-row__split {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.34rem;
  }
  .claim-details-view .claim-fees-row__split > div {
    border-left: 1px solid var(--claim-shot-line);
    padding-left: 0.48rem;
  }
  .claim-details-view .claim-fees-row__split strong {
    display: block;
    margin-top: 0.12rem;
    color: var(--color-text);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.2;
  }
  .claim-details-view .claim-fees-note {
    margin-top: 0.58rem;
    border-top: 1px solid var(--claim-shot-line);
    padding-top: 0.46rem;
  }
  .claim-details-view .claim-fees-list {
    display: grid;
    gap: 0.34rem;
    margin-top: 0.58rem;
  }
  .claim-details-view .claim-fees-list__row, .claim-details-view .claim-fees-list__total {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 0.72rem;
    align-items: center;
    border-bottom: 1px solid var(--claim-shot-line);
    padding: 0.34rem 0;
    color: var(--color-text);
    font-size: 12px;
  }
  .claim-details-view .claim-fees-list__row strong, .claim-details-view .claim-fees-list__total strong {
    font-weight: 740;
    white-space: nowrap;
  }
  .claim-details-view .claim-fees-list__total {
    border-bottom: 0;
    color: var(--color-text);
    font-weight: 740;
  }
  .claim-details-view .claim-fees-empty, .claim-details-view .external-claims-panel__empty, .claim-details-view .registry-snapshot__empty, .claim-details-view .registry-snapshot-card__empty {
    display: grid;
    gap: 0.16rem;
    margin-top: 0.58rem;
    border: 1px dashed color-mix(in srgb, oklch(0.842 0.018 228) 92%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px dashed color-mix(in srgb, var(--color-border) 92%, transparent);
    }
    border-radius: 9px;
    background: color-mix(in srgb, oklch(0.923 0.014 205) 24%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-muted) 24%, transparent);
    }
    padding: 0.66rem 0.72rem;
    color: var(--color-subtle);
    font-size: 12px;
    line-height: 1.35;
  }
  .claim-details-view .claim-fees-empty small {
    font-size: 10.5px;
  }
  .claim-details-view .claim-fees-form-list {
    display: grid;
    gap: 0.4rem;
    margin-top: 0.58rem;
  }
  .claim-details-view .claim-fees-form-list__head, .claim-details-view .claim-fees-form-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 6.5rem;
    gap: 0.42rem;
    align-items: center;
  }
  .claim-details-view .claim-fees-form-list__head span:last-child {
    text-align: right;
  }
  .claim-workload-kpis {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    grid-auto-rows: minmax(5.35rem, auto);
    align-items: stretch;
    gap: 0.62rem;
    margin-top: 0.62rem;
  }
  .claim-workload-kpis--five {
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .claim-workload-kpis--dashboard {
    margin-top: 0;
  }
  .claim-workload-kpi {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas: "label value" "meta meta";
    align-items: center;
    column-gap: 0.72rem;
    row-gap: 0.12rem;
    height: 100%;
    min-height: 5.35rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 82%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--color-border) 82%, rgb(120 128 140));
    }
    border-radius: 8px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(248 250 252 / 0.76)), color-mix(in srgb, oklch(0.923 0.014 205) 12%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(248 250 252 / 0.76)), color-mix(in oklab, var(--color-muted) 12%, white);
    }
    padding: 0.62rem 0.68rem 0.58rem;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84), 0 12px 28px -26px rgb(15 23 42 / 0.42);
    transition: border-color .16s ease, box-shadow .16s ease, transform .16s ease;
  }
  .claim-workload-kpi::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: #64748b;
    opacity: 0.78;
  }
  .claim-workload-kpi:hover {
    border-color: color-mix(in srgb, oklch(0.540 0.073 236) 20%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 20%, var(--color-border));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 16px 34px -28px rgb(15 23 42 / 0.5);
  }
  .claim-workload-kpi--finished::before, .claim-workload-kpi--paid::before {
    background: #059669;
  }
  .claim-workload-kpi--progress::before {
    background: #d97706;
  }
  .claim-workload-kpi--stagnant::before, .claim-workload-kpi--outstanding::before {
    background: #e11d48;
  }
  .claim-workload-kpi--action::before {
    background: var(--color-accent);
  }
  .claim-workload-kpi--finished, .claim-workload-kpi--paid {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(248 250 252 / 0.76)), color-mix(in oklab, #10b981 5%, white);
  }
  .claim-workload-kpi--progress {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(248 250 252 / 0.76)), color-mix(in oklab, #f59e0b 6%, white);
  }
  .claim-workload-kpi--stagnant, .claim-workload-kpi--outstanding {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(248 250 252 / 0.76)), color-mix(in oklab, #f43f5e 5%, white);
  }
  .claim-workload-kpi--action {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(248 250 252 / 0.76)), color-mix(in srgb, oklch(0.540 0.073 236) 5%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(248 250 252 / 0.76)), color-mix(in oklab, var(--color-accent) 5%, white);
    }
  }
  .claim-workload-kpi--upcoming {
    grid-template-columns: 1fr;
    grid-template-areas: "label" "meta";
  }
  .claim-workload-kpi__label {
    grid-area: label;
    min-width: 0;
    color: var(--color-subtle);
    font-size: 12.5px;
    font-weight: 720;
    letter-spacing: 0;
    line-height: 1.2;
    overflow-wrap: anywhere;
  }
  .claim-workload-kpi__value {
    grid-area: value;
    justify-self: end;
    min-width: max-content;
    margin: 0;
    color: var(--color-text);
    font-size: 1.42rem;
    font-weight: 760;
    font-variant-numeric: tabular-nums;
    letter-spacing: 0;
    line-height: 1;
  }
  .claim-workload-kpi__metric {
    display: inline-flex;
    align-items: baseline;
    gap: 0.32rem;
    white-space: nowrap;
  }
  .claim-workload-kpi__unit {
    color: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb, currentColor 72%, var(--color-subtle));
    }
    font-size: 0.77rem;
    font-weight: 700;
  }
  .claim-workload-kpi__unit[data-kpi-pct] {
    margin-left: 0.22rem;
    border-left: 1px solid currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      border-left: 1px solid color-mix(in srgb, currentColor 34%, transparent);
    }
    padding-left: 0.42rem;
    font-size: 0.83rem;
  }
  .claim-workload-kpi--finished .claim-workload-kpi__value, .claim-workload-kpi--paid .claim-workload-kpi__value {
    color: #047857;
  }
  .claim-workload-kpi--progress .claim-workload-kpi__value {
    color: #b45309;
  }
  .claim-workload-kpi--stagnant .claim-workload-kpi__value, .claim-workload-kpi--outstanding .claim-workload-kpi__value {
    color: #be123c;
  }
  .claim-workload-kpi--action .claim-workload-kpi__value {
    color: var(--color-accent);
  }
  .claim-workload-kpi__meta {
    grid-area: meta;
    min-width: 0;
    margin-top: 0.36rem;
    border-top: 1px solid var(--claim-shot-line, color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid var(--claim-shot-line, color-mix(in oklab, var(--color-border) 72%, transparent));
    }
    padding-top: 0.32rem;
    color: var(--color-subtle);
    font-size: 12px;
    font-weight: 620;
    line-height: 1.25;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .claim-workload-kpi__progress {
    grid-area: meta;
    display: grid;
    gap: 0.28rem;
    margin-top: 0.38rem;
    border-top: 1px solid var(--claim-shot-line, color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid var(--claim-shot-line, color-mix(in oklab, var(--color-border) 72%, transparent));
    }
    padding-top: 0.34rem;
  }
  .claim-workload-kpi__bar {
    overflow: hidden;
    height: 0.22rem;
    border-radius: 999px;
    background: color-mix(in srgb, oklch(0.923 0.014 205) 62%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-muted) 62%, white);
    }
  }
  .claim-workload-kpi__bar > span {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: currentColor;
    transition: width 180ms ease;
  }
  .claim-workload-kpi__progress-label {
    color: var(--color-subtle);
    font-size: 12px;
    font-weight: 650;
    line-height: 1.2;
  }
  .claim-workload-kpi__list {
    grid-area: meta;
    display: grid;
    gap: 0.22rem;
    margin-top: 0.38rem;
    border-top: 1px solid var(--claim-shot-line, color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid var(--claim-shot-line, color-mix(in oklab, var(--color-border) 72%, transparent));
    }
    padding-top: 0.34rem;
    color: var(--color-subtle);
    font-size: 12px;
    line-height: 1.25;
  }
  .claim-workload-kpi.active {
    outline: 1.5px solid color-mix(in srgb, oklch(0.540 0.073 236) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 1.5px solid color-mix(in oklab, var(--color-accent) 58%, transparent);
    }
    outline-offset: 2px;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 16px 34px -26px rgb(30 51 84 / 0.48);
  }
  .claim-details-view .registry-snapshot__head, .claim-details-view .registry-snapshot-card__topline, .claim-details-view .external-claims-panel__header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 0.72rem;
  }
  .claim-details-view .registry-snapshot__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.62rem;
    margin-top: 0.7rem;
  }
  .claim-details-view .registry-snapshot-card {
    overflow: clip;
    border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 84%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-border) 84%, transparent);
    }
    border-radius: 10px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.68)), color-mix(in srgb, oklch(0.923 0.014 205) 16%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.68)), color-mix(in srgb, var(--color-muted) 16%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78), 0 9px 24px rgb(15 23 42 / 0.045);
  }
  .claim-details-view .registry-snapshot-card__summary {
    cursor: pointer;
    list-style: none;
    padding: 0.68rem 0.72rem;
  }
  .claim-details-view .registry-snapshot-card__summary::-webkit-details-marker {
    display: none;
  }
  .claim-details-view .registry-snapshot-card__copy {
    min-width: 0;
    flex: 1;
  }
  .claim-details-view .registry-snapshot-card__title-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.38rem;
  }
  .claim-details-view .registry-snapshot-card__summary-text {
    margin-top: 0.22rem;
  }
  .claim-details-view .registry-snapshot-card__chevron {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 1.8rem;
    height: 1.8rem;
    flex: 0 0 auto;
    border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 88%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-border) 88%, transparent);
    }
    border-radius: 999px;
    background: color-mix(in srgb, oklch(0.923 0.014 205) 42%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-muted) 42%, white);
    }
    color: var(--color-subtle);
    transition: transform 180ms ease;
  }
  .claim-details-view .registry-snapshot-card[open] .registry-snapshot-card__chevron {
    transform: rotate(180deg);
  }
  .claim-details-view .registry-snapshot-card__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
    margin-top: 0.52rem;
  }
  .claim-details-view .registry-snapshot-card__chips span, .claim-details-view .external-claims-panel__source {
    display: inline-flex;
    align-items: center;
    border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 88%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-border) 88%, transparent);
    }
    border-radius: 999px;
    background: color-mix(in srgb, oklch(0.923 0.014 205) 46%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-muted) 46%, white);
    }
    padding: 0.18rem 0.48rem;
    color: var(--color-text);
    font-size: 10.5px;
    font-weight: 650;
    line-height: 1.2;
  }
  .claim-details-view .registry-snapshot-card__detail {
    max-height: 19rem;
    overflow: auto;
    overscroll-behavior: contain;
    border-top: 1px solid var(--claim-shot-line);
    background: color-mix(in srgb, oklch(0.923 0.014 205) 14%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-muted) 14%, transparent);
    }
    padding: 0.5rem;
  }
  .claim-details-view .registry-snapshot-card__detail :is(table, .claim-info-list) {
    font-size: 11.5px;
  }
  .claim-details-view .external-claims-panel {
    border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 86%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-border) 86%, transparent);
    }
    border-radius: 9px;
    background: rgb(255 255 255 / 0.72);
    padding: 0.64rem;
  }
  .claim-details-view .external-claims-panel__source {
    border-color: color-mix(in srgb, #f59e0b 38%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #f59e0b 38%, var(--color-border));
    }
    background: color-mix(in srgb, #f59e0b 12%, white);
    color: #92400e;
  }
  .claim-details-view .external-claims-panel__tablewrap {
    margin-top: 0.55rem;
    overflow-x: auto;
  }
  .claim-details-view .external-claims-panel__table {
    width: 100%;
    min-width: 940px;
    border-collapse: collapse;
    font-size: 11.5px;
  }
  .claim-details-view .external-claims-panel__table th {
    padding: 0.44rem 0.5rem;
    color: var(--color-subtle);
    font-size: 9.5px;
    font-weight: 700;
    letter-spacing: 0;
    text-align: left;
    text-transform: uppercase;
  }
  .claim-details-view .external-claims-panel__table td {
    padding: 0.42rem 0.5rem;
    border-top: 1px solid var(--claim-shot-line);
  }
  .claim-details-view .external-claims-panel__row {
    cursor: pointer;
  }
  .claim-details-view .external-claims-panel__row--closed {
    background: color-mix(in srgb, oklch(0.923 0.014 205) 18%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-muted) 18%, transparent);
    }
  }
  .claim-details-view .external-claims-panel__row:hover {
    background: color-mix(in srgb, oklch(0.923 0.014 205) 32%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-muted) 32%, transparent);
    }
  }
  .claim-details-view .external-claims-panel__state, .claim-details-view .external-claims-panel__provider-status {
    display: inline-flex;
    align-items: center;
    width: max-content;
    max-width: 100%;
    border-radius: 999px;
    padding: 0.14rem 0.48rem;
    font-size: 10.5px;
    font-weight: 680;
    line-height: 1.25;
    white-space: nowrap;
  }
  .claim-details-view .external-claims-panel__state--open {
    border: 1px solid color-mix(in srgb, #059669 34%, transparent);
    background: color-mix(in srgb, #10b981 14%, white);
    color: #065f46;
  }
  .claim-details-view .external-claims-panel__state--closed {
    border: 1px solid color-mix(in srgb, #64748b 34%, transparent);
    background: color-mix(in srgb, #64748b 13%, white);
    color: #334155;
  }
  .claim-details-view .external-claims-panel__provider-status {
    background: color-mix(in srgb, oklch(0.923 0.014 205) 58%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-muted) 58%, white);
    }
    color: var(--color-text);
  }
  .claim-details-view .external-claims-panel__notices {
    margin-top: 0.62rem;
  }
  .claim-details-view .external-claims-panel__notice-list {
    display: grid;
    gap: 0.4rem;
    margin-top: 0.35rem;
  }
  .claim-details-view .external-claims-panel__notice {
    display: block;
    border: 1px solid color-mix(in srgb, #0ea5e9 30%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, #0ea5e9 30%, var(--color-border));
    }
    border-radius: 8px;
    background: color-mix(in srgb, #e0f2fe 68%, white);
    padding: 0.7rem 0.76rem;
    color: #0c4a6e;
    font-size: 12px;
    line-height: 1.35;
    transition: background 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
  }
  .claim-details-view .external-claims-panel__notice:hover {
    border-color: color-mix(in srgb, #0284c7 46%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #0284c7 46%, var(--color-border));
    }
    background: color-mix(in srgb, #bae6fd 56%, white);
  }
  .claim-details-view .external-claims-panel__notice:focus-visible {
    outline: none;
    box-shadow: 0 0 0 2px color-mix(in srgb, #0284c7 34%, transparent);
  }
  .claim-details-view .external-claims-panel__notice--closed {
    border-color: color-mix(in srgb, #64748b 34%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #64748b 34%, var(--color-border));
    }
    background: color-mix(in srgb, #f1f5f9 72%, white);
    color: #334155;
  }
  .claim-details-view .external-claims-panel__notice--closed:hover {
    border-color: color-mix(in srgb, #475569 42%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in srgb, #475569 42%, var(--color-border));
    }
    background: color-mix(in srgb, #e2e8f0 62%, white);
  }
  @media (max-width: 64rem) {
    .claim-details-view .claim-fees-panel, .claim-details-view .registry-snapshot__grid {
      grid-template-columns: 1fr;
    }
    .claim-details-view .claim-workload-kpis {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .claim-workload-kpis, .claim-workload-kpis--five {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 44rem) {
    .claim-details-view .claim-fees-card__header, .claim-details-view .claim-fees-row, .claim-details-view .registry-snapshot__head, .claim-details-view .registry-snapshot-card__topline, .claim-details-view .external-claims-panel__header {
      grid-template-columns: 1fr;
      flex-direction: column;
    }
    .claim-details-view .claim-fees-total {
      width: 100%;
      text-align: left;
    }
    .claim-details-view .claim-fees-row__split {
      grid-template-columns: 1fr;
    }
    .claim-details-view .claim-fees-row__split > div {
      border-left: 0;
      border-top: 1px solid var(--claim-shot-line);
      padding-top: 0.34rem;
      padding-left: 0;
    }
    .claim-details-view .claim-fees-form-list__head, .claim-details-view .claim-fees-form-row {
      grid-template-columns: 1fr;
    }
    .claim-workload-kpis, .claim-workload-kpis--five, .claim-details-view .claim-workload-kpis {
      grid-template-columns: 1fr;
    }
    .claim-workload-kpi__meta {
      white-space: normal;
    }
  }
}
@layer components {
  @media (max-width: 44rem) {
    html, body {
      overflow-x: hidden;
    }
    .app-shell {
      padding: 0;
      background: linear-gradient(180deg, color-mix(in srgb, #fbfaf6 84%, white), color-mix(in srgb, #e9f0f0 48%, white));
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient(180deg, color-mix(in oklab, var(--color-brand-paper) 84%, white), color-mix(in oklab, var(--color-brand-mist) 48%, white));
      }
    }
    .container-card {
      max-width: 100vw;
      border-inline: 0;
      border-radius: 0;
      background: linear-gradient(180deg, rgb(255 255 255 / 0.76), rgb(255 255 255 / 0.48)), linear-gradient(145deg, color-mix(in srgb, #526d89 10%, white), color-mix(in srgb, #fbfaf6 92%, white) 54%, color-mix(in srgb, #5b867d 9%, white));
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient(180deg, rgb(255 255 255 / 0.76), rgb(255 255 255 / 0.48)), linear-gradient(145deg, color-mix(in oklab, var(--color-brand-steel) 10%, white), color-mix(in oklab, var(--color-brand-paper) 92%, white) 54%, color-mix(in oklab, var(--color-brand-sage) 9%, white));
      }
      box-shadow: none;
    }
    .app-main {
      padding-inline: clamp(0.62rem, 3.6vw, 0.9rem);
      padding-bottom: calc(4rem + env(safe-area-inset-bottom, 0px));
    }
    .app-disclaimer-shell {
      position: static;
      top: auto;
    }
    .app-disclaimer {
      padding-inline: 0.55rem;
      padding-block: 0.34rem;
      font-size: 0.62rem;
      line-height: 1.15;
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
    }
    .app-disclaimer__legal, .app-disclaimer__rights, .app-disclaimer__separator--desktop {
      display: none;
    }
    .app-topbar {
      --app-brand-logo-width: 8.65rem;
      padding: 0.38rem 0.46rem 0.42rem;
      background: radial-gradient(28rem 10rem at 18% -6rem, rgb(255 255 255 / 0.15), transparent 58%), repeating-linear-gradient(135deg, rgb(255 255 255 / 0.035) 0 1px, transparent 1px 22px), linear-gradient(135deg, rgb(32 37 43), rgb(68 70 75) 55%, rgb(105 99 91));
    }
    .app-brand-link {
      margin-left: -0.2rem;
      padding: 0;
      background: transparent;
      border: 0;
      border-radius: 8px;
      box-shadow: none;
    }
    .app-brand-logo {
      transform: translateY(-0.16rem);
      width: min(var(--app-brand-logo-width), 48vw);
    }
    .app-topbar__primary {
      gap: 0.34rem;
    }
    .app-topbar__brand {
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: center;
      justify-content: space-between;
      gap: 0.42rem;
    }
    .app-search-input {
      height: 1.96rem;
      border-radius: 8px;
      padding-inline: 0.7rem 2.35rem;
      font-size: 0.74rem;
    }
    #globalSearchResults {
      max-height: min(70dvh, 26rem);
      overflow-y: auto;
      border-radius: 9px;
    }
    .app-topbar__actions, .dashboard-toolbar {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      align-items: stretch;
      justify-content: stretch;
      gap: 0.42rem;
      overflow: visible;
      padding-bottom: 0;
      white-space: normal;
    }
    .app-topbar__actions {
      grid-template-columns: repeat(auto-fit, minmax(4.8rem, 1fr));
    }
    .app-topbar__actions > form {
      min-width: 0;
    }
    .app-topbar__actions .btn-primary, .app-topbar__actions .btn-muted, .app-topbar__actions .btn-danger, .dashboard-action {
      min-height: 2rem;
      border-radius: 10px;
      padding: 0.42rem 0.56rem;
      font-size: 0.78rem;
      line-height: 1.12;
      width: 100%;
      min-width: 0;
    }
    .app-topbar__actions .btn-primary, .app-topbar__actions .btn-muted, .app-topbar__actions .btn-danger {
      padding-inline: 0.46rem;
      font-size: 0.76rem;
    }
    .app-language-switcher {
      width: 100%;
    }
    .app-language-switcher__trigger {
      height: 2rem;
      width: 100%;
      gap: 0.38rem;
      padding-inline: 0.5rem;
      border-radius: 10px;
      font-size: 0.76rem;
    }
    .app-language-switcher__icon {
      display: inline-flex;
      width: 0.86rem;
      height: 0.86rem;
    }
    .app-language-switcher__menu {
      position: fixed;
      top: 5.15rem;
      right: 0.45rem;
      width: min(12.5rem, calc(100vw - 0.9rem));
    }
    .app-language-switcher__option {
      grid-template-columns: 2.1rem minmax(0, 1fr) auto;
      gap: 0.5rem;
      padding: 0.48rem 0.55rem;
    }
    .app-language-switcher__option-name {
      font-size: 0.78rem;
    }
    .app-operator-badge {
      max-width: 100%;
      overflow: visible;
      text-overflow: clip;
      white-space: normal;
      font-size: 0.82rem;
    }
    .app-operator-badge__settings {
      flex: 0 0 auto;
    }
    .app-operator-badge__label, .app-operator-badge__label::after {
      display: none;
    }
    .dashboard-workspace {
      gap: 0.64rem;
      padding-top: 0.4rem;
    }
    .dashboard-workspace::before {
      inset-inline: -0.45rem;
      height: 12rem;
      border-radius: 16px;
    }
    .dashboard-command {
      gap: 0.5rem;
      min-height: 0;
      border-radius: 18px;
      padding: 0.58rem;
    }
    .dashboard-command::before {
      width: 100%;
      height: 52%;
      clip-path: polygon(0 0, 100% 0, 100% 78%, 0 100%);
    }
    .dashboard-command__main {
      grid-template-columns: 1fr;
      gap: 0.54rem;
    }
    .dashboard-command__copy {
      gap: 0.5rem;
      padding: 0.5rem 0.5rem 0.58rem;
    }
    .dashboard-command__eyebrow {
      font-size: 0.68rem;
    }
    .dashboard-command__eyebrow::after {
      bottom: -0.48rem;
      width: 3.15rem;
    }
    .dashboard-command__subtitle {
      font-size: 1.28rem;
      line-height: 1.02;
    }
    .dashboard-command__pulse {
      width: 0.42rem;
      height: 0.42rem;
    }
    .dashboard-command__overview {
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 0.38rem;
      padding: 0.32rem;
      border-radius: 13px;
    }
    .dashboard-command__stat {
      min-height: 3.35rem;
      border-radius: 10px;
      padding: 0.54rem 0.56rem;
    }
    .dashboard-command__stat::before {
      top: 0.42rem;
      right: 0.44rem;
      width: 0.34rem;
      height: 0.34rem;
    }
    .dashboard-command__stat-value {
      font-size: 1.12rem;
    }
    .dashboard-command__stat-label {
      font-size: 0.58rem;
      line-height: 1.1;
    }
    .dashboard-action__icon {
      width: 0.7rem;
      height: 0.7rem;
      padding: 0.22rem;
      border-radius: 7px;
    }
    .dashboard-toolbar .dashboard-action--primary {
      grid-column: 1 / -1;
      justify-content: center;
      min-height: 2.22rem;
      border-radius: 8px;
    }
    .dashboard-toolbar .dashboard-action:not(.dashboard-action--primary) {
      min-height: 2.05rem;
      padding: 0.38rem 0.48rem;
      gap: 0.34rem;
      border-color: color-mix(in srgb, oklch(0.842 0.018 228) 80%, white);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-border) 80%, white);
      }
      background: rgb(255 255 255 / 0.58);
      box-shadow: none;
      font-size: 0.72rem;
      line-height: 1.08;
      justify-content: center;
    }
    dialog.dashboard-admin-dialog[open] {
      place-items: start stretch;
      padding: 3.75rem 0.45rem 0.45rem;
    }
    .dashboard-admin-panel {
      width: 100%;
      border-radius: 12px;
    }
    .dashboard-admin-menu {
      gap: 0.42rem;
      padding: 0.5rem;
    }
    .dashboard-admin-item {
      min-height: 2.48rem;
      border-radius: 8px;
      padding: 0.5rem 0.58rem;
      gap: 0.48rem;
      font-size: 0.78rem;
      line-height: 1.12;
    }
    .dashboard-admin-item__icon {
      width: 0.8rem;
      height: 0.8rem;
      padding: 0.24rem;
      border-radius: 7px;
    }
    #scheduled-updates-launcher {
      position: static;
      display: block;
      margin: 0;
    }
    #scheduled-updates-launcher .dashboard-action {
      width: 100%;
      max-width: none;
      min-height: 2.18rem;
      padding-inline: 0.48rem;
      background: rgb(255 255 255 / 0.58);
      box-shadow: none;
    }
    .btn {
      gap: 0.38rem;
      border-radius: 8px;
      padding: 0.44rem 0.66rem;
      font-size: 0.78rem;
      line-height: 1.15;
    }
    .btn-compact {
      padding: 0.3rem 0.5rem;
      font-size: 0.72rem;
    }
    .input, .input-compact {
      border-radius: 8px;
      padding: 0.48rem 0.62rem;
      font-size: 0.82rem;
      line-height: 1.25;
    }
    .claim-workload-kpis, .claim-workload-kpis--five, .claim-details-view .claim-workload-kpis {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      grid-auto-rows: minmax(3.9rem, auto);
      gap: 0.36rem;
    }
    .claim-workload-kpi {
      min-height: 3.9rem;
      border-radius: 8px;
      padding: 0.48rem 0.56rem 0.48rem 0.62rem;
      column-gap: 0.38rem;
    }
    .claim-workload-kpi::before {
      width: auto;
      height: 2px;
    }
    .claim-workload-kpi__label {
      font-size: 0.76rem;
      line-height: 1.14;
    }
    .claim-workload-kpi__value {
      font-size: 1.04rem;
    }
    .claim-workload-kpi__unit, .claim-workload-kpi__unit[data-kpi-pct] {
      font-size: 0.7rem;
    }
    .claim-workload-kpi__meta, .claim-workload-kpi__progress-label, .claim-workload-kpi__list {
      font-size: 0.72rem;
      white-space: normal;
    }
    .claim-workload-kpi__progress {
      margin-top: 0.28rem;
      padding-top: 0.28rem;
    }
    .dashboard-claims-zone {
      margin-top: 0.02rem;
      margin-inline: 0;
      padding: 0.5rem;
      border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 68%, white);
      @supports (color: color-mix(in lab, red, red)) {
        border: 1px solid color-mix(in oklab, var(--color-border) 68%, white);
      }
      border-radius: 15px;
      background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.48)), color-mix(in srgb, #e9f0f0 18%, white);
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.48)), color-mix(in oklab, var(--color-brand-mist) 18%, white);
      }
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.76), 0 14px 32px -30px rgb(30 41 59 / 0.28);
    }
    .claims-table {
      border: 0;
      border-radius: 10px;
      background: transparent;
      background-image: none;
      box-shadow: none;
    }
    .claims-table__toolbar {
      align-items: flex-start;
      gap: 0.48rem;
      padding: 0.04rem 0 0.54rem;
    }
    .claims-table__identity {
      gap: 0.36rem;
      width: 100%;
    }
    .claims-table__mark {
      width: 1.62rem;
      height: 1.62rem;
    }
    .claims-table__controls {
      display: grid;
      width: 100%;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 0.42rem;
    }
    .claims-table__latest, .claims-table__latest.btn-muted, .claims-table__latest.btn-primary {
      min-width: 2.05rem;
      justify-content: center;
      padding-inline: 0.55rem;
    }
    .claims-table__search {
      min-width: 0;
      width: 100%;
    }
    .claims-table__search-shell {
      width: 100%;
    }
    .claims-table__search-input {
      width: 100%;
      min-width: 0;
      padding-left: 1.72rem;
    }
    .claims-table > .overflow-x-auto {
      overflow-x: visible;
      padding: 0;
    }
    .claims-table__table {
      display: block;
      width: 100%;
      min-width: 0;
      table-layout: auto;
      border-collapse: separate;
    }
    .claims-table__table colgroup, .claims-table__head {
      display: none;
    }
    .claims-table__table tbody {
      display: grid;
      gap: 0.64rem;
      padding: 0.24rem 0 0;
    }
    .claims-table__table tbody > tr[data-row] {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      grid-template-areas: "claim" "amounts" "operation";
      align-items: start;
      gap: 0.56rem;
      border: 1px solid var(--claim-row-accent, oklch(0.842 0.018 228));
      @supports (color: color-mix(in lab, red, red)) {
        border: 1px solid color-mix(in oklab, var(--claim-row-accent, var(--color-border)) 11%, var(--color-border));
      }
      border-radius: 12px;
      background: linear-gradient(180deg, rgb(255 255 255 / 0.97), rgb(255 255 255 / 0.88)), var(--claim-row-tint, oklch(0.987 0.006 96));
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient(180deg, rgb(255 255 255 / 0.97), rgb(255 255 255 / 0.88)), color-mix(in oklab, var(--claim-row-tint, var(--color-surface)) 18%, white);
      }
      padding: 0.7rem 0.7rem 0.76rem;
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 14px 30px -28px rgb(30 41 59 / 0.36);
    }
    .claims-table__table tbody > tr[data-row][data-mobile-empty-action="1"] {
      grid-template-areas: "claim" "amounts";
    }
    .claims-table__table tbody > tr[data-row]:hover {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.99), rgb(255 255 255 / 0.9)), var(--color-surface);
    }
    .claims-table__table tbody > tr[hidden] {
      display: none !important;
    }
    .claims-table__cell {
      display: block;
      min-width: 0;
      padding: 0;
      font-size: 0.82rem;
      line-height: 1.32;
      overflow: visible;
    }
    .status-row .claims-table__cell {
      border: 0;
      background: transparent;
      box-shadow: none;
    }
    .status-row, .status-row:hover {
      filter: none;
      transform: none;
    }
    .status-row td:first-child, .status-row td:last-child {
      border: 0;
      border-radius: 0;
    }
    .status-row td:first-child {
      padding-left: 0;
    }
    .status-row td:first-child::before {
      left: 0.42rem;
      top: 0.66rem;
      bottom: 0.62rem;
      width: 4px;
      border-radius: 999px;
      box-shadow: none;
    }
    .claims-table__claim-ref {
      flex: 1 0 100%;
      font-size: 1.02rem;
      font-weight: 700;
      line-height: 1.18;
      letter-spacing: 0;
    }
    .claims-table__claim-date {
      margin-top: 0;
      font-size: 0.72rem;
      font-weight: 600;
      line-height: 1.25;
    }
    .claims-table__state-chip {
      margin-top: 0;
      padding: 0.14rem 0.46rem;
      font-size: 0.66rem;
      font-weight: 700;
      background: var(--claim-row-accent, oklch(0.540 0.073 236));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 6%, white);
      }
      box-shadow: none;
    }
    .claims-table__cell[data-mobile-label]::before {
      content: attr(data-mobile-label);
      display: block;
      margin-bottom: 0.08rem;
      color: var(--color-subtle);
      font-size: 0.72rem;
      font-weight: 700;
      line-height: 1.1;
      text-transform: none;
    }
    .claims-table__cell[data-cell-key="claim_number"] {
      grid-area: claim;
      align-self: center;
      font-size: 0.88rem;
    }
    .claims-table__cell[data-cell-key="claim_number"]::before, .claims-table__cell[data-cell-key="debtor_name"]::before {
      content: none;
    }
    .claims-table__cell[data-cell-key="debtor_name"] {
      display: none;
    }
    .claims-table__cell--assignee {
      display: none;
    }
    .claims-table__cell--assignee::before {
      content: none !important;
    }
    .claims-party-line {
      grid-template-columns: 4.5rem minmax(0, 1fr);
      padding: 0.36rem 0.46rem;
    }
    .claims-card-mobile-head {
      display: grid;
      grid-template-columns: minmax(0, 1fr) max-content;
      grid-template-areas: "identity assignee" "parties parties";
      gap: 0.58rem 0.64rem;
      align-items: start;
      border-radius: 10px;
      padding: 0.64rem 0.64rem 0.54rem 0.82rem;
      background: linear-gradient(180deg, rgb(255 255 255 / 0.68), rgb(255 255 255 / 0.34)), linear-gradient(90deg, var(--claim-row-accent, oklch(0.540 0.073 236)), transparent 74%), var(--claim-row-tint, oklch(0.923 0.014 205));
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient(180deg, rgb(255 255 255 / 0.68), rgb(255 255 255 / 0.34)), linear-gradient(90deg, color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 3%, transparent), transparent 74%), color-mix(in oklab, var(--claim-row-tint, var(--color-muted)) 9%, white);
      }
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.7);
    }
    .claims-card-identity {
      grid-area: identity;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 0.26rem 0.46rem;
      min-width: 0;
    }
    .claims-card-mobile-parties {
      grid-area: parties;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      gap: 0;
      align-self: stretch;
      margin-top: 0;
      padding-top: 0.54rem;
      min-width: 0;
      border-top: 1px solid var(--claim-row-accent, oklch(0.842 0.018 228));
      @supports (color: color-mix(in lab, red, red)) {
        border-top: 1px solid color-mix(in oklab, var(--claim-row-accent, var(--color-border)) 14%, var(--color-border));
      }
    }
    .claims-card-mobile-party {
      display: grid;
      grid-template-columns: minmax(4.9rem, auto) minmax(0, 1fr);
      min-width: 0;
      align-items: start;
      column-gap: 0.5rem;
      border: 0;
      border-radius: 0;
      background: transparent;
      padding: 0.34rem 0;
    }
    .claims-card-mobile-party:last-child {
      padding-bottom: 0.16rem;
    }
    .claims-card-mobile-party + .claims-card-mobile-party {
      border-top: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 46%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-top: 1px solid color-mix(in oklab, var(--color-border) 46%, transparent);
      }
    }
    .claims-card-mobile-party__label {
      display: inline-flex;
      width: auto;
      height: auto;
      align-items: center;
      justify-content: flex-start;
      overflow: hidden;
      border-radius: 0;
      background: transparent;
      color: var(--claim-row-ink, oklch(0.285 0.014 245));
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--claim-row-ink, var(--color-text)) 72%, var(--color-subtle));
      }
      font-size: 0.62rem;
      font-weight: 700;
      line-height: 1.18;
      text-transform: uppercase;
      white-space: nowrap;
    }
    .claims-card-mobile-party--debtor .claims-card-mobile-party__label::before {
      content: none;
    }
    .claims-card-mobile-party--claimant .claims-card-mobile-party__label::before {
      content: none;
    }
    .claims-card-mobile-party__name {
      min-width: 0;
      display: -webkit-box;
      overflow: hidden;
      color: color-mix(in srgb, oklch(0.285 0.014 245) 88%, black);
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-text) 88%, black);
      }
      font-size: 0.83rem;
      font-weight: 650;
      line-height: 1.24;
      text-overflow: clip;
      white-space: normal;
      overflow-wrap: normal;
      word-break: normal;
      hyphens: auto;
      text-wrap: pretty;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
    }
    .claims-mobile-assignee {
      grid-area: assignee;
      display: inline-flex;
      min-width: 0;
      max-width: 100%;
      align-items: center;
      justify-self: start;
      gap: 0.28rem;
      border: 1px solid var(--claim-row-accent, oklch(0.540 0.073 236));
      @supports (color: color-mix(in lab, red, red)) {
        border: 1px solid color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 18%, transparent);
      }
      border-radius: 999px;
      background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.38)), var(--claim-row-chip, oklch(0.923 0.014 205));
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.38)), color-mix(in oklab, var(--claim-row-chip, var(--color-muted)) 48%, white);
      }
      padding: 0.2rem 0.48rem 0.2rem 0.36rem;
      color: color-mix(in srgb, oklch(0.285 0.014 245) 76%, oklch(0.500 0.015 235));
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-text) 76%, var(--color-subtle));
      }
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.58);
    }
    .claims-mobile-assignee[data-mine="true"] {
      border-color: color-mix(in srgb, oklch(0.540 0.073 236) 28%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-accent) 28%, transparent);
      }
      background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.42)), color-mix(in srgb, oklch(0.540 0.073 236) 10%, white);
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.42)), color-mix(in oklab, var(--color-accent) 10%, white);
      }
      color: var(--color-accent-700);
    }
    .claims-mobile-assignee-dot {
      width: 0.3rem;
      height: 0.3rem;
      flex: 0 0 auto;
      border-radius: 999px;
      background: var(--claim-row-accent, oklch(0.540 0.073 236));
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 74%, white);
      }
    }
    .claims-mobile-assignee-name {
      min-width: 0;
      overflow: hidden;
      font-size: 0.68rem;
      font-weight: 700;
      line-height: 1.1;
      text-overflow: ellipsis;
      white-space: nowrap;
    }
    .claims-mobile-assignee-more {
      flex: 0 0 auto;
      font-size: 0.58rem;
      font-weight: 760;
    }
    .claims-party-name, .claims-party-line--claimant .claims-party-name {
      font-size: 0.74rem;
    }
    .claims-table__cell--amounts {
      grid-area: amounts;
      align-self: stretch;
      text-align: left;
      padding-left: 0;
    }
    .claims-table__cell--amounts::before {
      content: none !important;
    }
    .claims-money-cell {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      width: 100%;
      min-width: 0;
      gap: 0.36rem;
      justify-items: stretch;
      padding: 0.42rem 0.46rem;
      border-radius: 9px;
      border: 0;
      border-top: 1px solid var(--claim-row-accent, oklch(0.842 0.018 228));
      @supports (color: color-mix(in lab, red, red)) {
        border-top: 1px solid color-mix(in oklab, var(--claim-row-accent, var(--color-border)) 10%, var(--color-border));
      }
      border-bottom: 0;
      background: linear-gradient(180deg, rgb(255 255 255 / 0.5), rgb(255 255 255 / 0.26)), var(--claim-row-tint, oklch(0.923 0.014 205));
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient(180deg, rgb(255 255 255 / 0.5), rgb(255 255 255 / 0.26)), color-mix(in oklab, var(--claim-row-tint, var(--color-muted)) 14%, white);
      }
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.72);
    }
    .claims-money-main, .claims-money-total {
      min-width: 0;
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      align-items: start;
      gap: 0.1rem;
      border-radius: 0;
      background: transparent;
      padding: 0;
    }
    .claims-money-total {
      color: color-mix(in srgb, oklch(0.500 0.015 235) 82%, oklch(0.285 0.014 245));
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
      }
    }
    .claims-money-label {
      font-size: 0.64rem;
      font-weight: 700;
      line-height: 1.12;
    }
    .claims-money-value {
      justify-self: start;
      overflow: hidden;
      font-size: 0.9rem;
      font-weight: 700;
      line-height: 1.15;
      text-overflow: ellipsis;
    }
    .claims-table__cell--operation {
      grid-area: operation;
      padding-top: 0.06rem;
      border-top: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-top: 1px solid color-mix(in oklab, var(--color-border) 58%, transparent);
      }
    }
    .claims-table__cell--operation[data-mobile-empty-action="true"] {
      display: none;
    }
    .claims-operation-cell {
      gap: 0.18rem;
    }
    .claims-table__cell--operation::before {
      margin-bottom: 0.28rem;
      font-size: 0.68rem;
      font-weight: 700;
    }
    .claims-action-stack {
      gap: 0;
    }
    .claims-action-chip {
      border-radius: 0;
      padding: 0.4rem 0.04rem;
      font-size: 0.78rem;
      background: transparent !important;
      box-shadow: inset 0 1px 0 color-mix(in srgb, oklch(0.842 0.018 228) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: inset 0 1px 0 color-mix(in oklab, var(--color-border) 50%, transparent);
      }
    }
    .claims-action-chip:first-child {
      box-shadow: none;
    }
    .claims-action-dot {
      margin-top: 0.38rem;
      width: 0.34rem;
      height: 0.34rem;
    }
    .claims-action-label {
      -webkit-line-clamp: 3;
    }
    .claims-action-assignee, .claims-action-more, .claims-action-fallback {
      font-size: 0.75rem;
    }
    .claims-row-owner-mark {
      width: 100%;
      max-width: 100%;
      border-radius: 8px;
      padding: 0.24rem 0.46rem;
    }
    .claims-table__assignee-empty {
      width: 100%;
    }
    .claims-row-owner-name {
      font-size: 0.78rem;
    }
    .claims-assignee-dropdown {
      min-width: min(15rem, calc(100vw - 3rem));
      max-width: calc(100vw - 3rem);
    }
    .claims-table__row-action {
      width: 100%;
      justify-content: center;
      border-radius: 8px;
      padding: 0.42rem 0.54rem;
      font-size: 0.78rem;
    }
    @media (max-width: 23rem) {
      .claims-card-mobile-head {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas: "identity" "assignee" "parties";
      }
      .claims-card-mobile-parties {
        grid-template-columns: minmax(0, 1fr);
      }
      .claims-mobile-assignee {
        justify-self: start;
      }
    }
    .claims-table__empty {
      display: block;
      padding: 1rem;
    }
    .modal-overlay, .app-modal-layer, .fixed.inset-0.z-50 {
      align-items: flex-end;
      justify-content: center;
      padding: 0.5rem;
      padding-bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px));
    }
    .modal-panel, .modal-overlay > .w-full, .app-modal-layer > .w-full, .fixed.inset-0.z-50 > .w-full {
      max-height: calc(100vh - 1rem);
      max-height: calc(100dvh - 1rem);
      border-radius: 12px 12px 10px 10px;
      padding: 0.72rem;
    }
    .claim-penalty-modal {
      padding: 0;
    }
    .claim-penalty-modal__body {
      max-height: calc(100dvh - 4.5rem);
      padding: 0.75rem;
    }
    .automation-modal, .shared-note-modal, .shared-note-switcher {
      max-height: calc(100dvh - 1rem);
      border-radius: 12px;
    }
    #toast-root {
      top: 0.5rem;
      padding-inline: 0.5rem;
    }
    #toast-root > div {
      margin-inline: 0;
      border-radius: 10px;
      padding: 0.62rem 0.72rem;
    }
    #notifications-root {
      left: auto;
      right: 0.5rem;
      bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px));
    }
    #notifications-toggle {
      position: relative;
      width: 2.5rem;
      min-width: 2.5rem;
      justify-content: center;
      min-height: 2.25rem;
      border-radius: 999px;
      padding: 0.45rem;
      font-size: 0;
      line-height: 1;
      border: 1px solid rgb(255 255 255 / 0.2);
      background: radial-gradient(circle at 18% 14%, rgb(255 255 255 / 0.34), transparent 34%), linear-gradient(135deg, rgb(68 70 75 / 0.98), rgb(82 86 94 / 0.96) 54%, rgb(124 118 109 / 0.96));
      color: white;
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.22), 0 18px 42px -28px rgb(15 23 42 / 0.82);
    }
    #notifications-toggle.btn-attention, #notifications-toggle.btn-primary {
      background: radial-gradient(circle at 18% 14%, rgb(255 255 255 / 0.34), transparent 34%), linear-gradient(135deg, rgb(68 70 75 / 0.98), rgb(82 86 94 / 0.96) 54%, rgb(124 118 109 / 0.96));
      color: white;
    }
    #notifications-toggle > svg {
      width: 0.82rem;
      height: 0.82rem;
      margin-right: 0;
      padding: 0.28rem;
    }
    #notifications-badge {
      display: none !important;
    }
    #notifications-toggle::after {
      content: attr(data-unseen-total);
      position: absolute;
      top: -0.18rem;
      right: -0.18rem;
      min-width: 1.05rem;
      height: 1.05rem;
      border: 1px solid rgb(255 255 255 / 0.72);
      border-radius: 999px;
      background: #e11d48;
      color: white;
      font-size: 0.58rem;
      font-weight: 780;
      line-height: 1rem;
      text-align: center;
      box-shadow: 0 6px 14px -8px rgb(190 18 60 / 0.9);
    }
    #notifications-toggle[data-unseen-total="0"]::after {
      display: none;
    }
    .local-db-badge {
      position: fixed;
      left: 0.5rem;
      right: auto;
      bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px));
      display: inline-flex;
      width: auto;
      max-width: min(11.5rem, calc(100vw - 4rem));
      justify-content: center;
      margin: 0;
      padding: 0.24rem 0.42rem;
      border-radius: 7px;
      font-size: 0.58rem;
    }
    .local-db-badge__name {
      display: none;
    }
    #notifications-sidebar {
      width: 100vw;
      max-width: 100vw;
    }
    #notifications-sidebar .ea-slide-over {
      border-radius: 0;
    }
  }
  @media (max-width: 36rem) {
    .app-main {
      padding-inline: 0.38rem;
    }
    .claim-details-view .claim-details-admin-actions {
      flex-wrap: nowrap;
      justify-content: flex-start;
      overflow-x: auto;
      padding-bottom: 0.1rem;
      scrollbar-width: none;
    }
    .claim-details-view .claim-details-admin-actions::-webkit-scrollbar {
      display: none;
    }
    .claim-details-view .claim-details-backlink, .claim-details-view .claim-details-admin-button, .claim-details-view .shared-note-trigger, .claim-details-view .shared-note-launcher {
      min-height: 1.8rem;
      padding-inline: 0.5rem;
      font-size: 0.7rem;
    }
    .claim-details-view [data-claim-details-tab-frame], .claim-details-view .claim-info-workspace, .claim-details-view .claim-details-persistent-actions {
      padding: 0.32rem;
      border-radius: 9px;
    }
    .claim-details-view .claim-details-tab {
      min-height: 1.78rem;
      padding: 0.34rem 0.52rem;
      font-size: 0.72rem;
    }
  }
}
@layer components {
  .eid-flow-method {
    margin-bottom: calc(var(--spacing) * 4);
    border-radius: var(--radius-md);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-blue-200);
    background-color: var(--color-blue-50);
    padding: calc(var(--spacing) * 3);
  }
  .eid-flow-title {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: 11px;
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-blue-600);
    text-transform: uppercase;
  }
  .eid-flow-spinner-row {
    margin-bottom: calc(var(--spacing) * 2);
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-blue-700);
  }
  .eid-flow-code-block {
    border-radius: 0.25rem;
    background-color: var(--color-blue-100);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-align: center;
  }
  .eid-flow-code-label {
    font-size: 10px;
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-blue-500);
    text-transform: uppercase;
  }
  .eid-flow-code-value {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    color: var(--color-blue-800);
  }
  .eid-flow-code-hint {
    margin-top: calc(var(--spacing) * 1);
    font-size: 10px;
    color: var(--color-blue-500);
  }
  .eid-flow-form {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: calc(var(--spacing) * 2);
  }
  .eid-flow-field-label {
    margin-bottom: calc(var(--spacing) * 1);
    display: block;
    font-size: 10px;
    --tw-tracking: var(--tracking-wide);
    letter-spacing: var(--tracking-wide);
    color: var(--color-blue-500);
    text-transform: uppercase;
  }
}
@media (max-width: 44rem) {
  .claims-table__table tbody {
    gap: 0.72rem;
  }
  .claims-table__table tbody > tr.status-row[data-row] {
    grid-template-areas: "claim" "operation";
    gap: 0.62rem;
    border-color: var(--claim-row-accent, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-row-accent, var(--color-border)) 10%, var(--color-border));
    }
    border-radius: 12px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(255 255 255 / 0.93)), var(--claim-row-tint, oklch(0.987 0.006 96));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(255 255 255 / 0.93)), color-mix(in oklab, var(--claim-row-tint, var(--color-surface)) 9%, white);
    }
    padding: 0.92rem 0.82rem 0.82rem;
    filter: none;
    box-shadow: inset 3px 0 0 var(--claim-row-accent, oklch(0.540 0.073 236)), inset 0 1px 0 rgb(255 255 255 / 0.86), 0 12px 28px -27px rgb(30 41 59 / 0.32);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 3px 0 0 color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 58%, transparent), inset 0 1px 0 rgb(255 255 255 / 0.86), 0 12px 28px -27px rgb(30 41 59 / 0.32);
    }
  }
  .claims-table__table tbody > tr.status-row[data-row][data-mobile-empty-action="1"] {
    grid-template-areas: "claim";
  }
  .claims-table__table tbody > tr.status-row[data-row]:hover {
    background: linear-gradient(180deg, rgb(255 255 255 / 1), rgb(255 255 255 / 0.95)), var(--color-surface);
    filter: none;
  }
  .status-row .claims-table__cell {
    border: 0;
    background: transparent;
    box-shadow: none;
  }
  .status-row td:first-child, .status-row td:last-child {
    border: 0;
    border-radius: 0;
  }
  .status-row td:first-child {
    padding-left: 0;
  }
  .status-row td:first-child::before {
    display: none;
  }
  .claims-card-mobile-head {
    grid-template-columns: minmax(6.9rem, 1fr) minmax(7.1rem, auto) max-content;
    grid-template-areas: "identity money assignee" "parties parties parties";
    align-items: start;
    gap: 0.58rem 0.48rem;
    padding: 0 0 0 0.28rem;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .claims-card-identity {
    align-items: center;
    gap: 0.28rem 0.48rem;
  }
  .claims-table__claim-ref {
    flex-basis: 100%;
    font-size: 0.98rem;
    font-weight: 720;
    line-height: 1.2;
    color: color-mix(in srgb, oklch(0.285 0.014 245) 96%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 96%, black);
    }
  }
  .claims-table__claim-date {
    font-size: 0.7rem;
    font-weight: 600;
    line-height: 1.25;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
    }
  }
  .claims-table__state-chip {
    padding: 0.12rem 0.42rem;
    border-color: var(--claim-row-accent, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 18%, transparent);
    }
    background: var(--claim-row-accent, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 5%, white);
    }
    font-size: 0.64rem;
    font-weight: 700;
    box-shadow: none;
  }
  .claims-mobile-assignee {
    justify-self: end;
    margin-top: 0;
    align-self: start;
    padding: 0.16rem 0.42rem 0.16rem 0.32rem;
    border-color: oklch(0.842 0.018 228);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 72%, var(--claim-row-accent, var(--color-accent)));
    }
    background: rgb(255 255 255 / 0.7);
    box-shadow: none;
  }
  .claims-mobile-assignee-name {
    font-size: 0.66rem;
    font-weight: 700;
  }
  .claims-card-mobile-money {
    grid-area: money;
    display: grid;
    width: 7.1rem;
    min-width: 7.1rem;
    max-width: 7.6rem;
    justify-self: center;
    align-self: start;
    gap: 0.16rem;
    border: 1px solid var(--claim-row-accent, oklch(0.540 0.073 236));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 8%, var(--color-border));
    }
    border-radius: 8px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.62), rgb(255 255 255 / 0.26)), var(--claim-row-tint, oklch(0.923 0.014 205));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.62), rgb(255 255 255 / 0.26)), color-mix(in oklab, var(--claim-row-tint, var(--color-muted)) 5%, white);
    }
    padding: 0.3rem 0.38rem;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.62);
  }
  .claims-card-mobile-money__item {
    display: flex;
    min-width: 0;
    align-items: baseline;
    justify-content: space-between;
    gap: 0.34rem;
    line-height: 1.05;
  }
  .claims-card-mobile-money__item + .claims-card-mobile-money__item {
    padding-top: 0.14rem;
    border-top: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 48%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--color-border) 48%, transparent);
    }
  }
  .claims-card-mobile-money__label {
    flex: 0 0 auto;
    color: oklch(0.500 0.015 235);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 82%, var(--claim-row-ink, var(--color-text)));
    }
    font-size: 0.52rem;
    font-weight: 760;
    line-height: 1;
    text-transform: uppercase;
  }
  .claims-card-mobile-money__value {
    min-width: 0;
    color: color-mix(in srgb, oklch(0.285 0.014 245) 82%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 82%, var(--color-subtle));
    }
    font-size: 0.68rem;
    font-weight: 760;
    line-height: 1;
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .claims-card-mobile-money__item--debt .claims-card-mobile-money__value {
    color: var(--claim-row-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-row-ink, var(--color-text)) 86%, var(--color-text));
    }
  }
  .claims-card-mobile-parties {
    gap: 0;
    padding-top: 0.56rem;
    border-top: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 72%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--color-border) 72%, transparent);
    }
  }
  .claims-card-mobile-party {
    grid-template-columns: minmax(4.55rem, auto) minmax(0, 1fr);
    column-gap: 0.58rem;
    padding: 0.34rem 0;
    background: transparent;
    border: 0;
  }
  .claims-card-mobile-party + .claims-card-mobile-party {
    border-top: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 48%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--color-border) 48%, transparent);
    }
  }
  .claims-card-mobile-party__label {
    font-size: 0.61rem;
    font-weight: 720;
    line-height: 1.2;
    color: var(--claim-row-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-row-ink, var(--color-text)) 70%, var(--color-subtle));
    }
  }
  .claims-card-mobile-party__name {
    font-size: 0.82rem;
    font-weight: 680;
    line-height: 1.22;
    color: color-mix(in srgb, oklch(0.285 0.014 245) 92%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 92%, black);
    }
  }
  .claims-money-cell {
    gap: 0.4rem;
    padding: 0.58rem 0 0.04rem 0.28rem;
    border: 0;
    border-top: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 66%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--color-border) 66%, transparent);
    }
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .claims-table__cell--amounts {
    display: none;
  }
  .claims-money-main, .claims-money-total {
    gap: 0.08rem;
    padding: 0;
    background: transparent;
  }
  .claims-money-label {
    font-size: 0.62rem;
    font-weight: 720;
    line-height: 1.12;
    color: oklch(0.500 0.015 235);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 80%, var(--claim-row-ink, var(--color-text)));
    }
  }
  .claims-money-value {
    font-size: 0.88rem;
    font-weight: 720;
    line-height: 1.18;
  }
  .claims-table__cell--operation {
    padding-top: 0.48rem;
    border-top: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 58%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--color-border) 58%, transparent);
    }
  }
  .claims-table__cell--operation::before {
    margin-bottom: 0.3rem;
    font-size: 0.7rem;
    font-weight: 680;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 82%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
    }
  }
  .claims-action-chip {
    padding: 0.38rem 0;
    font-size: 0.76rem;
    background: transparent !important;
    box-shadow: inset 0 1px 0 color-mix(in srgb, oklch(0.842 0.018 228) 48%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 color-mix(in oklab, var(--color-border) 48%, transparent);
    }
  }
  .claims-action-chip:first-child {
    box-shadow: none;
  }
  @media (max-width: 23rem) {
    .claims-card-mobile-head {
      grid-template-columns: minmax(0, 1fr);
      grid-template-areas: "identity" "money" "assignee" "parties";
    }
    .claims-card-mobile-money, .claims-mobile-assignee {
      justify-self: start;
    }
  }
}
@layer components {
  .notification-problem-modal {
    background: radial-gradient(44rem 24rem at 50% 16%, rgb(255 255 255 / 0.16), transparent 58%), rgb(20 22 25 / 0.58);
    backdrop-filter: blur(7px);
  }
  .notification-problem-modal__panel {
    max-width: min(94vw, 42rem);
    border: 1px solid rgb(72 75 82 / 0.2);
    border-radius: 16px;
    padding: 0;
    color: rgb(35 41 48);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(249 248 244 / 0.9)), var(--color-surface);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 34px 92px -52px rgb(0 0 0 / 0.58);
  }
  .notification-problem-modal__panel--wide {
    max-width: min(94vw, 52rem);
  }
  .notification-problem-modal__panel--xl {
    max-width: min(96vw, 64rem);
  }
  .notification-problem-modal__panel--email-draft {
    max-width: min(98vw, 76rem);
  }
  .notification-problem-modal__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1rem;
    padding: 1rem 1rem 0.88rem;
    color: rgb(255 255 255 / 0.96);
    background: linear-gradient(105deg, rgb(52 57 63 / 0.98), rgb(79 80 86 / 0.96) 56%, rgb(105 98 88 / 0.92)), #42444a;
  }
  .notification-problem-modal__panel--email-draft .notification-problem-modal__header {
    padding: 0.66rem 0.9rem 0.58rem;
  }
  .notification-problem-modal__panel--email-draft .notification-problem-modal__meta {
    margin-top: 0.24rem;
  }
  .notification-problem-modal__panel--email-draft .notification-problem-modal__body {
    gap: 0.42rem;
    padding: 0.52rem 0.7rem 0.64rem;
  }
  .email-draft-review {
    border: 1px solid rgb(96 122 136 / 0.22);
    border-radius: 14px;
    padding: 0.44rem;
    background: linear-gradient(135deg, rgb(247 250 252 / 0.94), rgb(239 247 245 / 0.76)), white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 22px 52px -46px rgb(15 23 42 / 0.5);
  }
  .email-draft-review__grid {
    display: grid;
    gap: 0.42rem;
  }
  .email-draft-review__stack {
    display: grid;
    align-content: start;
    gap: 0.42rem;
    min-width: 0;
  }
  .email-draft-review__card, .email-draft-review__draft {
    position: relative;
    overflow: hidden;
    border: 1px solid rgb(72 75 82 / 0.13);
    border-radius: 13px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(251 250 246 / 0.76)), white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82);
  }
  .email-draft-review__card {
    padding: 0.5rem 0.6rem;
  }
  .email-draft-review__card--ai {
    border-color: rgb(20 184 166 / 0.22);
    padding-left: 0.78rem;
    background: linear-gradient(135deg, rgb(240 253 250 / 0.9), rgb(239 246 255 / 0.76)), white;
  }
  .email-draft-review__card--ai::before {
    position: absolute;
    inset: 0.58rem auto 0.58rem 0.34rem;
    width: 2px;
    border-radius: 999px;
    content: "";
    background: linear-gradient(180deg, rgb(20 184 166), rgb(59 130 246 / 0.72));
  }
  .email-draft-review__card--claim {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(250 249 244 / 0.74)), white;
  }
  .email-draft-review__draft {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding: 0.62rem;
  }
  .email-draft-review__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.62rem;
    min-width: 0;
  }
  .email-draft-review__card--ai .email-draft-review__head {
    align-items: center;
  }
  .email-draft-review__eyebrow, .email-draft-review__fields label, .email-draft-review__reply label {
    display: block;
    color: rgb(75 85 94 / 0.82);
    font-size: 0.66rem;
    font-weight: 760;
    letter-spacing: 0;
    line-height: 1.1;
    text-transform: uppercase;
  }
  .email-draft-review__heading {
    margin-top: 0.24rem;
    overflow: hidden;
    color: rgb(35 41 48);
    font-size: 0.86rem;
    font-weight: 760;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .email-draft-review__chips {
    display: flex;
    flex: none;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.24rem;
    max-width: 13rem;
  }
  .email-draft-review__chip {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    border: 1px solid rgb(72 75 82 / 0.12);
    border-radius: 999px;
    padding: 0.16rem 0.44rem;
    color: rgb(75 85 94 / 0.88);
    background: rgb(255 255 255 / 0.72);
    font-size: 0.62rem;
    font-weight: 760;
    line-height: 1.1;
  }
  .email-draft-review__chip--good {
    border-color: rgb(16 185 129 / 0.24);
    color: rgb(4 120 87);
    background: rgb(236 253 245 / 0.82);
  }
  .email-draft-review__chip--review {
    border-color: rgb(59 130 246 / 0.2);
    color: rgb(30 64 175);
    background: rgb(239 246 255 / 0.82);
  }
  .email-draft-review__ai-reason {
    margin-top: 0.36rem;
    max-height: 4.4rem;
    overflow-y: auto;
    border: 1px solid rgb(20 184 166 / 0.12);
    border-radius: 10px;
    padding: 0.42rem 0.5rem;
    color: rgb(38 48 56);
    background: rgb(255 255 255 / 0.5);
    font-size: 0.72rem;
    line-height: 1.38;
    white-space: pre-line;
  }
  .email-draft-review__ai-details {
    display: grid;
    gap: 0.28rem;
    margin-top: 0.32rem;
  }
  .email-draft-review__ai-detail {
    border: 1px solid rgb(72 75 82 / 0.1);
    border-radius: 10px;
    padding: 0.4rem 0.5rem;
    background: rgb(255 255 255 / 0.58);
  }
  .email-draft-review__ai-detail > span {
    display: block;
    color: rgb(75 85 94 / 0.78);
    font-size: 0.62rem;
    font-weight: 760;
    letter-spacing: 0;
    line-height: 1.1;
    text-transform: uppercase;
  }
  .email-draft-review__ai-detail ul {
    display: grid;
    gap: 0.22rem;
    margin-top: 0.34rem;
    color: rgb(35 41 48);
    font-size: 0.72rem;
    line-height: 1.38;
  }
  .email-draft-review__ai-detail li {
    overflow-wrap: anywhere;
  }
  .email-draft-review__ai-detail--inline {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: baseline;
    gap: 0.28rem 0.52rem;
  }
  .email-draft-review__ai-detail--inline > span {
    margin-top: 0.06rem;
  }
  .email-draft-review__ai-detail--inline strong {
    min-width: 0;
    color: rgb(35 41 48);
    font-size: 0.72rem;
    font-weight: 760;
    overflow-wrap: anywhere;
  }
  .email-draft-review__micro, .email-draft-review__subject, .email-draft-review__hint {
    color: rgb(75 85 94 / 0.78);
    font-size: 0.7rem;
    line-height: 1.35;
  }
  .email-draft-review__subject {
    margin-top: 0.42rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .email-draft-review__subject span, .email-draft-review__claim-link {
    color: rgb(35 41 48);
    font-weight: 700;
  }
  .email-draft-review__mail-body {
    margin-top: 0.38rem;
    max-height: 6.8rem;
    overflow-y: auto;
    border: 1px solid rgb(72 75 82 / 0.11);
    border-radius: 10px;
    padding: 0.5rem 0.56rem;
    color: rgb(31 38 45);
    background: rgb(255 255 255 / 0.7);
    font-size: 0.72rem;
    line-height: 1.48;
    white-space: pre-wrap;
  }
  .email-draft-review__claim-strip {
    display: flex;
    align-items: center;
    gap: 0.46rem;
    min-width: 0;
    margin-top: 0.48rem;
    border: 1px solid rgb(82 105 128 / 0.12);
    border-radius: 999px;
    padding: 0.28rem 0.5rem;
    background: rgb(238 247 249 / 0.54);
    font-size: 0.7rem;
    line-height: 1.2;
  }
  .email-draft-review__claim-strip span {
    flex: none;
    color: rgb(75 85 94 / 0.72);
    font-size: 0.6rem;
    font-weight: 760;
    letter-spacing: 0;
    text-transform: uppercase;
  }
  .email-draft-review__claim-strip a, .email-draft-review__claim-strip strong {
    min-width: 0;
    overflow: hidden;
    color: rgb(35 41 48);
    font-weight: 760;
    text-decoration: none;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .email-draft-review__claim-strip a:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .email-draft-review__claim-generate {
    margin-left: auto;
    flex: none;
  }
  .email-draft-review__hint {
    margin-top: 0.4rem;
  }
  .email-draft-review__claim-actions {
    display: flex;
    justify-content: flex-end;
    margin-top: 0.48rem;
  }
  .email-draft-review__claim-link {
    display: inline-flex;
    margin-top: 0.3rem;
    text-decoration: none;
  }
  .email-draft-review__claim-link:hover {
    text-decoration: underline;
    text-underline-offset: 2px;
  }
  .email-draft-review__claim-picker {
    display: grid;
    gap: 0.48rem;
  }
  .email-draft-review__claim-picker-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.6rem;
    min-width: 0;
  }
  .email-draft-review__claim-selected {
    max-width: 48%;
    overflow: hidden;
    border: 1px solid rgb(16 185 129 / 0.22);
    border-radius: 999px;
    padding: 0.22rem 0.48rem;
    color: rgb(4 120 87);
    background: rgb(236 253 245 / 0.82);
    font-size: 0.66rem;
    font-weight: 780;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .email-draft-review__claim-results-wrap {
    min-height: 2.55rem;
  }
  .email-draft-review__claim-results {
    display: grid;
    gap: 0.38rem;
    max-height: 14rem;
    overflow-y: auto;
    padding: 0.05rem;
  }
  .email-draft-review__claim-result {
    display: grid;
    width: 100%;
    gap: 0.2rem;
    border: 1px solid rgb(72 75 82 / 0.12);
    border-radius: 11px;
    padding: 0.48rem 0.58rem;
    text-align: left;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(246 249 250 / 0.76)), white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88);
    transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
  }
  .email-draft-review__claim-result:hover, .email-draft-review__claim-result:focus-visible {
    border-color: rgb(37 99 235 / 0.24);
    background: linear-gradient(180deg, rgb(239 246 255 / 0.92), rgb(248 250 252 / 0.8)), white;
    transform: translateY(-1px);
    outline: none;
  }
  .email-draft-review__claim-result.is-selected {
    border-color: rgb(16 185 129 / 0.34);
    background: linear-gradient(180deg, rgb(236 253 245 / 0.9), rgb(240 253 250 / 0.78)), white;
  }
  .email-draft-review__claim-result-main {
    overflow: hidden;
    color: rgb(35 41 48);
    font-size: 0.76rem;
    font-weight: 790;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .email-draft-review__claim-result-sub, .email-draft-review__claim-result-meta, .email-draft-review__claim-empty {
    color: rgb(75 85 94 / 0.78);
    font-size: 0.68rem;
    line-height: 1.34;
  }
  .email-draft-review__claim-result-sub, .email-draft-review__claim-result-meta {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .email-draft-review__claim-empty {
    border: 1px dashed rgb(72 75 82 / 0.18);
    border-radius: 11px;
    padding: 0.62rem 0.68rem;
    background: rgb(255 255 255 / 0.48);
  }
  .email-draft-review__details summary {
    cursor: pointer;
    color: rgb(75 85 94 / 0.82);
    font-size: 0.66rem;
    font-weight: 760;
    letter-spacing: 0;
    text-transform: uppercase;
  }
  .email-draft-review__list {
    display: grid;
    gap: 0.35rem;
    margin-top: 0.55rem;
    color: rgb(75 85 94 / 0.86);
    font-size: 0.72rem;
  }
  .email-draft-review__list li {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 0.6rem;
  }
  .email-draft-review__list li > span:first-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .email-draft-review__fields {
    display: grid;
    gap: 0.54rem;
    margin-top: 0.68rem;
  }
  .email-draft-review__plan {
    display: grid;
    position: relative;
    isolation: isolate;
    gap: 0.4rem;
    margin-top: 0.48rem;
    overflow: hidden;
    border: 1px solid color-mix(in srgb, rgb(20 184 166) 17%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, rgb(20 184 166) 17%, var(--color-border));
    }
    border-radius: 14px;
    padding: 0.56rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(248 250 249 / 0.86)), color-mix(in srgb, #fbfaf6 28%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(248 250 249 / 0.86)), color-mix(in oklab, var(--color-brand-paper) 28%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 18px 36px -34px rgb(15 23 42 / 0.28);
  }
  .email-draft-review__plan-head {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.42rem;
    overflow: hidden;
    padding: 0.02rem 0.06rem 0.06rem;
    color: var(--color-text);
  }
  .email-draft-review__plan-head::before {
    width: 0.44rem;
    height: 0.44rem;
    border-radius: 999px;
    content: "";
    background: rgb(20 184 166);
    box-shadow: 0 0 0 0.28rem rgb(20 184 166 / 0.12);
  }
  .email-draft-review__plan-head .email-draft-review__eyebrow {
    grid-column: 2;
    color: color-mix(in srgb, oklch(0.500 0.015 235) 84%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
  }
  .email-draft-review__plan-head h5 {
    grid-column: 2;
    margin-top: -0.1rem;
    color: var(--color-text);
    font-size: 0.82rem;
    font-weight: 760;
    line-height: 1.2;
  }
  .email-draft-review__plan-status {
    grid-column: 3;
    grid-row: 1 / span 2;
    flex: none;
    align-self: center;
    border: 1px solid color-mix(in srgb, rgb(5 150 105) 20%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, rgb(5 150 105) 20%, var(--color-border));
    }
    border-radius: 999px;
    padding: 0.2rem 0.5rem;
    color: color-mix(in srgb, rgb(5 150 105) 72%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, rgb(5 150 105) 72%, var(--color-text));
    }
    background: color-mix(in oklab, rgb(5 150 105) 8%, white);
    font-size: 0.62rem;
    font-weight: 760;
    line-height: 1.1;
    white-space: nowrap;
  }
  .email-draft-review__plan-summary {
    border-top: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 54%, white);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--color-border) 54%, white);
    }
    padding-top: 0.32rem;
    color: color-mix(in srgb, oklch(0.285 0.014 245) 76%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 76%, var(--color-subtle));
    }
    font-size: 0.74rem;
    font-weight: 620;
    line-height: 1.38;
  }
  .email-draft-review__plan-ledger {
    display: grid;
    grid-template-columns: minmax(8.5rem, 0.36fr) minmax(0, 1fr);
    overflow: hidden;
    border: 1px solid color-mix(in srgb, oklch(0.842 0.018 228) 55%, white);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--color-border) 55%, white);
    }
    border-radius: 13px;
    background: rgb(255 255 255 / 0.68);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78);
  }
  .email-draft-review__plan-metric {
    display: grid;
    align-content: center;
    gap: 0.18rem;
    min-width: 0;
    border-right: 1px solid color-mix(in srgb, rgb(20 184 166) 18%, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-right: 1px solid color-mix(in oklab, rgb(20 184 166) 18%, var(--color-border));
    }
    padding: 0.48rem 0.58rem;
    background: linear-gradient(135deg, rgb(236 253 245 / 0.8), rgb(239 246 255 / 0.58)), white;
  }
  .email-draft-review__plan-metric > span {
    color: color-mix(in srgb, oklch(0.500 0.015 235) 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 78%, var(--color-text));
    }
    font-size: 0.58rem;
    font-weight: 780;
    letter-spacing: 0;
    line-height: 1.1;
    text-transform: uppercase;
  }
  .email-draft-review__plan-metric strong {
    display: flex;
    min-width: 0;
    align-items: baseline;
    gap: 0.24rem;
    color: var(--color-text);
    font-size: clamp(1rem, 1.7vw, 1.28rem);
    font-variant-numeric: tabular-nums;
    font-weight: 820;
    line-height: 1.05;
  }
  .email-draft-review__plan-metric strong span:last-child {
    min-width: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .email-draft-review__plan-metric small {
    color: color-mix(in srgb, oklch(0.500 0.015 235) 78%, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 78%, var(--color-text));
    }
    font-size: 0.78rem;
    font-weight: 760;
  }
  .email-draft-review__plan-metric em {
    display: grid;
    gap: 0.08rem;
    color: color-mix(in srgb, oklch(0.285 0.014 245) 76%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 76%, var(--color-subtle));
    }
    font-size: 0.66rem;
    font-style: normal;
    font-weight: 700;
    line-height: 1.25;
  }
  .email-draft-review__plan-controls {
    display: grid;
    grid-template-columns: minmax(5.4rem, 0.9fr) minmax(4.6rem, 0.7fr) minmax(7.4rem, 1.08fr) minmax(7rem, 1fr);
    gap: 0;
    min-width: 0;
  }
  .email-draft-review__plan-control {
    display: grid;
    min-width: 0;
    align-content: center;
    gap: 0.08rem;
    border-left: 1px solid rgb(72 75 82 / 0.06);
    padding: 0.42rem 0.5rem 0.4rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.52), rgb(255 255 255 / 0.26));
  }
  .email-draft-review__plan-control:first-child {
    border-left: 0;
  }
  .email-draft-review__plan-control-label {
    display: block;
    overflow: hidden;
    color: rgb(75 85 94 / 0.74);
    font-size: 0.58rem;
    font-weight: 780;
    letter-spacing: 0;
    line-height: 1.1;
    text-overflow: ellipsis;
    text-transform: uppercase;
    white-space: nowrap;
  }
  .email-draft-review__plan-control-value {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.2rem;
    min-width: 0;
  }
  .email-draft-review__plan-control-value > span {
    color: color-mix(in srgb, oklch(0.285 0.014 245) 78%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 78%, var(--color-subtle));
    }
    font-size: 0.76rem;
    font-weight: 760;
  }
  .notification-problem-modal .email-draft-review__plan-control .input-compact, .notification-problem-modal .email-draft-review__plan-note .input-compact {
    margin-top: 0;
    min-height: 1.28rem;
    width: 100%;
    border-width: 0 0 1px;
    border-radius: 0;
    border-color: transparent;
    padding: 0 0 0.04rem;
    background: transparent;
    color: var(--color-text);
    box-shadow: none;
    font-size: 0.82rem;
    font-weight: 760;
    line-height: 1.25;
  }
  .notification-problem-modal .email-draft-review__plan-control .input-compact:focus, .notification-problem-modal .email-draft-review__plan-note .input-compact:focus {
    outline: none;
    box-shadow: 0 1px 0 color-mix(in srgb, oklch(0.540 0.073 236) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 1px 0 color-mix(in oklab, var(--color-accent) 62%, transparent);
    }
  }
  .email-draft-review__plan-control:focus-within {
    background: rgb(255 255 255 / 0.82);
  }
  .notification-problem-modal .email-draft-review__plan-control select.input-compact {
    padding-right: 1.35rem;
  }
  .notification-problem-modal .email-draft-review__plan-control input[type="date"].input-compact {
    font-size: 0.76rem;
  }
  .email-draft-review__plan-note {
    display: block;
  }
  .email-draft-review__plan-note span {
    display: block;
    margin-bottom: 0.1rem;
    color: rgb(75 85 94 / 0.76);
    font-size: 0.6rem;
    font-weight: 760;
    letter-spacing: 0;
    line-height: 1.1;
    text-transform: uppercase;
  }
  .notification-problem-modal .email-draft-review__plan-note .input-compact {
    width: 100%;
    color: color-mix(in srgb, oklch(0.285 0.014 245) 82%, oklch(0.500 0.015 235));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 82%, var(--color-subtle));
    }
    font-size: 0.78rem;
    font-weight: 620;
  }
  .email-draft-review__plan-error {
    border: 1px solid rgb(245 158 11 / 0.24);
    border-radius: 10px;
    padding: 0.42rem 0.5rem;
    color: rgb(146 64 14);
    background: rgb(255 251 235 / 0.8);
    font-size: 0.7rem;
    line-height: 1.35;
  }
  .email-draft-review__draft--resend {
    padding: 0;
    border-color: rgb(71 85 105 / 0.18);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(248 250 252 / 0.88)), white;
  }
  .email-draft-review__draft--resend > .email-draft-review__head {
    border-bottom: 1px solid rgb(71 85 105 / 0.12);
    padding: 0.56rem 0.72rem 0.46rem;
    background: rgb(248 250 252 / 0.62);
  }
  .email-draft-review__resend-flow {
    display: grid;
    gap: 0.46rem;
    padding: 0.5rem;
  }
  .email-draft-review__resend-panel {
    display: grid;
    gap: 0.44rem;
    min-width: 0;
    border: 1px solid rgb(71 85 105 / 0.1);
    border-radius: 9px;
    padding: 0.52rem;
    background: rgb(255 255 255 / 0.78);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.7);
  }
  .email-draft-review__resend-panel[hidden] {
    display: none;
  }
  .email-draft-review__resend-panel--reply {
    border-color: rgb(37 99 235 / 0.16);
  }
  .email-draft-review__resend-panel--recipient {
    border-color: rgb(20 184 166 / 0.18);
  }
  .email-draft-review__resend-panel--choices {
    border-color: transparent;
    padding: 0.18rem 0.12rem 0.06rem;
    background: transparent;
    box-shadow: none;
  }
  .email-draft-review__resend-panel-head {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.42rem;
    min-width: 0;
  }
  .email-draft-review__resend-step {
    display: inline-grid;
    width: 1.26rem;
    height: 1.26rem;
    place-items: center;
    border: 1px solid rgb(51 65 85 / 0.14);
    border-radius: 999px;
    color: rgb(30 41 59);
    background: rgb(255 255 255 / 0.88);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9);
    font-size: 0.64rem;
    font-weight: 820;
    line-height: 1;
  }
  .email-draft-review__resend-title {
    min-width: 0;
  }
  .email-draft-review__resend-title h5 {
    margin-top: 0.08rem;
    overflow: hidden;
    color: var(--color-text);
    font-size: 0.82rem;
    font-weight: 780;
    line-height: 1.22;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .email-draft-review__resend-ai-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid rgb(51 65 85 / 0.12);
    border-radius: 999px;
    padding: 0.34rem 0.58rem;
    color: rgb(30 41 59);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(226 232 240 / 0.7)), white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 12px 22px -20px rgb(15 23 42 / 0.42);
    font-size: 0.68rem;
    font-weight: 790;
    line-height: 1.1;
    white-space: nowrap;
    transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
  }
  .email-draft-review__resend-ai-btn:hover, .email-draft-review__resend-ai-btn:focus-visible {
    border-color: rgb(37 99 235 / 0.28);
    background: linear-gradient(180deg, rgb(239 246 255 / 0.98), rgb(255 255 255 / 0.82)), white;
    transform: translateY(-1px);
    outline: none;
  }
  .email-draft-review__resend-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem 0.56rem;
    min-width: 0;
  }
  .email-draft-review__resend-meta span {
    max-width: 100%;
    overflow: hidden;
    border: 0;
    border-radius: 999px;
    padding: 0;
    color: rgb(71 85 105);
    background: transparent;
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .email-draft-review__resend-warning {
    border: 1px solid rgb(245 158 11 / 0.22);
    border-radius: 10px;
    padding: 0.32rem 0.42rem;
    color: rgb(146 64 14);
    background: rgb(255 251 235 / 0.76);
    font-size: 0.64rem;
    line-height: 1.35;
  }
  .email-draft-review__resend-fields {
    margin-top: 0;
  }
  .email-draft-review__resend-reply {
    margin-top: 0;
  }
  .email-draft-review__resend-reply textarea {
    min-height: 7rem;
    max-height: min(24rem, 44vh);
    border-radius: 10px;
    font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    font-size: 0.76rem;
    line-height: 1.5;
    overflow-y: hidden;
  }
  .email-draft-review__resend-options {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.36rem;
  }
  .email-draft-review__resend-option {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.42rem;
    min-width: 0;
    cursor: pointer;
    border: 1px solid rgb(71 85 105 / 0.14);
    border-radius: 10px;
    padding: 0.4rem 0.46rem;
    background: rgb(255 255 255 / 0.78);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78);
    transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
  }
  .email-draft-review__resend-option:hover {
    border-color: rgb(20 184 166 / 0.28);
    background: rgb(248 250 252 / 0.96);
    transform: translateY(-1px);
  }
  .email-draft-review__resend-option:has(input:checked) {
    border-color: rgb(37 99 235 / 0.42);
    background: rgb(248 250 252 / 0.96);
    box-shadow: inset 3px 0 0 rgb(37 99 235);
  }
  .email-draft-review__resend-option.is-disabled {
    cursor: not-allowed;
    opacity: 0.5;
  }
  .email-draft-review__resend-option.is-disabled:hover {
    border-color: rgb(71 85 105 / 0.14);
    background: rgb(255 255 255 / 0.78);
    transform: none;
  }
  .email-draft-review__resend-option input[type="radio"] {
    width: 0.92rem;
    height: 0.92rem;
    accent-color: rgb(37 99 235);
  }
  .email-draft-review__resend-option-body {
    display: grid;
    gap: 0.1rem;
    min-width: 0;
  }
  .email-draft-review__resend-option-value {
    overflow: hidden;
    color: var(--color-text);
    font-size: 0.74rem;
    font-weight: 760;
    line-height: 1.25;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .email-draft-review__resend-option-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem 0.42rem;
    color: rgb(71 85 105 / 0.82);
    font-size: 0.58rem;
    font-weight: 640;
    line-height: 1.25;
  }
  .email-draft-review__resend-option-meta strong {
    color: rgb(30 64 175);
    font-weight: 780;
  }
  .email-draft-review__resend-option--manual {
    border-style: dashed;
    background: rgb(248 250 252 / 0.62);
  }
  .email-draft-review__resend-manual {
    display: grid;
    gap: 0.2rem;
  }
  .email-draft-review__resend-manual label {
    display: block;
    color: rgb(75 85 94 / 0.82);
    font-size: 0.66rem;
    font-weight: 760;
    line-height: 1.1;
    text-transform: uppercase;
  }
  .email-draft-review__resend-manual .input-compact {
    width: 100%;
    border-radius: 10px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, white);
    }
    background: rgb(255 255 255 / 0.9);
  }
  .email-draft-review__choice-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.4rem;
  }
  .email-draft-review__choice-card {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    gap: 0.42rem;
    min-width: 0;
    cursor: pointer;
    border: 1px solid rgb(71 85 105 / 0.14);
    border-radius: 9px;
    padding: 0.46rem 0.52rem;
    background: rgb(255 255 255 / 0.78);
    box-shadow: none;
    transition: border-color 140ms ease, background 140ms ease, transform 140ms ease;
  }
  .email-draft-review__choice-card:hover, .email-draft-review__choice-card.is-selected {
    border-color: rgb(37 99 235 / 0.4);
    background: rgb(248 250 252 / 0.96);
  }
  .email-draft-review__choice-card.is-selected {
    box-shadow: inset 3px 0 0 rgb(37 99 235);
  }
  .email-draft-review__choice-card:hover {
    transform: translateY(-1px);
  }
  .email-draft-review__choice-card input[type="radio"] {
    width: 0.86rem;
    height: 0.86rem;
    accent-color: rgb(37 99 235);
  }
  .email-draft-review__choice-card .email-draft-review__resend-step {
    display: none;
  }
  .email-draft-review__choice-card--confirm {
    border-color: rgb(71 85 105 / 0.14);
    background: rgb(255 255 255 / 0.78);
  }
  .email-draft-review__choice-card--resend {
    border-color: rgb(71 85 105 / 0.14);
    background: rgb(255 255 255 / 0.78);
  }
  .email-draft-review__choice-copy {
    min-width: 0;
  }
  .email-draft-review__choice-copy h6 {
    margin-top: 0.12rem;
    overflow: hidden;
    color: var(--color-text);
    font-size: 0.78rem;
    font-weight: 790;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .email-draft-review__choice-copy p:not(.email-draft-review__eyebrow) {
    margin-top: 0.14rem;
    color: rgb(71 85 105);
    font-size: 0.64rem;
    line-height: 1.32;
  }
  .email-draft-review__confirm-box {
    display: grid;
    gap: 0.22rem;
    border: 1px solid rgb(37 99 235 / 0.12);
    border-radius: 10px;
    padding: 0.42rem 0.5rem;
    background: rgb(239 246 255 / 0.55);
  }
  .email-draft-review__confirm-box strong {
    color: var(--color-text);
    font-size: 0.78rem;
    font-weight: 780;
    line-height: 1.25;
  }
  .email-draft-review__confirm-box p {
    color: rgb(71 85 105);
    font-size: 0.68rem;
    line-height: 1.35;
  }
  .email-draft-review__resend-secondary {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 0.52rem;
    border-top: 1px solid rgb(71 85 105 / 0.1);
    padding: 0.5rem 0.58rem 0.56rem;
    background: rgb(248 250 252 / 0.6);
  }
  .email-draft-review__resend-secondary p:not(.email-draft-review__eyebrow) {
    margin-top: 0.12rem;
    color: rgb(71 85 105);
    font-size: 0.7rem;
    line-height: 1.32;
  }
  .email-draft-review__fields .input-compact, .email-draft-review__reply .input-compact, .email-draft-review__card .input-compact {
    margin-top: 0.32rem;
    border-radius: 8px;
    border-color: color-mix(in srgb, oklch(0.842 0.018 228) 76%, white);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 76%, white);
    }
    background: rgb(255 255 255 / 0.88);
    box-shadow: inset 0 1px 2px rgb(15 23 42 / 0.025);
  }
  .email-draft-review__reply {
    display: flex;
    min-height: 0;
    flex: 1 1 auto;
    flex-direction: column;
    margin-top: 0.46rem;
  }
  .email-draft-review__reply textarea {
    min-height: 12rem;
    max-height: 42vh;
    border-radius: 9px;
    resize: vertical;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.75rem;
    line-height: 1.6;
  }
  .email-draft-review__reply textarea[data-email-draft-autosize] {
    min-height: 8.5rem;
    max-height: min(24rem, 44vh);
    overflow-y: hidden;
  }
  .email-draft-review__actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.38rem;
    margin-top: 0.46rem;
  }
  @media (min-width: 58rem) {
    .email-draft-review__grid {
      grid-template-columns: minmax(0, 0.76fr) minmax(0, 1.24fr);
      align-items: stretch;
    }
    .email-draft-review__fields {
      grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr);
    }
  }
  @media (max-width: 68rem) {
    .email-draft-review__choice-grid {
      grid-template-columns: minmax(0, 1fr);
    }
    .email-draft-review__resend-options {
      grid-template-columns: minmax(0, 1fr);
    }
    .email-draft-review__plan-ledger {
      grid-template-columns: minmax(0, 1fr);
    }
    .email-draft-review__plan-metric {
      border-right: 0;
      border-bottom: 1px solid color-mix(in srgb, rgb(20 184 166) 18%, oklch(0.842 0.018 228));
      @supports (color: color-mix(in lab, red, red)) {
        border-bottom: 1px solid color-mix(in oklab, rgb(20 184 166) 18%, var(--color-border));
      }
    }
    .email-draft-review__plan-controls {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .email-draft-review__plan-control:nth-child(odd) {
      border-left: 0;
    }
    .email-draft-review__plan-control:nth-child(n + 3) {
      border-top: 1px solid rgb(72 75 82 / 0.06);
    }
  }
  @media (max-width: 44rem) {
    .notification-problem-modal__panel--email-draft .notification-problem-modal__body {
      padding: 0.58rem;
    }
    .email-draft-review {
      padding: 0.46rem;
    }
    .email-draft-review__chips {
      justify-content: flex-start;
      max-width: 100%;
    }
    .email-draft-review__reply textarea {
      min-height: 13rem;
    }
    .email-draft-review__draft--resend > .email-draft-review__head, .email-draft-review__resend-flow {
      padding-inline: 0.58rem;
    }
    .email-draft-review__resend-panel-head {
      grid-template-columns: auto minmax(0, 1fr);
    }
    .email-draft-review__resend-ai-btn {
      grid-column: 1 / -1;
      justify-self: start;
    }
    .email-draft-review__resend-title h5, .email-draft-review__resend-meta span, .email-draft-review__resend-option-value, .email-draft-review__choice-copy h6 {
      white-space: normal;
    }
    .email-draft-review__resend-reply textarea {
      min-height: 7rem;
    }
    .email-draft-review__choice-card, .email-draft-review__resend-secondary {
      grid-template-columns: minmax(0, 1fr);
    }
    .email-draft-review__choice-card .btn-compact {
      justify-self: start;
    }
    .email-draft-review__plan-head {
      grid-template-columns: minmax(0, 1fr);
    }
    .email-draft-review__plan-head::before {
      display: none;
    }
    .email-draft-review__plan-head .email-draft-review__eyebrow, .email-draft-review__plan-head h5, .email-draft-review__plan-status {
      grid-column: 1;
      grid-row: auto;
    }
    .email-draft-review__plan-status {
      justify-self: start;
    }
    .email-draft-review__plan-controls {
      grid-template-columns: minmax(0, 1fr);
    }
  }
  .notification-problem-modal__title-block {
    min-width: 0;
  }
  .notification-problem-modal__eyebrow {
    color: rgb(250 248 243 / 0.72);
    font-size: 0.66rem;
    font-weight: 780;
    letter-spacing: 0.12em;
    line-height: 1.1;
    text-transform: uppercase;
  }
  .notification-problem-modal__title {
    margin-top: 0.22rem;
    overflow-wrap: anywhere;
    color: rgb(255 255 255 / 0.98);
    font-size: clamp(1rem, 1.35vw, 1.24rem);
    font-weight: 780;
    line-height: 1.18;
    letter-spacing: 0;
  }
  .notification-problem-modal__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.32rem 0.48rem;
    margin-top: 0.56rem;
    color: rgb(255 255 255 / 0.76);
    font-size: 0.72rem;
    line-height: 1.25;
  }
  .notification-problem-modal__meta > span {
    display: inline-flex;
    align-items: center;
    gap: 0.26rem;
  }
  .notification-problem-modal__meta > span:not(:last-child)::after {
    content: "";
    width: 3px;
    height: 3px;
    border-radius: 999px;
    background: rgb(255 255 255 / 0.38);
  }
  .notification-problem-modal__source-chip {
    display: inline-flex;
    align-items: center;
    min-height: 1.08rem;
    border: 1px solid rgb(255 255 255 / 0.16);
    border-radius: 999px;
    padding: 0.12rem 0.42rem;
    color: rgb(255 252 242 / 0.9);
    background: rgb(255 255 255 / 0.1);
    font-size: 0.62rem;
    font-weight: 820;
    letter-spacing: 0.06em;
    line-height: 1;
    text-transform: uppercase;
  }
  .notification-problem-modal__close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: none;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgb(255 255 255 / 0.16);
    border-radius: 999px;
    color: rgb(255 255 255 / 0.78);
    background: rgb(255 255 255 / 0.08);
    transition: background-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
  }
  .notification-problem-modal__close:hover {
    color: white;
    background: rgb(255 255 255 / 0.14);
    transform: translateY(-1px);
  }
  .notification-problem-modal__close svg {
    width: 1rem;
    height: 1rem;
  }
  .notification-problem-modal__error {
    margin: 0.78rem 1rem 0;
    border: 1px solid rgb(193 43 69 / 0.2);
    border-radius: 10px;
    padding: 0.64rem 0.76rem;
    color: rgb(139 18 48);
    background: rgb(255 241 244 / 0.78);
    font-size: 0.82rem;
    line-height: 1.4;
  }
  .notification-problem-modal__body > .notification-problem-modal__error {
    margin: 0;
  }
  .notification-problem-modal__form {
    display: grid;
    gap: 0.74rem;
    padding: 0.82rem 1rem 0;
  }
  .notification-problem-modal__body {
    display: grid;
    gap: 0.8rem;
    padding: 0.82rem 1rem 1rem;
  }
  .notification-problem-modal__notice, .notification-problem-modal__reason {
    border: 1px solid rgb(72 75 82 / 0.13);
    border-radius: 11px;
    padding: 0.72rem 0.8rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(244 243 239 / 0.66)), rgb(255 255 255 / 0.72);
    color: rgb(64 73 82 / 0.8);
    font-size: 0.78rem;
    line-height: 1.46;
  }
  .notification-problem-modal__reason {
    border-color: rgb(172 162 150 / 0.34);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(248 244 235 / 0.76)), rgb(251 250 246);
  }
  .notification-problem-modal__reason-label {
    color: rgb(115 82 36);
    font-size: 0.66rem;
    font-weight: 800;
    letter-spacing: 0.1em;
    text-transform: uppercase;
  }
  .notification-problem-modal__reason-text {
    margin-top: 0.42rem;
    color: rgb(78 54 31);
    font-size: 0.86rem;
    line-height: 1.58;
    white-space: pre-wrap;
  }
  .notification-problem-modal__fieldset {
    display: grid;
    gap: 0.72rem;
  }
  .notification-problem-modal__field {
    min-width: 0;
  }
  .notification-problem-modal__label {
    display: block;
    margin-bottom: 0.28rem;
    color: rgb(66 75 84 / 0.72);
    font-size: 0.68rem;
    font-weight: 720;
    letter-spacing: 0.02em;
  }
  .notification-problem-modal :is(.input, .input-compact, select, textarea) {
    width: 100%;
    min-height: 2.42rem;
    border-radius: 11px;
    border-color: rgb(72 75 82 / 0.16);
    color: rgb(35 41 48);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(249 248 245 / 0.78)), white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84), 0 8px 20px -22px rgb(24 33 44 / 0.42);
  }
  .notification-problem-modal textarea.input-compact {
    min-height: 4.8rem;
  }
  .notification-problem-modal__assoc-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.4rem, 1fr));
    gap: 0.42rem;
  }
  .notification-problem-modal__assoc-list--four {
    grid-template-columns: repeat(auto-fit, minmax(8.6rem, 1fr));
  }
  .notification-problem-modal .assoc-picker [data-assoc-trigger] {
    min-height: 2.64rem;
    border: 1px solid rgb(72 75 82 / 0.13);
    border-radius: 11px;
    padding: 0.48rem 0.58rem;
    color: rgb(35 41 48);
    background: linear-gradient(180deg, rgb(235 244 246 / 0.88), rgb(222 236 239 / 0.7)), rgb(238 245 247);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.76);
  }
  .notification-problem-modal .assoc-picker [data-assoc-trigger]:hover {
    border-color: rgb(82 105 128 / 0.24);
    background: linear-gradient(180deg, rgb(240 247 248 / 0.94), rgb(226 239 241 / 0.8)), rgb(238 245 247);
  }
  .notification-problem-modal .assoc-picker [data-assoc-trigger] > span {
    min-width: 0;
  }
  .notification-problem-modal .assoc-picker [data-assoc-label] {
    overflow: hidden;
    max-width: 100%;
    color: rgb(39 47 55);
    font-size: 0.78rem;
    font-weight: 760;
    line-height: 1.15;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .notification-problem-modal .assoc-picker [data-assoc-sub] {
    overflow: hidden;
    max-width: 100%;
    margin-top: 0.14rem;
    color: rgb(67 77 87 / 0.68);
    font-size: 0.66rem;
    line-height: 1.1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .notification-problem-modal .assoc-menu {
    border-color: rgb(72 75 82 / 0.16);
    border-radius: 12px;
    overflow: hidden;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(249 248 245 / 0.92)), white;
  }
  .notification-problem-modal .assoc-option {
    transition: background-color 0.14s ease;
  }
  .notification-problem-modal .assoc-option:hover {
    background: rgb(238 245 247 / 0.78);
  }
  .notification-problem-modal .assoc-option--warning {
    border-left: 3px solid rgb(225 29 72 / 0.76);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 247 248 / 0.74)), white;
  }
  .notification-problem-modal .assoc-option--warning:hover {
    background: linear-gradient(180deg, rgb(255 251 251), rgb(255 241 243 / 0.82)), white;
  }
  .notification-problem-modal .assoc-picker--inline-results {
    display: grid;
    gap: 0.5rem;
  }
  .notification-problem-modal .assoc-picker--inline-results .assoc-picker__inline-search {
    margin-bottom: 0;
  }
  .notification-problem-modal .assoc-picker--inline-results .assoc-menu {
    position: static;
    max-height: 15rem;
    overflow: hidden;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.74);
  }
  .notification-problem-modal .assoc-picker--inline-results [data-assoc-list] {
    max-height: 15rem;
  }
  .notification-problem-modal .assoc-picker--inline-results .assoc-picker__selected {
    border: 1px solid rgb(72 75 82 / 0.13);
    border-radius: 11px;
    padding: 0.56rem 0.68rem;
    color: rgb(35 41 48);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(248 247 244 / 0.72)), rgb(255 255 255 / 0.76);
  }
  .notification-problem-modal .assoc-picker--inline-results .assoc-picker__selected-kicker {
    color: rgb(66 75 84 / 0.72);
    font-size: 0.66rem;
    font-weight: 760;
    letter-spacing: 0.02em;
    text-transform: uppercase;
  }
  .notification-problem-modal .assoc-picker--inline-results .assoc-picker__selected-label {
    margin-top: 0.12rem;
    color: rgb(35 41 48);
    font-size: 0.82rem;
    font-weight: 760;
    line-height: 1.15;
  }
  .notification-problem-modal .assoc-picker--inline-results .assoc-picker__selected-sub {
    margin-top: 0.12rem;
    color: rgb(66 75 84 / 0.72);
    font-size: 0.68rem;
    line-height: 1.2;
  }
  .notification-problem-modal__advanced {
    overflow: hidden;
    border: 1px solid rgb(72 75 82 / 0.14);
    border-radius: 13px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(248 247 244 / 0.7)), rgb(255 255 255 / 0.68);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.74);
  }
  .notification-problem-modal__advanced > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 2.84rem;
    cursor: pointer;
    list-style: none;
    outline: none;
    padding: 0.64rem 0.76rem;
    color: rgb(35 41 48);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(243 242 238 / 0.76)), rgb(255 255 255 / 0.72);
  }
  .notification-problem-modal__advanced > summary::-webkit-details-marker {
    display: none;
  }
  .notification-problem-modal__advanced > summary .title {
    font-size: 0.88rem;
    font-weight: 760;
  }
  .notification-problem-modal__advanced > summary .chev {
    flex: none;
    width: 1rem;
    height: 1rem;
    opacity: 0.6;
    transition: transform 0.16s ease;
  }
  .notification-problem-modal__advanced[open] > summary .chev {
    transform: rotate(180deg);
  }
  .notification-problem-modal__advanced .body {
    border-top: 1px solid rgb(72 75 82 / 0.1);
    padding: 0.76rem;
  }
  .notification-problem-modal--problem-object .notification-problem-modal__form {
    gap: 0.66rem;
  }
  .notification-problem-modal__panel--problem-object {
    background: radial-gradient(46rem 20rem at 5% 4%, var(--claim-shot-teal, #37a7b0), transparent 66%), radial-gradient(42rem 22rem at 95% 16%, var(--claim-shot-ink-3, #3c4249), transparent 66%), linear-gradient(180deg, rgb(214 212 204 / 0.6), rgb(196 207 204 / 0.5)), var(--claim-shot-mist, #d2dcd8);
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(46rem 20rem at 5% 4%, color-mix(in oklab, var(--claim-shot-teal, #37a7b0) 16%, transparent), transparent 66%), radial-gradient(42rem 22rem at 95% 16%, color-mix(in oklab, var(--claim-shot-ink-3, #3c4249) 18%, transparent), transparent 66%), linear-gradient(180deg, rgb(214 212 204 / 0.6), rgb(196 207 204 / 0.5)), var(--claim-shot-mist, #d2dcd8);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), inset 0 -1px 0 rgb(72 75 82 / 0.08), 0 34px 92px -52px rgb(0 0 0 / 0.58);
  }
  .notification-problem-modal--problem-object .notification-problem-modal__link-card {
    min-width: 0;
  }
  .notification-problem-modal--problem-object .notification-problem-modal__link-card {
    display: grid;
    grid-template-columns: 4rem minmax(0, 1fr);
    align-items: stretch;
    gap: 0.5rem;
    border: 1px solid rgb(82 105 128 / 0.12);
    border-radius: 12px;
    padding: 0.4rem;
    background: linear-gradient(135deg, rgb(255 255 255 / 0.82), rgb(241 245 244 / 0.62)), rgb(255 255 255 / 0.58);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82);
  }
  .notification-problem-modal--problem-object .notification-problem-modal__section-head {
    display: flex;
    align-items: stretch;
    justify-content: center;
    min-width: 0;
    border-right: 1px solid rgb(82 105 128 / 0.12);
    padding-right: 0.48rem;
  }
  .notification-problem-modal--problem-object .notification-problem-modal__section-title {
    display: flex;
    align-items: center;
    color: rgb(49 58 67 / 0.64);
    font-size: 0.64rem;
    font-weight: 840;
    letter-spacing: 0.1em;
    line-height: 1;
    text-transform: uppercase;
  }
  .notification-problem-modal--problem-object .notification-problem-modal__assoc-list--problem {
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 0.95fr) minmax(0, 1.15fr);
    gap: 0.34rem;
  }
  .notification-problem-modal--problem-object .assoc-picker {
    --problem-assoc-accent: rgb(96 122 136);
    --problem-assoc-accent-soft: rgb(236 241 243);
    min-width: 0;
  }
  .notification-problem-modal--problem-object .assoc-picker[data-assoc-type="claims"] {
    --problem-assoc-accent: rgb(70 132 162);
    --problem-assoc-accent-soft: rgb(235 246 251);
  }
  .notification-problem-modal--problem-object .assoc-picker[data-assoc-type="debtors"] {
    --problem-assoc-accent: rgb(33 145 112);
    --problem-assoc-accent-soft: rgb(235 249 244);
  }
  .notification-problem-modal--problem-object .assoc-picker[data-assoc-type="claimants"] {
    --problem-assoc-accent: rgb(169 119 56);
    --problem-assoc-accent-soft: rgb(251 243 232);
  }
  .notification-problem-modal--problem-object .assoc-picker [data-assoc-trigger] {
    display: grid;
    grid-template-columns: 0.24rem minmax(0, 1fr) 0.68rem;
    align-items: center;
    gap: 0.34rem;
    position: relative;
    min-height: 2.48rem;
    overflow: hidden;
    border-color: rgb(82 105 128 / 0.1);
    border-radius: 9px;
    padding: 0.36rem 0.42rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(247 248 246 / 0.74)), var(--problem-assoc-accent-soft);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84);
  }
  .notification-problem-modal--problem-object .assoc-picker [data-assoc-trigger]::before {
    width: 0.24rem;
    height: 1.6rem;
    border-radius: 999px;
    content: "";
    background: linear-gradient(180deg, var(--problem-assoc-accent), var(--problem-assoc-accent));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--problem-assoc-accent) 58%, white), var(--problem-assoc-accent));
    }
    opacity: 0.72;
  }
  .notification-problem-modal--problem-object .assoc-picker [data-assoc-trigger]:hover, .notification-problem-modal--problem-object .assoc-picker [data-assoc-trigger]:focus-visible {
    border-color: var(--problem-assoc-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--problem-assoc-accent) 28%, white);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(244 247 246 / 0.78)), var(--problem-assoc-accent-soft);
  }
  .notification-problem-modal--problem-object .assoc-picker[data-assoc-type="claims"]:not([data-assoc-selected-claim=""]) [data-assoc-trigger], .notification-problem-modal--problem-object .assoc-picker:not([data-assoc-type="claims"]):not([data-assoc-selected-entity=""]) [data-assoc-trigger] {
    border-color: var(--problem-assoc-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--problem-assoc-accent) 36%, white);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(244 247 246 / 0.82)), var(--problem-assoc-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(244 247 246 / 0.82)), color-mix(in oklab, var(--problem-assoc-accent) 9%, white);
    }
  }
  .notification-problem-modal--problem-object .assoc-picker [data-assoc-trigger] > svg {
    flex: none;
    width: 0.82rem;
    height: 0.82rem;
    color: rgb(49 58 67 / 0.58);
  }
  .notification-problem-modal--problem-object .assoc-picker [data-assoc-label] {
    font-size: 0.74rem;
    font-weight: 780;
    line-height: 1.12;
  }
  .notification-problem-modal--problem-object .assoc-picker [data-assoc-sub] {
    margin-top: 0.1rem;
    color: rgb(49 58 67 / 0.55);
    font-size: 0.61rem;
  }
  .notification-problem-modal--problem-object .assoc-picker[data-assoc-selected-claim=""][data-assoc-selected-entity=""] [data-assoc-sub] {
    display: none;
  }
  .notification-problem-modal--problem-object .assoc-picker[data-assoc-selected-claim=""][data-assoc-selected-entity=""] [data-assoc-label] {
    color: rgb(49 58 67 / 0.72);
    font-weight: 740;
  }
  .notification-problem-modal--problem-object .notification-problem-modal__advanced {
    border-color: rgb(82 105 128 / 0.13);
    border-radius: 12px;
    padding: 0;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.68), rgb(247 247 244 / 0.52)), rgb(255 255 255 / 0.54);
  }
  .notification-problem-modal--problem-object .notification-problem-modal__advanced > summary {
    min-height: 2.24rem;
    padding: 0.44rem 0.62rem;
    color: rgb(49 58 67 / 0.76);
    background: transparent;
  }
  .notification-problem-modal--problem-object .notification-problem-modal__advanced > summary .title {
    font-size: 0.72rem;
    font-weight: 820;
    letter-spacing: 0.04em;
    line-height: 1.1;
    text-transform: uppercase;
  }
  .notification-problem-modal--problem-object .notification-problem-modal__advanced > summary .chev {
    width: 0.9rem;
    height: 0.9rem;
  }
  .notification-problem-modal--problem-object .notification-problem-modal__advanced .body {
    margin-top: 0;
    padding: 0.66rem;
  }
  .notification-problem-modal__actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.78rem;
    margin-top: 0.92rem;
    border-top: 1px solid rgb(72 75 82 / 0.13);
    padding: 0.76rem 1rem 1rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.52), rgb(244 243 239 / 0.7)), rgb(255 255 255 / 0.52);
  }
  .notification-problem-modal__actions--inline {
    margin-top: 0.2rem;
    border-top-color: rgb(72 75 82 / 0.1);
    padding: 0.68rem 0 0;
    background: transparent;
  }
  .notification-problem-modal__actions--problem-detail {
    align-items: stretch;
    gap: 0.72rem;
  }
  .notification-problem-modal__actions-top {
    min-width: 0;
  }
  .notification-problem-modal__actions-xroad {
    border-top-color: rgb(72 75 82 / 0.1);
    padding-top: 0.72rem;
  }
  .notification-problem-modal__actions-main, .notification-problem-modal__actions-danger {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.5rem;
  }
  .notification-problem-modal__actions-main {
    justify-content: flex-end;
  }
  .notification-problem-modal__actions-main--two-row {
    display: grid;
    justify-items: end;
    row-gap: 0.56rem;
  }
  .notification-problem-modal__actions-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 0.5rem;
  }
  .notification-problem-modal__actions-row--primary {
    padding-top: 0.04rem;
  }
  .notification-problem-modal__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 2.28rem;
    border: 1px solid rgb(72 75 82 / 0.16);
    border-radius: 999px;
    padding: 0.5rem 0.82rem;
    font-size: 0.75rem;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    transition: background-color 0.16s ease, border-color 0.16s ease, color 0.16s ease, transform 0.16s ease;
  }
  .notification-problem-modal__button:hover {
    transform: translateY(-1px);
  }
  .notification-problem-modal__button--primary {
    border-color: rgb(72 75 82 / 0.34);
    color: white;
    background: linear-gradient(135deg, rgb(53 59 65), rgb(95 88 78)), #42444a;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 14px 28px -22px rgb(24 33 44 / 0.55);
  }
  .notification-problem-modal__button--secondary {
    color: rgb(42 48 55 / 0.88);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(235 233 228 / 0.76)), rgb(255 255 255 / 0.74);
  }
  .notification-problem-modal__button--ghost {
    border-color: transparent;
    color: rgb(65 73 82 / 0.74);
    background: transparent;
  }
  .notification-problem-modal__button--danger {
    border-color: rgb(220 38 38 / 0.2);
    color: rgb(185 28 28);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 240 240 / 0.76)), rgb(255 245 245);
  }
  .notification-problem-modal__button--danger:hover {
    border-color: rgb(220 38 38 / 0.32);
    color: white;
    background: linear-gradient(135deg, #dc2626, #b91c1c);
  }
  .notification-problem-modal :is(.btn-primary, .btn-muted, .btn-ghost, .btn-destructive):not(.notification-problem-modal__button) {
    min-height: 2.22rem;
    border-radius: 999px;
    padding: 0.48rem 0.78rem;
    font-size: 0.74rem;
    font-weight: 800;
    line-height: 1;
  }
  .notification-problem-modal .btn-primary:not(.notification-problem-modal__button) {
    border-color: rgb(72 75 82 / 0.34);
    color: white;
    background: linear-gradient(135deg, rgb(53 59 65), rgb(95 88 78)), #42444a;
  }
  .notification-problem-modal .btn-destructive:not(.notification-problem-modal__button) {
    border-color: rgb(220 38 38 / 0.2);
    color: rgb(185 28 28);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 240 240 / 0.76)), rgb(255 245 245);
  }
  .notification-problem-modal :focus-visible {
    outline: 2px solid rgb(82 105 128 / 0.72);
    outline-offset: 2px;
  }
  @media (max-width: 42rem) {
    .notification-problem-modal {
      align-items: stretch;
      padding: 0.65rem;
    }
    .notification-problem-modal__panel {
      max-height: calc(100vh - 1.3rem);
    }
    .notification-problem-modal__assoc-list, .notification-problem-modal__assoc-list--four {
      grid-template-columns: 1fr;
    }
    .notification-problem-modal--problem-object .notification-problem-modal__assoc-list--problem {
      grid-template-columns: 1fr;
    }
    .notification-problem-modal--problem-object .notification-problem-modal__link-card {
      grid-template-columns: 1fr;
      gap: 0.4rem;
    }
    .notification-problem-modal--problem-object .notification-problem-modal__section-head {
      justify-content: flex-start;
      border-right: 0;
      border-bottom: 1px solid rgb(82 105 128 / 0.1);
      padding-right: 0;
      padding-bottom: 0.38rem;
    }
    .notification-problem-modal__actions {
      align-items: stretch;
      flex-direction: column-reverse;
    }
    .notification-problem-modal__actions-main, .notification-problem-modal__actions-danger, .notification-problem-modal__actions-row, .notification-problem-modal__actions > form, .notification-problem-modal__actions-main form, .notification-problem-modal__actions-danger form, .notification-problem-modal__actions-row form, .notification-problem-modal__button {
      width: 100%;
    }
    .notification-problem-modal__actions-row {
      align-items: stretch;
      flex-direction: column;
    }
  }
}
@layer components {
  .container-card {
    position: relative;
    overflow: visible;
  }
  #modal-root {
    position: relative;
    z-index: 260;
  }
  .app-main {
    position: relative;
    z-index: 1;
  }
  .app-topbar {
    z-index: 80;
    overflow: visible;
  }
  .app-topbar__primary, .app-topbar__actions {
    position: relative;
    z-index: 2;
  }
  .app-language-switcher {
    position: relative;
    z-index: 120;
  }
  .app-language-switcher[open] {
    z-index: 170;
  }
  .app-language-switcher__menu {
    z-index: 180;
  }
}
@layer components {
  @media (min-width: 104rem) {
    .claim-scroll-toc--with-toc {
      display: block;
      position: fixed;
      top: 8rem;
      left: max(0.5rem, calc(((100vw - 92rem) / 2 - 7rem) / 2));
      z-index: 30;
      width: 7rem;
      max-height: calc(100vh - 9rem);
      overflow-y: auto;
    }
    .claim-scroll-toc--with-toc .claim-scroll-toc__card {
      padding: 0.6rem;
    }
    .claim-scroll-toc--with-toc .claim-toc-link {
      padding: 0.42rem 0.46rem;
      font-size: 0.68rem;
    }
  }
  @media (min-width: 116rem) {
    .claim-scroll-toc--with-toc {
      left: calc(((100vw - 92rem) / 2 - 10.5rem) / 2);
      width: 10.5rem;
    }
    .claim-scroll-toc--with-toc .claim-scroll-toc__card {
      padding: 0.72rem;
    }
    .claim-scroll-toc--with-toc .claim-toc-link {
      padding: 0.52rem 0.62rem;
      font-size: 0.76rem;
    }
  }
}
@layer components {
  .claim-details-view .claim-payment-surface--workflow {
    border-color: var(--claim-command-ink, #44464b);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-ink, #44464b) 24%, var(--claim-command-line, var(--color-border)));
    }
    border-radius: 18px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(244 244 240 / 0.64)), linear-gradient(135deg, var(--claim-command-steel, #526980), transparent 48%), var(--claim-command-paper, #fbfaf6);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(244 244 240 / 0.64)), linear-gradient(135deg, color-mix(in oklab, var(--claim-command-steel, #526980) 10%, transparent), transparent 48%), color-mix(in oklab, var(--claim-command-paper, #fbfaf6) 66%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 24px 54px -56px rgb(33 36 42 / 0.6);
  }
  .claim-details-view .claim-payment-surface--workflow .claim-payment-surface__header {
    position: relative;
    align-items: center;
    overflow: hidden;
    border-bottom: 0;
    padding: 0.7rem 0.82rem;
    background: linear-gradient(135deg, var(--claim-command-ink, #44464b), var(--claim-command-ink, #44464b) 68%, rgb(99 96 88)), var(--claim-command-ink, #44464b);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, var(--claim-command-ink, #44464b), color-mix(in oklab, var(--claim-command-ink, #44464b) 80%, var(--claim-command-taupe, #aca296)) 68%, rgb(99 96 88)), var(--claim-command-ink, #44464b);
    }
    color: white;
  }
  .claim-details-view .claim-payment-surface--workflow .claim-payment-surface__header::after {
    position: absolute;
    inset: 0 0 auto auto;
    width: 28%;
    height: 100%;
    content: "";
    background: linear-gradient(135deg, transparent 0 34%, rgb(255 255 255 / 0.07) 34% 35%, transparent 35% 50%, rgb(255 255 255 / 0.045) 50% 51%, transparent 51%);
    pointer-events: none;
  }
  .claim-details-view .claim-payment-surface--workflow .claim-payment-surface__intro, .claim-details-view .claim-payment-surface--workflow .claim-payment-surface__meta {
    position: relative;
    z-index: 1;
  }
  .claim-details-view .claim-payment-surface--workflow .claim-payment-surface__eyebrow {
    color: rgb(226 232 228 / 0.82);
    font-size: 0.68rem;
  }
  .claim-details-view .claim-payment-surface--workflow .claim-payment-surface__title {
    color: white;
    font-size: 1.02rem;
  }
  .claim-details-view .claim-payment-surface--workflow .claim-payment-surface__description {
    max-width: 44rem;
    color: rgb(245 246 243 / 0.78);
    font-size: 0.74rem;
    line-height: 1.34;
  }
  .claim-details-view .claim-payment-surface--workflow .claim-payment-surface__body {
    padding: 0.58rem;
    background: radial-gradient(40rem 18rem at 96% -9rem, var(--claim-command-steel, #526980), transparent 62%), linear-gradient(180deg, rgb(237 242 241 / 0.58), rgb(250 249 246 / 0.76));
    @supports (color: color-mix(in lab, red, red)) {
      background: radial-gradient(40rem 18rem at 96% -9rem, color-mix(in oklab, var(--claim-command-steel, #526980) 11%, transparent), transparent 62%), linear-gradient(180deg, rgb(237 242 241 / 0.58), rgb(250 249 246 / 0.76));
    }
  }
  .claim-details-view .claim-payment-schedule-grid--empty, .claim-details-view .claim-payment-proposal-layout--empty, .claim-details-view .claim-payment-proposal-layout:not(.claim-payment-proposal-layout--empty) {
    gap: 0.54rem;
    border: 1px solid var(--claim-command-line, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-line, var(--color-border)) 78%, white);
    }
    border-radius: 16px;
    padding: 0.54rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.58), rgb(244 243 239 / 0.56)), var(--claim-command-paper, #fbfaf6);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.58), rgb(244 243 239 / 0.56)), color-mix(in oklab, var(--claim-command-paper, #fbfaf6) 48%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78), 0 18px 34px -42px rgb(35 38 43 / 0.34);
  }
  .claim-details-view .claim-payment-schedule-grid--empty {
    grid-template-columns: minmax(13.5rem, 0.3fr) minmax(0, 1fr);
  }
  .claim-details-view .claim-payment-proposal-layout--empty {
    grid-template-columns: minmax(15rem, 0.34fr) minmax(0, 0.66fr);
  }
  .claim-details-view .claim-payment-proposal-layout--empty .claim-payment-proposal-summary, .claim-details-view .claim-payment-proposal-layout--empty .claim-payment-empty-card--negotiation {
    min-height: 100%;
  }
  .claim-details-view .claim-payment-empty-card--schedule, .claim-details-view .claim-payment-empty-card--negotiation {
    position: relative;
    display: flex;
    min-height: 9rem;
    flex-direction: column;
    justify-content: flex-start;
    overflow: hidden;
    border-color: var(--claim-command-ink, #44464b);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-ink, #44464b) 18%, transparent);
    }
    border-radius: 14px;
    padding: 0.82rem 0.92rem 0.82rem 1.05rem;
    background: linear-gradient(135deg, var(--claim-command-ink, #44464b), var(--claim-command-ink, #44464b) 72%, rgb(94 91 84)), var(--claim-command-ink, #44464b);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in oklab, var(--claim-command-ink, #44464b) 96%, black), color-mix(in oklab, var(--claim-command-ink, #44464b) 78%, var(--claim-command-steel, #526980)) 72%, rgb(94 91 84)), var(--claim-command-ink, #44464b);
    }
    color: white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12), 0 18px 28px -34px rgb(20 24 30 / 0.72);
  }
  .claim-details-view .claim-payment-empty-card--schedule::before, .claim-details-view .claim-payment-empty-card--negotiation::before {
    position: absolute;
    inset: 0.78rem auto 0.78rem 0.56rem;
    width: 3px;
    border-radius: 999px;
    content: "";
    background: linear-gradient(180deg, var(--claim-command-taupe, #aca296), var(--claim-command-steel, #526980));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, var(--claim-command-taupe, #aca296), color-mix(in oklab, var(--claim-command-steel, #526980) 72%, white));
    }
  }
  .claim-details-view .claim-payment-empty-card--schedule::after, .claim-details-view .claim-payment-empty-card--negotiation::after {
    position: absolute;
    right: 0.62rem;
    bottom: 0.62rem;
    width: 4.6rem;
    height: 4.6rem;
    border: 1px solid rgb(255 255 255 / 0.08);
    border-radius: 999px;
    content: "";
    background: rgb(255 255 255 / 0.035);
  }
  .claim-details-view .claim-payment-empty-card--schedule > *, .claim-details-view .claim-payment-empty-card--negotiation > * {
    position: relative;
    z-index: 1;
  }
  .claim-details-view .claim-payment-empty-card--schedule .claim-payment-empty-card__eyebrow, .claim-details-view .claim-payment-empty-card--negotiation .claim-payment-empty-card__eyebrow {
    color: rgb(226 232 228 / 0.78);
  }
  .claim-details-view .claim-payment-empty-card--schedule .claim-payment-empty-card__title, .claim-details-view .claim-payment-empty-card--negotiation .claim-payment-empty-card__title {
    color: white;
    font-size: 0.98rem;
  }
  .claim-details-view .claim-payment-empty-card--schedule .claim-payment-empty-card__copy, .claim-details-view .claim-payment-empty-card--negotiation .claim-payment-empty-card__copy {
    max-width: 22rem;
    color: rgb(245 246 243 / 0.74);
    font-size: 0.74rem;
    line-height: 1.42;
  }
  .claim-details-view .claim-payment-flow-strip {
    display: flex;
    flex-wrap: wrap;
    gap: 0.34rem;
    margin-top: auto;
    padding-top: 0.76rem;
  }
  .claim-details-view .claim-payment-flow-strip span {
    border: 1px solid rgb(255 255 255 / 0.14);
    border-radius: 999px;
    padding: 0.18rem 0.46rem;
    background: rgb(255 255 255 / 0.075);
    color: rgb(245 246 243 / 0.78);
    font-size: 0.62rem;
    font-weight: 760;
    line-height: 1.1;
  }
  .claim-details-view .claim-payment-form-card--inline, .claim-details-view .claim-payment-decision-panel, .claim-details-view .claim-payment-decision-card, .claim-details-view .claim-payment-note-card, .claim-details-view .payment-plan-schedule {
    border-color: var(--claim-command-line, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-line, var(--color-border)) 72%, white);
    }
    border-radius: 14px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(248 247 244 / 0.72)), linear-gradient(135deg, var(--claim-command-steel, #526980), transparent 52%), white;
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(248 247 244 / 0.72)), linear-gradient(135deg, color-mix(in oklab, var(--claim-command-steel, #526980) 5%, transparent), transparent 52%), white;
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 14px 24px -34px rgb(35 38 43 / 0.26);
  }
  .claim-details-view .claim-payment-form-card--inline {
    grid-template-columns: minmax(13rem, 0.26fr) minmax(0, 1fr);
    align-items: center;
    min-height: 9rem;
    padding: 0.82rem;
  }
  .claim-details-view .claim-payment-card-intro {
    padding-right: 0.7rem;
    border-right: 1px solid var(--claim-command-line, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-right: 1px solid color-mix(in oklab, var(--claim-command-line, var(--color-border)) 70%, transparent);
    }
  }
  .claim-details-view .claim-payment-form-card--inline .claim-payment-form__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.5rem;
  }
  .claim-details-view .claim-payment-decision-panel--proposal-start {
    padding: 0.8rem;
  }
  .claim-details-view .claim-payment-decision-panel--proposal-start .claim-payment-decision-panel__head {
    align-items: center;
    padding-bottom: 0.56rem;
    border-bottom-color: var(--claim-command-line, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom-color: color-mix(in oklab, var(--claim-command-line, var(--color-border)) 66%, transparent);
    }
  }
  .claim-details-view .claim-payment-decision-panel--proposal-review {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(246 248 247 / 0.7)), var(--claim-command-steel, #526980);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(246 248 247 / 0.7)), color-mix(in oklab, var(--claim-command-steel, #526980) 4%, white);
    }
  }
  .claim-details-view .claim-payment-decision-card--decline {
    border-color: var(--claim-command-red, #c12b45);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-red, #c12b45) 28%, var(--claim-command-line, var(--color-border)));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 247 247 / 0.7)), var(--claim-command-red, #c12b45);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 247 247 / 0.7)), color-mix(in oklab, var(--claim-command-red, #c12b45) 4%, white);
    }
  }
  .claim-details-view .claim-payment-decision-card--counter {
    border-color: var(--claim-command-steel, #526980);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-steel, #526980) 30%, var(--claim-command-line, var(--color-border)));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(244 248 248 / 0.74)), var(--claim-command-steel, #526980);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(244 248 248 / 0.74)), color-mix(in oklab, var(--claim-command-steel, #526980) 4%, white);
    }
  }
  .claim-details-view .claim-payment-surface--workflow .claim-payment-form {
    gap: 0.56rem;
    margin-top: 0;
  }
  .claim-details-view .claim-payment-surface--workflow .claim-payment-field label, .claim-details-view .claim-payment-surface--workflow .claim-payment-field > span:first-child {
    margin-bottom: 0.18rem;
    color: var(--claim-command-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink, var(--color-text)) 72%, var(--color-subtle));
    }
    font-size: 0.68rem;
    font-weight: 760;
  }
  .claim-details-view .claim-payment-surface--workflow .claim-payment-field > span:not(:first-child) {
    color: var(--claim-command-ink, oklch(0.285 0.014 245));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-command-ink, var(--color-text)) 52%, var(--color-subtle));
    }
    font-size: 0.64rem;
  }
  .claim-details-view .claim-payment-surface--workflow :is(input.input, select.input, textarea.input) {
    min-height: 2rem;
    border-color: var(--claim-command-line, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-line, var(--color-border)) 78%, white);
    }
    border-radius: 11px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(250 249 246 / 0.82)), white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 10px 18px -20px rgb(35 38 43 / 0.38);
    color: var(--claim-command-ink, var(--color-text));
    font-size: 0.76rem;
  }
  .claim-details-view .claim-payment-surface--workflow textarea.input {
    min-height: 4rem;
  }
  .claim-details-view .claim-payment-surface--workflow .claim-payment-form__actions {
    margin-top: 0.1rem;
  }
  .claim-details-view .claim-payment-surface--workflow :is(.btn-primary, .btn-muted, .btn-ghost).btn-compact {
    min-height: 2.06rem;
    border-radius: 10px;
    padding: 0.46rem 0.74rem;
    font-size: 0.72rem;
    font-weight: 760;
    letter-spacing: 0;
    line-height: 1.1;
  }
  .claim-details-view .claim-payment-surface--workflow :is(.btn-primary, .btn-muted).btn-compact {
    border: 1px solid var(--claim-command-ink, #44464b);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-ink, #44464b) 84%, black);
    }
    background: linear-gradient(180deg, var(--claim-command-ink, #44464b), var(--claim-command-ink, #44464b)), var(--claim-command-ink, #44464b);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--claim-command-ink, #44464b) 96%, white), color-mix(in oklab, var(--claim-command-ink, #44464b) 88%, black)), var(--claim-command-ink, #44464b);
    }
    color: white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 12px 18px -18px rgb(20 24 30 / 0.58);
  }
  .claim-details-view .claim-payment-surface--workflow .btn-ghost.btn-compact {
    border: 1px solid var(--claim-command-line, oklch(0.842 0.018 228));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-command-line, var(--color-border)) 88%, white);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(246 245 242 / 0.72)), white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86);
  }
  .claim-details-view .claim-payment-surface--workflow .payment-plan-schedule {
    padding: 0.74rem;
  }
  .claim-details-view .claim-payment-surface--workflow .payment-plan-schedule__summary {
    gap: 0.46rem;
    margin-top: 0.5rem;
  }
  .claim-details-view .claim-payment-surface--workflow .payment-plan-schedule__metric {
    border-radius: 11px;
    padding: 0.62rem 0.68rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(248 247 244 / 0.58)), white;
  }
  .claim-details-view .claim-payment-surface--workflow .payment-plan-schedule__metric--primary {
    border-color: var(--claim-command-steel, #526980);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-command-steel, #526980) 38%, var(--claim-command-line, var(--color-border)));
    }
    background: linear-gradient(180deg, var(--claim-command-steel, #526980), rgb(255 255 255 / 0.74)), white;
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--claim-command-steel, #526980) 7%, white), rgb(255 255 255 / 0.74)), white;
    }
  }
  @media (max-width: 82rem) {
    .claim-details-view .claim-payment-schedule-grid--empty, .claim-details-view .claim-payment-proposal-layout--empty, .claim-details-view .claim-payment-proposal-layout:not(.claim-payment-proposal-layout--empty), .claim-details-view .claim-payment-form-card--inline, .claim-details-view .claim-payment-form-card--inline .claim-payment-form__grid {
      grid-template-columns: 1fr;
    }
    .claim-details-view .claim-payment-card-intro {
      padding-right: 0;
      padding-bottom: 0.62rem;
      border-right: 0;
      border-bottom: 1px solid var(--claim-command-line, oklch(0.842 0.018 228));
      @supports (color: color-mix(in lab, red, red)) {
        border-bottom: 1px solid color-mix(in oklab, var(--claim-command-line, var(--color-border)) 70%, transparent);
      }
    }
  }
  @media (max-width: 52rem) {
    .claim-details-view .claim-payment-surface--workflow .claim-payment-surface__header {
      align-items: stretch;
      padding: 0.82rem;
    }
    .claim-details-view .claim-payment-surface--workflow .claim-payment-surface__body, .claim-details-view .claim-payment-schedule-grid--empty, .claim-details-view .claim-payment-proposal-layout--empty, .claim-details-view .claim-payment-proposal-layout:not(.claim-payment-proposal-layout--empty) {
      padding: 0.5rem;
    }
    .claim-details-view .claim-payment-empty-card--schedule, .claim-details-view .claim-payment-empty-card--negotiation {
      min-height: 0;
    }
  }
}
body:has(.claim-details-view) {
  --claim-shot-ink: #0c1724;
  --claim-shot-ink-2: #132232;
  --claim-shot-ink-3: #1f3142;
  --claim-shot-soft: #f6faf8;
  --claim-shot-mist: #edf4f2;
  --claim-shot-line: rgb(18 32 45 / 0.12);
  --claim-shot-muted: #6f7e89;
  --claim-shot-text: #102033;
  --claim-shot-teal: #37a7b0;
  --claim-shot-green: #0f8d72;
  --claim-shot-red: #d81745;
  min-width: 0;
  background: radial-gradient(circle at 86% 20%, rgb(55 167 176 / 0.12), transparent 28%), linear-gradient(120deg, #eef5f3, #e6efec 55%, #dbe6e2) !important;
  color: var(--claim-shot-text);
}
body:has(.claim-details-view), body:has(.claim-details-view) :where(h1, h2, h3, h4, h5, h6, p, a, span, small, strong, label, button, input, textarea, select, th, td) {
  letter-spacing: 0 !important;
}
body:has(.claim-details-view) .app-shell {
  position: relative;
  min-height: 100vh;
  padding: 0 !important;
  background: transparent !important;
}
body:has(.claim-details-view) .app-shell::before {
  content: "";
  position: fixed;
  z-index: 0;
  inset: 0 auto 0 0;
  width: 270px;
  border-right: 1px solid var(--claim-shot-line);
  background: rgb(247 251 250 / 0.72);
  backdrop-filter: blur(18px);
}
body:has(.claim-details-view) .container-card {
  position: relative;
  z-index: 1;
  width: 100%;
  max-width: none !important;
  min-height: 100vh;
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.claim-details-view) .container-card > footer {
  display: none !important;
}
body:has(.claim-details-view) .app-disclaimer-shell {
  position: fixed !important;
  z-index: 70;
  top: 0;
  right: 0;
  left: 270px;
}
body:has(.claim-details-view) .app-disclaimer {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 31px;
  padding: 0 24px;
  border: 0;
  border-bottom: 1px solid rgb(255 255 255 / 0.08);
  border-radius: 0;
  background: #0b1624 !important;
  color: rgb(255 255 255 / 0.84) !important;
  font-size: 12px;
  font-weight: 500;
  box-shadow: none !important;
}
body:has(.claim-details-view) .app-topbar {
  position: fixed !important;
  z-index: 70;
  top: 31px;
  right: 0;
  left: 270px;
  height: 81px;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #0b1624 0%, #101e2c 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 38px rgb(0 0 0 / 0.18) !important;
}
body:has(.claim-details-view) .app-topbar::before, body:has(.claim-details-view) .app-topbar::after {
  content: none !important;
  display: none !important;
}
body:has(.claim-details-view) .app-topbar__primary {
  display: grid !important;
  grid-template-columns: minmax(220px, 250px) minmax(22rem, 1fr) max-content;
  align-items: center;
  gap: 22px;
  width: 100%;
  height: 100%;
  padding: 0 34px !important;
}
body:has(.claim-details-view) .app-topbar__brand {
  display: contents !important;
}
body:has(.claim-details-view) .app-brand-link {
  display: flex !important;
  grid-column: 1;
  align-items: center;
  justify-content: flex-start;
  width: 100%;
  height: 100%;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.claim-details-view) .app-brand-logo {
  display: block;
  width: min(235px, 100%) !important;
  max-width: 100%;
  height: auto !important;
  max-height: 64px !important;
  object-fit: contain;
  filter: drop-shadow(0 12px 18px rgb(0 0 0 / 0.32));
}
body:has(.claim-details-view) .app-operator-badge {
  position: fixed !important;
  z-index: 75;
  top: 27px;
  left: 12px;
  display: grid !important;
  grid-template-columns: 35px minmax(0, 1fr) 32px;
  grid-template-rows: 1fr 1fr;
  column-gap: 8px;
  align-items: center;
  width: min(244px, calc(100vw - 24px));
  height: auto;
  min-height: 58px;
  margin: 0 !important;
  padding: 8px 12px !important;
  border: 0 !important;
  border-radius: 25px !important;
  background: linear-gradient(135deg, #172637, #101824) !important;
  color: #ffffff !important;
  text-decoration: none;
  box-shadow: 0 16px 32px rgb(17 29 41 / 0.16) !important;
}
body:has(.claim-details-view) .app-operator-badge__role {
  grid-row: 1 / 3;
  display: grid !important;
  place-items: center;
  width: 35px;
  height: 35px;
  border-radius: 999px;
  background: linear-gradient(135deg, #2a8aa0, #1c3448) !important;
  color: #ffffff !important;
  font-size: 13px;
  font-weight: 800;
}
body:has(.claim-details-view) .app-operator-badge__label {
  align-self: end;
  color: rgb(255 255 255 / 0.55) !important;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
}
body:has(.claim-details-view) .app-operator-badge__name {
  align-self: start;
  min-width: 0;
  overflow: visible;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 800;
  line-height: 1.15;
  overflow-wrap: anywhere;
  text-overflow: clip;
  white-space: normal;
}
body:has(.claim-details-view) .app-operator-badge__settings {
  grid-column: 3;
  grid-row: 1 / 3;
  display: grid !important;
  place-items: center;
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: rgb(255 255 255 / 0.08) !important;
  color: #ffffff !important;
}
body:has(.claim-details-view) .app-topbar__search {
  grid-column: 2;
  width: 100%;
  min-width: 0;
}
body:has(.claim-details-view) .app-search-shell {
  position: relative;
  display: block;
  width: 100%;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.claim-details-view) .app-search-input {
  width: 100% !important;
  height: 46px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 18px !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: #ffffff !important;
  font-size: 14px;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.05) !important;
}
body:has(.claim-details-view) .app-search-input::placeholder {
  color: rgb(255 255 255 / 0.62) !important;
}
body:has(.claim-details-view) .app-topbar__actions {
  display: flex !important;
  grid-column: 3;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
  min-width: max-content;
}
body:has(.claim-details-view) .app-topbar__actions :where(.btn-primary, .btn-muted, .btn-danger, .app-language-switcher__trigger) {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 17px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: #ffffff !important;
  font-size: 14px;
  font-weight: 750;
  box-shadow: none !important;
}
body:has(.claim-details-view) .app-topbar__actions .btn-danger {
  border-color: transparent !important;
  background: var(--claim-shot-red) !important;
  box-shadow: 0 8px 22px rgb(216 23 69 / 0.3) !important;
}
body:has(.claim-details-view) .app-language-switcher__trigger {
  min-width: 52px;
  padding-inline: 0 !important;
}
body:has(.claim-details-view) .app-language-switcher__icon, body:has(.claim-details-view) .app-language-switcher__chevron {
  display: none !important;
}
body:has(.claim-details-view) #content {
  width: auto;
  margin-left: 270px;
  padding: 140px 36px 64px !important;
}
body:has(.claim-details-view) .local-db-badge {
  z-index: 80;
  left: 12px !important;
  bottom: 30px !important;
  display: flex !important;
  flex-direction: column;
  align-items: flex-start;
  gap: 3px;
  width: min(244px, calc(100vw - 24px));
  min-height: 72px;
  padding: 14px 38px 14px 16px !important;
  border: 1px solid rgb(18 32 45 / 0.08) !important;
  border-radius: 16px !important;
  background: rgb(255 255 255 / 0.76) !important;
  color: #102033 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
}
body:has(.claim-details-view) .local-db-badge::after {
  content: "";
  position: absolute;
  top: 18px;
  right: 16px;
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: #0fa678;
}
body:has(.claim-details-view) .local-db-badge__label {
  display: block;
  color: #5d6b76 !important;
  font-size: 10px;
  font-weight: 800;
  line-height: 1.1;
  text-transform: uppercase;
}
body:has(.claim-details-view) .local-db-badge__name {
  display: block;
  margin-top: 3px;
  max-width: none !important;
  overflow: visible !important;
  color: #102033 !important;
  font-size: 13px;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-overflow: clip !important;
  white-space: normal !important;
}
.claim-details-view .claim-details-admin-actions :where(.shared-note-slot, .shared-note-mount) {
  display: flex !important;
  flex: 0 0 auto;
  align-items: center;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 42px !important;
  padding: 0 16px !important;
  border: 1px solid rgb(17 29 41 / 0.12) !important;
  border-radius: 16px !important;
  background: rgb(255 255 255 / 0.92) !important;
  color: #102033 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: 0 12px 34px rgb(17 29 41 / 0.07) !important;
  backdrop-filter: blur(14px);
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher:hover {
  border-color: rgb(55 167 176 / 0.38) !important;
  background: #ffffff !important;
  transform: translateY(-1px);
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher__icon {
  width: 16px !important;
  height: 16px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #0f7180 !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher__icon svg {
  width: 16px !important;
  height: 16px !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher__badge {
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 6px !important;
  background: rgb(55 167 176 / 0.12) !important;
  color: #0f7180 !important;
}
.claim-details-view {
  width: 100%;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--claim-shot-text);
}
.claim-details-view .claim-scroll-toc {
  display: block !important;
  position: fixed !important;
  z-index: 40;
  top: 146px !important;
  left: 24px !important;
  width: 219px !important;
  max-width: calc(100vw - 48px);
  margin: 0 !important;
  transform: none !important;
}
@media (min-width: 1181px) {
  .claim-details-view .claim-scroll-toc-inline {
    display: none !important;
  }
}
.claim-details-view .claim-scroll-toc__card {
  padding: 20px 17px !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 22px !important;
  background: rgb(255 255 255 / 0.68) !important;
  color: #253548 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
  backdrop-filter: blur(18px);
}
.claim-details-view .claim-scroll-toc__card :where(.text-\[11px\], .claim-scroll-toc__section-label) {
  color: #51606c !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-transform: uppercase;
}
.claim-details-view .claim-scroll-toc__section-label {
  margin-top: 0;
  margin-bottom: 8px;
}
.claim-details-view .claim-toc-link {
  display: flex !important;
  align-items: center;
  min-height: 36px;
  margin: 5px 0;
  padding: 0 12px !important;
  border-radius: 13px !important;
  color: #253548 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  text-decoration: none;
}
.claim-details-view .claim-toc-link::before {
  content: "";
  width: 8px;
  height: 8px;
  margin-right: 10px;
  border-radius: 999px;
  background: #cfd9d8;
  flex: none;
}
.claim-details-view .claim-toc-link.is-active, .claim-details-view .claim-toc-link[aria-current="location"], .claim-details-view .claim-toc-link[aria-current="true"], .claim-details-view .claim-toc-link:hover {
  background: linear-gradient(90deg, #ffffff, #edf5f4) !important;
  box-shadow: 0 9px 19px rgb(20 31 42 / 0.06) !important;
}
.claim-details-view .claim-toc-link.is-active::before, .claim-details-view .claim-toc-link[aria-current="location"]::before, .claim-details-view .claim-toc-link[aria-current="true"]::before, .claim-details-view .claim-toc-link:hover::before {
  background: var(--claim-shot-teal);
  box-shadow: 0 0 0 5px rgb(55 167 176 / 0.14);
}
.claim-details-view .claim-details-hero {
  position: relative;
  margin: 60px 0 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #f7fbfc !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-hero::before, .claim-details-view .claim-details-hero::after, .claim-details-view .claim-details-hero__copy::before, .claim-details-view .claim-details-hero__copy::after {
  content: none !important;
  display: none !important;
}
.claim-details-view .claim-details-hero__masthead {
  position: absolute;
  right: 0;
  bottom: calc(100% + 18px);
  left: 0;
  display: flex !important;
  align-items: center;
  justify-content: space-between;
  min-height: 42px;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.claim-details-view .claim-details-backlink {
  display: inline-flex !important;
  align-items: center;
  gap: 7px;
  height: 42px;
  padding: 0 19px !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: #ffffff !important;
  color: #243548 !important;
  font-size: 14px;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-details-admin-actions {
  display: flex !important;
  align-items: center;
  justify-content: flex-end;
  gap: 12px;
}
.claim-details-view .claim-details-admin-button {
  display: inline-flex !important;
  align-items: center;
  gap: 8px;
  height: 42px;
  padding: 0 17px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: #213347 !important;
  font-size: 14px;
  font-weight: 800;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-details-admin-button--danger {
  background: #fff5f7 !important;
  color: #d6224b !important;
}
.claim-details-view .claim-details-hero__content {
  position: relative;
  z-index: 1;
  display: grid !important;
  grid-template-columns: 34% 31% 35%;
  gap: 0 !important;
  height: 318px;
  min-height: 318px !important;
  overflow: hidden;
  border: 1px solid rgb(255 255 255 / 0.13) !important;
  border-radius: 20px !important;
  background: radial-gradient(circle at 27% -30%, rgb(76 133 152 / 0.42), transparent 34%), linear-gradient(113deg, #111e2d 0%, #18283a 45%, #0f1b29 100%) !important;
  color: #f7fbfc !important;
  box-shadow: 0 28px 58px rgb(10 19 30 / 0.28) !important;
}
.claim-details-view .claim-details-hero__content::before {
  content: "";
  position: absolute;
  inset: -30% 37% -40% auto;
  width: 380px;
  transform: skew(-15deg);
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / 0.06), transparent);
  pointer-events: none;
}
.claim-details-view .claim-details-hero__copy, .claim-details-view .claim-details-hero__aside, .claim-details-view .claim-details-hero__arrests {
  position: relative;
  z-index: 1;
  min-width: 0;
  padding: 28px 30px !important;
  border: 0 !important;
  border-right: 1px solid rgb(255 255 255 / 0.11) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-hero__arrests {
  border-right: 0 !important;
}
.claim-details-view .claim-details-hero__eyebrow-row {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
  margin: 0 0 18px !important;
}
.claim-details-view .claim-details-hero__eyebrow {
  color: rgb(255 255 255 / 0.58) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-transform: uppercase;
}
.claim-details-view .claim-details-hero__state-pill, .claim-details-view .claim-details-hero-status__chip, .claim-details-view .claim-details-money-panel__meta, .claim-details-view .claim-details-hero-arrests__all, .claim-details-view .claim-details-hero-arrests__more {
  display: inline-flex !important;
  align-items: center;
  min-height: 26px;
  padding: 0 12px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: rgb(255 255 255 / 0.78) !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  text-decoration: none;
}
.claim-details-view .claim-details-hero__state-pill:first-of-type {
  border-color: rgb(240 200 106 / 0.22) !important;
  background: rgb(240 200 106 / 0.08) !important;
  color: #f0c86a !important;
}
.claim-details-view .claim-details-hero__state-pill--created {
  color: #51d5c3 !important;
}
.claim-details-view .claim-details-hero__title {
  max-width: 16ch;
  margin: 0 0 22px !important;
  color: #ffffff !important;
  font-size: clamp(2.35rem, 2.2vw, 42px) !important;
  font-weight: 800 !important;
  line-height: 1 !important;
}
.claim-details-view .claim-details-hero__entity-link, .claim-details-view .claim-details-hero__meta-link {
  color: inherit !important;
  text-decoration: none !important;
}
.claim-details-view .claim-details-hero__identity-grid {
  display: grid !important;
  grid-template-columns: 1fr 1.15fr;
  gap: 12px;
  margin: 0 0 14px !important;
}
.claim-details-view .claim-details-hero__identity-item {
  min-height: 66px;
  padding: 13px 15px !important;
  border: 1px solid rgb(255 255 255 / 0.11) !important;
  border-radius: 16px !important;
  background: rgb(255 255 255 / 0.07) !important;
  color: #f7fbfc !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-hero__identity-label, .claim-details-view .claim-details-summary-card__label, .claim-details-view .claim-details-summary-card__mini-label, .claim-details-view .claim-details-money-panel__eyebrow, .claim-details-view .claim-details-hero-arrests__eyebrow {
  display: block;
  color: rgb(255 255 255 / 0.55) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  text-transform: uppercase;
}
.claim-details-view .claim-details-hero__identity-value {
  margin-top: 5px;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
}
.claim-details-view .claim-details-hero__identity-meta, .claim-details-view .claim-details-hero-status__detail, .claim-details-view .claim-details-summary-card__meta, .claim-details-view .claim-details-summary-card__mini-meta {
  color: rgb(255 255 255 / 0.62) !important;
}
.claim-details-view .claim-details-hero-status {
  min-height: 62px;
  padding: 13px 15px !important;
  border: 1px solid rgb(255 255 255 / 0.13) !important;
  border-radius: 16px !important;
  background: rgb(0 0 0 / 0.14) !important;
  color: #f7fbfc !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-hero-status__indicator {
  display: none !important;
}
.claim-details-view .claim-details-hero-status__eyebrow {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
.claim-details-view .claim-details-hero-status__text {
  margin: 4px 0 0 !important;
  color: rgb(255 255 255 / 0.68) !important;
  font-size: 13px !important;
}
.claim-details-view .claim-details-money-panel {
  height: 100%;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-money-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 22px;
}
.claim-details-view .claim-details-money-panel__title {
  margin-top: 4px;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 850 !important;
}
.claim-details-view .claim-details-summary-grid {
  display: grid !important;
  grid-template-columns: 1fr;
  gap: 12px;
}
.claim-details-view .claim-details-summary-card {
  border: 1px solid rgb(255 255 255 / 0.10) !important;
  border-radius: 18px !important;
  background: rgb(255 255 255 / 0.055) !important;
  color: #f7fbfc !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-summary-card--due {
  padding: 20px !important;
}
.claim-details-view .claim-details-summary-card__value {
  margin-top: 8px;
  color: #ffffff !important;
  font-size: 30px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}
.claim-details-view .claim-details-summary-card__mini-strip {
  display: grid;
  grid-template-columns: 1fr 0.9fr;
  gap: 0;
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid rgb(255 255 255 / 0.1);
}
.claim-details-view .claim-details-summary-card__mini-stat {
  padding: 0 18px;
  border-right: 1px solid rgb(255 255 255 / 0.10);
}
.claim-details-view .claim-details-summary-card__mini-stat:first-child {
  padding-left: 0;
}
.claim-details-view .claim-details-summary-card__mini-stat:last-child {
  border-right: 0;
}
.claim-details-view .claim-details-summary-card__mini-value {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 850 !important;
}
.claim-details-view .claim-details-summary-card__mini-value--good {
  color: #36d0b6 !important;
}
.claim-details-view #claim-penalty-summary .claim-details-summary-card {
  width: 100%;
  min-height: 39px;
  padding: 10px 12px !important;
  border-radius: 13px !important;
  background: rgb(255 255 255 / 0.08) !important;
}
.claim-details-view .claim-details-hero-arrests__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}
.claim-details-view .claim-details-hero-arrests__eyebrow span {
  display: inline-grid;
  place-items: center;
  min-width: 26px;
  height: 24px;
  margin-left: 7px;
  border-radius: 999px;
  background: rgb(255 255 255 / 0.12);
  color: #ffffff;
  font-size: 12px;
}
.claim-details-view .claim-details-hero-arrests__header h2 {
  margin-top: 4px;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1.15;
}
.claim-details-view .claim-details-hero-arrests__grid {
  display: grid !important;
  grid-template-columns: 1fr 1fr;
  gap: 9px;
}
.claim-details-view .claim-details-hero-arrest {
  display: grid !important;
  grid-template-columns: 34px minmax(0, 1fr);
  column-gap: 10px;
  align-items: center;
  min-height: 44px;
  padding: 7px 10px !important;
  border: 1px solid rgb(255 255 255 / 0.13) !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 0.075) !important;
  color: #f8fbfc !important;
  text-decoration: none;
  box-shadow: none !important;
}
.claim-details-view .claim-details-hero-arrest--button {
  width: 100% !important;
  cursor: pointer !important;
  appearance: none !important;
  font: inherit !important;
  text-align: left !important;
}
.claim-details-view .claim-details-hero-arrest--button:hover {
  background: rgb(255 255 255 / 0.12) !important;
}
.claim-details-view .claim-details-hero-arrest--button:focus-visible {
  outline: 2px solid rgb(101 221 216 / 0.82) !important;
  outline-offset: 2px !important;
}
.claim-details-view .claim-details-hero-arrest--attention {
  border-color: rgb(240 200 106 / 0.34) !important;
  background: rgb(240 200 106 / 0.10) !important;
}
.claim-details-view .claim-details-hero-arrest--button.claim-details-hero-arrest--attention:hover {
  background: rgb(240 200 106 / 0.16) !important;
}
.claim-details-view .claim-details-hero-arrest--waiting {
  border-color: rgb(143 183 255 / 0.30) !important;
  background: rgb(143 183 255 / 0.09) !important;
}
.claim-details-view .claim-details-hero-arrest--button.claim-details-hero-arrest--waiting:hover {
  background: rgb(143 183 255 / 0.14) !important;
}
.claim-details-view .claim-details-hero-arrest--applied {
  border-color: rgb(79 212 193 / 0.18) !important;
}
.claim-details-view .claim-details-hero-arrest__icon {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 10px;
  background: rgb(255 255 255 / 0.08) !important;
  color: #4fd4c1 !important;
}
.claim-details-view .claim-details-hero-arrest--attention .claim-details-hero-arrest__icon {
  background: rgb(240 200 106 / 0.14) !important;
  color: #f0c86a !important;
}
.claim-details-view .claim-details-hero-arrest--waiting .claim-details-hero-arrest__icon {
  background: rgb(143 183 255 / 0.12) !important;
  color: #8fb7ff !important;
}
.claim-details-view .claim-details-hero-arrest__body strong {
  display: block;
  overflow: hidden;
  color: #f8fbfc !important;
  font-size: 12.5px !important;
  font-weight: 800 !important;
  line-height: 1.1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.claim-details-view .claim-details-hero-arrest__body small {
  display: block;
  margin-top: 2px;
  overflow: hidden;
  color: rgb(255 255 255 / 0.54) !important;
  font-size: 10.5px !important;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.claim-details-view .claim-details-hero-arrest--attention .claim-details-hero-arrest__body small {
  color: rgb(250 221 145 / 0.90) !important;
}
.claim-details-view .claim-details-hero-arrest--waiting .claim-details-hero-arrest__body small {
  color: rgb(185 207 255 / 0.88) !important;
}
.claim-details-view .claim-details-hero-arrest__status {
  display: none !important;
}
.claim-details-view .claim-details-hero-arrests__more {
  margin-top: 12px;
  border-style: dashed !important;
}
.claim-details-view .claim-details-tab-outer-shell {
  margin: 26px 0 22px !important;
}
.claim-details-view .claim-details-tab-shell {
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-tabbar--persistent {
  display: inline-flex !important;
  align-items: center;
  width: auto;
  max-width: 100%;
  min-height: 53px;
  gap: 0;
  padding: 5px !important;
  border: 0 !important;
  border-radius: 17px !important;
  background: linear-gradient(180deg, #152434, #0d1825) !important;
  box-shadow: 0 16px 35px rgb(17 29 41 / 0.13) !important;
}
.claim-details-view .claim-details-tab {
  display: grid !important;
  place-items: center;
  min-width: 126px;
  height: 43px;
  min-height: 43px;
  padding: 0 18px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: rgb(255 255 255 / 0.75) !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  text-decoration: none;
  box-shadow: none !important;
}
.claim-details-view .claim-details-tab--active {
  background: #ffffff !important;
  color: #101e2e !important;
  box-shadow: 0 8px 18px rgb(0 0 0 / 0.23) !important;
}
.claim-details-view .claim-details-board {
  overflow: hidden;
  border: 1px solid rgb(17 29 41 / 0.09) !important;
  border-radius: 20px !important;
  background: rgb(255 255 255 / 0.78) !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-details-board__head {
  min-height: 124px;
  padding: 26px 32px !important;
  border: 0 !important;
  background: radial-gradient(circle at 15% -20%, rgb(70 135 154 / 0.4), transparent 42%), linear-gradient(100deg, #152535, #0d1825) !important;
  color: #ffffff !important;
}
.claim-details-view .claim-details-board__mark {
  display: none !important;
}
.claim-details-view .claim-details-board__eyebrow {
  color: rgb(255 255 255 / 0.62) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-transform: uppercase;
}
.claim-details-view .claim-details-board__title {
  margin: 4px 0 !important;
  color: #ffffff !important;
  font-size: 32px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
}
.claim-details-view .claim-details-board__description {
  max-width: 54rem !important;
  margin: 8px 0 0 !important;
  color: rgb(255 255 255 / 0.68) !important;
  font-size: 14.5px !important;
  line-height: 1.35 !important;
}
.claim-details-view .claim-details-board__body {
  padding: 32px !important;
  background: var(--claim-shot-soft) !important;
}
.claim-details-view :where( .claim-info-card, .claim-fees-card, .claim-payment-surface, .claim-arrests-lane, .claim-payment-schedule, .claim-payment-form-card, .claim-payments-disclosure, .claim-details-persistent-actions ) {
  border-color: rgb(17 29 41 / 0.08) !important;
  background: #ffffff !important;
  color: var(--claim-shot-text) !important;
  box-shadow: none !important;
}
.claim-details-view .claim-payment-surface__header, .claim-details-view .claim-payments-disclosure__summary {
  padding: 24px 28px 14px !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  background: transparent !important;
}
.claim-details-view .claim-info-card__eyebrow, .claim-details-view .claim-fees-card__eyebrow, .claim-details-view .claim-payments-disclosure__eyebrow, .claim-details-view .claim-payment-surface__eyebrow {
  color: #6b7a86 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  text-transform: uppercase;
}
.claim-details-view .claim-info-card__title, .claim-details-view .claim-fees-card__title, .claim-details-view .claim-payments-disclosure__title, .claim-details-view .claim-payment-surface__title {
  color: var(--claim-shot-text) !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  line-height: 1.15;
}
.claim-details-view .claim-info-card__description, .claim-details-view .claim-fees-card__description, .claim-details-view .claim-payment-surface__description, .claim-details-view .claim-payments-disclosure__subtitle {
  color: #647480 !important;
}
.claim-details-view :where(.claim-info-card, .claim-fees-card, .claim-payment-surface, .claim-arrests-lane) {
  border-radius: 18px !important;
}
@media (max-width: 1180px) {
  body:has(.claim-details-view) .app-topbar__primary {
    grid-template-columns: minmax(10rem, 0.7fr) minmax(16rem, 1fr) max-content;
    gap: 14px;
    padding-inline: 22px !important;
  }
  body:has(.claim-details-view) .app-topbar__actions {
    gap: 10px;
  }
  body:has(.claim-details-view) .app-topbar__actions :where(.btn-primary, .btn-muted, .btn-danger, .app-language-switcher__trigger) span:not(.app-language-switcher__current):not(.app-language-switcher__code) {
    display: none;
  }
  .claim-details-view .claim-details-hero__content {
    height: auto;
    grid-template-columns: 1fr;
  }
  .claim-details-view .claim-details-hero__copy, .claim-details-view .claim-details-hero__aside, .claim-details-view .claim-details-hero__arrests {
    border-right: 0 !important;
    border-bottom: 1px solid rgb(255 255 255 / 0.11) !important;
  }
  .claim-details-view .claim-details-hero__arrests {
    border-bottom: 0 !important;
  }
}
@media (max-width: 900px) {
  body:has(.claim-details-view) .app-shell::before {
    display: none;
  }
  body:has(.claim-details-view) .app-disclaimer-shell, body:has(.claim-details-view) .app-topbar {
    position: static !important;
    left: auto;
    right: auto;
  }
  body:has(.claim-details-view) .app-topbar {
    height: auto;
    min-height: 81px;
  }
  body:has(.claim-details-view) .app-topbar__primary {
    display: flex !important;
    flex-wrap: wrap;
    padding: 14px !important;
  }
  body:has(.claim-details-view) .app-topbar__brand {
    display: flex !important;
    width: 100%;
  }
  body:has(.claim-details-view) .app-operator-badge {
    position: static !important;
    width: 100%;
  }
  body:has(.claim-details-view) #content {
    margin-left: 0;
    padding: 20px 16px 48px !important;
  }
  .claim-details-view .claim-scroll-toc {
    position: static !important;
    width: 100% !important;
    margin-bottom: 18px !important;
  }
  .claim-details-view .claim-details-hero {
    margin-top: 0 !important;
  }
  .claim-details-view .claim-details-hero__masthead {
    position: static;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 18px;
  }
  .claim-details-view .claim-details-admin-actions, .claim-details-view .claim-details-tabbar--persistent, .claim-details-view .claim-details-board__head {
    flex-wrap: wrap;
  }
  .claim-details-view .claim-details-hero__identity-grid, .claim-details-view .claim-details-hero-arrests__grid {
    grid-template-columns: 1fr;
  }
}
body:has(.claim-details-view) {
  background: radial-gradient(circle at 86% 20%, rgb(55 167 176 / 0.12), transparent 28%), linear-gradient(120deg, #eef5f3, #e6efec 55%, #dbe6e2) !important;
}
body:has(.claim-details-view) .app-shell::before {
  border-right: 1px solid rgb(18 32 45 / 0.08) !important;
  background: rgb(247 251 250 / 0.72) !important;
  box-shadow: none !important;
}
body:has(.claim-details-view) #content {
  padding-top: 140px !important;
}
.claim-details-view {
  --claim-shot-text: #102033;
  --claim-shot-muted: #6f7e89;
  --claim-shot-soft: #f6faf8;
  --claim-shot-line: rgb(17 29 41 / 0.08);
  --claim-shot-shadow: 0 12px 38px rgb(17 29 41 / 0.08);
  --claim-shot-teal: #37a7b0;
  background: transparent !important;
}
.claim-details-view::before, .claim-details-view::after {
  content: none !important;
  display: none !important;
}
.claim-details-view .claim-details-hero {
  margin: 60px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-hero__masthead {
  bottom: calc(100% + 18px) !important;
  min-height: 42px !important;
}
.claim-details-view .claim-details-hero__content {
  display: grid !important;
  grid-template-columns: 34% 31% 35% !important;
  margin-top: 0 !important;
  height: 318px !important;
  min-height: 318px !important;
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.13) !important;
  border-radius: 20px !important;
  background: radial-gradient(circle at 27% -30%, rgb(76 133 152 / 0.42), transparent 34%), linear-gradient(113deg, #111e2d 0%, #18283a 45%, #0f1b29 100%) !important;
  color: #f7fbfc !important;
  box-shadow: 0 28px 58px rgb(10 19 30 / 0.28) !important;
}
.claim-details-view .claim-details-hero__content::before {
  content: "" !important;
  position: absolute !important;
  inset: -30% 37% -40% auto !important;
  display: block !important;
  width: 380px !important;
  transform: skew(-15deg) !important;
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / 0.06), transparent) !important;
  pointer-events: none !important;
}
.claim-details-view .claim-details-hero__content::after {
  content: none !important;
  display: none !important;
}
.claim-details-view .claim-section {
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-hero__copy, .claim-details-view .claim-details-hero__aside, .claim-details-view .claim-details-hero__arrests {
  display: block !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding: 28px 30px !important;
  border: 0 !important;
  border-right: 1px solid rgb(255 255 255 / 0.11) !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-hero__arrests {
  border-right: 0 !important;
}
.claim-details-view .claim-details-hero__eyebrow-row {
  gap: 10px !important;
  min-height: 26px !important;
  margin: 0 0 18px !important;
}
.claim-details-view .claim-details-hero__eyebrow {
  display: none !important;
}
.claim-details-view .claim-details-hero__state-pill--verification {
  display: none !important;
}
.claim-details-view .claim-details-hero__state-pill {
  min-height: 26px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
}
.claim-details-view .claim-details-hero__title {
  max-width: 16ch !important;
  margin: 0 0 22px !important;
  color: #ffffff !important;
  font-size: 42px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
}
.claim-details-view .claim-details-hero__identity-grid {
  display: grid !important;
  grid-template-columns: 1fr 1.15fr !important;
  gap: 12px !important;
  margin: 0 0 14px !important;
}
.claim-details-view .claim-details-hero__identity-item {
  min-height: 66px !important;
  padding: 13px 15px !important;
  border: 1px solid rgb(255 255 255 / 0.11) !important;
  border-radius: 16px !important;
  background: rgb(255 255 255 / 0.07) !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-hero__identity-item::before, .claim-details-view .claim-details-hero__identity-item::after, .claim-details-view .claim-details-hero__identity-label::before, .claim-details-view .claim-details-hero__identity-label::after {
  content: none !important;
  display: none !important;
}
.claim-details-view .claim-details-hero__identity-label {
  display: block !important;
  padding: 0 !important;
  color: rgb(255 255 255 / 0.50) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-details-hero__identity-value {
  display: block !important;
  margin-top: 5px !important;
  overflow: hidden !important;
  color: #ffffff !important;
  font-size: 17px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-details-hero__identity-value--inline {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
.claim-details-view .claim-details-hero__identity-meta {
  margin-top: 2px !important;
  color: rgb(255 255 255 / 0.60) !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}
.claim-details-view .claim-details-hero-status {
  min-height: 62px !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  border: 1px solid rgb(255 255 255 / 0.13) !important;
  border-radius: 16px !important;
  background: rgb(0 0 0 / 0.14) !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-hero-status__eyebrow {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}
.claim-details-view .claim-details-hero-status__text {
  margin: 4px 0 0 !important;
  color: rgb(255 255 255 / 0.68) !important;
  font-size: 13px !important;
  line-height: 1.28 !important;
}
.claim-details-view .claim-details-hero-status__chips {
  display: none !important;
}
.claim-details-view .claim-details-money-panel__header {
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 0 8px !important;
  border-bottom: 1px solid rgb(255 255 255 / 0.10) !important;
}
.claim-details-view .claim-details-money-panel {
  display: flex !important;
  height: 100% !important;
  min-height: 0 !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
.claim-details-view .claim-details-money-panel__eyebrow, .claim-details-view .claim-details-hero-arrests__eyebrow {
  display: inline-block !important;
  width: auto !important;
  max-width: none !important;
  overflow: visible !important;
  white-space: nowrap !important;
  text-indent: 0 !important;
  transform: none !important;
  letter-spacing: 0.11em !important;
}
.claim-details-view .claim-details-money-panel__eyebrow::before, .claim-details-view .claim-details-money-panel__eyebrow::after, .claim-details-view .claim-details-hero-arrests__eyebrow::before, .claim-details-view .claim-details-hero-arrests__eyebrow::after {
  content: none !important;
  display: none !important;
}
.claim-details-view .claim-details-money-panel__title, .claim-details-view .claim-details-hero-arrests__header h2 {
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
}
.claim-details-view .claim-details-summary-card--due {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(11rem, 0.78fr) !important;
  align-items: stretch !important;
  gap: 12px !important;
  min-height: 112px !important;
  padding: 20px !important;
  border-radius: 18px !important;
}
.claim-details-view .claim-details-summary-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 12px !important;
  padding: 6px !important;
}
.claim-details-view .claim-details-summary-card--due .claim-details-summary-card__main {
  min-width: 0 !important;
}
.claim-details-view .claim-details-summary-card--due .claim-details-summary-card__value {
  font-size: 30px !important;
  line-height: 1 !important;
}
.claim-details-view .claim-details-summary-card__mini-strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 0 !important;
  margin-top: 18px !important;
  padding-top: 16px !important;
  border-top: 1px solid rgb(255 255 255 / 0.10) !important;
}
.claim-details-view .claim-details-summary-card__mini-stat {
  min-width: 0 !important;
  padding: 0 14px !important;
  border-right: 1px solid rgb(255 255 255 / 0.10) !important;
}
.claim-details-view .claim-details-summary-card__mini-stat:first-child {
  padding-left: 0 !important;
}
.claim-details-view .claim-details-summary-card__mini-stat:last-child {
  border-right: 0 !important;
  padding-right: 0 !important;
}
.claim-details-view .claim-details-summary-card__mini-label, .claim-details-view .claim-details-summary-card__mini-meta {
  display: block !important;
  color: rgb(255 255 255 / 0.62) !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
}
.claim-details-view .claim-details-summary-card__mini-value {
  display: block !important;
  margin-top: 3px !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-details-summary-card__mini-value--good {
  color: #36d0b6 !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary--hero {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  grid-template-areas: "head . amount" "metrics metrics metrics" !important;
  align-items: center !important;
  gap: 6px 10px !important;
  width: 100% !important;
  min-height: 64px !important;
  padding: 10px 12px !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__head {
  grid-area: head !important;
  display: flex !important;
  align-items: center !important;
  min-width: 0 !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__amount-row {
  grid-area: amount !important;
  display: flex !important;
  align-items: baseline !important;
  justify-self: end !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  min-width: max-content !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__amount-label, .claim-details-view #claim-penalty-summary .claim-penalty-summary__metric-label, .claim-details-view #claim-penalty-summary .claim-penalty-summary__footnote {
  color: rgb(255 255 255 / 0.62) !important;
  font-size: 10px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__amount {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__metrics {
  grid-area: metrics !important;
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 6px !important;
  min-width: 0 !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__metric {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  min-height: 23px !important;
  gap: 6px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 10px !important;
  padding: 4px 8px !important;
  background: rgb(255 255 255 / 0.055) !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__metric::before {
  content: none !important;
  display: none !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__metric-value {
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
}
.claim-details-view .claim-details-summary-grid {
  grid-template-columns: 1fr !important;
  grid-template-areas: none !important;
  grid-auto-flow: row !important;
  align-content: start !important;
  gap: 10px !important;
  height: auto !important;
  padding: 6px !important;
  overflow: hidden !important;
}
.claim-details-view .claim-details-summary-card--due {
  grid-area: auto !important;
  grid-column: 1 !important;
  grid-row: auto !important;
  grid-template-columns: minmax(0, 0.86fr) minmax(12.75rem, 1.14fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 112px !important;
  padding: 16px !important;
  overflow: hidden !important;
}
.claim-details-view .claim-details-summary-card--due .claim-details-summary-card__main {
  align-self: center !important;
  overflow: hidden !important;
}
.claim-details-view .claim-details-summary-card--due .claim-details-summary-card__value {
  font-size: 28px !important;
}
.claim-details-view .claim-details-summary-card--due .claim-details-summary-card__meta {
  max-width: 100% !important;
  overflow: visible !important;
  font-size: 11px !important;
  line-height: 1.15 !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
.claim-details-view .claim-details-summary-card__mini-strip {
  align-self: center !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  border-top: 0 !important;
}
.claim-details-view .claim-details-summary-card__mini-stat {
  padding-inline: 8px !important;
}
.claim-details-view .claim-details-summary-card__mini-label {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
.claim-details-view .claim-details-summary-card__mini-value {
  overflow: visible !important;
  font-size: 14.5px !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-details-summary-card__mini-meta {
  max-width: 100% !important;
  overflow: visible !important;
  line-height: 1.12 !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
.claim-details-view #claim-penalty-summary {
  grid-area: auto !important;
  grid-column: 1 !important;
  grid-row: auto !important;
  min-width: 0 !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary--hero {
  min-height: 58px !important;
  padding: 8px 10px !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__metrics {
  gap: 5px !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__metric {
  min-height: 21px !important;
  padding: 3px 7px !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__amount {
  font-size: 18px !important;
}
.claim-details-view :is([data-claim-details-tab-frame], #claimDetailsTabFrame) {
  margin: 13px 0 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-hero-arrests__empty {
  min-height: 74px !important;
  padding: 18px !important;
  border: 1px dashed rgb(255 255 255 / 0.18) !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 0.04) !important;
}
@media (max-width: 1640px) {
  .claim-details-view .claim-details-hero__content {
    grid-template-columns: minmax(0, 0.92fr) minmax(26rem, 1.08fr) !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden !important;
  }
  .claim-details-view .claim-details-hero__copy, .claim-details-view .claim-details-hero__aside, .claim-details-view .claim-details-hero__arrests {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
  }
  .claim-details-view .claim-details-hero__copy {
    border-right: 1px solid rgb(255 255 255 / 0.11) !important;
    border-bottom: 1px solid rgb(255 255 255 / 0.11) !important;
  }
  .claim-details-view .claim-details-hero__aside {
    border-right: 0 !important;
    border-bottom: 1px solid rgb(255 255 255 / 0.11) !important;
  }
  .claim-details-view .claim-details-hero__arrests {
    grid-column: 1 / -1 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
  }
  .claim-details-view .claim-details-money-panel {
    height: auto !important;
    overflow: visible !important;
  }
  .claim-details-view .claim-details-summary-grid {
    overflow: visible !important;
  }
  .claim-details-view .claim-details-summary-card--due {
    grid-template-columns: minmax(12rem, 0.9fr) minmax(14rem, 1.1fr) !important;
  }
  .claim-details-view .claim-details-hero-arrests__empty {
    min-height: 70px !important;
  }
}
@media (max-width: 1320px) {
  .claim-details-view .claim-details-hero__content {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view .claim-details-hero__copy, .claim-details-view .claim-details-hero__aside {
    border-right: 0 !important;
    border-bottom: 1px solid rgb(255 255 255 / 0.11) !important;
  }
  .claim-details-view .claim-details-hero__identity-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 760px) {
  .claim-details-view .claim-details-hero__content {
    max-width: 100% !important;
    overflow: visible !important;
  }
  .claim-details-view .claim-details-hero__copy, .claim-details-view .claim-details-hero__aside, .claim-details-view .claim-details-hero__arrests {
    padding: 22px 18px !important;
  }
  .claim-details-view .claim-details-hero__identity-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-details-hero__identity-value, .claim-details-view .claim-details-hero__entity-link, .claim-details-view .claim-details-hero__meta-link {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
  .claim-details-view .claim-details-hero__identity-value--inline {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
  }
  .claim-details-view .claim-details-summary-card--due {
    grid-template-columns: 1fr !important;
    align-items: start !important;
  }
  .claim-details-view .claim-details-summary-card__mini-strip {
    margin-top: 14px !important;
    padding-top: 14px !important;
    border-top: 1px solid rgb(255 255 255 / 0.10) !important;
  }
}
.claim-details-view .claim-details-tab-outer-shell {
  margin: 13px 0 22px !important;
}
.claim-details-view .claim-details-tabbar--persistent {
  min-height: 53px !important;
  padding: 5px !important;
  border-radius: 17px !important;
}
.claim-details-view .claim-details-tab {
  min-width: 0 !important;
  height: 43px !important;
  min-height: 43px !important;
  padding-inline: 18px !important;
  border-radius: 13px !important;
}
.claim-details-reference-main-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(290px, 340px) !important;
  align-items: start !important;
  gap: 22px 28px !important;
}
.claim-details-reference-main-grid__content {
  min-width: 0 !important;
}
.claim-details-reference-main-grid .claim-scroll-toc {
  display: none !important;
}
.claim-details-reference-main-grid .claim-details-board--info, .claim-details-reference-main-grid .claim-details-board--info .claim-details-board__body {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-reference-main-grid .claim-details-board--info .claim-details-board__head {
  display: none !important;
}
.claim-details-reference-main-grid .claim-details-board--info .claim-details-board__body {
  padding: 0 !important;
}
.claim-details-view .claim-reference-main-summary {
  margin: 0 !important;
  padding: 24px 28px 22px !important;
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.09) !important;
  border-bottom: 0 !important;
  border-radius: 20px 20px 0 0 !important;
  background: rgb(255 255 255 / 0.78) !important;
  box-shadow: var(--claim-shot-shadow) !important;
}
.claim-details-view .claim-reference-main-summary__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  margin-bottom: 18px !important;
}
.claim-details-view .claim-reference-main-summary__header h3, .claim-details-view .claim-reference-profile__section-head h3 {
  margin: 0 !important;
  color: var(--claim-shot-text) !important;
  font-size: 17px !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
}
.claim-details-view .claim-reference-main-summary__header p, .claim-details-view .claim-reference-profile__section-head p {
  margin: 5px 0 0 !important;
  color: #647480 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
.claim-details-view .claim-reference-main-summary__metrics {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ffffff, #f7faf9) !important;
}
.claim-details-view .claim-reference-main-summary__toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 39px !important;
  padding: 0 15px !important;
  border: 1px solid rgb(17 29 41 / 0.10) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #24384c !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-reference-main-summary__metrics article {
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  min-width: 0 !important;
  min-height: 106px !important;
  padding: 22px 24px !important;
  border-right: 1px solid rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-reference-main-summary__metrics article:last-child {
  border-right: 0 !important;
}
.claim-details-view .claim-reference-main-summary__icon {
  display: grid !important;
  flex: 0 0 48px !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  border: 1px solid rgb(55 167 176 / 0.25) !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #e6f6f7, #ffffff) !important;
  color: #168fa0 !important;
}
.claim-details-view .claim-reference-main-summary__metrics span:not(.claim-reference-main-summary__icon) {
  display: block !important;
  color: #6c7c88 !important;
  font-size: 12px !important;
}
.claim-details-view .claim-reference-main-summary__metrics strong {
  display: block !important;
  margin-top: 4px !important;
  overflow: hidden !important;
  color: var(--claim-shot-text) !important;
  font-size: 21px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-reference-main-summary__metrics small {
  display: block !important;
  margin-top: 5px !important;
  overflow: hidden !important;
  color: #697985 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-info-workspace--reference {
  display: block !important;
  margin: 0 !important;
}
.claim-details-view .claim-reference-stack {
  display: grid !important;
  gap: 24px !important;
  margin: 0 !important;
}
.claim-details-view .claim-reference-profile {
  margin: 0 0 24px !important;
  padding: 0 28px 28px !important;
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.09) !important;
  border-top: 0 !important;
  border-radius: 0 0 20px 20px !important;
  background: rgb(255 255 255 / 0.78) !important;
  box-shadow: var(--claim-shot-shadow) !important;
}
.claim-details-view .claim-reference-profile__section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin: 0 !important;
  padding: 22px 0 20px !important;
  border-top: 1px solid rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-reference-profile__section-head .btn-muted {
  min-height: 32px !important;
  padding: 0 13px !important;
  border: 1px solid rgb(17 29 41 / 0.10) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #24384c !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}
.claim-details-view .claim-reference-profile__top {
  display: grid !important;
  grid-template-columns: 1.1fr 1.1fr 0.8fr !important;
  gap: 18px !important;
  margin: 0 0 24px !important;
}
.claim-details-view .claim-reference-band {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  min-height: 96px !important;
  padding: 16px 18px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-reference-band span, .claim-details-view .claim-reference-fact span, .claim-details-view .claim-reference-card__header span, .claim-details-view .claim-reference-calc-item span {
  display: block !important;
  color: #6b7a86 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-reference-band strong, .claim-details-view .claim-reference-fact strong, .claim-details-view .claim-reference-calc-item strong {
  display: block !important;
  min-width: 0 !important;
  color: var(--claim-shot-text) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-reference-band small {
  color: #667987 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
.claim-details-view .claim-reference-profile__layout {
  display: grid !important;
  grid-template-columns: 38% minmax(0, 1fr) !important;
  gap: 24px !important;
}
.claim-details-view .claim-reference-matrix {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.claim-details-view .claim-reference-timeline, .claim-details-view .claim-reference-note, .claim-details-view .claim-reference-fact {
  border-color: rgb(17 29 41 / 0.08) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-reference-timeline {
  display: grid !important;
  align-content: start !important;
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 20px !important;
}
.claim-details-view .claim-reference-timeline__item {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 68px !important;
  padding: 16px 20px !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-reference-timeline__item:last-child {
  border-bottom: 0 !important;
}
.claim-details-view .claim-reference-timeline__item > span {
  display: grid !important;
  place-items: center !important;
  width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: #e9f8f8 !important;
  color: #168fa0 !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-reference-timeline__item strong {
  color: var(--claim-shot-text) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}
.claim-details-view .claim-reference-timeline__item p {
  margin: 4px 0 0 !important;
  color: #667987 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}
.claim-details-view .claim-reference-fact {
  min-height: 82px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 16px !important;
  padding: 15px 17px !important;
}
.claim-details-view .claim-reference-note {
  grid-column: 1 / -1 !important;
  min-height: 148px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 20px !important;
  padding: 20px !important;
}
.claim-details-view .claim-reference-note__head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 16px !important;
}
.claim-details-view .claim-reference-note h4, .claim-details-view .claim-reference-card__header h4 {
  margin: 0 !important;
  color: var(--claim-shot-text) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}
.claim-details-view .claim-reference-note p {
  margin: 18px 0 0 !important;
  color: #24384c !important;
  font-size: 15px !important;
  line-height: 1.5 !important;
}
.claim-details-view .claim-reference-finance-grid, .claim-details-view .claim-reference-fees, .claim-details-view .claim-reference-card--components {
  margin-top: 0 !important;
}
.claim-details-view .claim-reference-card, .claim-details-view .claim-payment-surface, .claim-details-view .claim-arrests-lane {
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-reference-card {
  padding: 24px !important;
}
.claim-details-view .claim-reference-card__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 22px !important;
}
.claim-details-view .claim-reference-card__badges {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}
.claim-details-view .claim-reference-finance-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 24px !important;
}
.claim-details-view .claim-reference-calc-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.claim-details-view .claim-reference-calc-grid--deposit {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.claim-details-view .claim-reference-calc-item {
  display: grid !important;
  align-content: center !important;
  min-height: 84px !important;
  padding: 16px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 16px !important;
  background: #f8fbfa !important;
}
.claim-details-view .claim-reference-calc-item--wide {
  grid-column: 1 / -1 !important;
}
.claim-details-view .claim-reference-fees {
  display: block !important;
}
.claim-details-view .claim-reference-card__note {
  margin: 18px 0 0 !important;
  color: #667987 !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
.claim-details-view .claim-reference-progress-list {
  display: grid !important;
  gap: 0 !important;
}
.claim-details-view .claim-reference-progress {
  display: grid !important;
  grid-template-columns: minmax(9rem, 0.18fr) minmax(10rem, 1fr) 56px minmax(7rem, auto) minmax(7rem, auto) !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 66px !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-reference-progress:last-child {
  border-bottom: 0 !important;
}
.claim-details-view .claim-reference-progress strong, .claim-details-view .claim-reference-progress b {
  color: var(--claim-shot-text) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-reference-progress span {
  color: #24384c !important;
  font-size: 14px !important;
}
.claim-details-view .claim-reference-progress progress {
  width: 100% !important;
  height: 7px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #dce8e5 !important;
}
.claim-details-view .claim-reference-progress progress::-webkit-progress-bar {
  background: #dce8e5 !important;
}
.claim-details-view .claim-reference-progress progress::-webkit-progress-value {
  background: linear-gradient(90deg, #35b8bb, #c5ad6b) !important;
}
.claim-details-view .claim-reference-progress progress::-moz-progress-bar {
  background: linear-gradient(90deg, #35b8bb, #c5ad6b) !important;
}
.claim-details-board--arrests .claim-arrests-compact-board__body {
  padding: 32px !important;
}
.claim-details-view .claim-details-board--arrests .claim-details-board__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 28px !important;
  min-height: 140px !important;
  padding: 32px !important;
}
.claim-details-view .claim-details-board--arrests .claim-details-board__title-group {
  display: block !important;
  min-width: 0 !important;
}
.claim-details-view .claim-arrests-command-strip {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  min-height: 80px !important;
  margin-bottom: 24px !important;
  padding: 18px 24px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-arrests-command-strip__label {
  display: block !important;
  color: #6b7a86 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-arrests-command-strip strong {
  display: block !important;
  margin-top: 5px !important;
  color: var(--claim-shot-text) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}
.claim-details-view .claim-arrests-lanes {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.claim-details-view .claim-arrests-lane {
  overflow: hidden !important;
  border-radius: 20px !important;
}
.claim-details-view .claim-arrests-lane__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 78px !important;
  padding: 20px !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  background: #eef7f5 !important;
}
.claim-details-view .claim-arrests-lane__head h4 {
  margin: 0 !important;
  color: var(--claim-shot-text) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}
.claim-details-view .claim-arrests-lane__head p {
  margin: 4px 0 0 !important;
  color: #607382 !important;
  font-size: 13px !important;
  line-height: 1.3 !important;
}
.claim-details-view .claim-arrests-lane__head > span {
  display: grid !important;
  place-items: center !important;
  min-width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: #102033 !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-arrests-lane__rows {
  padding: 0 !important;
  background: #ffffff !important;
}
.claim-details-view .claim-arrests-lane__empty {
  display: flex !important;
  align-items: center !important;
  min-height: 58px !important;
  padding: 14px 20px !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  color: #607382 !important;
  font-size: 14px !important;
}
.claim-details-view .claim-arrests-lane__empty:last-child {
  border-bottom: 0 !important;
}
.claim-details-view .claim-arrests-compact-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 58px !important;
  padding: 12px 16px !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  background: #ffffff !important;
}
.claim-details-view .claim-arrests-compact-row--button {
  width: 100% !important;
  cursor: pointer !important;
  text-align: left !important;
  appearance: none !important;
}
.claim-details-view .claim-arrests-compact-row--button:hover {
  background: #f8fbfb !important;
}
.claim-details-view .claim-arrests-compact-row--button:focus-visible {
  position: relative !important;
  z-index: 1 !important;
  outline: 2px solid var(--color-accent) !important;
  outline-offset: -2px !important;
}
.claim-details-view .claim-arrests-compact-row--attention {
  background: #fff9eb !important;
}
.claim-details-view .claim-arrests-compact-row--button.claim-arrests-compact-row--attention:hover {
  background: #fff4d7 !important;
}
.claim-details-view .claim-arrests-compact-row--waiting {
  background: #f4f8ff !important;
}
.claim-details-view .claim-arrests-compact-row--button.claim-arrests-compact-row--waiting:hover {
  background: #edf4ff !important;
}
.claim-details-view .claim-arrests-compact-row:last-child {
  border-bottom: 0 !important;
}
.claim-details-view .claim-arrests-compact-row__main {
  display: flex !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-arrests-compact-row__icon {
  display: grid !important;
  flex: 0 0 36px !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border-radius: 12px !important;
  background: #eef8f8 !important;
  color: #128c9d !important;
}
.claim-details-view .claim-arrests-compact-row--attention .claim-arrests-compact-row__icon {
  background: #fff1c9 !important;
  color: #9f6a00 !important;
}
.claim-details-view .claim-arrests-compact-row--waiting .claim-arrests-compact-row__icon {
  background: #e8f0ff !important;
  color: #2f64b5 !important;
}
.claim-details-view .claim-arrests-compact-row__icon svg {
  width: 17px !important;
  height: 17px !important;
}
.claim-details-view .claim-arrests-compact-row strong {
  display: block !important;
  overflow: hidden !important;
  color: var(--claim-shot-text) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-arrests-compact-row small {
  display: block !important;
  margin-top: 3px !important;
  overflow: hidden !important;
  color: #667987 !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-arrests-compact-row__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  color: #667987 !important;
  font-size: 12px !important;
}
.claim-details-view .claim-arrests-compact-row__status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #e4f5f2 !important;
  color: #007b68 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-arrests-compact-row--attention .claim-arrests-compact-row__status {
  background: #fff0c1 !important;
  color: #835300 !important;
}
.claim-details-view .claim-arrests-compact-row--waiting .claim-arrests-compact-row__status {
  background: #e7efff !important;
  color: #23579f !important;
}
.claim-details-persistent-actions--rail {
  top: 140px !important;
  margin: 88px 0 0 !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel {
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.09) !important;
  border-radius: 20px !important;
  background: rgb(255 255 255 / 0.78) !important;
  box-shadow: var(--claim-shot-shadow) !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 118px !important;
  padding: 22px 24px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  background: transparent !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__heading {
  display: block !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__eyebrow {
  color: #71808b !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__title {
  margin: 4px 0 0 !important;
  color: var(--claim-shot-text) !important;
  font-size: 20px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__subtitle {
  display: none !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__count {
  min-height: 30px !important;
  padding: 0 14px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #172839 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__list {
  display: block !important;
  padding: 0 24px 22px !important;
  background: transparent !important;
}
.claim-details-persistent-actions--rail .claim-task-item {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 62px !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 72px !important;
  padding: 0 !important;
  border: 0 !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  text-align: left !important;
}
.claim-details-persistent-actions--rail .claim-task-item::before, .claim-details-persistent-actions--rail .claim-task-item::after {
  content: none !important;
  display: none !important;
}
.claim-details-persistent-actions--rail .claim-task-item__main, .claim-details-persistent-actions--rail .claim-task-item__topline {
  display: contents !important;
}
.claim-details-persistent-actions--rail .claim-task-item__badge {
  grid-column: 1 !important;
  grid-row: 1 / 3 !important;
  display: grid !important;
  place-items: center !important;
  width: 42px !important;
  height: 42px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #eef8f8 !important;
  color: #128c9d !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}
.claim-details-persistent-actions--rail .claim-task-item__badge svg {
  width: 18px !important;
  height: 18px !important;
}
.claim-details-persistent-actions--rail .claim-task-item__badge[data-action-type="EMAIL"], .claim-details-persistent-actions--rail .claim-task-item__badge[data-action-type="EMAIL_DRAFT_REVIEW"], .claim-details-persistent-actions--rail .claim-task-item__badge[data-action-type="EMAIL_REPLY_REVIEW"] {
  background: #eef8f8 !important;
  color: #118ca0 !important;
}
.claim-details-persistent-actions--rail .claim-task-item__badge[data-action-type="CALL"] {
  background: #eff7f3 !important;
  color: #16845f !important;
}
.claim-details-persistent-actions--rail .claim-task-item__badge[data-action-type="PAYMENT_PLAN_PROPOSAL_REVIEW"] {
  background: #f5f8ee !important;
  color: #8a773a !important;
}
.claim-details-persistent-actions--rail .claim-task-item__badge--problem {
  background: #fff4f6 !important;
  color: #d81745 !important;
}
.claim-details-persistent-actions--rail .claim-task-item__title {
  grid-column: 2 !important;
  align-self: end !important;
  overflow: visible !important;
  color: var(--claim-shot-text) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
.claim-details-persistent-actions--rail .claim-task-item__meta {
  grid-column: 2 !important;
  align-self: start !important;
  margin: 4px 0 0 !important;
  color: #6d7b86 !important;
  font-size: 12px !important;
}
.claim-details-persistent-actions--rail .claim-task-item__link {
  grid-column: 3 !important;
  grid-row: 1 / 3 !important;
  display: grid !important;
  place-items: center !important;
  width: 62px !important;
  height: 36px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: #eef2f1 !important;
  color: #213446 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__empty {
  padding: 22px 24px 26px !important;
  color: #637482 !important;
  font-size: 14px !important;
  line-height: 1.45 !important;
}
@media (max-width: 1280px) {
  .claim-details-view .claim-reference-main-summary__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .claim-details-view .claim-reference-profile__top, .claim-details-view .claim-reference-profile__layout {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view .claim-arrests-lanes, .claim-details-view .claim-arrests-reference-notes {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view .claim-reference-main-summary__metrics article:nth-child(2n) {
    border-right: 0 !important;
  }
}
@media (max-width: 780px) {
  .claim-details-view .claim-arrests-command-strip {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view .claim-arrests-command-strip__actions {
    justify-content: flex-start !important;
  }
  .claim-details-view .claim-arrests-compact-row {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view .claim-arrests-compact-row__meta {
    justify-content: flex-start !important;
    padding-left: 48px !important;
  }
  .claim-details-view .claim-reference-main-summary__header, .claim-details-view .claim-reference-profile__section-head {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .claim-details-view .claim-reference-main-summary__metrics, .claim-details-view .claim-reference-profile__top {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view .claim-reference-main-summary__metrics article {
    border-right: 0 !important;
    border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  }
  .claim-details-view .claim-reference-main-summary__metrics article:last-child {
    border-bottom: 0 !important;
  }
}
.claim-details-view .claim-list-card, .claim-details-view .claim-work-card, .claim-details-view .claim-channel-card {
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  background-image: none !important;
  color: var(--claim-shot-text) !important;
  box-shadow: none !important;
}
.claim-details-view .claim-list-card {
  overflow: hidden !important;
  padding: 0 !important;
}
.claim-details-view .claim-list-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 64px !important;
  padding: 14px 20px !important;
  border: 0 !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
}
.claim-details-view .claim-list-row:last-child {
  border-bottom: 0 !important;
}
.claim-details-view .claim-list-row__title {
  color: var(--claim-shot-text) !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}
.claim-details-view .claim-list-row__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 5px !important;
  color: #647480 !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}
.claim-details-view .claim-list-row__actions .btn-muted, .claim-details-view .claim-list-row__actions .btn-compact {
  min-height: 36px !important;
  padding: 0 16px !important;
  border: 0 !important;
  border-radius: 14px !important;
  background: #f0f4f3 !important;
  color: #102033 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-persistent-actions:not(.claim-details-persistent-actions--rail) {
  margin-top: 28px !important;
}
.claim-details-view .claim-details-persistent-actions:not(.claim-details-persistent-actions--rail) .claim-tasks-panel {
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 20px !important;
  background: rgb(255 255 255 / 0.82) !important;
  box-shadow: var(--claim-shot-shadow) !important;
}
.claim-details-view .claim-details-persistent-actions:not(.claim-details-persistent-actions--rail) .claim-tasks-panel__header {
  min-height: 94px !important;
  padding: 24px 28px 18px !important;
  border: 0 !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.07) !important;
  background: #ffffff !important;
  background-image: none !important;
  color: var(--claim-shot-text) !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-persistent-actions:not(.claim-details-persistent-actions--rail) .claim-tasks-panel__list {
  padding: 0 28px 22px !important;
  background: #f6faf8 !important;
}
.claim-details-reference-main-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(290px, 340px) !important;
  align-items: start !important;
  column-gap: 28px !important;
  row-gap: 22px !important;
}
.claim-details-reference-main-grid > [data-claim-details-tab-frame] {
  grid-column: 1 !important;
  min-width: 0 !important;
  display: block !important;
}
.claim-details-reference-main-grid > [data-claim-details-tab-frame] > .claim-details-tab-outer-shell {
  margin: 13px 0 22px !important;
}
.claim-details-reference-main-grid .claim-details-tabbar--persistent {
  gap: 3px !important;
}
.claim-details-reference-main-grid .claim-details-tab {
  height: 39px !important;
  min-height: 39px !important;
  padding-inline: 10px !important;
  font-size: 11.5px !important;
}
.claim-details-reference-main-grid > [data-claim-details-tab-frame] > .claim-scroll-toc {
  display: none !important;
}
.claim-details-reference-main-grid .claim-section {
  min-width: 0 !important;
}
.claim-details-reference-main-grid .claim-details-board--info, .claim-details-reference-main-grid .claim-details-board--info .claim-details-board__body {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-reference-main-grid .claim-details-board--info .claim-details-board__head {
  display: none !important;
}
.claim-details-reference-main-grid .claim-details-board--info .claim-details-board__body {
  padding: 0 !important;
}
.claim-details-reference-main-grid .claim-reference-main-summary__metrics {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.claim-details-reference-main-grid .claim-reference-main-summary__metrics article:nth-child(2n) {
  border-right: 0 !important;
}
.claim-details-reference-main-grid .claim-reference-main-summary__metrics article:nth-child(n + 3) {
  border-top: 1px solid rgb(17 29 41 / 0.08) !important;
}
.claim-details-reference-main-grid > .claim-details-persistent-actions--rail {
  grid-column: 2 !important;
  grid-row: 1 !important;
  align-self: start !important;
  position: sticky !important;
  top: 92px !important;
  margin: 88px 0 0 !important;
}
@media (max-width: 1180px) {
  .claim-details-reference-main-grid {
    grid-template-columns: 1fr !important;
  }
  .claim-details-reference-main-grid > [data-claim-details-tab-frame], .claim-details-reference-main-grid > .claim-details-persistent-actions--rail, .claim-details-reference-main-grid .claim-section {
    grid-column: 1 / -1 !important;
  }
  .claim-details-reference-main-grid > .claim-details-persistent-actions--rail {
    grid-row: auto !important;
    position: static !important;
    margin: 0 !important;
  }
}
body:has(.claim-details-view) .app-disclaimer {
  gap: 8px !important;
  overflow: hidden !important;
  white-space: nowrap !important;
}
body:has(.claim-details-view) .app-disclaimer :where(span, p, strong) {
  white-space: nowrap !important;
}
body:has(.claim-details-view) .app-disclaimer__legal, body:has(.claim-details-view) .app-disclaimer__rights {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.claim-details-view .claim-details-hero__content {
  grid-template-columns: minmax(0, 34%) minmax(28rem, 31%) minmax(0, 35%) !important;
  border-radius: 20px !important;
}
.claim-details-view .claim-details-hero__copy, .claim-details-view .claim-details-hero__aside, .claim-details-view .claim-details-hero__arrests {
  padding: 28px 30px !important;
}
.claim-details-view .claim-details-hero__state-pill--created {
  gap: 6px !important;
}
.claim-details-view .claim-details-hero__identity-item {
  position: relative !important;
  min-width: 0 !important;
  overflow: hidden !important;
  padding-left: 20px !important;
}
.claim-details-view .claim-details-hero__identity-item::before {
  content: "" !important;
  position: absolute !important;
  top: 12px !important;
  bottom: 12px !important;
  left: 12px !important;
  display: block !important;
  width: 4px !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.72) !important;
}
.claim-details-view .claim-details-hero__meta-link {
  flex: 1 1 auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-details-hero__identity-value--inline {
  min-width: 0 !important;
  overflow: hidden !important;
}
.claim-details-view .claim-details-hero__identity-value--inline .vip-badge-placeholder, .claim-details-view .claim-details-hero__identity-value--inline .entity-vip-badge {
  flex: 0 0 auto !important;
}
.claim-details-view .claim-details-money-panel__header {
  margin-bottom: 12px !important;
  padding: 0 0 6px !important;
}
.claim-details-view .claim-details-summary-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  padding: 0 !important;
  overflow: visible !important;
}
.claim-details-view .claim-details-finance-card {
  min-width: 0 !important;
  min-height: 112px !important;
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.13) !important;
  border-radius: 18px !important;
  background: rgb(255 255 255 / 0.055) !important;
  color: #f7fbfc !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-finance-metrics {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-items: center !important;
  min-height: 112px !important;
}
.claim-details-view .claim-details-finance-metric {
  min-width: 0 !important;
  height: 100% !important;
  padding: 18px 8px 14px !important;
  border-right: 1px solid rgb(255 255 255 / 0.10) !important;
}
.claim-details-view .claim-details-finance-metric:last-child {
  border-right: 0 !important;
}
.claim-details-view .claim-details-finance-metric__label {
  display: block !important;
  overflow: visible !important;
  color: rgb(255 255 255 / 0.56) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-details-finance-metric__value {
  display: block !important;
  margin-top: 8px !important;
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-details-finance-metric__value--good {
  color: #36d0b6 !important;
}
.claim-details-view .claim-details-finance-metric__value--warn {
  color: #f0c86a !important;
}
.claim-details-view .claim-details-finance-metric__value--bad {
  color: #ff8aa0 !important;
}
.claim-details-view .claim-details-finance-metric__meta {
  display: block !important;
  margin-top: 6px !important;
  color: rgb(255 255 255 / 0.64) !important;
  font-size: 11.5px !important;
  font-weight: 550 !important;
  line-height: 1.18 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary--hero {
  min-height: 58px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 0.075) !important;
}
.claim-details-view #claim-penalty-summary .claim-details-summary-card {
  min-height: 58px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 0.075) !important;
}
.claim-details-view .claim-details-hero-arrests__empty {
  grid-column: 1 / -1 !important;
  width: 100% !important;
}
@media (max-width: 1640px) {
  .claim-details-view .claim-details-hero__content {
    grid-template-columns: minmax(0, 0.94fr) minmax(28rem, 1.06fr) !important;
  }
  .claim-details-view .claim-details-finance-metric__value {
    font-size: 22px !important;
  }
}
@media (max-width: 1320px) {
  .claim-details-view .claim-details-hero__content {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 760px) {
  .claim-details-view .claim-details-finance-metrics {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view .claim-details-finance-metric {
    min-height: 86px !important;
    border-right: 0 !important;
    border-bottom: 1px solid rgb(255 255 255 / 0.10) !important;
  }
  .claim-details-view .claim-details-finance-metric:last-child {
    border-bottom: 0 !important;
  }
}
.claim-details-view .claim-details-hero__content {
  grid-template-columns: minmax(28.5rem, 1.04fr) minmax(30rem, 1.02fr) minmax(24rem, 0.96fr) !important;
  height: auto !important;
  min-height: 318px !important;
  align-items: stretch !important;
}
.claim-details-view .claim-details-hero__copy, .claim-details-view .claim-details-hero__aside, .claim-details-view .claim-details-hero__arrests {
  height: auto !important;
  max-height: none !important;
  min-height: 0 !important;
}
.claim-details-view .claim-details-money-panel, .claim-details-view .claim-details-summary-grid, .claim-details-view .claim-details-finance-card, .claim-details-view .claim-details-finance-metrics, .claim-details-view .claim-details-finance-metric {
  min-width: 0 !important;
}
.claim-details-view .claim-details-money-panel {
  overflow: visible !important;
}
.claim-details-view .claim-details-money-panel__header {
  margin-bottom: 10px !important;
  padding-bottom: 8px !important;
}
.claim-details-view .claim-details-summary-grid {
  gap: 10px !important;
  overflow: visible !important;
}
.claim-details-view .claim-details-finance-card {
  min-height: 106px !important;
}
.claim-details-view .claim-details-finance-metrics {
  grid-template-columns: minmax(0, 1.06fr) minmax(0, 1.02fr) minmax(0, 0.82fr) !important;
  min-height: 106px !important;
}
.claim-details-view .claim-details-finance-metric {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  padding: 14px 14px 12px !important;
  overflow: visible !important;
}
.claim-details-view .claim-details-finance-metric__label, .claim-details-view .claim-details-finance-metric__value, .claim-details-view .claim-details-finance-metric__meta {
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.claim-details-view .claim-details-finance-metric__label {
  white-space: normal !important;
}
.claim-details-view .claim-details-finance-metric__value {
  font-size: 21px !important;
  font-variant-numeric: tabular-nums !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-details-finance-metric__meta {
  font-size: 11px !important;
  line-height: 1.16 !important;
}
@media (max-width: 1720px) {
  .claim-details-view .claim-details-hero__content {
    grid-template-columns: minmax(0, 0.94fr) minmax(28rem, 1.06fr) !important;
  }
}
@media (max-width: 1320px) {
  .claim-details-view .claim-details-hero__content {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 760px) {
  .claim-details-view .claim-details-finance-metrics {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view .claim-details-finance-metric__value {
    font-size: 19px !important;
  }
  .claim-details-view .claim-details-finance-metric {
    min-height: 80px !important;
    border-right: 0 !important;
  }
}
body:has(.dashboard-workspace) {
  --dashboard-notifications-width: clamp(13rem, 19.4vw, 23rem);
  background: #f7faf9 !important;
  color: #102033 !important;
}
body:has(.dashboard-workspace) .app-shell {
  min-height: 100vh !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #ffffff 0, #f7faf9 15rem), #f7faf9 !important;
}
body:has(.dashboard-workspace) .container-card {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .app-disclaimer-shell, body:has(.dashboard-workspace) .local-db-badge {
  display: none !important;
}
body:has(.dashboard-workspace) .app-topbar {
  --app-brand-logo-width: 8.45rem;
  position: sticky !important;
  top: 0 !important;
  z-index: 80 !important;
  min-height: 60px !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #06101e, #071321) !important;
  box-shadow: 0 1px 0 rgb(255 255 255 / 0.06), 0 12px 28px -24px rgb(2 9 18 / 0.82) !important;
}
body:has(.dashboard-workspace) .app-topbar::before, body:has(.dashboard-workspace) .app-topbar::after {
  display: none !important;
}
body:has(.dashboard-workspace) .app-topbar__primary {
  display: grid !important;
  grid-template-columns: minmax(9rem, 13.5rem) minmax(16rem, 25rem) max-content !important;
  align-items: center !important;
  gap: 1.35rem !important;
  width: 100% !important;
  max-width: none !important;
  min-height: 60px !important;
  padding: 0 1.85rem !important;
}
body:has(.dashboard-workspace) .app-topbar__brand {
  min-width: 0 !important;
}
body:has(.dashboard-workspace) .app-brand-logo {
  width: var(--app-brand-logo-width) !important;
  max-width: 100% !important;
  height: auto !important;
  filter: drop-shadow(0 10px 18px rgb(0 0 0 / 0.18)) !important;
}
body:has(.dashboard-workspace) .app-operator-badge {
  display: none !important;
}
body:has(.dashboard-workspace) .app-topbar__search {
  justify-self: center !important;
  width: 100% !important;
  max-width: 25rem !important;
}
body:has(.dashboard-workspace) .app-search-shell {
  width: 100% !important;
}
body:has(.dashboard-workspace) .app-search-input {
  height: 30px !important;
  min-height: 30px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.075) !important;
  color: #eef6fb !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08) !important;
  font-size: 11px !important;
}
body:has(.dashboard-workspace) .app-search-input::placeholder {
  color: rgb(238 246 251 / 0.62) !important;
}
body:has(.dashboard-workspace) .app-topbar__actions {
  display: flex !important;
  align-items: center !important;
  justify-self: end !important;
  gap: 0.55rem !important;
  min-width: 0 !important;
}
body:has(.dashboard-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.dashboard-workspace) .app-language-switcher__trigger {
  min-height: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  padding: 0 0.9rem !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .app-topbar__actions .btn-muted, body:has(.dashboard-workspace) .app-language-switcher__trigger {
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  background: rgb(255 255 255 / 0.075) !important;
  color: #eef6fb !important;
}
body:has(.dashboard-workspace) .app-topbar__actions .btn-danger {
  border: 0 !important;
  background: #d9154f !important;
  color: white !important;
}
body:has(.dashboard-workspace) .app-topbar-action__icon, body:has(.dashboard-workspace) .app-language-switcher__icon, body:has(.dashboard-workspace) .app-language-switcher__chevron {
  width: 12px !important;
  height: 12px !important;
}
body:has(.dashboard-workspace) #content {
  width: 100% !important;
  max-width: none !important;
  padding: 1.55rem 1.85rem 2.25rem !important;
  background: transparent !important;
}
body:has(.dashboard-workspace) .dashboard-workspace {
  display: grid !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  gap: 1rem !important;
  color: #102033 !important;
}
body:has(.dashboard-workspace) .dashboard-workspace::before {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-command {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  grid-template-areas: "copy toolbar" "kpis kpis" !important;
  align-items: end !important;
  gap: 1.05rem 1.1rem !important;
  min-height: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .dashboard-command::before, body:has(.dashboard-workspace) .dashboard-command::after {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-command__main {
  display: contents !important;
}
body:has(.dashboard-workspace) .dashboard-command__copy {
  grid-area: copy !important;
  display: grid !important;
  align-content: end !important;
  min-width: 0 !important;
  gap: 0.34rem !important;
  padding: 0.36rem 0 0 !important;
}
body:has(.dashboard-workspace) .dashboard-command__eyebrow {
  display: inline-flex !important;
  width: fit-content !important;
  margin: 0 !important;
  gap: 0.34rem !important;
  color: #708093 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
body:has(.dashboard-workspace) .dashboard-command__eyebrow::after, body:has(.dashboard-workspace) .dashboard-command__pulse {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-command__year {
  margin-left: 0 !important;
  padding-left: 0.42rem !important;
  color: #708093 !important;
}
body:has(.dashboard-workspace) .dashboard-command__year::before {
  content: "·" !important;
  position: absolute !important;
  top: 50% !important;
  left: 0 !important;
  width: auto !important;
  height: auto !important;
  transform: translateY(-50%) !important;
  background: transparent !important;
}
body:has(.dashboard-workspace) .dashboard-command__subtitle {
  margin: 0 !important;
  max-width: none !important;
  color: #102033 !important;
  font-size: 27px !important;
  font-weight: 860 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-toolbar {
  grid-area: toolbar !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  align-self: end !important;
  gap: 0.72rem !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-action {
  min-height: 32px !important;
  height: 32px !important;
  min-width: 0 !important;
  overflow: visible !important;
  border: 1px solid #e3eaf1 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #102033 !important;
  padding: 0 1rem !important;
  box-shadow: 0 8px 20px -18px rgb(16 32 51 / 0.45) !important;
  font-size: 11px !important;
  font-weight: 840 !important;
  line-height: 1 !important;
  transform: none !important;
}
body:has(.dashboard-workspace) .dashboard-action::before {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-action:not(.dashboard-action--primary) {
  border-color: #081424 !important;
  background: #071424 !important;
  color: white !important;
}
body:has(.dashboard-workspace) .dashboard-action__icon {
  width: 12px !important;
  height: 12px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: currentColor !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) #claims-kpis {
  grid-area: kpis !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(69px, auto) !important;
  gap: 2px !important;
  width: 100% !important;
  margin: 0 !important;
  min-width: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention {
  display: grid !important;
  grid-template-columns: minmax(9.75rem, 0.75fr) minmax(0, 1.35fr) max-content !important;
  grid-template-areas: "attention-title attention-stats attention-controls" "attention-list attention-list attention-list" !important;
  align-items: center !important;
  gap: 0.72rem 1rem !important;
  overflow: visible !important;
  padding: 0.76rem 0.9rem !important;
  border: 1px solid #e4ebf1 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #102033 !important;
  box-shadow: 0 12px 26px -24px rgb(16 32 51 / 0.24) !important;
}
body:has(.dashboard-workspace) .dashboard-attention::before {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention__header {
  grid-area: attention-title !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  min-width: 0 !important;
  gap: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-attention__mark, body:has(.dashboard-workspace) .dashboard-attention__meter {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention__copy h2 {
  margin: 0 !important;
  color: #102033 !important;
  font-size: 15px !important;
  font-weight: 880 !important;
  line-height: 1.05 !important;
}
body:has(.dashboard-workspace) .dashboard-attention__eyebrow {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention__copy p {
  margin: 0.22rem 0 0 !important;
  max-width: none !important;
  color: #637287 !important;
  font-size: 11px !important;
  font-weight: 560 !important;
  line-height: 1.2 !important;
}
body:has(.dashboard-workspace) .dashboard-attention__stats {
  grid-area: attention-stats !important;
  display: flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  gap: 0.45rem !important;
  min-width: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-attention__stats span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.35rem !important;
  min-height: 22px !important;
  min-width: 0 !important;
  border: 1px solid #e4ebf1 !important;
  border-radius: 999px !important;
  background: #f7fafb !important;
  color: #5d6c7f !important;
  padding: 0 0.68rem !important;
  font-size: 10px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .dashboard-attention__stats span.is-active {
  border-color: #102033 !important;
  background: #102033 !important;
  color: white !important;
}
body:has(.dashboard-workspace) .dashboard-attention__stats strong {
  color: currentColor !important;
  font-weight: 880 !important;
}
body:has(.dashboard-workspace) .dashboard-attention__controls {
  grid-area: attention-controls !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.66rem !important;
  min-width: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-attention__sort {
  color: #6a788b !important;
  font-size: 10px !important;
  font-weight: 620 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .dashboard-attention__sort strong {
  margin-left: 0.25rem !important;
  color: #102033 !important;
  font-weight: 820 !important;
}
body:has(.dashboard-workspace) .dashboard-attention__view-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 2px !important;
  height: 24px !important;
  padding: 2px !important;
  border: 1px solid #e4ebf1 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
}
body:has(.dashboard-workspace) .dashboard-attention__workview {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.4rem !important;
  height: 28px !important;
  border: 1px solid #e4ebf1 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #102033 !important;
  padding: 0 0.8rem !important;
  box-shadow: 0 8px 18px -18px rgb(16 32 51 / 0.42) !important;
  font-size: 10px !important;
  font-weight: 840 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .dashboard-attention__workview svg {
  width: 11px !important;
  height: 11px !important;
}
body:has(.dashboard-workspace) .dashboard-attention__list {
  grid-area: attention-list !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;
  min-width: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
  grid-template-columns: repeat(6, minmax(0, 1fr)) 2.35rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
  gap: 0.28rem 0.5rem !important;
  align-content: start !important;
  min-width: 0 !important;
  min-height: 73px !important;
  overflow: hidden !important;
  border: 1px solid #e1e9f0 !important;
  border-radius: 8px !important;
  background: #ffffff !important;
  color: #102033 !important;
  padding: 0.58rem 0.6rem !important;
  box-shadow: none !important;
  transform: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__badge {
  grid-column: 1 !important;
  grid-row: 1 !important;
  justify-self: start !important;
  min-width: 0 !important;
  height: auto !important;
  border-radius: 999px !important;
  background: #fff0f2 !important;
  color: #e33d68 !important;
  padding: 0.16rem 0.36rem !important;
  font-size: 8px !important;
  font-weight: 880 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__body {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  display: grid !important;
  min-width: 0 !important;
  gap: 0.25rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__top {
  display: grid !important;
  min-width: 0 !important;
  gap: 0.18rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__top strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  color: #102033 !important;
  font-size: 11px !important;
  font-weight: 840 !important;
  line-height: 1.15 !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__top > span {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__meta {
  display: grid !important;
  min-width: 0 !important;
  gap: 0.1rem !important;
  color: #607086 !important;
  font-size: 9px !important;
  font-weight: 620 !important;
  line-height: 1.18 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__meta span {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__time {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  min-width: 0 !important;
  color: #6a788b !important;
  font-size: 8px !important;
  font-weight: 780 !important;
  line-height: 1 !important;
  text-align: right !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__time time, body:has(.dashboard-workspace) .dashboard-attention-item__time > span:last-child {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__arrow {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item--more {
  display: grid !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;
  min-height: 73px !important;
  border-radius: 999px !important;
  padding: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item--more .dashboard-attention-item__body, body:has(.dashboard-workspace) .dashboard-attention-item--more .dashboard-attention-item__badge {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item--more .dashboard-attention-item__arrow {
  display: block !important;
  width: 16px !important;
  height: 16px !important;
  color: #102033 !important;
}
body:has(.dashboard-workspace) .dashboard-claims-zone {
  margin: 0 !important;
  overflow: visible !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .dashboard-claims-zone::before {
  display: none !important;
}
body:has(.dashboard-workspace) #notifications-root {
  right: 0.75rem !important;
  bottom: 0.75rem !important;
  z-index: 190 !important;
}
body:has(.dashboard-workspace) #notifications-toggle {
  display: none !important;
}
body:has(.dashboard-workspace) #notifications-root:has(#notifications-sidebar[aria-hidden="false"]) #notifications-toggle {
  display: none !important;
}
body:has(.dashboard-workspace) #notifications-toggle {
  min-width: 42px !important;
  width: 42px !important;
  min-height: 42px !important;
  height: 42px !important;
  border: 1px solid #e4ebf1 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #102033 !important;
  padding: 0 !important;
  font-size: 0 !important;
  box-shadow: 0 12px 24px -18px rgb(16 32 51 / 0.42) !important;
}
body:has(.dashboard-workspace) #notifications-toggle > svg {
  width: 16px !important;
  height: 16px !important;
  margin: 0 !important;
  padding: 0 !important;
}
body:has(.dashboard-workspace) #notifications-sidebar {
  width: min(16.25rem, 100vw) !important;
  max-width: 100vw !important;
}
body:has(.dashboard-workspace) #notifications-sidebar .ea-slide-over {
  overflow: hidden !important;
  border-left: 1px solid #e4ebf1 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: -18px 0 36px -32px rgb(16 32 51 / 0.35) !important;
}
body:has(.dashboard-workspace) #notifications-sidebar .ea-panel-header {
  min-height: 46px !important;
  border-bottom: 1px solid #e4ebf1 !important;
  background: #ffffff !important;
  color: #102033 !important;
  padding: 0.7rem 0.78rem !important;
}
body:has(.dashboard-workspace) #notifications-panel-body {
  padding: 0 0.58rem 0.8rem !important;
  background: #ffffff !important;
}
body:has(.dashboard-workspace) #notifications-panel-body [data-notifications-panel-state] {
  margin-inline: -0.58rem !important;
  padding: 0.55rem 0.58rem !important;
  background: #ffffff !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .segmented, body:has(.dashboard-workspace) #notifications-panel-body .segmented-secondary {
  min-height: 25px !important;
  border: 1px solid #e4ebf1 !important;
  border-radius: 999px !important;
  background: #f7fafb !important;
  padding: 2px !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .seg-btn {
  min-height: 19px !important;
  border-radius: 999px !important;
  color: #647386 !important;
  font-size: 9px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .seg-btn.is-active {
  background: #ffffff !important;
  color: #102033 !important;
  box-shadow: 0 6px 14px -12px rgb(16 32 51 / 0.32) !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .space-y-2 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.45rem !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .ea-list-item {
  border: 1px solid #f0d98e !important;
  border-radius: 8px !important;
  background: #fff7db !important;
  padding: 0.52rem !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .ea-item-header, body:has(.dashboard-workspace) #notifications-panel-body .ea-item-footer {
  gap: 0.42rem !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .ea-item-text .label, body:has(.dashboard-workspace) #notifications-panel-body .ea-item-meta {
  font-size: 9px !important;
  line-height: 1.2 !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .badge-subtle {
  padding: 0.12rem 0.26rem !important;
  border-radius: 5px !important;
  font-size: 8px !important;
  line-height: 1 !important;
}
@media (max-width: 64rem) {
  body:has(.dashboard-workspace) .app-topbar__primary {
    grid-template-columns: minmax(7.5rem, 9rem) minmax(12rem, 1fr) max-content !important;
    gap: 0.8rem !important;
    padding-inline: 1rem !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger) span:not(.app-language-switcher__code):not(.app-language-switcher__icon) {
    display: none !important;
  }
  body:has(.dashboard-workspace) #content {
    padding-inline: 1rem !important;
  }
  body:has(.dashboard-workspace) #claims-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention {
    grid-template-columns: 1fr !important;
    grid-template-areas: "attention-title" "attention-stats" "attention-controls" "attention-list" !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__stats, body:has(.dashboard-workspace) .dashboard-attention__controls {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item--more {
    min-height: 3rem !important;
    border-radius: 8px !important;
  }
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace) .app-topbar {
    position: relative !important;
  }
  body:has(.dashboard-workspace) .app-topbar__primary {
    grid-template-columns: 1fr auto !important;
    grid-template-areas: "brand actions" "search search" !important;
    min-height: 86px !important;
    gap: 0.55rem !important;
    padding: 0.65rem 0.85rem !important;
  }
  body:has(.dashboard-workspace) .app-topbar__brand {
    grid-area: brand !important;
  }
  body:has(.dashboard-workspace) .app-topbar__search {
    grid-area: search !important;
    max-width: none !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions {
    grid-area: actions !important;
  }
  body:has(.dashboard-workspace) #content {
    padding: 1rem 0.75rem 1.5rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-command {
    grid-template-columns: 1fr !important;
    grid-template-areas: "copy" "toolbar" "kpis" !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar {
    justify-content: flex-start !important;
    flex-wrap: wrap !important;
  }
  body:has(.dashboard-workspace) #claims-kpis, body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body:has(.dashboard-workspace) #notifications-sidebar {
    width: 100vw !important;
  }
}
@media (max-width: 28rem) {
  body:has(.dashboard-workspace) #claims-kpis, body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
    grid-template-columns: 1fr !important;
  }
}
body:has(.dashboard-workspace) .app-topbar {
  height: 60px !important;
  padding: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item {
  height: 72px !important;
  min-height: 72px !important;
  max-height: 72px !important;
}
body:has(.dashboard-workspace) .dashboard-attention__list {
  align-items: stretch !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__body {
  padding-top: 0.18rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__top strong {
  font-size: 10.5px !important;
}
body:has(.dashboard-workspace) .dashboard-workspace, body:has(.dashboard-workspace) .dashboard-workspace > *, body:has(.dashboard-workspace) .dashboard-command, body:has(.dashboard-workspace) #claims-kpis, body:has(.dashboard-workspace) .dashboard-attention, body:has(.dashboard-workspace) .dashboard-claims-zone, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table > .overflow-x-auto {
  box-sizing: border-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace) .app-topbar {
    height: auto !important;
    min-height: 86px !important;
  }
  body:has(.dashboard-workspace) .dashboard-workspace {
    overflow-x: hidden !important;
  }
  body:has(.dashboard-workspace) .dashboard-command, body:has(.dashboard-workspace) #claims-kpis, body:has(.dashboard-workspace) .dashboard-attention, body:has(.dashboard-workspace) .dashboard-claims-zone {
    width: 100% !important;
  }
}
@media (max-width: 28rem) and (min-width: 23rem) {
  body:has(.dashboard-workspace) #claims-kpis, body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
body:has(.dashboard-workspace) .dashboard-toolbar {
  flex-wrap: wrap !important;
}
body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-admin-trigger {
  position: relative !important;
  inset: auto !important;
  display: inline-flex !important;
  align-self: center !important;
  width: auto !important;
  min-width: 0 !important;
  margin: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  visibility: visible !important;
}
body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-admin-trigger::before, body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-admin-trigger::after {
  display: none !important;
  content: none !important;
}
body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin {
  border-color: #dfe8ef !important;
  background: #ffffff !important;
  color: #102033 !important;
}
body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin:hover, body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin[aria-expanded="true"] {
  border-color: #c8d8e3 !important;
  background: #f7fafb !important;
  color: #102033 !important;
}
body:has(.dashboard-workspace) .dashboard-admin-trigger__status {
  position: static !important;
  display: inline-block !important;
  flex: 0 0 auto !important;
  width: 7px !important;
  height: 7px !important;
  margin-left: -0.15rem !important;
  border-radius: 999px !important;
  background: #e83d68 !important;
  box-shadow: 0 0 0 3px rgb(232 61 104 / 0.12) !important;
}
body:has(.dashboard-workspace) dialog.dashboard-admin-dialog[open] {
  position: fixed !important;
  inset: 0 !important;
  z-index: 210 !important;
  display: block !important;
  width: 100vw !important;
  height: 100vh !important;
  max-width: none !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  background: transparent !important;
}
body:has(.dashboard-workspace) dialog.dashboard-admin-dialog::backdrop {
  background: rgb(5 13 24 / 0.28) !important;
  backdrop-filter: blur(8px) !important;
}
body:has(.dashboard-workspace) .dashboard-admin-panel {
  position: fixed !important;
  top: 6.75rem !important;
  right: 1.85rem !important;
  width: min(22rem, calc(100vw - 2rem)) !important;
  overflow: hidden !important;
  border: 1px solid #dfe8ef !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: #102033 !important;
  box-shadow: 0 24px 60px -36px rgb(16 32 51 / 0.46) !important;
}
body:has(.dashboard-workspace) .dashboard-admin-panel__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: 0.95rem 1rem 0.75rem !important;
  border-bottom: 1px solid #e5ebf1 !important;
  background: linear-gradient(180deg, #ffffff, #f8fbfb) !important;
}
body:has(.dashboard-workspace) .dashboard-admin-panel__title-group {
  display: flex !important;
  align-items: center !important;
  gap: 0.65rem !important;
}
body:has(.dashboard-workspace) .dashboard-admin-panel__title-group h2 {
  margin: 0 !important;
  color: #102033 !important;
  font-size: 15px !important;
  font-weight: 880 !important;
  line-height: 1 !important;
}
body:has(.dashboard-workspace) .dashboard-admin-panel__mark {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border-radius: 999px !important;
  background: #edf5f8 !important;
  color: #256f91 !important;
}
body:has(.dashboard-workspace) .dashboard-admin-panel__mark svg {
  width: 15px !important;
  height: 15px !important;
}
body:has(.dashboard-workspace) .dashboard-admin-panel__close {
  display: grid !important;
  place-items: center !important;
  width: 30px !important;
  height: 30px !important;
  border: 1px solid #e3ebf1 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #647386 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-admin-panel__close svg {
  width: 14px !important;
  height: 14px !important;
  color: currentColor !important;
}
body:has(.dashboard-workspace) .dashboard-admin-panel__close:hover {
  background: #102033 !important;
  color: #ffffff !important;
}
body:has(.dashboard-workspace) .dashboard-admin-menu {
  display: grid !important;
  gap: 0.5rem !important;
  padding: 0.75rem !important;
  background: #ffffff !important;
}
body:has(.dashboard-workspace) .dashboard-admin-item {
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 0.65rem !important;
  min-height: 44px !important;
  width: 100% !important;
  border: 1px solid #e5ebf1 !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #102033 !important;
  padding: 0.42rem 0.58rem !important;
  text-align: left !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  line-height: 1.1 !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .dashboard-admin-item:hover {
  border-color: #cfe0eb !important;
  background: #f7fafb !important;
}
body:has(.dashboard-workspace) .dashboard-admin-item__icon {
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 10px !important;
  background: #eef8fb !important;
  color: #256f91 !important;
  padding: 8px !important;
}
body:has(.dashboard-workspace) .dashboard-admin-item .badge {
  justify-self: end !important;
  font-size: 9px !important;
  line-height: 1 !important;
}
body:has(.dashboard-workspace) .dashboard-admin-item.is-disabled, body:has(.dashboard-workspace) .dashboard-admin-item:disabled {
  cursor: not-allowed !important;
  opacity: 0.55 !important;
}
.dashboard-modal-overlay {
  align-items: center !important;
  justify-content: center !important;
  padding: clamp(0.75rem, 2vw, 1.5rem) !important;
  background: radial-gradient(circle at 50% 0%, rgb(37 111 145 / 0.18), transparent 32%), rgb(5 13 24 / 0.46) !important;
  backdrop-filter: blur(12px) !important;
}
.dashboard-modal-panel {
  width: min(96vw, 72rem) !important;
  max-width: min(96vw, 72rem) !important;
  max-height: min(92vh, 58rem) !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid rgb(255 255 255 / 0.62) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, #ffffff, #f7fafb) !important;
  color: #102033 !important;
  box-shadow: 0 34px 90px -48px rgb(4 12 24 / 0.6), inset 0 1px 0 rgb(255 255 255 / 0.92) !important;
}
.dashboard-modal-panel--xl {
  width: min(96vw, 80rem) !important;
  max-width: min(96vw, 80rem) !important;
}
.dashboard-modal-panel--lg {
  width: min(96vw, 66rem) !important;
  max-width: min(96vw, 66rem) !important;
}
.dashboard-modal__header, .dashboard-modal-panel .automation-modal__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: 1rem 1.15rem !important;
  border-bottom: 1px solid #e3ebf1 !important;
  background: linear-gradient(180deg, #ffffff, #f8fbfb) !important;
  color: #102033 !important;
}
.dashboard-modal-panel .automation-modal__header--command {
  align-items: center !important;
}
.dashboard-modal__title-block, .dashboard-modal-panel .automation-modal__brand {
  min-width: 0 !important;
}
.dashboard-modal__eyebrow, .dashboard-modal-panel .automation-modal__eyebrow {
  margin: 0 !important;
  color: #637287 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.dashboard-modal__title, .dashboard-modal-panel .automation-modal__title {
  margin: 0.3rem 0 0 !important;
  color: #102033 !important;
  font-size: 20px !important;
  font-weight: 880 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}
.dashboard-modal__subtitle, .dashboard-modal-panel .automation-modal__subtitle {
  margin: 0.34rem 0 0 !important;
  max-width: 54rem !important;
  color: #5f6f82 !important;
  font-size: 12px !important;
  font-weight: 560 !important;
  line-height: 1.35 !important;
}
.dashboard-modal-panel .automation-modal__mark {
  border-color: #dbe7ee !important;
  background: #edf7fa !important;
  color: #256f91 !important;
}
.dashboard-modal-panel .automation-modal__statusbar span {
  border-color: #dce8ef !important;
  background: #f4fafc !important;
  color: #40566a !important;
}
.dashboard-modal__close, .dashboard-modal-panel .automation-modal__close, .dashboard-modal-panel .automation-modal__header-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  height: 32px !important;
  border: 1px solid #dfe8ef !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #102033 !important;
  padding: 0 0.8rem !important;
  font-size: 11px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  box-shadow: 0 8px 18px -18px rgb(16 32 51 / 0.42) !important;
}
.dashboard-modal__close, .dashboard-modal-panel .automation-modal__close {
  width: 32px !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
.dashboard-modal__close svg, .dashboard-modal-panel .automation-modal__close svg {
  width: 14px !important;
  height: 14px !important;
  color: currentColor !important;
}
.dashboard-modal__close:hover, .dashboard-modal-panel .automation-modal__close:hover, .dashboard-modal-panel .automation-modal__header-action:hover {
  border-color: #102033 !important;
  background: #102033 !important;
  color: #ffffff !important;
}
.dashboard-modal__body, .dashboard-modal-panel .automation-modal__body {
  min-height: 0 !important;
  max-height: calc(min(92vh, 58rem) - 4.8rem) !important;
  overflow: auto !important;
  padding: 1rem !important;
  overscroll-behavior: contain !important;
}
.dashboard-modal-panel .automation-modal__chrome, .dashboard-etaitur-modal__form {
  display: flex !important;
  flex-direction: column !important;
  height: min(92vh, 58rem) !important;
  max-height: min(92vh, 58rem) !important;
  min-height: 0 !important;
}
.dashboard-modal-panel .automation-modal__body, .dashboard-etaitur-modal__body {
  flex: 1 1 auto !important;
}
.dashboard-modal__footer, .dashboard-modal-panel .automation-modal__footer {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
  padding: 0.85rem 1rem !important;
  border-top: 1px solid #e3ebf1 !important;
  background: rgb(255 255 255 / 0.92) !important;
  backdrop-filter: blur(12px) !important;
}
.dashboard-modal-panel .automation-modal__footer-meta {
  color: #637287 !important;
  font-size: 12px !important;
  font-weight: 640 !important;
  line-height: 1.25 !important;
}
.dashboard-email-audit-modal section > .rounded-\[var\(--radius-lg\)\], .dashboard-email-audit-modal article, .dashboard-email-audit-modal details {
  border-color: #e5ebf1 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.dashboard-email-audit-modal :is(.input, .btn-primary, .btn-muted) {
  min-height: 34px !important;
  border-radius: 999px !important;
  font-size: 12px !important;
}
.dashboard-email-audit-link {
  display: inline-flex !important;
  width: fit-content !important;
  align-items: center !important;
  gap: 0.28rem !important;
  margin-top: 0.45rem !important;
  border-radius: 999px !important;
  color: #1f6f9a !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
}
.dashboard-email-audit-link:hover {
  color: #102033 !important;
  text-decoration: underline !important;
  text-underline-offset: 0.18rem !important;
}
.dashboard-email-audit-summary {
  cursor: pointer !important;
  color: #1f6f9a !important;
  font-size: 12px !important;
  font-weight: 820 !important;
  line-height: 1.2 !important;
}
.dashboard-etaitur-modal .dashboard-etaitur-modal__header {
  padding: 1rem 1.15rem !important;
}
.dashboard-etaitur-modal .dashboard-etaitur-modal__body {
  padding: 1rem !important;
}
.dashboard-etaitur-modal .dashboard-etaitur-modal__footer {
  position: sticky !important;
  bottom: 0 !important;
}
.dashboard-etaitur-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.9fr) !important;
  gap: 1rem !important;
  min-width: 0 !important;
}
.dashboard-etaitur-queue, .dashboard-etaitur-side {
  min-width: 0 !important;
}
.dashboard-etaitur-alert {
  margin-bottom: 1rem !important;
  border: 1px solid #dfe8ef !important;
  border-radius: 12px !important;
  padding: 0.8rem 0.9rem !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  line-height: 1.35 !important;
}
.dashboard-etaitur-alert--error {
  border-color: #f1bfd0 !important;
  background: #fff1f5 !important;
  color: #8f173d !important;
}
.dashboard-etaitur-alert--info {
  border-color: #c8e2ed !important;
  background: #eef8fb !important;
  color: #174b63 !important;
}
.dashboard-etaitur-section-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 0.9rem !important;
  margin-bottom: 0.8rem !important;
}
.dashboard-etaitur-section-copy {
  min-width: 0 !important;
}
.dashboard-etaitur-section-title {
  color: #102033 !important;
  font-size: 14px !important;
  font-weight: 880 !important;
  line-height: 1.15 !important;
}
.dashboard-etaitur-section-subtitle, .dashboard-etaitur-side__empty, .dashboard-etaitur-footer-note {
  color: #637287 !important;
  font-size: 12px !important;
  font-weight: 560 !important;
  line-height: 1.35 !important;
}
.dashboard-etaitur-list {
  display: grid !important;
  gap: 0.75rem !important;
}
.dashboard-etaitur-card {
  display: block !important;
  cursor: pointer !important;
  overflow: hidden !important;
  border: 1px solid #dfe8ef !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  padding: 0.9rem !important;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease !important;
}
.dashboard-etaitur-card:hover {
  border-color: #c9dce7 !important;
  background: #fbfdfe !important;
}
.dashboard-etaitur-card:has(input:checked) {
  border-color: #8fb8ca !important;
  background: linear-gradient(180deg, #ffffff, #f5fafc) !important;
  box-shadow: 0 16px 28px -26px rgb(47 127 172 / 0.48) !important;
}
.dashboard-etaitur-card:focus-within {
  outline: 2px solid #8fb8ca !important;
  outline-offset: 2px !important;
}
.dashboard-etaitur-card__content {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 0.85rem !important;
  align-items: start !important;
}
.dashboard-etaitur-card__main {
  min-width: 0 !important;
}
.dashboard-etaitur-card__title-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.42rem !important;
}
.dashboard-etaitur-card__title, .dashboard-etaitur-card__claim-value, .dashboard-etaitur-field__value--strong, .dashboard-etaitur-note__body--strong {
  color: #102033 !important;
  font-weight: 840 !important;
}
.dashboard-etaitur-card__title {
  font-size: 13px !important;
  line-height: 1.15 !important;
}
.dashboard-etaitur-card__claim {
  min-width: 6.5rem !important;
  text-align: right !important;
}
.dashboard-etaitur-card__claim-value {
  margin-top: 0.18rem !important;
  font-size: 13px !important;
}
.dashboard-etaitur-fields {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.55rem 0.7rem !important;
  margin-top: 0.72rem !important;
}
.dashboard-etaitur-field {
  min-width: 0 !important;
}
.dashboard-etaitur-field__label, .dashboard-etaitur-note__label {
  color: #6c7b8d !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.dashboard-etaitur-field__value {
  min-width: 0 !important;
  overflow: hidden !important;
  margin-top: 0.24rem !important;
  color: #25364a !important;
  font-size: 12px !important;
  font-weight: 640 !important;
  line-height: 1.24 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.dashboard-etaitur-empty, .dashboard-etaitur-side, .dashboard-etaitur-note {
  border: 1px solid #dfe8ef !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}
.dashboard-etaitur-empty {
  margin-top: 0.8rem !important;
  padding: 2rem 1rem !important;
  text-align: center !important;
  border-style: dashed !important;
}
.dashboard-etaitur-empty__title {
  color: #102033 !important;
  font-size: 15px !important;
  font-weight: 880 !important;
}
.dashboard-etaitur-empty__copy {
  margin: 0.45rem auto 0 !important;
  max-width: 28rem !important;
  color: #637287 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
.dashboard-etaitur-side {
  align-self: start !important;
  padding: 0.9rem !important;
  background: #f8fbfc !important;
}
.dashboard-etaitur-side__content {
  display: grid !important;
  gap: 0.75rem !important;
  margin-top: 0.8rem !important;
}
.dashboard-etaitur-side__empty {
  margin-top: 0.75rem !important;
}
.dashboard-etaitur-note {
  padding: 0.75rem !important;
  color: #25364a !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
.dashboard-etaitur-note--neutral {
  background: #f7fafb !important;
}
.dashboard-etaitur-note--info {
  border-color: #c8e2ed !important;
  background: #eef8fb !important;
  color: #174b63 !important;
}
.dashboard-etaitur-note--warn {
  border-color: #f0d59b !important;
  background: #fff8e6 !important;
  color: #6f4b08 !important;
}
.dashboard-etaitur-note--success {
  border-color: #bfe5d6 !important;
  background: #effaf5 !important;
  color: #126146 !important;
}
.dashboard-etaitur-note__body, .dashboard-etaitur-note__meta {
  margin-top: 0.35rem !important;
}
.dashboard-etaitur-note__meta {
  color: #637287 !important;
  font-size: 11px !important;
  line-height: 1.35 !important;
}
.dashboard-etaitur-note__list {
  display: grid !important;
  gap: 0.55rem !important;
  margin-top: 0.6rem !important;
  padding-left: 1rem !important;
}
.dashboard-etaitur-textarea {
  width: 100% !important;
  min-height: 5.8rem !important;
  margin-top: 0.55rem !important;
  border: 1px solid #dfe8ef !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #102033 !important;
  padding: 0.65rem 0.75rem !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
.dashboard-etaitur-footer-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.5rem !important;
}
.dashboard-modal-action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  border: 1px solid #dfe8ef !important;
  border-radius: 999px !important;
  padding: 0 0.92rem !important;
  font-size: 12px !important;
  font-weight: 840 !important;
  line-height: 1 !important;
}
.dashboard-modal-action--secondary {
  background: #ffffff !important;
  color: #102033 !important;
}
.dashboard-modal-action--primary {
  border-color: #102033 !important;
  background: #102033 !important;
  color: #ffffff !important;
}
.dashboard-modal-action:disabled {
  cursor: not-allowed !important;
  opacity: 0.5 !important;
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace) .dashboard-admin-panel {
    top: 5.8rem !important;
    right: 0.75rem !important;
    left: 0.75rem !important;
    width: auto !important;
  }
  .dashboard-modal-panel, .dashboard-modal-panel--xl, .dashboard-modal-panel--lg {
    width: min(100vw - 1rem, 80rem) !important;
    max-width: min(100vw - 1rem, 80rem) !important;
    border-radius: 16px !important;
  }
  .dashboard-modal__header, .dashboard-modal-panel .automation-modal__header, .dashboard-modal__footer, .dashboard-modal-panel .automation-modal__footer {
    flex-wrap: wrap !important;
  }
  .dashboard-etaitur-layout, .dashboard-etaitur-card__content, .dashboard-etaitur-fields {
    grid-template-columns: 1fr !important;
  }
  .dashboard-etaitur-card__claim {
    min-width: 0 !important;
    text-align: left !important;
  }
  .dashboard-etaitur-footer-actions {
    width: 100% !important;
  }
  .dashboard-modal-action {
    flex: 1 1 0 !important;
  }
}
.dashboard-workspace {
  --dashboard-ref-ink: #102033;
  --dashboard-ref-muted: #637287;
  --dashboard-ref-subtle: #8a99aa;
  --dashboard-ref-line: #dfe8ef;
  --dashboard-ref-line-soft: #edf3f6;
  --dashboard-ref-bg: #f7faf9;
  --dashboard-ref-card: #ffffff;
  --dashboard-ref-navy: #071424;
  --dashboard-ref-blue: #2f7fac;
  --dashboard-ref-cyan: #eef8fb;
  --dashboard-ref-green: #15a676;
  --dashboard-ref-orange: #f27624;
  --dashboard-ref-rose: #e83d68;
  --dashboard-ref-shadow: 0 16px 32px -28px rgb(16 32 51 / 0.34);
}
body:has(.dashboard-workspace) #content {
  padding: 1.55rem clamp(1.5rem, 2.1vw, 2.55rem) 2.35rem !important;
}
body:has(.dashboard-workspace) .dashboard-workspace {
  gap: 1.05rem !important;
}
body:has(.dashboard-workspace) .dashboard-command {
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "copy toolbar" "kpis kpis" !important;
  gap: 1.05rem 1.15rem !important;
}
body:has(.dashboard-workspace) .dashboard-command__copy {
  padding-top: 0.18rem !important;
}
body:has(.dashboard-workspace) .dashboard-command__subtitle {
  font-size: clamp(2rem, 2.55vw, 2.75rem) !important;
  font-weight: 900 !important;
}
body:has(.dashboard-workspace) .dashboard-command__eyebrow {
  color: var(--dashboard-ref-muted) !important;
  font-size: 11px !important;
}
body:has(.dashboard-workspace) .dashboard-action {
  min-height: 36px !important;
  height: 36px !important;
  padding-inline: 1.18rem !important;
  border-radius: 999px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
body:has(.dashboard-workspace) .dashboard-action--primary, body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin {
  border-color: var(--dashboard-ref-line) !important;
  background: #ffffff !important;
  color: var(--dashboard-ref-ink) !important;
}
body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action:not(.dashboard-action--primary):not(.dashboard-action--admin) {
  border-color: var(--dashboard-ref-navy) !important;
  background: var(--dashboard-ref-navy) !important;
  color: #ffffff !important;
}
body:has(.dashboard-workspace) #claims-kpis {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 2px !important;
}
body:has(.dashboard-workspace) .dashboard-attention {
  grid-template-columns: minmax(12rem, 0.86fr) minmax(0, 1.4fr) max-content !important;
  padding: 0.92rem 1rem !important;
  border-color: var(--dashboard-ref-line) !important;
  border-radius: 13px !important;
  box-shadow: var(--dashboard-ref-shadow) !important;
}
body:has(.dashboard-workspace) .dashboard-attention__copy h2 {
  font-size: 17px !important;
  font-weight: 900 !important;
}
body:has(.dashboard-workspace) .dashboard-attention__copy p {
  font-size: 12px !important;
}
body:has(.dashboard-workspace) .dashboard-attention__stats span, body:has(.dashboard-workspace) .dashboard-attention__workview, body:has(.dashboard-workspace) .dashboard-attention__view-toggle {
  min-height: 28px !important;
}
body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 0.6rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item {
  height: 76px !important;
  min-height: 76px !important;
  max-height: 76px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 0.25rem 0.45rem !important;
  border-color: var(--dashboard-ref-line) !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  padding: 0.62rem 0.65rem !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__badge {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: fit-content !important;
  min-width: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  color: var(--dashboard-ref-rose) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__body {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: grid !important;
  min-width: 0 !important;
  gap: 0.16rem !important;
  padding: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__top {
  display: grid !important;
  min-width: 0 !important;
  gap: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__top strong {
  max-width: 100% !important;
  color: var(--dashboard-ref-ink) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__top > span {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__meta {
  display: grid !important;
  min-width: 0 !important;
  gap: 0.08rem !important;
  color: var(--dashboard-ref-muted) !important;
  font-size: 10px !important;
  font-weight: 680 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__meta span {
  max-width: 100% !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__time {
  grid-column: 2 !important;
  grid-row: 1 !important;
  display: block !important;
  color: var(--dashboard-ref-muted) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__time time, body:has(.dashboard-workspace) .dashboard-attention-item__time > span:last-child {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__arrow {
  display: none !important;
}
.claims-table--dashboard {
  overflow: hidden !important;
  border: 1px solid var(--dashboard-ref-line) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  box-shadow: var(--dashboard-ref-shadow) !important;
}
.claims-table--dashboard .claims-table__toolbar {
  padding: 1rem 1rem 0.8rem !important;
  border: 0 !important;
  background: transparent !important;
}
.claims-table--dashboard .claims-table__mark {
  display: none !important;
}
.claims-table--dashboard .claims-table__title {
  color: var(--dashboard-ref-ink) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}
.claims-table--dashboard .claims-table__count-pill, .claims-table--dashboard .claims-table__latest, .claims-table--dashboard .claims-table__sort {
  min-height: 24px !important;
  border: 1px solid var(--dashboard-ref-line) !important;
  border-radius: 999px !important;
  background: #f7fafb !important;
  color: var(--dashboard-ref-muted) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}
.claims-table--dashboard .claims-table__search-input {
  min-height: 30px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: var(--dashboard-ref-ink) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  box-shadow: none !important;
}
.claims-table--dashboard > .overflow-x-auto {
  padding: 0 0.9rem 0.95rem !important;
}
.claims-table--dashboard .claims-table__search-shell {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-height: 30px !important;
  overflow: hidden !important;
  border: 1px solid var(--dashboard-ref-line) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 20px -20px rgb(16 32 51 / 0.4) !important;
}
.claims-table--dashboard .claims-table__table {
  min-width: 58rem !important;
  border-collapse: separate !important;
  border-spacing: 0 0.38rem !important;
}
.claims-table--dashboard .claims-table__head th {
  padding: 0 0.65rem 0.34rem !important;
  border: 0 !important;
}
.claims-table--dashboard .claims-table__th--row-action {
  width: 2.35rem !important;
  padding-inline: 0.25rem !important;
}
.claims-table--dashboard tr[data-row] > td {
  border-top: 1px solid var(--dashboard-ref-line) !important;
  border-bottom: 1px solid var(--dashboard-ref-line) !important;
  background: #ffffff !important;
  padding-top: 0.46rem !important;
  padding-bottom: 0.46rem !important;
  vertical-align: middle !important;
}
.claims-table--dashboard tr[data-row] > td:first-child {
  border-left: 1px solid var(--dashboard-ref-line) !important;
  border-radius: 9px 0 0 9px !important;
}
.claims-table--dashboard tr[data-row] > td:last-child {
  border-right: 1px solid var(--dashboard-ref-line) !important;
  border-radius: 0 9px 9px 0 !important;
}
.claims-table--dashboard .claims-table__cell--row-action {
  padding-inline: 0.34rem !important;
  text-align: center !important;
}
.claims-table--dashboard .claims-table__row-menu {
  display: inline-grid !important;
  width: 28px !important;
  height: 28px !important;
  place-items: center !important;
  border: 1px solid transparent !important;
  border-radius: 999px !important;
  color: var(--dashboard-ref-muted) !important;
  text-decoration: none !important;
  transition: background-color 140ms ease, border-color 140ms ease, color 140ms ease !important;
}
.claims-table--dashboard .claims-table__row-menu:hover {
  border-color: #d4e2eb !important;
  background: #f3f8fb !important;
  color: var(--dashboard-ref-ink) !important;
}
.claims-table--dashboard .claims-table__row-menu:focus-visible {
  outline: 2px solid #7cacc5 !important;
  outline-offset: 2px !important;
}
.claims-table--dashboard .claims-table__row-menu svg {
  width: 16px !important;
  height: 16px !important;
}
.claims-table--dashboard tr[data-row]:hover > td {
  background: #fbfdfe !important;
  border-color: #d3e2eb !important;
}
.claims-table--dashboard .claims-card-mobile-money, .claims-table--dashboard .claims-card-mobile-parties, .claims-table--dashboard .claims-mobile-assignee {
  display: none !important;
}
.claims-table--dashboard .claims-card-mobile-head {
  display: block !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claims-table--dashboard .claims-card-identity {
  display: grid !important;
  gap: 0.18rem !important;
}
.claims-table--dashboard .claims-table__claim-ref {
  color: var(--dashboard-ref-ink) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
.claims-table--dashboard .claims-table__claim-date {
  color: var(--dashboard-ref-muted) !important;
  font-size: 10px !important;
  font-weight: 680 !important;
}
.claims-table--dashboard .claims-table__state-chip {
  width: fit-content !important;
  margin-top: 0.08rem !important;
  border-radius: 999px !important;
  padding: 0.14rem 0.44rem !important;
  font-size: 9px !important;
  font-weight: 850 !important;
}
.claims-table--dashboard .claims-action-stack {
  display: grid !important;
  gap: 0.16rem !important;
}
.claims-table--dashboard .claims-action-chip {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  min-height: 16px !important;
  max-width: 25rem !important;
  gap: 0.36rem !important;
  border: 1px solid #d7e8f0 !important;
  border-radius: 6px !important;
  background: var(--dashboard-ref-cyan) !important;
  padding: 0.08rem 0.45rem !important;
  box-shadow: none !important;
}
.claims-table--dashboard .claims-action-label {
  display: block !important;
  overflow: hidden !important;
  color: #256f91 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claims-table--dashboard .claims-action-assignee {
  display: none !important;
}
.claims-table--dashboard .claims-action-more {
  margin-top: 0.1rem !important;
  color: var(--dashboard-ref-muted) !important;
  font-size: 9px !important;
  font-weight: 800 !important;
}
.claims-table--dashboard .claims-action-mobile-more {
  display: none !important;
}
.claims-table--dashboard .claims-party-cell {
  display: grid !important;
  gap: 0.18rem !important;
}
.claims-table--dashboard .claims-party-line {
  display: grid !important;
  grid-template-columns: 5.2rem minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 0.5rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claims-table--dashboard .claims-party-label, .claims-table--dashboard .claims-money-label {
  color: var(--dashboard-ref-muted) !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.claims-table--dashboard .claims-party-name {
  overflow: hidden !important;
  color: var(--dashboard-ref-ink) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claims-table--dashboard .claims-row-owner-mark {
  display: inline-flex !important;
  max-width: 11rem !important;
  min-height: 22px !important;
  align-items: center !important;
  gap: 0.38rem !important;
  border: 1px solid #dce9ef !important;
  border-radius: 999px !important;
  background: #f4fafc !important;
  padding: 0 0.62rem !important;
  box-shadow: none !important;
}
.claims-table--dashboard .claims-row-owner-mark::before {
  content: "" !important;
  width: 6px !important;
  height: 6px !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  background: #7ca5bb !important;
}
.claims-table--dashboard .claims-row-owner-name {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #405366 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claims-table--dashboard .claims-money-cell, .claims-table--dashboard .claims-money-main, .claims-table--dashboard .claims-money-total {
  display: grid !important;
  justify-items: end !important;
  gap: 0.08rem !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claims-table--dashboard .claims-money-value {
  color: var(--dashboard-ref-ink) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}
.claims-table--dashboard .claims-money-total .claims-money-value {
  font-size: 11px !important;
}
body:has(.dashboard-workspace) #notifications-sidebar {
  width: min(17.5rem, 100vw) !important;
}
body:has(.dashboard-workspace) #notifications-sidebar .ea-slide-over {
  border-left: 1px solid var(--dashboard-ref-line) !important;
  background: #ffffff !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .ea-list-item {
  border-color: #f0da96 !important;
  border-radius: 10px !important;
  background: #fff8df !important;
}
@media (max-width: 78rem) {
  body:has(.dashboard-workspace) #claims-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention, body:has(.dashboard-workspace) .dashboard-command {
    grid-template-columns: 1fr !important;
  }
  body:has(.dashboard-workspace) .dashboard-command {
    grid-template-areas: "copy" "toolbar" "kpis" !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention {
    grid-template-areas: "attention-title" "attention-stats" "attention-controls" "attention-list" !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace) #content {
    padding: 1rem 0.75rem 1.5rem !important;
  }
  body:has(.dashboard-workspace) #claims-kpis, body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body:has(.dashboard-workspace) .dashboard-command__subtitle {
    font-size: 1.55rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar {
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }
  .claims-table--dashboard .claims-table__toolbar, .claims-table--dashboard .claims-table__controls {
    display: grid !important;
    grid-template-columns: 1fr !important;
    min-width: 0 !important;
  }
  .claims-table--dashboard > .overflow-x-auto {
    overflow-x: visible !important;
    padding-inline: 0.65rem !important;
  }
  .claims-table--dashboard .claims-table__table {
    display: block !important;
    min-width: 0 !important;
    border-spacing: 0 !important;
  }
  .claims-table--dashboard .claims-table__table colgroup, .claims-table--dashboard .claims-table__head {
    display: none !important;
  }
  .claims-table--dashboard tbody {
    display: grid !important;
    gap: 0.6rem !important;
  }
  .claims-table--dashboard tr[data-row] {
    display: grid !important;
    gap: 0.5rem !important;
    border: 1px solid var(--dashboard-ref-line) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    padding: 0.7rem !important;
  }
  .claims-table--dashboard tr[data-row] > td {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  .claims-table--dashboard .claims-card-mobile-money, .claims-table--dashboard .claims-card-mobile-parties, .claims-table--dashboard .claims-mobile-assignee {
    display: grid !important;
  }
  .claims-table--dashboard .claims-table__cell--parties, .claims-table--dashboard .claims-table__cell--assignee, .claims-table--dashboard .claims-table__cell--amounts, .claims-table--dashboard .claims-table__cell--row-action {
    display: none !important;
  }
}
@media (max-width: 28rem) {
  body:has(.dashboard-workspace) #claims-kpis, body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
    grid-template-columns: 1fr !important;
  }
}
body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
  grid-template-columns: repeat(6, minmax(0, 1fr)) 42px !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__top strong {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__summary {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item--more {
  display: grid !important;
  grid-template-columns: 1fr !important;
  place-items: center !important;
  min-width: 42px !important;
  width: 42px !important;
  padding: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item--more .dashboard-attention-item__badge, body:has(.dashboard-workspace) .dashboard-attention-item--more .dashboard-attention-item__body {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item--more .dashboard-attention-item__arrow {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  color: var(--dashboard-ref-ink) !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-mark {
  max-width: 12.5rem !important;
  min-width: 8.5rem !important;
  justify-content: flex-start !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-name {
  max-width: 10.5rem !important;
}
body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin {
  position: relative !important;
  width: auto !important;
  min-width: 6.35rem !important;
  max-width: none !important;
  padding: 0 1rem !important;
  color: var(--dashboard-ref-muted) !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin:hover, body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin[aria-expanded="true"] {
  border-color: #cad9e4 !important;
  background: #ffffff !important;
  color: var(--dashboard-ref-ink) !important;
}
body:has(.dashboard-workspace) .dashboard-admin-trigger__label {
  position: static !important;
  display: inline-flex !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .dashboard-admin-trigger__status {
  position: absolute !important;
  top: 6px !important;
  right: 10px !important;
  width: 7px !important;
  height: 7px !important;
  border: 2px solid #ffffff !important;
  border-radius: 999px !important;
  background: var(--dashboard-ref-rose) !important;
  box-shadow: 0 4px 10px -6px rgb(232 61 104 / 0.9) !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item {
  height: 84px !important;
  min-height: 84px !important;
  max-height: 84px !important;
  grid-template-rows: auto minmax(0, 1fr) auto !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__body {
  min-height: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__meta {
  align-self: end !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__summary {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__date {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.25rem !important;
  min-width: 0 !important;
  margin-top: 0.06rem !important;
  color: var(--dashboard-ref-muted) !important;
  font-size: 9px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__date svg {
  width: 10px !important;
  height: 10px !important;
  flex: 0 0 auto !important;
  color: #7c9eb5 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__date time {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search-label {
  display: none !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard tr[data-row] > td:first-child::before {
  display: none !important;
  content: none !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard tr[data-row] > td:first-child {
  border-left: 1px solid var(--dashboard-ref-line) !important;
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace) .app-topbar {
    min-height: 0 !important;
  }
  body:has(.dashboard-workspace) .app-topbar__primary {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "brand actions" "search search" !important;
    align-items: center !important;
    gap: 0.72rem !important;
    min-height: 0 !important;
    padding: 0.75rem !important;
  }
  body:has(.dashboard-workspace) .app-topbar__brand {
    grid-area: brand !important;
  }
  body:has(.dashboard-workspace) .app-topbar__search {
    grid-area: search !important;
    justify-self: stretch !important;
    max-width: none !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions {
    grid-area: actions !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: 0.35rem !important;
  }
  body:has(.dashboard-workspace) .app-language-switcher {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    flex: 0 0 34px !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.dashboard-workspace) .app-language-switcher__trigger {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    padding: 0 !important;
    justify-content: center !important;
    gap: 0 !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger) > span, body:has(.dashboard-workspace) .app-language-switcher__current, body:has(.dashboard-workspace) .app-language-switcher__chevron {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger > .app-language-switcher__icon {
    position: static !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 13px !important;
    height: 13px !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: normal !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger > .app-language-switcher__icon svg {
    width: 13px !important;
    height: 13px !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 36px !important;
    align-items: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action:not(.dashboard-action--admin) {
    width: 100% !important;
    padding-inline: 0.72rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--primary {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action:not(.dashboard-action--primary):not(.dashboard-action--admin) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin {
    grid-column: 3 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    width: 36px !important;
    min-width: 36px !important;
    max-width: 36px !important;
    padding: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin .dashboard-admin-trigger__label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
}
@media (max-width: 78rem) {
  body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) 42px !important;
  }
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item--more {
    width: auto !important;
    min-width: 0 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table tbody > tr[data-row] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.58rem !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0.72rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table tbody > tr[data-row] > td {
    grid-column: 1 !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__cell--parties, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__cell--assignee, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__cell--amounts, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__cell--row-action {
    display: none !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table tbody > tr[data-row] > .claims-table__cell--parties, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table tbody > tr[data-row] > .claims-table__cell--assignee, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table tbody > tr[data-row] > .claims-table__cell--amounts, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table tbody > tr[data-row] > .claims-table__cell--row-action {
    display: none !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-card-mobile-head {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.62rem !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-card-identity {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "ref state" "date state" !important;
    align-items: center !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__claim-ref {
    grid-area: ref !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__claim-date {
    grid-area: date !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__state-chip {
    grid-area: state !important;
    align-self: center !important;
    margin: 0 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-card-mobile-money {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-card-mobile-parties {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 0.42rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-mobile-assignee {
    display: inline-flex !important;
    width: fit-content !important;
    max-width: 100% !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-operation-cell, body:has(.dashboard-workspace) .claims-table--dashboard .claims-operation-main, body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-stack {
    width: 100% !important;
    min-width: 0 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-chip {
    max-width: 100% !important;
  }
}
body:has(.dashboard-workspace) #content {
  background: #f8fafb !important;
}
body:has(.dashboard-workspace) .dashboard-workspace {
  max-width: 1536px !important;
  margin-inline: auto !important;
}
body:has(.dashboard-workspace) .dashboard-command {
  margin-bottom: 0.05rem !important;
}
body:has(.dashboard-workspace) #claims-kpis {
  gap: 3px !important;
}
body:has(.dashboard-workspace) .dashboard-attention {
  gap: 0.7rem 0.9rem !important;
  padding: 1rem !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px -32px rgb(16 32 51 / 0.45) !important;
}
body:has(.dashboard-workspace) .dashboard-attention__header {
  gap: 0.65rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention__mark, body:has(.dashboard-workspace) .dashboard-attention__meter {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention__copy h2 {
  font-size: 18px !important;
}
body:has(.dashboard-workspace) .dashboard-attention__stats, body:has(.dashboard-workspace) .dashboard-attention__controls {
  align-self: center !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item {
  height: 78px !important;
  min-height: 78px !important;
  max-height: 78px !important;
  border-radius: 10px !important;
  padding: 0.64rem 0.72rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__badge {
  font-size: 9px !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__top strong {
  font-size: 11.5px !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__meta {
  font-size: 9.5px !important;
}
body:has(.dashboard-workspace) .dashboard-claims-zone {
  margin-top: 0 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard {
  border-radius: 14px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px -32px rgb(16 32 51 / 0.45) !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.62fr) !important;
  align-items: start !important;
  gap: 0.8rem !important;
  padding: 1rem 1rem 0.72rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__title {
  font-size: 18px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__count-pill {
  height: 24px !important;
  padding-inline: 0.6rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__controls {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: end !important;
  gap: 0.5rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__latest {
  order: 2 !important;
  height: 32px !important;
  min-height: 32px !important;
  padding-inline: 0.7rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search {
  order: 1 !important;
  min-width: min(100%, 20rem) !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search-shell {
  min-height: 32px !important;
  background: #ffffff !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard > .overflow-x-auto {
  padding: 0 0.85rem 0.9rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table {
  min-width: 66rem !important;
  border-spacing: 0 0.42rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__head th {
  padding: 0 0.65rem 0.34rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__head .claims-table__sort, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__sort-group-label {
  color: #7b8a9c !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  text-transform: none !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard tr[data-row] > td {
  border-color: #dfe8ef !important;
  padding-top: 0.55rem !important;
  padding-bottom: 0.55rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard tr[data-row] > td:not(:first-child) {
  border-left: 1px solid #edf3f6 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard tr[data-row]:has(.claims-action-chip[data-kind="problem"]) > td {
  border-color: #f3c9d3 !important;
  background: #fff8fa !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__claim-ref {
  font-size: 11.5px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__claim-date {
  font-size: 9.5px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__state-chip {
  padding: 0.13rem 0.42rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-stack {
  gap: 0.08rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-chip {
  display: grid !important;
  grid-template-columns: 6px minmax(0, 1fr) !important;
  align-items: baseline !important;
  min-height: 9px !important;
  max-width: 27rem !important;
  gap: 0.32rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-dot {
  width: 4px !important;
  height: 4px !important;
  margin-top: 0 !important;
  background: #2f7fac !important;
  opacity: 1 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-chip[data-kind="problem"] .claims-action-dot {
  background: #e83d68 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-body {
  min-width: 0 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-label {
  color: #1f6f9a !important;
  font-size: 9px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-chip[data-kind="problem"] .claims-action-label {
  color: #d72655 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-more {
  margin-top: 0 !important;
  padding-left: 9px !important;
  font-size: 7.4px !important;
  line-height: 1 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-party-line {
  grid-template-columns: 4.7rem minmax(0, 1fr) !important;
  gap: 0.45rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-party-label, body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-label {
  font-size: 8.5px !important;
  letter-spacing: 0 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-party-name {
  font-size: 10.5px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-mark {
  display: inline-grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  min-width: 0 !important;
  max-width: 12rem !important;
  min-height: 0 !important;
  gap: 0.44rem !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-mark::before {
  display: none !important;
  content: none !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-initials {
  display: inline-grid !important;
  width: 20px !important;
  height: 20px !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #e8f4f8 !important;
  color: #2f7fac !important;
  font-size: 8px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-details, body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-summary {
  min-width: 0 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-name {
  max-width: 9.6rem !important;
  color: #405366 !important;
  font-size: 10px !important;
  font-weight: 760 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-value {
  font-size: 11.5px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__row-menu {
  color: #496173 !important;
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace) .dashboard-workspace {
    max-width: none !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__toolbar, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__controls {
    grid-template-columns: 1fr !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__latest {
    display: none !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search {
    min-width: 0 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard tr[data-row] > td:not(:first-child) {
    border-left: 0 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard tr[data-row]:has(.claims-action-chip[data-kind="problem"]) {
    border-color: #f3c9d3 !important;
    background: #fff8fa !important;
  }
}
body:has(.dashboard-workspace) #content {
  padding-top: 1.28rem !important;
}
body:has(.dashboard-workspace) .dashboard-workspace {
  gap: 0.85rem !important;
}
body:has(.dashboard-workspace) .dashboard-command {
  gap: 0.82rem 1rem !important;
}
body:has(.dashboard-workspace) .dashboard-command__subtitle {
  font-size: clamp(2rem, 2.25vw, 2.35rem) !important;
  line-height: 1.04 !important;
}
body:has(.dashboard-workspace) .dashboard-attention {
  padding: 0.78rem 0.9rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention__copy h2 {
  font-size: 17px !important;
}
body:has(.dashboard-workspace) .dashboard-attention__copy p {
  font-size: 11px !important;
}
body:has(.dashboard-workspace) .dashboard-attention__stats span, body:has(.dashboard-workspace) .dashboard-attention__workview, body:has(.dashboard-workspace) .dashboard-attention__view-toggle {
  min-height: 26px !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item {
  height: 78px !important;
  min-height: 78px !important;
  max-height: 78px !important;
  padding: 0.52rem 0.62rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__top strong {
  font-size: 11px !important;
  line-height: 1.08 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__date {
  margin-top: 0 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(25rem, 0.72fr) !important;
  padding: 0.9rem 0.95rem 0.66rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__controls {
  grid-template-columns: minmax(21rem, 1fr) auto 32px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__latest {
  display: none !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__filter-pill, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__settings-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 32px !important;
  min-height: 32px !important;
  border: 1px solid #dfe8ef !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #526477 !important;
  font-size: 11px !important;
  font-weight: 840 !important;
  line-height: 1 !important;
  box-shadow: 0 10px 22px -24px rgb(16 32 51 / 0.44) !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search {
  order: 1 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__filter-pill {
  order: 2 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__settings-button {
  order: 3 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__filter-pill {
  gap: 0.42rem !important;
  padding-inline: 0.78rem 0.45rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__filter-pill strong {
  display: inline-grid !important;
  width: 20px !important;
  height: 20px !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #f0f5f8 !important;
  color: #637287 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__settings-button {
  width: 32px !important;
  padding: 0 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__filter-pill svg, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__settings-button svg {
  flex: 0 0 auto !important;
  color: #6e8195 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table {
  border-spacing: 0 0.34rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard tr[data-row] > td {
  padding-top: 0.45rem !important;
  padding-bottom: 0.45rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-stack {
  gap: 0.07rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-label, body:has(.dashboard-workspace) .claims-table--dashboard .claims-party-name, body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-name, body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-value {
  line-height: 1.08 !important;
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace) .dashboard-command__subtitle {
    font-size: 1.48rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item {
    height: 72px !important;
    min-height: 72px !important;
    max-height: 72px !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__filter-pill, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__settings-button {
    display: none !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 0.62rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__identity, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__controls, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__identity {
    display: flex !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__identity > .min-w-0 {
    width: 100% !important;
    min-width: 0 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    justify-content: stretch !important;
  }
}
@media (min-width: 64rem) {
  body:has(.dashboard-workspace) #claims-kpis {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  body:has(.dashboard-workspace) .dashboard-command {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    grid-template-areas: "copy toolbar" "kpis kpis" !important;
    gap: 0.76rem 1rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention {
    grid-template-columns: minmax(9.5rem, 0.65fr) minmax(0, 1fr) max-content !important;
    grid-template-areas: "attention-title attention-stats attention-controls" "attention-list attention-list attention-list" !important;
    gap: 0.68rem 0.9rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__stats {
    justify-content: center !important;
    flex-wrap: nowrap !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__controls {
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
    grid-template-columns: repeat(6, minmax(0, 1fr)) 2.35rem !important;
    grid-auto-flow: column !important;
    overflow: hidden !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__list:not(:has(.dashboard-attention-item--more)) {
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item {
    min-height: 76px !important;
    height: 76px !important;
    max-height: 76px !important;
    padding: 0.48rem 0.56rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item__body {
    gap: 0.15rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item__top strong {
    font-size: 10px !important;
    line-height: 1.04 !important;
    -webkit-line-clamp: 3 !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item__meta {
    gap: 0.07rem !important;
    font-size: 8.6px !important;
    line-height: 1.05 !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item__date {
    width: max-content !important;
    max-width: 100% !important;
    margin-top: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item__date time {
    overflow: visible !important;
    text-overflow: clip !important;
  }
}
@media (min-width: 23rem) and (max-width: 39.999rem) {
  body:has(.dashboard-workspace) #claims-kpis {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.45rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.48rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item--more {
    width: auto !important;
    min-width: 0 !important;
    border-radius: 8px !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item__top strong {
    font-size: 8.9px !important;
    line-height: 0.98 !important;
    -webkit-line-clamp: 3 !important;
  }
}
@media (min-width: 40rem) and (max-width: 63.999rem) {
  body:has(.dashboard-workspace) #claims-kpis {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0.52rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item--more {
    width: auto !important;
    min-width: 0 !important;
    border-radius: 8px !important;
  }
}
.notifications-dashboard-footer {
  display: none;
}
body:has(.dashboard-workspace) #notifications-sidebar {
  width: min(var(--dashboard-notifications-width, 23rem), 100vw) !important;
  max-width: 100vw !important;
}
@media (min-width: 64rem) {
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .app-topbar__primary {
    padding-right: calc(var(--dashboard-notifications-width, 23rem) + 1rem) !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .app-language-switcher__trigger {
    padding-inline: 0.68rem !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) #content {
    padding-right: calc(var(--dashboard-notifications-width, 23rem) + 1rem) !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .dashboard-workspace {
    max-width: none !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .claims-table--dashboard .claims-table__table {
    min-width: 55rem !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .claims-table--dashboard .claims-table__toolbar {
    grid-template-columns: minmax(0, 1fr) minmax(18rem, 0.72fr) !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .claims-table--dashboard .claims-table__controls {
    grid-template-columns: minmax(14rem, 1fr) auto 32px !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .claims-table--dashboard .claims-table__claim-ref {
    font-size: 10.7px !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .dashboard-attention-item__top strong {
    font-size: 8.9px !important;
    line-height: 0.98 !important;
  }
}
body:has(.dashboard-workspace) #notifications-sidebar .ea-slide-over {
  border-left: 1px solid #dfe8ef !important;
  background: #ffffff !important;
  box-shadow: -20px 0 44px -34px rgb(16 32 51 / 0.42) !important;
}
body:has(.dashboard-workspace) #notifications-sidebar .ea-panel-header {
  display: flex !important;
  min-height: 56px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.3rem !important;
  border-bottom: 1px solid #edf3f6 !important;
  padding: 0.72rem 0.58rem !important;
}
body:has(.dashboard-workspace) #notifications-sidebar .ea-panel-header > div:first-child {
  gap: 0.42rem !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
}
body:has(.dashboard-workspace) #notifications-sidebar .ea-panel-header > div:first-child > div:first-child {
  width: 24px !important;
  height: 24px !important;
  background: #eef8fb !important;
  color: #2f7fac !important;
}
body:has(.dashboard-workspace) #notifications-sidebar .ea-panel-header .truncate {
  color: #102033 !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}
body:has(.dashboard-workspace) #notifications-sidebar .ea-panel-header .btn-ghost {
  display: inline-grid !important;
  width: 24px !important;
  height: 24px !important;
  min-height: 24px !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #405366 !important;
  padding: 0 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) #notifications-sidebar .ea-panel-header .btn-ghost svg {
  width: 13px !important;
  height: 13px !important;
  color: currentColor !important;
}
body:has(.dashboard-workspace) #notifications-panel-body {
  padding: 0 0.62rem 0.72rem !important;
}
body:has(.dashboard-workspace) #notifications-panel-body [data-notifications-panel-state] {
  margin-inline: -0.62rem !important;
  padding: 0.68rem 0.62rem 0.55rem !important;
  border-bottom: 1px solid #f1f5f7 !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .segmented {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 2px !important;
  min-height: 30px !important;
  border-color: #dfe8ef !important;
  background: #f7fafb !important;
  padding: 2px !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .segmented-secondary {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 2px !important;
  min-height: 28px !important;
  border: 0 !important;
  background: #f4f7f9 !important;
  padding: 2px !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .seg-btn {
  width: 100% !important;
  min-height: 24px !important;
  min-width: 0 !important;
  color: #5e6f82 !important;
  padding-inline: 0.14rem !important;
  overflow: hidden !important;
  font-size: 8.7px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  text-overflow: clip !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .seg-btn.is-active {
  background: #ffffff !important;
  color: #102033 !important;
  box-shadow: 0 8px 16px -14px rgb(16 32 51 / 0.45) !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .space-y-2 {
  padding-top: 0.62rem !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .space-y-2 > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0.58rem !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .ea-list-item {
  border: 1px solid #efd78b !important;
  border-radius: 9px !important;
  background: #fff7dc !important;
  padding: 0.64rem 0.62rem !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .ea-list-item.variant-problem {
  border-color: #f0c2cf !important;
  background: #fff4f7 !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .ea-item-header {
  align-items: start !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .ea-item-header .btn-ghost {
  display: inline-grid !important;
  width: 22px !important;
  height: 22px !important;
  min-width: 22px !important;
  min-height: 22px !important;
  place-items: center !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #405366 !important;
  padding: 0 !important;
  font-size: 0 !important;
  line-height: 0 !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .ea-item-header .btn-ghost:hover {
  background: rgb(16 32 51 / 0.06) !important;
  color: #102033 !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .ea-item-header .btn-ghost svg {
  width: 11px !important;
  height: 11px !important;
  color: currentColor !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .ea-item-text {
  min-width: 0 !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .ea-item-text .label {
  display: block !important;
  overflow: hidden !important;
  color: #102033 !important;
  font-size: 10.5px !important;
  font-weight: 820 !important;
  line-height: 1.18 !important;
  text-overflow: ellipsis !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .ea-item-footer {
  margin-top: 0.48rem !important;
  gap: 0.35rem !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .ea-item-meta {
  color: #637287 !important;
  font-size: 9px !important;
  font-weight: 680 !important;
  line-height: 1.2 !important;
}
body:has(.dashboard-workspace) #notifications-panel-body .badge-subtle {
  flex: 0 0 auto !important;
  border-radius: 6px !important;
  padding: 0.18rem 0.3rem !important;
  font-size: 8px !important;
  font-weight: 900 !important;
}
body:has(.dashboard-workspace) #notifications-sidebar .notifications-dashboard-footer {
  display: block !important;
  padding: 0.7rem 0.62rem 0.78rem !important;
  border-top: 1px solid #edf3f6 !important;
  background: #ffffff !important;
}
body:has(.dashboard-workspace) #notifications-sidebar .notifications-dashboard-footer__button {
  display: inline-flex !important;
  width: 100% !important;
  min-height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.38rem !important;
  border: 1px solid #dfe8ef !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: #102033 !important;
  padding: 0 0.75rem !important;
  font-size: 11px !important;
  font-weight: 860 !important;
  box-shadow: 0 10px 22px -22px rgb(16 32 51 / 0.4) !important;
}
body:has(.dashboard-workspace) #notifications-sidebar .notifications-dashboard-footer__button svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 auto !important;
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace) #notifications-sidebar {
    width: min(19rem, 100vw) !important;
  }
}
body:has(.dashboard-workspace) .app-topbar {
  --app-brand-logo-width: 6rem !important;
}
body:has(.dashboard-workspace) .app-topbar__primary {
  grid-template-columns: minmax(8rem, 14rem) minmax(20rem, 1fr) max-content !important;
  padding-inline: 1.85rem !important;
}
body:has(.dashboard-workspace) .app-brand-logo {
  width: var(--app-brand-logo-width) !important;
  filter: none !important;
}
body:has(.dashboard-workspace) .app-topbar__actions {
  gap: 0.48rem !important;
}
body:has(.dashboard-workspace) .app-language-switcher__trigger {
  width: 4.45rem !important;
  padding-inline: 0.5rem !important;
}
body:has(.dashboard-workspace) .app-language-switcher__code {
  width: 1.7rem !important;
  height: 1.1rem !important;
  padding-inline: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin {
  display: none !important;
}
body:has(.dashboard-workspace) #content {
  padding-top: 1.08rem !important;
}
body:has(.dashboard-workspace) .dashboard-workspace {
  gap: 0.78rem !important;
}
body:has(.dashboard-workspace) .dashboard-command {
  gap: 0.64rem 1rem !important;
}
body:has(.dashboard-workspace) .dashboard-command__copy {
  padding-top: 0.18rem !important;
}
body:has(.dashboard-workspace) .dashboard-command__subtitle {
  font-size: 1.92rem !important;
  line-height: 1.02 !important;
}
body:has(.dashboard-workspace) #claims-kpis {
  gap: 2px !important;
}
body:has(.dashboard-workspace) .dashboard-attention {
  min-height: 0 !important;
  gap: 0.58rem 0.82rem !important;
  padding: 0.72rem 0.82rem !important;
  border-radius: 13px !important;
}
body:has(.dashboard-workspace) .dashboard-attention__copy h2 {
  font-size: 16px !important;
  line-height: 1.04 !important;
}
body:has(.dashboard-workspace) .dashboard-attention__copy p {
  font-size: 10px !important;
  line-height: 1.12 !important;
}
body:has(.dashboard-workspace) .dashboard-attention__stats span, body:has(.dashboard-workspace) .dashboard-attention__workview {
  min-height: 24px !important;
  padding-inline: 0.62rem !important;
  font-size: 9.5px !important;
}
body:has(.dashboard-workspace) .dashboard-attention__sort {
  font-size: 9.5px !important;
}
body:has(.dashboard-workspace) .dashboard-attention__view-toggle {
  height: 24px !important;
  min-height: 24px !important;
}
body:has(.dashboard-workspace) .dashboard-attention__view-toggle .dashboard-attention__view-option {
  display: inline-grid !important;
  width: 22px !important;
  height: 20px !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: transparent !important;
  color: #6e8195 !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .dashboard-attention__view-toggle .dashboard-attention__view-option.is-active {
  background: #102033 !important;
  color: #ffffff !important;
}
body:has(.dashboard-workspace) .dashboard-attention__view-toggle .dashboard-attention__view-option svg {
  width: 11px !important;
  height: 11px !important;
  color: currentColor !important;
}
body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
  gap: 0.5rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item {
  height: 68px !important;
  min-height: 68px !important;
  max-height: 68px !important;
  gap: 0.16rem 0.34rem !important;
  border-radius: 8px !important;
  padding: 0.44rem 0.5rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__body {
  grid-column: 1 / -1 !important;
  grid-row: 2 !important;
  width: 100% !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__badge, body:has(.dashboard-workspace) .dashboard-attention-item__time {
  font-size: 8px !important;
  line-height: 1 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__top strong {
  font-size: 9.1px !important;
  line-height: 1 !important;
  -webkit-line-clamp: 2 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__meta {
  gap: 0.04rem !important;
  font-size: 8px !important;
  line-height: 1.02 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__meta > span:first-child {
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__date {
  gap: 0.16rem !important;
  font-size: 8px !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__date svg {
  width: 8px !important;
  height: 8px !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item--more {
  min-height: 68px !important;
  height: 68px !important;
  max-height: 68px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__toolbar {
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.58fr) !important;
  padding: 0.72rem 0.82rem 0.5rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__controls {
  grid-template-columns: minmax(0, 12.5rem) auto 32px !important;
  justify-content: end !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 12.5rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__title {
  font-size: 16px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__count-pill {
  height: 22px !important;
  min-height: 22px !important;
  font-size: 9px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__filter-pill, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__settings-button, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search-shell {
  height: 28px !important;
  min-height: 28px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard > .overflow-x-auto {
  padding: 0 0.75rem 0.72rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table {
  min-width: 63rem !important;
  border-spacing: 0 0.28rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__head th {
  padding-bottom: 0.22rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard tr[data-row] > td {
  padding-top: 0.3rem !important;
  padding-bottom: 0.3rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__claim-ref {
  font-size: 10.7px !important;
  line-height: 1.08 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__claim-date, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__state-chip {
  font-size: 8.4px !important;
  line-height: 1 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__state-chip {
  padding: 0.1rem 0.34rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-chip {
  min-height: 10px !important;
  grid-template-columns: 5px minmax(0, 1fr) !important;
  gap: 0.26rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-label, body:has(.dashboard-workspace) .claims-table--dashboard .claims-party-name, body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-name, body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-value {
  font-size: 9.4px !important;
  line-height: 1.04 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-party-label, body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-label {
  font-size: 7.8px !important;
  line-height: 1 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-initials {
  width: 18px !important;
  height: 18px !important;
}
@media (min-width: 64rem) {
  body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
    grid-template-columns: repeat(6, minmax(0, 1fr)) 2.1rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item--more {
    width: 2.1rem !important;
  }
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace) .app-topbar {
    --app-brand-logo-width: 7rem !important;
  }
  body:has(.dashboard-workspace) .app-topbar__primary {
    grid-template-columns: minmax(0, 1fr) auto !important;
    grid-template-areas: "brand actions" "search search" !important;
    gap: 0.55rem !important;
    padding: 0.65rem 0.85rem !important;
  }
  body:has(.dashboard-workspace) .app-topbar__brand {
    grid-area: brand !important;
  }
  body:has(.dashboard-workspace) .app-topbar__search {
    grid-area: search !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body:has(.dashboard-workspace) .app-search-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions {
    grid-area: actions !important;
    justify-self: end !important;
    max-width: calc(100vw - 9rem) !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard > .overflow-x-auto {
    overflow-x: visible !important;
    padding-inline: 0.65rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    border-spacing: 0 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table colgroup, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__head {
    display: none !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table tbody {
    display: grid !important;
    gap: 0.58rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table tbody > tr[data-row] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.48rem !important;
    border: 1px solid #e5ebf1 !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    padding: 0.64rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table tbody > tr[data-row] > td {
    display: block !important;
    width: 100% !important;
    border: 0 !important;
    border-radius: 0 !important;
    padding: 0 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-card-mobile-parties, body:has(.dashboard-workspace) .claims-table--dashboard .claims-card-mobile-money, body:has(.dashboard-workspace) .claims-table--dashboard .claims-mobile-assignee {
    display: grid !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__cell--parties, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__cell--assignee, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__cell--amounts, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__cell--row-action {
    display: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin {
    display: inline-flex !important;
  }
}
body:has(.dashboard-workspace) #content {
  padding-top: 0.94rem !important;
}
body:has(.dashboard-workspace) .dashboard-workspace {
  max-width: none !important;
  margin-inline: 0 !important;
  gap: 0.52rem !important;
}
body:has(.dashboard-workspace) .dashboard-command {
  gap: 0.54rem 1rem !important;
}
body:has(.dashboard-workspace) .dashboard-command__subtitle {
  font-size: 1.82rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention {
  gap: 0.48rem 0.72rem !important;
  padding: 0.62rem 0.78rem 0.66rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  padding: 0.4rem 0.46rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item--more {
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__toolbar {
  padding: 0.58rem 0.78rem 0.36rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__controls {
  grid-template-columns: minmax(0, 15rem) auto 28px !important;
  gap: 0.34rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search {
  max-width: 15rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search-input {
  font-size: 8.2px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__filter-pill, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__settings-button, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search-shell {
  height: 27px !important;
  min-height: 27px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__settings-button {
  width: 28px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__filter-pill {
  width: 5.4rem !important;
  padding-inline: 0.6rem 0.36rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard > .overflow-x-auto {
  padding: 0 0.7rem 0.58rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table {
  border-spacing: 0 0.2rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__head th {
  padding-bottom: 0.12rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard tr[data-row] > td {
  padding-top: 0.18rem !important;
  padding-bottom: 0.18rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__claim-ref {
  font-size: 10.2px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__claim-date, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__state-chip {
  font-size: 8px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-stack {
  gap: 0.08rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-more {
  padding-left: 9px !important;
  font-size: 8px !important;
  line-height: 1 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-chip {
  min-height: 9px !important;
  gap: 0.22rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-label, body:has(.dashboard-workspace) .claims-table--dashboard .claims-party-name, body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-name, body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-value {
  font-size: 9px !important;
  line-height: 1 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-party-label, body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-label {
  font-size: 7.4px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__cell--amounts {
  padding-inline: 0.38rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-cell {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  justify-items: stretch !important;
  gap: 0.16rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-main, body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-total {
  display: grid !important;
  grid-template-columns: auto max-content !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  justify-items: stretch !important;
  gap: 0.4rem !important;
  width: 100% !important;
  min-width: 0 !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-label {
  min-width: 0 !important;
  text-align: left !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-value {
  min-width: max-content !important;
  text-align: right !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-initials {
  width: 17px !important;
  height: 17px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__row-menu {
  width: 24px !important;
  height: 24px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__row-menu svg {
  width: 14px !important;
  height: 14px !important;
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace) .dashboard-attention {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-areas: "attention-title" "attention-stats" "attention-controls" "attention-list" !important;
    gap: 0.52rem !important;
    padding: 0.72rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__header, body:has(.dashboard-workspace) .dashboard-attention__stats, body:has(.dashboard-workspace) .dashboard-attention__controls {
    width: 100% !important;
    min-width: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__stats {
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 0.34rem !important;
    overflow-x: auto !important;
    padding-bottom: 0.08rem !important;
    scrollbar-width: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__stats::-webkit-scrollbar {
    display: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__controls {
    justify-content: space-between !important;
    gap: 0.45rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__sort {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__workview {
    flex: 0 0 auto !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
    display: flex !important;
    grid-template-columns: none !important;
    gap: 0.48rem !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    margin-inline: -0.18rem !important;
    padding: 0 0.18rem 0.12rem !important;
    scroll-snap-type: x proximity !important;
    scrollbar-width: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__list::-webkit-scrollbar {
    display: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item {
    flex: 0 0 min(14rem, 72vw) !important;
    width: min(14rem, 72vw) !important;
    height: 70px !important;
    min-height: 70px !important;
    max-height: 70px !important;
    scroll-snap-align: start !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention-item--more {
    flex-basis: 2.45rem !important;
    width: 2.45rem !important;
    min-width: 2.45rem !important;
    border-radius: 999px !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-card-mobile-head {
    grid-template-columns: minmax(0, 1fr) max-content !important;
    grid-template-areas: "identity assignee" "money money" "parties parties" !important;
    gap: 0.56rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-card-identity {
    grid-area: identity !important;
    min-width: 0 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-mobile-assignee {
    grid-area: assignee !important;
    justify-self: end !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-card-mobile-money {
    grid-area: money !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0.5rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-card-mobile-money__item {
    display: grid !important;
    grid-template-columns: auto minmax(0, 1fr) !important;
    align-items: baseline !important;
    gap: 0.4rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-card-mobile-money__item + .claims-card-mobile-money__item {
    padding-top: 0 !important;
    border-top: 0 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-card-mobile-money__value {
    overflow: visible !important;
    text-overflow: clip !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-card-mobile-parties {
    grid-area: parties !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 0.56rem !important;
    padding: 0.68rem 0.72rem 0.58rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__identity {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    background: transparent !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__mark {
    display: none !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__title-row {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    gap: 0.55rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__title {
    min-width: 0 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__count-pill {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__controls {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-content: stretch !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search-shell {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin .dashboard-admin-trigger__label {
    display: none !important;
  }
}
@media (min-width: 48.01rem) {
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table {
    border-spacing: 0 0.22rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard tr[data-row] > td {
    padding-top: 0.2rem !important;
    padding-bottom: 0.2rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__claim-ref {
    font-size: 10.4px !important;
    line-height: 1.08 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__claim-date, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__state-chip {
    font-size: 8px !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-chip {
    min-height: 9px !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-label, body:has(.dashboard-workspace) .claims-table--dashboard .claims-party-name, body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-name, body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-value {
    font-size: 9px !important;
    line-height: 1 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-party-label, body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-label {
    font-size: 7.8px !important;
  }
}
@media (min-width: 64rem) {
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .dashboard-attention {
    grid-template-columns: minmax(8.25rem, 0.4fr) minmax(0, 1fr) max-content !important;
    gap: 0.42rem 0.52rem !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .dashboard-attention__stats {
    gap: 0.24rem !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .dashboard-attention__stats span {
    min-height: 21px !important;
    padding-inline: 0.42rem !important;
    font-size: 8.4px !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .dashboard-attention__controls {
    gap: 0.34rem !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .dashboard-attention__sort {
    font-size: 8.4px !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .dashboard-attention__workview {
    padding-inline: 0.54rem !important;
    font-size: 8.4px !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .dashboard-attention__view-toggle {
    flex: 0 0 auto !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .claims-table--dashboard .claims-table__table {
    width: 100% !important;
    min-width: 50rem !important;
  }
  body:has(.dashboard-workspace):has(#notifications-sidebar[aria-hidden="false"]) .claims-table--dashboard .claims-table__controls {
    grid-template-columns: minmax(0, 13.5rem) auto 28px !important;
  }
}
body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
  grid-area: kpis !important;
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(70px, auto) !important;
  gap: 2px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card {
  --dashboard-kpi-accent: #256f91;
  display: grid !important;
  grid-template-columns: 32px minmax(0, 1fr) !important;
  grid-template-rows: auto auto 1fr !important;
  align-content: start !important;
  min-width: 0 !important;
  min-height: 70px !important;
  overflow: hidden !important;
  column-gap: 0.62rem !important;
  border: 1px solid #e2eaf0 !important;
  border-radius: 9px !important;
  background: #ffffff !important;
  color: #102033 !important;
  padding: 0.62rem 0.78rem 0.54rem !important;
  box-shadow: 0 10px 22px -20px rgb(16 32 51 / 0.32) !important;
  transform: none !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card--finished {
  --dashboard-kpi-accent: #15a676;
}
body:has(.dashboard-workspace) .dashboard-kpi-card--progress {
  --dashboard-kpi-accent: #f27624;
}
body:has(.dashboard-workspace) .dashboard-kpi-card--stagnant {
  --dashboard-kpi-accent: #e83d68;
}
body:has(.dashboard-workspace) .dashboard-kpi-card--action {
  --dashboard-kpi-accent: #5c82b8;
}
body:has(.dashboard-workspace) .dashboard-kpi-card--queue {
  --dashboard-kpi-accent: #2f7fac;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__icon {
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
  display: grid !important;
  width: 24px !important;
  height: 24px !important;
  margin-top: 0.1rem !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--dashboard-kpi-accent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--dashboard-kpi-accent) 13%, white) !important;
  }
  color: var(--dashboard-kpi-accent) !important;
  box-shadow: inset 0 0 0 1px var(--dashboard-kpi-accent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--dashboard-kpi-accent) 16%, white) !important;
  }
}
body:has(.dashboard-workspace) .dashboard-kpi-card__icon svg {
  width: 12px !important;
  height: 12px !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__label {
  grid-column: 2 !important;
  min-width: 0 !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #5f6f81 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  text-transform: none !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__value {
  grid-column: 2 !important;
  margin: 0.18rem 0 0 !important;
  color: #102033 !important;
  font-size: 24px !important;
  font-weight: 880 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__metric {
  display: flex !important;
  align-items: baseline !important;
  gap: 0.42rem !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__unit, body:has(.dashboard-workspace) .dashboard-kpi-card__unit[data-kpi-pct] {
  margin: 0 !important;
  padding: 0 !important;
  color: #5f6f81 !important;
  font-size: 10px !important;
  font-weight: 760 !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__progress, body:has(.dashboard-workspace) .dashboard-kpi-card__meta {
  grid-column: 2 !important;
  margin-top: 0.3rem !important;
  padding: 0 !important;
  border: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__meta {
  min-width: 0 !important;
  overflow: hidden !important;
  color: #6d7c8f !important;
  font-size: 10px !important;
  font-weight: 650 !important;
  line-height: 1.12 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__bar {
  height: 3px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #e8eef3 !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__bar > span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: var(--dashboard-kpi-accent) !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card[role="button"] {
  cursor: pointer !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card.active {
  border-color: var(--dashboard-kpi-accent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--dashboard-kpi-accent) 44%, white) !important;
  }
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 0 0 2px var(--dashboard-kpi-accent), 0 18px 40px -30px var(--dashboard-kpi-accent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 0 0 2px color-mix(in oklab, var(--dashboard-kpi-accent) 14%, transparent), 0 18px 40px -30px color-mix(in oklab, var(--dashboard-kpi-accent) 48%, rgb(15 23 42)) !important;
  }
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body:has(.dashboard-workspace) .dashboard-kpi-card {
    min-height: 66px !important;
    padding: 0.58rem 0.64rem 0.52rem !important;
  }
}
body:has(.dashboard-workspace) {
  background: radial-gradient(circle at 84% 18%, rgb(55 167 176 / 0.13), transparent 30%), linear-gradient(120deg, #eef5f3, #e7efec 56%, #dbe6e2) !important;
}
body:has(.dashboard-workspace) #content {
  padding: 1.65rem clamp(1.4rem, 2.2vw, 2.7rem) 3rem !important;
}
body:has(.dashboard-workspace) .dashboard-workspace {
  width: min(1640px, 100%) !important;
  max-width: 1640px !important;
  margin-inline: auto !important;
  gap: 1.18rem !important;
}
body:has(.dashboard-workspace) .dashboard-command {
  position: relative !important;
  isolation: isolate !important;
  display: grid !important;
  container-type: inline-size !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
  grid-template-areas: none !important;
  align-items: stretch !important;
  gap: 0 !important;
  min-height: 318px !important;
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.13) !important;
  border-radius: 20px !important;
  padding: 0 !important;
  background: radial-gradient(circle at 27% -30%, rgb(76 133 152 / 0.42), transparent 34%), linear-gradient(113deg, #111e2d 0%, #18283a 45%, #0f1b29 100%) !important;
  color: #f7fbfc !important;
  box-shadow: 0 28px 58px rgb(10 19 30 / 0.28) !important;
}
body:has(.dashboard-workspace) .dashboard-command::before {
  content: "" !important;
  position: absolute !important;
  inset: -30% 37% -40% auto !important;
  display: block !important;
  width: 380px !important;
  transform: skew(-15deg) !important;
  background: linear-gradient(90deg, transparent, rgb(255 255 255 / 0.06), transparent) !important;
  pointer-events: none !important;
}
body:has(.dashboard-workspace) .dashboard-command::after {
  content: none !important;
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-command > * {
  position: relative !important;
  z-index: 1 !important;
}
body:has(.dashboard-workspace) .dashboard-command__masthead {
  grid-area: auto !important;
  display: flex !important;
  min-height: 64px !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  padding: 1rem 1.2rem 0.9rem !important;
  border-bottom: 1px solid rgb(255 255 255 / 0.11) !important;
}
body:has(.dashboard-workspace) .dashboard-command__content {
  grid-area: auto !important;
  display: grid !important;
  grid-template-columns: minmax(24rem, 0.64fr) minmax(0, 1.36fr) !important;
  grid-template-areas: none !important;
  align-items: stretch !important;
  width: 100% !important;
  max-width: 100% !important;
  height: 318px !important;
  min-height: 318px !important;
  overflow: hidden !important;
}
body:has(.dashboard-workspace) .dashboard-command__copy {
  grid-area: auto !important;
  display: flex !important;
  min-width: 0 !important;
  height: 100% !important;
  min-height: 0 !important;
  flex-direction: column !important;
  justify-content: center !important;
  gap: 0.9rem !important;
  padding: 1.75rem 1.9rem !important;
  border-right: 1px solid rgb(255 255 255 / 0.11) !important;
  color: #f7fbfc !important;
}
body:has(.dashboard-workspace) .dashboard-command__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  margin: 0 !important;
  color: rgb(255 255 255 / 0.66) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
body:has(.dashboard-workspace) .dashboard-command__eyebrow::before {
  content: "" !important;
  display: inline-block !important;
  width: 7px !important;
  height: 7px !important;
  border-radius: 999px !important;
  background: #d6d3cc !important;
  box-shadow: 0 0 0 4px rgb(172 162 150 / 0.16), 0 0 18px rgb(172 162 150 / 0.58) !important;
}
body:has(.dashboard-workspace) .dashboard-command__year {
  position: relative !important;
  padding-left: 0.64rem !important;
  color: rgb(255 255 255 / 0.52) !important;
}
body:has(.dashboard-workspace) .dashboard-command__year::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  width: 3px !important;
  height: 3px !important;
  border-radius: 999px !important;
  transform: translateY(-50%) !important;
  background: rgb(255 255 255 / 0.42) !important;
}
body:has(.dashboard-workspace) .dashboard-command__state-row {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.54rem !important;
}
body:has(.dashboard-workspace) .dashboard-command__state-pill {
  display: inline-flex !important;
  min-height: 28px !important;
  align-items: center !important;
  gap: 0.34rem !important;
  border: 1px solid rgb(255 255 255 / 0.16) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.16), rgb(255 255 255 / 0.08)), rgb(255 255 255 / 0.07) !important;
  color: #fafaf9 !important;
  padding: 0 0.78rem !important;
  font-size: 12px !important;
  font-weight: 760 !important;
  line-height: 1 !important;
}
body:has(.dashboard-workspace) .dashboard-command__state-pill--muted {
  color: rgb(232 230 224) !important;
}
body:has(.dashboard-workspace) .dashboard-command__state-pill--created {
  border-color: rgb(167 243 208 / 0.34) !important;
  color: rgb(209 250 229) !important;
  background: rgb(22 107 86 / 0.16) !important;
}
body:has(.dashboard-workspace) .dashboard-command__subtitle {
  max-width: none !important;
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(2.6rem, 3vw, 3.25rem) !important;
  font-weight: 850 !important;
  line-height: 0.98 !important;
  letter-spacing: 0 !important;
  text-wrap: balance !important;
}
body:has(.dashboard-workspace) .dashboard-command__description {
  max-width: 44rem !important;
  margin: 0 !important;
  color: rgb(226 230 236 / 0.74) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.38 !important;
}
body:has(.dashboard-workspace) .dashboard-command__identity-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.75rem !important;
  margin-top: 0.22rem !important;
}
body:has(.dashboard-workspace) .dashboard-command__identity-item {
  min-height: 74px !important;
  min-width: 0 !important;
  border: 1px solid rgb(255 255 255 / 0.11) !important;
  border-radius: 16px !important;
  background: rgb(255 255 255 / 0.07) !important;
  padding: 0.85rem 0.95rem !important;
}
body:has(.dashboard-workspace) .dashboard-command__identity-label {
  display: block !important;
  color: rgb(255 255 255 / 0.5) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
body:has(.dashboard-workspace) .dashboard-command__identity-value {
  display: block !important;
  margin-top: 0.26rem !important;
  color: #ffffff !important;
  font-size: 27px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
body:has(.dashboard-workspace) .dashboard-command__identity-item--accent .dashboard-command__identity-value {
  color: #65ddd8 !important;
}
body:has(.dashboard-workspace) .dashboard-command__identity-meta {
  display: block !important;
  margin-top: 0.28rem !important;
  color: rgb(255 255 255 / 0.6) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.15 !important;
}
body:has(.dashboard-workspace) .dashboard-command-status {
  min-height: 66px !important;
  margin-top: 0.08rem !important;
  border: 1px solid rgb(255 255 255 / 0.13) !important;
  border-radius: 16px !important;
  background: rgb(0 0 0 / 0.14) !important;
  padding: 0.82rem 0.95rem !important;
}
body:has(.dashboard-workspace) .dashboard-command-status__eyebrow {
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
}
body:has(.dashboard-workspace) .dashboard-command-status p {
  margin: 0.25rem 0 0 !important;
  color: rgb(255 255 255 / 0.68) !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  line-height: 1.3 !important;
}
@container (max-width: 70rem) {
  body:has(.dashboard-workspace) .dashboard-command .dashboard-command__copy {
    gap: 0.62rem !important;
    padding: 1.2rem 1.55rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-command .dashboard-command__subtitle {
    font-size: 2.42rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-command .dashboard-command__description {
    font-size: 13px !important;
    line-height: 1.32 !important;
  }
  body:has(.dashboard-workspace) .dashboard-command .dashboard-command__identity-grid {
    gap: 0.62rem !important;
    margin-top: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-command .dashboard-command__identity-item {
    min-height: 68px !important;
    padding: 0.7rem 0.82rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-command .dashboard-command__identity-value {
    font-size: 25px !important;
  }
}
@container (max-width: 58rem) {
  body:has(.dashboard-workspace) .dashboard-command .dashboard-command__content {
    height: 360px !important;
    min-height: 360px !important;
  }
  body:has(.dashboard-workspace) .dashboard-command #claims-kpis.dashboard-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto repeat(3, minmax(0, 1fr)) !important;
  }
  body:has(.dashboard-workspace) .dashboard-command .dashboard-kpi-card {
    grid-template-columns: 34px minmax(0, 1fr) !important;
    min-height: 0 !important;
    padding: 0.74rem 0.8rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-command .dashboard-kpi-card__icon {
    width: 28px !important;
    height: 28px !important;
  }
  body:has(.dashboard-workspace) .dashboard-command .dashboard-kpi-card__label {
    font-size: 9.8px !important;
    line-height: 1.12 !important;
    white-space: normal !important;
  }
  body:has(.dashboard-workspace) .dashboard-command .dashboard-kpi-card__value {
    font-size: 28px !important;
  }
}
body:has(.dashboard-workspace) .dashboard-toolbar {
  grid-area: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.62rem !important;
  min-width: 0 !important;
  margin: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-action, body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-admin-trigger {
  display: inline-flex !important;
  height: 40px !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.5rem !important;
  border: 1px solid rgb(255 255 255 / 0.14) !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.09) !important;
  color: #f8fbfc !important;
  padding: 0 1.1rem !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .dashboard-action--primary {
  border-color: rgb(255 255 255 / 0.88) !important;
  background: #ffffff !important;
  color: #102033 !important;
}
body:has(.dashboard-workspace) .dashboard-action--strong {
  border-color: rgb(255 255 255 / 0.18) !important;
  background: #071424 !important;
  color: #ffffff !important;
}
body:has(.dashboard-workspace) .dashboard-action__icon {
  width: 15px !important;
  height: 15px !important;
  padding: 0 !important;
  color: currentColor !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
  grid-area: auto !important;
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  grid-template-rows: auto repeat(2, minmax(0, 1fr)) !important;
  align-content: stretch !important;
  align-items: stretch !important;
  gap: 0.75rem !important;
  height: 100% !important;
  min-height: 0 !important;
  overflow: hidden !important;
  padding: 1.55rem 1.65rem 1.65rem !important;
  border: 0 !important;
  background: transparent !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-panel__header {
  grid-column: 1 / -1 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  margin: 0 0 0.08rem !important;
  padding: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-panel__eyebrow {
  color: rgb(255 255 255 / 0.52) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-panel__title {
  margin-top: 0.28rem !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-panel__meta {
  display: inline-flex !important;
  min-height: 28px !important;
  align-items: center !important;
  border: 1px solid rgb(255 255 255 / 0.13) !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: rgb(255 255 255 / 0.74) !important;
  padding: 0 0.82rem !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card {
  --dashboard-kpi-accent: #65ddd8;
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  grid-template-rows: auto auto 1fr !important;
  align-content: center !important;
  min-width: 0 !important;
  min-height: 84px !important;
  overflow: hidden !important;
  column-gap: 0.82rem !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 16px !important;
  background: rgb(255 255 255 / 0.075) !important;
  color: #f8fbfc !important;
  padding: 0.9rem 1rem !important;
  box-shadow: none !important;
  transform: none !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card--finished {
  --dashboard-kpi-accent: #36d0b6;
}
body:has(.dashboard-workspace) .dashboard-kpi-card--progress {
  --dashboard-kpi-accent: #ff8a3d;
}
body:has(.dashboard-workspace) .dashboard-kpi-card--stagnant {
  --dashboard-kpi-accent: #ff5f86;
}
body:has(.dashboard-workspace) .dashboard-kpi-card--action {
  --dashboard-kpi-accent: #8fb9ff;
}
body:has(.dashboard-workspace) .dashboard-kpi-card--queue {
  --dashboard-kpi-accent: #67d6ff;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__icon {
  grid-column: 1 !important;
  grid-row: 1 / span 3 !important;
  display: grid !important;
  width: 34px !important;
  height: 34px !important;
  margin-top: 0.05rem !important;
  place-items: center !important;
  border-radius: 12px !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: var(--dashboard-kpi-accent) !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__icon svg {
  width: 17px !important;
  height: 17px !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__label {
  grid-column: 2 !important;
  color: rgb(255 255 255 / 0.55) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__value {
  grid-column: 2 !important;
  margin: 0.28rem 0 0 !important;
  color: #ffffff !important;
  font-size: 31px !important;
  font-weight: 900 !important;
  line-height: 0.95 !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__unit, body:has(.dashboard-workspace) .dashboard-kpi-card__unit[data-kpi-pct], body:has(.dashboard-workspace) .dashboard-kpi-card__meta {
  color: rgb(255 255 255 / 0.66) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1.15 !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__progress, body:has(.dashboard-workspace) .dashboard-kpi-card__meta {
  grid-column: 2 !important;
  margin-top: 0.46rem !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__bar {
  height: 4px !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.14) !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__bar > span {
  background: var(--dashboard-kpi-accent) !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card.active {
  border-color: var(--dashboard-kpi-accent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--dashboard-kpi-accent) 46%, white) !important;
  }
  background: rgb(255 255 255 / 0.105) !important;
  box-shadow: inset 0 0 0 1px var(--dashboard-kpi-accent), 0 0 0 3px var(--dashboard-kpi-accent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--dashboard-kpi-accent) 24%, transparent), 0 0 0 3px color-mix(in oklab, var(--dashboard-kpi-accent) 13%, transparent) !important;
  }
}
body:has(.dashboard-workspace) .dashboard-attention {
  margin-top: 0 !important;
  padding: 1rem 1.05rem !important;
  border-radius: 18px !important;
}
body:has(.dashboard-workspace) .dashboard-attention__copy h2 {
  font-size: 22px !important;
  font-weight: 900 !important;
}
body:has(.dashboard-workspace) .dashboard-attention__copy p {
  font-size: 13px !important;
  font-weight: 650 !important;
}
body:has(.dashboard-workspace) .dashboard-attention__stats {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 0.5rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention__stats span, body:has(.dashboard-workspace) .dashboard-attention__workview, body:has(.dashboard-workspace) .dashboard-attention__sort {
  min-height: 32px !important;
  font-size: 12px !important;
}
body:has(.dashboard-workspace) .dashboard-attention__stats span {
  flex: 0 0 auto !important;
  margin: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item {
  height: 86px !important;
  min-height: 86px !important;
  max-height: 86px !important;
  border-radius: 14px !important;
  padding: 0.78rem 0.86rem !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__top strong {
  font-size: 12.8px !important;
  line-height: 1.1 !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item__meta {
  font-size: 10.8px !important;
  line-height: 1.18 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard {
  border-radius: 18px !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__toolbar {
  padding: 1.18rem 1.2rem 0.9rem !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__title {
  font-size: 22px !important;
  font-weight: 900 !important;
}
body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__count-pill, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__filter-pill, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__settings-button, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__search-shell {
  min-height: 34px !important;
  font-size: 12px !important;
}
@media (min-width: 48.01rem) {
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__table {
    border-spacing: 0 0.36rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard tr[data-row] > td {
    padding-top: 0.42rem !important;
    padding-bottom: 0.42rem !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__claim-ref {
    font-size: 12.4px !important;
    line-height: 1.12 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__claim-date, body:has(.dashboard-workspace) .claims-table--dashboard .claims-table__state-chip {
    font-size: 9.5px !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-label, body:has(.dashboard-workspace) .claims-table--dashboard .claims-party-name, body:has(.dashboard-workspace) .claims-table--dashboard .claims-row-owner-name, body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-value {
    font-size: 11px !important;
    line-height: 1.08 !important;
  }
  body:has(.dashboard-workspace) .claims-table--dashboard .claims-party-label, body:has(.dashboard-workspace) .claims-table--dashboard .claims-money-label {
    font-size: 8.8px !important;
  }
}
@media (max-width: 56rem) {
  body:has(.dashboard-workspace) .dashboard-command__content {
    grid-template-columns: minmax(20rem, 0.62fr) minmax(0, 1fr) !important;
    height: 418px !important;
    min-height: 418px !important;
  }
  body:has(.dashboard-workspace) .dashboard-command__copy {
    padding: 1.35rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-command__subtitle {
    font-size: 2.45rem !important;
  }
  body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto repeat(3, minmax(0, 1fr)) !important;
    padding: 1.25rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-kpi-card {
    min-height: 0 !important;
    padding: 0.76rem 0.82rem !important;
  }
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace) .dashboard-command__content {
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  body:has(.dashboard-workspace) .dashboard-command .dashboard-command__content {
    height: auto !important;
    min-height: 0 !important;
    overflow: visible !important;
  }
  body:has(.dashboard-workspace) .dashboard-command__copy {
    border-right: 0 !important;
    border-bottom: 1px solid rgb(255 255 255 / 0.11) !important;
  }
  body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto repeat(3, minmax(82px, auto)) !important;
    overflow: visible !important;
  }
  body:has(.dashboard-workspace) .dashboard-command #claims-kpis.dashboard-kpi-grid {
    height: auto !important;
    min-height: 0 !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    grid-template-rows: auto repeat(3, minmax(82px, auto)) !important;
    overflow: visible !important;
  }
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace) #content {
    padding: 1rem 0.75rem 2.5rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-workspace {
    gap: 0.9rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-command {
    min-height: 0 !important;
    border-radius: 18px !important;
  }
  body:has(.dashboard-workspace) .dashboard-command__masthead {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    padding: 1rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 0.84fr) minmax(0, 1.16fr) 40px !important;
    align-items: center !important;
    justify-content: stretch !important;
    gap: 0.5rem !important;
    width: 100% !important;
    flex-wrap: nowrap !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action:not(.dashboard-action--admin) {
    width: 100% !important;
    min-width: 0 !important;
    padding-inline: 0.7rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action:not(.dashboard-action--admin) span {
    overflow: hidden !important;
    font-size: 12px !important;
    line-height: 1 !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--primary {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action:not(.dashboard-action--primary):not(.dashboard-action--admin) {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin {
    grid-column: 3 !important;
    grid-row: 1 !important;
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    padding: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin .dashboard-admin-trigger__label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
  body:has(.dashboard-workspace) .dashboard-command__copy {
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
    padding: 1.15rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-command .dashboard-command__copy {
    height: auto !important;
    min-height: 0 !important;
    justify-content: flex-start !important;
  }
  body:has(.dashboard-workspace) .dashboard-command__subtitle {
    max-width: none !important;
    font-size: 2.35rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-command__description {
    font-size: 13px !important;
  }
  body:has(.dashboard-workspace) .dashboard-command__identity-grid, body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body:has(.dashboard-workspace) .dashboard-command .dashboard-command__identity-grid {
    display: none !important;
  }
  body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
    padding: 1rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-kpi-card {
    grid-template-columns: 30px minmax(0, 1fr) !important;
    min-height: 78px !important;
  }
  body:has(.dashboard-workspace) .dashboard-command .dashboard-kpi-card {
    grid-template-columns: 26px minmax(0, 1fr) !important;
    min-height: 82px !important;
  }
  body:has(.dashboard-workspace) .dashboard-command .dashboard-kpi-card__label {
    overflow: visible !important;
    text-overflow: clip !important;
  }
  body:has(.dashboard-workspace) .dashboard-kpi-card__icon {
    width: 26px !important;
    height: 26px !important;
    border-radius: 10px !important;
  }
  body:has(.dashboard-workspace) .dashboard-kpi-card__icon svg {
    width: 13px !important;
    height: 13px !important;
  }
  body:has(.dashboard-workspace) .dashboard-kpi-card__value {
    font-size: 24px !important;
  }
  body:has(.dashboard-workspace) .dashboard-kpi-card__label {
    font-size: 9.4px !important;
  }
}
body:has(.dashboard-workspace--fallback) .dashboard-workspace--fallback {
  gap: 1rem !important;
}
body:has(.dashboard-workspace--fallback) .dashboard-fallback-header {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  width: 100% !important;
  min-width: 0 !important;
  padding-bottom: 0.88rem !important;
  border-bottom: 1px solid #e4ebf1 !important;
}
body:has(.dashboard-workspace--fallback) .dashboard-fallback-header__copy {
  min-width: 0 !important;
}
body:has(.dashboard-workspace--fallback) .dashboard-fallback-title {
  margin: 0.18rem 0 0 !important;
  color: #102033 !important;
  font-size: clamp(1.72rem, 2.05vw, 2.25rem) !important;
  font-weight: 900 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}
body:has(.dashboard-workspace--fallback) .dashboard-fallback-subtitle {
  max-width: 48rem !important;
  margin-top: 0.42rem !important;
  color: #5f7082 !important;
  font-size: 13px !important;
  font-weight: 680 !important;
  line-height: 1.35 !important;
}
body:has(.dashboard-workspace--fallback) .dashboard-fallback-action {
  display: inline-flex !important;
  min-height: 34px !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 0.45rem !important;
  border: 1px solid #dfe8ef !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #102033 !important;
  padding: 0 0.95rem !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 12px 26px -24px rgb(16 32 51 / 0.5) !important;
}
body:has(.dashboard-workspace--fallback) .dashboard-fallback-action:hover {
  border-color: #cad9e4 !important;
  background: #f8fbfc !important;
}
body:has(.dashboard-workspace--fallback) .dashboard-fallback-action svg {
  width: 14px !important;
  height: 14px !important;
  flex: 0 0 auto !important;
}
body:has(.dashboard-workspace--fallback) .dashboard-email-audit-modal {
  width: 100% !important;
  max-width: none !important;
}
@media (max-width: 48rem) {
  body:has(.dashboard-workspace--fallback) .dashboard-fallback-header {
    display: grid !important;
    align-items: start !important;
  }
  body:has(.dashboard-workspace--fallback) .dashboard-fallback-title {
    font-size: 1.58rem !important;
  }
  body:has(.dashboard-workspace--fallback) .dashboard-fallback-action {
    width: fit-content !important;
  }
}
.claim-details-view {
  --claim-ref-ink: #102033;
  --claim-ref-dark: #0f1b29;
  --claim-ref-dark-2: #183044;
  --claim-ref-muted: #667987;
  --claim-ref-line: rgb(17 29 41 / 0.08);
  --claim-ref-teal: #37a7b0;
  --claim-ref-gold: #c5ad6b;
  --claim-ref-soft: #f6faf8;
  --claim-ref-shadow: 0 12px 38px rgb(17 29 41 / 0.08);
}
.claim-details-view .claim-reference-main-summary__metrics article {
  display: grid !important;
  grid-template-columns: 56px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 18px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-reference-main-summary__metrics article > div {
  min-width: 0 !important;
}
.claim-details-view .claim-reference-main-summary__metrics strong, .claim-details-view .claim-reference-main-summary__metrics small {
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
.claim-details-view .claim-reference-main-summary__metrics strong {
  line-height: 1.08 !important;
}
.claim-details-view .claim-reference-calc-grid--deposit .claim-reference-calc-item {
  align-content: center !important;
  justify-items: start !important;
}
.claim-details-view .claim-reference-calc-grid--deposit .claim-reference-calc-item strong {
  max-width: 100% !important;
  line-height: 1.12 !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary--hero {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "head amount" "daily daily" !important;
  align-items: center !important;
  gap: 10px 12px !important;
  min-height: 76px !important;
  padding: 12px !important;
  border: 1px solid rgb(255 255 255 / 0.11) !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 0.075) !important;
  color: #f7fbfc !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__head {
  grid-area: head !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__amount-row {
  grid-area: amount !important;
  display: flex !important;
  align-items: baseline !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  min-width: max-content !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__daily-row {
  grid-area: daily !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 10px !important;
  min-height: 38px !important;
  padding: 6px 12px !important;
  border-radius: 13px !important;
  background: rgb(255 255 255 / 0.08) !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__amount-label {
  color: rgb(255 255 255 / 0.64) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.1 !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__amount, .claim-details-view #claim-penalty-summary .claim-penalty-summary__daily-value {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__daily {
  display: grid !important;
  min-width: 0 !important;
  gap: 3px !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary__daily-label {
  display: block !important;
  margin: 0 !important;
  color: rgb(255 255 255 / 0.58) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-arrests-command-strip__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
}
.claim-details-view .claim-arrests-command-strip__metric {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 42px !important;
  padding: 0 18px !important;
  border-radius: 999px !important;
  background: var(--claim-ref-dark) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-action-button, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 42px !important;
  max-width: 100% !important;
  border: 1px solid var(--claim-ref-line) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  padding: 0 18px !important;
  color: var(--claim-ref-ink) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-decoration: none !important;
  white-space: normal !important;
  box-shadow: none !important;
  transition: border-color 0.16s ease, background-color 0.16s ease, color 0.16s ease, transform 0.16s ease !important;
}
.claim-details-view .claim-action-button:hover, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-button:hover {
  border-color: rgb(55 167 176 / 0.28) !important;
  background: #f4fbfa !important;
  color: #16818a !important;
}
.claim-details-view .claim-action-button:focus-visible, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-button:focus-visible {
  outline: 2px solid rgb(55 167 176 / 0.36) !important;
  outline-offset: 2px !important;
}
.claim-details-view .claim-action-button--primary, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-button--primary {
  border-color: rgb(55 167 176 / 0.26) !important;
  background: #eaf8f6 !important;
  color: #116b72 !important;
}
.claim-details-view .claim-action-button--primary:hover, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-button--primary:hover {
  border-color: rgb(55 167 176 / 0.42) !important;
  background: #dff5f2 !important;
  color: #0d5d63 !important;
}
.claim-details-view .claim-action-button--danger, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-button--danger {
  border-color: rgb(225 29 72 / 0.20) !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}
.claim-details-view .claim-action-button--danger:hover, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-button--danger:hover {
  border-color: rgb(225 29 72 / 0.32) !important;
  background: #ffe4e6 !important;
  color: #9f1239 !important;
}
.claim-details-view .claim-action-modal__tabs, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__tabs {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--claim-ref-line) !important;
}
.claim-details-view .claim-action-modal__tab, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__tab {
  display: inline-flex !important;
  min-height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--claim-ref-line) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  padding: 0 15px !important;
  color: var(--claim-ref-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-action-modal__tab:hover, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__tab:hover, .claim-details-view .claim-action-modal__tab.is-active, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__tab.is-active {
  border-color: rgb(55 167 176 / 0.30) !important;
  background: #eaf8f6 !important;
  color: #116b72 !important;
}
.claim-details-view .claim-action-modal {
  align-self: flex-start !important;
  max-width: 56rem !important;
  max-height: calc(100vh - 8.5rem) !important;
  margin-top: 7rem !important;
  padding: 22px !important;
  text-align: left !important;
}
.claim-details-view .claim-action-modal--wide {
  max-width: 56rem !important;
}
.claim-details-view .claim-action-modal--xl {
  max-width: 64rem !important;
}
.claim-details-view .claim-action-modal--full {
  max-width: 72rem !important;
}
.claim-details-view .claim-action-modal--contact {
  max-width: 30rem !important;
}
.claim-details-view .claim-action-modal__header, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  margin-bottom: 18px !important;
  padding-bottom: 16px !important;
  border-bottom: 1px solid var(--claim-ref-line) !important;
}
.claim-details-view .claim-action-modal__title, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__title {
  margin: 0 !important;
  color: var(--claim-ref-ink) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}
.claim-details-view .claim-action-modal__copy {
  max-width: 56rem !important;
  margin: 6px 0 0 !important;
  color: var(--claim-ref-muted) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}
.claim-details-view .claim-action-modal__close, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__close {
  display: inline-flex !important;
  width: 34px !important;
  height: 34px !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid var(--claim-ref-line) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--claim-ref-muted) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-action-modal__close:hover, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__close:hover {
  background: #f4fbfa !important;
  color: var(--claim-ref-ink) !important;
}
.claim-details-view .claim-action-modal__form, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__form {
  display: grid !important;
  gap: 16px !important;
}
.claim-details-view .claim-action-modal__panel, .claim-details-view .claim-action-modal__subpanel, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__panel, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__subpanel {
  min-width: 0 !important;
  border: 1px solid var(--claim-ref-line) !important;
  border-radius: 16px !important;
  background: #f7fbfa !important;
  padding: 14px !important;
}
.claim-details-view .claim-action-modal__panel, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__panel {
  display: grid !important;
  gap: 14px !important;
}
.claim-details-view .claim-action-modal__subpanel, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__subpanel {
  background: #ffffff !important;
}
.claim-details-view .claim-action-modal__notice, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__notice {
  margin-bottom: 16px !important;
  border-radius: 16px !important;
  padding: 14px !important;
}
.claim-details-view .claim-action-modal__notice--warn, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__notice--warn {
  border: 1px solid rgb(217 119 6 / 0.22) !important;
  background: #fffbeb !important;
}
.claim-details-view .claim-action-modal__notice--info, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__notice--info {
  border: 1px solid rgb(14 165 233 / 0.22) !important;
  background: #f0f9ff !important;
  color: #075985 !important;
}
.claim-details-view .claim-action-modal__notice--danger, body:has(.claim-details-view) .claim-details-modal-panel .claim-action-modal__notice--danger {
  border: 1px solid rgb(225 29 72 / 0.22) !important;
  background: #fff1f2 !important;
}
body:has(.claim-details-view) .claim-obligation-modal {
  max-width: 42rem !important;
  padding: 0 !important;
  overflow: hidden !important;
}
body:has(.claim-details-view) .claim-obligation-modal__hero {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 14px !important;
  padding: 22px !important;
  color: #f8fbfc !important;
  background: radial-gradient(circle at 12% -18%, rgb(70 151 160 / 0.42), transparent 38%), linear-gradient(105deg, #122437, #0c1724) !important;
}
body:has(.claim-details-view) .claim-obligation-modal__mark {
  display: inline-flex !important;
  width: 42px !important;
  height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgb(255 255 255 / 0.16) !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: #9ce1db !important;
}
body:has(.claim-details-view) .claim-obligation-modal__mark svg {
  width: 20px !important;
  height: 20px !important;
}
body:has(.claim-details-view) .claim-obligation-modal__hero span {
  display: block !important;
  color: rgb(255 255 255 / 0.58) !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
body:has(.claim-details-view) .claim-obligation-modal__hero h3 {
  margin: 6px 0 0 !important;
  color: #ffffff !important;
  font-size: 22px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}
body:has(.claim-details-view) .claim-obligation-modal__hero p {
  margin: 7px 0 0 !important;
  color: rgb(255 255 255 / 0.72) !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
}
body:has(.claim-details-view) .claim-obligation-modal__hero .claim-action-modal__close {
  border-color: rgb(255 255 255 / 0.18) !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: #ffffff !important;
}
body:has(.claim-details-view) .claim-obligation-modal .claim-action-modal__form {
  padding: 20px 22px 22px !important;
  background: #f6faf9 !important;
}
body:has(.claim-details-view) .claim-obligation-form {
  display: grid !important;
  gap: 14px !important;
}
body:has(.claim-details-view) .claim-obligation-start-fee {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  padding: 12px !important;
  border: 1px solid rgb(26 166 176 / 0.22) !important;
  border-radius: 16px !important;
  background: #effaf8 !important;
}
body:has(.claim-details-view) .claim-obligation-start-fee label {
  display: grid !important;
  grid-template-columns: 20px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  cursor: pointer !important;
}
body:has(.claim-details-view) .claim-obligation-start-fee input {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  accent-color: #1aa6b0 !important;
}
body:has(.claim-details-view) .claim-obligation-start-fee label span {
  display: grid !important;
  gap: 3px !important;
}
body:has(.claim-details-view) .claim-obligation-start-fee strong {
  color: #102033 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
}
body:has(.claim-details-view) .claim-obligation-start-fee small, body:has(.claim-details-view) .claim-obligation-start-fee > div span {
  color: #637484 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
}
body:has(.claim-details-view) .claim-obligation-start-fee > div {
  display: grid !important;
  gap: 3px !important;
  justify-items: end !important;
  white-space: nowrap !important;
}
body:has(.claim-details-view) .claim-obligation-amount-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
body:has(.claim-details-view) .claim-obligation-amount-card {
  display: grid !important;
  gap: 9px !important;
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
}
body:has(.claim-details-view) .claim-obligation-amount-card > span {
  color: #637484 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}
body:has(.claim-details-view) .claim-obligation-amount-card .claim-reference-input {
  height: 44px !important;
  border-radius: 12px !important;
  font-size: 17px !important;
  font-weight: 900 !important;
}
body:has(.claim-details-view) .claim-obligation-balance-preview {
  display: grid !important;
  gap: 8px !important;
  padding: 12px 14px !important;
  border: 1px solid rgb(17 29 41 / 0.07) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
}
body:has(.claim-details-view) .claim-obligation-balance-preview > div {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
body:has(.claim-details-view) .claim-obligation-balance-preview span {
  color: #637484 !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
}
body:has(.claim-details-view) .claim-obligation-balance-preview strong {
  color: #102033 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
}
body:has(.claim-details-view) .claim-obligation-balance-preview p {
  margin: 0 !important;
  color: #9f5f10 !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}
body:has(.claim-details-view) .claim-obligation-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  padding-top: 2px !important;
}
body:has(.claim-details-view) .claim-obligation-actions > div {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
}
body:has(.claim-details-view) .claim-obligation-danger-button {
  display: inline-flex !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 14px !important;
  border: 1px solid rgb(225 29 72 / 0.24) !important;
  border-radius: 999px !important;
  background: #fff1f2 !important;
  color: #be123c !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}
body:has(.claim-details-view) .claim-obligation-danger-button:hover {
  background: #ffe4e6 !important;
}
body:has(.claim-details-view) .claim-direct-payment-modal {
  max-width: 46rem !important;
}
body:has(.claim-details-view) .claim-direct-payment-modal__rows-head {
  display: grid !important;
  gap: 4px !important;
}
body:has(.claim-details-view) .claim-direct-payment-modal__rows-head h4 {
  margin: 0 !important;
  color: #102033 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}
body:has(.claim-details-view) .claim-direct-payment-modal__rows-head p {
  margin: 0 !important;
  color: #637484 !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}
body:has(.claim-details-view) .claim-direct-payment-modal__choice-grid {
  display: grid !important;
  gap: 8px !important;
}
body:has(.claim-details-view) .claim-direct-payment-modal__choice {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  min-height: 54px !important;
  padding: 10px 12px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  cursor: pointer !important;
}
body:has(.claim-details-view) .claim-direct-payment-modal__choice:has(input:checked) {
  border-color: rgb(26 166 176 / 0.32) !important;
  background: #effaf8 !important;
}
body:has(.claim-details-view) .claim-direct-payment-modal__choice input {
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  accent-color: #1aa6b0 !important;
}
body:has(.claim-details-view) .claim-direct-payment-modal__choice > span {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}
body:has(.claim-details-view) .claim-direct-payment-modal__choice > span > span:first-child {
  overflow: hidden !important;
  color: #102033 !important;
  font-size: 12.5px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body:has(.claim-details-view) .claim-direct-payment-modal__choice > span > span:last-child {
  color: #637484 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}
body:has(.claim-details-view) .claim-direct-payment-modal__choice strong {
  color: #102033 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}
@media (max-width: 720px) {
  .claim-details-view .claim-obligations-ledger__header, .claim-details-view .claim-obligation-pagination, body:has(.claim-details-view) .claim-obligation-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .claim-details-view .claim-obligations-ledger__total {
    justify-items: start !important;
  }
  .claim-details-view .claim-obligation-group__header, .claim-details-view .claim-obligation-row, .claim-details-view .claim-obligation-row__main, body:has(.claim-details-view) .claim-obligation-start-fee, body:has(.claim-details-view) .claim-obligation-amount-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-obligation-group__summary, .claim-details-view .claim-obligation-row__amounts div, body:has(.claim-details-view) .claim-obligation-start-fee > div {
    justify-items: start !important;
  }
  .claim-details-view .claim-obligation-row__amounts {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .claim-details-view .claim-obligation-row__actions, body:has(.claim-details-view) .claim-obligation-actions > div {
    justify-content: stretch !important;
  }
  .claim-details-view .claim-obligation-select-button, body:has(.claim-details-view) .claim-obligation-actions .claim-action-button, body:has(.claim-details-view) .claim-obligation-danger-button {
    width: 100% !important;
  }
  body:has(.claim-details-view) .claim-obligation-modal__hero {
    grid-template-columns: minmax(0, 1fr) auto !important;
  }
  body:has(.claim-details-view) .claim-obligation-modal__mark {
    display: none !important;
  }
  body:has(.claim-details-view) .claim-direct-payment-modal__choice {
    grid-template-columns: 18px minmax(0, 1fr) !important;
  }
  body:has(.claim-details-view) .claim-direct-payment-modal__choice strong {
    grid-column: 2 !important;
    justify-self: start !important;
  }
}
.claim-details-view .claim-arrests-inline-alert {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 18px !important;
  margin: 0 0 22px !important;
  padding: 18px 22px !important;
  border: 1px solid rgb(216 23 69 / 0.18) !important;
  border-radius: 18px !important;
  background: #fff5f7 !important;
}
.claim-details-view .claim-arrests-inline-alert__label {
  display: block !important;
  color: #9e2442 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-arrests-inline-alert strong {
  display: block !important;
  margin-top: 4px !important;
  color: var(--claim-ref-ink) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}
.claim-details-view .claim-arrests-inline-alert p {
  margin: 4px 0 0 !important;
  color: #6d5260 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
.claim-details-view .claim-arrests-reference-notes {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr) !important;
  gap: 18px !important;
  margin-top: 24px !important;
}
.claim-details-view .claim-arrests-reference-note {
  min-height: 164px !important;
  padding: 24px 26px !important;
  border: 1px solid var(--claim-ref-line) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  color: var(--claim-ref-ink) !important;
}
.claim-details-view .claim-arrests-reference-note--dark {
  border-color: transparent !important;
  background: var(--claim-ref-dark) !important;
  color: #ffffff !important;
}
.claim-details-view .claim-arrests-reference-note h4 {
  margin: 0 !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}
.claim-details-view .claim-arrests-reference-note p {
  max-width: 62ch !important;
  margin: 10px 0 0 !important;
  color: currentColor !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, currentColor 68%, transparent) !important;
  }
  font-size: 15px !important;
  line-height: 1.45 !important;
}
.claim-details-view .claim-arrests-reference-note__tags {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 18px !important;
}
.claim-details-view .claim-arrests-reference-note__tags span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #eaf6f4 !important;
  color: #1a5f63 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
.claim-details-view .arrest-targets-panel, .claim-details-view .arrest-info-toggle, .claim-details-view .arrest-notice {
  overflow: hidden !important;
  border: 1px solid var(--claim-ref-line) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  color: var(--claim-ref-ink) !important;
  box-shadow: var(--claim-ref-shadow) !important;
}
.claim-details-view .arrest-section-head__label, .claim-details-view .arrest-notice__label {
  display: block !important;
  color: #6b7a86 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
.claim-details-view .arrest-section-head__title {
  margin: 5px 0 0 !important;
  color: var(--claim-ref-ink) !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}
.claim-details-view .arrest-section-head__copy {
  margin: 8px 0 0 !important;
  color: var(--claim-ref-muted) !important;
  font-size: 13px !important;
  line-height: 1.4 !important;
}
.claim-details-view .arrests-workspace {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.34fr) !important;
  gap: 24px !important;
  margin-top: 24px !important;
}
.claim-details-view .arrests-workspace__main, .claim-details-view .arrests-workspace__aside {
  min-width: 0 !important;
}
.claim-details-view .arrest-targets-panel {
  padding: 24px !important;
}
.claim-details-view .arrest-section-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  margin-bottom: 20px !important;
}
.claim-details-view .arrest-display-sections {
  display: grid !important;
  gap: 16px !important;
}
.claim-details-view .arrest-display-section {
  overflow: hidden !important;
  border: 1px solid var(--claim-ref-line) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
}
.claim-details-view .arrest-display-section__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--claim-ref-line) !important;
  background: #eef7f5 !important;
}
.claim-details-view .arrest-display-section__title {
  margin: 4px 0 0 !important;
  color: var(--claim-ref-ink) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}
.claim-details-view .arrest-display-section__head p {
  margin: 5px 0 0 !important;
  color: var(--claim-ref-muted) !important;
  font-size: 12px !important;
}
.claim-details-view .arrest-display-section__count {
  display: grid !important;
  place-items: center !important;
  min-width: 34px !important;
  height: 34px !important;
  border-radius: 999px !important;
  background: var(--claim-ref-dark) !important;
  color: #ffffff !important;
  font-weight: 900 !important;
}
.claim-details-view .arrest-info-toggle > summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 58px !important;
  padding: 0 18px !important;
  background: var(--claim-ref-dark) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}
.claim-details-view .arrest-info-toggle__body {
  padding: 18px !important;
  background: #ffffff !important;
}
.claim-details-view .arrest-notice {
  margin-top: 24px !important;
  padding: 20px 22px !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-board--payments .claim-details-board__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 24px !important;
  min-height: 140px !important;
}
.claim-details-view .claim-details-board--payments .claim-details-board__subtitle {
  display: block !important;
  max-width: 58rem !important;
  margin: 8px 0 0 !important;
  color: rgb(255 255 255 / 0.70) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
}
.claim-details-view .claim-details-board--payments .claim-details-board__body {
  padding: 32px !important;
  background: var(--claim-ref-soft) !important;
}
.claim-details-view .claim-payments-workspace {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 24px !important;
}
.claim-details-view .claim-payment-surface {
  border: 1px solid var(--claim-ref-line) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-payment-surface__header {
  min-height: 70px !important;
  padding: 24px 24px 8px !important;
  border: 0 !important;
  background: #ffffff !important;
}
.claim-details-view .claim-payment-surface__eyebrow {
  display: none !important;
}
.claim-details-view .claim-payment-surface__title {
  margin: 0 !important;
  color: var(--claim-ref-ink) !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}
.claim-details-view .claim-payment-surface__description {
  display: none !important;
}
.claim-details-view .claim-payment-surface__body {
  padding: 0 24px 24px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-payment-schedule-grid, .claim-details-view .claim-payment-schedule-grid--empty, .claim-details-view .claim-payment-proposal-layout, .claim-details-view .claim-payment-proposal-layout--empty {
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  padding: 0 !important;
}
.claim-details-view .claim-payment-empty-card--schedule {
  min-height: 312px !important;
  justify-content: start !important;
  padding: 32px 24px !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: #243342 !important;
  color: #ffffff !important;
}
.claim-details-view .claim-payment-empty-card--schedule .claim-payment-empty-card__eyebrow {
  color: rgb(255 255 255 / 0.48) !important;
}
.claim-details-view .claim-payment-empty-card--schedule .claim-payment-empty-card__title {
  color: #ffffff !important;
  font-size: 24px !important;
}
.claim-details-view .claim-payment-empty-card--schedule .claim-payment-empty-card__copy {
  color: rgb(255 255 255 / 0.70) !important;
  font-size: 16px !important;
}
.claim-details-view .claim-payment-form-card, .claim-details-view .claim-payment-decision-panel, .claim-details-view .claim-payment-note-card, .claim-details-view .payment-plan-schedule {
  border: 1px solid var(--claim-ref-line) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-payment-field :where(input, select, textarea), .claim-details-view .claim-payment-field .input {
  min-height: 46px !important;
  border-radius: 14px !important;
  border-color: rgb(17 29 41 / 0.12) !important;
  background: #f7fbfa !important;
}
.claim-details-view .claim-reference-status-note, .claim-details-view .claim-penalty-summary__daily-label {
  display: block !important;
  margin-bottom: 3px !important;
  color: var(--claim-ref-muted) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-payment-form__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.claim-details-view #section-payments-recent {
  grid-column: 1 / -1 !important;
}
.claim-details-view .claim-payment-embedded-refresh {
  margin-top: 24px !important;
}
.claim-details-view .claim-details-payments--embedded {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-payments--embedded .claim-details-payments__toolbar {
  padding: 0 24px 18px !important;
}
.claim-details-view .claim-details-payments--embedded .claim-details-payments__controls, .claim-details-view .claim-details-payments--embedded .claim-payment-filter-switch {
  width: 100% !important;
  max-width: none !important;
}
.claim-details-view .claim-details-payments--embedded .claim-payment-filter-switch {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 4px !important;
  padding: 4px !important;
  border: 1px solid var(--claim-ref-line) !important;
  border-radius: 16px !important;
  background: #f3f8f7 !important;
}
.claim-details-view .claim-details-payments--embedded .claim-payment-filter-switch__item {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 40px !important;
  border-radius: 12px !important;
  color: var(--claim-ref-muted) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
}
.claim-details-view .claim-details-payments--embedded .claim-payment-filter-switch__item.is-active, .claim-details-view .claim-details-payments--embedded .claim-payment-filter-switch__item[aria-current="page"] {
  background: #ffffff !important;
  color: var(--claim-ref-ink) !important;
  box-shadow: 0 8px 18px rgb(13 24 37 / 0.08) !important;
}
.claim-details-view .claim-details-payments--embedded .claim-details-payments__body {
  padding: 0 24px 24px !important;
}
.claim-details-view .claim-details-payments--embedded .claim-details-payments__section {
  border: 1px solid var(--claim-ref-line) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-payments--embedded .claim-details-payments__section-head {
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--claim-ref-line) !important;
}
.claim-details-view .claim-details-payments--embedded .claim-details-payments__section-title {
  color: var(--claim-ref-ink) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-details-payments--embedded .claim-details-payments__section-subtitle {
  color: var(--claim-ref-muted) !important;
  font-size: 12px !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-frame {
  border: 0 !important;
  border-radius: 0 0 18px 18px !important;
  background: #ffffff !important;
  box-shadow: none !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-table {
  border-collapse: collapse !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-table th {
  padding: 12px 18px !important;
  background: #f5faf9 !important;
  color: var(--claim-ref-muted) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-cell {
  padding: 16px 18px !important;
  border-top: 1px solid var(--claim-ref-line) !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-title, .claim-details-view .claim-details-payments--embedded .payment-ledger-party {
  color: var(--claim-ref-ink) !important;
  font-weight: 900 !important;
}
@media (max-width: 1280px) {
  .claim-details-view .arrests-workspace, .claim-details-view .claim-payments-workspace, .claim-details-view .claim-arrests-reference-notes {
    grid-template-columns: 1fr !important;
  }
}
@media (max-width: 780px) {
  .claim-details-view #claim-penalty-summary .claim-penalty-summary__daily-row, .claim-details-view .claim-arrests-command-strip, .claim-details-view .claim-arrests-inline-alert, .claim-details-view .arrest-section-head, .claim-details-view .claim-details-board--payments .claim-details-board__head {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view .claim-payment-form__grid {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view .claim-arrests-command-strip__actions {
    justify-content: flex-start !important;
  }
}
.claim-details-view #claim-info-mlr .claim-reference-mlr-status-strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  padding: 0 0 18px !important;
}
.claim-details-view #claim-info-mlr .claim-reference-mlr-status {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid var(--claim-ref-line) !important;
  border-radius: 14px !important;
  background: #f6faf9 !important;
  color: var(--claim-ref-ink) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}
.claim-details-view #claim-info-mlr .claim-reference-mlr-status b {
  color: var(--claim-ref-muted) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-payment-empty-card--schedule::after, .claim-details-view .claim-payment-empty-card--negotiation::after {
  display: none !important;
}
.claim-details-view .arrest-display-sections {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
}
.claim-details-view .arrest-display-section {
  max-height: 690px !important;
  display: grid !important;
  grid-template-rows: auto minmax(0, 1fr) !important;
}
.claim-details-view .arrest-display-section__head {
  min-height: 94px !important;
  padding: 15px 16px !important;
}
.claim-details-view .arrest-display-section__title {
  font-size: 17px !important;
}
.claim-details-view .arrest-display-section__head p {
  max-width: 28rem !important;
}
.claim-details-view .arrest-list--targets {
  min-height: 0 !important;
  max-height: 570px !important;
  overflow-y: auto !important;
  overscroll-behavior: contain !important;
  scrollbar-width: thin !important;
  scrollbar-color: rgb(16 32 51 / 0.24) transparent !important;
}
.claim-details-view #arrests-panel :is(.btn-muted, .btn-ghost, .btn-primary), .claim-details-view #non-monetary-panel :is(.btn-muted, .btn-ghost, .btn-primary) {
  min-height: 32px !important;
  max-width: 100% !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  box-shadow: none !important;
}
.claim-details-view #arrests-panel .btn-muted, .claim-details-view #non-monetary-panel .btn-muted {
  border-color: rgb(16 32 51 / 0.10) !important;
  background: #ffffff !important;
  color: var(--claim-ref-ink, #102033) !important;
}
.claim-details-view #arrests-panel .btn-ghost, .claim-details-view #non-monetary-panel .btn-ghost {
  border-color: rgb(16 32 51 / 0.08) !important;
  background: #f3f8f7 !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
}
.claim-details-view .claim-action-stack {
  display: grid !important;
  gap: 20px !important;
}
.claim-details-view .claim-action-board, .claim-details-view .claim-action-card {
  overflow: hidden !important;
  min-width: 0 !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  color: var(--claim-ref-ink, #102033) !important;
  box-shadow: var(--claim-ref-shadow, 0 18px 50px rgb(16 32 51 / 0.08)) !important;
}
.claim-details-view .claim-action-board__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 124px !important;
  padding: 26px 28px 24px !important;
  border: 0 !important;
  background: radial-gradient(circle at 17% -28%, rgb(70 135 154 / 0.36), transparent 42%), linear-gradient(100deg, #152535, #0d1825) !important;
  color: #ffffff !important;
}
.claim-details-view .claim-action-card__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  background: #ffffff !important;
}
.claim-details-view .claim-action-board__intro, .claim-details-view .claim-action-card__intro {
  min-width: 0 !important;
}
.claim-details-view .claim-action-board__eyebrow, .claim-details-view .claim-action-card__eyebrow, .claim-details-view .claim-action-summary-card__label {
  display: block !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-action-board__eyebrow {
  color: rgb(255 255 255 / 0.58) !important;
}
.claim-details-view .claim-action-card__eyebrow, .claim-details-view .claim-action-summary-card__label {
  color: var(--claim-ref-muted, #6b7a86) !important;
}
.claim-details-view .claim-action-board__title, .claim-details-view .claim-action-card__title {
  margin: 5px 0 0 !important;
  font-weight: 920 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-action-board__title {
  color: #ffffff !important;
  font-size: 25px !important;
}
.claim-details-view .claim-action-card__title {
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 20px !important;
}
.claim-details-view .claim-action-board__description, .claim-details-view .claim-action-card__description {
  max-width: 58rem !important;
  margin: 8px 0 0 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.42 !important;
}
.claim-details-view .claim-action-board__description {
  color: rgb(255 255 255 / 0.68) !important;
}
.claim-details-view .claim-action-card__description {
  color: var(--claim-ref-muted, #6b7a86) !important;
}
.claim-details-view .claim-action-board__meta, .claim-details-view .claim-action-card__meta {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  max-width: min(100%, 18rem) !important;
}
.claim-details-view .claim-action-board__meta .badge {
  min-height: 34px !important;
  border: 0 !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  padding: 0 14px !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  box-shadow: 0 10px 22px rgb(0 0 0 / 0.12) !important;
}
.claim-details-view .claim-action-card__meta .badge {
  min-height: 30px !important;
  border-radius: 999px !important;
  padding: 0 11px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}
.claim-details-view .claim-action-board__body, .claim-details-view .claim-action-card__body {
  min-width: 0 !important;
  padding: 24px 28px 28px !important;
  background: #f6faf8 !important;
}
.claim-details-view .claim-action-card__body {
  padding: 20px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-action-summary {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  padding: 20px 24px 24px !important;
  border-top: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  background: #f6faf8 !important;
}
.claim-details-view .claim-action-summary--triple {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.claim-details-view .claim-action-summary-card {
  min-width: 0 !important;
  min-height: 104px !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff, #f8fbfa) !important;
  padding: 17px 18px !important;
  color: var(--claim-ref-ink, #102033) !important;
  box-shadow: none !important;
}
.claim-details-view .claim-action-summary-card--accent {
  box-shadow: inset 4px 0 0 rgb(55 167 176 / 0.76) !important;
}
.claim-details-view .claim-action-summary-card__value {
  margin-top: 7px !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 19px !important;
  font-weight: 920 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-action-summary-card__meta {
  margin-top: 8px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view #non-monetary-panel :where(input, select, textarea) {
  max-width: 100% !important;
  border-color: rgb(17 29 41 / 0.12) !important;
  border-radius: 14px !important;
  background: #f7fbfa !important;
}
.claim-details-view .claim-action-board--etaitur .claim-action-summary-card__value {
  font-size: 18px !important;
  line-height: 1.16 !important;
}
.claim-details-view .claim-action-summary--etaitur {
  grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr)) !important;
}
.claim-details-view .claim-etaitur-panel {
  scroll-margin-top: 118px !important;
}
.claim-details-view .claim-etaitur-panel__body {
  display: grid !important;
  gap: 14px !important;
}
.claim-details-view .claim-etaitur-panel__body > :first-child {
  margin-top: 0 !important;
}
.claim-details-view .claim-etaitur-panel__form {
  display: grid !important;
  gap: 14px !important;
  margin-top: 0 !important;
}
.claim-details-view .claim-etaitur-panel__workspace {
  grid-template-columns: minmax(240px, 320px) minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 14px !important;
}
.claim-details-view .claim-etaitur-panel__side-card, .claim-details-view .claim-etaitur-panel__editor, .claim-details-view .claim-etaitur-panel__toolbar {
  min-width: 0 !important;
  border-color: var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  padding: 18px !important;
  box-shadow: 0 14px 34px rgb(16 32 51 / 0.05) !important;
}
.claim-details-view .claim-etaitur-panel__toolbar {
  border-color: rgb(17 29 41 / 0.1) !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(247 251 250 / 0.96)), #f7fbfa !important;
  box-shadow: 0 12px 30px rgb(16 32 51 / 0.06) !important;
}
.claim-details-view .claim-etaitur-panel__side-card {
  background: linear-gradient(180deg, #ffffff, #f7fbfa) !important;
}
.claim-details-view .claim-etaitur-panel__side-card > .rounded-md:first-child {
  border-color: rgb(55 167 176 / 0.24) !important;
  background: radial-gradient(circle at 100% 0, rgb(55 167 176 / 0.12), transparent 42%), linear-gradient(180deg, #ffffff, #f4faf8) !important;
}
.claim-details-view .claim-etaitur-panel__side-card dl > div {
  border-bottom: 1px solid rgb(17 29 41 / 0.07) !important;
  padding: 0 0 8px !important;
}
.claim-details-view .claim-etaitur-panel__side-card dl > div:last-child {
  border-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.claim-details-view .claim-etaitur-panel details {
  border-radius: 14px !important;
}
.claim-details-view .claim-etaitur-panel__side-card > .rounded-md.border, .claim-details-view .claim-etaitur-panel__editor > :where(section.rounded-md.border, div.rounded-md.border) {
  border-radius: 15px !important;
  background: linear-gradient(180deg, #ffffff, #fbfdfc) !important;
  box-shadow: none !important;
}
.claim-details-view .claim-etaitur-panel :where(label > span:first-child, .text-xs.font-semibold.uppercase) {
  color: #6d7b86 !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
}
.claim-details-view .claim-etaitur-panel :where(label > span:first-child) {
  text-transform: uppercase !important;
}
.claim-details-view .claim-etaitur-panel :where(.form-input, .form-select, .form-textarea) {
  max-width: 100% !important;
  min-height: 42px !important;
  border: 1px solid rgb(17 29 41 / 0.16) !important;
  border-radius: 10px !important;
  background: #fbfdfc !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86) !important;
}
.claim-details-view .claim-etaitur-panel :where(.form-input, .form-select, .form-textarea):focus {
  border-color: rgb(55 167 176 / 0.64) !important;
  outline: 2px solid rgb(55 167 176 / 0.18) !important;
  outline-offset: 1px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-etaitur-panel :where(.form-textarea) {
  min-height: 6.5rem !important;
  resize: vertical !important;
}
.claim-details-view .claim-etaitur-panel :where(input[readonly], textarea[readonly]) {
  background: #f3f7f6 !important;
  color: #526170 !important;
}
.claim-details-view .claim-etaitur-panel .claim-action-button {
  min-height: 42px !important;
  border-radius: 999px !important;
  padding: 0 18px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}
.claim-details-view .claim-etaitur-panel .claim-action-button--primary {
  background: #102033 !important;
  color: #ffffff !important;
}
.claim-details-view .claim-etaitur-panel #etaitur-action-feedback > section, .claim-details-view .claim-etaitur-panel #etaitur-action-feedback > div {
  border-radius: 16px !important;
  box-shadow: 0 14px 34px rgb(16 32 51 / 0.05) !important;
}
.claim-details-view .etaitur-combobox {
  position: relative !important;
  min-width: 0 !important;
}
.claim-details-view .etaitur-combobox__button {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  width: 100% !important;
  min-height: 2.35rem !important;
  border: 1px solid rgb(17 29 41 / 0.16) !important;
  border-radius: 7px !important;
  background: #ffffff !important;
  padding: 0.48rem 0.64rem !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86) !important;
}
.claim-details-view .etaitur-combobox__button:focus-visible {
  outline: 2px solid rgb(55 167 176 / 0.45) !important;
  outline-offset: 2px !important;
}
.claim-details-view .etaitur-combobox__value {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claim-details-view .etaitur-combobox__icon {
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 14px !important;
  line-height: 1 !important;
}
.claim-details-view .etaitur-combobox__menu {
  position: fixed !important;
  box-sizing: border-box !important;
  z-index: 6000 !important;
  top: var(--etaitur-combobox-menu-top, 1rem) !important;
  bottom: auto !important;
  left: var(--etaitur-combobox-menu-left, 1rem) !important;
  right: auto !important;
  width: var(--etaitur-combobox-menu-width, max(100%, min(31rem, calc(100vw - 2rem)))) !important;
  max-width: calc(100vw - 2rem) !important;
  display: grid !important;
  grid-template-rows: auto auto minmax(0, 1fr) !important;
  gap: 8px !important;
  height: var(--etaitur-combobox-menu-height, auto) !important;
  max-height: var(--etaitur-combobox-menu-max-height, min(720px, calc(100vh - 2rem))) !important;
  overflow: hidden !important;
  overscroll-behavior: contain !important;
  border: 1px solid rgb(17 29 41 / 0.14) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  padding: 10px !important;
  box-shadow: 0 20px 44px rgb(16 32 51 / 0.18) !important;
}
.claim-details-view .etaitur-combobox[data-placement="top"] .etaitur-combobox__menu {
  top: auto !important;
  bottom: var(--etaitur-combobox-menu-bottom, 1rem) !important;
}
.claim-details-view .etaitur-combobox__menu[hidden] {
  display: none !important;
}
.claim-details-view .etaitur-combobox__search {
  width: 100% !important;
  min-height: 36px !important;
  border: 1px solid rgb(17 29 41 / 0.14) !important;
  border-radius: 8px !important;
  background: #f7fbfa !important;
  padding: 0 12px !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
}
.claim-details-view .etaitur-combobox__meta {
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
}
.claim-details-view .etaitur-combobox__list {
  display: grid !important;
  box-sizing: border-box !important;
  gap: 3px !important;
  min-height: 0 !important;
  height: 100% !important;
  max-height: var(--etaitur-combobox-list-max-height, none) !important;
  overflow: auto !important;
  overscroll-behavior: contain !important;
  padding-right: 2px !important;
  scrollbar-gutter: stable !important;
}
.claim-details-view .etaitur-combobox__group {
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
  margin-top: 4px !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  background: #ffffff !important;
  padding: 7px 9px 5px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10px !important;
  font-weight: 920 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.claim-details-view .etaitur-combobox__option {
  display: grid !important;
  gap: 2px !important;
  width: 100% !important;
  min-height: 34px !important;
  border: 0 !important;
  border-radius: 8px !important;
  background: transparent !important;
  padding: 8px 10px !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  text-align: left !important;
}
.claim-details-view .etaitur-combobox__option-title {
  display: block !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .etaitur-combobox__option-detail {
  display: block !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .etaitur-combobox__option:hover, .claim-details-view .etaitur-combobox__option:focus-visible {
  background: #edf7f5 !important;
  outline: 0 !important;
}
.claim-details-view .etaitur-combobox__option[aria-selected="true"] {
  background: #dff3ef !important;
  color: #0b685e !important;
  font-weight: 920 !important;
}
.claim-details-view .etaitur-combobox__option[aria-selected="true"] .etaitur-combobox__option-detail {
  color: #39736b !important;
}
@media (max-width: 1180px) {
  .claim-details-view .arrest-display-sections, .claim-details-view .claim-action-summary, .claim-details-view .claim-action-summary--triple {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 780px) {
  .claim-details-view .arrest-display-section {
    max-height: none !important;
  }
  .claim-details-view .arrest-list--targets {
    max-height: none !important;
    overflow-y: visible !important;
  }
  .claim-details-view .claim-action-board__header, .claim-details-view .claim-action-card__header {
    display: grid !important;
    min-height: 0 !important;
    padding: 20px !important;
  }
  .claim-details-view .claim-action-board__body, .claim-details-view .claim-action-card__body {
    padding: 18px !important;
  }
  .claim-details-view .claim-action-board__title {
    font-size: 21px !important;
  }
  .claim-details-view .claim-action-card__title {
    font-size: 18px !important;
  }
  .claim-details-view .claim-action-board__meta, .claim-details-view .claim-action-card__meta {
    justify-content: flex-start !important;
    max-width: 100% !important;
  }
}
@media (max-width: 1180px) {
  .claim-details-view .claim-etaitur-panel__workspace, .claim-details-view .claim-action-summary--etaitur {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 780px) {
  .claim-details-view .claim-etaitur-panel__side-card, .claim-details-view .claim-etaitur-panel__editor, .claim-details-view .claim-etaitur-panel__toolbar {
    padding: 15px !important;
  }
}
.claim-details-view .claim-party-identity-strip, .claim-details-view .claim-party-workload {
  overflow: hidden !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 20px !important;
  background: rgb(255 255 255 / 0.88) !important;
  box-shadow: var(--claim-shot-shadow) !important;
}
.claim-details-view .claim-party-workload > .claim-details-board__head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 92px !important;
  padding: 20px 24px 18px !important;
  border: 0 !important;
  background: radial-gradient(circle at 17% -28%, rgb(70 135 154 / 0.36), transparent 42%), linear-gradient(100deg, #152535, #0d1825) !important;
  color: #ffffff !important;
}
.claim-details-view .claim-party-workload > .claim-details-board__body {
  padding: 16px 18px 18px !important;
  background: linear-gradient(180deg, #fbfdfc 0%, #f4faf8 100%) !important;
}
.claim-details-view .claim-party-identity-strip {
  display: grid !important;
  grid-template-columns: minmax(14rem, 0.72fr) minmax(0, 1.28fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  background: radial-gradient(circle at 8% -35%, rgb(55 167 176 / 0.10), transparent 34%), linear-gradient(180deg, #ffffff 0%, #f7fbfa 100%) !important;
}
.claim-details-view .claim-party-contact-item, .claim-details-view .claim-party-profile-card {
  min-width: 0 !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in oklab, var(--claim-ref-line, rgb(17 29 41 / 0.08)) 86%, transparent) !important;
  }
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff, #f9fcfb) !important;
  color: var(--claim-ref-ink, #102033) !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-identity-strip__summary {
  display: grid !important;
  align-content: center !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 18px 22px !important;
  box-shadow: inset -1px 0 0 var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .claim-party-identity-strip__eyebrow, .claim-details-view .claim-party-contact-item__label, .claim-details-view .claim-party-profile-card__eyebrow, .claim-details-view .claim-party-fact-row > span {
  display: block !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-party-identity-strip__name {
  margin: 0 !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 22px !important;
  font-weight: 920 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-identity-strip__name a {
  color: inherit !important;
  text-decoration: none !important;
}
.claim-details-view .claim-party-identity-strip__name a:hover {
  color: #16818a !important;
}
.claim-details-view .claim-party-identity-strip__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-identity-strip__meta span, .claim-details-view .claim-party-contact-item__chip, .claim-details-view .claim-party-profile-card__count {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  max-width: 100% !important;
  border-radius: 999px !important;
  background: #eef7f5 !important;
  padding: 0 8px !important;
  color: #16818a !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-identity-strip__contacts {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: center !important;
  gap: 0 !important;
  min-width: 0 !important;
  padding: 10px 18px !important;
}
.claim-details-view .claim-party-contact-item {
  display: grid !important;
  grid-template-columns: 30px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 9px !important;
  min-height: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 9px 0 !important;
  box-shadow: inset 0 -1px 0 var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .claim-party-contact-item:last-child {
  box-shadow: none !important;
}
.claim-details-view .claim-party-contact-item__icon {
  display: inline-grid !important;
  width: 30px !important;
  height: 30px !important;
  place-items: center !important;
  border-radius: 10px !important;
  background: #eef7f5 !important;
  color: #16818a !important;
}
.claim-details-view .claim-party-contact-item__icon svg, .claim-details-view .claim-party-contact-item__add svg {
  width: 14px !important;
  height: 14px !important;
}
.claim-details-view .claim-party-contact-item__body {
  display: grid !important;
  gap: 3px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-contact-item__value {
  display: -webkit-box !important;
  overflow: hidden !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-contact-item__add {
  display: inline-grid !important;
  flex: 0 0 auto !important;
  width: 26px !important;
  height: 26px !important;
  min-width: 26px !important;
  min-height: 26px !important;
  place-items: center !important;
  border: 1px solid rgb(55 167 176 / 0.22) !important;
  border-radius: 999px !important;
  background: rgb(55 167 176 / 0.10) !important;
  color: #16818a !important;
  box-shadow: none !important;
}
.claim-details-view .claim-section--party .contact-dropdown {
  min-width: 0 !important;
  max-width: 100% !important;
  margin-top: 5px !important;
  padding-top: 6px !important;
  border-top: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .claim-section--party .contact-dropdown summary {
  min-width: 0 !important;
  max-width: 100% !important;
  color: #16818a !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}
.claim-details-view .claim-section--party .contact-dropdown ul {
  display: grid !important;
  gap: 8px !important;
  margin-top: 10px !important;
}
.claim-details-view .claim-section--party .contact-dropdown li {
  gap: 8px !important;
  padding: 9px 10px !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 12px !important;
  background: #f7fbfa !important;
}
.claim-details-view .claim-section--party .contact-dropdown li, .claim-details-view .claim-section--party .contact-dropdown li > div, .claim-details-view .claim-section--party .contact-dropdown span, .claim-details-view .claim-section--party .claim-bank-card, .claim-details-view .claim-section--party .claim-bank-card * {
  min-width: 0 !important;
  max-width: 100% !important;
  flex-wrap: wrap !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-secondary {
  display: grid !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfa 100%) !important;
  box-shadow: var(--claim-shot-shadow) !important;
}
.claim-details-view .claim-party-secondary__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-width: 0 !important;
  padding: 20px 22px 16px !important;
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  background: #ffffff !important;
}
.claim-details-view .claim-party-secondary__header > div {
  min-width: 0 !important;
}
.claim-details-view .claim-party-secondary__eyebrow {
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-party-secondary__title {
  margin: 5px 0 0 !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 19px !important;
  font-weight: 920 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
}
.claim-details-view .claim-party-secondary__description {
  max-width: 46rem !important;
  margin: 7px 0 0 !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.42 !important;
}
.claim-details-view .claim-party-secondary__body {
  padding: 16px 18px 18px !important;
  background: linear-gradient(180deg, #fbfdfc 0%, #f4faf8 100%) !important;
}
.claim-details-view .claim-party-secondary__body--stack {
  display: grid !important;
  gap: 14px !important;
}
.claim-details-view .claim-party-secondary__meta {
  display: flex !important;
  flex: 0 0 auto !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-secondary__meta .badge {
  min-height: 32px !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  padding: 0 14px !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-summary {
  display: grid !important;
  gap: 12px !important;
  padding: 20px 24px 24px !important;
  background: #f6faf8 !important;
}
.claim-details-view .claim-party-summary--triple {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.claim-details-view .claim-party-summary-card {
  min-width: 0 !important;
  min-height: 104px !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff, #f8fbfa) !important;
  padding: 17px 18px !important;
  color: var(--claim-ref-ink, #102033) !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-summary-card--accent {
  box-shadow: inset 4px 0 0 rgb(55 167 176 / 0.76) !important;
}
.claim-details-view .claim-party-summary-card__label {
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-party-summary-card__value {
  margin-top: 7px !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 19px !important;
  font-weight: 920 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
}
.claim-details-view .claim-party-summary-card__meta {
  margin-top: 8px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}
.claim-details-view .claim-party-profile-map {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.claim-details-reference-main-grid [data-claim-details-tab-frame] .claim-party-profile-map--debtor {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.claim-details-view .claim-party-profile-card {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  padding: 12px !important;
}
.claim-details-view .claim-party-profile-card--wide, .claim-details-view .claim-party-profile-card--full:not(.claim-party-profile-card--profile):not(.claim-party-profile-card--registry) {
  grid-column: 1 / -1 !important;
}
.claim-details-view .claim-party-profile-map--debtor .claim-party-profile-card--profile, .claim-details-view .claim-party-profile-map--debtor .claim-party-profile-card--registry {
  grid-column: auto !important;
}
.claim-details-view .claim-party-profile-map--debtor .claim-party-profile-card--profile {
  grid-row: span 2 !important;
}
.claim-details-view .claim-party-profile-card__header, .claim-details-view .claim-party-fragment-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-profile-card__header > div, .claim-details-view .claim-party-fragment-head > div:first-child {
  min-width: 0 !important;
}
.claim-details-view .claim-party-profile-card__header h4, .claim-details-view .claim-party-fragment-head strong {
  display: block !important;
  margin: 4px 0 0 !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.16 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-person-list, .claim-details-view .claim-party-fact-list {
  display: grid !important;
  gap: 9px !important;
}
.claim-details-view .claim-party-person-row, .claim-details-view .claim-party-fact-row, .claim-details-view .claim-party-empty, .claim-details-view .claim-party-loading {
  min-width: 0 !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 11px !important;
  background: #f7fbfa !important;
  padding: 9px 10px !important;
}
.claim-details-view .claim-party-person-row strong, .claim-details-view .claim-party-fact-row strong {
  display: block !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.24 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-person-row span, .claim-details-view .claim-party-fact-row small, .claim-details-view .claim-party-empty, .claim-details-view .claim-party-loading {
  display: block !important;
  margin-top: 4px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.34 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-fact-row .claim-info-token-row {
  margin-top: 8px !important;
}
.claim-details-view .claim-party-profile-card__body--flush, .claim-details-view .claim-party-live-fragment, .claim-details-view .claim-party-fragment {
  min-width: 0 !important;
}
.claim-details-view .claim-party-profile-card .claim-bank-card {
  height: auto !important;
}
.claim-details-view .claim-section--party .claim-bank-card__row {
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 8px 10px !important;
  padding: 10px 12px !important;
}
.claim-details-view .claim-section--party .claim-bank-card__identity {
  display: grid !important;
  gap: 2px !important;
}
.claim-details-view .claim-section--party .claim-bank-card__badges {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 6px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-section--party .claim-bank-card__edit {
  grid-column: 1 / -1 !important;
  justify-self: end !important;
}
.claim-details-view .claim-section--party .claim-bank-card__adder {
  padding: 10px 12px !important;
}
.claim-details-view .claim-party-fragment {
  display: grid !important;
  gap: 10px !important;
}
.claim-details-view .claim-party-edit-form {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-edit-card {
  display: grid !important;
  align-content: start !important;
  gap: 6px !important;
  min-width: 0 !important;
  min-height: 104px !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff, #f8fbfa) !important;
  padding: 13px 14px !important;
  color: var(--claim-ref-ink, #102033) !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-edit-card--wide, .claim-details-view .claim-party-edit-actions, .claim-details-view .claim-party-form-error {
  grid-column: 1 / -1 !important;
}
.claim-details-view .claim-party-edit-card--toggle {
  gap: 10px !important;
}
.claim-details-view .claim-party-edit-label {
  display: block !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-party-edit-help {
  margin: 0 !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  line-height: 1.32 !important;
}
.claim-details-view .claim-party-edit-control {
  min-height: 34px !important;
  border-color: rgb(17 29 41 / 0.10) !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 12.5px !important;
  font-weight: 760 !important;
  box-shadow: none !important;
}
.claim-details-view textarea.claim-party-edit-control {
  min-height: 68px !important;
  resize: vertical !important;
}
.claim-details-view .claim-party-edit-toggle-row {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
}
.claim-details-view .claim-party-edit-toggle-row input[type="checkbox"] {
  width: 18px !important;
  height: 18px !important;
  accent-color: #37a7b0 !important;
}
.claim-details-view .claim-party-edit-subfields {
  display: grid !important;
  gap: 8px !important;
}
.claim-details-view .claim-party-edit-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  padding-top: 2px !important;
}
.claim-details-view .claim-party-form-error {
  border: 1px solid rgb(225 29 72 / 0.22) !important;
  border-radius: 14px !important;
  background: rgb(255 241 242 / 0.86) !important;
  padding: 10px 12px !important;
  color: #9f1239 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.claim-details-view .claim-party-fragment-head strong + span {
  display: block !important;
  margin-top: 4px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-fragment-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-fragment-action-form {
  display: contents !important;
}
.claim-details-view .claim-party-fragment-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 30px !important;
  max-width: 100% !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  padding: 0 11px !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  box-shadow: none !important;
  transition: border-color 0.16s ease, color 0.16s ease, background-color 0.16s ease !important;
}
.claim-details-view .claim-party-fragment-button:hover {
  border-color: rgb(55 167 176 / 0.28) !important;
  background: #f4fbfa !important;
  color: #16818a !important;
}
.claim-details-view .claim-party-fragment-button:focus-visible {
  outline: 2px solid rgb(55 167 176 / 0.36) !important;
  outline-offset: 2px !important;
}
.claim-details-view .claim-party-fragment-button--primary {
  border-color: rgb(55 167 176 / 0.24) !important;
  background: #eaf8f6 !important;
  color: #116b72 !important;
}
.claim-details-view .claim-party-fragment-button--primary:hover {
  border-color: rgb(55 167 176 / 0.38) !important;
  background: #dff5f2 !important;
  color: #0d5d63 !important;
}
.claim-details-view .claim-party-fragment-button--danger {
  border-color: rgb(225 29 72 / 0.18) !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}
.claim-details-view .claim-party-fragment-button--danger:hover {
  border-color: rgb(225 29 72 / 0.28) !important;
  background: #ffe4e6 !important;
  color: #9f1239 !important;
}
.claim-details-view .claim-party-fragment-indicator {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  min-height: 30px !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  padding: 0 10px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-party-data-ledger {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  overflow: hidden !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-party-data-ledger--offset {
  margin-top: 14px !important;
}
.claim-details-view .claim-party-data-ledger__row {
  display: grid !important;
  align-content: start !important;
  gap: 5px !important;
  min-width: 0 !important;
  min-height: 64px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 11px 13px !important;
  color: var(--claim-ref-ink, #102033) !important;
  text-align: left !important;
  text-decoration: none !important;
  box-shadow: inset -1px 0 0 var(--claim-ref-line, rgb(17 29 41 / 0.08)), inset 0 -1px 0 var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .claim-party-data-ledger__row--button {
  cursor: pointer !important;
}
.claim-details-view .claim-party-data-ledger__row--button:hover {
  background: #f4fbfa !important;
}
.claim-details-view .claim-party-data-ledger__row--button:focus-visible {
  outline: 2px solid rgb(55 167 176 / 0.36) !important;
  outline-offset: -2px !important;
}
.claim-details-view .claim-party-data-ledger__row--wide {
  grid-column: span 2 !important;
}
.claim-details-view .claim-party-data-ledger__label {
  display: block !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-party-data-ledger__value {
  display: block !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 13.5px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-data-ledger--summary .claim-party-data-ledger__value {
  font-size: 18px !important;
  line-height: 1.08 !important;
}
.claim-details-view .claim-party-data-ledger__value--positive {
  color: #047857 !important;
}
.claim-details-view .claim-party-data-ledger__meta {
  display: block !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10.5px !important;
  font-weight: 650 !important;
  line-height: 1.22 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-data-ledger__tokens {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-profile-card--rr, .claim-details-view .claim-party-profile-card--associations, .claim-details-view .claim-party-profile-card--dependants, .claim-details-view .claim-party-dependent-form {
  gap: 16px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-party-dependent-form.hidden {
  display: none !important;
}
.claim-details-view .claim-party-rr-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-rr-header__main {
  display: grid !important;
  gap: 6px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-rr-title {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 7px !important;
  min-width: 0 !important;
  color: var(--claim-ref-ink, #102033) !important;
  line-height: 1.15 !important;
}
.claim-details-view .claim-party-rr-title strong {
  min-width: 0 !important;
  max-width: 100% !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-rr-code {
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}
.claim-details-view .claim-party-rr-badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-rr-badge {
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  min-height: 23px !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 999px !important;
  padding: 0 9px !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1.08 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-rr-badge--warning {
  border-color: rgb(217 119 6 / 0.24) !important;
  background: #fff8e8 !important;
  color: #92400e !important;
}
.claim-details-view .claim-party-rr-badge--info {
  border-color: rgb(14 116 144 / 0.22) !important;
  background: #eef8fb !important;
  color: #0e7490 !important;
}
.claim-details-view .claim-party-rr-source {
  flex: 0 1 18rem !important;
  min-width: 0 !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: right !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-rr-grid, .claim-details-view .claim-party-rr-list-grid {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-rr-grid {
  margin-top: 14px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.claim-details-view .claim-party-rr-grid--documents {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.claim-details-view .claim-party-rr-grid--relations {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.claim-details-view .claim-party-rr-card, .claim-details-view .claim-party-rr-block, .claim-details-view .claim-party-rr-raw {
  min-width: 0 !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 14px !important;
  background: #f8fbfa !important;
  padding: 12px !important;
  color: var(--claim-ref-ink, #102033) !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-rr-block, .claim-details-view .claim-party-rr-raw {
  margin-top: 14px !important;
}
.claim-details-view .claim-party-rr-card__head, .claim-details-view .claim-party-rr-block__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-rr-card__label, .claim-details-view .claim-party-rr-list-item__label {
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-rr-card__count {
  flex: 0 0 auto !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-party-rr-card__value, .claim-details-view .claim-party-rr-list-item__value {
  margin-top: 5px !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.28 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-rr-card__value span {
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
}
.claim-details-view .claim-party-rr-card__meta, .claim-details-view .claim-party-rr-list-item__meta, .claim-details-view .claim-party-rr-empty {
  margin-top: 5px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  line-height: 1.34 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-rr-list, .claim-details-view .claim-party-rr-list-grid {
  margin-top: 10px !important;
}
.claim-details-view .claim-party-rr-list {
  display: grid !important;
  gap: 8px !important;
}
.claim-details-view .claim-party-rr-list-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.claim-details-view .claim-party-rr-list-grid--three {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.claim-details-view .claim-party-rr-list-item {
  min-width: 0 !important;
  border: 1px solid rgb(17 29 41 / 0.06) !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  padding: 9px 10px !important;
  color: var(--claim-ref-ink, #102033) !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-rr-list-item--inline {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 4px !important;
}
.claim-details-view .claim-party-rr-list-item--inline .claim-party-rr-list-item__value, .claim-details-view .claim-party-rr-list-item--inline .claim-party-rr-list-item__meta {
  margin-top: 0 !important;
}
.claim-details-view .claim-party-rr-list-item--plain {
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.25 !important;
}
.claim-details-view .claim-party-rr-raw {
  background: #ffffff !important;
}
.claim-details-view .claim-party-rr-raw__summary {
  cursor: pointer !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-party-rr-raw__body {
  max-height: 24rem !important;
  overflow: auto !important;
  margin: 10px 0 0 !important;
  border: 1px solid rgb(17 29 41 / 0.06) !important;
  border-radius: 11px !important;
  background: #f8fbfa !important;
  padding: 12px !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 11.5px !important;
  line-height: 1.5 !important;
  white-space: pre-wrap !important;
}
.claim-details-view .claim-party-association-card {
  display: flex !important;
  min-width: 0 !important;
  min-height: 156px !important;
  flex-direction: column !important;
  gap: 10px !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 14px !important;
  background: radial-gradient(115% 85% at 100% 0%, rgb(55 167 176 / 0.10) 0%, transparent 60%), linear-gradient(180deg, #ffffff, #f8fbfa) !important;
  padding: 14px !important;
  color: var(--claim-ref-ink, #102033) !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-associations-shell {
  gap: 14px !important;
}
.claim-details-view .claim-party-association-count {
  display: inline-flex !important;
  align-items: center !important;
  gap: 7px !important;
  min-height: 28px !important;
  max-width: 100% !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 999px !important;
  background: #f8fbfa !important;
  padding: 0 11px !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  white-space: normal !important;
}
.claim-details-view .claim-party-association-message, .claim-details-view .claim-party-association-empty {
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 14px !important;
  background: #f8fbfa !important;
  padding: 12px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-association-empty {
  padding: 15px !important;
}
.claim-details-view .claim-party-source-dot {
  display: inline-block !important;
  width: 10px !important;
  height: 10px !important;
  border-radius: 999px !important;
  background: linear-gradient(140deg, #37a7b0, #16818a) !important;
  box-shadow: 0 0 0 2px rgb(55 167 176 / 0.14) !important;
}
.claim-details-view .claim-party-association-card__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-association-card__summary {
  margin-top: 4px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-association-card__name {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
  text-decoration: none !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-party-association-card__name:hover {
  color: #16818a !important;
}
.claim-details-view .claim-party-association-card__name:focus-visible {
  outline: 2px solid rgb(55 167 176 / 0.36) !important;
  outline-offset: 2px !important;
}
.claim-details-view .claim-party-association-card__cta, .claim-details-view .claim-party-association-chip, .claim-details-view .claim-party-association-source-badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 22px !important;
  max-width: 100% !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  padding: 0 8px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  line-height: 1.05 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-association-source-badge {
  border-color: rgb(55 167 176 / 0.22) !important;
  background: #eef7f5 !important;
  color: #16818a !important;
}
.claim-details-view .claim-party-association-card__chips {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-association-card__highlights {
  display: grid !important;
  gap: 6px !important;
  margin: 0 !important;
  padding: 0 !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  line-height: 1.28 !important;
  list-style: none !important;
}
.claim-details-view .claim-party-association-card__highlights li {
  position: relative !important;
  padding-left: 11px !important;
}
.claim-details-view .claim-party-association-card__highlights li::before {
  position: absolute !important;
  top: 0.48em !important;
  left: 0 !important;
  width: 5px !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: #37a7b0 !important;
  content: "" !important;
}
.claim-details-view .claim-party-association-card__related {
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 11px !important;
  background: #ffffff !important;
  padding: 9px 10px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  line-height: 1.34 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-association-card__source {
  margin-top: auto !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-dependent-form form {
  margin-top: 0 !important;
  gap: 12px !important;
}
.claim-details-view .claim-party-dependent-form :where(input, select, textarea) {
  max-width: 100% !important;
  border-color: rgb(17 29 41 / 0.12) !important;
  border-radius: 14px !important;
  background: #f7fbfa !important;
}
.claim-details-view .claim-party-dependent-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.claim-details-view .claim-party-dependent-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: start !important;
  min-height: 118px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-party-dependent-row__body {
  min-width: 0 !important;
}
.claim-details-view .claim-party-dependent-row__meta {
  display: block !important;
  margin-top: 4px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.34 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-dependent-row__meta--danger {
  color: #b4233b !important;
  font-weight: 850 !important;
}
.claim-details-view .claim-party-dependent-row__actions {
  display: grid !important;
  justify-items: end !important;
  gap: 6px !important;
}
.claim-details-view .claim-party-dependent-row__actions .claim-party-fragment-button {
  min-height: 28px !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}
.claim-details-view .claim-party-profile-card--language .claim-language-card--claim-details {
  border: 0 !important;
  border-radius: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-profile-card--registry {
  overflow: hidden !important;
  padding: 0 !important;
}
.claim-details-view .claim-party-profile-card--registry .registry-snapshot {
  margin: 0 !important;
}
.claim-details-view .claim-party-profile-card--registry .registry-snapshot__head {
  padding: 13px 14px !important;
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  background: #eef7f5 !important;
}
.claim-details-view .claim-party-profile-card--registry .registry-snapshot__grid, .claim-details-view .claim-party-profile-card--registry .registry-snapshot__empty {
  margin: 0 !important;
  padding: 12px !important;
}
.claim-details-view .claim-party-secondary--debtor .claim-party-profile-map--debtor {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: start !important;
  gap: 14px !important;
}
.claim-details-view .claim-party-secondary--debtor .claim-party-profile-map--debtor .claim-party-profile-card--profile, .claim-details-view .claim-party-secondary--debtor .claim-party-profile-map--debtor .claim-party-profile-card--registry {
  grid-column: 1 / -1 !important;
  grid-row: auto !important;
}
.claim-details-view .claim-party-secondary--debtor .claim-party-profile-card {
  border-radius: 16px !important;
  padding: 15px 16px !important;
}
.claim-details-view .claim-party-secondary--debtor .claim-party-profile-card--profile {
  overflow: hidden !important;
  padding: 0 !important;
  background: #ffffff !important;
}
.claim-details-view .claim-party-secondary--debtor .claim-party-fragment {
  gap: 0 !important;
}
.claim-details-view .claim-party-secondary--debtor .claim-party-live-fragment .claim-party-loading {
  min-height: 82px !important;
}
.claim-details-view .claim-party-secondary--debtor .claim-party-profile-card--registry .registry-snapshot__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.claim-details-view .claim-party-kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin: 0 0 22px !important;
}
.claim-details-view .claim-party-kpi-grid > .claim-workload-kpi {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  grid-template-areas: "label value" "meta meta" !important;
  align-items: center !important;
  min-height: 96px !important;
  padding: 16px 17px !important;
  overflow: hidden !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-kpi-grid > .claim-workload-kpi::before {
  height: 3px !important;
  opacity: 0.84 !important;
}
.claim-details-view .claim-party-kpi-grid .claim-workload-kpi__label {
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-party-kpi-grid .claim-workload-kpi__value {
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 25px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.claim-details-view .claim-party-kpi-grid .claim-workload-kpi__meta {
  margin-top: 11px !important;
  padding-top: 10px !important;
  border-top: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  white-space: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.claim-details-view .claim-related-ledger-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px !important;
}
.claim-details-view .claim-related-ledger {
  overflow: hidden !important;
  min-width: 0 !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-related-ledger__head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 16px !important;
  min-height: 82px !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  background: #eef7f5 !important;
}
.claim-details-view .claim-related-ledger__eyebrow {
  display: block !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-related-ledger__head h4 {
  margin: 5px 0 0 !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}
.claim-details-view .claim-related-ledger__count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-related-ledger__rows {
  display: grid !important;
  background: #ffffff !important;
}
.claim-details-view .claim-related-ledger-row {
  display: grid !important;
  grid-template-columns: minmax(7.4rem, 0.9fr) minmax(0, 1.28fr) minmax(0, 0.9fr) minmax(7.2rem, 0.82fr) auto !important;
  align-items: center !important;
  gap: 14px !important;
  min-width: 0 !important;
  min-height: 72px !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  color: var(--claim-ref-ink, #102033) !important;
  text-decoration: none !important;
}
.claim-details-view .claim-related-ledger-row:last-child {
  border-bottom: 0 !important;
}
.claim-details-view .claim-related-ledger-row:hover {
  background: #f6faf8 !important;
}
.claim-details-view .claim-related-ledger-row span {
  min-width: 0 !important;
}
.claim-details-view .claim-related-ledger-row strong {
  display: block !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-related-ledger-row small {
  display: block !important;
  margin-top: 4px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11px !important;
  font-weight: 650 !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-related-ledger-row__amount {
  text-align: right !important;
}
.claim-details-view .claim-related-ledger-row__action {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 34px !important;
  padding: 0 13px !important;
  border-radius: 999px !important;
  background: #eaf2f0 !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-related-ledger__empty {
  padding: 18px 20px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
.claim-details-reference-main-grid .arrests-workspace {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-details-reference-main-grid .claim-related-ledger-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-details-reference-main-grid .arrests-workspace__aside {
  order: 2 !important;
}
.claim-details-view .arrest-list--targets {
  display: grid !important;
  gap: 0 !important;
}
.claim-details-view .arrest-card {
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .arrest-card:last-child {
  border-bottom: 0 !important;
}
.claim-details-view .arrest-card__header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(8rem, auto) minmax(9rem, auto) !important;
  align-items: center !important;
  gap: 14px !important;
  min-height: 62px !important;
  padding: 12px 16px !important;
}
.claim-details-view .arrest-card__badges, .claim-details-view .arrest-card__signal, .claim-details-view .arrest-actions {
  min-width: 0 !important;
  max-width: 100% !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}
.claim-details-view .arrest-card__badges > .font-medium {
  min-width: 0 !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .arrest-card__meta {
  margin-top: 4px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .arrest-card .badge, .claim-details-view .arrest-card .claim-action-button {
  min-height: 28px !important;
  max-width: 100% !important;
  padding: 0 10px !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  white-space: normal !important;
}
.claim-details-view .arrest-details {
  border-top: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  background: #fbfdfd !important;
}
.claim-details-view .arrest-details__summary {
  min-height: 40px !important;
  padding: 0 16px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
.claim-details-view .claim-language-card--claim-details {
  min-width: 0 !important;
  padding: 16px !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: var(--claim-ref-ink, #102033) !important;
  box-shadow: none !important;
}
.claim-details-view .claim-language-card--claim-details :where(input, button, span, label, fieldset) {
  min-width: 0 !important;
  max-width: 100% !important;
}
.claim-details-view .claim-language-card--claim-details .claim-language-card__preferred {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px !important;
  align-items: end !important;
}
.claim-details-reference-main-grid .claim-details-board--arrests .claim-details-board__head {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 18px !important;
  min-height: 0 !important;
  padding: 28px !important;
}
.claim-details-reference-main-grid .claim-details-board--arrests .claim-details-board__title-group, .claim-details-reference-main-grid .claim-details-board--arrests .claim-details-board__title-group > div {
  width: 100% !important;
  min-width: 0 !important;
}
.claim-details-reference-main-grid .claim-details-board--arrests .claim-details-board__title, .claim-details-reference-main-grid .claim-details-board--arrests .claim-details-board__description {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}
.claim-details-reference-main-grid .claim-details-board--arrests .claim-arrests-compact-board__body {
  padding: 24px !important;
}
.claim-details-reference-main-grid .claim-arrests-command-strip, .claim-details-reference-main-grid .claim-arrests-inline-alert {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-details-reference-main-grid .claim-arrests-command-strip__actions {
  justify-content: flex-start !important;
}
.claim-details-reference-main-grid .claim-arrests-lanes, .claim-details-reference-main-grid .claim-arrests-reference-notes {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-details-reference-main-grid .claim-arrests-compact-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
}
.claim-details-reference-main-grid .arrest-card__header {
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
  padding: 14px 16px !important;
}
.claim-details-reference-main-grid .arrest-card__signal, .claim-details-reference-main-grid .arrest-actions {
  justify-content: flex-start !important;
}
.claim-details-reference-main-grid .arrest-card .badge {
  white-space: nowrap !important;
}
.claim-details-reference-main-grid .claim-payments-workspace, .claim-details-reference-main-grid .claim-payment-schedule-grid, .claim-details-reference-main-grid .claim-payment-schedule-grid--empty, .claim-details-reference-main-grid .claim-payment-proposal-layout, .claim-details-reference-main-grid .claim-payment-proposal-layout--empty, .claim-details-reference-main-grid .claim-payment-form__grid {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-details-reference-main-grid .claim-payment-form-card--inline {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-details-reference-main-grid .claim-payment-card-intro, .claim-details-reference-main-grid .claim-payment-form {
  min-width: 0 !important;
  width: 100% !important;
}
.claim-details-reference-main-grid .claim-payment-field, .claim-details-reference-main-grid .claim-payment-field :where(input, select, textarea), .claim-details-reference-main-grid .claim-payment-form-card :where(input, select, textarea) {
  min-width: 0 !important;
  max-width: 100% !important;
}
.claim-details-reference-main-grid .payment-ledger-scroll {
  overflow-x: auto !important;
  max-width: 100% !important;
}
.claim-details-reference-main-grid .payment-ledger-table {
  min-width: 680px !important;
}
.claim-details-reference-main-grid .payment-ledger-cell {
  vertical-align: top !important;
  overflow-wrap: anywhere !important;
}
.claim-details-reference-main-grid .payment-ledger-title, .claim-details-reference-main-grid .payment-ledger-party, .claim-details-reference-main-grid .payment-ledger-note, .claim-details-reference-main-grid .payment-ledger-subtle, .claim-details-reference-main-grid .payment-ledger-route, .claim-details-reference-main-grid .payment-ledger-time {
  overflow-wrap: anywhere !important;
  white-space: normal !important;
}
@media (max-width: 1180px) {
  .claim-details-view .claim-party-kpi-grid, .claim-details-view .claim-party-identity-strip, .claim-details-view .claim-party-profile-map {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .claim-details-view .claim-related-ledger-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 780px) {
  .claim-details-view .claim-party-identity-strip {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-party-identity-strip__summary {
    padding: 18px !important;
    box-shadow: inset 0 -1px 0 var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  }
  .claim-details-view .claim-party-identity-strip__contacts {
    padding: 8px 18px !important;
  }
  .claim-details-view .claim-party-data-ledger, .claim-details-view .claim-party-secondary--debtor .claim-party-profile-card--registry .registry-snapshot__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .claim-details-view .claim-party-data-ledger__row--wide {
    grid-column: 1 / -1 !important;
  }
  .claim-details-view .claim-party-rr-header {
    display: grid !important;
    justify-content: stretch !important;
  }
  .claim-details-view .claim-party-rr-source {
    flex-basis: auto !important;
    text-align: left !important;
  }
  .claim-details-view .claim-party-rr-grid, .claim-details-view .claim-party-rr-grid--documents, .claim-details-view .claim-party-rr-grid--relations, .claim-details-view .claim-party-rr-list-grid--two, .claim-details-view .claim-party-rr-list-grid--three {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-party-workload > .claim-details-board__head {
    display: grid !important;
    min-height: 0 !important;
    padding: 22px 20px !important;
  }
  .claim-details-view .claim-party-workload > .claim-details-board__body {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 20px !important;
  }
  .claim-details-view .claim-party-secondary__meta {
    justify-content: flex-start !important;
  }
  .claim-details-view .claim-party-kpi-grid, .claim-details-view .claim-party-identity-strip, .claim-details-view .claim-party-profile-map, .claim-details-reference-main-grid [data-claim-details-tab-frame] .claim-party-profile-map--debtor, .claim-details-view .claim-party-edit-form, .claim-details-view .claim-party-dependent-grid, .claim-details-view .claim-party-summary--triple {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-party-profile-map--debtor .claim-party-profile-card--profile, .claim-details-view .claim-party-profile-map--debtor .claim-party-profile-card--registry {
    grid-column: 1 / -1 !important;
    grid-row: auto !important;
  }
  .claim-details-view .claim-party-contact-item {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    padding: 13px 14px !important;
  }
  .claim-details-view .claim-party-contact-item__icon {
    width: 34px !important;
    height: 34px !important;
  }
  .claim-details-view .claim-party-identity-strip__name {
    font-size: 20px !important;
  }
  .claim-details-view .claim-party-secondary__body {
    padding: 18px !important;
  }
  .claim-details-view .claim-party-secondary__header {
    display: grid !important;
    min-height: 0 !important;
    padding: 20px !important;
  }
  .claim-details-view .claim-party-secondary__title {
    font-size: 17px !important;
  }
  .claim-details-view .claim-party-profile-card__header, .claim-details-view .claim-party-fragment-head {
    display: grid !important;
    justify-content: stretch !important;
  }
  .claim-details-view .claim-party-fragment-actions {
    justify-content: flex-start !important;
  }
  .claim-bank-modal {
    margin-top: 4rem;
    max-height: calc(100vh - 5rem);
  }
  .claim-details-view .claim-action-modal {
    margin-top: 4rem !important;
    max-height: calc(100vh - 5rem) !important;
  }
  .claim-details-view .claim-party-edit-actions {
    justify-content: flex-start !important;
  }
  .claim-details-view .claim-party-dependent-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-party-dependent-row__actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
  }
  .claim-details-view .claim-related-ledger__head {
    flex-direction: column !important;
    min-height: 0 !important;
    padding: 16px !important;
  }
  .claim-details-view .claim-related-ledger-row {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 12px !important;
    min-height: 0 !important;
    padding: 14px 16px !important;
  }
  .claim-details-view .claim-related-ledger-row__party, .claim-details-view .claim-related-ledger-row__owner, .claim-details-view .claim-related-ledger-row__amount {
    grid-column: 1 / -1 !important;
    text-align: left !important;
  }
  .claim-details-view .claim-related-ledger-row__action {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  .claim-details-view .arrest-card__header {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
    gap: 10px !important;
  }
  .claim-details-view .arrest-card__signal, .claim-details-view .arrest-actions {
    justify-content: flex-start !important;
  }
  body:has(.claim-details-view), body:has(.claim-details-view) .app-shell, body:has(.claim-details-view) .container-card, body:has(.claim-details-view) #content, .claim-details-view, .claim-details-view * {
    box-sizing: border-box !important;
  }
  body:has(.claim-details-view), body:has(.claim-details-view) .app-shell, body:has(.claim-details-view) .container-card, body:has(.claim-details-view) #content, .claim-details-view {
    max-width: 100vw !important;
    overflow-x: visible !important;
  }
  .claim-details-view, .claim-details-view :where( #claimDetailsTabFrame, .claim-details-reference-main-grid, .claim-section, .claim-details-board, .claim-details-board__body, .claim-info-workspace--reference, .claim-reference-stack, .claim-reference-main-summary, .claim-reference-profile, .claim-reference-finance-grid, .claim-reference-card, .claim-reference-fees ) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
  }
  .claim-details-view {
    --claim-shell-gap: clamp(0.875rem, 1.4vw, 1.375rem);
    --claim-rail-width: clamp(13.25rem, 15vw, 15rem);
    --claim-command-gap: 0.5rem;
  }
  .claim-details-view :where( .claim-shell, .claim-rail, .claim-surface, .claim-section-header, .claim-command-bar, .claim-button-group ) {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .claim-details-view :where(.claim-surface, .claim-section-header, .claim-command-bar) {
    overflow: visible !important;
  }
  .claim-details-view .claim-button-group {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: var(--claim-command-gap) !important;
  }
  .claim-details-view .claim-button-group > form {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .claim-details-view .claim-button-group :where(.claim-action-button, .badge) {
    max-width: 100% !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
  }
  .claim-details-view .claim-details-hero__content {
    grid-template-columns: minmax(0, 1fr) !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow: visible !important;
    border-radius: 18px !important;
  }
  .claim-details-view .claim-details-hero__copy, .claim-details-view .claim-details-hero__aside, .claim-details-view .claim-details-hero__arrests {
    width: 100% !important;
    min-width: 0 !important;
    padding: 20px 18px !important;
  }
  .claim-details-view .claim-details-hero__title {
    max-width: 100% !important;
    font-size: 34px !important;
    overflow-wrap: anywhere !important;
  }
  .claim-details-view .claim-details-hero__identity-grid, .claim-details-view .claim-reference-main-summary__metrics, .claim-details-view .claim-reference-finance-grid, .claim-details-view #claim-info-mlr .claim-reference-mlr-status-strip {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-details-hero__identity-value, .claim-details-view .claim-details-hero__identity-meta, .claim-details-view .claim-details-hero__meta-link {
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
  }
  .claim-details-view .claim-details-tab-outer-shell {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
  }
  .claim-details-view .claim-details-tabbar--persistent {
    display: flex !important;
    flex-wrap: nowrap !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
  }
  .claim-details-view .claim-details-tab {
    flex: 0 0 auto !important;
    min-width: 112px !important;
    padding-inline: 14px !important;
    white-space: nowrap !important;
  }
  @media (max-width: 44rem) {
    .claim-details-view .claim-details-tabbar--persistent {
      flex-wrap: wrap !important;
      overflow: visible !important;
    }
    .claim-details-view .claim-details-tab {
      flex: 1 1 9rem !important;
      min-width: 0 !important;
      white-space: normal !important;
    }
  }
  .claim-details-view .claim-details-board__head {
    padding: 22px 20px !important;
  }
  .claim-details-view .claim-details-board__title {
    font-size: 24px !important;
    line-height: 1.08 !important;
    overflow-wrap: anywhere !important;
  }
  .claim-details-view .claim-details-board__body {
    padding: 20px !important;
  }
  .claim-details-view .claim-payment-surface__body, .claim-details-view .claim-details-payments--embedded .claim-details-payments__toolbar, .claim-details-view .claim-details-payments--embedded .claim-details-payments__body {
    padding-inline: 16px !important;
  }
  .claim-details-view .claim-reference-profile__layout, .claim-details-view .claim-reference-calc-grid, .claim-details-view .claim-reference-calc-grid--deposit {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-reference-matrix {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  .claim-details-view .claim-reference-fact, .claim-details-view .claim-reference-calc-item {
    min-height: 78px !important;
    padding: 14px !important;
  }
  .claim-details-view .claim-reference-fact strong, .claim-details-view .claim-reference-calc-item strong {
    font-size: 18px !important;
    line-height: 1.12 !important;
    overflow-wrap: anywhere !important;
  }
  .claim-details-view .claim-reference-progress {
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px 12px !important;
    min-height: 74px !important;
    padding: 14px 0 !important;
  }
  .claim-details-view .claim-reference-progress strong, .claim-details-view .claim-reference-progress progress {
    grid-column: 1 / -1 !important;
  }
  .claim-details-view .claim-reference-progress b, .claim-details-view .claim-reference-progress span {
    white-space: nowrap !important;
  }
}
.claim-details-reference-main-grid > [data-claim-details-tab-frame] {
  display: block !important;
  min-width: 0 !important;
}
.claim-details-reference-main-grid > [data-claim-details-tab-frame] > .claim-details-tab-outer-shell {
  margin: 13px 0 22px !important;
}
.claim-details-reference-main-grid > [data-claim-details-tab-frame] > .claim-scroll-toc {
  display: block !important;
  position: fixed !important;
  top: 146px !important;
  left: 24px !important;
  z-index: 28 !important;
  width: 220px !important;
  max-height: calc(100vh - 274px) !important;
  overflow: auto !important;
}
.claim-details-reference-main-grid > [data-claim-details-tab-frame] > :not(.claim-details-tab-outer-shell):not(.claim-scroll-toc) {
  min-width: 0 !important;
}
.claim-details-reference-main-grid .claim-scroll-toc__card {
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 20px !important;
  background: rgb(255 255 255 / 0.76) !important;
  box-shadow: 0 18px 42px rgb(17 29 41 / 0.08) !important;
  backdrop-filter: blur(16px) !important;
}
.claim-details-reference-main-grid .claim-toc-link {
  min-height: 34px !important;
  border-radius: 13px !important;
  color: #243548 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
}
.claim-details-reference-main-grid .claim-toc-link.is-active, .claim-details-reference-main-grid .claim-toc-link:hover {
  background: linear-gradient(90deg, #ffffff, #edf5f4) !important;
  color: #102033 !important;
  box-shadow: 0 8px 18px rgb(20 31 42 / 0.06) !important;
}
.claim-details-view .claim-reference-main-summary {
  margin-bottom: 24px !important;
  overflow: hidden !important;
  border-radius: 22px !important;
}
.claim-details-view .claim-reference-main-summary__header {
  align-items: flex-start !important;
}
@media (max-width: 520px) {
  .claim-details-view .claim-party-data-ledger, .claim-details-view .claim-party-secondary--debtor .claim-party-profile-card--registry .registry-snapshot__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-party-data-ledger__row--wide {
    grid-column: auto !important;
  }
}
.claim-details-view .claim-reference-main-summary__metrics {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
  gap: 12px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
}
.claim-details-view .claim-reference-main-summary__metrics article {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 13px !important;
  min-width: 0 !important;
  min-height: 96px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 17px !important;
  background: linear-gradient(180deg, #ffffff, #f7faf9) !important;
  padding: 18px 20px !important;
}
.claim-details-view .claim-reference-main-summary__metrics article > div {
  display: grid !important;
  align-content: center !important;
  gap: 5px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-reference-main-summary__metrics strong, .claim-details-view .claim-reference-main-summary__metrics small {
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-info-workspace--reference {
  display: grid !important;
  gap: 24px !important;
  padding: 0 !important;
  background: transparent !important;
}
.claim-details-view .claim-reference-profile {
  margin: 0 !important;
  padding: 28px !important;
  border: 1px solid rgb(17 29 41 / 0.09) !important;
  border-radius: 22px !important;
  background: rgb(255 255 255 / 0.78) !important;
}
.claim-details-view .claim-reference-profile__section-head {
  padding-top: 0 !important;
  border-top: 0 !important;
}
.claim-details-view .claim-reference-profile__top {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}
.claim-details-view .claim-reference-profile__top .claim-reference-band:last-child {
  grid-column: 1 / -1 !important;
}
.claim-details-view .claim-reference-band {
  min-height: 0 !important;
  border-radius: 16px !important;
  padding: 15px 16px !important;
}
.claim-details-view .claim-reference-profile__layout {
  grid-template-columns: minmax(13.5rem, 0.92fr) minmax(0, 1.08fr) !important;
  gap: 14px !important;
}
.claim-details-view .claim-reference-matrix {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.claim-details-view .claim-reference-fact {
  display: grid !important;
  align-content: start !important;
  gap: 6px !important;
  min-height: 76px !important;
  padding: 13px 14px !important;
}
.claim-details-view .claim-reference-fact span, .claim-details-view .claim-reference-fact strong {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}
.claim-details-view .claim-reference-fact span {
  line-height: 1.18 !important;
}
.claim-details-view .claim-reference-fact strong {
  font-size: 15px !important;
  line-height: 1.14 !important;
}
.claim-details-view .claim-reference-note {
  min-height: 0 !important;
  border-radius: 16px !important;
  padding: 16px !important;
}
.claim-details-view .claim-reference-note h4 {
  font-size: 17px !important;
}
.claim-details-view .claim-reference-note p {
  margin-top: 10px !important;
  font-size: 13.5px !important;
}
.claim-details-view .claim-reference-profile-fees {
  display: grid !important;
  gap: 14px !important;
  margin-top: 24px !important;
  padding: 16px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #f7fbfa, #ffffff) !important;
}
.claim-details-view .claim-reference-profile-fees__header {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
}
.claim-details-view .claim-reference-profile-fees__header > div {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-reference-profile-fees__header span, .claim-details-view .claim-reference-profile-fees__grid span {
  color: #6b7a86 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-reference-profile-fees__header strong {
  color: var(--claim-shot-text) !important;
  font-size: 20px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}
.claim-details-view .claim-reference-profile-fees__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.claim-details-view .claim-reference-profile-fees__grid > div {
  display: grid !important;
  place-items: center !important;
  gap: 5px !important;
  min-height: 82px !important;
  padding: 12px !important;
  border: 1px solid rgb(17 29 41 / 0.07) !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  text-align: center !important;
}
.claim-details-view .claim-reference-profile-fees__grid strong {
  color: var(--claim-shot-text) !important;
  font-size: 17px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}
.claim-details-view .claim-reference-profile-fees__grid small {
  color: #6a7b87 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
}
.claim-details-view .claim-obligations-ledger {
  display: grid !important;
  gap: 16px !important;
  margin-top: 16px !important;
  padding: 18px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(247 251 250 / 0.9)), radial-gradient(circle at top left, rgb(26 166 176 / 0.08), transparent 38%) !important;
}
.claim-details-view .claim-obligations-ledger__header {
  display: flex !important;
  align-items: end !important;
  justify-content: space-between !important;
  gap: 16px !important;
}
.claim-details-view .claim-obligations-ledger__header > div:first-child, .claim-details-view .claim-obligations-ledger__total {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-obligations-ledger__header span, .claim-details-view .claim-obligations-ledger__total span {
  color: #6b7a86 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-obligations-ledger__header strong {
  color: #102033 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  line-height: 1.05 !important;
}
.claim-details-view .claim-obligations-ledger__total {
  justify-items: end !important;
  padding: 10px 12px !important;
  border: 1px solid rgb(17 29 41 / 0.07) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-obligations-ledger__groups {
  display: grid !important;
  gap: 12px !important;
}
.claim-details-view .claim-obligation-group {
  display: grid !important;
  gap: 10px !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgb(17 29 41 / 0.075) !important;
  border-radius: 16px !important;
  background: rgb(255 255 255 / 0.82) !important;
}
.claim-details-view .claim-obligation-group__header {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 12px !important;
}
.claim-details-view .claim-obligation-group__icon {
  display: inline-flex !important;
  width: 38px !important;
  height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgb(26 166 176 / 0.22) !important;
  border-radius: 999px !important;
  background: #eefaf8 !important;
  color: #16848d !important;
}
.claim-details-view .claim-obligation-group__icon svg {
  width: 18px !important;
  height: 18px !important;
}
.claim-details-view .claim-obligation-group__header h4 {
  margin: 0 !important;
  color: #102033 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
}
.claim-details-view .claim-obligation-group__header p {
  margin: 3px 0 0 !important;
  color: #637484 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.2 !important;
}
.claim-details-view .claim-obligation-group__summary {
  display: grid !important;
  gap: 2px !important;
  justify-items: end !important;
}
.claim-details-view .claim-obligation-group__summary span {
  color: #6b7a86 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-obligation-group__summary strong {
  color: #102033 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-obligation-add-button, .claim-details-view .claim-obligation-select-button, .claim-details-view .claim-obligation-page-button {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
  min-height: 36px !important;
  border: 1px solid rgb(17 29 41 / 0.09) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #102033 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-obligation-add-button {
  padding: 0 12px !important;
}
.claim-details-view .claim-obligation-add-button svg, .claim-details-view .claim-obligation-select-button svg {
  width: 16px !important;
  height: 16px !important;
}
.claim-details-view .claim-obligation-add-button:hover, .claim-details-view .claim-obligation-select-button:hover, .claim-details-view .claim-obligation-page-button:hover {
  border-color: rgb(26 166 176 / 0.34) !important;
  background: #effaf8 !important;
}
.claim-details-view .claim-obligation-rows {
  display: grid !important;
  gap: 8px !important;
}
.claim-details-view .claim-obligation-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 10px 12px !important;
  min-width: 0 !important;
  padding: 12px !important;
  border: 1px solid rgb(17 29 41 / 0.07) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff, #fbfdfd) !important;
}
.claim-details-view .claim-obligation-row__main {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-obligation-row__main h5 {
  margin: 0 !important;
  color: #102033 !important;
  font-size: 13.5px !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
}
.claim-details-view .claim-obligation-row__main p {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 5px 0 0 !important;
  color: #637484 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.2 !important;
}
.claim-details-view .claim-obligation-row__status {
  color: #16848d !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-obligation-row--settled .claim-obligation-row__status {
  color: #15803d !important;
}
.claim-details-view .claim-obligation-row--paused .claim-obligation-row__status {
  color: #b45309 !important;
}
.claim-details-view .claim-obligation-row__amounts {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(90px, auto)) !important;
  gap: 8px !important;
}
.claim-details-view .claim-obligation-row__amounts div {
  display: grid !important;
  gap: 2px !important;
  justify-items: end !important;
  min-width: 0 !important;
}
.claim-details-view .claim-obligation-row__amounts span {
  color: #71808d !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-obligation-row__amounts strong {
  color: #102033 !important;
  font-size: 13px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-obligation-row__progress {
  grid-column: 1 / -1 !important;
  overflow: hidden !important;
  height: 5px !important;
  border-radius: 999px !important;
  background: #e6eeee !important;
}
.claim-details-view .claim-obligation-row__progress span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #20a7b1, #7ccbc1) !important;
}
.claim-details-view .claim-obligation-row__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
}
.claim-details-view .claim-obligation-select-button {
  min-width: 78px !important;
  padding: 0 10px 0 12px !important;
}
.claim-details-view .claim-obligation-empty {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 54px !important;
  padding: 10px 12px !important;
  border: 1px dashed rgb(17 29 41 / 0.14) !important;
  border-radius: 14px !important;
  color: #637484 !important;
}
.claim-details-view .claim-obligation-empty span {
  display: inline-flex !important;
  width: 28px !important;
  height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  background: #eefaf8 !important;
  color: #16848d !important;
  font-weight: 950 !important;
}
.claim-details-view .claim-obligation-empty p {
  margin: 0 !important;
  font-size: 12px !important;
  font-weight: 800 !important;
}
.claim-details-view .claim-obligation-pagination {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  color: #637484 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}
.claim-details-view .claim-obligation-pagination > div {
  display: flex !important;
  gap: 6px !important;
}
.claim-details-view .claim-obligation-page-button {
  min-height: 32px !important;
  padding: 0 10px !important;
}
.claim-details-view .claim-reference-finance-section {
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.09) !important;
  border-radius: 24px !important;
  background: #f4f8f7 !important;
  box-shadow: 0 18px 42px rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-reference-finance-hero {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 24px !important;
  padding: 28px 32px !important;
  color: #f7fbfc !important;
  background: radial-gradient(circle at 18% -22%, rgb(76 133 152 / 0.42), transparent 42%), linear-gradient(100deg, #152535, #0d1825) !important;
}
.claim-details-view .claim-reference-finance-hero__eyebrow {
  color: rgb(255 255 255 / 0.58) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-reference-finance-hero h3 {
  margin: 6px 0 4px !important;
  color: #ffffff !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}
.claim-details-view .claim-reference-finance-hero p {
  margin: 0 !important;
  max-width: 46rem !important;
  color: rgb(255 255 255 / 0.66) !important;
  font-size: 15px !important;
  line-height: 1.45 !important;
}
.claim-details-view .claim-reference-finance-hero__totals {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(96px, 1fr)) !important;
  gap: 8px !important;
  min-width: min(470px, 48%) !important;
  padding: 10px !important;
  border: 1px solid rgb(255 255 255 / 0.11) !important;
  border-radius: 18px !important;
  background: rgb(255 255 255 / 0.08) !important;
}
.claim-details-view .claim-reference-finance-hero__totals span {
  display: grid !important;
  gap: 5px !important;
  min-height: 54px !important;
  padding: 10px 12px !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 0.07) !important;
  color: rgb(255 255 255 / 0.62) !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-reference-finance-hero__totals strong {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-reference-finance-section .claim-reference-finance-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1.35fr) minmax(220px, 0.65fr) !important;
  align-items: start !important;
  gap: 18px !important;
  padding: 22px !important;
}
.claim-details-view .claim-reference-finance-section .claim-reference-card {
  border-radius: 20px !important;
}
.claim-details-view .claim-reference-card--income {
  min-width: 0 !important;
}
.claim-details-view .claim-reference-card--deposit .claim-reference-calc-grid {
  grid-template-columns: 1fr !important;
}
.claim-details-view .claim-income-metric-strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-bottom: 16px !important;
}
.claim-details-view .claim-income-metric-strip > div {
  display: grid !important;
  gap: 6px !important;
  min-height: 64px !important;
  padding: 14px 16px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #ffffff, #f7fbfa) !important;
}
.claim-details-view .claim-income-metric-strip span, .claim-details-view .claim-income-primary__head span, .claim-details-view .claim-income-primary__employment-label span, .claim-details-view .claim-income-benefit-row__main span {
  color: #6b7a86 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-income-metric-strip strong {
  color: var(--claim-shot-text) !important;
  font-size: 19px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}
.claim-details-view .claim-income-primary {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  gap: 12px !important;
  padding: 16px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 18px !important;
  background: linear-gradient(135deg, rgb(240 251 251 / 0.82), rgb(255 255 255 / 0.94) 45%, rgb(247 251 250 / 0.96)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82) !important;
}
.claim-details-view .claim-income-primary--active {
  border-color: rgb(55 167 176 / 0.24) !important;
  background: linear-gradient(135deg, rgb(232 249 249 / 0.92), #ffffff 48%, #f8fbfa) !important;
}
.claim-details-view .claim-income-primary--warn {
  border-color: rgb(184 155 93 / 0.25) !important;
  background: #fffaf0 !important;
}
.claim-details-view .claim-income-primary--muted {
  color: #71808b !important;
  background: #f4f7f6 !important;
}
.claim-details-view .claim-income-primary__amount, .claim-details-view .claim-income-primary__employment {
  min-width: 0 !important;
}
.claim-details-view .claim-income-primary__amount {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
}
.claim-details-view .claim-income-primary__head, .claim-details-view .claim-income-primary__employment-label {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
.claim-details-view .claim-income-primary__head b, .claim-details-view .claim-income-primary__employment-label b, .claim-details-view .claim-income-benefit-row__main b {
  color: #5f7180 !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-align: right !important;
}
.claim-details-view .claim-income-primary__amount > strong {
  color: var(--claim-shot-text) !important;
  font-size: 30px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}
.claim-details-view .claim-income-primary__subline, .claim-details-view .claim-income-primary__employment-meta, .claim-details-view .claim-income-benefit-row__details {
  color: #627481 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
.claim-details-view .claim-income-primary__subline, .claim-details-view .claim-income-primary__employment-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
}
.claim-details-view .claim-income-primary__subline span, .claim-details-view .claim-income-primary__employment-meta span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 25px !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  background: rgb(255 255 255 / 0.76) !important;
  color: #60727f !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
.claim-details-view .claim-income-primary__employment {
  display: grid !important;
  align-content: start !important;
  gap: 9px !important;
  min-height: 118px !important;
  padding: 14px !important;
  border: 1px solid rgb(17 29 41 / 0.07) !important;
  border-radius: 15px !important;
  background: rgb(255 255 255 / 0.68) !important;
}
.claim-details-view .claim-income-primary__employment > strong {
  color: var(--claim-shot-text) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}
.claim-details-view .claim-income-benefit-list {
  display: grid !important;
  gap: 10px !important;
  margin-top: 14px !important;
}
.claim-details-view .claim-income-benefit-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(8rem, auto) !important;
  gap: 10px 16px !important;
  align-items: start !important;
  min-width: 0 !important;
  padding: 13px 14px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 15px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-income-benefit-row.is-active, .claim-details-view .claim-income-benefit-row--active {
  border-color: rgb(55 167 176 / 0.22) !important;
  background: #f5fbfb !important;
}
.claim-details-view .claim-income-benefit-row--warn {
  border-color: rgb(184 155 93 / 0.23) !important;
  background: #fffaf0 !important;
}
.claim-details-view .claim-income-benefit-row__main {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-income-benefit-row__main div, .claim-details-view .claim-income-benefit-row__amounts {
  min-width: 0 !important;
}
.claim-details-view .claim-income-benefit-row__main strong {
  display: block !important;
  margin-top: 3px !important;
  color: var(--claim-shot-text) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}
.claim-details-view .claim-income-benefit-row__amounts {
  display: grid !important;
  justify-items: end !important;
  gap: 3px !important;
  text-align: right !important;
}
.claim-details-view .claim-income-benefit-row__amounts span {
  color: var(--claim-shot-text) !important;
  font-size: 16px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}
.claim-details-view .claim-income-benefit-row__amounts small {
  color: #627481 !important;
  font-size: 11px !important;
  font-weight: 760 !important;
  line-height: 1.2 !important;
}
.claim-details-view .claim-income-benefit-row__details {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  padding-top: 2px !important;
}
.claim-details-view .claim-income-benefit-row__details span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  border-radius: 999px !important;
  padding: 0 9px !important;
  background: #eef4f3 !important;
  color: #60727f !important;
  font-size: 11px !important;
  font-weight: 800 !important;
}
.claim-details-view .claim-benefit-possibility-strip {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-top: 16px !important;
}
.claim-details-view .claim-benefit-possibility-strip span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 27px !important;
  border-radius: 999px !important;
  padding: 0 11px !important;
  background: #eef2f1 !important;
  color: #6b7c88 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
}
.claim-details-view .claim-benefit-possibility-strip span.is-active {
  background: #e8f8f6 !important;
  color: #087f75 !important;
}
.claim-details-view .claim-benefit-history {
  margin-top: 14px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-benefit-history summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  min-height: 44px !important;
  padding: 0 14px !important;
  color: var(--claim-shot-text) !important;
  cursor: pointer !important;
  font-size: 13px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-benefit-history summary span {
  display: grid !important;
  place-items: center !important;
  min-width: 24px !important;
  height: 24px !important;
  border-radius: 999px !important;
  background: #eef8f8 !important;
  color: #128c9d !important;
  font-size: 11px !important;
}
.claim-details-view .claim-benefit-history__list {
  display: grid !important;
  gap: 0 !important;
  padding: 0 14px 12px !important;
}
.claim-details-view .claim-benefit-history__list > div {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(9rem, auto) minmax(6rem, auto) !important;
  gap: 12px !important;
  padding: 10px 0 !important;
  border-top: 1px solid rgb(17 29 41 / 0.08) !important;
  color: #60727f !important;
  font-size: 12px !important;
}
.claim-details-view .claim-benefit-history__list strong, .claim-details-view .claim-benefit-history__list b {
  color: var(--claim-shot-text) !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-reference-fees, .claim-details-view .claim-reference-card--components {
  min-width: 0 !important;
}
.claim-details-view .claim-reference-card--fees, .claim-details-view .claim-reference-card--components {
  border-radius: 24px !important;
  box-shadow: 0 18px 42px rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-reference-card--fees > .claim-reference-card__header {
  align-items: center !important;
  gap: 18px !important;
}
.claim-details-view .claim-reference-card--fees .claim-reference-card__badges {
  align-items: center !important;
  justify-content: flex-end !important;
}
.claim-details-view .claim-reference-card--fees .badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 32px !important;
  min-width: 128px !important;
  padding: 0 13px !important;
  text-align: center !important;
}
.claim-details-view .claim-reference-fees-stack {
  display: grid !important;
  gap: 18px !important;
}
.claim-details-view .claim-reference-debt-panel {
  display: grid !important;
  gap: 16px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-reference-debt-panel__head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
}
.claim-details-view .claim-reference-debt-panel__head > div:first-child {
  display: grid !important;
  gap: 4px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-reference-debt-panel__head span:first-child {
  color: #70808c !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-reference-debt-panel__head h4 {
  margin: 0 !important;
  color: var(--claim-shot-text) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}
.claim-details-view .claim-reference-debt-panel__badges {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 8px !important;
}
.claim-details-view .claim-reference-debt-panel__badges span {
  display: inline-grid !important;
  place-items: center !important;
  gap: 3px !important;
  min-width: 112px !important;
  min-height: 46px !important;
  padding: 8px 12px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 15px !important;
  background: #f7faf9 !important;
  color: #6a7985 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-reference-debt-panel__badges strong {
  color: var(--claim-shot-text) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  text-transform: none !important;
}
.claim-details-view .claim-reference-debt-panel .claim-reference-progress-list {
  display: grid !important;
  gap: 10px !important;
}
.claim-details-view .claim-reference-debt-panel .claim-reference-progress {
  display: grid !important;
  grid-template-columns: minmax(9rem, 1fr) minmax(170px, 1.4fr) minmax(48px, auto) minmax(7rem, auto) minmax(7rem, auto) !important;
  align-items: center !important;
  gap: 12px !important;
  min-width: 0 !important;
  min-height: 62px !important;
  padding: 12px 14px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-reference-debt-panel .claim-reference-progress strong, .claim-details-view .claim-reference-debt-panel .claim-reference-progress b {
  color: var(--claim-shot-text) !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-reference-debt-panel .claim-reference-progress progress {
  width: 100% !important;
  min-width: 0 !important;
  accent-color: #1aa59d !important;
}
.claim-details-view .claim-reference-debt-panel .claim-reference-progress span {
  color: #61727f !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  text-align: right !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-reference-empty-state {
  display: grid !important;
  gap: 4px !important;
  min-height: 74px !important;
  padding: 16px !important;
  border: 1px dashed rgb(17 29 41 / 0.16) !important;
  border-radius: 16px !important;
  background: #f7faf9 !important;
}
.claim-details-view .claim-reference-empty-state strong {
  color: var(--claim-shot-text) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-reference-empty-state span {
  color: #647583 !important;
  font-size: 12.5px !important;
}
.claim-details-view .claim-reference-payments-panel {
  display: grid !important;
  gap: 0 !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-reference-payments-panel__head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  padding: 18px 20px !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  background: linear-gradient(180deg, #f8fbfa, #ffffff) !important;
}
.claim-details-view .claim-reference-payments-panel__head > div {
  display: grid !important;
  gap: 5px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-reference-payments-panel__head span:first-child {
  color: #6b7a86 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-reference-payments-panel__head h4 {
  margin: 0 !important;
  color: var(--claim-shot-text) !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
}
.claim-details-view .claim-details-payments--embedded {
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.claim-details-view .claim-details-payments--embedded .claim-details-payments__body, .claim-details-view .claim-details-payments--embedded .claim-details-payments__section {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.claim-details-view .claim-details-payments--embedded .claim-details-payments__toolbar {
  padding: 14px 16px !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  background: #f8fbfa !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-scroll {
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 14px 14px !important;
  overflow-x: visible !important;
  overscroll-behavior-inline: contain !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-table {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  table-layout: auto !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-table thead {
  display: none !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-table tbody {
  display: grid !important;
  gap: 10px !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(8.5rem, auto) !important;
  align-items: stretch !important;
  gap: 8px 12px !important;
  padding: 12px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgb(17 29 41 / 0.05) !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-cell {
  display: grid !important;
  align-content: start !important;
  gap: 5px !important;
  min-width: 0 !important;
  padding: 6px 8px !important;
  border: 0 !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-cell::before {
  content: attr(data-label) !important;
  color: #7a8792 !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-cell--primary {
  grid-column: 1 / -1 !important;
  min-width: 0 !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-cell--detail {
  grid-column: 1 / -1 !important;
  padding-top: 10px !important;
  border-top: 1px solid rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-cell--amount {
  justify-items: end !important;
  text-align: right !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-title, .claim-details-view .claim-details-payments--embedded .payment-ledger-party, .claim-details-view .claim-details-payments--embedded .payment-ledger-note {
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
.claim-details-view .claim-details-payments--embedded .payment-ledger-subtle, .claim-details-view .claim-details-payments--embedded .payment-ledger-route {
  overflow-wrap: anywhere !important;
}
.claim-fees-modal {
  width: min(1060px, calc(100vw - 32px)) !important;
  max-width: 1060px !important;
  max-height: min(820px, calc(100dvh - 36px)) !important;
  overflow: hidden !important;
  padding: 0 !important;
  border: 1px solid rgb(17 29 41 / 0.10) !important;
  border-radius: 24px !important;
  background: #f5f9f8 !important;
  box-shadow: 0 32px 90px rgb(17 29 41 / 0.28) !important;
}
.claim-fees-modal__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  padding: 18px 24px !important;
  color: #f7fbfc !important;
  background: radial-gradient(circle at 18% -22%, rgb(76 133 152 / 0.42), transparent 42%), linear-gradient(100deg, #152535, #0d1825) !important;
}
.claim-fees-modal__header span {
  color: rgb(255 255 255 / 0.58) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}
.claim-fees-modal__header h3, .claim-fees-modal__header h4 {
  margin: 3px 0 3px !important;
  color: #ffffff !important;
  font-size: 23px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
}
.claim-fees-modal__header p {
  margin: 0 !important;
  max-width: 46rem !important;
  color: rgb(255 255 255 / 0.66) !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
.claim-fees-modal__body {
  max-height: calc(100dvh - 120px) !important;
  overflow-y: auto !important;
  padding: 16px 18px 0 !important;
}
.claim-fees-modal .claim-reference-fees-edit-grid {
  display: grid !important;
  grid-template-columns: minmax(360px, 0.82fr) minmax(0, 1.18fr) !important;
  align-items: start !important;
  gap: 16px !important;
}
.claim-fees-modal .claim-reference-edit-panel {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  padding: 16px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  box-shadow: 0 14px 34px rgb(17 29 41 / 0.07) !important;
}
.claim-fees-modal .claim-reference-edit-panel--dark {
  color: #f7fbfc !important;
  border-color: rgb(255 255 255 / 0.1) !important;
  background: radial-gradient(circle at 18% -22%, rgb(76 133 152 / 0.42), transparent 42%), linear-gradient(145deg, #152535, #0d1825) !important;
}
.claim-fees-modal .claim-reference-edit-panel__head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
.claim-fees-modal .claim-reference-edit-panel__head span, .claim-fees-modal .claim-reference-fee-form-list__head span {
  color: #6f8090 !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.claim-fees-modal .claim-reference-edit-panel--dark .claim-reference-edit-panel__head span {
  color: rgb(255 255 255 / 0.62) !important;
}
.claim-fees-modal .claim-reference-edit-panel__head h5 {
  margin: 2px 0 0 !important;
  color: #102033 !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
}
.claim-fees-modal .claim-reference-edit-panel--dark .claim-reference-edit-panel__head h5, .claim-fees-modal .claim-reference-edit-panel--dark .claim-reference-edit-panel__head strong {
  color: #ffffff !important;
}
.claim-fees-modal .claim-reference-edit-panel__head strong {
  color: #102033 !important;
  white-space: nowrap !important;
  font-size: 21px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}
.claim-fees-modal .claim-reference-locked-fees, .claim-fees-modal .claim-reference-fee-form-list {
  display: grid !important;
  gap: 8px !important;
}
.claim-fees-modal .claim-reference-locked-fee {
  display: grid !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 12px 14px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 16px !important;
  background: rgb(255 255 255 / 0.1) !important;
}
.claim-fees-modal .claim-reference-locked-fee span {
  color: rgb(255 255 255 / 0.68) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
.claim-fees-modal .claim-reference-locked-fee strong {
  color: #ffffff !important;
  font-size: 23px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}
.claim-fees-modal .claim-reference-locked-fee small, .claim-fees-modal .claim-reference-edit-panel__note {
  color: rgb(255 255 255 / 0.62) !important;
  font-size: 11.5px !important;
  line-height: 1.3 !important;
  margin: 0 !important;
}
.claim-fees-modal .claim-reference-edit-panel__note--light {
  color: rgb(255 255 255 / 0.66) !important;
}
.claim-fees-modal .claim-reference-edit-panel__note--muted {
  color: #687a89 !important;
}
.claim-fees-modal .claim-reference-start-fee-card {
  display: grid !important;
  gap: 8px !important;
  padding: 10px !important;
  border: 1px solid rgb(255 255 255 / 0.14) !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 0.08) !important;
}
.claim-fees-modal .claim-reference-start-fee-card--compact {
  margin-top: -2px !important;
}
.claim-fees-modal .claim-reference-start-fee-card__line, .claim-fees-modal .claim-reference-start-fee-card__total, .claim-fees-modal .claim-reference-start-fee-toggle {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}
.claim-fees-modal .claim-reference-start-fee-card__postal-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(112px, 0.36fr) !important;
  align-items: end !important;
  gap: 8px !important;
}
.claim-fees-modal .claim-reference-start-fee-card__line span, .claim-fees-modal .claim-reference-start-fee-card__postal label, .claim-fees-modal .claim-reference-start-fee-card__total span, .claim-fees-modal .claim-reference-start-fee-toggle span {
  color: rgb(255 255 255 / 0.70) !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
  text-transform: none !important;
}
.claim-fees-modal .claim-reference-start-fee-card__line small {
  display: block !important;
  margin-top: 2px !important;
  color: rgb(255 255 255 / 0.52) !important;
  font-size: 11px !important;
  line-height: 1.2 !important;
}
.claim-fees-modal .claim-reference-start-fee-card__line strong, .claim-fees-modal .claim-reference-start-fee-card__total strong {
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.claim-fees-modal .claim-reference-start-fee-card__postal {
  display: grid !important;
  gap: 5px !important;
}
.claim-fees-modal .claim-reference-start-fee-toggle {
  min-height: 40px !important;
  padding: 8px 9px !important;
  border: 1px solid rgb(255 255 255 / 0.16) !important;
  border-radius: 12px !important;
  background: rgb(255 255 255 / 0.08) !important;
  cursor: pointer !important;
}
.claim-fees-modal .claim-reference-start-fee-toggle input {
  flex: 0 0 auto !important;
  width: 17px !important;
  height: 17px !important;
  accent-color: #42c2bd !important;
}
.claim-fees-modal .claim-reference-start-fee-card__total {
  padding-top: 7px !important;
  border-top: 1px solid rgb(255 255 255 / 0.12) !important;
}
.claim-fees-modal .claim-reference-extra-fee-details {
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.14) !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 0.07) !important;
}
.claim-fees-modal .claim-reference-extra-fee-details summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  color: rgb(255 255 255 / 0.84) !important;
  cursor: pointer !important;
  list-style: none !important;
}
.claim-fees-modal .claim-reference-extra-fee-details summary::-webkit-details-marker {
  display: none !important;
}
.claim-fees-modal .claim-reference-extra-fee-details summary span {
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: none !important;
}
.claim-fees-modal .claim-reference-extra-fee-details summary small {
  color: rgb(255 255 255 / 0.54) !important;
  font-size: 11px !important;
  font-weight: 750 !important;
  line-height: 1.15 !important;
  text-align: right !important;
}
.claim-fees-modal .claim-reference-extra-fee-details[open] {
  padding-bottom: 10px !important;
}
.claim-fees-modal .claim-reference-extra-fee-details[open] .claim-reference-fee-form-list {
  padding: 0 10px !important;
}
.claim-fees-modal .claim-reference-fee-form-list__head, .claim-fees-modal .claim-reference-fee-form-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(120px, 0.32fr) !important;
  align-items: center !important;
  gap: 10px !important;
}
.claim-fees-modal .claim-reference-fee-form-list__head {
  padding: 0 4px !important;
}
.claim-fees-modal .claim-reference-fee-form-row {
  padding: 9px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 15px !important;
  background: #f8fbfa !important;
}
.claim-fees-modal .claim-reference-input {
  width: 100% !important;
  min-width: 0 !important;
  height: 40px !important;
  padding: 0 13px !important;
  border: 1px solid rgb(17 29 41 / 0.1) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #102033 !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9) !important;
}
.claim-fees-modal .claim-reference-input--amount {
  text-align: right !important;
}
.claim-fees-modal .claim-reference-input::placeholder {
  color: #8a98a4 !important;
}
.claim-fees-modal .claim-reference-input:focus {
  border-color: #3ba7b0 !important;
  outline: 2px solid rgb(59 167 176 / 0.18) !important;
  outline-offset: 2px !important;
}
.claim-fees-modal .claim-reference-form-actions {
  position: sticky !important;
  bottom: 0 !important;
  margin: 16px -18px 0 !important;
  padding: 14px 18px !important;
  border-top: 1px solid rgb(17 29 41 / 0.08) !important;
  background: rgb(255 255 255 / 0.88) !important;
  backdrop-filter: blur(12px) !important;
}
.claim-fees-modal .claim-reference-form-actions--end {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}
.claim-fees-modal .claim-action-modal__panel {
  min-height: 0 !important;
}
.claim-fees-modal .claim-reference-edit-panel--fees {
  background: #ffffff !important;
}
.claim-fees-modal .claim-reference-locked-fee {
  display: grid !important;
  gap: 9px !important;
  min-height: 0 !important;
  padding: 12px !important;
  border: 1px solid rgb(17 29 41 / 0.09) !important;
  border-radius: 16px !important;
  background: #f9fcfb !important;
  box-shadow: 0 10px 26px -28px rgb(17 29 41 / 0.42) !important;
}
.claim-fees-modal .claim-reference-locked-fee--locked {
  background: #f4f8f7 !important;
}
.claim-fees-modal .claim-reference-fee-card-head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 12px !important;
}
.claim-fees-modal .claim-reference-locked-fee .claim-reference-fee-card-title {
  display: block !important;
  margin: 0 !important;
  color: #102033 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}
.claim-fees-modal .claim-reference-fee-card-head small, .claim-fees-modal .claim-reference-fee-card-note {
  display: block !important;
  margin: 3px 0 0 !important;
  color: #637484 !important;
  font-size: 11.5px !important;
  line-height: 1.28 !important;
}
.claim-fees-modal .claim-reference-locked-fee .claim-reference-fee-card-status {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 24px !important;
  padding: 0 9px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #536678 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-transform: none !important;
}
.claim-fees-modal .claim-reference-start-fee-card {
  display: grid !important;
  gap: 7px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
}
.claim-fees-modal .claim-reference-start-fee-line {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 48px !important;
  padding: 10px 12px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
}
.claim-fees-modal .claim-reference-start-fee-line__copy {
  display: grid !important;
  gap: 2px !important;
  min-width: 0 !important;
}
.claim-fees-modal .claim-reference-start-fee-line__copy span, .claim-fees-modal .claim-reference-start-fee-line > span, .claim-fees-modal .claim-reference-start-fee-toggle strong {
  display: block !important;
  margin: 0 !important;
  color: #102033 !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  text-transform: none !important;
}
.claim-fees-modal .claim-reference-start-fee-line__copy small, .claim-fees-modal .claim-reference-start-fee-toggle small {
  display: block !important;
  margin: 2px 0 0 !important;
  color: #637484 !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}
.claim-fees-modal .claim-reference-start-fee-line > strong, .claim-fees-modal .claim-reference-start-fee-line--total strong {
  color: #102033 !important;
  font-size: 15px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
  text-align: right !important;
  white-space: nowrap !important;
}
.claim-fees-modal .claim-reference-start-fee-line--total [data-start-fee-total-text], .claim-fees-modal [data-fee-grand-total-text] {
  color: #102033 !important;
  font: inherit !important;
  letter-spacing: 0 !important;
  text-transform: none !important;
}
.claim-fees-modal .claim-reference-start-fee-line--postal {
  grid-template-columns: minmax(0, 1fr) minmax(128px, 146px) !important;
  padding: 9px 10px 9px 12px !important;
}
.claim-fees-modal .claim-reference-start-fee-toggle {
  display: grid !important;
  grid-template-columns: 18px minmax(0, 1fr) !important;
  align-items: center !important;
  gap: 10px !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  cursor: pointer !important;
}
.claim-fees-modal .claim-reference-start-fee-toggle input {
  display: block !important;
  width: 18px !important;
  height: 18px !important;
  margin: 0 !important;
  accent-color: #1aa6b0 !important;
}
.claim-fees-modal .claim-reference-money-field {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 7px !important;
  min-width: 0 !important;
}
.claim-fees-modal .claim-reference-money-field .claim-reference-input {
  height: 38px !important;
  padding: 0 10px !important;
}
.claim-fees-modal .claim-reference-money-field span {
  color: #102033 !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: none !important;
}
.claim-fees-modal .claim-reference-start-fee-line--total {
  border-color: rgb(26 166 176 / 0.24) !important;
  background: #effaf8 !important;
}
.claim-fees-modal .claim-reference-fee-card-input {
  justify-self: stretch !important;
  max-width: none !important;
}
.claim-fees-modal .claim-reference-edit-panel__note {
  color: #637484 !important;
}
.claim-fees-modal .claim-reference-extra-fee-details {
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  background: #f8fbfa !important;
}
.claim-fees-modal .claim-reference-extra-fee-details summary {
  min-height: 38px !important;
  padding: 9px 11px !important;
  color: #102033 !important;
}
.claim-fees-modal .claim-reference-extra-fee-details summary span {
  color: #102033 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-transform: none !important;
}
.claim-fees-modal .claim-reference-extra-fee-details summary small {
  color: #637484 !important;
  font-size: 11px !important;
  font-weight: 750 !important;
}
.claim-fees-modal .claim-reference-extra-fee-details[open] .claim-reference-fee-form-list {
  padding: 0 10px 10px !important;
}
.claim-fees-modal .claim-reference-edit-panel__note--light {
  color: #637484 !important;
}
@media (max-width: 720px) {
  .claim-fees-modal .claim-reference-fees-edit-grid, .claim-fees-modal .claim-reference-start-fee-line, .claim-fees-modal .claim-reference-start-fee-line--postal, .claim-fees-modal .claim-reference-fee-card-head {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-fees-modal .claim-reference-money-field {
    max-width: 160px !important;
  }
}
.claim-details-persistent-actions--rail .claim-tasks-panel {
  overflow: hidden !important;
  border: 1px solid rgb(31 52 71 / 0.10) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(249 252 252 / 0.92)), #fbfdfd !important;
  box-shadow: 0 18px 46px -38px rgb(15 30 43 / 0.36), 0 1px 0 rgb(255 255 255 / 0.88) inset !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 12px !important;
  min-height: 0 !important;
  padding: 18px 20px 14px !important;
  border: 0 !important;
  background: transparent !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__heading {
  display: grid !important;
  grid-template-columns: 8px minmax(0, 1fr) !important;
  gap: 10px !important;
  min-width: 0 !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__dot {
  display: block !important;
  width: 8px !important;
  height: 32px !important;
  margin-top: 2px !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, #19a7b2, #9bd8d2) !important;
  box-shadow: 0 0 0 4px rgb(25 167 178 / 0.08) !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__eyebrow {
  color: #6f7f8b !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__title {
  margin: 3px 0 0 !important;
  color: #102033 !important;
  font-size: 20px !important;
  font-weight: 930 !important;
  line-height: 1.04 !important;
  letter-spacing: 0 !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__subtitle {
  display: none !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__count {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 26px !important;
  padding: 0 9px !important;
  border: 1px solid rgb(31 52 71 / 0.10) !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.72) !important;
  color: #2d4051 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  letter-spacing: 0.02em !important;
  box-shadow: 0 1px 0 rgb(255 255 255 / 0.92) inset !important;
}
.claim-details-persistent-actions--rail .claim-tasks-panel__list {
  display: grid !important;
  gap: 8px !important;
  padding: 0 14px 14px !important;
  background: transparent !important;
}
.claim-details-persistent-actions--rail .claim-task-item {
  grid-template-columns: minmax(0, 1fr) 30px !important;
  grid-template-rows: auto !important;
  align-items: start !important;
  gap: 8px !important;
  min-height: 0 !important;
  padding: 10px !important;
  border: 1px solid rgb(31 52 71 / 0.08) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(249 252 252 / 0.86)), #ffffff !important;
  box-shadow: 0 10px 22px -24px rgb(15 30 43 / 0.34) !important;
  transition: border-color 140ms ease, background-color 140ms ease, box-shadow 140ms ease, transform 140ms ease !important;
}
.claim-details-persistent-actions--rail .claim-task-item:hover {
  border-color: rgb(25 167 178 / 0.24) !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(246 251 252 / 0.92)), #ffffff !important;
  box-shadow: 0 16px 30px -26px rgb(15 30 43 / 0.38) !important;
  transform: translateY(-1px) !important;
}
.claim-details-persistent-actions--rail .claim-task-item:focus-visible {
  outline: 2px solid #1aa6b0 !important;
  outline-offset: 2px !important;
}
.claim-details-persistent-actions--rail .claim-task-item__badge {
  grid-column: 1 !important;
  grid-row: 1 !important;
  width: 28px !important;
  height: 28px !important;
  border-radius: 10px !important;
  margin-top: 0 !important;
  background: #edf9f8 !important;
  color: #118c9a !important;
  box-shadow: 0 0 0 1px rgb(25 167 178 / 0.08) inset, 0 8px 18px -16px rgb(25 167 178 / 0.9) !important;
}
.claim-details-persistent-actions--rail .claim-task-item__badge svg {
  width: 14px !important;
  height: 14px !important;
}
.claim-details-persistent-actions--rail .claim-task-item__main {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: auto auto auto !important;
  gap: 5px !important;
  min-width: 0 !important;
  align-self: start !important;
}
.claim-details-persistent-actions--rail .claim-task-item__topline {
  grid-column: 1 !important;
  grid-row: 1 !important;
  display: grid !important;
  grid-template-columns: 28px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 8px !important;
  min-width: 0 !important;
}
.claim-details-persistent-actions--rail .claim-task-item__title {
  grid-column: 2 !important;
  display: block !important;
  min-width: 0 !important;
  font-size: 12.5px !important;
  line-height: 1.22 !important;
  overflow: visible !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
  color: #132638 !important;
  font-weight: 900 !important;
}
.claim-details-persistent-actions--rail .claim-task-item__meta {
  grid-column: 1 !important;
  grid-row: 2 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 3px 6px !important;
  margin: 0 0 0 36px !important;
}
.claim-details-persistent-actions--rail .claim-task-item__time {
  justify-self: end !important;
  display: inline-flex !important;
  align-items: center !important;
  min-height: 16px !important;
  max-width: 78px !important;
  border-radius: 999px !important;
  padding: 0 5px !important;
  background: rgb(232 240 240 / 0.72) !important;
  color: #70808c !important;
  font-size: 9.5px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}
.claim-details-persistent-actions--rail .claim-task-item__person {
  display: inline-flex !important;
  align-items: center !important;
  gap: 4px !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.claim-details-persistent-actions--rail .claim-task-item__person-label {
  color: #81909a !important;
  font-size: 9px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.claim-details-persistent-actions--rail .claim-task-item__person-name {
  color: #263d50 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claim-details-persistent-actions--rail .claim-task-item__note {
  grid-column: 1 !important;
  grid-row: 3 !important;
  margin: 0 0 0 36px !important;
  color: #586a78 !important;
  font-size: 11.5px !important;
  line-height: 1.34 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-persistent-actions--rail .claim-task-item__note-label {
  color: #26384a !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}
.claim-details-persistent-actions--rail .claim-task-item__note-text {
  color: inherit !important;
}
.claim-details-persistent-actions--rail .claim-task-item__link {
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 28px !important;
  height: 28px !important;
  border: 1px solid rgb(31 52 71 / 0.08) !important;
  border-radius: 10px !important;
  background: rgb(242 247 247 / 0.82) !important;
  color: #61707b !important;
  box-shadow: 0 1px 0 rgb(255 255 255 / 0.86) inset !important;
}
.claim-details-persistent-actions--rail .claim-task-item:hover .claim-task-item__link {
  border-color: rgb(25 167 178 / 0.18) !important;
  background: #e9f7f6 !important;
  color: #0f6f7a !important;
}
.claim-details-persistent-actions--rail .claim-task-item__link svg {
  width: 14px !important;
  height: 14px !important;
}
.claim-details-view #claim-penalty-summary .claim-penalty-summary--hero {
  display: grid !important;
  gap: 12px !important;
  min-height: 84px !important;
  border-radius: 14px !important;
}
@media (max-width: 1180px) {
  .claim-details-reference-main-grid > [data-claim-details-tab-frame] > .claim-scroll-toc {
    position: static !important;
    z-index: auto !important;
    width: 100% !important;
    max-height: none !important;
    margin-bottom: 18px !important;
  }
  .claim-details-reference-main-grid > [data-claim-details-tab-frame] > :not(.claim-details-tab-outer-shell):not(.claim-scroll-toc) {
    min-width: 0 !important;
  }
}
@media (max-width: 1180px) {
  .claim-details-view .claim-reference-main-summary__metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .claim-details-view .claim-reference-finance-hero {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .claim-details-view .claim-reference-finance-hero__totals {
    min-width: 0 !important;
    width: 100% !important;
  }
  .claim-details-view .claim-reference-finance-section .claim-reference-finance-grid, .claim-fees-modal .claim-reference-fees-edit-grid {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view .claim-details-payments--embedded .payment-ledger-row {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .claim-details-view .claim-reference-debt-panel .claim-reference-progress {
    grid-template-columns: minmax(8rem, 1fr) minmax(160px, 1.4fr) minmax(48px, auto) !important;
  }
  .claim-details-view .claim-reference-debt-panel .claim-reference-progress span {
    text-align: left !important;
  }
}
@media (max-width: 760px) {
  .claim-details-view .claim-reference-profile {
    padding: 20px !important;
  }
  .claim-details-view .claim-reference-profile__top, .claim-details-view .claim-reference-profile__layout, .claim-details-view .claim-reference-matrix, .claim-details-view .claim-reference-profile-fees__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-reference-profile__top .claim-reference-band:last-child {
    grid-column: auto !important;
  }
  .claim-details-view .claim-reference-payments-panel__head {
    align-items: stretch !important;
    flex-direction: column !important;
    padding: 16px !important;
  }
  .claim-details-view .claim-reference-finance-hero, .claim-details-view .claim-reference-finance-section .claim-reference-finance-grid, .claim-fees-modal__header, .claim-fees-modal__body {
    padding: 18px !important;
  }
  .claim-details-view .claim-reference-finance-hero__totals, .claim-details-view .claim-income-metric-strip, .claim-details-view .claim-reference-main-summary__metrics, .claim-details-view .claim-reference-profile-fees__grid, .claim-details-view .claim-details-payments--embedded .payment-ledger-row {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view .claim-income-primary, .claim-details-view .claim-income-benefit-row {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view .claim-income-benefit-row__amounts {
    justify-items: start !important;
    text-align: left !important;
  }
  .claim-details-view .claim-reference-profile-fees__header, .claim-details-view .claim-reference-debt-panel__head, .claim-details-view .claim-reference-card--fees > .claim-reference-card__header {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .claim-details-view .claim-reference-debt-panel__badges, .claim-details-view .claim-reference-card--fees .claim-reference-card__badges {
    justify-content: stretch !important;
  }
  .claim-details-view .claim-reference-debt-panel__badges span, .claim-details-view .claim-reference-card--fees .badge {
    width: 100% !important;
  }
  .claim-details-view .claim-reference-debt-panel .claim-reference-progress {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view .claim-benefit-history__list > div {
    grid-template-columns: 1fr !important;
  }
}
.claim-details-view .claim-payments-workspace {
  display: grid !important;
  gap: 18px !important;
}
.claim-details-view .claim-payments-overview-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 18px !important;
  align-items: start !important;
  min-width: 0 !important;
}
.claim-details-view .claim-payments-overview-grid > .claim-payment-surface {
  min-width: 0 !important;
  height: 100% !important;
}
.claim-details-view .claim-payments-overview-grid > .claim-payment-surface:only-child {
  grid-column: 1 / -1 !important;
}
.claim-details-view .claim-payments-overview-grid :is( .claim-payment-schedule-grid, .claim-payment-schedule-grid--empty, .claim-payment-proposal-layout, .claim-payment-proposal-layout--empty, .claim-payment-proposal-layout:not(.claim-payment-proposal-layout--empty), .claim-payment-form-card--inline, .claim-payment-form-card--inline .claim-payment-form__grid ) {
  grid-template-columns: 1fr !important;
}
.claim-details-view .claim-payment-proposal-layout--form-only {
  grid-template-columns: 1fr !important;
  border: 0 !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view .claim-payment-proposal-layout--form-only .claim-payment-decision-panel--proposal-start {
  min-height: 100% !important;
}
.claim-details-view .claim-payments-overview-grid .claim-payment-empty-card--schedule, .claim-details-view .claim-payments-overview-grid .claim-payment-empty-card--negotiation {
  min-height: 156px !important;
}
.claim-details-view .claim-payments-overview-grid .claim-payment-form-card--details {
  min-height: 0 !important;
}
.claim-details-view .claim-payments-overview-grid .claim-payment-form-card__summary {
  min-height: 38px !important;
}
.claim-details-view .claim-payment-surface--recent .claim-payment-surface__body {
  padding: 0 !important;
}
@media (max-width: 760px) {
  .claim-details-view .claim-payments-workspace, .claim-details-view .claim-payments-overview-grid {
    gap: 14px !important;
  }
}
@media (min-width: 1181px) {
  .claim-details-view .claim-payments-overview-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-scroll {
    padding: 0 14px 14px !important;
    overflow-x: visible !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-table {
    display: block !important;
    min-width: 0 !important;
    table-layout: auto !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-table thead {
    display: none !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-table tbody {
    display: grid !important;
    gap: 10px !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr) minmax(76px, auto) !important;
    align-items: start !important;
    gap: 9px 14px !important;
    padding: 13px 14px !important;
    border: 1px solid rgb(17 29 41 / 0.08) !important;
    border-radius: 15px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-cell {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-cell::before {
    content: none !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-cell--primary {
    grid-column: 1 !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-cell:not(.payment-ledger-cell--primary):not(.payment-ledger-cell--detail):not(.payment-ledger-cell--status):not(.payment-ledger-cell--amount) {
    grid-column: 2 !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-cell--detail {
    grid-column: 1 / span 2 !important;
    padding-top: 8px !important;
    border-top: 1px solid rgb(17 29 41 / 0.08) !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-cell--status {
    grid-column: 3 !important;
    justify-self: end !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-cell--amount {
    grid-column: 3 !important;
    grid-row: 1 / span 2 !important;
    align-self: end !important;
    justify-self: end !important;
    text-align: right !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-title, .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-party {
    font-size: 13px !important;
    line-height: 1.16 !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-meta, .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-note, .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-time, .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-subtle, .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-route {
    font-size: 10.8px !important;
    line-height: 1.28 !important;
  }
}
.claim-details-view .claim-details-board--documents {
  margin-top: 0 !important;
}
.claim-details-view .claim-details-board--documents .claim-details-board__head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 116px !important;
}
.claim-details-view .claim-documents-board__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  max-width: min(100%, 28rem) !important;
}
.claim-details-view .claim-documents-board__meta .badge {
  border-color: rgb(255 255 255 / 0.16) !important;
  background: rgb(255 255 255 / 0.10) !important;
  color: rgb(255 255 255 / 0.82) !important;
}
.claim-details-view .claim-documents-board__meta .claim-action-button {
  min-height: 34px !important;
  border-color: rgb(255 255 255 / 0.24) !important;
  background: #ffffff !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 11.5px !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-documents-board__body {
  display: grid !important;
  gap: 14px !important;
  padding: 14px !important;
}
.claim-details-view .claim-documents-board__body .claim-list-card {
  margin-top: 0 !important;
  border-color: var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
@media (max-width: 780px) {
  .claim-details-view .claim-details-board--documents .claim-details-board__head {
    flex-direction: column !important;
    min-height: 0 !important;
  }
  .claim-details-view .claim-documents-board__meta {
    justify-content: flex-start !important;
    max-width: none !important;
  }
}
.claim-details-view .claim-details-board--disclosure, .claim-details-view .claim-details-board--communications {
  margin-top: 0 !important;
}
.claim-details-view :is( .claim-details-board--disclosure, .claim-details-board--communications ) .claim-details-board__head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 18px !important;
  min-height: 116px !important;
}
.claim-details-view .claim-disclosure-board__actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  max-width: min(100%, 24rem) !important;
}
.claim-details-view .claim-disclosure-board__actions > span {
  min-height: 30px !important;
  border: 1px solid rgb(255 255 255 / 0.22) !important;
  background: rgb(255 255 255 / 0.12) !important;
  color: rgb(255 255 255 / 0.84) !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-disclosure-board__actions .claim-action-button {
  min-height: 34px !important;
  border-color: rgb(255 255 255 / 0.24) !important;
  background: #ffffff !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 11.5px !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-disclosure-board__body, .claim-details-view .claim-communications-board__body {
  display: grid !important;
  gap: 14px !important;
  padding: 14px !important;
}
.claim-details-view .claim-disclosure-summary-strip, .claim-details-view .claim-communications-summary-strip {
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.claim-details-view :is( .claim-disclosure-summary-card, .claim-communications-summary-card ) {
  position: relative !important;
  min-height: 126px !important;
  padding: 15px 16px !important;
  overflow: hidden !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view :is( .claim-disclosure-summary-card--accent, .claim-communications-summary-card--accent ) {
  border-color: rgb(55 167 176 / 0.24) !important;
  background: linear-gradient(90deg, rgb(55 167 176 / 0.11), transparent 42%), #ffffff !important;
}
.claim-details-view .claim-disclosure-summary-card--muted {
  background: var(--claim-shot-soft, #f5f7f8) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--claim-shot-soft, #f5f7f8) 84%, white) !important;
  }
}
.claim-details-view :is( .claim-disclosure-summary-card__label, .claim-communications-summary-card__label ) {
  color: #6b7a86 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  text-transform: uppercase !important;
}
.claim-details-view :is( .claim-disclosure-summary-card__value, .claim-communications-summary-card__value ) {
  margin-top: 8px !important;
  color: var(--claim-shot-text, #101e2e) !important;
  font-size: 24px !important;
  font-weight: 860 !important;
  line-height: 1.05 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view :is( .claim-disclosure-summary-card__meta, .claim-communications-summary-card__meta ) {
  margin-top: 8px !important;
  color: #6b7a86 !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid {
  gap: 14px !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid__stack {
  gap: 12px !important;
}
.claim-details-view .claim-communications-board__body .claim-channel-card, .claim-details-view .claim-communications-board__body .claim-work-card {
  border-radius: 15px !important;
  border-color: var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-communications-board__body .claim-channel-card {
  padding: 14px !important;
}
.claim-details-view .claim-communications-board__body .claim-list-card {
  margin-top: 12px !important;
  border-color: var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 14px !important;
}
@media (max-width: 1080px) {
  .claim-details-view .claim-disclosure-summary-strip, .claim-details-view .claim-communications-summary-strip {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 780px) {
  .claim-details-view :is( .claim-details-board--disclosure, .claim-details-board--communications ) .claim-details-board__head {
    flex-direction: column !important;
    min-height: 0 !important;
  }
  .claim-details-view .claim-disclosure-board__actions {
    justify-content: flex-start !important;
    max-width: none !important;
  }
}
@media (max-width: 640px) {
  .claim-details-view .claim-disclosure-summary-strip, .claim-details-view .claim-communications-summary-strip {
    grid-template-columns: 1fr !important;
  }
  .claim-details-view :is( .claim-disclosure-summary-card, .claim-communications-summary-card ) {
    min-height: 0 !important;
  }
}
.claim-details-view .claim-section--party {
  display: grid !important;
  gap: 14px !important;
}
.claim-details-view .claim-section--party > :is(.mt-4, .claim-party-secondary, .claim-party-workload) {
  margin-top: 0 !important;
}
.claim-details-view .claim-party-identity-strip {
  grid-template-columns: minmax(14rem, 0.82fr) minmax(0, 1.18fr) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-party-identity-strip__summary {
  gap: 9px !important;
  padding: 20px 22px !important;
  background: radial-gradient(circle at 8% -24%, rgb(70 135 154 / 0.36), transparent 44%), linear-gradient(115deg, #152535, #0d1825) !important;
  color: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-identity-strip__eyebrow, .claim-details-view .claim-party-identity-strip__name, .claim-details-view .claim-party-identity-strip__name a {
  color: inherit !important;
}
.claim-details-view .claim-party-identity-strip__eyebrow {
  opacity: 0.64 !important;
}
.claim-details-view .claim-party-identity-strip__name a:hover {
  color: #ffffff !important;
  text-decoration: underline !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 3px !important;
}
.claim-details-view .claim-party-identity-strip__meta span {
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  background: rgb(255 255 255 / 0.10) !important;
  color: rgb(255 255 255 / 0.86) !important;
}
.claim-details-view .claim-party-identity-strip__contacts {
  padding: 10px 16px !important;
}
.claim-details-view .claim-party-contact-item {
  grid-template-columns: 28px minmax(0, 1fr) auto !important;
  gap: 8px !important;
  min-height: 54px !important;
  padding: 7px 0 !important;
}
.claim-details-view .claim-party-contact-item__icon {
  width: 28px !important;
  height: 28px !important;
  border-radius: 9px !important;
}
.claim-details-view .claim-party-contact-item__value {
  font-size: 11.5px !important;
}
.claim-details-view .claim-party-contact-item .contact-dropdown--compact {
  display: inline-flex !important;
  width: auto !important;
  margin-top: 1px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-contact-item .contact-dropdown--compact > summary {
  display: inline-flex !important;
  width: auto !important;
  min-height: 18px !important;
}
.claim-details-view .claim-party-contact-item .contact-dropdown--compact .claim-inline-tablist__count {
  min-width: 19px !important;
  height: 18px !important;
  border: 1px solid rgb(55 167 176 / 0.18) !important;
  background: #ffffff !important;
  color: #16818a !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-party-contact-item .contact-dropdown--compact[open] {
  display: grid !important;
  width: 100% !important;
  margin-top: 4px !important;
}
.claim-details-view .claim-party-contact-item .contact-dropdown--compact[open] > ul {
  margin-top: 6px !important;
}
.claim-details-view .claim-section--party .claim-party-secondary__header {
  min-height: 96px !important;
  border-bottom: 0 !important;
  background: radial-gradient(circle at 15% -22%, rgb(70 135 154 / 0.38), transparent 42%), linear-gradient(100deg, #152535, #0d1825) !important;
  color: #ffffff !important;
}
.claim-details-view .claim-section--party .claim-party-secondary__eyebrow, .claim-details-view .claim-section--party .claim-party-secondary__title, .claim-details-view .claim-section--party .claim-party-secondary__description {
  color: inherit !important;
}
.claim-details-view .claim-section--party .claim-party-secondary__eyebrow {
  opacity: 0.64 !important;
}
.claim-details-view .claim-section--party .claim-party-secondary__description {
  max-width: 42rem !important;
  opacity: 0.68 !important;
}
.claim-details-view .claim-section--party .claim-party-secondary__meta .badge {
  border-color: rgb(255 255 255 / 0.14) !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: rgb(255 255 255 / 0.82) !important;
}
.claim-details-view .claim-party-secondary__body--party-map {
  padding: 14px !important;
}
.claim-details-view .claim-party-secondary__body--asset-map {
  display: grid !important;
  gap: 14px !important;
  padding: 14px !important;
}
.claim-party-secondary--assets .claim-asset-shell {
  display: grid !important;
  gap: 14px !important;
}
.claim-details-view .claim-asset-summary-strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.claim-details-view .claim-asset-summary-card {
  position: relative;
  overflow: hidden;
  min-height: 104px;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  padding: 14px 16px !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78) !important;
}
.claim-details-view .claim-asset-summary-card::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 4px;
  content: "";
  background: #37a7b0;
}
.claim-details-view .claim-asset-summary-card--obligations::before {
  background: #d85b6b;
}
.claim-details-view .claim-asset-summary-card__label {
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em;
  line-height: 1.1 !important;
  text-transform: uppercase;
}
.claim-details-view .claim-asset-summary-card__value {
  margin-top: 9px !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: clamp(22px, 2.3vw, 31px) !important;
  font-weight: 900 !important;
  letter-spacing: 0;
  line-height: 0.98 !important;
}
.claim-details-view .claim-asset-summary-card--assets .claim-asset-summary-card__value {
  color: #14706c !important;
}
.claim-details-view .claim-asset-summary-card--obligations .claim-asset-summary-card__value {
  color: #9f3142 !important;
}
.claim-details-view .claim-asset-summary-card__meta {
  margin-top: 8px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
}
.claim-party-secondary--assets .claim-asset-shell__columns {
  gap: 12px !important;
}
.claim-party-secondary--assets .claim-asset-column {
  border-color: var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  padding: 14px !important;
  box-shadow: none !important;
}
.claim-party-secondary--assets .claim-asset-grid {
  gap: 10px !important;
  margin-top: 12px !important;
}
.claim-details-view .claim-party-secondary--statements > .debtor-bank-statements {
  display: grid !important;
  gap: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  padding: 0 !important;
}
.claim-details-view .claim-party-secondary--statements > .debtor-bank-statements::before, .claim-details-view .claim-party-secondary--statements > .debtor-bank-statements::after {
  content: none !important;
}
.claim-details-view .claim-party-secondary--statements .claim-party-secondary__body--statements {
  display: grid !important;
  gap: 12px !important;
  padding: 14px !important;
}
.claim-details-view .claim-party-secondary--statements .debtor-bank-statements__hero {
  align-items: flex-start !important;
}
.claim-details-view .claim-party-secondary--statements .debtor-bank-statements__command-strip {
  display: grid !important;
  gap: 8px !important;
  min-width: 0 !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  padding: 10px !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78) !important;
}
.claim-details-view .claim-party-secondary--statements .debtor-bank-statements__upload-form--hero {
  display: grid !important;
  grid-template-columns: minmax(9rem, 1fr) minmax(9rem, 1fr) auto !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 0 !important;
  padding: 0 !important;
}
.claim-details-view .claim-party-secondary--statements .debtor-bank-statements__bank-select, .claim-details-view .claim-party-secondary--statements .debtor-bank-statements__file-input, .claim-details-view .claim-party-secondary--statements .debtor-bank-statements__file-picker {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  border-color: var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  background: #ffffff !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 12px !important;
}
.claim-details-view .claim-party-secondary--statements .debtor-bank-statements__file-picker {
  display: flex !important;
  align-items: center !important;
  min-height: 38px !important;
  cursor: pointer !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  padding: 0 12px !important;
  font-weight: 750 !important;
}
.claim-details-view .claim-party-secondary--statements .debtor-bank-statements__file-picker span {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-party-secondary--statements .claim-action-button--light {
  min-height: 38px !important;
  border-color: rgb(17 29 41 / 0.1) !important;
  background: var(--claim-ref-ink, #102033) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-party-secondary--statements .debtor-bank-statements__upload-feedback:empty {
  display: none !important;
}
.claim-details-view .claim-party-secondary--statements .debtor-bank-statements__protected, .claim-details-view .claim-party-secondary--statements .debtor-bank-statements__search-block, .claim-details-view .claim-party-secondary--statements .debtor-bank-statements__meta, .claim-details-view .claim-party-secondary--statements .debtor-bank-statements__tabs-row, .claim-details-view .claim-party-secondary--statements .debtor-bank-statements__table-wrap, .claim-details-view .claim-party-secondary--statements .debtor-bank-statements__pager {
  margin-top: 0 !important;
}
.claim-details-view .claim-party-secondary--statements .debtor-bank-statements__statusbar, .claim-details-view .claim-party-secondary--statements .debtor-bank-statements__search-block, .claim-details-view .claim-party-secondary--statements .debtor-bank-statements__table-wrap, .claim-details-view .claim-party-secondary--statements .debtor-bank-statements__pager, .claim-details-view .claim-party-secondary--statements .debtor-bank-statements__mock-note, .claim-details-view .claim-party-secondary--statements .debtor-bank-statements__protected {
  min-width: 0 !important;
}
.claim-details-view .claim-party-profile-map, .claim-details-view .claim-party-secondary--debtor .claim-party-profile-map--debtor {
  gap: 12px !important;
}
.claim-details-view .claim-party-profile-map--claimant {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-details-view .claim-party-profile-card {
  gap: 9px !important;
  border-radius: 15px !important;
  padding: 14px !important;
}
.claim-details-view .claim-party-profile-card--profile, .claim-details-view .claim-party-profile-card--registry {
  border-radius: 15px !important;
}
.claim-details-view .claim-party-profile-card--profile .claim-party-fragment-head {
  padding: 14px 16px !important;
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  background: #ffffff !important;
}
.claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger {
  border: 0 !important;
  border-radius: 0 !important;
}
.claim-details-view .claim-party-data-ledger__row {
  min-height: 56px !important;
  padding: 10px 12px !important;
}
.claim-details-view .claim-party-person-list, .claim-details-view .claim-party-fact-list {
  gap: 0 !important;
}
.claim-details-view .claim-party-person-row, .claim-details-view .claim-party-fact-row, .claim-details-view .claim-party-empty, .claim-details-view .claim-party-loading {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 8px 0 !important;
  box-shadow: inset 0 -1px 0 var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .claim-party-person-list > :last-child, .claim-details-view .claim-party-fact-list > :last-child {
  box-shadow: none !important;
}
.claim-details-view .claim-section--party .claim-bank-card > .flex:first-child {
  display: none !important;
}
.claim-details-view .claim-section--party .claim-party-profile-card--bank .claim-party-profile-card__body--flush {
  display: grid !important;
  gap: 0 !important;
  margin: 0 -14px -14px !important;
}
.claim-details-view .claim-section--party .claim-party-profile-card--bank .claim-bank-card {
  display: grid !important;
  align-content: start !important;
  gap: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view .claim-section--party .claim-bank-card__list {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  margin-top: 0 !important;
}
.claim-details-view .claim-section--party .claim-bank-card__list > :not([hidden]) ~ :not([hidden]) {
  margin-top: 0 !important;
}
.claim-details-view .claim-section--party .claim-bank-card__item, .claim-details-view .claim-section--party .claim-bank-card__adder {
  overflow: hidden !important;
  border-width: 1px 0 0 !important;
  border-color: var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-section--party .claim-bank-card__row {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  min-height: 58px !important;
  padding: 11px 14px !important;
}
.claim-details-view .claim-section--party .claim-bank-card__identity {
  display: grid !important;
  gap: 3px !important;
}
.claim-details-view .claim-section--party .claim-bank-card__badges:empty {
  display: none !important;
}
.claim-details-view .claim-section--party .claim-bank-card__edit {
  grid-column: auto !important;
  width: max-content !important;
  min-width: max-content !important;
  max-width: max-content !important;
  justify-self: end !important;
}
.claim-details-view .claim-section--party .claim-bank-card__edit[open] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  grid-column: 1 / -1 !important;
}
.claim-details-view .claim-section--party .claim-bank-card__edit > summary, .claim-details-view .claim-section--party .claim-bank-card__summary-action, .claim-details-view .claim-section--party .claim-bank-card__button {
  min-height: 28px !important;
  border-radius: 999px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-section--party .claim-bank-card__adder {
  margin-top: 0 !important;
  padding: 0 !important;
}
.claim-details-view .claim-section--party .claim-bank-card__adder > summary {
  min-height: 40px !important;
  padding: 0 12px !important;
}
.claim-details-view .claim-section--party .claim-bank-card__adder[open] {
  padding: 10px !important;
}
.claim-details-view .claim-section--party .claim-bank-card__adder[open] > summary {
  min-height: 30px !important;
  padding: 0 !important;
}
.claim-details-view .claim-party-profile-card--registry .registry-snapshot__head {
  background: #ffffff !important;
}
.claim-details-view .claim-party-profile-card--registry .registry-snapshot__grid, .claim-details-view .claim-party-profile-card--registry .registry-snapshot__empty {
  padding: 10px 12px 12px !important;
}
.claim-details-view .claim-language-card--claim-details {
  display: grid !important;
  gap: 9px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view .claim-language-card--claim-details .claim-language-card__top {
  display: none !important;
}
.claim-details-view .claim-language-card__readout {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.claim-details-view .claim-language-card__readout-item {
  min-width: 0 !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  padding: 10px 11px !important;
}
.claim-details-view .claim-language-card__readout-item span {
  display: block !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1.12 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-language-card__readout-item strong {
  display: block !important;
  margin-top: 5px !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-language-card__editor {
  min-width: 0 !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  overflow: hidden !important;
}
.claim-details-view .claim-language-card__editor-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  min-height: 38px !important;
  cursor: pointer !important;
  list-style: none !important;
  padding: 0 11px !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-language-card__editor-summary::-webkit-details-marker {
  display: none !important;
}
.claim-details-view .claim-language-card__editor-meta {
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10.5px !important;
  font-weight: 800 !important;
  overflow-wrap: anywhere !important;
  text-align: right !important;
}
.claim-details-view .claim-language-card__form {
  display: grid !important;
  gap: 9px !important;
  padding: 0 11px 11px !important;
  border-top: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .claim-language-card__form .claim-language-card__preferred {
  padding-top: 10px !important;
}
@media (max-width: 780px) {
  .claim-details-view .claim-party-identity-strip, .claim-details-view .claim-party-profile-map--claimant, .claim-details-view .claim-asset-summary-strip, .claim-details-view .claim-party-secondary--statements .debtor-bank-statements__upload-form--hero, .claim-details-view .claim-section--party .claim-bank-card__list {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-party-secondary--statements .debtor-bank-statements__hero {
    align-items: flex-start !important;
  }
  .claim-details-view .claim-section--party .claim-party-secondary__header {
    min-height: 0 !important;
  }
}
.claim-details-view .claim-toc-link[data-claim-route-current="page"] {
  background: rgb(255 255 255 / 0.62) !important;
  color: #102033 !important;
  font-weight: 820 !important;
  box-shadow: inset 0 0 0 1px rgb(17 29 41 / 0.06) !important;
}
.claim-details-view .claim-toc-link[data-claim-route-current="page"]::before {
  background: var(--claim-shot-teal, #37a7b0) !important;
  box-shadow: 0 0 0 3px rgb(55 167 176 / 0.10) !important;
}
.claim-details-view .claim-toc-link[aria-current="location"] {
  background: linear-gradient(90deg, #ffffff, #edf5f4) !important;
  box-shadow: 0 9px 19px rgb(20 31 42 / 0.06) !important;
}
.claim-details-view .claim-toc-link[aria-current="location"]::before {
  box-shadow: 0 0 0 5px rgb(55 167 176 / 0.14) !important;
}
.claim-details-view .claim-toc-link--route {
  min-height: 38px !important;
}
.claim-details-view .arrests-workspace {
  margin-top: 18px !important;
}
.claim-details-view .arrest-display-sections {
  gap: 16px !important;
}
.claim-details-view .arrest-display-section {
  min-width: 0 !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff .claim-comm-grid__stack {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff .claim-channel-card {
  min-height: 0 !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff > .claim-channel-card:first-child {
  padding: 16px !important;
}
.claim-details-view .claim-channel-card__header {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 11px !important;
}
.claim-details-view .claim-channel-card__icon {
  display: inline-grid !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  border: 1px solid rgb(55 167 176 / 0.18) !important;
  border-radius: 13px !important;
  background: #eef9f8 !important;
  color: #16818a !important;
}
.claim-details-view .claim-channel-card__icon svg {
  width: 18px !important;
  height: 18px !important;
}
.claim-details-view .claim-channel-card__intro {
  min-width: 0 !important;
}
.claim-details-view .claim-channel-card__count {
  display: inline-grid !important;
  min-width: 28px !important;
  height: 26px !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: #102033 !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-channel-card__icon--phone {
  background: #eef8ff !important;
  color: #216b9a !important;
}
.claim-details-view .claim-channel-card__icon--sms {
  background: #f0f8ee !important;
  color: #2f7b46 !important;
}
.claim-details-view .claim-channel-card__icon--meeting {
  background: #f6f3ff !important;
  color: #6650a4 !important;
}
.claim-details-view .claim-channel-card__icon--cash {
  background: #fff8e8 !important;
  color: #98711f !important;
}
@media (max-width: 820px) {
  .claim-details-view .claim-communications-board__body .claim-comm-grid--staff .claim-comm-grid__stack {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 640px) {
  .claim-details-view .claim-channel-card__header {
    grid-template-columns: 34px minmax(0, 1fr) auto !important;
    gap: 9px !important;
  }
  .claim-details-view .claim-channel-card__icon {
    width: 34px !important;
    height: 34px !important;
    border-radius: 12px !important;
  }
}
.claim-details-view .arrest-card {
  padding: 0 !important;
}
.claim-details-view .arrest-card__header {
  min-height: 68px !important;
  padding: 15px 18px !important;
}
.claim-details-view .arrest-card__badges, .claim-details-view .arrest-card__signal, .claim-details-view .arrest-actions {
  min-width: 0 !important;
}
.claim-details-view .arrest-card__signal .badge, .claim-details-view .arrest-actions .badge {
  display: inline-flex !important;
  width: auto !important;
  max-width: min(100%, 18rem) !important;
  height: auto !important;
  min-height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 5px 10px !important;
  overflow-wrap: anywhere !important;
  white-space: normal !important;
  text-align: left !important;
  line-height: 1.2 !important;
}
.claim-details-view .arrest-details {
  margin: 0 14px 14px !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 14px !important;
  background: #fbfdfd !important;
}
.claim-details-view .arrest-details__summary {
  min-height: 42px !important;
  padding: 0 14px !important;
}
.claim-details-view .arrest-details > :not(summary) {
  margin-top: 0 !important;
  padding: 14px 16px !important;
}
.claim-details-view .arrest-details .arrest-target-row {
  padding: 12px 0 !important;
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .arrest-details .arrest-target-row:last-child {
  border-bottom: 0 !important;
}
.claim-details-view .claim-communications-board__body {
  gap: 16px !important;
  padding: 16px !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff .claim-comm-grid__stack {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.claim-details-view .claim-communications-board__body .claim-channel-card {
  --claim-channel-accent: #37a7b0;
  position: relative !important;
  display: flex !important;
  min-width: 0 !important;
  flex-direction: column !important;
  padding: 16px !important;
  overflow: hidden !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(248 251 250 / 0.78)), #ffffff !important;
}
.claim-details-view .claim-communications-board__body .claim-channel-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 14px auto 14px 0 !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: var(--claim-channel-accent) !important;
}
.claim-details-view .claim-communications-board__body .claim-channel-card:has(.claim-channel-card__icon--email) {
  --claim-channel-accent: #128c9d;
}
.claim-details-view .claim-communications-board__body .claim-channel-card:has(.claim-channel-card__icon--phone) {
  --claim-channel-accent: #216b9a;
}
.claim-details-view .claim-communications-board__body .claim-channel-card:has(.claim-channel-card__icon--sms) {
  --claim-channel-accent: #2f7b46;
}
.claim-details-view .claim-communications-board__body .claim-channel-card:has(.claim-channel-card__icon--meeting) {
  --claim-channel-accent: #6650a4;
}
.claim-details-view .claim-communications-board__body .claim-channel-card:has(.claim-channel-card__icon--cash) {
  --claim-channel-accent: #98711f;
}
.claim-details-view .claim-channel-card__header {
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 12px !important;
}
.claim-details-view .claim-channel-card__icon {
  width: 42px !important;
  height: 42px !important;
  border-color: var(--claim-channel-accent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--claim-channel-accent) 20%, transparent) !important;
  }
  background: var(--claim-channel-accent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--claim-channel-accent) 10%, white) !important;
  }
  color: var(--claim-channel-accent) !important;
}
.claim-details-view .claim-channel-card__title {
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 14px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}
.claim-details-view .claim-channel-card__subtitle {
  margin-top: 3px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
.claim-details-view .claim-channel-card__count {
  background: var(--claim-ref-ink, #102033) !important;
}
.claim-details-view .claim-channel-card__note, .claim-details-view .claim-channel-card__empty {
  margin-top: 12px !important;
  padding: 11px 12px !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 12px !important;
  background: #f6faf9 !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 12px !important;
  line-height: 1.4 !important;
}
.claim-details-view .claim-channel-card__empty {
  color: var(--claim-ref-muted, #6b7a86) !important;
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in oklab, var(--claim-ref-muted, #6b7a86) 82%, var(--claim-ref-ink, #102033)) !important;
  }
}
.claim-details-view .claim-channel-card .claim-list-card {
  margin-top: 14px !important;
  border-radius: 13px !important;
}
.claim-details-view .claim-channel-card .claim-list-row {
  align-items: flex-start !important;
  min-height: 56px !important;
  padding: 11px 12px !important;
}
.claim-details-view .claim-channel-card .claim-list-row__actions .claim-action-button {
  min-height: 30px !important;
  padding-inline: 12px !important;
  font-size: 11px !important;
}
@media (max-width: 1180px) {
  .claim-details-view .claim-arrests-command-strip__status {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 860px) {
  .claim-details-view .claim-communications-board__body .claim-comm-grid--staff .claim-comm-grid__stack {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-arrests-command-strip__overview, .claim-details-view .claim-arrests-command-strip__decision {
    padding: 17px 18px !important;
  }
}
@media (max-width: 780px) {
  body:has(.claim-details-view) .local-db-badge {
    left: 0.65rem !important;
    bottom: calc(0.65rem + env(safe-area-inset-bottom, 0px)) !important;
    width: auto !important;
    min-height: 30px !important;
    max-width: min(9.25rem, calc(100vw - 4.5rem)) !important;
    padding: 0.36rem 0.54rem !important;
    border-radius: 999px !important;
    background: rgb(255 255 255 / 0.9) !important;
    box-shadow: 0 10px 26px rgb(17 29 41 / 0.12) !important;
  }
  body:has(.claim-details-view) .local-db-badge::after {
    top: 0.44rem !important;
    right: 0.5rem !important;
    width: 8px !important;
    height: 8px !important;
  }
  body:has(.claim-details-view) .local-db-badge__label {
    max-width: 6.8rem !important;
    overflow: hidden !important;
    font-size: 9.5px !important;
    line-height: 1 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  body:has(.claim-details-view) .local-db-badge__name {
    display: none !important;
  }
  .claim-details-view .claim-channel-card__header {
    grid-template-columns: 36px minmax(0, 1fr) auto !important;
  }
  .claim-details-view .claim-channel-card__icon {
    width: 36px !important;
    height: 36px !important;
  }
}
.claim-details-view .claim-party-profile-map {
  display: grid !important;
  grid-template-columns: minmax(0, 1.1fr) minmax(16rem, 0.9fr) !important;
  align-items: start !important;
  gap: 12px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-profile-rail {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-profile-card {
  display: grid !important;
  align-content: start !important;
  gap: 10px !important;
  height: auto !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  padding: 14px !important;
  color: var(--claim-ref-ink, #102033) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78) !important;
}
.claim-details-view .claim-party-profile-card--registry {
  grid-column: 1 / -1 !important;
  padding: 0 !important;
}
.claim-details-view .claim-party-profile-card__header, .claim-details-view .claim-party-profile-card .claim-party-fragment-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-profile-card__header h4, .claim-details-view .claim-party-profile-card .claim-party-fragment-head strong {
  display: block !important;
  margin: 4px 0 0 !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  line-height: 1.16 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-profile-card .claim-party-fragment-head {
  padding-bottom: 10px !important;
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  border-radius: 13px !important;
}
.claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger__row--wide {
  grid-column: span 2 !important;
}
.claim-details-view .claim-party-profile-card .claim-party-data-ledger__row, .claim-details-view .claim-party-profile-card .claim-party-person-row, .claim-details-view .claim-party-profile-card .claim-party-fact-row, .claim-details-view .claim-party-profile-card .claim-party-empty, .claim-details-view .claim-party-profile-card .claim-party-loading {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-profile-card__body--flush {
  min-width: 0 !important;
  margin: 0 -14px -14px !important;
}
.claim-details-view .claim-party-profile-card--bank .claim-bank-card {
  display: grid !important;
  gap: 0 !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-profile-card--bank .claim-bank-card__list {
  margin-top: 0 !important;
}
.claim-details-view .claim-party-profile-card--bank .claim-bank-card__row {
  grid-template-columns: minmax(0, 1fr) auto !important;
  min-height: 58px !important;
  padding: 11px 14px !important;
}
.claim-details-view .claim-party-profile-card--bank .claim-bank-card__badges {
  justify-content: flex-start !important;
}
.claim-details-view .claim-party-profile-card--bank .claim-bank-card__edit[open], .claim-details-view .claim-party-profile-card--bank .claim-bank-card__edit[open] {
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  grid-column: 1 / -1 !important;
}
.claim-details-view .claim-party-profile-card--bank .claim-bank-card__edit form, .claim-details-view .claim-party-profile-card--bank .claim-bank-card__edit form {
  min-width: 0 !important;
  max-width: 100% !important;
}
.claim-details-view .claim-section--party .claim-bank-card__form-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-profile-card--bank .claim-bank-card__form-grid, .claim-details-view .claim-party-profile-card--bank .claim-bank-card__form-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-details-view .claim-section--party .claim-bank-card__form-grid label, .claim-details-view .claim-section--party .claim-bank-card__form-grid input {
  min-width: 0 !important;
  max-width: 100% !important;
}
.claim-details-view .claim-section--party .claim-bank-card__form-grid input {
  width: 100% !important;
  font-size: 12px !important;
}
@media (max-width: 1180px) {
  .claim-details-view .claim-party-identity-strip, .claim-details-view .claim-party-profile-map {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-party-identity-strip__summary {
    border-right: 0 !important;
    border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  }
}
@media (max-width: 780px) {
  .claim-details-view .claim-party-identity-strip__summary {
    padding: 16px 17px !important;
  }
  .claim-details-view .claim-party-identity-strip__contacts {
    grid-template-columns: minmax(0, 1fr) !important;
    padding: 12px !important;
  }
  .claim-details-view .claim-party-identity-strip .claim-party-contact-item {
    min-height: 0 !important;
  }
  .claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger, .claim-details-view .claim-section--party .claim-bank-card__form-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger__row--wide {
    grid-column: auto !important;
  }
}
.claim-details-view .arrest-card__header {
  grid-template-columns: minmax(12rem, 1fr) minmax(8rem, auto) minmax(10rem, auto) !important;
  gap: 16px !important;
  min-height: 68px !important;
  padding: 14px 18px !important;
}
.claim-details-view .arrest-actions {
  justify-content: flex-end !important;
}
.claim-details-view .arrest-details {
  margin: 0 14px 14px !important;
  overflow: hidden !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 14px !important;
  background: #fbfdfd !important;
}
.claim-details-view .arrest-details__summary {
  min-height: 44px !important;
  padding: 0 16px !important;
  background: #eef7f5 !important;
}
.claim-details-view .arrest-details > :not(summary) {
  margin-top: 0 !important;
  padding: 16px 18px !important;
  line-height: 1.45 !important;
}
.claim-details-view .arrest-details .arrest-target-row {
  padding: 13px 0 !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff {
  display: grid !important;
  grid-template-columns: minmax(0, 1.18fr) minmax(20rem, 0.82fr) !important;
  align-items: start !important;
  gap: 16px !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff .claim-comm-grid__stack {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
}
.claim-details-view .claim-communications-board__body .claim-channel-card {
  border-color: var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 16px !important;
}
.claim-details-view .claim-channel-card__header {
  grid-template-columns: 42px minmax(0, 1fr) auto !important;
  align-items: center !important;
}
.claim-details-view .claim-channel-card__subtitle {
  max-width: 34rem !important;
}
.claim-details-view .claim-channel-card__note, .claim-details-view .claim-channel-card__empty {
  margin-top: 10px !important;
}
.claim-details-view .claim-party-profile-card--rr, .claim-details-view .claim-party-profile-card--associations, .claim-details-view .claim-party-profile-card--dependants, .claim-details-view .claim-party-dependent-form {
  gap: 16px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-party-dependent-form.hidden {
  display: none !important;
}
.claim-details-view .claim-party-profile-card--rr .claim-party-rr-grid, .claim-details-view .claim-party-profile-card--rr .claim-party-rr-list-grid, .claim-details-view .claim-party-profile-card--associations .grid, .claim-details-view .claim-party-profile-card--dependants .claim-party-dependent-grid {
  min-width: 0 !important;
}
.claim-details-view .claim-party-profile-card--rr .claim-party-rr-header {
  padding-bottom: 14px !important;
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .claim-party-profile-card--associations {
  padding: 16px !important;
}
.claim-details-view .claim-party-profile-card--dependants .claim-party-profile-card__header, .claim-details-view .claim-party-dependent-form .claim-party-profile-card__header {
  padding-bottom: 12px !important;
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .claim-party-dependent-form form {
  min-width: 0 !important;
}
.claim-details-view .claim-arrests-compact-board .claim-details-board__head {
  padding-bottom: 14px !important;
}
.claim-details-view .claim-arrests-lanes {
  margin-top: 16px !important;
}
.claim-details-view .arrest-display-sections {
  gap: 14px !important;
}
.claim-details-view .arrest-display-section {
  overflow: hidden !important;
  border-radius: 16px !important;
}
.claim-details-view .arrest-details {
  margin: 0 14px 16px !important;
}
.claim-details-view .arrest-details > :not(summary) {
  display: grid !important;
  gap: 12px !important;
  padding: 16px 18px !important;
}
.claim-details-view .arrest-details__summary {
  font-size: 12px !important;
  font-weight: 850 !important;
}
.claim-details-view .arrest-targets-panel .arrest-display-sections {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-details-view .arrest-targets-panel .arrest-card__header {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  min-height: 0 !important;
}
.claim-details-view .arrest-targets-panel .arrest-card__badges, .claim-details-view .arrest-targets-panel .arrest-card__signal, .claim-details-view .arrest-targets-panel .arrest-actions {
  justify-content: flex-start !important;
  max-width: 100% !important;
  overflow: visible !important;
}
.claim-details-view .arrest-targets-panel .arrest-card .badge, .claim-details-view .arrest-targets-panel .arrest-card .claim-action-button {
  max-width: 100% !important;
  text-align: left !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .arrest-targets-panel .arrest-actions form {
  max-width: 100% !important;
}
.claim-details-view .claim-communications-summary-strip {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 16px !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff > .claim-channel-card:first-child {
  min-height: 0 !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff .claim-comm-grid__stack, .claim-details-view .claim-communications-board--debtor .claim-comm-grid__stack {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.claim-details-view .claim-communications-board__body .claim-channel-card {
  min-height: 0 !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.8), 0 16px 32px rgb(17 29 41 / 0.045) !important;
}
.claim-details-view .claim-channel-card__header {
  min-width: 0 !important;
}
.claim-details-view .claim-channel-card__intro, .claim-details-view .claim-channel-card__title, .claim-details-view .claim-channel-card__subtitle {
  min-width: 0 !important;
}
.claim-details-view .claim-channel-card__count {
  min-width: 34px !important;
  height: 26px !important;
  border-radius: 999px !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-channel-card .claim-list-card {
  max-height: 22rem !important;
  overflow: auto !important;
}
.claim-details-view .claim-channel-card .claim-list-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
}
.claim-details-view .claim-channel-card .claim-list-row__meta {
  gap: 6px !important;
}
@media (max-width: 1320px) {
  .claim-details-view .claim-communications-summary-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 860px) {
  .claim-details-view .claim-communications-summary-strip, .claim-details-view .claim-communications-board__body .claim-comm-grid--staff .claim-comm-grid__stack, .claim-details-view .claim-communications-board--debtor .claim-comm-grid__stack {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-channel-card .claim-list-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 1280px) {
  .claim-details-view .claim-communications-board__body .claim-comm-grid--staff {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 920px) {
  .claim-details-view .arrest-card__header {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .arrest-actions {
    justify-content: flex-start !important;
  }
}
.claim-details-view .claim-arrests-command-strip__decision {
  display: grid !important;
  align-content: center !important;
  min-width: 0 !important;
  padding: 18px 22px !important;
}
.claim-details-view .claim-arrests-decision__label {
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.11em !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-arrests-decision__title {
  margin: 5px 0 0 !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: clamp(19px, 1.7vw, 24px) !important;
  font-weight: 920 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
}
.claim-details-view .claim-arrests-decision__copy {
  max-width: 62rem !important;
  margin: 7px 0 0 !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 13px !important;
  line-height: 1.45 !important;
}
.claim-details-view .claim-arrests-decision__reasons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 10px !important;
}
.claim-details-view .claim-arrests-decision__reasons span {
  display: inline-flex !important;
  min-height: 24px !important;
  align-items: center !important;
  border: 1px solid rgb(190 18 60 / 0.18) !important;
  border-radius: 999px !important;
  background: rgb(255 241 242 / 0.9) !important;
  padding: 0 10px !important;
  color: #9f1239 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}
.claim-details-view .arrest-targets-panel .arrest-display-section__head {
  min-height: 92px !important;
  padding: 17px 20px !important;
}
.claim-details-view .arrest-targets-panel .arrest-card__header {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  gap: 12px !important;
  padding: 13px 16px !important;
}
.claim-details-view .arrest-targets-panel .arrest-details {
  margin: 0 12px 12px !important;
  border-radius: 12px !important;
  background: #fbfdfd !important;
}
.claim-details-view .arrest-targets-panel .arrest-details__summary {
  min-height: 38px !important;
  padding: 0 12px !important;
  background: #eef7f5 !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11.5px !important;
}
.claim-details-view .arrest-targets-panel .arrest-details > :not(summary) {
  gap: 8px !important;
  padding: 12px 14px !important;
}
.claim-details-view .arrest-targets-panel .arrest-details .arrest-target-row {
  padding: 9px 0 !important;
}
.claim-details-view .claim-communications-summary-strip {
  gap: 10px !important;
}
.claim-details-view .claim-communications-summary-card {
  position: relative !important;
  min-height: 104px !important;
  overflow: hidden !important;
  padding: 15px !important;
  border-radius: 14px !important;
}
.claim-details-view .claim-communications-summary-card::after {
  content: "" !important;
  position: absolute !important;
  right: 13px !important;
  top: 13px !important;
  width: 8px !important;
  height: 8px !important;
  border-radius: 999px !important;
  background: var(--claim-shot-teal, #37a7b0) !important;
  opacity: 0.72 !important;
}
.claim-details-view .claim-communications-board__body .claim-channel-card {
  border-radius: 14px !important;
}
.claim-details-view .claim-channel-card__header {
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  gap: 11px !important;
}
.claim-details-view .claim-channel-card__icon {
  width: 40px !important;
  height: 40px !important;
  border-radius: 12px !important;
}
.claim-details-view .claim-channel-card__count {
  min-width: 32px !important;
  height: 25px !important;
}
.claim-details-view .claim-channel-card .claim-list-card {
  max-height: 20rem !important;
  border-radius: 12px !important;
}
.claim-details-view .claim-channel-card .claim-list-row {
  min-height: 52px !important;
  padding: 10px 11px !important;
}
@media (max-width: 1280px) {
  .claim-details-view .arrest-targets-panel .arrest-card__header {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 860px) {
  .claim-details-view .claim-communications-summary-card {
    min-height: 0 !important;
  }
}
.claim-details-view .claim-toc-link--route {
  min-height: 38px !important;
  border-color: rgb(17 29 41 / 0.06) !important;
  background: rgb(255 255 255 / 0.54) !important;
  color: #223346 !important;
  font-weight: 820 !important;
}
.claim-details-view .claim-toc-link--route[data-claim-route-current="page"], .claim-details-view .claim-toc-link--route[aria-current="page"] {
  background: linear-gradient(90deg, #ffffff, #edf7f5) !important;
  color: #102033 !important;
  box-shadow: 0 10px 22px rgb(17 29 41 / 0.07) !important;
}
.claim-details-view .claim-toc-link--route + .claim-toc-link:not(.claim-toc-link--route) {
  margin-top: 7px !important;
}
.claim-details-view .claim-arrests-compact-board__body {
  display: grid !important;
  gap: 16px !important;
  min-width: 0 !important;
  padding: 16px !important;
  background: #fbfdfd !important;
}
.claim-details-view .claim-arrests-compact-board__body .claim-arrests-lanes {
  margin-top: 0 !important;
}
.claim-details-view .arrests-workspace {
  margin-top: 16px !important;
}
.claim-details-view .arrest-targets-panel {
  overflow: hidden !important;
  border-radius: 18px !important;
}
.claim-details-view .arrest-targets-panel .arrest-display-sections {
  gap: 14px !important;
}
.claim-details-view .arrest-targets-panel .arrest-display-section {
  overflow: hidden !important;
  border-radius: 16px !important;
}
.claim-details-view .arrest-targets-panel .arrest-display-section__head {
  min-height: 0 !important;
  padding: 16px 18px !important;
}
.claim-details-view .arrest-card__header {
  align-items: center !important;
  min-height: 0 !important;
  padding: 14px 16px !important;
}
.claim-details-view .arrest-card__badges {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 7px !important;
}
.claim-details-view .arrest-card__meta {
  margin-top: 5px !important;
  line-height: 1.35 !important;
}
.claim-details-view .arrest-details {
  margin: 0 12px 12px !important;
  overflow: hidden !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}
.claim-details-view .arrest-details__summary {
  min-height: 40px !important;
  padding: 0 13px !important;
  background: #eef7f5 !important;
}
.claim-details-view .arrest-details > :not(summary) {
  display: grid !important;
  gap: 10px !important;
  margin-top: 0 !important;
  padding: 13px 15px !important;
}
.claim-details-view .arrest-details :is(.mt-2, .mt-3) {
  margin-top: 0 !important;
}
.claim-details-view .arrest-details .arrest-actions {
  margin-top: 8px !important;
}
.claim-details-view .arrest-details .arrest-target-row {
  padding: 10px 0 !important;
}
.claim-details-view .claim-communications-board__body {
  display: grid !important;
  gap: 14px !important;
  padding: 16px !important;
  container-type: inline-size !important;
}
.claim-details-view .claim-communications-summary-strip {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.claim-details-view .claim-communications-summary-card {
  display: grid !important;
  min-height: 78px !important;
  align-content: start !important;
  gap: 3px !important;
  padding: 12px !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  box-shadow: inset 0 0 0 1px rgb(17 29 41 / 0.055) !important;
}
.claim-details-view .claim-communications-summary-card::after {
  width: 7px !important;
  height: 7px !important;
  right: 11px !important;
  top: 11px !important;
}
.claim-details-view .claim-communications-summary-card__value {
  margin-top: 1px !important;
  font-size: 24px !important;
  line-height: 1 !important;
}
.claim-details-view .claim-communications-summary-card__meta {
  max-width: 13rem !important;
  font-size: 10.5px !important;
  line-height: 1.25 !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff .claim-comm-grid__stack, .claim-details-view .claim-communications-board--debtor .claim-comm-grid__stack {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 12px !important;
}
.claim-details-view .claim-communications-board__body .claim-channel-card {
  --claim-channel-accent: #16818a;
  min-width: 0 !important;
  padding: 15px !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(248 251 250 / 0.82)), #ffffff !important;
  box-shadow: 0 14px 28px rgb(17 29 41 / 0.045) !important;
}
.claim-details-view .claim-communications-board__body .claim-channel-card::before {
  inset: 13px auto 13px 0 !important;
  width: 3px !important;
  background: var(--claim-channel-accent) !important;
}
.claim-details-view .claim-channel-card:has(.claim-channel-card__icon--email) {
  --claim-channel-accent: #128c9d;
}
.claim-details-view .claim-channel-card:has(.claim-channel-card__icon--phone) {
  --claim-channel-accent: #216b9a;
}
.claim-details-view .claim-channel-card:has(.claim-channel-card__icon--sms) {
  --claim-channel-accent: #2f7b46;
}
.claim-details-view .claim-channel-card:has(.claim-channel-card__icon--meeting) {
  --claim-channel-accent: #6650a4;
}
.claim-details-view .claim-channel-card:has(.claim-channel-card__icon--cash) {
  --claim-channel-accent: #98711f;
}
.claim-details-view .claim-channel-card__header {
  grid-template-columns: 38px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 11px !important;
}
.claim-details-view .claim-channel-card__icon {
  width: 38px !important;
  height: 38px !important;
  border-color: var(--claim-channel-accent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in oklab, var(--claim-channel-accent) 22%, transparent) !important;
  }
  background: var(--claim-channel-accent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--claim-channel-accent) 11%, white) !important;
  }
  color: var(--claim-channel-accent) !important;
}
.claim-details-view .claim-channel-card__subtitle {
  max-width: 32rem !important;
  line-height: 1.32 !important;
}
.claim-details-view .claim-channel-card .claim-list-card {
  max-height: 19rem !important;
  margin-top: 12px !important;
}
.claim-details-view .claim-channel-card .claim-list-row {
  min-height: 52px !important;
  padding: 10px 11px !important;
}
.claim-details-view .claim-payments-overview-grid {
  gap: 16px !important;
}
.claim-details-view .claim-payment-surface {
  scroll-margin-top: 126px !important;
}
@container (min-width: 980px) {
  .claim-details-view .claim-communications-board__body .claim-comm-grid--staff {
    grid-template-columns: minmax(0, 1.08fr) minmax(20rem, 0.92fr) !important;
  }
}
@container (min-width: 1180px) {
  .claim-details-view .claim-communications-board__body .claim-comm-grid--staff .claim-comm-grid__stack {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1180px) {
  .claim-details-view .claim-communications-summary-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 860px) {
  .claim-details-view .claim-communications-summary-strip, .claim-details-view .claim-communications-board__body .claim-comm-grid--staff .claim-comm-grid__stack, .claim-details-view .claim-communications-board--debtor .claim-comm-grid__stack {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-arrests-compact-board__body, .claim-details-view .claim-communications-board__body {
    padding: 13px !important;
  }
}
.claim-details-view [data-claim-toc-section="main"] {
  scroll-margin-top: 132px !important;
}
.claim-details-view .claim-arrests-hero-head > .claim-details-board__title-group {
  color: var(--claim-ref-ink, #102033) !important;
}
.claim-details-view .claim-arrests-hero-head .claim-details-board__eyebrow {
  color: var(--claim-ref-muted, #6b7a86) !important;
}
.claim-details-view .claim-arrests-hero-head .claim-details-board__title {
  color: var(--claim-ref-ink, #102033) !important;
  text-shadow: none !important;
}
.claim-details-view .claim-arrests-hero-head .claim-details-board__description, .claim-details-view .claim-arrests-hero-head .claim-details-board__subtitle {
  color: var(--claim-ref-muted, #6b7a86) !important;
}
.claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__overview, .claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__decision {
  color: var(--claim-ref-ink, #102033) !important;
}
.claim-details-view .claim-arrests-command-strip__label, .claim-details-view .claim-arrests-decision__label {
  color: var(--claim-ref-muted, #6b7a86) !important;
}
.claim-details-view .claim-arrests-decision__title, .claim-details-view .claim-arrests-command-strip__overview strong {
  color: var(--claim-ref-ink, #102033) !important;
}
.claim-details-view .claim-arrests-decision__copy {
  max-width: 46rem !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
}
.claim-details-view .arrest-targets-panel .arrest-card, .claim-details-view .arrest-targets-panel .arrest-card__header, .claim-details-view .arrest-targets-panel .arrest-details, .claim-details-view .arrest-targets-panel .arrest-details > :not(summary) {
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
}
.claim-details-view .arrest-targets-panel .arrest-card {
  padding-block: 0 !important;
}
.claim-details-view .arrest-targets-panel .arrest-card__header {
  grid-template-columns: minmax(0, 1fr) auto auto !important;
  align-items: center !important;
  gap: 12px !important;
  min-height: 72px !important;
}
.claim-details-view .arrest-targets-panel .arrest-card__badges, .claim-details-view .arrest-targets-panel .arrest-card__signal, .claim-details-view .arrest-targets-panel .arrest-actions {
  min-width: 0 !important;
  overflow: visible !important;
}
.claim-details-view .arrest-targets-panel .arrest-details {
  margin: 0 12px 14px !important;
  border-radius: 13px !important;
  background: #ffffff !important;
}
.claim-details-view .arrest-targets-panel .arrest-details__summary {
  min-height: 42px !important;
}
.claim-details-view .arrest-targets-panel .arrest-details > :not(summary) {
  display: grid !important;
  gap: 12px !important;
  padding: 14px 16px !important;
}
.claim-details-view .arrest-targets-panel .arrest-details :where(.mt-1, .mt-2, .mt-3) {
  margin-top: 0 !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff .claim-comm-grid__stack, .claim-details-view .claim-communications-board--debtor .claim-comm-grid__stack {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid--staff > .claim-channel-card:first-child {
  min-height: 0 !important;
}
.claim-details-view .claim-communications-board__body .claim-comm-grid__stack .claim-channel-card {
  min-height: 168px !important;
}
.claim-details-view .claim-communications-board__body .claim-channel-card {
  overflow: hidden !important;
}
.claim-details-view .claim-channel-card__header {
  align-items: start !important;
}
.claim-details-view .claim-channel-card__empty, .claim-details-view .claim-channel-card__note {
  min-height: 42px !important;
  align-content: center !important;
}
@media (max-width: 940px) {
  .claim-details-view .claim-communications-board__body .claim-comm-grid--staff .claim-comm-grid__stack, .claim-details-view .claim-communications-board--debtor .claim-comm-grid__stack {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 720px) {
  .claim-details-view [data-claim-toc-section="main"] {
    scroll-margin-top: 104px !important;
  }
  .claim-details-view .arrest-targets-panel .arrest-card__header {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }
}
.claim-details-view .claim-section--party {
  container-type: inline-size !important;
}
.claim-details-view .claim-party-profile-map--claimant {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 0.92fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 36px rgb(17 29 41 / 0.045) !important;
}
.claim-details-view .claim-party-profile-map--claimant > .claim-party-profile-card {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-profile-map--claimant > .claim-party-profile-card:first-child {
  border-right: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .claim-party-signal-board {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  box-shadow: 0 16px 38px rgb(17 29 41 / 0.055) !important;
}
.claim-details-view .claim-party-secondary--debtor .claim-party-profile-map--debtor.claim-party-signal-board {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-details-view .claim-party-signal-board > .claim-party-profile-card, .claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card {
  min-width: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-signal-board > .claim-party-profile-card {
  padding: 0 !important;
}
.claim-details-view .claim-party-signal-board .claim-party-profile-card--profile {
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .claim-party-signal-board .claim-party-fragment {
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
}
.claim-details-view .claim-party-signal-board .claim-party-fragment-head {
  padding: 17px 19px !important;
  border-bottom: 0 !important;
  background: linear-gradient(135deg, rgb(16 32 51 / 0.98), rgb(29 46 62 / 0.96)), #102033 !important;
  color: #ffffff !important;
}
.claim-details-view .claim-party-signal-board .claim-party-fragment-head .claim-party-profile-card__eyebrow {
  color: rgb(191 225 223 / 0.86) !important;
}
.claim-details-view .claim-party-signal-board .claim-party-fragment-head strong {
  color: #ffffff !important;
}
.claim-details-view .claim-party-signal-board .claim-party-fragment-button {
  border-color: rgb(255 255 255 / 0.18) !important;
  background: rgb(255 255 255 / 0.09) !important;
  color: #ffffff !important;
}
.claim-details-view .claim-party-signal-board .claim-party-profile-card--registry {
  padding: 17px 18px !important;
  border-top: 0 !important;
}
.claim-details-view .claim-party-identity-strip .contact-dropdown:not([open]) > :not(summary), .claim-details-view .claim-party-signal-board .claim-bank-card__edit:not([open]) > :not(summary), .claim-details-view .claim-party-signal-board .registry-snapshot-card:not([open]) > .registry-snapshot-card__detail, .claim-details-view .claim-party-signal-board .registry-snapshot-card:not([open]) > .registry-snapshot-card__empty {
  display: none !important;
}
.claim-details-view .claim-party-signal-board .registry-snapshot__grid {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.claim-details-view .claim-party-signal-board .registry-snapshot-card {
  min-width: 0 !important;
}
.claim-details-view .claim-party-signal-board .registry-snapshot-card[open] {
  grid-column: 1 / -1 !important;
}
.claim-details-view .claim-party-signal-board .registry-snapshot-card__detail {
  max-height: none !important;
  overflow: visible !important;
}
.claim-details-view .claim-party-signal-board .registry-snapshot-card__detail .overflow-auto {
  max-width: 100% !important;
}
.claim-details-view .claim-party-signal-board .registry-snapshot-card__detail :is(table, th, td) {
  overflow-wrap: anywhere !important;
}
@container (max-width: 640px) {
  .claim-details-view .claim-party-identity-strip, .claim-details-view .claim-party-profile-map--claimant {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-party-identity-strip__summary, .claim-details-view .claim-party-profile-map--claimant > .claim-party-profile-card:first-child {
    border-right: 0 !important;
    border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  }
  .claim-details-view .claim-party-identity-strip__contacts, .claim-details-view .claim-party-data-ledger--signal-grid, .claim-details-view .claim-party-signal-board .claim-party-profile-rail {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-party-identity-strip .claim-party-contact-item, .claim-details-view .claim-party-identity-strip .claim-party-contact-item--email, .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row, .claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card {
    border-right: 0 !important;
  }
  .claim-details-view .claim-party-identity-strip .claim-party-contact-item:nth-last-child(-n + 2), .claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card:nth-last-child(-n + 2) {
    border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  }
  .claim-details-view .claim-party-identity-strip .claim-party-contact-item:last-child, .claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card:last-child {
    border-bottom: 0 !important;
  }
}
.claim-party-secondary--assets, .claim-party-secondary--assets .claim-party-secondary__body--asset-map, .claim-party-secondary--assets .claim-asset-shell, .claim-party-secondary--assets .claim-asset-shell__columns, .claim-party-secondary--assets .claim-asset-column, .claim-party-secondary--assets .claim-asset-grid, .claim-party-secondary--assets .claim-asset-card {
  min-width: 0 !important;
}
.claim-party-secondary--assets .claim-asset-card--asset {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
}
.claim-party-secondary--assets .claim-asset-card__body {
  min-height: 0 !important;
}
.claim-party-secondary--assets .claim-asset-card__action {
  margin-top: 0 !important;
}
.claim-party-secondary--assets {
  overflow: hidden !important;
}
.claim-party-secondary--assets .claim-party-secondary__body--asset-map {
  overflow: hidden !important;
}
.claim-party-secondary--assets .claim-asset-shell {
  overflow: hidden !important;
}
.claim-party-secondary--assets .claim-asset-shell__columns {
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.12fr) !important;
  gap: 14px !important;
  align-items: start !important;
}
.claim-party-secondary--assets .claim-asset-shell--assets-empty .claim-asset-shell__columns {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-party-secondary--assets .claim-asset-column {
  overflow: hidden !important;
}
.claim-party-secondary--assets .claim-asset-shell--assets-empty .claim-asset-column--assets {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 10px 18px !important;
}
.claim-party-secondary--assets .claim-asset-shell--assets-empty .claim-asset-column--assets .claim-asset-column__subtitle {
  margin-top: 3px !important;
}
.claim-party-secondary--assets .claim-asset-shell--assets-empty .claim-asset-column--assets .claim-asset-grid--assets {
  width: min(100%, 240px) !important;
  margin-top: 0 !important;
}
.claim-party-secondary--assets .claim-asset-shell--assets-empty .claim-asset-column--assets .claim-asset-card--empty {
  min-height: 50px !important;
  padding: 13px 16px !important;
}
.claim-party-secondary--assets .claim-asset-grid--assets {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.claim-party-secondary--assets .claim-asset-grid--obligations {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
}
.claim-party-secondary--assets .claim-asset-shell--assets-empty .claim-asset-grid--obligations {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.claim-party-secondary--assets .claim-asset-card--obligation {
  display: grid !important;
  gap: 8px !important;
  min-height: 0 !important;
  overflow: hidden !important;
  border-color: rgb(216 91 107 / 0.24) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, #ffffff, #fbfdfc) !important;
  padding: 12px 14px !important;
  box-shadow: inset 4px 0 0 rgb(216 91 107 / 0.62) !important;
}
.claim-party-secondary--assets .claim-asset-obligation__head {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: start !important;
  gap: 10px !important;
}
.claim-party-secondary--assets .claim-asset-obligation__title, .claim-party-secondary--assets .claim-asset-obligation__meta, .claim-party-secondary--assets .claim-asset-obligation__signal, .claim-party-secondary--assets .claim-asset-obligation__link {
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}
.claim-party-secondary--assets .claim-asset-obligation__title {
  font-size: 13px !important;
  line-height: 1.2 !important;
}
.claim-party-secondary--assets .claim-asset-obligation__amount {
  min-width: max-content !important;
  color: #b92845 !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
  white-space: nowrap !important;
}
.claim-party-secondary--assets .claim-asset-obligation__meta, .claim-party-secondary--assets .claim-asset-obligation__signal {
  margin-top: 0 !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 11.5px !important;
  line-height: 1.35 !important;
}
.claim-party-secondary--assets .claim-asset-obligation__signal {
  color: var(--claim-ref-ink, #102033) !important;
}
.claim-party-secondary--assets .claim-asset-obligation__link {
  margin-top: 0 !important;
  font-size: 11.5px !important;
  line-height: 1.25 !important;
}
@container (max-width: 760px) {
  .claim-party-secondary--assets .claim-asset-shell__columns, .claim-party-secondary--assets .claim-asset-grid--assets, .claim-party-secondary--assets .claim-asset-shell--assets-empty .claim-asset-grid--obligations, .claim-party-secondary--assets .claim-asset-shell--assets-empty .claim-asset-column--assets {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-party-secondary--assets .claim-asset-shell--assets-empty .claim-asset-column--assets .claim-asset-grid--assets {
    width: 100% !important;
  }
}
.claim-details-view .claim-party-secondary--statements .debtor-bank-statements__table-wrap {
  overflow-x: hidden !important;
}
.claim-details-view .claim-party-secondary--statements .debtor-bank-statements__table-wrap .claims-table__table {
  min-width: 0 !important;
  width: 100% !important;
  table-layout: fixed !important;
}
.claim-details-view .claim-party-secondary--statements .debtor-bank-statements__table-wrap :is(th, td, button, span) {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-secondary--statements .debtor-bank-statements__table-wrap .claims-table__sort {
  max-width: 100% !important;
  gap: 2px !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
  white-space: normal !important;
}
.claim-details-view .claim-party-secondary--statements .debtor-bank-statements__table-wrap .claims-table__sort-icon {
  width: 10px !important;
  height: 10px !important;
  flex: 0 0 10px !important;
}
.claim-details-view #non-monetary-panel form {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-details-view #non-monetary-panel form > * {
  min-width: 0 !important;
}
.claim-details-view #non-monetary-panel :where(input, select, textarea) {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.claim-details-view #tkis-manual-arrests-panel .manual-arrest-fields:not(.manual-arrest-fields--single) {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-details-view #tkis-manual-arrests-panel .manual-arrest-field--wide {
  grid-column: auto !important;
}
.claim-details-view #tkis-manual-arrests-panel .manual-arrest-field, .claim-details-view #tkis-manual-arrests-panel .manual-arrest-field__input {
  min-width: 0 !important;
  max-width: 100% !important;
}
.claim-details-view #tkis-manual-arrests-panel .manual-arrest-field__input {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
.claim-details-view .claim-party-signal-board {
  background: #ffffff !important;
}
.claim-details-view .claim-party-signal-board .claim-party-fragment {
  background: #ffffff !important;
}
.claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid, .claim-details-view .claim-party-data-ledger--signal-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 9px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
.claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row, .claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row:nth-child(2n), .claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row--wide, .claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row:last-child, .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row, .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row:nth-child(2n), .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row--wide, .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row:last-child {
  display: grid !important;
  grid-column: auto !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: start !important;
  gap: 6px !important;
  min-height: 74px !important;
  padding: 12px 13px !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 13px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfa 100%) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78) !important;
}
.claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row:nth-child(2n), .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row:nth-child(2n) {
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfa 100%) !important;
}
.claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row--button, .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row--button {
  width: 100% !important;
  text-align: left !important;
}
.claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row--button:hover, .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row--button:hover {
  border-color: rgb(55 167 176 / 0.24) !important;
  background: #f0f8f7 !important;
}
.claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid .claim-party-data-ledger__label, .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__label {
  font-size: 9.5px !important;
  line-height: 1.1 !important;
}
.claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid .claim-party-data-ledger__value, .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__value {
  max-width: 100% !important;
  font-size: 14px !important;
  line-height: 1.16 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid .claim-party-data-ledger__tokens, .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__tokens {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid .claim-info-token, .claim-details-view .claim-party-data-ledger--signal-grid .claim-info-token {
  max-width: 100% !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-signal-board .claim-party-profile-rail {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
  border-top: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  background: #ffffff !important;
}
.claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card, .claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card:nth-child(2n), .claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card:nth-last-child(-n + 2), .claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card:last-child {
  min-height: 0 !important;
  padding: 15px 18px !important;
  border: 0 !important;
  border-right: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card:nth-child(2n), .claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card:last-child {
  border-right: 0 !important;
}
.claim-details-view .claim-party-signal-board .claim-party-profile-card--language {
  grid-column: 1 / -1 !important;
  border-top: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .claim-party-signal-board .claim-party-profile-card__header {
  padding-bottom: 9px !important;
}
.claim-details-view .claim-party-signal-board .claim-party-fact-row, .claim-details-view .claim-party-signal-board .claim-party-person-row, .claim-details-view .claim-party-signal-board .claim-party-empty {
  padding: 8px 0 !important;
}
.claim-details-view .claim-party-signal-board .claim-party-profile-card--registry {
  padding: 17px 18px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-party-signal-board .registry-snapshot__grid {
  grid-template-columns: repeat(auto-fit, minmax(12rem, 1fr)) !important;
  gap: 9px !important;
}
@container (max-width: 640px) {
  .claim-details-view .claim-party-data-ledger--signal-grid, .claim-details-view .claim-party-signal-board .claim-party-profile-rail, .claim-details-view .claim-party-signal-board .registry-snapshot__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row, .claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row, .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row:nth-child(2n), .claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row:nth-child(2n), .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row--wide, .claim-details-view .claim-party-profile-card--profile .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row--wide, .claim-details-view .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row:last-child {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 4px !important;
  }
  .claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card, .claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card:nth-child(2n), .claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card:nth-last-child(-n + 2), .claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card:last-child {
    border-right: 0 !important;
    border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  }
  .claim-details-view .claim-party-signal-board .claim-party-profile-rail > .claim-party-profile-card:last-child {
    border-bottom: 0 !important;
  }
}
.claim-details-view .claim-party-identity-strip {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: inset 4px 0 0 rgb(55 183 192 / 0.82), 0 14px 30px rgb(17 29 41 / 0.055) !important;
}
.claim-details-view .claim-party-identity-strip__summary {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 6px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  padding: 14px 18px 12px !important;
  border-right: 0 !important;
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(248 252 251 / 0.86)), #ffffff !important;
  color: var(--claim-ref-ink, #102033) !important;
}
.claim-details-view .claim-party-identity-strip__eyebrow {
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10px !important;
  line-height: 1.1 !important;
}
.claim-details-view .claim-party-identity-strip__name {
  max-width: 100% !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 24px !important;
  line-height: 1.04 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-party-identity-strip__name a {
  color: var(--claim-ref-ink, #102033) !important;
  text-decoration: none !important;
}
.claim-details-view .claim-party-identity-strip__meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 5px !important;
  margin-top: 1px !important;
}
.claim-details-view .claim-party-identity-strip__meta span {
  min-height: 22px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  background: #f5faf8 !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10.5px !important;
  line-height: 1.1 !important;
}
.claim-details-view .claim-party-identity-strip__contacts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
}
.claim-details-view .claim-party-identity-strip .claim-party-contact-item, .claim-details-view .claim-party-identity-strip .claim-party-contact-item--address, .claim-details-view .claim-party-identity-strip .claim-party-contact-item--email {
  grid-column: auto !important;
  grid-template-columns: 32px minmax(0, 1fr) 26px !important;
  gap: 9px !important;
  min-height: 76px !important;
  align-items: center !important;
  padding: 11px 12px !important;
  border: 0 !important;
  border-right: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-party-identity-strip .claim-party-contact-item:last-child, .claim-details-view .claim-party-identity-strip .claim-party-contact-item--email {
  border-right: 0 !important;
}
.claim-details-view .claim-party-identity-strip .claim-party-contact-item__icon {
  width: 32px !important;
  height: 32px !important;
  border-radius: 11px !important;
}
.claim-details-view .claim-party-identity-strip .claim-party-contact-item__body {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: start !important;
  gap: 4px 6px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-identity-strip .claim-party-contact-item__label {
  grid-column: 1 / -1 !important;
  font-size: 9.5px !important;
  line-height: 1.05 !important;
}
.claim-details-view .claim-party-identity-strip .claim-party-contact-item__value {
  grid-column: 1 / -1 !important;
  display: -webkit-box !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.22 !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  text-overflow: ellipsis !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.claim-details-view .claim-party-identity-strip .claim-party-contact-item__chip {
  grid-column: 1 / 2 !important;
  justify-self: start !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 3px 6px !important;
  font-size: 8.5px !important;
  line-height: 1 !important;
  white-space: normal !important;
}
.claim-details-view .claim-party-identity-strip .contact-dropdown--compact {
  grid-column: 2 / 3 !important;
  align-self: center !important;
  justify-self: end !important;
  max-width: 100% !important;
  margin: 0 !important;
}
.claim-details-view .claim-party-identity-strip .contact-dropdown--compact > summary {
  min-height: 20px !important;
}
.claim-details-view .claim-party-identity-strip .claim-party-contact-item__add {
  width: 26px !important;
  height: 26px !important;
  align-self: start !important;
  margin-top: 1px !important;
}
.claim-details-view .claim-reference-card--income, .claim-details-view .claim-reference-card--income * {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-reference-card--income .claim-income-primary, .claim-details-view .claim-reference-card--income .claim-income-benefit-row {
  min-height: 0 !important;
}
.claim-details-view .claim-reference-card--income .claim-income-primary__head, .claim-details-view .claim-reference-card--income .claim-income-primary__employment-label, .claim-details-view .claim-reference-card--income .claim-income-benefit-row__main {
  gap: 8px !important;
}
.claim-details-view .claim-reference-card--income :is( .claim-income-primary__head b, .claim-income-primary__employment-label b, .claim-income-benefit-row__main b ) {
  flex: 0 1 auto !important;
  text-align: right !important;
  white-space: normal !important;
}
.claim-details-view .claim-payments-overview-grid .claim-payment-empty-card--schedule .claim-payment-empty-card__title, .claim-details-view .claim-payments-overview-grid .claim-payment-empty-card--negotiation .claim-payment-empty-card__title {
  max-width: 100% !important;
  font-size: 20px !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-payments-overview-grid .claim-payment-empty-card--schedule .claim-payment-empty-card__copy, .claim-details-view .claim-payments-overview-grid .claim-payment-empty-card--negotiation .claim-payment-empty-card__copy {
  max-width: 100% !important;
  font-size: 14px !important;
  line-height: 1.38 !important;
  overflow-wrap: anywhere !important;
}
@container (max-width: 560px) {
  .claim-details-view .claim-party-identity-strip__contacts {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-party-identity-strip__name {
    font-size: 21px !important;
  }
  .claim-details-view .claim-party-identity-strip .claim-party-contact-item, .claim-details-view .claim-party-identity-strip .claim-party-contact-item--address, .claim-details-view .claim-party-identity-strip .claim-party-contact-item--email {
    border-right: 0 !important;
    border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  }
  .claim-details-view .claim-party-identity-strip .claim-party-contact-item:last-child {
    border-bottom: 0 !important;
  }
}
.claim-details-view .claim-scroll-toc__card {
  padding: 12px !important;
}
.claim-details-view .claim-toc-link--route {
  min-height: 38px !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-toc-link--route[data-claim-route-current="page"], .claim-details-view .claim-toc-link--route[aria-current="page"] {
  background: #eaf7f5 !important;
  color: #0f6972 !important;
  box-shadow: inset 3px 0 0 #37a7b0 !important;
}
.claim-details-view .claim-toc-link--route + .claim-toc-link:not(.claim-toc-link--route) {
  margin-top: 8px !important;
}
.claim-details-view .claim-toc-link:not(.claim-toc-link--route) {
  min-height: 34px !important;
  padding: 8px 10px !important;
}
.claim-details-view .claim-arrests-compact-board__body {
  display: grid !important;
  gap: 16px !important;
  min-width: 0 !important;
  padding: 16px !important;
  background: #fbfdfd !important;
}
.claim-details-view .claim-arrests-compact-board__body .claim-arrests-lanes {
  margin-top: 0 !important;
}
.claim-details-view .arrests-workspace {
  margin-top: 16px !important;
}
.claim-details-view .arrest-targets-panel {
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #ffffff !important;
  container-type: inline-size !important;
}
.claim-details-view .arrest-display-section {
  border-radius: 16px !important;
}
.claim-details-view .arrest-card__header {
  grid-template-columns: minmax(0, 1fr) minmax(9rem, auto) minmax(10rem, auto) !important;
  gap: 12px !important;
  min-height: 64px !important;
  padding: 13px 16px !important;
}
.claim-details-view .arrest-card__badges {
  gap: 6px !important;
}
.claim-details-view .arrest-card__badges > .font-medium {
  max-width: 100% !important;
  font-size: 14px !important;
  line-height: 1.22 !important;
  overflow-wrap: break-word !important;
  word-break: normal !important;
}
@container (max-width: 52rem) {
  .claim-details-view .arrest-targets-panel .arrest-card__header {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }
  .claim-details-view .arrest-targets-panel .arrest-card__signal, .claim-details-view .arrest-targets-panel .arrest-actions {
    justify-content: flex-start !important;
  }
}
.claim-details-view .arrest-details {
  margin: 0 12px 12px !important;
  overflow: hidden !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 13px !important;
  background: #fbfdfd !important;
}
.claim-details-view .arrest-details__summary {
  min-height: 40px !important;
  padding: 0 13px !important;
  background: #eef7f5 !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
.claim-details-view .arrest-details > :not(summary) {
  display: grid !important;
  gap: 10px !important;
  margin: 0 !important;
  padding: 13px 15px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}
.claim-details-view .arrest-details > :not(summary) + :not(summary) {
  border-top: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .arrest-details .arrest-target-row {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
  padding: 10px 0 !important;
}
.claim-details-view .arrest-details .arrest-target-row + .arrest-target-row {
  border-top: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
}
.claim-details-view .arrest-details .arrest-actions {
  justify-content: flex-start !important;
  gap: 7px !important;
  margin-top: 8px !important;
}
.claim-details-view .arrest-details :is(.badge, .claim-action-button) {
  min-height: 28px !important;
  max-width: 100% !important;
  border-radius: 999px !important;
  padding: 0 10px !important;
  font-size: 10.5px !important;
  line-height: 1.15 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .arrest-detail-tile {
  border-color: var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
}
.claim-details-view .claim-communications-board__body {
  display: grid !important;
  gap: 16px !important;
  padding: 18px !important;
  background: #f6faf8 !important;
}
.claim-details-view .claim-communications-summary-strip {
  display: grid !important;
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.claim-details-view .claim-communications-summary-card {
  min-width: 0 !important;
  min-height: 0 !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  padding: 13px 14px !important;
  box-shadow: none !important;
}
.claim-details-view .claim-communications-summary-card__label, .claim-details-view .claim-channel-card__title {
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-communications-summary-card__value {
  margin-top: 5px !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 22px !important;
  font-weight: 920 !important;
  line-height: 1 !important;
}
.claim-details-view .claim-communications-summary-card__meta {
  margin-top: 6px !important;
  font-size: 11.5px !important;
  line-height: 1.32 !important;
}
.claim-details-view .claim-comm-grid--staff {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 14px !important;
}
.claim-details-view .claim-comm-grid--staff > .claim-channel-card--email {
  min-height: 0 !important;
}
.claim-details-view .claim-comm-grid__stack {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.claim-details-view .claim-channel-card {
  --claim-channel-accent: #37a7b0;
  position: relative !important;
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  padding: 16px !important;
  box-shadow: 0 12px 26px rgb(17 29 41 / 0.045) !important;
}
.claim-details-view .claim-channel-card::before {
  content: "" !important;
  position: absolute !important;
  inset: 12px auto 12px 0 !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: var(--claim-channel-accent) !important;
}
.claim-details-view .claim-channel-card--email {
  --claim-channel-accent: #128c9d;
}
.claim-details-view .claim-channel-card--phone {
  --claim-channel-accent: #216b9a;
}
.claim-details-view .claim-channel-card--sms {
  --claim-channel-accent: #2f7b46;
}
.claim-details-view .claim-channel-card--meeting {
  --claim-channel-accent: #6650a4;
}
.claim-details-view .claim-channel-card--cash {
  --claim-channel-accent: #98711f;
}
.claim-details-view .claim-channel-card__header {
  display: grid !important;
  grid-template-columns: 40px minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: 11px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-channel-card__icon {
  display: grid !important;
  width: 40px !important;
  height: 40px !important;
  place-items: center !important;
  border: 1px solid var(--claim-channel-accent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in oklab, var(--claim-channel-accent) 22%, transparent) !important;
  }
  border-radius: 12px !important;
  background: var(--claim-channel-accent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--claim-channel-accent) 10%, white) !important;
  }
  color: var(--claim-channel-accent) !important;
}
.claim-details-view .claim-channel-card__icon svg {
  width: 20px !important;
  height: 20px !important;
}
.claim-details-view .claim-channel-card__intro {
  min-width: 0 !important;
}
.claim-details-view .claim-channel-card__title {
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 14px !important;
  font-weight: 920 !important;
  line-height: 1.16 !important;
}
.claim-details-view .claim-channel-card__subtitle {
  max-width: 36rem !important;
  margin-top: 3px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
.claim-details-view .claim-channel-card__count {
  display: inline-grid !important;
  min-width: 32px !important;
  height: 25px !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: var(--claim-ref-ink, #102033) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}
.claim-details-view .claim-channel-card__note, .claim-details-view .claim-channel-card__empty {
  margin-top: 0 !important;
  border: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 12px !important;
  background: #f7fbfa !important;
  padding: 10px 12px !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 12px !important;
  line-height: 1.38 !important;
}
.claim-details-view .claim-channel-card .claim-list-card {
  max-height: 20rem !important;
  overflow: auto !important;
  border-radius: 12px !important;
}
.claim-details-view .claim-channel-card .claim-list-row {
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  min-height: 52px !important;
  padding: 10px 11px !important;
}
.claim-details-view .claim-channel-card .claim-list-row__title, .claim-details-view .claim-channel-card .claim-list-row__meta, .claim-details-view .claim-channel-card .claim-list-row__meta span {
  min-width: 0 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-channel-card .claim-list-row__actions {
  align-self: start !important;
}
.claim-details-view .claim-channel-card .claim-list-row__actions .claim-action-button {
  min-height: 30px !important;
  padding-inline: 11px !important;
  font-size: 11px !important;
}
.claim-details-view .claim-details-board--payments .claim-details-board__body {
  padding: 24px !important;
}
.claim-details-view .claim-payments-workspace {
  gap: 18px !important;
}
.claim-details-view .claim-payment-surface__header {
  padding: 20px 22px 8px !important;
}
.claim-details-view .claim-payment-surface__body {
  padding: 0 22px 22px !important;
}
.claim-details-view .claim-details-hero__identity-value--inline {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  overflow: visible !important;
}
.claim-details-view .claim-details-hero__identity-value--inline .claim-details-hero__meta-link {
  display: -webkit-box !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  color: inherit !important;
  overflow: hidden !important;
  overflow-wrap: anywhere !important;
  text-overflow: clip !important;
  white-space: normal !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
}
.claim-details-view .claim-details-hero__identity-value--inline :is(.vip-badge-placeholder, .entity-vip-badge) {
  flex: 0 0 auto !important;
}
.claim-details-view .claim-arrests-hero-board {
  container-type: inline-size !important;
  overflow: visible !important;
}
.claim-details-view .claim-arrests-hero-head, .claim-details-view .claim-details-board--arrests .claim-arrests-hero-head, .claim-details-reference-main-grid .claim-details-board--arrests .claim-arrests-hero-head {
  display: grid !important;
  grid-template-columns: minmax(15rem, 0.58fr) minmax(0, 1.42fr) !important;
  align-items: stretch !important;
  gap: 0 !important;
  min-width: 0 !important;
  padding: 0 !important;
  border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  background: #ffffff !important;
  overflow: visible !important;
}
.claim-details-view .claim-arrests-hero-head > .claim-details-board__title-group, .claim-details-view .claim-details-board--arrests .claim-arrests-hero-head > .claim-details-board__title-group, .claim-details-reference-main-grid .claim-details-board--arrests .claim-arrests-hero-head > .claim-details-board__title-group {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: center !important;
  gap: 8px !important;
  min-width: 0 !important;
  padding: 22px 24px !important;
  border-right: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  background: #eef7f5 !important;
}
.claim-details-view .claim-arrests-hero-head > .claim-details-board__title-group > .claim-details-board__mark, .claim-details-view .claim-details-board--arrests .claim-arrests-hero-head > .claim-details-board__title-group > .claim-details-board__mark {
  display: none !important;
}
.claim-details-view .claim-arrests-hero-head > .claim-details-board__title-group > div, .claim-details-view .claim-details-board--arrests .claim-arrests-hero-head > .claim-details-board__title-group > div, .claim-details-reference-main-grid .claim-details-board--arrests .claim-arrests-hero-head > .claim-details-board__title-group > div {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.claim-details-view .claim-arrests-hero-head .claim-details-board__title {
  max-width: 100% !important;
  font-size: 24px !important;
  line-height: 1.08 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-arrests-hero-head .claim-details-board__description {
  max-width: 32rem !important;
  margin-top: 8px !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
}
.claim-details-view .claim-arrests-hero-panel {
  display: grid !important;
  min-width: 0 !important;
  min-height: 100% !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
  container-type: inline-size !important;
}
.claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__status {
  display: grid !important;
  grid-template-columns: minmax(10rem, 0.34fr) minmax(0, 1fr) !important;
  min-width: 0 !important;
  border: 0 !important;
  background: transparent !important;
}
.claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__overview, .claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__decision {
  display: grid !important;
  align-content: center !important;
  min-width: 0 !important;
  padding: 20px 22px !important;
}
.claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__overview {
  border-right: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  background: #f8fbfa !important;
}
.claim-details-view .claim-arrests-command-strip__label, .claim-details-view .claim-arrests-decision__label {
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.12 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-arrests-command-strip__overview strong, .claim-details-view .claim-arrests-decision__title {
  margin: 4px 0 0 !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 21px !important;
  font-weight: 920 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-arrests-command-strip__overview strong {
  font-size: 19px !important;
}
.claim-details-view .claim-arrests-decision__copy {
  max-width: 58rem !important;
  margin: 7px 0 0 !important;
  color: var(--claim-ref-muted, #6b7a86) !important;
  font-size: 13px !important;
  line-height: 1.42 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-arrests-decision__reasons {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin-top: 9px !important;
}
.claim-details-view .claim-arrests-decision__reasons span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 24px !important;
  border: 1px solid rgb(180 83 9 / 0.2) !important;
  border-radius: 999px !important;
  background: #fff7ed !important;
  padding: 0 9px !important;
  color: #9a4d0f !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}
.claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  min-width: 0 !important;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 12px 18px !important;
  border-top: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions form {
  flex: 0 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
}
.claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions .claim-action-button, .claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions .badge {
  min-height: 32px !important;
  border-radius: 999px !important;
  border-color: #cbdedb !important;
  background: #ffffff !important;
  padding: 0 12px !important;
  box-shadow: none !important;
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  cursor: pointer !important;
}
.claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions .claim-action-button:hover, .claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions .claim-action-button:focus-visible {
  border-color: #75c4c8 !important;
  background: #eef9f7 !important;
  color: #0d646b !important;
}
.claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions .claim-action-button--primary {
  border-color: #56b7bd !important;
  background: #dff5f2 !important;
  color: #0d5d63 !important;
  box-shadow: none !important;
}
.claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions .claim-action-button--primary:hover, .claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions .claim-action-button--primary:focus-visible {
  border-color: #25969f !important;
  background: #d2f0ed !important;
  color: #084f55 !important;
}
.claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions .claim-action-button--danger {
  border-color: rgb(225 29 72 / 0.28) !important;
  background: #fff1f2 !important;
  color: #be123c !important;
}
.claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions .claim-action-button--danger:hover, .claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions .claim-action-button--danger:focus-visible {
  border-color: rgb(225 29 72 / 0.46) !important;
  background: #ffe4e6 !important;
  color: #9f1239 !important;
}
@container (max-width: 58rem) {
  .claim-details-view .claim-arrests-hero-head, .claim-details-view .claim-details-board--arrests .claim-arrests-hero-head, .claim-details-reference-main-grid .claim-details-board--arrests .claim-arrests-hero-head, .claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__status {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-arrests-hero-head > .claim-details-board__title-group, .claim-details-view .claim-details-board--arrests .claim-arrests-hero-head > .claim-details-board__title-group, .claim-details-reference-main-grid .claim-details-board--arrests .claim-arrests-hero-head > .claim-details-board__title-group, .claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__overview {
    border-right: 0 !important;
    border-bottom: 1px solid var(--claim-ref-line, rgb(17 29 41 / 0.08)) !important;
  }
}
@container (max-width: 42rem) {
  .claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(100%, 10rem), 1fr)) !important;
    align-items: stretch !important;
  }
  .claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions form, .claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions .claim-action-button, .claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__actions .badge {
    width: 100% !important;
  }
}
.claim-details-view .arrest-details {
  margin: 4px 14px 14px !important;
}
.claim-details-view .arrest-details__summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  cursor: pointer !important;
}
.claim-details-view .arrest-details__summary::after {
  content: "" !important;
  width: 7px !important;
  height: 7px !important;
  flex: 0 0 auto !important;
  border-right: 2px solid currentColor !important;
  border-bottom: 2px solid currentColor !important;
  transform: rotate(45deg) translateY(-2px) !important;
  opacity: 0.72 !important;
}
.claim-details-view .arrest-details[open] .arrest-details__summary::after {
  transform: rotate(225deg) translateY(-2px) !important;
}
.claim-details-view .arrest-details > :not(summary) {
  gap: 13px !important;
  padding: 16px 18px !important;
  font-size: 12.5px !important;
  line-height: 1.52 !important;
}
.claim-details-view .arrest-details .arrest-target-row {
  border-radius: 12px !important;
  background: #ffffff !important;
  padding: 12px !important;
}
.claim-details-view .claim-communications-summary-card {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 10px !important;
}
.claim-details-view .claim-communications-summary-strip {
  grid-template-columns: repeat(auto-fit, minmax(170px, 1fr)) !important;
}
.claim-details-view .claim-communications-summary-card__icon {
  --claim-comm-summary-accent: #128c9d;
  display: grid !important;
  width: 36px !important;
  height: 36px !important;
  place-items: center !important;
  border: 1px solid var(--claim-comm-summary-accent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in oklab, var(--claim-comm-summary-accent) 22%, transparent) !important;
  }
  border-radius: 12px !important;
  background: var(--claim-comm-summary-accent) !important;
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in oklab, var(--claim-comm-summary-accent) 10%, white) !important;
  }
  color: var(--claim-comm-summary-accent) !important;
}
.claim-details-view .claim-communications-summary-card__icon svg {
  width: 19px !important;
  height: 19px !important;
}
.claim-details-view .claim-communications-summary-card__content {
  min-width: 0 !important;
}
.claim-details-view .claim-communications-summary-card--email .claim-communications-summary-card__icon {
  --claim-comm-summary-accent: #128c9d;
}
.claim-details-view .claim-communications-summary-card--phone .claim-communications-summary-card__icon {
  --claim-comm-summary-accent: #216b9a;
}
.claim-details-view .claim-communications-summary-card--sms .claim-communications-summary-card__icon {
  --claim-comm-summary-accent: #2f7b46;
}
.claim-details-view .claim-communications-summary-card--meeting .claim-communications-summary-card__icon {
  --claim-comm-summary-accent: #6650a4;
}
.claim-details-view .claim-communications-summary-card--cash .claim-communications-summary-card__icon {
  --claim-comm-summary-accent: #98711f;
}
.claim-details-view .claim-party-secondary--debtor-profile .claim-party-profile-map--debtor-profile {
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.claim-details-view .claim-party-secondary--debtor-profile .claim-party-profile-card {
  min-height: 142px !important;
  padding: 14px !important;
}
.claim-details-view .claim-party-chip-field {
  display: flex !important;
  flex-wrap: wrap !important;
  align-content: start !important;
  gap: 7px !important;
  min-width: 0 !important;
}
.claim-details-view .claim-party-chip-field .claim-party-empty {
  width: 100% !important;
}
@media (max-width: 1280px) {
  .claim-details-view .claim-party-secondary--debtor-profile .claim-party-profile-map--debtor-profile {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 1180px) {
  .claim-details-view .claim-communications-summary-strip, .claim-details-view .claim-comm-grid__stack {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .arrest-card__header {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .arrest-actions, .claim-details-view .arrest-card__signal {
    justify-content: flex-start !important;
  }
}
@media (max-width: 780px) {
  .claim-details-view .claim-arrests-hero-head .claim-details-board__title, .claim-details-view .claim-arrests-command-strip__overview strong, .claim-details-view .claim-arrests-decision__title {
    font-size: 19px !important;
  }
  .claim-details-view .claim-arrests-hero-head > .claim-details-board__title-group, .claim-details-view .claim-details-board--arrests .claim-arrests-hero-head > .claim-details-board__title-group, .claim-details-reference-main-grid .claim-details-board--arrests .claim-arrests-hero-head > .claim-details-board__title-group, .claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__overview, .claim-details-view .claim-arrests-hero-panel .claim-arrests-command-strip__decision {
    padding: 18px !important;
  }
  .claim-details-view .claim-arrests-compact-board__body, .claim-details-view .claim-communications-board__body, .claim-details-view .claim-details-board--payments .claim-details-board__body {
    padding: 14px !important;
  }
  .claim-details-view .claim-channel-card .claim-list-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-party-secondary--debtor-profile .claim-party-profile-map--debtor-profile {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 44rem) {
  .claim-details-view .claim-section-shell .claim-workload-kpis--five {
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
  }
  .claim-details-view .claim-section-shell .claim-workload-kpis--five .claim-workload-kpi {
    min-height: 4.65rem !important;
    padding: 0.72rem 0.84rem !important;
  }
  .claim-details-view .claim-section-shell .claim-workload-kpis--five .claim-workload-kpi__label {
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  .claim-details-view .claim-section-shell .claim-workload-kpis--five .claim-workload-kpi__meta {
    white-space: normal !important;
  }
}
.claim-details-view .claim-details-hero__identity-grid {
  grid-template-columns: minmax(0, 0.98fr) minmax(0, 1.08fr) !important;
}
.claim-details-view .claim-details-hero__identity-item {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-content: center !important;
  column-gap: 5px !important;
  row-gap: 4px !important;
  min-width: 0 !important;
  overflow: hidden !important;
}
.claim-details-view .claim-details-hero__identity-label {
  grid-column: 1 / -1 !important;
}
.claim-details-view .claim-details-hero__identity-value {
  grid-column: 1 / -1 !important;
  display: inline-flex !important;
  align-items: center !important;
  max-width: 100% !important;
  min-width: 0 !important;
  margin-top: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  font-size: 15px !important;
  vertical-align: baseline !important;
}
.claim-details-view .claim-details-hero__identity-value:not(.claim-details-hero__identity-value--inline) {
  margin-right: 0 !important;
}
.claim-details-view .claim-details-hero__identity-meta {
  grid-column: 1 / -1 !important;
  display: block !important;
  align-self: center !important;
  max-width: 100% !important;
  margin-top: 2px !important;
  overflow: hidden !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 1.1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  vertical-align: baseline !important;
}
.claim-details-view .claim-details-hero__identity-value--inline {
  grid-column: 1 / -1 !important;
  width: 100% !important;
  flex-wrap: nowrap !important;
  gap: 6px !important;
  overflow: hidden !important;
}
.claim-details-view .claim-details-hero__identity-value--inline :is(.vip-badge-placeholder, .vip-badge-shell, .entity-vip-badge) {
  min-height: 24px !important;
  font-size: 10px !important;
}
.claim-details-view .claim-details-hero__identity-value--inline .vip-badge-tag {
  min-height: 22px !important;
  padding: 0 7px !important;
  font-size: 9.5px !important;
  line-height: 1 !important;
}
.claim-details-view .claim-details-hero__identity-value--inline .claim-details-hero__meta-link {
  display: block !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  font-size: 14.3px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
}
.claim-details-view .claim-details-hero__identity-item .claim-details-hero__identity-value {
  font-size: 14.5px !important;
}
.claim-details-view .claim-details-hero__identity-item .claim-details-hero__identity-meta {
  font-size: 10.8px !important;
}
@media (max-width: 760px) {
  .claim-details-view .claim-details-hero__content::before {
    content: none !important;
    display: none !important;
  }
  .claim-details-view .claim-details-hero__identity-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-details-hero__identity-value, .claim-details-view .claim-details-hero__identity-meta, .claim-details-view .claim-details-hero__entity-link, .claim-details-view .claim-details-hero__meta-link, .claim-details-view .claim-details-hero__identity-value--inline .claim-details-hero__meta-link {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    overflow-wrap: anywhere !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
  .claim-details-view .claim-details-hero__identity-value--inline {
    flex-wrap: wrap !important;
    align-items: flex-start !important;
    overflow: visible !important;
  }
}
.claim-details-view .claim-reference-form-stack {
  margin-top: 18px !important;
}
.claim-details-view .claim-reference-card--form {
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  box-shadow: 0 18px 48px rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form-header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 20px !important;
  min-height: 112px !important;
  padding: 22px 26px !important;
  color: #f8fbfc !important;
  border-bottom: 1px solid rgb(255 255 255 / 0.10) !important;
  background: radial-gradient(42rem 18rem at 95% -7rem, rgb(52 161 170 / 0.22), transparent 62%), linear-gradient(135deg, #173041, #0d1927 72%) !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form-header > div {
  min-width: 0 !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form-header span {
  color: rgb(255 255 255 / 0.58) !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form-header h4 {
  color: #ffffff !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form-header p {
  max-width: 54rem !important;
  color: rgb(255 255 255 / 0.68) !important;
  font-size: 14px !important;
  line-height: 1.42 !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form-header .claim-action-button {
  flex: 0 0 auto !important;
  border-color: rgb(255 255 255 / 0.18) !important;
  background: #ffffff !important;
  color: #0e2030 !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form {
  display: grid !important;
  gap: 18px !important;
  padding: 22px 26px 0 !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form-grid--profile {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 14px !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form-field {
  display: grid !important;
  align-content: start !important;
  gap: 8px !important;
  min-width: 0 !important;
  min-height: 112px !important;
  padding: 14px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, #fbfdfc, #f7fbfa) !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form-field--wide {
  grid-column: 1 / -1 !important;
  min-height: 0 !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form-field > span, .claim-details-view .claim-reference-card--form .claim-reference-form-field > label > span {
  color: #60727e !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form-field small {
  color: #6d7d88 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  line-height: 1.3 !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-input {
  width: 100% !important;
  min-width: 0 !important;
  min-height: 42px !important;
  padding: 0 13px !important;
  border: 1px solid rgb(17 29 41 / 0.10) !important;
  border-radius: 13px !important;
  background: #ffffff !important;
  color: #102033 !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1.25 !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82) !important;
}
.claim-details-view .claim-reference-card--form textarea.claim-reference-input {
  min-height: 92px !important;
  padding-top: 11px !important;
  resize: vertical !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-input:focus {
  border-color: #3aa7b0 !important;
  outline: 3px solid rgb(58 167 176 / 0.18) !important;
  outline-offset: 1px !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-checkbox-list {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-check {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-height: 36px !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 0 12px !important;
  border: 1px solid rgb(17 29 41 / 0.10) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #102033 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-check input {
  width: 16px !important;
  height: 16px !important;
  accent-color: #1495a3 !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form-feedback {
  margin: 18px 26px 0 !important;
  border-radius: 14px !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin: 4px -26px 0 !important;
  padding: 16px 26px !important;
  border-top: 1px solid rgb(17 29 41 / 0.08) !important;
  background: rgb(248 251 250 / 0.92) !important;
}
.claim-details-view .claim-reference-card--form .claim-reference-form-actions__secondary, .claim-details-view .claim-reference-card--form .claim-reference-form-actions__primary {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 9px !important;
}
.claim-details-view .claim-payments-workspace.is-payment-panel-enhanced {
  gap: 0 !important;
}
.claim-details-view .claim-payments-workspace.is-payment-panel-enhanced .claim-payment-surface[hidden], .claim-details-view .claim-payments-workspace.is-payment-panel-enhanced .claim-payments-overview-grid[hidden] {
  display: none !important;
}
.claim-details-view .claim-payments-workspace.is-payment-panel-enhanced .claim-payments-overview-grid {
  display: block !important;
}
.claim-details-view .claim-payments-workspace.is-payment-panel-enhanced .claim-payment-surface:not([hidden]) {
  width: 100% !important;
  height: auto !important;
}
.claim-details-view .claim-related-ledger-grid {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-details-view .claim-related-ledger {
  border-radius: 20px !important;
  background: #f6faf8 !important;
}
.claim-details-view .claim-related-ledger__head {
  min-height: 76px !important;
  background: linear-gradient(90deg, rgb(46 145 154 / 0.10), transparent 42%), #ffffff !important;
}
.claim-details-view .claim-related-ledger__rows {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
  background: #f6faf8 !important;
}
.claim-details-view .claim-related-ledger-row {
  grid-template-columns: minmax(9rem, 0.9fr) minmax(0, 1.35fr) minmax(9rem, 1fr) minmax(8.5rem, 0.78fr) minmax(4.25rem, auto) !important;
  gap: 12px 18px !important;
  min-height: 78px !important;
  padding: 14px 16px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 15px !important;
  background: #ffffff !important;
  box-shadow: 0 10px 24px rgb(17 29 41 / 0.04) !important;
}
.claim-details-view .claim-related-ledger-row:last-child {
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-related-ledger-row:hover {
  transform: translateY(-1px) !important;
  border-color: rgb(20 149 163 / 0.24) !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-related-ledger-row strong {
  font-size: 13.5px !important;
}
.claim-details-view .claim-related-ledger-row small {
  color: #687985 !important;
  font-size: 11.2px !important;
}
.claim-details-view .claim-related-ledger-row__case strong, .claim-details-view .claim-related-ledger-row__amount strong {
  white-space: nowrap !important;
}
.claim-details-view .claim-section--payments .claim-payment-surface--recent {
  max-width: 980px !important;
}
.claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-scroll {
  overflow-x: auto !important;
  padding: 0 12px 12px !important;
}
@media (min-width: 900px) {
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-table {
    display: table !important;
    width: 100% !important;
    min-width: 760px !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-table thead {
    display: table-header-group !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-table tbody {
    display: table-row-group !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-row {
    display: table-row !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-cell, .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-table th {
    display: table-cell !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
    vertical-align: middle !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-table th {
    color: #6b7a86 !important;
    font-size: 10.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    background: #f6faf8 !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-cell::before {
    content: none !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-cell--detail {
    padding-top: 10px !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-cell--status, .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-cell--amount, .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-table__amount-head {
    text-align: right !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-title, .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-party {
    font-size: 12.8px !important;
    line-height: 1.2 !important;
  }
  .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-meta, .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-note, .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-time, .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-subtle, .claim-details-view .claim-section--payments .claim-details-payments--embedded .payment-ledger-route {
    font-size: 10.8px !important;
    line-height: 1.25 !important;
  }
}
.claim-details-view .claim-reference-payments-panel {
  border-radius: 14px !important;
}
.claim-details-view .claim-reference-payments-panel__head {
  align-items: center !important;
  padding: 12px 14px !important;
}
.claim-details-view .claim-reference-payments-panel__head h4 {
  font-size: 16px !important;
  line-height: 1.08 !important;
}
.claim-details-view .claim-reference-payments-panel .claim-details-payments--embedded {
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-reference-payments-panel .claim-details-payments__toolbar {
  padding: 10px 12px !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  background: #f8fbfa !important;
}
.claim-details-view .claim-reference-payments-panel .claim-payment-filter-switch {
  max-width: 30rem !important;
  border-radius: 12px !important;
}
.claim-details-view .claim-reference-payments-panel .claim-payment-filter-switch__item {
  min-height: 30px !important;
  border-radius: 9px !important;
  font-size: 11px !important;
}
.claim-details-view .claim-reference-payments-panel .payment-activity__seg-count {
  min-width: 1.2rem !important;
  padding: 1px 5px !important;
  font-size: 9.5px !important;
}
.claim-details-view .claim-reference-payments-panel .claim-details-payments__body {
  padding: 0 !important;
}
.claim-details-view .claim-reference-payments-panel .claim-details-payments__section {
  border: 0 !important;
  border-radius: 0 !important;
  background: #ffffff !important;
  box-shadow: none !important;
}
.claim-details-view .claim-reference-payments-panel .claim-details-payments__section + .claim-details-payments__section {
  border-top: 1px solid rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-reference-payments-panel .claim-details-payments__section-head {
  align-items: center !important;
  padding: 10px 12px !important;
}
.claim-details-view .claim-reference-payments-panel .claim-details-payments__section-title {
  font-size: 14px !important;
  line-height: 1.15 !important;
}
.claim-details-view .claim-reference-payments-panel .claim-details-payments__section-subtitle {
  margin-top: 2px !important;
  font-size: 11px !important;
  line-height: 1.25 !important;
}
.claim-details-view .claim-reference-payments-panel .claim-details-payments__section-meta .badge, .claim-details-view .claim-reference-payments-panel .claim-details-payments .badge {
  min-height: 20px !important;
  padding: 2px 7px !important;
  font-size: 9.8px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-frame {
  width: 100% !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border-radius: 0 !important;
  background: #ffffff !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-scroll {
  width: 100% !important;
  max-width: 100% !important;
  padding: 0 !important;
  overflow-x: auto !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-primary {
  display: grid !important;
  grid-template-columns: 8px minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 7px !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-mark {
  width: 7px !important;
  height: 7px !important;
  margin-top: 5px !important;
  border-radius: 999px !important;
  background: #6b7a86 !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-mark--inbound {
  background: #0f8f6f !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-mark--outbound, .claim-details-view .claim-reference-payments-panel .payment-ledger-mark--scheduled {
  background: #1495a3 !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-copy, .claim-details-view .claim-reference-payments-panel .payment-ledger-cell {
  min-width: 0 !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-title, .claim-details-view .claim-reference-payments-panel .payment-ledger-party {
  color: var(--claim-ref-ink, #102033) !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.18 !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-meta, .claim-details-view .claim-reference-payments-panel .payment-ledger-subtle, .claim-details-view .claim-reference-payments-panel .payment-ledger-time, .claim-details-view .claim-reference-payments-panel .payment-ledger-note, .claim-details-view .claim-reference-payments-panel .payment-ledger-route {
  color: #60727e !important;
  font-size: 10.5px !important;
  line-height: 1.24 !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-meta {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px 8px !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-subtle--mono, .claim-details-view .claim-reference-payments-panel .payment-ledger-time, .claim-details-view .claim-reference-payments-panel .payment-ledger-route {
  font-family: var(--font-mono) !important;
  font-variant-numeric: tabular-nums !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-route {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 3px 8px !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-route span + span::before {
  content: "\2192" !important;
  margin-right: 8px !important;
  color: #8a98a4 !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 4px !important;
  margin-top: 4px !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-amount {
  color: #102033 !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  font-variant-numeric: tabular-nums !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-amount--inbound {
  color: #047857 !important;
}
.claim-details-view .claim-reference-payments-panel .payment-ledger-button {
  min-height: 26px !important;
  margin-top: 6px !important;
  padding: 0 9px !important;
  font-size: 10.5px !important;
}
@media (min-width: 760px) {
  .claim-details-view .claim-reference-payments-panel .payment-ledger-table {
    display: table !important;
    width: 100% !important;
    min-width: 760px !important;
    table-layout: fixed !important;
    border-collapse: collapse !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-table thead {
    display: table-header-group !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-table tbody {
    display: table-row-group !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-row {
    display: table-row !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-row:hover .payment-ledger-cell {
    background: #f8fbfa !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-cell, .claim-details-view .claim-reference-payments-panel .payment-ledger-table th {
    display: table-cell !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 7px 10px !important;
    border: 0 !important;
    border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
    vertical-align: middle !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-table th {
    color: #6b7a86 !important;
    font-size: 9.5px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    background: #f6faf8 !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-table th:nth-child(1), .claim-details-view .claim-reference-payments-panel .payment-ledger-cell:nth-child(1) {
    width: 23% !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-table th:nth-child(2), .claim-details-view .claim-reference-payments-panel .payment-ledger-cell:nth-child(2) {
    width: 24% !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-table th:nth-child(3), .claim-details-view .claim-reference-payments-panel .payment-ledger-cell:nth-child(3) {
    width: 31% !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-table th:nth-child(4), .claim-details-view .claim-reference-payments-panel .payment-ledger-cell:nth-child(4) {
    width: 10% !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-table th:nth-child(5), .claim-details-view .claim-reference-payments-panel .payment-ledger-cell:nth-child(5) {
    width: 12% !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-cell::before {
    content: none !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-cell--status, .claim-details-view .claim-reference-payments-panel .payment-ledger-cell--amount, .claim-details-view .claim-reference-payments-panel .payment-ledger-table__amount-head {
    text-align: right !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-cell--amount {
    justify-items: end !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-note {
    display: -webkit-box !important;
    overflow: hidden !important;
    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
  }
}
@media (max-width: 759px) {
  .claim-details-view .claim-reference-payments-panel .claim-details-payments__section-head {
    align-items: stretch !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-scroll {
    padding: 8px !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-table, .claim-details-view .claim-reference-payments-panel .payment-ledger-table tbody {
    display: grid !important;
    min-width: 0 !important;
    gap: 7px !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 5px 10px !important;
    padding: 9px !important;
    border: 1px solid rgb(17 29 41 / 0.08) !important;
    border-radius: 11px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-cell {
    display: grid !important;
    gap: 3px !important;
    padding: 0 !important;
    border: 0 !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-cell::before {
    color: #7a8792 !important;
    font-size: 9px !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: 1 !important;
    text-transform: uppercase !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-cell--primary, .claim-details-view .claim-reference-payments-panel .payment-ledger-cell--detail {
    grid-column: 1 / -1 !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-cell--amount {
    grid-column: 2 !important;
    grid-row: 2 !important;
    text-align: right !important;
  }
  .claim-details-view .claim-reference-payments-panel .payment-ledger-cell--status {
    grid-column: 1 !important;
    grid-row: 2 !important;
  }
}
@media (max-width: 900px) {
  .claim-details-view .claim-reference-card--form .claim-reference-form-header, .claim-details-view .claim-reference-card--form .claim-reference-form-actions {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .claim-details-view .claim-reference-card--form .claim-reference-form-grid--profile, .claim-details-view .claim-related-ledger-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-related-ledger-row__amount {
    text-align: left !important;
  }
}
body:has(.claim-details-view) .app-operator-badge {
  grid-template-columns: 35px minmax(0, 1fr) 32px !important;
  width: min(248px, calc(100vw - 24px)) !important;
  max-width: min(248px, calc(100vw - 24px)) !important;
  min-height: 64px !important;
  padding: 9px 12px !important;
  overflow: visible !important;
}
.claim-details-view .claim-section--docs {
  display: grid !important;
  gap: 26px !important;
}
.claim-details-view .claim-section--docs .claim-communications-board {
  order: 1 !important;
}
.claim-details-view .claim-section--docs .claim-documents-board {
  order: 2 !important;
}
.claim-details-view .claim-section--docs .claim-disclosure-board {
  order: 3 !important;
}
body:has(.claim-details-view) .app-operator-badge__label, body:has(.claim-details-view) .app-operator-badge__name, body:has(.claim-details-view) .local-db-badge__label, body:has(.claim-details-view) .local-db-badge__name {
  max-width: 100% !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}
body:has(.claim-details-view) .app-operator-badge__name {
  display: block !important;
  font-size: 13.4px !important;
  line-height: 1.16 !important;
  overflow-wrap: break-word !important;
}
body:has(.claim-details-view) .local-db-badge {
  width: min(248px, calc(100vw - 24px)) !important;
  min-height: 76px !important;
  padding: 14px 36px 14px 16px !important;
  overflow: visible !important;
}
body:has(.claim-details-view) .local-db-badge__name {
  display: grid !important;
  gap: 2px !important;
  font-family: var(--font-mono);
  line-height: 1.1 !important;
  overflow-wrap: normal !important;
}
body:has(.claim-details-view) .local-db-badge__endpoint, body:has(.claim-details-view) .local-db-badge__database {
  display: block !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
body:has(.claim-details-view) .local-db-badge__endpoint {
  color: #4f606e !important;
  font-size: 11.4px !important;
}
body:has(.claim-details-view) .local-db-badge__database {
  color: #102033 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher, .claim-details-view .claim-details-admin-actions .shared-note-launcher--empty, .claim-details-view .claim-details-admin-actions .shared-note-launcher--filled, .claim-details-view .claim-details-admin-actions .shared-note-launcher--loading {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  min-width: 112px !important;
  min-height: 43px !important;
  padding: 0 17px !important;
  border: 1px solid rgb(17 29 41 / 0.12) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.78)), rgb(255 255 255 / 0.9) !important;
  color: #102033 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 12px 34px rgb(17 29 41 / 0.07) !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher:hover {
  border-color: rgb(55 167 176 / 0.38) !important;
  background: #ffffff !important;
  transform: translateY(-1px);
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher__icon {
  width: 18px !important;
  height: 18px !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #0f7180 !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher__icon svg {
  width: 18px !important;
  height: 18px !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher__label {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 16px !important;
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  line-height: 1.15 !important;
}
@media (max-width: 780px) {
  body:has(.claim-details-view) .app-operator-badge {
    min-height: 46px !important;
  }
  body:has(.claim-details-view) .local-db-badge__label {
    max-width: none !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
  }
}
.claim-details-view .claim-toc-level-label {
  display: block !important;
  margin: 12px 8px 5px !important;
  color: #60717c !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.claim-details-view .claim-toc-level-label:first-child {
  margin-top: 0 !important;
}
.claim-details-view .claim-toc-link--route {
  min-height: 38px !important;
  margin: 5px 0 !important;
  padding: 0 11px !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 12px !important;
  background: #ffffff !important;
  color: #102033 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  box-shadow: 0 8px 18px rgb(17 29 41 / 0.045) !important;
}
.claim-details-view .claim-toc-link--route::before {
  width: 9px !important;
  height: 9px !important;
  margin-right: 9px !important;
  background: #9fb5b2 !important;
  box-shadow: none !important;
}
.claim-details-view .claim-toc-link--section:not(.claim-toc-link--route) {
  min-height: 31px !important;
  margin: 2px 0 2px 12px !important;
  padding: 6px 9px 6px 12px !important;
  border: 0 !important;
  border-left: 2px solid rgb(55 167 176 / 0.18) !important;
  border-radius: 0 10px 10px 0 !important;
  background: transparent !important;
  color: #435464 !important;
  font-size: 11.5px !important;
  font-weight: 780 !important;
  box-shadow: none !important;
}
.claim-details-view .claim-toc-link--section:not(.claim-toc-link--route)::before {
  width: 6px !important;
  height: 6px !important;
  margin-right: 9px !important;
  background: #d5dedc !important;
  box-shadow: none !important;
}
.claim-details-view .claim-toc-link--route[data-claim-route-current="page"], .claim-details-view .claim-toc-link--route[aria-current="page"] {
  background: #eaf7f5 !important;
  color: #0f6972 !important;
  box-shadow: inset 3px 0 0 #37a7b0, 0 10px 22px rgb(17 29 41 / 0.07) !important;
}
.claim-details-view .claim-toc-link--section:not(.claim-toc-link--route)[aria-current="location"], .claim-details-view .claim-toc-link--section:not(.claim-toc-link--route):hover {
  border-left-color: #37a7b0 !important;
  background: rgb(255 255 255 / 0.72) !important;
  color: #102033 !important;
}
.claim-details-view .claim-toc-link--section:not(.claim-toc-link--route)[aria-current="location"]::before, .claim-details-view .claim-toc-link--section:not(.claim-toc-link--route):hover::before {
  background: #37a7b0 !important;
  box-shadow: 0 0 0 4px rgb(55 167 176 / 0.12) !important;
}
.claim-details-view .claim-party-identity-strip .claim-party-contact-item__body {
  align-items: center !important;
}
.claim-details-view .claim-party-identity-strip .contact-dropdown--compact {
  grid-column: 2 / 3 !important;
}
.claim-details-view .claim-party-identity-strip .contact-dropdown--compact:not([open]) .contact-dropdown__summary-label {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-party-identity-strip .contact-dropdown--compact[open] {
  grid-column: 1 / -1 !important;
  justify-self: stretch !important;
  width: 100% !important;
  margin-top: 7px !important;
  padding: 8px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 12px !important;
  background: #f6faf8 !important;
}
.claim-details-view .contact-dropdown__summary {
  display: inline-flex !important;
  cursor: pointer !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 8px !important;
  color: #0f7180 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  list-style: none !important;
}
.claim-details-view .contact-dropdown__summary::-webkit-details-marker {
  display: none !important;
}
.claim-details-view .contact-dropdown__list {
  display: grid !important;
  gap: 7px !important;
  margin: 8px 0 0 !important;
  padding: 0 !important;
  color: #435464 !important;
}
.claim-details-view .contact-dropdown__row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  align-items: center !important;
  gap: 8px 12px !important;
  min-width: 0 !important;
  padding: 9px 10px !important;
  border: 1px solid rgb(17 29 41 / 0.07) !important;
  border-radius: 10px !important;
  background: #ffffff !important;
}
.claim-details-view .contact-dropdown__main {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
  min-width: 0 !important;
}
.claim-details-view .contact-dropdown__value {
  max-width: 100% !important;
  color: #102033 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .contact-dropdown__badge {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 20px !important;
  max-width: 100% !important;
  padding: 0 7px !important;
  border-radius: 999px !important;
  background: #eef4f2 !important;
  color: #657581 !important;
  font-size: 9.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.claim-details-view .contact-dropdown__badge--primary {
  background: rgb(55 167 176 / 0.12) !important;
  color: #0f7180 !important;
}
.claim-details-view .contact-dropdown__badge--claim {
  background: rgb(17 29 41 / 0.06) !important;
  color: #435464 !important;
  text-transform: none !important;
}
.claim-details-view .contact-dropdown__side {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 7px !important;
  min-width: 0 !important;
}
.claim-details-view .contact-dropdown__action {
  color: #0f7180 !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
}
.claim-details-view .contact-dropdown__date {
  color: #6b7a86 !important;
  font-size: 10.5px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-party-signal-board .claim-party-fragment-head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px 16px !important;
  padding: 18px 22px !important;
}
.claim-details-view .claim-party-fragment-actions {
  display: flex !important;
  flex: 0 1 auto !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  min-width: 0 !important;
  margin-left: auto !important;
}
.claim-details-view .claim-party-signal-board .claim-party-fragment-button {
  min-height: 34px !important;
  padding: 0 12px !important;
  border-radius: 11px !important;
  font-size: 11.5px !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-party-signal-board .claim-party-data-ledger--signal-grid {
  gap: 12px !important;
  padding: 18px !important;
}
.claim-details-view .claim-party-signal-board .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row, .claim-details-view .claim-party-signal-board .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row:nth-child(2n), .claim-details-view .claim-party-signal-board .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row--wide, .claim-details-view .claim-party-signal-board .claim-party-data-ledger--signal-grid .claim-party-data-ledger__row:last-child {
  min-height: 82px !important;
  padding: 15px 16px !important;
  border-radius: 14px !important;
}
@container (max-width: 640px) {
  .claim-details-view .contact-dropdown__row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .contact-dropdown__side {
    justify-content: flex-start !important;
  }
}
body:has(.claim-details-view) .app-operator-badge {
  grid-template-columns: 35px minmax(0, 1fr) 32px !important;
  width: min(254px, calc(100vw - 24px)) !important;
  max-width: min(254px, calc(100vw - 24px)) !important;
  overflow: visible !important;
}
body:has(.claim-details-view) .app-operator-badge__label, body:has(.claim-details-view) .app-operator-badge__name {
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}
body:has(.claim-details-view) .app-operator-badge__name {
  display: block !important;
  color: #ffffff !important;
  font-size: 13.25px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere !important;
}
body:has(.claim-details-view) .local-db-badge {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 10px !important;
  align-items: start !important;
  row-gap: 4px !important;
  width: min(254px, calc(100vw - 24px)) !important;
  max-width: min(254px, calc(100vw - 24px)) !important;
  min-height: 78px !important;
  overflow: visible !important;
}
body:has(.claim-details-view) .local-db-badge::after {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin-top: 3px !important;
}
body:has(.claim-details-view) .local-db-badge__label, body:has(.claim-details-view) .local-db-badge__name, body:has(.claim-details-view) .local-db-badge__endpoint, body:has(.claim-details-view) .local-db-badge__database {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}
body:has(.claim-details-view) .local-db-badge__label, body:has(.claim-details-view) .local-db-badge__name {
  grid-column: 1 !important;
}
body:has(.claim-details-view) .local-db-badge__name {
  display: grid !important;
  gap: 2px !important;
  font-family: var(--font-mono);
}
body:has(.claim-details-view) .local-db-badge__endpoint, body:has(.claim-details-view) .local-db-badge__database {
  display: block !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher, .claim-details-view .claim-details-admin-actions .shared-note-launcher--empty, .claim-details-view .claim-details-admin-actions .shared-note-launcher--filled, .claim-details-view .claim-details-admin-actions .shared-note-launcher--loading {
  height: 42px !important;
  min-height: 42px !important;
  padding: 0 17px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: #213347 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher:hover {
  background: #ffffff !important;
  color: #102033 !important;
  transform: translateY(-1px);
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher__label {
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher__badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  background: rgb(55 167 176 / 0.12) !important;
  color: #0f7180 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}
body:has(.dashboard-workspace) .app-shell {
  position: relative !important;
}
body:has(.dashboard-workspace) .app-shell::before {
  content: "" !important;
  position: fixed !important;
  z-index: 0 !important;
  inset: 0 auto 0 0 !important;
  display: block !important;
  width: 270px !important;
  border-right: 1px solid rgb(18 32 45 / 0.08) !important;
  background: rgb(247 251 250 / 0.72) !important;
  box-shadow: none !important;
  backdrop-filter: blur(18px) !important;
}
body:has(.dashboard-workspace) .app-disclaimer-shell {
  position: fixed !important;
  z-index: 70 !important;
  top: 0 !important;
  right: 0 !important;
  left: 270px !important;
  display: block !important;
}
body:has(.dashboard-workspace) .app-disclaimer {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 31px !important;
  min-height: 31px !important;
  max-height: 31px !important;
  padding: 0 24px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid rgb(255 255 255 / 0.08) !important;
  border-radius: 0 !important;
  background: #0b1624 !important;
  color: rgb(255 255 255 / 0.84) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .app-disclaimer :where(span, p, strong) {
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .app-disclaimer__legal, body:has(.dashboard-workspace) .app-disclaimer__rights {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body:has(.dashboard-workspace) .app-topbar {
  --app-brand-logo-width: 235px !important;
  position: fixed !important;
  z-index: 70 !important;
  top: 31px !important;
  right: 0 !important;
  left: 270px !important;
  height: 81px !important;
  min-height: 81px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #0b1624 0%, #101e2c 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 38px rgb(0 0 0 / 0.18) !important;
}
body:has(.dashboard-workspace) .app-topbar::before, body:has(.dashboard-workspace) .app-topbar::after {
  content: none !important;
  display: none !important;
}
body:has(.dashboard-workspace) .app-topbar__primary {
  display: grid !important;
  grid-template-columns: minmax(220px, 250px) minmax(22rem, 1fr) max-content !important;
  grid-template-areas: none !important;
  align-items: center !important;
  gap: 22px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  padding: 0 34px !important;
}
body:has(.dashboard-workspace) .app-topbar__brand {
  display: contents !important;
  grid-area: auto !important;
  width: auto !important;
  min-width: 0 !important;
}
body:has(.dashboard-workspace) .app-brand-link {
  display: flex !important;
  grid-column: 1 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .app-brand-logo {
  display: block !important;
  width: min(235px, 100%) !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 64px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 12px 18px rgb(0 0 0 / 0.32)) !important;
}
body:has(.dashboard-workspace) .app-operator-badge {
  position: fixed !important;
  z-index: 75 !important;
  top: 27px !important;
  left: 12px !important;
  display: grid !important;
  grid-template-columns: 35px minmax(0, 1fr) 32px !important;
  grid-template-rows: 1fr 1fr !important;
  column-gap: 8px !important;
  align-items: center !important;
  width: min(254px, calc(100vw - 24px)) !important;
  max-width: min(254px, calc(100vw - 24px)) !important;
  height: auto !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 25px !important;
  background: linear-gradient(135deg, #172637, #101824) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 16px 32px rgb(17 29 41 / 0.16) !important;
}
body:has(.dashboard-workspace) .app-operator-badge__role {
  grid-row: 1 / 3 !important;
  display: grid !important;
  place-items: center !important;
  width: 35px !important;
  height: 35px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #2a8aa0, #1c3448) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
body:has(.dashboard-workspace) .app-operator-badge__label, body:has(.dashboard-workspace) .app-operator-badge__name {
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}
body:has(.dashboard-workspace) .app-operator-badge__label {
  align-self: end !important;
  color: rgb(255 255 255 / 0.55) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
body:has(.dashboard-workspace) .app-operator-badge__name {
  display: block !important;
  align-self: start !important;
  color: #ffffff !important;
  font-size: 13.25px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere !important;
}
body:has(.dashboard-workspace) .app-operator-badge__settings {
  grid-column: 3 !important;
  grid-row: 1 / 3 !important;
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: #ffffff !important;
}
body:has(.dashboard-workspace) .app-topbar__search {
  grid-column: 2 !important;
  grid-area: auto !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}
body:has(.dashboard-workspace) .app-search-shell {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .app-search-input {
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 18px !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.05) !important;
}
body:has(.dashboard-workspace) .app-search-input::placeholder {
  color: rgb(255 255 255 / 0.62) !important;
}
body:has(.dashboard-workspace) .app-topbar__actions {
  display: flex !important;
  grid-column: 3 !important;
  grid-area: auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  flex-wrap: nowrap !important;
  gap: 22px !important;
  min-width: max-content !important;
  max-width: none !important;
}
body:has(.dashboard-workspace) .app-topbar__actions :where(.btn-primary, .btn-muted, .btn-danger, .app-language-switcher__trigger) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 42px !important;
  height: 42px !important;
  gap: 8px !important;
  padding: 0 17px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.dashboard-workspace) .app-language-switcher__trigger {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 42px !important;
  height: 42px !important;
  gap: 8px !important;
  padding: 0 17px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
body:has(.dashboard-workspace) .app-topbar__actions .btn-danger {
  border-color: transparent !important;
  background: var(--claim-shot-red, #d81745) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgb(216 23 69 / 0.3) !important;
}
body:has(.dashboard-workspace) .app-language-switcher {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  flex: 0 0 auto !important;
}
body:has(.dashboard-workspace) .app-language-switcher__trigger {
  width: 5.95rem !important;
  min-width: 52px !important;
  padding-inline: 0 !important;
}
body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
  width: 5.95rem !important;
  min-width: 5.95rem !important;
  max-width: 5.95rem !important;
  padding-inline: 0 !important;
}
body:has(.dashboard-workspace) .app-topbar__actions :where(.btn-primary, .btn-muted, .btn-danger) > span, body:has(.dashboard-workspace) .app-language-switcher__current, body:has(.dashboard-workspace) .app-language-switcher__code {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .app-language-switcher__current {
  display: flex !important;
  flex: 1 1 auto !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
}
body:has(.dashboard-workspace) .app-language-switcher__code {
  display: inline-flex !important;
  width: 2rem !important;
  height: 1.25rem !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding-inline: 0.375rem !important;
  font-size: 11px !important;
  font-weight: 700 !important;
}
body:has(.dashboard-workspace) .app-language-switcher__icon, body:has(.dashboard-workspace) .app-language-switcher__chevron {
  display: none !important;
}
body:has(.dashboard-workspace) .app-topbar-action__icon {
  position: static !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
}
body:has(.dashboard-workspace) .local-db-badge {
  position: fixed !important;
  z-index: 80 !important;
  left: 12px !important;
  bottom: 30px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 10px !important;
  align-items: start !important;
  row-gap: 3px !important;
  width: 254px !important;
  max-width: calc(100vw - 24px) !important;
  min-height: 76px !important;
  padding: 14px 36px 14px 16px !important;
  overflow: visible !important;
  border: 1px solid rgb(18 32 45 / 0.08) !important;
  border-radius: 16px !important;
  background: rgb(255 255 255 / 0.76) !important;
  color: #102033 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
}
body:has(.dashboard-workspace) .local-db-badge::after {
  content: "" !important;
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 10px !important;
  height: 10px !important;
  margin-top: 3px !important;
  border-radius: 999px !important;
  background: #0fa678 !important;
}
body:has(.dashboard-workspace) .local-db-badge__label, body:has(.dashboard-workspace) .local-db-badge__name, body:has(.dashboard-workspace) .local-db-badge__endpoint, body:has(.dashboard-workspace) .local-db-badge__database {
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}
body:has(.dashboard-workspace) .local-db-badge__label, body:has(.dashboard-workspace) .local-db-badge__name {
  grid-column: 1 !important;
}
body:has(.dashboard-workspace) .local-db-badge__label {
  display: block !important;
  color: #5d6b76 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
body:has(.dashboard-workspace) .local-db-badge__name {
  display: grid !important;
  gap: 2px !important;
  margin-top: 3px !important;
  color: #102033 !important;
  font-family: var(--font-mono) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
}
body:has(.dashboard-workspace) .local-db-badge__endpoint, body:has(.dashboard-workspace) .local-db-badge__database {
  display: block !important;
  overflow-wrap: anywhere !important;
}
body:has(.dashboard-workspace) .local-db-badge__endpoint {
  color: #4f606e !important;
  font-size: 11.4px !important;
}
body:has(.dashboard-workspace) .local-db-badge__database {
  color: #102033 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
body:has(.dashboard-workspace) #content {
  width: auto !important;
  max-width: none !important;
  margin-left: 270px !important;
  padding: 140px 36px 64px !important;
}
@media (max-width: 1180px) {
  body:has(.dashboard-workspace) .app-topbar__primary {
    grid-template-columns: minmax(10rem, 0.7fr) minmax(16rem, 1fr) max-content !important;
    gap: 14px !important;
    padding-inline: 22px !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions {
    gap: 10px !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions :where(.btn-primary, .btn-muted, .btn-danger, .app-language-switcher__trigger) span:not(.app-language-switcher__current):not(.app-language-switcher__code) {
    display: none !important;
  }
}
@media (max-width: 900px) {
  body:has(.dashboard-workspace) .app-shell::before {
    display: none !important;
  }
  body:has(.dashboard-workspace) .app-disclaimer-shell, body:has(.dashboard-workspace) .app-topbar {
    position: static !important;
    left: auto !important;
    right: auto !important;
  }
  body:has(.dashboard-workspace) .app-topbar {
    height: auto !important;
    min-height: 81px !important;
  }
  body:has(.dashboard-workspace) .app-topbar__primary {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    padding: 14px !important;
  }
  body:has(.dashboard-workspace) .app-topbar__brand {
    display: flex !important;
    width: 100% !important;
  }
  body:has(.dashboard-workspace) .app-brand-link {
    width: 100% !important;
    flex: 1 1 auto !important;
    height: auto !important;
  }
  body:has(.dashboard-workspace) .app-brand-logo {
    width: 235px !important;
  }
  body:has(.dashboard-workspace) .app-operator-badge {
    position: static !important;
    width: min(254px, calc(100vw - 24px)) !important;
    max-width: min(254px, calc(100vw - 24px)) !important;
    min-height: 58px !important;
    padding: 8px 12px !important;
  }
  body:has(.dashboard-workspace) .app-topbar__search {
    flex: 0 0 100% !important;
    order: 0 !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions {
    display: flex !important;
    flex: 0 0 176px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    margin-left: 0 !important;
    gap: 10px !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions .btn-muted, body:has(.dashboard-workspace) .app-language-switcher__trigger {
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions form {
    margin-left: auto !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions .btn-danger {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    padding-inline: 0 !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger .app-language-switcher__current, body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger .app-language-switcher__code, body:has(.dashboard-workspace) .app-language-switcher__current, body:has(.dashboard-workspace) .app-language-switcher__code {
    position: static !important;
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    color: currentColor !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger .app-language-switcher__current {
    display: flex !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 1.25rem !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger .app-language-switcher__code {
    display: inline-flex !important;
    width: 2rem !important;
    height: 1.25rem !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    padding-inline: 0.375rem !important;
    font-size: 11px !important;
    font-weight: 700 !important;
  }
  body:has(.dashboard-workspace) .local-db-badge {
    bottom: 10px !important;
    min-height: 74px !important;
  }
  body:has(.dashboard-workspace) #content {
    margin-left: 0 !important;
    padding: 20px 16px 48px !important;
  }
}
.claim-details-view .claim-manual-modal-layout {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
  gap: 16px !important;
}
.claim-details-view .claim-manual-assign-form {
  align-self: start !important;
  padding-left: 16px !important;
  border-left: 1px solid var(--claim-ref-line) !important;
}
.claim-details-view .claim-manual-form-heading {
  margin-bottom: 10px !important;
  color: var(--claim-ref-ink) !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}
@media (max-width: 780px) {
  .claim-details-view .claim-manual-modal-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-details-view .claim-manual-assign-form {
    padding-top: 16px !important;
    padding-left: 0 !important;
    border-top: 1px solid var(--claim-ref-line) !important;
    border-left: 0 !important;
  }
}
.claim-details-view .claim-scroll-toc {
  display: grid !important;
  gap: 12px !important;
  max-height: calc(100vh - 170px) !important;
  overflow: visible !important;
}
.claim-details-view .claim-scroll-toc__card {
  overflow: auto !important;
  max-height: min(42vh, 300px) !important;
}
body:has(.claim-details-view) .claim-manual-modal {
  background: radial-gradient(circle at 50% 8%, rgb(55 167 176 / 0.16), transparent 34%), rgb(9 18 29 / 0.58) !important;
  backdrop-filter: blur(12px) !important;
}
body:has(.claim-details-view) .claim-manual-modal__panel {
  overflow: hidden auto !important;
  border: 1px solid rgb(255 255 255 / 0.38) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #ffffff 0%, #f7fbfa 100%) !important;
  box-shadow: 0 30px 90px rgb(5 14 24 / 0.34), inset 0 1px 0 rgb(255 255 255 / 0.92) !important;
}
body:has(.claim-details-view) .claim-manual-modal__head {
  display: grid !important;
  grid-template-columns: 48px minmax(0, 1fr) 36px !important;
  align-items: start !important;
  gap: 14px !important;
  padding: 22px 24px 18px !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.09) !important;
  background: linear-gradient(135deg, rgb(16 32 51 / 0.06), rgb(55 167 176 / 0.1)), #ffffff !important;
}
body:has(.claim-details-view) .claim-manual-modal__icon {
  display: grid !important;
  place-items: center !important;
  width: 48px !important;
  height: 48px !important;
  border-radius: 16px !important;
  background: #102033 !important;
  color: #68d9d4 !important;
  box-shadow: 0 14px 28px rgb(16 32 51 / 0.18) !important;
}
body:has(.claim-details-view) .claim-manual-modal__icon svg {
  width: 22px !important;
  height: 22px !important;
}
body:has(.claim-details-view) .claim-manual-modal__kicker {
  color: #60717c !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
body:has(.claim-details-view) .claim-manual-modal__title {
  margin: 5px 0 0 !important;
  color: #102033 !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
  letter-spacing: 0 !important;
}
body:has(.claim-details-view) .claim-manual-modal__copy {
  max-width: 46rem !important;
  margin: 7px 0 0 !important;
  color: #566777 !important;
  font-size: 13px !important;
  font-weight: 650 !important;
  line-height: 1.4 !important;
}
body:has(.claim-details-view) .claim-manual-modal__close {
  display: grid !important;
  place-items: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgb(17 29 41 / 0.1) !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.84) !important;
  color: #526170 !important;
  font-size: 22px !important;
  font-weight: 650 !important;
  line-height: 1 !important;
}
body:has(.claim-details-view) .claim-manual-modal__close:hover {
  background: #102033 !important;
  color: #ffffff !important;
}
body:has(.claim-details-view) .claim-manual-modal__form {
  padding: 18px 22px 22px !important;
  gap: 12px !important;
}
body:has(.claim-details-view) .claim-manual-modal-layout {
  gap: 0 !important;
  padding: 0 22px 22px !important;
}
body:has(.claim-details-view) .claim-manual-modal-layout .claim-manual-modal__form {
  padding-right: 18px !important;
  padding-left: 0 !important;
}
body:has(.claim-details-view) .claim-manual-modal-layout .claim-manual-assign-form {
  padding-right: 0 !important;
  padding-left: 18px !important;
}
body:has(.claim-details-view) .claim-manual-modal__field-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
body:has(.claim-details-view) .claim-manual-modal .claim-action-modal__subpanel {
  display: grid !important;
  gap: 7px !important;
  min-width: 0 !important;
  padding: 13px !important;
  border: 1px solid rgb(17 29 41 / 0.09) !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  box-shadow: 0 8px 20px rgb(17 29 41 / 0.04) !important;
}
body:has(.claim-details-view) .claim-manual-modal .claim-action-modal__subpanel label {
  color: #63727f !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
}
body:has(.claim-details-view) .claim-manual-modal :where(.input-compact, select, textarea) {
  width: 100% !important;
  min-height: 40px !important;
  border: 1px solid rgb(17 29 41 / 0.12) !important;
  border-radius: 12px !important;
  background: #f8fbfb !important;
  color: #102033 !important;
  font-size: 13px !important;
  font-weight: 720 !important;
  line-height: 1.25 !important;
}
body:has(.claim-details-view) .claim-manual-modal textarea.input-compact {
  min-height: 96px !important;
  resize: vertical !important;
}
body:has(.claim-details-view) .claim-manual-modal :where(.input-compact, select, textarea):focus {
  border-color: rgb(55 167 176 / 0.48) !important;
  background: #ffffff !important;
  box-shadow: 0 0 0 3px rgb(55 167 176 / 0.13) !important;
  outline: none !important;
}
body:has(.claim-details-view) .claim-manual-modal__actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 9px !important;
  padding-top: 2px !important;
}
body:has(.claim-details-view) .claim-manual-call-summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  margin: 18px 22px 14px !important;
  padding: 12px 14px !important;
  border: 1px solid rgb(17 29 41 / 0.09) !important;
  border-radius: 16px !important;
  background: #f4fbfa !important;
}
body:has(.claim-details-view) .claim-manual-call-summary span {
  color: #61717d !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  text-transform: uppercase !important;
}
body:has(.claim-details-view) .claim-manual-call-summary a, body:has(.claim-details-view) .claim-manual-call-summary strong {
  color: #102033 !important;
  font-size: 15px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}
@media (max-width: 1180px) {
  .claim-details-view .claim-scroll-toc {
    position: static !important;
    width: 100% !important;
    max-height: none !important;
    margin-bottom: 18px !important;
    overflow: visible !important;
  }
  .claim-details-view .claim-scroll-toc__card {
    max-height: none !important;
  }
}
@media (max-width: 780px) {
  body:has(.claim-details-view) .claim-manual-modal__head {
    grid-template-columns: 40px minmax(0, 1fr) 34px !important;
    padding: 18px !important;
  }
  body:has(.claim-details-view) .claim-manual-modal__icon {
    width: 40px !important;
    height: 40px !important;
    border-radius: 14px !important;
  }
  body:has(.claim-details-view) .claim-manual-modal__title {
    font-size: 20px !important;
  }
  body:has(.claim-details-view) .claim-manual-modal__field-grid, body:has(.claim-details-view) .claim-manual-modal-layout {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body:has(.claim-details-view) .claim-manual-modal-layout, body:has(.claim-details-view) .claim-manual-modal__form {
    padding: 16px !important;
  }
  body:has(.claim-details-view) .claim-manual-modal-layout .claim-manual-modal__form, body:has(.claim-details-view) .claim-manual-modal-layout .claim-manual-assign-form {
    padding: 0 !important;
  }
  body:has(.claim-details-view) .claim-manual-modal-layout .claim-manual-assign-form {
    margin-top: 14px !important;
  }
}
body:has(.claim-details-view) .claim-manual-modal {
  align-items: center !important;
  justify-content: center !important;
  overflow: auto !important;
  padding: 26px !important;
  background: radial-gradient(58rem 36rem at 50% 4%, rgb(57 202 199 / 0.18), transparent 62%), radial-gradient(44rem 28rem at 100% 6%, rgb(172 162 150 / 0.13), transparent 58%), rgb(4 10 17 / 0.74) !important;
  backdrop-filter: blur(17px) saturate(1.12) !important;
}
body:has(.claim-details-view) .claim-manual-modal__panel {
  width: min(100%, 64rem) !important;
  max-width: min(100%, 64rem) !important;
  max-height: calc(100vh - 52px) !important;
  max-height: calc(100dvh - 52px) !important;
  overflow: hidden auto !important;
  border: 1px solid rgb(255 255 255 / 0.13) !important;
  border-radius: 22px !important;
  color: rgb(246 250 254) !important;
  background: radial-gradient(48rem 22rem at 2% 0%, rgb(57 202 199 / 0.15), transparent 64%), radial-gradient(34rem 20rem at 98% 3%, rgb(172 162 150 / 0.1), transparent 58%), linear-gradient(135deg, rgb(27 48 66 / 0.99), rgb(12 24 38 / 0.99) 58%, rgb(8 17 29 / 0.99)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.11), inset 0 -1px 0 rgb(255 255 255 / 0.04), 0 40px 100px -56px rgb(0 0 0 / 0.9) !important;
  scrollbar-color: rgb(57 202 199 / 0.48) rgb(255 255 255 / 0.07);
}
body:has(.claim-details-view) .claim-manual-modal__panel::-webkit-scrollbar {
  width: 10px !important;
}
body:has(.claim-details-view) .claim-manual-modal__panel::-webkit-scrollbar-track {
  background: rgb(255 255 255 / 0.055) !important;
}
body:has(.claim-details-view) .claim-manual-modal__panel::-webkit-scrollbar-thumb {
  border: 2px solid rgb(11 22 35) !important;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgb(57 202 199 / 0.62), rgb(172 162 150 / 0.38)) !important;
}
body:has(.claim-details-view) .claim-manual-modal__head {
  position: sticky !important;
  top: 0 !important;
  z-index: 3 !important;
  border-bottom: 1px solid rgb(255 255 255 / 0.1) !important;
  background: radial-gradient(24rem 12rem at 0% 0%, rgb(57 202 199 / 0.18), transparent 68%), linear-gradient(135deg, rgb(24 43 60), rgb(12 24 38) 64%, rgb(8 17 29)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.1), 0 18px 32px -32px rgb(0 0 0 / 0.88) !important;
}
body:has(.claim-details-view) .claim-manual-modal__icon {
  border: 1px solid rgb(57 202 199 / 0.2) !important;
  background: rgb(57 202 199 / 0.13) !important;
  color: rgb(104 217 212) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09) !important;
}
body:has(.claim-details-view) .claim-manual-modal__kicker, body:has(.claim-details-view) .claim-manual-modal .claim-action-modal__subpanel label, body:has(.claim-details-view) .claim-manual-form-heading {
  color: rgb(176 190 204 / 0.9) !important;
}
body:has(.claim-details-view) .claim-manual-modal__title {
  color: #ffffff !important;
}
body:has(.claim-details-view) .claim-manual-modal__copy {
  color: rgb(209 219 229 / 0.72) !important;
}
body:has(.claim-details-view) .claim-manual-modal__close {
  border-color: rgb(255 255 255 / 0.14) !important;
  color: rgb(238 246 251 / 0.78) !important;
  background: radial-gradient(circle at 28% 16%, rgb(255 255 255 / 0.28), transparent 34%), linear-gradient(135deg, rgb(255 255 255 / 0.12), rgb(255 255 255 / 0.05)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12) !important;
}
body:has(.claim-details-view) .claim-manual-modal__close:hover, body:has(.claim-details-view) .claim-manual-modal__close:focus-visible {
  border-color: rgb(57 202 199 / 0.38) !important;
  color: #ffffff !important;
  background: radial-gradient(circle at 28% 16%, rgb(255 255 255 / 0.32), transparent 36%), linear-gradient(135deg, rgb(57 202 199 / 0.2), rgb(255 255 255 / 0.08)) !important;
}
body:has(.claim-details-view) .claim-manual-modal-layout {
  padding: 1.05rem 1.16rem 1.16rem !important;
}
body:has(.claim-details-view) .claim-manual-modal-layout .claim-manual-modal__form {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
body:has(.claim-details-view) .claim-manual-modal-layout .claim-manual-assign-form {
  border-left-color: rgb(255 255 255 / 0.1) !important;
}
body:has(.claim-details-view) .claim-manual-modal .claim-action-modal__subpanel, body:has(.claim-details-view) .claim-manual-call-summary {
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  background: linear-gradient(135deg, rgb(255 255 255 / 0.075), rgb(255 255 255 / 0.04)), rgb(255 255 255 / 0.035) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.075) !important;
}
body:has(.claim-details-view) .claim-manual-call-summary span {
  color: rgb(176 190 204 / 0.82) !important;
}
body:has(.claim-details-view) .claim-manual-call-summary a, body:has(.claim-details-view) .claim-manual-call-summary strong {
  color: #ffffff !important;
}
body:has(.claim-details-view) .claim-manual-modal__mode {
  display: inline-grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 0.28rem !important;
  width: min(calc(100% - 2.32rem), 28rem) !important;
  margin: 0.98rem 1.16rem 0 !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 999px !important;
  padding: 0.24rem !important;
  background: rgb(255 255 255 / 0.055) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08) !important;
}
body:has(.claim-details-view) .claim-manual-modal__mode-option {
  position: relative !important;
  display: inline-flex !important;
  min-height: 2.34rem !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 999px !important;
  padding: 0.5rem 0.78rem !important;
  color: rgb(238 246 249 / 0.9) !important;
  font-size: 0.78rem !important;
  font-weight: 840 !important;
  cursor: pointer !important;
  transition: color 140ms ease, background-color 140ms ease, box-shadow 140ms ease !important;
}
body:has(.claim-details-view) .claim-manual-modal__mode-option:has(input:checked) {
  color: rgb(4 29 35) !important;
  background: linear-gradient(135deg, rgb(112 244 235), rgb(57 202 199) 58%, rgb(172 162 150)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.42), 0 14px 26px -22px rgb(57 202 199 / 0.72) !important;
}
body:has(.claim-details-view) .claim-manual-modal__mode-option > span {
  position: relative !important;
  z-index: 1 !important;
  color: currentColor !important;
  text-shadow: none !important;
}
body:has(.claim-details-view) .claim-manual-modal__mode-input {
  position: absolute !important;
  inset: 0 !important;
  opacity: 0 !important;
  cursor: pointer !important;
}
body:has(.claim-details-view) .claim-manual-modal:has(.claim-manual-modal__mode-input[value="log"]:checked) .claim-manual-assign-form {
  display: none !important;
}
body:has(.claim-details-view) .claim-manual-modal:has(.claim-manual-modal__mode-input[value="assign"]:checked) .claim-manual-modal__form:not(.claim-manual-assign-form) {
  display: none !important;
}
body:has(.claim-details-view) .claim-manual-modal:has(.claim-manual-modal__mode) .claim-manual-modal-layout {
  grid-template-columns: minmax(0, 1fr) !important;
}
body:has(.claim-details-view) .claim-manual-modal:has(.claim-manual-modal__mode) .claim-manual-modal-layout .claim-manual-assign-form {
  margin-top: 0 !important;
  padding-left: 0 !important;
  border-left: 0 !important;
}
body:has(.claim-details-view) .claim-manual-modal:has(.claim-manual-modal__mode) > .claim-manual-modal__panel > .claim-manual-modal__form {
  padding: 1.05rem 1.16rem 1.16rem !important;
}
body:has(.claim-details-view) .claim-manual-modal :where(.input-compact, select, textarea) {
  min-height: 2.58rem !important;
  border: 1px solid rgb(255 255 255 / 0.13) !important;
  border-radius: 13px !important;
  color: rgb(248 251 255) !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.1), rgb(255 255 255 / 0.055)), rgb(255 255 255 / 0.055) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.09), 0 12px 28px -28px rgb(0 0 0 / 0.78) !important;
  font-size: 0.92rem !important;
  font-weight: 650 !important;
}
body:has(.claim-details-view) .claim-manual-modal :where(.input-compact, select, textarea)::placeholder {
  color: rgb(209 219 229 / 0.5) !important;
}
body:has(.claim-details-view) .claim-manual-modal :where(.input-compact, select, textarea):focus {
  border-color: rgb(57 202 199 / 0.48) !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.12), rgb(255 255 255 / 0.065)), rgb(255 255 255 / 0.065) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.1), 0 0 0 3px rgb(57 202 199 / 0.16), 0 18px 34px -30px rgb(57 202 199 / 0.36) !important;
}
body:has(.claim-details-view) .claim-manual-modal select.input-compact, body:has(.claim-details-view) .claim-manual-modal input[type="datetime-local"] {
  color-scheme: light;
}
body:has(.claim-details-view) .claim-manual-modal select.input-compact option {
  color: rgb(248 251 255) !important;
  background: rgb(12 24 38) !important;
}
body:has(.claim-details-view) .claim-manual-modal input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  filter: none !important;
}
body:has(.claim-details-view) .claim-manual-modal .claim-action-button {
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  color: rgb(238 246 251 / 0.9) !important;
  background: rgb(255 255 255 / 0.07) !important;
  box-shadow: none !important;
}
body:has(.claim-details-view) .claim-manual-modal .claim-action-button:hover, body:has(.claim-details-view) .claim-manual-modal .claim-action-button:focus-visible {
  border-color: rgb(57 202 199 / 0.34) !important;
  color: #ffffff !important;
  background: rgb(57 202 199 / 0.14) !important;
}
body:has(.claim-details-view) .claim-manual-modal .claim-action-button--primary {
  border-color: transparent !important;
  color: rgb(4 29 35) !important;
  background: linear-gradient(135deg, rgb(112 244 235), rgb(57 202 199) 58%, rgb(172 162 150)) !important;
  box-shadow: 0 14px 26px -22px rgb(57 202 199 / 0.72) !important;
}
@media (max-width: 780px) {
  body:has(.claim-details-view) .claim-manual-modal {
    align-items: flex-end !important;
    padding: 0.5rem !important;
    padding-bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px)) !important;
  }
  body:has(.claim-details-view) .claim-manual-modal__panel {
    max-height: calc(100dvh - 1rem) !important;
    border-radius: 18px 18px 14px 14px !important;
  }
  body:has(.claim-details-view) .claim-manual-modal-layout, body:has(.claim-details-view) .claim-manual-modal__form {
    padding: 1rem !important;
  }
  body:has(.claim-details-view) .claim-manual-modal-layout .claim-manual-assign-form {
    border-top-color: rgb(255 255 255 / 0.1) !important;
  }
}
body:has(.claim-details-view) .app-operator-badge {
  grid-template-columns: 35px minmax(0, 1fr) 32px !important;
  width: 254px !important;
  max-width: calc(100vw - 24px) !important;
  min-height: 58px !important;
  overflow: visible !important;
}
body:has(.claim-details-view) .app-operator-badge__label, body:has(.claim-details-view) .app-operator-badge__name {
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  word-break: normal !important;
}
body:has(.claim-details-view) .app-operator-badge__label {
  white-space: nowrap !important;
}
body:has(.claim-details-view) .app-operator-badge__name {
  display: block !important;
  white-space: normal !important;
  overflow-wrap: normal !important;
  font-size: 13.2px !important;
  line-height: 1.1 !important;
}
body:has(.claim-details-view) .local-db-badge {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 10px !important;
  align-items: start !important;
  row-gap: 3px !important;
  width: 254px !important;
  max-width: calc(100vw - 24px) !important;
  min-height: 72px !important;
  overflow: visible !important;
}
body:has(.claim-details-view) .local-db-badge::after {
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  margin-top: 3px !important;
}
body:has(.claim-details-view) .local-db-badge__label, body:has(.claim-details-view) .local-db-badge__name, body:has(.claim-details-view) .local-db-badge__endpoint, body:has(.claim-details-view) .local-db-badge__database {
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}
body:has(.claim-details-view) .local-db-badge__label, body:has(.claim-details-view) .local-db-badge__name {
  grid-column: 1 !important;
}
body:has(.claim-details-view) .local-db-badge__name {
  display: grid !important;
  gap: 2px !important;
  font-family: var(--font-mono) !important;
  line-height: 1.08 !important;
}
body:has(.claim-details-view) .local-db-badge__endpoint, body:has(.claim-details-view) .local-db-badge__database {
  display: block !important;
  overflow-wrap: anywhere !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-slot, .claim-details-view .claim-details-admin-actions .shared-note-mount {
  display: flex !important;
  flex: 0 0 auto !important;
  min-width: 0 !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher, .claim-details-view .claim-details-admin-actions .shared-note-launcher--empty, .claim-details-view .claim-details-admin-actions .shared-note-launcher--filled, .claim-details-view .claim-details-admin-actions .shared-note-launcher--loading {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  height: 42px !important;
  min-height: 42px !important;
  min-width: 112px !important;
  padding: 0 17px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #ffffff !important;
  color: #213347 !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
  transition: transform 160ms ease, color 160ms ease, box-shadow 160ms ease !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher:hover {
  transform: translateY(-1px) !important;
  color: #102033 !important;
  background: #ffffff !important;
  box-shadow: 0 16px 42px rgb(17 29 41 / 0.12) !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher__icon {
  display: inline-grid !important;
  place-items: center !important;
  width: 17px !important;
  height: 17px !important;
  flex: 0 0 auto !important;
  border-radius: 0 !important;
  background: transparent !important;
  color: #0f7180 !important;
  box-shadow: none !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher__icon svg {
  width: 17px !important;
  height: 17px !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher__label {
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
  line-height: 1 !important;
}
.claim-details-view .claim-details-admin-actions .shared-note-launcher__badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 18px !important;
  height: 18px !important;
  padding: 0 6px !important;
  border-radius: 999px !important;
  background: rgb(55 167 176 / 0.12) !important;
  color: #0f7180 !important;
  font-size: 10.5px !important;
  font-weight: 850 !important;
}
body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher.app-language-switcher .app-language-switcher__trigger.btn-muted .app-language-switcher__current.app-language-switcher__current {
  position: static !important;
  display: flex !important;
  flex: 1 1 auto !important;
  width: 100% !important;
  height: 20px !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  line-height: 20px !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher.app-language-switcher .app-language-switcher__trigger.btn-muted .app-language-switcher__code.app-language-switcher__code {
  position: static !important;
  display: inline-flex !important;
  width: 32px !important;
  height: 20px !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  border-radius: 999px !important;
  padding-inline: 6px !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 700 !important;
  line-height: 15.7143px !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-template-rows: auto repeat(2, minmax(0, 1fr)) !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-panel__header {
  grid-column: 1 / -1 !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-panel__meta, body:has(.dashboard-workspace) .dashboard-kpi-card--action, body:has(.dashboard-workspace) .dashboard-kpi-card--queue {
  display: none !important;
}
body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--notifications, body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin {
  display: inline-flex !important;
  position: relative !important;
  flex: 0 0 auto !important;
}
body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action__status, body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-admin-trigger__status {
  position: absolute !important;
  top: 6px !important;
  right: 8px !important;
  display: inline-grid !important;
  min-width: 7px !important;
  height: 7px !important;
  place-items: center !important;
  border: 1px solid rgb(255 255 255 / 0.72) !important;
  border-radius: 999px !important;
  background: #e11d48 !important;
  color: transparent !important;
  overflow: hidden !important;
  font-size: 0 !important;
  line-height: 0 !important;
}
@media (max-width: 900px) {
  body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar {
    display: grid !important;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr) 40px 40px !important;
    align-items: center !important;
    gap: 0.5rem !important;
    width: 100% !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--primary {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--notifications, body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin {
    width: 40px !important;
    min-width: 40px !important;
    max-width: 40px !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--notifications {
    grid-column: 3 !important;
    grid-row: 1 !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin {
    grid-column: 4 !important;
    grid-row: 1 !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--notifications > span:not(.dashboard-action__status), body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin .dashboard-admin-trigger__label {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    clip-path: inset(50%) !important;
    white-space: nowrap !important;
  }
}
body:has(.dashboard-workspace) #notifications-toggle, body:has(.dashboard-workspace) #notifications-root:has(#notifications-sidebar[aria-hidden="false"]) #notifications-toggle {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}
body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action__status, body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-admin-trigger__status {
  width: 7px !important;
  min-width: 7px !important;
  max-width: 7px !important;
  padding: 0 !important;
}
@media (max-width: 900px) {
  body:has(.dashboard-workspace) .dashboard-toolbar.dashboard-toolbar {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action.dashboard-action {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action.dashboard-action--strong.dashboard-action--strong {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action.dashboard-action--notifications.dashboard-action--notifications {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action.dashboard-action--admin.dashboard-action--admin {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--notifications > span:not(.dashboard-action__status), body:has(.dashboard-workspace) .dashboard-toolbar .dashboard-action--admin .dashboard-admin-trigger__label {
    position: static !important;
    display: inline !important;
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    white-space: nowrap !important;
  }
}
.profile-details-view.profile-details-view .claim-details-hero__content {
  grid-template-columns: minmax(0, 0.88fr) minmax(0, 1.42fr) !important;
  height: 318px !important;
  min-height: 318px !important;
  background: radial-gradient(42rem 24rem at 20% -38%, rgb(76 133 152 / 0.46), transparent 66%), radial-gradient(34rem 20rem at 98% 18%, rgb(55 167 176 / 0.16), transparent 62%), linear-gradient(113deg, #111e2d 0%, #18283a 48%, #0f1b29 100%) !important;
}
.profile-details-view.profile-details-view .claim-details-hero__copy, .profile-details-view.profile-details-view .claim-details-hero__aside {
  display: flex !important;
  min-height: 0 !important;
  max-height: 100% !important;
}
.profile-details-view.profile-details-view .claim-details-hero__copy {
  flex-direction: column !important;
  justify-content: center !important;
  overflow: visible !important;
  padding: 30px 32px !important;
  border-right: 1px solid rgb(255 255 255 / 0.11) !important;
}
.profile-details-view.profile-details-view .claim-details-hero__aside {
  align-items: stretch !important;
  padding: 24px !important;
  border-right: 0 !important;
  overflow: hidden !important;
}
.profile-details-view.profile-details-view .claim-details-hero__eyebrow {
  display: inline-flex !important;
  align-items: center !important;
  width: max-content !important;
  margin-bottom: 13px !important;
  color: rgb(255 255 255 / 0.58) !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  letter-spacing: 0.12em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.profile-details-view.profile-details-view .claim-details-hero__title-row {
  align-items: center !important;
  gap: 12px !important;
  margin: 0 0 16px !important;
}
.profile-details-view.profile-details-view .claim-details-hero__title {
  max-width: 18ch !important;
  margin: 0 !important;
  font-size: clamp(2.35rem, 3vw, 3.35rem) !important;
  line-height: 0.96 !important;
}
.profile-details-view.profile-details-view .claim-details-hero__subtitle, .profile-details-view.profile-details-view .claim-details-hero__submeta {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 8px !important;
  margin: 0 !important;
  color: rgb(255 255 255 / 0.76) !important;
  font-size: 14px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}
.profile-details-view.profile-details-view .claim-details-hero__submeta {
  margin-top: 7px !important;
  color: rgb(255 255 255 / 0.66) !important;
}
.profile-details-view.profile-details-view .claim-details-hero__submeta-label {
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
.profile-details-view.profile-details-view .claim-details-hero__chips {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
  margin-top: 15px !important;
}
.profile-details-view.profile-details-view .claim-details-hero__aside .claim-details-summary-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  grid-auto-rows: minmax(0, 1fr) !important;
  align-content: stretch !important;
  width: 100% !important;
  height: 100% !important;
  gap: 12px !important;
  padding: 0 !important;
  overflow: visible !important;
}
.profile-details-view.profile-details-view .claim-details-hero__aside .claim-details-summary-card {
  display: flex !important;
  min-height: 0 !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 16px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 17px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.105), rgb(255 255 255 / 0.055)), rgb(255 255 255 / 0.055) !important;
}
.profile-details-view.profile-details-view .claim-details-summary-card__value {
  max-width: 100% !important;
  margin-top: 7px !important;
  overflow: hidden !important;
  font-size: clamp(1.55rem, 1.8vw, 2.08rem) !important;
  line-height: 1 !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
.profile-details-view.profile-details-view .claim-details-summary-card__meta {
  max-width: 100% !important;
  margin-top: 7px !important;
  overflow: visible !important;
  color: rgb(255 255 255 / 0.62) !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
  line-height: 1.25 !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
.profile-details-view.profile-details-view .claim-details-utility-link {
  height: 42px !important;
  min-height: 42px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 16px !important;
  background: rgb(255 255 255 / 0.9) !important;
  color: #213347 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
}
.profile-details-view .claim-profile-picker-popover {
  border: 1px solid rgb(17 29 41 / 0.09) !important;
  border-radius: 18px !important;
  background: rgb(255 255 255 / 0.94) !important;
  box-shadow: 0 22px 54px rgb(17 29 41 / 0.18) !important;
  backdrop-filter: blur(16px);
}
.profile-details-view.profile-details-view .claim-section {
  margin-top: 0 !important;
}
.profile-details-view.profile-details-view .claim-section-shell, .profile-details-view.profile-details-view .claim-party-secondary:not(.claim-party-secondary--assets) {
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.7)), rgb(255 255 255 / 0.78) !important;
  box-shadow: 0 18px 48px rgb(17 29 41 / 0.08) !important;
  backdrop-filter: blur(18px);
}
.profile-details-view.profile-details-view .claim-section-shell {
  padding: 22px !important;
}
.profile-details-view.profile-details-view .claim-section-shell--muted {
  background: radial-gradient(34rem 18rem at 0% -28%, rgb(55 167 176 / 0.13), transparent 68%), linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(246 250 248 / 0.82)) !important;
}
.profile-details-view.profile-details-view .claim-section-shell__header {
  padding-bottom: 17px !important;
  border-color: rgb(17 29 41 / 0.08) !important;
}
.profile-details-view.profile-details-view .claim-section-shell__title {
  color: #102033 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.08 !important;
}
.profile-details-view.profile-details-view .claim-section-shell__description {
  max-width: 54rem !important;
  color: #566777 !important;
  font-size: 13px !important;
  font-weight: 620 !important;
  line-height: 1.45 !important;
}
.profile-details-view.profile-details-view .claim-section-shell__summary {
  gap: 12px !important;
  margin-top: 18px !important;
}
.profile-details-view.profile-details-view .claim-section-shell__summary-card, .profile-details-view.profile-details-view .claim-work-card, .profile-details-view.profile-details-view .claim-list-card, .profile-details-view.profile-details-view .claim-party-profile-card {
  border: 1px solid rgb(17 29 41 / 0.09) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(249 252 251 / 0.86)), #ffffff !important;
  box-shadow: 0 12px 28px rgb(17 29 41 / 0.055) !important;
}
.profile-details-view.profile-details-view .claim-section-shell__summary-card {
  min-height: 128px !important;
  padding: 16px !important;
}
.profile-details-view.profile-details-view .claim-section-shell__summary-value {
  color: #102033 !important;
  font-size: 18px !important;
  font-weight: 900 !important;
  line-height: 1.18 !important;
}
.profile-details-view.profile-details-view .claim-section-shell__summary-meta, .profile-details-view.profile-details-view .claim-work-card__description, .profile-details-view.profile-details-view .claim-list-row__meta {
  color: #63727f !important;
  font-weight: 620 !important;
}
.profile-details-view.profile-details-view .contact-dropdown__summary {
  min-height: 35px !important;
  margin-top: 12px !important;
  border-radius: 13px !important;
  background: #f6faf9 !important;
}
.profile-details-view.profile-details-view .btn-circle {
  width: 28px !important;
  height: 28px !important;
  min-width: 28px !important;
  border: 0 !important;
  background: #e8f3f2 !important;
  color: #0f7180 !important;
  box-shadow: none !important;
}
.profile-details-view.profile-details-view .claim-party-secondary:not(.claim-party-secondary--assets) {
  padding: 20px !important;
}
.profile-details-view.profile-details-view .claim-party-secondary:not(.claim-party-secondary--assets) .claim-party-secondary__title {
  color: #102033 !important;
  font-size: 22px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}
.profile-details-view.profile-details-view .claim-party-profile-card {
  min-height: 150px !important;
}
.profile-details-view.profile-details-view .claim-section-shell .claim-workload-kpis--five {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
  margin-top: 18px !important;
}
.profile-details-view.profile-details-view .claim-section-shell .claim-workload-kpi {
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-areas: "label" "value" "meta" !important;
  align-content: start !important;
  row-gap: 7px !important;
  min-height: 92px !important;
  padding: 14px !important;
  border: 1px solid rgb(17 29 41 / 0.09) !important;
  border-radius: 17px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(247 250 249 / 0.84)), #ffffff !important;
  box-shadow: 0 12px 28px rgb(17 29 41 / 0.055) !important;
}
.profile-details-view.profile-details-view .claim-section-shell .claim-workload-kpi::before {
  height: 3px !important;
}
.profile-details-view.profile-details-view .claim-section-shell .claim-workload-kpi__label {
  max-width: 100% !important;
  overflow: hidden !important;
  color: #61717d !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  line-height: 1.1 !important;
  overflow-wrap: normal !important;
  text-overflow: ellipsis !important;
  text-transform: uppercase !important;
  white-space: nowrap !important;
  word-break: normal !important;
}
.profile-details-view.profile-details-view .claim-section-shell .claim-workload-kpi__value {
  justify-self: start !important;
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: #102033 !important;
  font-size: 24px !important;
  font-weight: 900 !important;
  text-overflow: ellipsis !important;
}
.profile-details-view.profile-details-view .claim-section-shell .claim-workload-kpi__meta {
  color: #61717d !important;
  font-size: 11.5px !important;
  font-weight: 650 !important;
}
.profile-details-view.profile-details-view .modal-overlay {
  background: rgb(8 18 29 / 0.48) !important;
  backdrop-filter: blur(10px);
}
.profile-details-view.profile-details-view .claim-action-modal--contact {
  width: min(100%, 34rem) !important;
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.1) !important;
  border-radius: 24px !important;
  background: #f7fbfa !important;
  box-shadow: 0 28px 70px rgb(8 18 29 / 0.26) !important;
}
.profile-details-view.profile-details-view .claim-action-modal--contact .claim-action-modal__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  padding: 20px 22px !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  background: radial-gradient(24rem 14rem at 100% -40%, rgb(55 167 176 / 0.2), transparent 70%), #ffffff !important;
}
.profile-details-view.profile-details-view .claim-action-modal--contact .claim-action-modal__form {
  padding: 18px 22px 22px !important;
}
.claim-profile-modal {
  z-index: 220 !important;
  background: rgb(8 18 29 / 0.48) !important;
  backdrop-filter: blur(10px);
}
.claim-profile-modal__panel {
  width: min(100%, 34rem);
  max-height: calc(100vh - 4rem);
  overflow: auto;
  border: 1px solid rgb(17 29 41 / 0.1);
  border-radius: 24px;
  background: #f7fbfa;
  color: #102033;
  box-shadow: 0 28px 70px rgb(8 18 29 / 0.26);
}
.claim-profile-modal__head {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 36px;
  gap: 14px;
  align-items: start;
  padding: 20px 22px;
  border-bottom: 1px solid rgb(17 29 41 / 0.08);
  background: radial-gradient(24rem 14rem at 100% -40%, rgb(55 167 176 / 0.2), transparent 70%), #ffffff;
}
.claim-profile-modal__eyebrow, .claim-profile-modal__label {
  color: #61717d;
  font-size: 11px;
  font-weight: 900;
  letter-spacing: 0.08em;
  line-height: 1;
  text-transform: uppercase;
}
.claim-profile-modal__title {
  margin: 5px 0 0;
  color: #102033;
  font-size: 24px;
  font-weight: 950;
  line-height: 1.08;
}
.claim-profile-modal__close {
  display: grid;
  width: 36px;
  height: 36px;
  place-items: center;
  border: 1px solid rgb(17 29 41 / 0.1);
  border-radius: 999px;
  background: rgb(255 255 255 / 0.88);
  color: #526170;
  font-size: 20px;
  line-height: 1;
}
.claim-profile-modal__close:hover {
  background: #102033;
  color: #ffffff;
}
.claim-profile-modal__copy {
  margin: 0;
  padding: 18px 22px 0;
  color: #566777;
  font-size: 13px;
  font-weight: 650;
  line-height: 1.45;
}
.claim-profile-modal__spotlight {
  margin: 14px 22px 0;
  padding: 13px 14px;
  border: 1px solid rgb(17 29 41 / 0.08);
  border-radius: 16px;
  background: #eef8f7;
}
.claim-profile-modal__primary-value {
  display: block;
  margin-top: 5px;
  color: #102033;
  font-size: 16px;
  font-weight: 900;
  text-decoration: none;
}
.claim-profile-modal__empty {
  margin-top: 5px;
  color: #61717d;
  font-size: 14px;
  font-weight: 800;
}
.claim-profile-modal__list {
  display: grid;
  gap: 9px;
  padding: 18px 22px 22px;
}
.claim-profile-modal__option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
  min-height: 58px;
  padding: 12px 13px;
  border: 1px solid rgb(17 29 41 / 0.09);
  border-radius: 16px;
  background: #ffffff;
  color: #102033;
  text-decoration: none;
  box-shadow: 0 8px 20px rgb(17 29 41 / 0.04);
}
.claim-profile-modal__option:hover {
  border-color: rgb(55 167 176 / 0.34);
  background: #f6fbfb;
}
.claim-profile-modal__option-main {
  min-width: 0;
}
.claim-profile-modal__option-title {
  display: block;
  overflow: hidden;
  color: #102033;
  font-size: 13px;
  font-weight: 900;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.claim-profile-modal__option-meta {
  display: block;
  margin-top: 3px;
  overflow: hidden;
  color: #61717d;
  font-size: 11.5px;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.claim-profile-modal__option-action {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 11px;
  border-radius: 999px;
  background: #102033;
  color: #ffffff;
  font-size: 11.5px;
  font-weight: 850;
  white-space: nowrap;
}
@media (max-width: 1180px) {
  .profile-details-view.profile-details-view .claim-details-hero__content {
    grid-template-columns: minmax(0, 1fr) !important;
    height: auto !important;
    min-height: 0 !important;
  }
  .profile-details-view.profile-details-view .claim-details-hero__copy, .profile-details-view.profile-details-view .claim-details-hero__aside {
    border-right: 0 !important;
    border-bottom: 1px solid rgb(255 255 255 / 0.11) !important;
  }
  .profile-details-view.profile-details-view .claim-details-hero__aside {
    min-height: 260px !important;
    border-bottom: 0 !important;
  }
  .profile-details-view.profile-details-view .claim-section-shell .claim-workload-kpis--five {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 780px) {
  .profile-details-view.profile-details-view .claim-details-hero__copy, .profile-details-view.profile-details-view .claim-details-hero__aside {
    padding: 22px !important;
  }
  .profile-details-view.profile-details-view .claim-details-hero__title {
    font-size: 34px !important;
  }
  .profile-details-view.profile-details-view .claim-details-hero__aside .claim-details-summary-grid, .profile-details-view.profile-details-view .claim-section-shell .claim-workload-kpis--five {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .profile-details-view.profile-details-view .claim-section-shell {
    padding: 18px !important;
  }
  .claim-profile-modal__option {
    grid-template-columns: minmax(0, 1fr);
  }
  .claim-profile-modal__option-action {
    justify-content: center;
    width: max-content;
  }
}
@media (max-width: 900px) {
  body:has(.profile-details-view) .local-db-badge {
    position: fixed !important;
    left: 14px !important;
    right: auto !important;
    bottom: calc(14px + env(safe-area-inset-bottom, 0px)) !important;
    display: block !important;
    width: 12px !important;
    min-width: 12px !important;
    max-width: 12px !important;
    height: 12px !important;
    min-height: 12px !important;
    max-height: 12px !important;
    padding: 0 !important;
    border: 2px solid rgb(255 255 255 / 0.82) !important;
    border-radius: 999px !important;
    background: #0fa678 !important;
    box-shadow: 0 8px 18px rgb(15 23 42 / 0.18) !important;
    font-size: 0 !important;
    line-height: 0 !important;
  }
  body:has(.profile-details-view) .local-db-badge::after {
    display: none !important;
  }
  body:has(.profile-details-view) .local-db-badge__label, body:has(.profile-details-view) .local-db-badge__name {
    display: none !important;
  }
}
.profile-details-main-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  align-items: start !important;
  gap: 22px !important;
  margin-top: 24px !important;
}
.profile-details-main-grid__content {
  display: grid !important;
  width: min(100%, 76rem) !important;
  min-width: 0 !important;
  justify-self: start !important;
  gap: 22px !important;
}
.profile-details-main-grid > *, .profile-details-main-grid__content > *, .profile-details-main-grid__content .claim-section {
  min-width: 0 !important;
  max-width: 100% !important;
}
.profile-details-view.profile-details-view .profile-details-main-grid :is(.claim-section-shell, .claim-details-board, .claim-party-secondary) {
  width: 100% !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
.profile-details-view--debtor .profile-details-main-grid__content > .claim-section--debtor:has(> .claim-party-secondary--assets) {
  width: 100% !important;
  max-width: 100% !important;
  justify-self: start !important;
}
.profile-details-view.profile-details-view .profile-details-main-grid .claim-section-shell__summary {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.profile-details-view .profile-section-toc .claim-scroll-toc__card {
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(247 251 250 / 0.82)), #ffffff !important;
  box-shadow: 0 18px 42px rgb(17 29 41 / 0.08) !important;
  backdrop-filter: blur(16px);
}
.profile-details-view .profile-section-toc .claim-toc-link {
  min-height: 36px !important;
  border-radius: 13px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
.profile-details-view .profile-left-rail-actions {
  display: grid !important;
  gap: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 22px !important;
  background: rgb(255 255 255 / 0.68) !important;
  padding: 14px !important;
  color: #253548 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
  backdrop-filter: blur(18px);
}
.profile-details-view .profile-left-rail-actions__label {
  color: #51606c !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.profile-details-view .profile-left-rail-actions__note, .profile-details-view .profile-left-rail-actions__note :where(.shared-note-mount, .shared-note-slot) {
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
}
.profile-details-view .profile-left-rail-actions :where(.shared-note-trigger, .shared-note-trigger--loading) {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  width: 100% !important;
  min-height: 40px !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 14px !important;
  background: #102033 !important;
  color: #ffffff !important;
  padding: 0 10px !important;
  box-shadow: 0 10px 22px rgb(16 32 51 / 0.16) !important;
}
.profile-details-view .profile-left-rail-actions :where(.shared-note-trigger__icon, .shared-note-launcher__icon) {
  display: grid !important;
  width: 24px !important;
  height: 24px !important;
  place-items: center !important;
  border-radius: 9px !important;
  background: rgb(255 255 255 / 0.12) !important;
  color: #65ddd8 !important;
  box-shadow: none !important;
}
.profile-details-view .profile-left-rail-actions :where(.shared-note-trigger__icon svg, .shared-note-launcher__icon svg) {
  width: 15px !important;
  height: 15px !important;
}
.profile-details-view .profile-left-rail-actions :where(.shared-note-trigger__label, .shared-note-launcher__label) {
  color: inherit !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
.profile-details-view .profile-left-rail-actions :where(.shared-note-trigger__badge, .shared-note-launcher__badge) {
  display: inline-grid !important;
  min-width: 18px !important;
  height: 18px !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.14) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
.profile-left-rail-action {
  display: flex !important;
  min-width: 0 !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 0.82) !important;
  color: #203247 !important;
  padding: 0 10px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgb(17 29 41 / 0.045) !important;
}
.profile-left-rail-action:hover {
  transform: translateY(-1px) !important;
  color: #102033 !important;
  background: #ffffff !important;
}
.profile-left-rail-action__icon {
  display: grid !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 auto !important;
  place-items: center !important;
  border-radius: 9px !important;
  background: rgb(55 167 176 / 0.11) !important;
  color: #0f7180 !important;
}
.profile-left-rail-action__icon svg {
  width: 15px !important;
  height: 15px !important;
}
.profile-left-rail-actions__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
.profile-left-rail-actions__grid .profile-left-rail-action {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 24px auto !important;
  gap: 4px !important;
  min-height: 56px !important;
  padding: 7px 3px 6px !important;
  text-align: center !important;
}
body:has(.app-rail-workspace) .app-disclaimer-shell {
  position: fixed !important;
  z-index: 70 !important;
  top: 0 !important;
  right: 0 !important;
  left: 270px !important;
  display: block !important;
}
body:has(.app-rail-workspace) .app-disclaimer {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  height: 31px !important;
  min-height: 31px !important;
  max-height: 31px !important;
  padding: 0 24px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-bottom: 1px solid rgb(255 255 255 / 0.08) !important;
  border-radius: 0 !important;
  background: #0b1624 !important;
  color: rgb(255 255 255 / 0.84) !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  box-shadow: none !important;
}
body:has(.app-rail-workspace) .app-disclaimer :where(span, p, strong) {
  white-space: nowrap !important;
}
body:has(.app-rail-workspace) .app-disclaimer__legal, body:has(.app-rail-workspace) .app-disclaimer__rights {
  min-width: 0 !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
}
body:has(.app-rail-workspace) .app-topbar {
  --app-brand-logo-width: 235px !important;
  position: fixed !important;
  z-index: 70 !important;
  top: 31px !important;
  right: 0 !important;
  left: 270px !important;
  height: 81px !important;
  min-height: 81px !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: linear-gradient(180deg, #0b1624 0%, #101e2c 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 16px 38px rgb(0 0 0 / 0.18) !important;
}
body:has(.app-rail-workspace) .app-topbar::before, body:has(.app-rail-workspace) .app-topbar::after {
  content: none !important;
  display: none !important;
}
body:has(.app-rail-workspace) .app-topbar__primary {
  display: grid !important;
  grid-template-columns: minmax(220px, 250px) minmax(22rem, 1fr) max-content !important;
  grid-template-areas: none !important;
  align-items: center !important;
  gap: 22px !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-width: none !important;
  padding: 0 34px !important;
}
body:has(.app-rail-workspace) .app-topbar__brand {
  display: contents !important;
  grid-area: auto !important;
  width: auto !important;
  min-width: 0 !important;
}
body:has(.app-rail-workspace) .app-brand-link {
  display: flex !important;
  grid-column: 1 !important;
  align-items: center !important;
  justify-content: flex-start !important;
  width: 100% !important;
  height: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.app-rail-workspace) .app-brand-logo {
  display: block !important;
  width: min(235px, 100%) !important;
  max-width: 100% !important;
  height: auto !important;
  max-height: 64px !important;
  object-fit: contain !important;
  filter: drop-shadow(0 12px 18px rgb(0 0 0 / 0.32)) !important;
}
body:has(.app-rail-workspace) .app-operator-badge {
  position: fixed !important;
  z-index: 75 !important;
  top: 27px !important;
  left: 12px !important;
  display: grid !important;
  grid-template-columns: 35px minmax(0, 1fr) 32px !important;
  grid-template-rows: 1fr 1fr !important;
  column-gap: 8px !important;
  align-items: center !important;
  width: min(254px, calc(100vw - 24px)) !important;
  max-width: min(254px, calc(100vw - 24px)) !important;
  height: auto !important;
  min-height: 58px !important;
  margin: 0 !important;
  padding: 8px 12px !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 25px !important;
  background: linear-gradient(135deg, #172637, #101824) !important;
  color: #ffffff !important;
  text-decoration: none !important;
  box-shadow: 0 16px 32px rgb(17 29 41 / 0.16) !important;
}
body:has(.app-rail-workspace) .app-operator-badge__role {
  grid-row: 1 / 3 !important;
  display: grid !important;
  place-items: center !important;
  width: 35px !important;
  height: 35px !important;
  border-radius: 999px !important;
  background: linear-gradient(135deg, #2a8aa0, #1c3448) !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 800 !important;
}
body:has(.app-rail-workspace) .app-operator-badge__label, body:has(.app-rail-workspace) .app-operator-badge__name {
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}
body:has(.app-rail-workspace) .app-operator-badge__label {
  align-self: end !important;
  color: rgb(255 255 255 / 0.55) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
body:has(.app-rail-workspace) .app-operator-badge__name {
  display: block !important;
  align-self: start !important;
  color: #ffffff !important;
  font-size: 13.25px !important;
  font-weight: 850 !important;
  line-height: 1.12 !important;
  overflow-wrap: anywhere !important;
}
body:has(.app-rail-workspace) .app-operator-badge__settings {
  grid-column: 3 !important;
  grid-row: 1 / 3 !important;
  display: grid !important;
  place-items: center !important;
  width: 32px !important;
  height: 32px !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: #ffffff !important;
}
body:has(.app-rail-workspace) .app-topbar__search {
  grid-column: 2 !important;
  grid-area: auto !important;
  justify-self: stretch !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
}
body:has(.app-rail-workspace) .app-search-shell {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  min-width: 0 !important;
  max-width: none !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
body:has(.app-rail-workspace) .app-search-input {
  width: 100% !important;
  height: 46px !important;
  min-height: 46px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 18px !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.05) !important;
}
body:has(.app-rail-workspace) .app-search-input::placeholder {
  color: rgb(255 255 255 / 0.62) !important;
}
body:has(.app-rail-workspace) .app-topbar__actions {
  display: flex !important;
  grid-column: 3 !important;
  grid-area: auto !important;
  align-items: center !important;
  justify-content: flex-end !important;
  justify-self: end !important;
  flex-wrap: nowrap !important;
  gap: 22px !important;
  min-width: max-content !important;
  max-width: none !important;
}
body:has(.app-rail-workspace) .app-topbar__actions :where(.btn-primary, .btn-muted, .btn-danger, .app-language-switcher__trigger) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  min-height: 42px !important;
  height: 42px !important;
  gap: 8px !important;
  padding: 0 17px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 750 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
body:has(.app-rail-workspace) .app-topbar__actions .btn-danger {
  border-color: transparent !important;
  background: var(--claim-shot-red, #d81745) !important;
  color: #ffffff !important;
  box-shadow: 0 8px 22px rgb(216 23 69 / 0.3) !important;
}
body:has(.app-rail-workspace) .app-topbar__actions :where(.btn-primary, .btn-muted, .btn-danger) > span, body:has(.app-rail-workspace) .app-language-switcher__current, body:has(.app-rail-workspace) .app-language-switcher__code {
  position: static !important;
  width: auto !important;
  height: auto !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
  text-overflow: clip !important;
  white-space: nowrap !important;
}
body:has(.app-rail-workspace) .app-language-switcher__icon, body:has(.app-rail-workspace) .app-language-switcher__chevron {
  display: none !important;
}
body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
  width: 5.95rem !important;
  min-width: 5.95rem !important;
  max-width: 5.95rem !important;
  padding-inline: 0 !important;
}
body:has(.app-rail-workspace) .app-topbar-action__icon {
  position: static !important;
  display: inline-block !important;
  width: 16px !important;
  height: 16px !important;
  overflow: visible !important;
  clip: auto !important;
  clip-path: none !important;
}
body:has(.app-rail-workspace) .local-db-badge {
  position: fixed !important;
  z-index: 80 !important;
  left: 12px !important;
  bottom: 30px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 10px !important;
  align-items: start !important;
  row-gap: 3px !important;
  width: 254px !important;
  max-width: calc(100vw - 24px) !important;
  min-height: 76px !important;
  padding: 14px 36px 14px 16px !important;
  overflow: visible !important;
  border: 1px solid rgb(18 32 45 / 0.08) !important;
  border-radius: 16px !important;
  background: rgb(255 255 255 / 0.76) !important;
  color: #102033 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
}
body:has(.app-rail-workspace) .local-db-badge::after {
  content: "" !important;
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 10px !important;
  height: 10px !important;
  margin-top: 3px !important;
  border-radius: 999px !important;
  background: #0fa678 !important;
}
body:has(.app-rail-workspace) .local-db-badge__label, body:has(.app-rail-workspace) .local-db-badge__name, body:has(.app-rail-workspace) .local-db-badge__endpoint, body:has(.app-rail-workspace) .local-db-badge__database {
  min-width: 0 !important;
  max-width: none !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
}
body:has(.app-rail-workspace) .local-db-badge__label, body:has(.app-rail-workspace) .local-db-badge__name {
  grid-column: 1 !important;
}
body:has(.app-rail-workspace) .local-db-badge__label {
  display: block !important;
  color: #5d6b76 !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
body:has(.app-rail-workspace) .local-db-badge__name {
  display: grid !important;
  gap: 2px !important;
  margin-top: 3px !important;
  color: #102033 !important;
  font-family: var(--font-mono) !important;
  font-size: 13px !important;
  font-weight: 800 !important;
  line-height: 1.08 !important;
}
body:has(.app-rail-workspace) .local-db-badge__endpoint, body:has(.app-rail-workspace) .local-db-badge__database {
  display: block !important;
  overflow-wrap: anywhere !important;
}
body:has(.app-rail-workspace) .local-db-badge__endpoint {
  color: #4f606e !important;
  font-size: 11.4px !important;
}
body:has(.app-rail-workspace) .local-db-badge__database {
  color: #102033 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
}
body:has(.app-rail-workspace) #content {
  width: auto !important;
  max-width: none !important;
  margin-left: 270px !important;
  padding: 140px 36px 64px !important;
}
@media (max-width: 1180px) {
  body:has(.app-rail-workspace) .app-topbar__primary {
    grid-template-columns: minmax(10rem, 0.7fr) minmax(16rem, 1fr) max-content !important;
    gap: 14px !important;
    padding-inline: 22px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions {
    gap: 10px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions :where(.btn-primary, .btn-muted, .btn-danger, .app-language-switcher__trigger) span:not(.app-language-switcher__current):not(.app-language-switcher__code) {
    display: none !important;
  }
}
@media (max-width: 900px) {
  body:has(.app-rail-workspace) .app-shell::before {
    display: none !important;
  }
  body:has(.app-rail-workspace) .app-disclaimer-shell, body:has(.app-rail-workspace) .app-topbar {
    position: static !important;
    left: auto !important;
    right: auto !important;
  }
  body:has(.app-rail-workspace) .app-topbar {
    height: auto !important;
    min-height: 81px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__primary {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 14px !important;
    padding: 14px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__brand {
    display: flex !important;
    width: 100% !important;
  }
  body:has(.app-rail-workspace) .app-brand-link {
    width: 100% !important;
    flex: 1 1 auto !important;
    height: auto !important;
  }
  body:has(.app-rail-workspace) .app-brand-logo {
    width: 235px !important;
  }
  body:has(.app-rail-workspace) .app-operator-badge {
    position: static !important;
    width: min(254px, calc(100vw - 24px)) !important;
    max-width: min(254px, calc(100vw - 24px)) !important;
    min-height: 58px !important;
    padding: 8px 12px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__search {
    flex: 0 0 100% !important;
    order: 0 !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions {
    display: flex !important;
    flex: 0 0 176px !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
    margin-left: 0 !important;
    gap: 10px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions .btn-muted, body:has(.app-rail-workspace) .app-language-switcher__trigger, body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
    width: 176px !important;
    min-width: 176px !important;
    max-width: 176px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions form {
    margin-left: auto !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions .btn-danger {
    width: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    padding-inline: 0 !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger .app-language-switcher__current, body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger .app-language-switcher__code, body:has(.app-rail-workspace) .app-language-switcher__current, body:has(.app-rail-workspace) .app-language-switcher__code {
    position: static !important;
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    color: currentColor !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger .app-language-switcher__current {
    display: flex !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 1.25rem !important;
    align-items: center !important;
    justify-content: center !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger .app-language-switcher__code {
    display: inline-flex !important;
    width: 2rem !important;
    height: 1.25rem !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 999px !important;
    padding-inline: 0.375rem !important;
    font-size: 11px !important;
    font-weight: 700 !important;
  }
  body:has(.app-rail-workspace) .local-db-badge {
    bottom: 10px !important;
    min-height: 74px !important;
  }
  body:has(.app-rail-workspace) #content {
    margin-left: 0 !important;
    padding: 20px 16px 48px !important;
  }
}
body:has(.app-rail-workspace) .app-rail-workspace {
  width: min(100%, 96rem) !important;
  max-width: 96rem !important;
  margin: 0 auto 0 0 !important;
}
body:has(.app-rail-workspace) .app-section-toc {
  display: grid !important;
  position: fixed !important;
  z-index: 40 !important;
  top: 146px !important;
  left: 24px !important;
  width: 219px !important;
  max-width: calc(100vw - 48px) !important;
  max-height: calc(100vh - 268px) !important;
  gap: 12px !important;
  margin: 0 !important;
  overflow: visible !important;
  transform: none !important;
}
body:has(.app-rail-workspace) .app-section-toc .claim-scroll-toc__card, body:has(.app-rail-workspace) .app-left-rail-actions {
  overflow: hidden !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 22px !important;
  background: rgb(255 255 255 / 0.68) !important;
  color: #253548 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
  backdrop-filter: blur(18px) !important;
}
body:has(.app-rail-workspace) .app-section-toc .claim-scroll-toc__card {
  padding: 20px 17px !important;
}
body:has(.app-rail-workspace) .app-section-toc .claim-scroll-toc__section-label, body:has(.app-rail-workspace) .app-left-rail-actions .profile-left-rail-actions__label {
  margin: 0 0 8px !important;
  color: #51606c !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
body:has(.app-rail-workspace) .app-section-toc .claim-toc-link {
  display: flex !important;
  align-items: center !important;
  min-height: 36px !important;
  margin: 5px 0 !important;
  padding: 0 12px !important;
  border-radius: 13px !important;
  color: #253548 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
}
body:has(.app-rail-workspace) .app-section-toc .claim-toc-link::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 auto !important;
  margin-right: 10px !important;
  border-radius: 999px !important;
  background: #cfd9d8 !important;
}
body:has(.app-rail-workspace) .app-section-toc .claim-toc-link:is(.is-active, :hover, [aria-current="location"]) {
  background: rgb(235 247 246 / 0.86) !important;
  color: #102033 !important;
}
body:has(.app-rail-workspace) .app-section-toc .claim-toc-link:is(.is-active, [aria-current="location"])::before {
  background: #37a7b0 !important;
  box-shadow: 0 0 0 4px rgb(55 167 176 / 0.12) !important;
}
body:has(.app-rail-workspace) .app-left-rail-actions {
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
}
body:has(.app-rail-workspace) .app-left-rail-action--primary {
  justify-content: flex-start !important;
  background: #102033 !important;
  color: #ffffff !important;
}
body:has(.app-rail-workspace) .app-left-rail-action--primary .profile-left-rail-action__icon {
  background: rgb(101 221 216 / 0.16) !important;
  color: #65ddd8 !important;
}
body:has(.app-rail-workspace) .app-left-rail-action__badge {
  display: inline-grid !important;
  min-width: 22px !important;
  height: 22px !important;
  margin-left: auto !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.14) !important;
  color: #ffffff !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
@media (max-width: 1180px) {
  body:has(.app-rail-workspace) .app-section-toc {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
  }
  body:has(.app-rail-workspace) .app-section-toc nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  body:has(.app-rail-workspace) .app-section-toc .claim-toc-link {
    width: auto !important;
  }
  body:has(.app-rail-workspace) .app-left-rail-actions .profile-left-rail-actions__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
.profile-details-view .profile-claims-workload {
  margin-top: 0 !important;
}
.profile-details-view .profile-claims-workload .claim-details-board__body {
  display: grid !important;
  gap: 16px !important;
}
.profile-details-view .profile-claims-workload .claim-workload-kpis--five {
  grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.profile-details-view .profile-claims-workload .claim-workload-kpi {
  min-width: 0 !important;
}
.profile-claims-workload__table .claims-table {
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
  box-shadow: none !important;
}
.profile-claims-workload__table .claims-table::before {
  content: none !important;
}
.profile-claims-workload__table .claims-table__toolbar {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-height: 66px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(247 251 250 / 0.84)), #ffffff !important;
  padding: 12px 14px !important;
  box-shadow: 0 12px 28px rgb(17 29 41 / 0.045) !important;
}
.profile-claims-workload__table .claims-table__mark {
  width: 32px !important;
  height: 32px !important;
  border-radius: 12px !important;
  background: rgb(55 167 176 / 0.12) !important;
  color: #0f7180 !important;
}
.profile-claims-workload__table .claims-table__title {
  color: #102033 !important;
  font-size: 19px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1 !important;
}
.profile-claims-workload__table .claims-table__count-pill, .profile-claims-workload__table .claims-table__latest, .profile-claims-workload__table .claims-table__filter-pill, .profile-claims-workload__table .claims-table__settings-button {
  min-height: 34px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #203247 !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  box-shadow: none !important;
}
.profile-claims-workload__table .claims-table__search-label {
  color: #61717d !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
}
.profile-claims-workload__table .claims-table__search-input {
  min-height: 34px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #102033 !important;
  font-size: 12px !important;
  font-weight: 750 !important;
}
.profile-claims-workload__table .claims-table > .overflow-x-auto {
  margin-top: 12px !important;
  overflow-x: auto !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 20px !important;
  background: rgb(255 255 255 / 0.62) !important;
  padding: 10px 10px 2px !important;
}
.profile-claims-workload__table .claims-table__table {
  width: 100% !important;
  border-collapse: separate !important;
  border-spacing: 0 8px !important;
  background: transparent !important;
}
.profile-claims-workload__table .claims-table__head {
  background: transparent !important;
}
.profile-claims-workload__table .claims-table__th {
  padding: 0 10px 6px !important;
  border: 0 !important;
  background: transparent !important;
}
.profile-claims-workload__table .claims-table__sort, .profile-claims-workload__table .claims-table__sort-group-label {
  color: #7a8793 !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
.profile-claims-workload__table .status-row .claims-table__cell {
  min-height: 62px !important;
  border-top: 1px solid rgb(17 29 41 / 0.08) !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  background: #ffffff !important;
  padding: 13px 14px !important;
  color: #102033 !important;
  font-size: 12px !important;
  line-height: 1.3 !important;
  box-shadow: 0 10px 22px rgb(17 29 41 / 0.035) !important;
}
.profile-claims-workload__table .status-row .claims-table__cell:first-child {
  border-left: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 15px 0 0 15px !important;
}
.profile-claims-workload__table .status-row .claims-table__cell:last-child {
  border-right: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 0 15px 15px 0 !important;
}
.profile-claims-workload__table .status-row:hover .claims-table__cell {
  border-color: rgb(55 167 176 / 0.24) !important;
  background: #f8fcfb !important;
  box-shadow: 0 14px 28px rgb(17 29 41 / 0.06) !important;
}
.profile-claims-workload__tools {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 14px !important;
  min-width: 0 !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 17px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(247 251 250 / 0.82)), #ffffff !important;
  padding: 14px !important;
}
.profile-claims-workload__tool-copy {
  display: grid !important;
  min-width: 0 !important;
  gap: 4px !important;
}
.profile-claims-workload__tool-copy span, .profile-export-panel__label {
  color: #61717d !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.profile-claims-workload__tool-copy strong {
  color: #102033 !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
}
.profile-export-panel {
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.1) !important;
  border-radius: 20px !important;
  background: rgb(255 255 255 / 0.96) !important;
  box-shadow: 0 28px 70px rgb(8 18 29 / 0.22) !important;
  backdrop-filter: blur(16px);
}
.profile-export-panel__form, .profile-export-panel__archive {
  display: grid !important;
  gap: 14px !important;
  padding: 16px !important;
}
.profile-export-panel__archive {
  border-top: 1px solid rgb(17 29 41 / 0.08) !important;
}
.profile-export-panel__options, .profile-export-panel__reports {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px 12px !important;
  color: #102033 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}
.profile-export-panel__reports {
  grid-template-columns: minmax(0, 1fr) !important;
}
.profile-export-panel__options label, .profile-export-panel__reports label {
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  min-width: 0 !important;
}
.profile-export-panel__actions, .profile-export-panel__archive-actions {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 10px !important;
}
.profile-export-panel__archive-actions {
  justify-content: space-between !important;
}
.claimant-workspace-view__alert {
  border-color: rgb(216 91 107 / 0.22) !important;
}
.claim-asset-modal-overlay {
  z-index: 280 !important;
  align-items: flex-start !important;
  justify-content: center !important;
  overflow: auto !important;
  padding: calc(124px + env(safe-area-inset-top, 0px)) 22px 28px !important;
  background: radial-gradient(42rem 26rem at 50% -12%, rgb(55 167 176 / 0.22), transparent 70%), rgb(8 18 29 / 0.62) !important;
  backdrop-filter: blur(14px);
}
.claim-asset-modal-overlay .claim-asset-modal {
  width: min(100%, 66rem) !important;
  max-width: min(100%, 66rem) !important;
  max-height: calc(100vh - 160px) !important;
  max-height: calc(100svh - 160px) !important;
  overflow: auto !important;
  border: 1px solid rgb(17 29 41 / 0.12) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(246 250 249 / 0.96)), #ffffff !important;
  color: #102033 !important;
  padding: 0 !important;
  box-shadow: 0 34px 90px rgb(8 18 29 / 0.34) !important;
}
.claim-asset-modal-overlay .claim-asset-modal--wide {
  width: min(100%, 78rem) !important;
  max-width: min(100%, 78rem) !important;
}
.claim-asset-modal-overlay .claim-asset-modal--compact {
  width: min(100%, 48rem) !important;
  max-width: min(100%, 48rem) !important;
}
.claim-asset-modal-overlay :is(.claim-asset-modal__header, .claim-liiklus-modal__header) {
  position: sticky !important;
  top: 0 !important;
  z-index: 2 !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) 38px !important;
  align-items: start !important;
  gap: 16px !important;
  margin: 0 !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.09) !important;
  background: radial-gradient(30rem 16rem at 100% -40%, rgb(55 167 176 / 0.2), transparent 72%), linear-gradient(180deg, #ffffff, #f7fbfa) !important;
  padding: 20px 22px !important;
}
.claim-asset-modal-overlay :is(.claim-asset-modal__eyebrow, .claim-liiklus-modal__eyebrow) {
  color: #61717d !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
}
.claim-asset-modal-overlay :is(.claim-asset-modal__title, .claim-liiklus-modal__title) {
  margin-top: 6px !important;
  color: #102033 !important;
  font-size: clamp(22px, 2vw, 30px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
}
.claim-asset-modal-overlay :is(.claim-asset-modal__meta, .claim-liiklus-modal__meta) {
  max-width: 68rem !important;
  color: #61717d !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  line-height: 1.45 !important;
}
.claim-asset-modal-overlay .claim-asset-modal__close {
  display: grid !important;
  width: 38px !important;
  height: 38px !important;
  place-items: center !important;
  border: 1px solid rgb(17 29 41 / 0.1) !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.9) !important;
  color: #526170 !important;
  font-size: 20px !important;
  line-height: 1 !important;
}
.claim-asset-modal-overlay .claim-asset-modal__close:hover {
  background: #102033 !important;
  color: #ffffff !important;
}
.claim-asset-modal-overlay .claim-asset-modal > :not(.claim-asset-modal__header):not(.claim-liiklus-modal__header):not(.claim-asset-modal__footer):not(.claim-asset-modal__body) {
  margin-inline: 22px !important;
}
.claim-asset-modal-overlay .claim-asset-modal > :is(.claim-asset-valuation, .claim-kr-hero, .claim-liiklus-modal__section, .claim-liiklus-modal__facts, .claim-liiklus-modal__signals, .claim-liiklus-modal__accordion, .claim-liiklus-modal__extended-list, .claim-asset-modal__facts, .claim-asset-modal__panels) {
  margin-top: 16px !important;
}
.claim-asset-modal-overlay .claim-asset-modal__body {
  display: grid !important;
  gap: 16px !important;
  margin: 0 !important;
  padding: 18px 22px 0 !important;
}
.claim-asset-modal-overlay .claim-asset-modal__footer {
  display: flex !important;
  justify-content: flex-end !important;
  margin: 18px 0 0 !important;
  border-top: 1px solid rgb(17 29 41 / 0.08) !important;
  background: rgb(255 255 255 / 0.72) !important;
  padding: 14px 22px 18px !important;
}
.claim-asset-modal-overlay :is(.claim-asset-modal__facts, .claim-liiklus-modal__facts) {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.claim-asset-modal-overlay .claim-asset-modal__facts--three {
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}
.claim-asset-modal-overlay :is(.claim-asset-fact, .claim-liiklus-modal__fact, .claim-asset-panel, .claim-asset-mini-row, .claim-kr-summary-card, .claim-liiklus-modal__section, .claim-liiklus-modal__accordion, .claim-liiklus-modal__signal-item, .claim-liiklus-modal__extended-item) {
  min-width: 0 !important;
  border-color: rgb(17 29 41 / 0.08) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.97), rgb(248 251 250 / 0.9)), #ffffff !important;
  box-shadow: 0 10px 24px rgb(17 29 41 / 0.045) !important;
}
.claim-asset-modal-overlay :is(.claim-asset-fact, .claim-liiklus-modal__fact, .claim-asset-panel, .claim-kr-summary-card) {
  padding: 14px !important;
}
.claim-asset-modal-overlay .claim-asset-panel__label {
  color: #61717d !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.claim-asset-modal-overlay .claim-asset-panel__grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
  margin-top: 12px !important;
}
.claim-asset-modal-overlay .claim-asset-mini-row {
  display: grid !important;
  gap: 4px !important;
  padding: 11px 12px !important;
}
.claim-asset-modal-overlay .claim-asset-mini-row--wide {
  grid-column: 1 / -1 !important;
}
.claim-asset-modal-overlay .claim-asset-mini-row strong {
  color: #61717d !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.claim-asset-modal-overlay .claim-asset-mini-row span {
  color: #102033 !important;
  font-size: 13px !important;
  font-weight: 760 !important;
  line-height: 1.35 !important;
}
.claim-asset-modal-overlay .claim-asset-modal__button {
  min-height: 36px !important;
  border-radius: 999px !important;
  padding-inline: 14px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
.claim-asset-modal-overlay .claim-asset-modal__button--primary {
  background: #102033 !important;
  color: #ffffff !important;
}
.claim-asset-modal-overlay .claim-asset-modal--kpr {
  width: min(100%, 72rem) !important;
  max-width: min(100%, 72rem) !important;
}
.claim-asset-modal-overlay--kpr {
  position: fixed !important;
  inset: 0 !important;
  z-index: 10000 !important;
  align-items: center !important;
  justify-content: center !important;
  overflow: hidden !important;
  padding: clamp(14px, 2.2vw, 28px) !important;
}
.claim-asset-modal-overlay--kpr.hidden {
  display: none !important;
}
.claim-asset-modal-overlay--kpr .claim-asset-modal--kpr {
  display: flex !important;
  width: min(72rem, calc(100vw - 32px)) !important;
  max-width: min(72rem, calc(100vw - 32px)) !important;
  max-height: min(86vh, calc(100dvh - 32px)) !important;
  flex-direction: column !important;
  overflow: hidden !important;
}
.claim-asset-modal-overlay--kpr .claim-asset-modal--kpr .claim-asset-modal__body {
  min-height: 0 !important;
  overflow: auto !important;
}
.claim-asset-modal-overlay .claim-asset-modal--kpr .claim-asset-modal__header {
  padding: 16px 18px !important;
}
.claim-asset-modal-overlay .claim-asset-modal--kpr .claim-asset-modal__title {
  font-size: clamp(20px, 1.7vw, 26px) !important;
}
.claim-asset-modal-overlay .claim-asset-modal--kpr .claim-asset-modal__body {
  gap: 12px !important;
  padding: 14px 18px 0 !important;
}
.claim-asset-modal-overlay .claim-asset-modal--kpr .claim-asset-modal__footer {
  margin-top: 14px !important;
  padding: 12px 18px 14px !important;
}
.claim-asset-modal-overlay .claim-asset-modal--kpr .claim-asset-panel {
  padding: 11px 12px !important;
}
.claim-asset-modal-overlay .kpr-queue-summary {
  display: grid !important;
  grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.claim-asset-modal-overlay .kpr-queue-fact {
  min-width: 0 !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.97), rgb(248 251 250 / 0.9)), #ffffff !important;
  padding: 9px 10px !important;
  box-shadow: 0 8px 18px rgb(17 29 41 / 0.035) !important;
}
.claim-asset-modal-overlay .kpr-queue-fact--wide {
  grid-column: span 2 !important;
}
.claim-asset-modal-overlay .kpr-queue-fact span {
  display: block !important;
  color: #61717d !important;
  font-size: 10px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
.claim-asset-modal-overlay .kpr-queue-fact strong {
  display: block !important;
  min-width: 0 !important;
  margin-top: 4px !important;
  overflow-wrap: anywhere !important;
  color: #102033 !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  letter-spacing: 0 !important;
  line-height: 1.25 !important;
}
.claim-asset-modal-overlay .kpr-queue-note {
  border: 1px solid rgb(55 167 176 / 0.18) !important;
  border-radius: 12px !important;
  background: rgb(230 247 247 / 0.58) !important;
  color: #526170 !important;
  font-size: 12px !important;
  font-weight: 650 !important;
  letter-spacing: 0 !important;
  line-height: 1.45 !important;
  padding: 9px 11px !important;
}
.claim-asset-modal-overlay .kpr-queue-section {
  min-width: 0 !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(248 251 250 / 0.94)), #ffffff !important;
  box-shadow: 0 10px 24px rgb(17 29 41 / 0.04) !important;
  overflow: hidden !important;
}
.claim-asset-modal-overlay .kpr-queue-section__summary {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  cursor: pointer !important;
  color: #61717d !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  padding: 10px 12px !important;
  text-transform: uppercase !important;
}
.claim-asset-modal-overlay .kpr-queue-section__summary span {
  display: inline-grid !important;
  min-width: 24px !important;
  min-height: 22px !important;
  place-items: center !important;
  border: 1px solid rgb(17 29 41 / 0.1) !important;
  border-radius: 999px !important;
  background: #ffffff !important;
  color: #102033 !important;
  font-size: 11px !important;
  font-weight: 900 !important;
}
.claim-asset-modal-overlay .kpr-queue-table-wrap {
  max-width: 100% !important;
  overflow-x: auto !important;
  border-top: 1px solid rgb(17 29 41 / 0.08) !important;
}
.claim-asset-modal-overlay .kpr-queue-table {
  width: 100% !important;
  min-width: 920px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: #102033 !important;
  font-size: 12px !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
}
.claim-asset-modal-overlay .kpr-queue-table th {
  position: sticky !important;
  top: 0 !important;
  z-index: 1 !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  background: #f4f8f7 !important;
  color: #61717d !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.2 !important;
  padding: 7px 9px !important;
  text-align: left !important;
  text-transform: uppercase !important;
}
.claim-asset-modal-overlay .kpr-queue-table td {
  border-bottom: 1px solid rgb(17 29 41 / 0.07) !important;
  padding: 8px 9px !important;
  vertical-align: top !important;
}
.claim-asset-modal-overlay .kpr-queue-table tbody tr:last-child td {
  border-bottom: 0 !important;
}
.claim-asset-modal-overlay .kpr-queue-table tbody tr.is-ours td {
  background: rgb(230 247 247 / 0.5) !important;
}
.claim-asset-modal-overlay .kpr-queue-table__queue, .claim-asset-modal-overlay .kpr-queue-table__numeric {
  white-space: nowrap !important;
  text-align: right !important;
  font-variant-numeric: tabular-nums !important;
}
.claim-asset-modal-overlay .kpr-queue-table__queue {
  color: #526170 !important;
  font-weight: 900 !important;
  text-align: left !important;
}
.claim-asset-modal-overlay .kpr-queue-table__case, .claim-asset-modal-overlay .kpr-queue-table__main {
  color: #102033 !important;
  font-weight: 850 !important;
}
.claim-asset-modal-overlay .kpr-queue-table__case {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px !important;
}
.claim-asset-modal-overlay .kpr-queue-table__case span {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 20px !important;
  border: 1px solid rgb(24 110 119 / 0.28) !important;
  border-radius: 999px !important;
  padding: 0 8px !important;
  color: #186e77 !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
}
.claim-asset-modal-overlay .kpr-queue-table__sub, .claim-asset-modal-overlay .kpr-queue-empty {
  color: #61717d !important;
  font-size: 11.5px !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.35 !important;
}
.claim-asset-modal-overlay .kpr-queue-table__hint {
  margin-top: 5px !important;
  border-left: 2px solid rgb(55 167 176 / 0.4) !important;
  color: #526170 !important;
  font-size: 11.5px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  padding-left: 7px !important;
}
.claim-asset-modal-overlay .kpr-queue-empty {
  border-top: 1px solid rgb(17 29 41 / 0.08) !important;
  padding: 12px !important;
}
@media (max-width: 1180px) {
  .profile-details-main-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .profile-section-toc.profile-section-toc {
    position: relative !important;
    top: auto !important;
  }
  .profile-details-view .profile-section-toc nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  .profile-details-view .profile-section-toc .claim-toc-link {
    width: auto !important;
  }
  .profile-details-view .profile-claims-workload .claim-workload-kpis--five, .claim-asset-modal-overlay :is(.claim-asset-modal__facts, .claim-liiklus-modal__facts), .claim-asset-modal-overlay .claim-asset-modal__facts--three {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 780px) {
  .profile-details-main-grid {
    gap: 16px !important;
    margin-top: 16px !important;
  }
  .profile-details-main-grid__content {
    gap: 16px !important;
  }
  .profile-details-view .profile-claims-workload .claim-workload-kpis--five, .profile-export-panel__options, .claim-asset-modal-overlay :is(.claim-asset-modal__facts, .claim-liiklus-modal__facts), .claim-asset-modal-overlay .claim-asset-modal__facts--three, .claim-asset-modal-overlay .claim-asset-panel__grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .profile-claims-workload__tools {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  .claim-asset-modal-overlay {
    padding: calc(104px + env(safe-area-inset-top, 0px)) 12px 18px !important;
  }
  .claim-asset-modal-overlay .claim-asset-modal {
    max-height: calc(100vh - 124px) !important;
    max-height: calc(100svh - 124px) !important;
    border-radius: 20px !important;
  }
  .claim-asset-modal-overlay :is(.claim-asset-modal__header, .claim-liiklus-modal__header) {
    padding: 18px !important;
  }
  .claim-asset-modal-overlay .claim-asset-modal > :not(.claim-asset-modal__header):not(.claim-liiklus-modal__header):not(.claim-asset-modal__footer):not(.claim-asset-modal__body) {
    margin-inline: 16px !important;
  }
  .claim-asset-modal-overlay .claim-asset-modal__body {
    padding: 16px 16px 0 !important;
  }
  .claim-asset-modal-overlay .claim-asset-modal__footer {
    padding-inline: 16px !important;
  }
  .claim-asset-modal-overlay .kpr-queue-summary {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  .claim-asset-modal-overlay .kpr-queue-fact--wide {
    grid-column: span 1 !important;
  }
  .claim-asset-modal-overlay--kpr {
    align-items: center !important;
    justify-content: center !important;
    padding: 0.75rem !important;
  }
  .claim-asset-modal-overlay--kpr .claim-asset-modal--kpr {
    width: calc(100vw - 1.5rem) !important;
    max-width: calc(100vw - 1.5rem) !important;
    max-height: calc(100dvh - 1.5rem) !important;
    border-radius: 18px !important;
  }
}
body:has(.dashboard-workspace) .dashboard-workspace {
  width: min(100%, 96rem) !important;
  max-width: 96rem !important;
  margin: 0 auto 0 0 !important;
  gap: 22px !important;
}
body:has(.dashboard-workspace) .dashboard-section-toc {
  display: grid !important;
  position: fixed !important;
  z-index: 40 !important;
  top: 146px !important;
  left: 24px !important;
  width: 219px !important;
  max-width: calc(100vw - 48px) !important;
  gap: 12px !important;
  margin: 0 !important;
  overflow: visible !important;
  transform: none !important;
}
body:has(.dashboard-workspace) .dashboard-section-toc .claim-scroll-toc__card, body:has(.dashboard-workspace) .dashboard-left-rail-actions {
  overflow: hidden !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 22px !important;
  background: rgb(255 255 255 / 0.68) !important;
  color: #253548 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
  backdrop-filter: blur(18px) !important;
}
body:has(.dashboard-workspace) .dashboard-section-toc .claim-scroll-toc__card {
  padding: 20px 17px !important;
}
body:has(.dashboard-workspace) .dashboard-section-toc .claim-scroll-toc__section-label, body:has(.dashboard-workspace) .dashboard-left-rail-actions .profile-left-rail-actions__label {
  margin: 0 0 8px !important;
  color: #51606c !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
body:has(.dashboard-workspace) .dashboard-section-toc .claim-toc-link {
  display: flex !important;
  align-items: center !important;
  min-height: 36px !important;
  margin: 5px 0 !important;
  padding: 0 12px !important;
  border-radius: 13px !important;
  color: #253548 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
}
body:has(.dashboard-workspace) .dashboard-section-toc .claim-toc-link::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 auto !important;
  margin-right: 10px !important;
  border-radius: 999px !important;
  background: #cfd9d8 !important;
}
body:has(.dashboard-workspace) .dashboard-section-toc .claim-toc-link:is(.is-active, :hover, [aria-current="location"]) {
  background: linear-gradient(90deg, #ffffff, #edf5f4) !important;
  color: #102033 !important;
  box-shadow: 0 8px 18px rgb(20 31 42 / 0.06) !important;
}
body:has(.dashboard-workspace) .dashboard-section-toc .claim-toc-link:is(.is-active, [aria-current="location"])::before {
  background: #37a7b0 !important;
  box-shadow: 0 0 0 4px rgb(55 167 176 / 0.12) !important;
}
body:has(.dashboard-workspace) .dashboard-left-rail-actions {
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
}
body:has(.dashboard-workspace) .dashboard-left-rail-actions .profile-left-rail-action {
  appearance: none !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  cursor: pointer !important;
}
body:has(.dashboard-workspace) .dashboard-left-rail-action--primary {
  justify-content: center !important;
  background: #102033 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgb(16 32 51 / 0.16) !important;
}
body:has(.dashboard-workspace) .dashboard-left-rail-action--primary .profile-left-rail-action__icon {
  background: rgb(255 255 255 / 0.12) !important;
  color: #65ddd8 !important;
}
body:has(.dashboard-workspace) .dashboard-left-rail-action__badge {
  display: inline-grid !important;
  min-width: 18px !important;
  height: 18px !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.14) !important;
  color: #ffffff !important;
  padding: 0 5px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
@media (max-width: 1180px) {
  body:has(.dashboard-workspace) .dashboard-section-toc {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-section-toc nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  body:has(.dashboard-workspace) .dashboard-section-toc .claim-toc-link {
    width: auto !important;
  }
  body:has(.dashboard-workspace) .dashboard-left-rail-actions .profile-left-rail-actions__grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 780px) {
  body:has(.dashboard-workspace) .dashboard-workspace {
    gap: 16px !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__toolbar {
    align-items: stretch !important;
    flex-direction: column !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__controls {
    justify-content: flex-start !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table {
    min-width: 58rem !important;
  }
}
.claim-party-secondary--assets {
  border-color: rgb(17 29 41 / 0.1) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 20px 54px rgb(17 29 41 / 0.08) !important;
}
.claim-party-secondary--assets .claim-party-secondary__body--asset-map {
  background: linear-gradient(180deg, #ffffff, #f7fbfa), #ffffff !important;
  padding: 18px !important;
}
.claim-party-secondary--assets .claim-asset-summary-strip {
  gap: 14px !important;
}
.claim-party-secondary--assets .claim-asset-summary-card {
  min-height: 112px !important;
  border-color: rgb(17 29 41 / 0.1) !important;
  border-radius: 18px !important;
  background: radial-gradient(18rem 10rem at 8% -70%, rgb(55 167 176 / 0.16), transparent 70%), linear-gradient(180deg, #ffffff, #fbfdfc), #ffffff !important;
  padding: 18px !important;
  box-shadow: 0 10px 26px rgb(17 29 41 / 0.045) !important;
}
.claim-party-secondary--assets .claim-asset-summary-card::before {
  width: 5px !important;
  border-radius: 999px !important;
  background: #37a7b0 !important;
}
.claim-party-secondary--assets .claim-asset-summary-card--obligations::before {
  background: #d85b6b !important;
}
.claim-party-secondary--assets .claim-asset-summary-card__label {
  color: #60717f !important;
  font-size: 11px !important;
  font-weight: 950 !important;
}
.claim-party-secondary--assets .claim-asset-summary-card__value {
  margin-top: 8px !important;
  font-size: clamp(28px, 3vw, 38px) !important;
  line-height: 0.98 !important;
}
.claim-party-secondary--assets .claim-asset-shell__columns {
  gap: 16px !important;
}
.claim-party-secondary--assets .claim-asset-grid--assets {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-party-secondary--assets .claim-asset-column {
  border-color: rgb(17 29 41 / 0.1) !important;
  border-radius: 20px !important;
  background: #ffffff !important;
  padding: 18px !important;
  box-shadow: 0 12px 30px rgb(17 29 41 / 0.045) !important;
}
.claim-party-secondary--assets .claim-asset-column__title {
  color: #102033 !important;
  font-size: 17px !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
}
.claim-party-secondary--assets .claim-asset-column__subtitle {
  max-width: 32rem !important;
  color: #60717f !important;
  font-size: 12.5px !important;
  font-weight: 650 !important;
  line-height: 1.35 !important;
}
.claim-party-secondary--assets .claim-asset-card {
  border-color: rgb(17 29 41 / 0.1) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ffffff, #fbfdfc), #ffffff !important;
  padding: 16px !important;
  box-shadow: 0 12px 26px rgb(17 29 41 / 0.055) !important;
}
.claim-party-secondary--assets .claim-asset-card--asset {
  box-shadow: inset 4px 0 0 rgb(55 167 176 / 0.78), 0 12px 26px rgb(17 29 41 / 0.055) !important;
}
.claim-party-secondary--assets .claim-asset-card--obligation {
  box-shadow: inset 4px 0 0 rgb(216 91 107 / 0.78), 0 12px 26px rgb(17 29 41 / 0.055) !important;
}
.claim-party-secondary--assets .claim-asset-card:hover {
  border-color: rgb(55 167 176 / 0.3) !important;
  transform: translateY(-1px) !important;
}
.claim-party-secondary--assets .claim-asset-card__title, .claim-party-secondary--assets .claim-asset-obligation__title {
  color: #102033 !important;
  font-size: 14.5px !important;
  font-weight: 950 !important;
  line-height: 1.18 !important;
}
.claim-party-secondary--assets .claim-asset-card__meta, .claim-party-secondary--assets .claim-asset-card__source, .claim-party-secondary--assets .claim-asset-obligation__meta, .claim-party-secondary--assets .claim-asset-obligation__signal {
  color: #60717f !important;
  font-size: 12px !important;
  font-weight: 680 !important;
  line-height: 1.35 !important;
}
.claim-party-secondary--assets .claim-asset-card__probability-head {
  color: #60717f !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
}
.claim-party-secondary--assets .claim-asset-card__probability-track {
  height: 7px !important;
  background: #e6f1ef !important;
}
.claim-party-secondary--assets .claim-asset-card__action {
  min-height: 28px !important;
  border-color: rgb(16 32 51 / 0.1) !important;
  border-radius: 999px !important;
  background: #102033 !important;
  color: #ffffff !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
}
.claim-party-secondary--assets .claim-asset-card--empty {
  border-color: rgb(55 167 176 / 0.16) !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(246 251 250 / 0.86)), #ffffff !important;
  color: #60717f !important;
  font-size: 14px !important;
  font-weight: 760 !important;
}
@media (max-width: 780px) {
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__controls {
    flex-wrap: wrap !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search {
    flex: 1 1 100% !important;
    width: 100% !important;
    max-width: 100% !important;
  }
}
body:has(.app-rail-workspace) {
  background: #f7faf9 !important;
  color: #102033 !important;
}
body:has(.app-rail-workspace) .app-shell {
  min-height: 100vh !important;
  padding: 0 !important;
  background: linear-gradient(180deg, #ffffff 0, #f7faf9 15rem), #f7faf9 !important;
}
body:has(.app-rail-workspace) .container-card {
  width: 100% !important;
  max-width: none !important;
  min-height: 100vh !important;
  margin: 0 !important;
  overflow: visible !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}
@media (min-width: 901px) {
  body:has(.app-rail-workspace) #content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    padding: 140px 0 64px !important;
    background: transparent !important;
  }
}
body:has(.app-rail-workspace) .app-rail-workspace:is( .app-rail-workspace--settings, .app-rail-workspace--admin, .app-rail-workspace--search, .app-rail-workspace--tool, .app-rail-workspace--batch-test, .app-rail-workspace--processing-status, .app-rail-workspace--logs, .app-rail-workspace--intake, .app-rail-workspace--bank, .app-rail-workspace--external-claim, .app-rail-workspace--external-at, .app-rail-workspace--shared-note, .app-rail-workspace--portal ) {
  width: min(calc(100vw - 342px), 1536px) !important;
  max-width: 1536px !important;
  min-width: 0 !important;
  margin: 28px 36px 72px 306px !important;
}
body:has(.app-rail-workspace) .app-rail-workspace:is( .app-rail-workspace--settings, .app-rail-workspace--admin, .app-rail-workspace--search, .app-rail-workspace--tool, .app-rail-workspace--batch-test, .app-rail-workspace--processing-status, .app-rail-workspace--logs, .app-rail-workspace--intake, .app-rail-workspace--bank, .app-rail-workspace--external-claim, .app-rail-workspace--external-at, .app-rail-workspace--shared-note, .app-rail-workspace--portal ) > :not(.app-section-toc) {
  min-width: 0 !important;
  max-width: 100% !important;
}
body:has(.app-rail-workspace) .app-rail-workspace--tool pre {
  max-width: 100% !important;
}
body:has(.app-rail-workspace) .portal-left-rail-actions__logout {
  display: contents !important;
}
body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc) {
  display: grid !important;
  position: fixed !important;
  z-index: 40 !important;
  top: 146px !important;
  left: 24px !important;
  width: 219px !important;
  max-width: calc(100vw - 48px) !important;
  max-height: calc(100vh - 268px) !important;
  gap: 12px !important;
  margin: 0 !important;
  overflow: visible !important;
  transform: none !important;
}
body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc) .claim-scroll-toc__card, body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions) {
  overflow: hidden !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 22px !important;
  background: rgb(255 255 255 / 0.68) !important;
  color: #253548 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
  backdrop-filter: blur(18px) !important;
}
body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc) .claim-scroll-toc__card {
  padding: 20px 17px !important;
}
body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc) .claim-scroll-toc__section-label, body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions) .profile-left-rail-actions__label {
  margin: 0 0 8px !important;
  color: #51606c !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc) .claim-toc-link {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  align-items: center !important;
  margin: 5px 0 !important;
  padding: 0 12px !important;
  border-radius: 13px !important;
  color: #253548 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
}
body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc) .claim-toc-link::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 auto !important;
  margin-right: 10px !important;
  border-radius: 999px !important;
  background: #cfd9d8 !important;
}
body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc) .claim-toc-link:is(.is-active, :hover, [aria-current="location"]) {
  background: rgb(235 247 246 / 0.86) !important;
  color: #102033 !important;
}
body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc) .claim-toc-link:is(.is-active, [aria-current="location"])::before {
  background: #37a7b0 !important;
  box-shadow: 0 0 0 4px rgb(55 167 176 / 0.12) !important;
}
body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions) {
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
}
body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions) :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher) {
  min-width: 0 !important;
  max-width: 100% !important;
}
body:has(.app-rail-workspace) :is(.app-left-rail-action--primary, .dashboard-left-rail-action--primary), body:has(.app-rail-workspace) .profile-left-rail-actions__note :is(.shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher) {
  justify-content: center !important;
  border-color: rgb(16 32 51 / 0.08) !important;
  background: #102033 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgb(16 32 51 / 0.16) !important;
}
body:has(.app-rail-workspace) :is(.app-left-rail-action--primary, .dashboard-left-rail-action--primary) .profile-left-rail-action__icon, body:has(.app-rail-workspace) .profile-left-rail-actions__note :is(.shared-note-trigger__icon, .shared-note-launcher__icon) {
  background: rgb(255 255 255 / 0.12) !important;
  color: #65ddd8 !important;
}
body:has(.app-rail-workspace) :is(.app-left-rail-action__badge, .dashboard-left-rail-action__badge), body:has(.app-rail-workspace) .profile-left-rail-actions__note :is(.shared-note-trigger__badge, .shared-note-launcher__badge) {
  display: inline-grid !important;
  min-width: 18px !important;
  height: 18px !important;
  place-items: center !important;
  border-radius: 999px !important;
  background: rgb(255 255 255 / 0.14) !important;
  color: #ffffff !important;
  padding: 0 5px !important;
  font-size: 10px !important;
  font-weight: 900 !important;
}
body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions) .profile-left-rail-actions__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions) .profile-left-rail-actions__grid .profile-left-rail-action {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 24px auto !important;
  gap: 4px !important;
  min-height: 56px !important;
  padding: 7px 3px 6px !important;
  text-align: center !important;
}
body:has(.app-rail-workspace) .app-rail-workspace :is(.dashboard-command, .dashboard-attention, .dashboard-claims-zone, .profile-details-main-grid__content) {
  min-width: 0 !important;
  max-width: 100% !important;
}
@media (max-width: 1180px) {
  body:has(.app-rail-workspace) .app-rail-workspace:is( .app-rail-workspace--settings, .app-rail-workspace--admin, .app-rail-workspace--search, .app-rail-workspace--tool, .app-rail-workspace--batch-test, .app-rail-workspace--processing-status, .app-rail-workspace--logs, .app-rail-workspace--intake, .app-rail-workspace--bank, .app-rail-workspace--external-claim, .app-rail-workspace--external-at, .app-rail-workspace--shared-note, .app-rail-workspace--portal ) {
    width: auto !important;
    max-width: none !important;
    margin: 18px 16px 56px !important;
  }
  body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc) {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
  }
  body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc) nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc) .claim-toc-link {
    width: auto !important;
  }
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank {
  display: grid !important;
  gap: 16px !important;
  align-content: start !important;
  overflow: visible !important;
  color: #102033 !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank, body:has(.app-rail-workspace--bank) .app-rail-workspace--bank * {
  box-sizing: border-box !important;
  min-width: 0 !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-overview {
  position: relative !important;
  isolation: isolate !important;
  min-height: 220px !important;
  align-items: end !important;
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.08) !important;
  border-radius: 28px !important;
  background: radial-gradient(40rem 24rem at 4% -45%, rgb(55 167 176 / 0.24), transparent 65%), radial-gradient(30rem 18rem at 92% 10%, rgb(255 255 255 / 0.08), transparent 64%), linear-gradient(135deg, #17354a 0%, #102033 48%, #0c1928 100%) !important;
  padding: 30px 32px !important;
  color: #ffffff !important;
  box-shadow: 0 26px 62px rgb(17 29 41 / 0.16) !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-overview::before {
  position: absolute !important;
  inset: 0 !important;
  z-index: -1 !important;
  content: "" !important;
  background: linear-gradient(90deg, rgb(255 255 255 / 0.08), transparent 32%, rgb(255 255 255 / 0.04)) !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-overview > div:first-child {
  max-width: 42rem !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-overview h1 {
  color: #ffffff !important;
  font-size: clamp(34px, 4vw, 60px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 0.95 !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-overview p {
  margin-top: 14px !important;
  max-width: 42rem !important;
  color: rgb(255 255 255 / 0.72) !important;
  font-size: 15px !important;
  font-weight: 650 !important;
  line-height: 1.5 !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-overview .flex {
  justify-content: flex-end !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank :is(.btn-primary, .btn-muted, .btn-ghost).btn-compact {
  min-height: 40px !important;
  border: 1px solid rgb(16 32 51 / 0.1) !important;
  border-radius: 999px !important;
  padding: 0 15px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  box-shadow: 0 12px 24px rgb(17 29 41 / 0.08) !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-overview :is(.btn-primary, .btn-muted, .btn-ghost).btn-compact {
  border-color: rgb(255 255 255 / 0.12) !important;
  background: rgb(255 255 255 / 0.12) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12), 0 14px 30px rgb(0 0 0 / 0.16) !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-overview .btn-primary.btn-compact {
  background: #ffffff !important;
  color: #102033 !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank > .mt-3.flex, body:has(.app-rail-workspace--bank) .app-rail-workspace--bank > .mt-2.flex {
  width: 100% !important;
  margin-top: 0 !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(247 251 250 / 0.84)), #ffffff !important;
  padding: 12px 14px !important;
  box-shadow: 0 12px 28px rgb(17 29 41 / 0.045) !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank > .mt-3.flex .inline-flex {
  max-width: 100% !important;
  overflow-x: auto !important;
  border-color: rgb(17 29 41 / 0.08) !important;
  border-radius: 999px !important;
  background: #eef8f7 !important;
  padding: 4px !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank > .mt-3.flex a, body:has(.app-rail-workspace--bank) .app-rail-workspace--bank > .mt-2.flex a {
  min-height: 32px !important;
  align-items: center !important;
  border-radius: 999px !important;
  padding: 0 12px !important;
  color: #526475 !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank > .mt-3.flex a:hover, body:has(.app-rail-workspace--bank) .app-rail-workspace--bank > .mt-3.flex a.bg-\[var\(--color-muted\)\], body:has(.app-rail-workspace--bank) .app-rail-workspace--bank > .mt-2.flex a.font-semibold {
  background: #102033 !important;
  color: #ffffff !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank > section.mt-3, body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-payments > section, body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-entries {
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.1) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(248 251 250 / 0.9)), #ffffff !important;
  padding: 22px !important;
  box-shadow: 0 20px 48px rgb(17 29 41 / 0.065) !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-payments, body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-entries {
  margin-top: 0 !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-payments {
  gap: 16px !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank :is(h2, h3) {
  color: #102033 !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank :is(input.input-compact, select.input-compact) {
  min-height: 42px !important;
  border-color: rgb(17 29 41 / 0.12) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #102033 !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 720 !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank label > span:first-child {
  color: #60717f !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.2 !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank .overflow-x-auto {
  max-width: 100% !important;
  overflow-x: auto !important;
  border-color: rgb(17 29 41 / 0.1) !important;
  border-radius: 18px !important;
  background: #ffffff !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank table {
  width: 100% !important;
  min-width: 720px !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: #102033 !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank thead {
  background: #eef8f7 !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank th {
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  color: #60717f !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0.02em !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank td {
  border-top: 0 !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  color: #102033 !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank tbody tr:hover td {
  background: #f7fbfa !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank :is(.badge, .rounded-full) {
  border-radius: 999px !important;
  font-weight: 900 !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank :is(.bg-rose-50, .bg-amber-50, .bg-emerald-50) {
  border-radius: 16px !important;
  font-weight: 720 !important;
}
@media (max-width: 1180px) {
  body:has(.app-rail-workspace--bank) .app-rail-workspace--bank {
    gap: 14px !important;
    overflow-x: hidden !important;
  }
  body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-overview {
    min-height: 0 !important;
    padding: 24px 22px !important;
  }
  body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-overview h1 {
    font-size: 34px !important;
  }
  body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-overview .flex {
    justify-content: flex-start !important;
    width: 100% !important;
  }
  body:has(.app-rail-workspace--bank) .app-rail-workspace--bank > section.mt-3, body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-payments > section, body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-entries {
    padding: 17px !important;
    border-radius: 20px !important;
  }
}
body:has(.app-rail-workspace--bank) .bank-control-strip {
  width: 100% !important;
  margin-top: 0 !important;
  align-items: center !important;
  gap: 10px !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 20px !important;
  background: radial-gradient(28rem 10rem at 0% -60%, rgb(55 167 176 / 0.1), transparent 72%), linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(247 251 250 / 0.88)), #ffffff !important;
  padding: 12px 14px !important;
  box-shadow: 0 12px 28px rgb(17 29 41 / 0.045) !important;
}
body:has(.app-rail-workspace--bank) .bank-control-strip > span:first-child {
  color: #60717f !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
}
body:has(.app-rail-workspace--bank) .bank-control-strip :is(a, button) {
  min-height: 32px !important;
  align-items: center !important;
  border-radius: 999px !important;
  padding: 0 13px !important;
  color: #526475 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}
body:has(.app-rail-workspace--bank) .bank-control-strip :is(a:hover, a.font-semibold, a.bg-\[var\(--color-muted\)\]) {
  background: #102033 !important;
  color: #ffffff !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank #app-page-payments {
  align-items: start !important;
}
body:has(.app-rail-workspace--bank) .bank-surface {
  display: block !important;
  gap: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, #ffffff, #f7fbfa) !important;
  padding: 0 !important;
  box-shadow: 0 20px 50px rgb(17 29 41 / 0.07) !important;
}
body:has(.app-rail-workspace--bank) .bank-surface__header {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
  min-height: 94px !important;
  height: auto !important;
  margin: 0 !important;
  align-items: flex-start !important;
  border-bottom: 1px solid rgb(255 255 255 / 0.08) !important;
  background: radial-gradient(28rem 16rem at 8% -56%, rgb(76 133 152 / 0.42), transparent 72%), linear-gradient(112deg, #17283a 0%, #101d2c 58%, #0d1724 100%) !important;
  padding: 20px 22px !important;
  color: #ffffff !important;
}
body:has(.app-rail-workspace--bank) .bank-surface__header :is(h2, h3) {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
}
body:has(.app-rail-workspace--bank) .bank-surface__header p, body:has(.app-rail-workspace--bank) .bank-surface__header span {
  color: rgb(255 255 255 / 0.68) !important;
  font-size: 12.5px !important;
  font-weight: 680 !important;
  line-height: 1.38 !important;
}
body:has(.app-rail-workspace--bank) .bank-surface > :not(.bank-surface__header) {
  padding: 18px 22px !important;
}
body:has(.app-rail-workspace--bank) .app-rail-workspace--bank :is(#app-page-payments > section.bank-surface, #app-page-entries.bank-surface, section.bank-surface--balance) {
  padding: 0 !important;
}
body:has(.app-rail-workspace--bank) .bank-payment-form-modern {
  display: grid !important;
  gap: 14px !important;
}
body:has(.app-rail-workspace--bank) .bank-payment-form-modern__grid {
  gap: 14px !important;
}
body:has(.app-rail-workspace--bank) .bank-payment-form-modern label {
  display: grid !important;
  gap: 6px !important;
}
body:has(.app-rail-workspace--bank) .bank-payment-form-modern label > span:first-child {
  margin: 0 !important;
  color: #60717f !important;
  font-size: 11px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
}
body:has(.app-rail-workspace--bank) .bank-payment-form-modern :is(input.input-compact, select.input-compact) {
  min-height: 44px !important;
  border: 1px solid rgb(17 29 41 / 0.1) !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, #ffffff, #fbfdfc), #ffffff !important;
  color: #102033 !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86) !important;
}
body:has(.app-rail-workspace--bank) .bank-payment-form-modern :is(input.input-compact, select.input-compact):focus {
  outline: 2px solid rgb(55 167 176 / 0.62) !important;
  outline-offset: 2px !important;
  border-color: rgb(55 167 176 / 0.35) !important;
}
body:has(.app-rail-workspace--bank) .bank-payment-form-modern label.inline-flex {
  display: flex !important;
  align-items: center !important;
  width: fit-content !important;
  max-width: 100% !important;
  border: 1px solid rgb(55 167 176 / 0.14) !important;
  border-radius: 999px !important;
  background: #eef8f7 !important;
  padding: 8px 11px !important;
  color: #526475 !important;
  font-weight: 780 !important;
}
body:has(.app-rail-workspace--bank) .bank-data-table-wrap {
  overflow-x: auto !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
body:has(.app-rail-workspace--bank) .bank-data-table {
  width: 100% !important;
  min-width: 760px !important;
  border-collapse: separate !important;
  border-spacing: 0 10px !important;
  background: transparent !important;
  color: #102033 !important;
}
body:has(.app-rail-workspace--bank) .bank-data-table thead {
  background: transparent !important;
}
body:has(.app-rail-workspace--bank) .bank-data-table th {
  border: 0 !important;
  color: #60717f !important;
  padding: 0 13px 6px !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
body:has(.app-rail-workspace--bank) .bank-data-table tbody tr {
  filter: drop-shadow(0 10px 18px rgb(17 29 41 / 0.045)) !important;
}
body:has(.app-rail-workspace--bank) .bank-data-table td {
  border-top: 1px solid rgb(17 29 41 / 0.08) !important;
  border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
  background: radial-gradient(20rem 9rem at 0% 0%, rgb(55 167 176 / 0.055), transparent 72%), #ffffff !important;
  color: #102033 !important;
  padding: 13px !important;
  font-size: 13px !important;
  line-height: 1.35 !important;
  vertical-align: middle !important;
}
body:has(.app-rail-workspace--bank) .bank-data-table td:first-child {
  border-left: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 17px 0 0 17px !important;
}
body:has(.app-rail-workspace--bank) .bank-data-table td:last-child {
  border-right: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 0 17px 17px 0 !important;
}
body:has(.app-rail-workspace--bank) .bank-data-table tbody tr:hover td {
  background: radial-gradient(20rem 9rem at 0% 0%, rgb(55 167 176 / 0.09), transparent 72%), #f8fcfb !important;
}
body:has(.app-rail-workspace--bank) .bank-table-panel :is(.rounded-md, .bg-\[var\(--color-muted\)\]\/20) {
  border-radius: 16px !important;
}
@media (max-width: 1180px) {
  body:has(.app-rail-workspace--bank) .bank-surface__header, body:has(.app-rail-workspace--bank) .bank-surface > :not(.bank-surface__header) {
    padding: 16px !important;
  }
}
@media (min-width: 981px) and (max-width: 1500px) {
  body:has(.app-rail-workspace) .app-topbar__primary {
    grid-template-columns: minmax(9rem, 12rem) minmax(14rem, 1fr) max-content !important;
    gap: 12px !important;
    padding-inline: 20px !important;
  }
  body:has(.app-rail-workspace) .app-brand-logo {
    width: min(190px, 100%) !important;
    max-height: 58px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions {
    gap: 10px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions :where(.btn-primary, .btn-muted, .btn-danger, .app-language-switcher__trigger) {
    min-height: 40px !important;
    height: 40px !important;
    padding-inline: 12px !important;
    font-size: 13px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
    width: 5rem !important;
    min-width: 5rem !important;
    max-width: 5rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__head tr, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard tbody tr[data-row] {
    grid-template-columns: minmax(8rem, 0.78fr) minmax(0, 1.95fr) minmax(0, 1.48fr) minmax(8.5rem, 0.92fr) minmax(7rem, 0.78fr) 42px !important;
  }
}
@media (min-width: 1181px) {
  body:has(.app-rail-workspace) .app-topbar__primary {
    grid-template-columns: minmax(220px, 250px) minmax(22rem, 1fr) max-content !important;
    gap: 22px !important;
    padding: 0 34px !important;
  }
  body:has(.app-rail-workspace) .app-brand-logo {
    width: min(235px, 100%) !important;
    max-height: 64px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions {
    gap: 22px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions :where(.btn-primary, .btn-muted, .btn-danger, .app-language-switcher__trigger) {
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 17px !important;
    font-size: 14px !important;
  }
  body:has(.app-rail-workspace) .app-language-switcher, body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
    width: 95px !important;
    min-width: 95px !important;
    max-width: 95px !important;
  }
}
@media (min-width: 1181px) {
  body:has(.app-rail-workspace:is(.dashboard-workspace, .profile-details-view)) #content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    padding: 140px 0 64px !important;
    background: transparent !important;
  }
  body:has(.app-rail-workspace:is(.dashboard-workspace, .profile-details-view)) .app-rail-workspace:is(.dashboard-workspace, .profile-details-view) {
    width: min(calc(100vw - 342px), 1536px) !important;
    max-width: 1536px !important;
    min-width: 0 !important;
    margin: 0 36px 72px 306px !important;
    padding: 0 !important;
  }
  body:has(.app-rail-workspace:is(.dashboard-workspace, .profile-details-view)) .app-rail-workspace:is(.dashboard-workspace, .profile-details-view) > :not(.dashboard-section-toc):not(.profile-section-toc):not(.app-section-toc) {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body:has(.dashboard-workspace) :is(.dashboard-command, .dashboard-attention, .dashboard-claims-zone), body:has(.profile-details-view) :is(.claim-details-hero, .claim-details-tab-outer-shell, .profile-details-main-grid, .profile-details-main-grid__content, .profile-details-main-grid__content > *, .profile-details-main-grid__content .claim-party-secondary--assets) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
  }
  body:has(.profile-details-view) .profile-details-main-grid__content > .claim-section--debtor:has(> .claim-party-secondary--assets) {
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
  }
}
body:has(.app-rail-workspace) > .local-db-badge:not(.local-db-badge--rail) {
  display: none !important;
}
body:has(.app-rail-workspace) .claim-scroll-toc .local-db-badge--rail {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 74px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  grid-template-columns: minmax(0, 1fr) 10px !important;
  align-items: start !important;
  row-gap: 3px !important;
  padding: 14px 34px 14px 16px !important;
  overflow: visible !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 16px !important;
  background: rgb(255 255 255 / 0.72) !important;
  color: #102033 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
  backdrop-filter: blur(18px) !important;
}
body:has(.app-rail-workspace) .claim-scroll-toc .local-db-badge--rail::after {
  content: "" !important;
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 10px !important;
  height: 10px !important;
  margin-top: 3px !important;
  border-radius: 999px !important;
  background: #0fa678 !important;
}
@media (max-width: 900px) {
  body:has(.app-rail-workspace) .claim-scroll-toc .local-db-badge--rail {
    width: min(254px, 100%) !important;
    max-width: 100% !important;
  }
}
.claim-party-secondary--assets {
  container-type: inline-size !important;
  scroll-margin-top: 132px !important;
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 24px !important;
  background: #ffffff !important;
  box-shadow: 0 20px 54px rgb(17 29 41 / 0.075) !important;
}
.claim-party-secondary--assets .claim-party-secondary__body--asset-map {
  display: grid !important;
  gap: 16px !important;
  overflow: hidden !important;
  padding: 18px !important;
  background: radial-gradient(34rem 18rem at 0% -20%, rgb(55 167 176 / 0.09), transparent 72%), linear-gradient(180deg, #ffffff 0%, #f6fbfa 100%) !important;
}
.claim-party-secondary--assets .claim-asset-summary-strip {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
.claim-party-secondary--assets .claim-asset-summary-card {
  position: relative !important;
  display: grid !important;
  min-height: 104px !important;
  align-content: start !important;
  gap: 7px !important;
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ffffff, #fbfdfc) !important;
  padding: 18px 18px 16px 20px !important;
  box-shadow: 0 12px 28px rgb(17 29 41 / 0.045) !important;
}
.claim-party-secondary--assets .claim-asset-summary-card::before {
  position: absolute !important;
  inset: 16px auto 16px 0 !important;
  width: 5px !important;
  border-radius: 0 999px 999px 0 !important;
  background: #37a7b0 !important;
  content: "" !important;
}
.claim-party-secondary--assets .claim-asset-summary-card--obligations::before {
  background: #d85b6b !important;
}
.claim-party-secondary--assets .claim-asset-summary-card__label, .claim-party-secondary--assets .claim-asset-card__eyebrow, .claim-party-secondary--assets .claim-asset-card__detail span, .claim-party-secondary--assets .claim-asset-card__source span {
  color: #60717f !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  text-transform: uppercase !important;
}
.claim-party-secondary--assets .claim-asset-summary-card__value {
  color: #102033 !important;
  font-size: clamp(26px, 3.1vw, 36px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 0.98 !important;
}
.claim-party-secondary--assets .claim-asset-summary-card__meta {
  color: #60717f !important;
  font-size: 12px !important;
  font-weight: 720 !important;
  line-height: 1.35 !important;
}
.claim-party-secondary--assets .claim-asset-shell__columns {
  display: grid !important;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.05fr) !important;
  gap: 16px !important;
  align-items: start !important;
}
.claim-party-secondary--assets .claim-asset-column {
  display: grid !important;
  gap: 12px !important;
  min-width: 0 !important;
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 20px !important;
  background: rgb(255 255 255 / 0.82) !important;
  padding: 18px !important;
  box-shadow: 0 12px 30px rgb(17 29 41 / 0.045) !important;
}
.claim-party-secondary--assets .claim-asset-column__title {
  color: #102033 !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.08 !important;
}
.claim-party-secondary--assets .claim-asset-column__subtitle {
  max-width: 36rem !important;
  margin: -5px 0 0 !important;
  color: #60717f !important;
  font-size: 12.5px !important;
  font-weight: 680 !important;
  line-height: 1.35 !important;
}
.claim-party-secondary--assets .claim-asset-grid {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 10px !important;
  margin-top: 0 !important;
}
.claim-party-secondary--assets .claim-asset-card {
  display: grid !important;
  min-width: 0 !important;
  min-height: 0 !important;
  align-content: start !important;
  gap: 10px !important;
  overflow: hidden !important;
  border: 1px solid rgb(17 29 41 / 0.08) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ffffff, #fbfdfc) !important;
  padding: 14px !important;
  color: #102033 !important;
  text-align: left !important;
  box-shadow: 0 12px 26px rgb(17 29 41 / 0.05) !important;
}
.claim-party-secondary--assets .claim-asset-card--asset {
  box-shadow: inset 4px 0 0 rgb(55 167 176 / 0.72), 0 12px 26px rgb(17 29 41 / 0.05) !important;
}
.claim-party-secondary--assets .claim-asset-card--obligation {
  box-shadow: inset 4px 0 0 rgb(216 91 107 / 0.72), 0 12px 26px rgb(17 29 41 / 0.05) !important;
}
.claim-party-secondary--assets .claim-asset-card--interactive:hover {
  border-color: rgb(55 167 176 / 0.28) !important;
  transform: translateY(-1px) !important;
}
.claim-party-secondary--assets .claim-asset-card--interactive:focus-visible {
  outline: 2px solid rgb(55 167 176 / 0.85) !important;
  outline-offset: 3px !important;
}
.claim-party-secondary--assets .claim-asset-card__body {
  display: grid !important;
  min-width: 0 !important;
  min-height: 100% !important;
  align-content: start !important;
  gap: 10px !important;
}
.claim-party-secondary--assets .claim-asset-card__header {
  display: grid !important;
  grid-template-columns: 42px minmax(0, 1fr) !important;
  gap: 12px !important;
  align-items: start !important;
  min-width: 0 !important;
}
.claim-party-secondary--assets .claim-asset-card__mark {
  display: grid !important;
  width: 42px !important;
  height: 42px !important;
  place-items: center !important;
  border: 1px solid rgb(55 167 176 / 0.18) !important;
  border-radius: 14px !important;
  background: #e8f7f6 !important;
  color: #0f7180 !important;
  font-size: 10.5px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}
.claim-party-secondary--assets .claim-asset-card__mark--obligation {
  border-color: rgb(216 91 107 / 0.18) !important;
  background: #fff0f3 !important;
  color: #b92845 !important;
}
.claim-party-secondary--assets .claim-asset-card__main {
  display: grid !important;
  min-width: 0 !important;
  gap: 5px !important;
}
.claim-party-secondary--assets .claim-asset-card__title-row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) max-content !important;
  gap: 10px !important;
  align-items: start !important;
}
.claim-party-secondary--assets .claim-asset-card__title, .claim-party-secondary--assets .claim-asset-obligation__title {
  min-width: 0 !important;
  color: #102033 !important;
  font-size: 14.5px !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.18 !important;
  overflow-wrap: anywhere !important;
}
.claim-party-secondary--assets .claim-asset-card__amount, .claim-party-secondary--assets .claim-asset-obligation__amount {
  color: #102033 !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1.15 !important;
  text-align: right !important;
  white-space: nowrap !important;
}
.claim-party-secondary--assets .claim-asset-card--obligation .claim-asset-card__amount, .claim-party-secondary--assets .claim-asset-card--obligation .claim-asset-obligation__amount {
  color: #b92845 !important;
}
.claim-party-secondary--assets .claim-asset-card__details {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 8px !important;
}
.claim-party-secondary--assets .claim-asset-card__details--compact {
  grid-template-columns: minmax(0, 1fr) !important;
}
.claim-party-secondary--assets .claim-asset-card__detail, .claim-party-secondary--assets .claim-asset-card__source {
  display: grid !important;
  min-width: 0 !important;
  gap: 4px !important;
  border: 1px solid rgb(17 29 41 / 0.06) !important;
  border-radius: 13px !important;
  background: #f7fbfa !important;
  padding: 10px 11px !important;
}
.claim-party-secondary--assets .claim-asset-card__detail strong, .claim-party-secondary--assets .claim-asset-card__source strong {
  min-width: 0 !important;
  color: #102033 !important;
  font-size: 12.5px !important;
  font-weight: 850 !important;
  line-height: 1.25 !important;
  overflow-wrap: anywhere !important;
}
.claim-party-secondary--assets .claim-asset-card__badges {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px !important;
  margin: 0 !important;
}
.claim-party-secondary--assets .claim-asset-card__badges .badge {
  min-height: 24px !important;
  border-radius: 999px !important;
  padding: 4px 9px !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  line-height: 1.1 !important;
}
.claim-party-secondary--assets .claim-asset-card__queue {
  display: inline-flex !important;
  width: fit-content !important;
  max-width: 100% !important;
  border: 1px solid rgb(55 167 176 / 0.18) !important;
  border-radius: 999px !important;
  background: #eef9f8 !important;
  color: #0f7180 !important;
  padding: 7px 10px !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}
.claim-party-secondary--assets .claim-asset-card__probability {
  display: grid !important;
  gap: 7px !important;
  margin-top: 0 !important;
  padding-top: 2px !important;
}
.claim-party-secondary--assets .claim-asset-card__probability-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  color: #60717f !important;
  font-size: 11.5px !important;
  font-weight: 850 !important;
  line-height: 1.2 !important;
}
.claim-party-secondary--assets .claim-asset-card__probability-head strong {
  color: #102033 !important;
  font-size: 12px !important;
  font-weight: 950 !important;
}
.claim-party-secondary--assets .claim-asset-card__probability-track {
  height: 8px !important;
  overflow: hidden !important;
  border-radius: 999px !important;
  background: #e5eeed !important;
}
.claim-party-secondary--assets .claim-asset-card__probability-track span {
  display: block !important;
  height: 100% !important;
  border-radius: inherit !important;
  background: linear-gradient(90deg, #37a7b0, #d7c167) !important;
}
.claim-party-secondary--assets .claim-asset-card__action {
  display: inline-flex !important;
  width: fit-content !important;
  min-height: 30px !important;
  align-items: center !important;
  justify-content: center !important;
  justify-self: start !important;
  margin-top: 0 !important;
  border: 1px solid rgb(16 32 51 / 0.1) !important;
  border-radius: 999px !important;
  background: #102033 !important;
  color: #ffffff !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
.claim-party-secondary--assets .claim-asset-card--empty {
  display: grid !important;
  min-height: 82px !important;
  place-items: center !important;
  border: 1px dashed rgb(55 167 176 / 0.25) !important;
  border-radius: 18px !important;
  background: #f7fbfa !important;
  color: #60717f !important;
  padding: 18px !important;
  font-size: 13px !important;
  font-weight: 850 !important;
  text-align: center !important;
}
@container (max-width: 860px) {
  .claim-party-secondary--assets .claim-asset-shell__columns, .claim-party-secondary--assets .claim-asset-card__details {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@container (max-width: 520px) {
  .claim-party-secondary--assets .claim-asset-summary-strip {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-party-secondary--assets .claim-party-secondary__body--asset-map {
    padding: 14px !important;
  }
  .claim-party-secondary--assets .claim-asset-column {
    padding: 14px !important;
  }
  .claim-party-secondary--assets .claim-asset-card__header, .claim-party-secondary--assets .claim-asset-card__title-row {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claim-party-secondary--assets .claim-asset-card__mark {
    width: 38px !important;
    height: 38px !important;
  }
  .claim-party-secondary--assets .claim-asset-card__amount, .claim-party-secondary--assets .claim-asset-obligation__amount {
    text-align: left !important;
    white-space: normal !important;
  }
}
body:has(.dashboard-workspace) .dashboard-attention__list {
  max-width: 100% !important;
  overflow: hidden !important;
}
body:has(.dashboard-workspace) .dashboard-attention-item--more {
  min-width: 0 !important;
}
@media (min-width: 1181px) {
  body:has(.claim-details-view) .app-operator-badge, body:has(.app-rail-workspace) .app-operator-badge {
    top: 38px !important;
    left: 24px !important;
    width: 219px !important;
    max-width: 219px !important;
    min-width: 0 !important;
    min-height: 58px !important;
    grid-template-columns: 35px minmax(0, 1fr) 30px !important;
    column-gap: 8px !important;
    padding: 8px 10px !important;
    overflow: hidden !important;
    border: 1px solid rgb(255 255 255 / 0.08) !important;
    border-radius: 22px !important;
    background: radial-gradient(11rem 6rem at 0% -30%, rgb(55 167 176 / 0.22), transparent 70%), linear-gradient(135deg, #172637, #101824) !important;
  }
  body:has(.claim-details-view) .claim-scroll-toc, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc) {
    top: 126px !important;
    left: 24px !important;
    width: 219px !important;
  }
  body:has(.claim-details-view) .claim-details-reference-main-grid > [data-claim-details-tab-frame] > .claim-scroll-toc {
    top: 126px !important;
  }
  body:has(.claim-details-view) .claim-details-section-toc {
    width: 220px !important;
  }
}
body:has(.claim-details-view) .app-operator-badge__label, body:has(.claim-details-view) .app-operator-badge__name, body:has(.app-rail-workspace) .app-operator-badge__label, body:has(.app-rail-workspace) .app-operator-badge__name {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
  word-break: normal !important;
}
body:has(.claim-details-view) .claim-details-section-toc {
  display: grid !important;
  gap: 12px !important;
  overflow: visible !important;
}
body:has(.claim-details-view) > .local-db-badge:not(.local-db-badge--rail), body:has(.app-rail-workspace) > .local-db-badge:not(.local-db-badge--rail) {
  display: none !important;
}
body:has(.claim-details-view) .claim-details-section-toc .local-db-badge--rail, body:has(.app-rail-workspace) .claim-scroll-toc .local-db-badge--rail {
  position: static !important;
  inset: auto !important;
  z-index: auto !important;
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 74px !important;
  margin: 0 !important;
  box-sizing: border-box !important;
  grid-template-columns: minmax(0, 1fr) 10px !important;
  align-items: start !important;
  row-gap: 3px !important;
  padding: 14px 34px 14px 16px !important;
  overflow: visible !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 16px !important;
  background: rgb(255 255 255 / 0.72) !important;
  color: #102033 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
  backdrop-filter: blur(18px) !important;
}
body:has(.claim-details-view) .claim-details-section-toc .local-db-badge--rail::after, body:has(.app-rail-workspace) .claim-scroll-toc .local-db-badge--rail::after {
  content: "" !important;
  position: static !important;
  grid-column: 2 !important;
  grid-row: 1 !important;
  width: 10px !important;
  height: 10px !important;
  margin-top: 3px !important;
  border-radius: 999px !important;
  background: #0fa678 !important;
}
body:has(.claim-details-view) .claim-details-section-toc .local-db-badge--rail :is(.local-db-badge__label, .local-db-badge__name, .local-db-badge__endpoint, .local-db-badge__database), body:has(.app-rail-workspace) .claim-scroll-toc .local-db-badge--rail :is(.local-db-badge__label, .local-db-badge__name, .local-db-badge__endpoint, .local-db-badge__database) {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}
body:has(.app-rail-workspace) .internal-left-rail-actions, body:has(.claim-details-view) .internal-left-rail-actions {
  border-radius: 22px !important;
  background: radial-gradient(18rem 12rem at 0% -36%, rgb(55 167 176 / 0.12), transparent 70%), rgb(255 255 255 / 0.72) !important;
}
body:has(.app-rail-workspace) .internal-left-rail-action--primary, body:has(.claim-details-view) .internal-left-rail-action--primary {
  justify-content: center !important;
  background: #102033 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgb(16 32 51 / 0.16) !important;
}
body:has(.app-rail-workspace) .internal-left-rail-action--primary .profile-left-rail-action__icon, body:has(.claim-details-view) .internal-left-rail-action--primary .profile-left-rail-action__icon {
  background: rgb(255 255 255 / 0.12) !important;
  color: #65ddd8 !important;
}
body:has(.app-rail-workspace) .internal-left-rail-actions .profile-left-rail-actions__grid .profile-left-rail-action span:last-child, body:has(.claim-details-view) .internal-left-rail-actions .profile-left-rail-actions__grid .profile-left-rail-action span:last-child {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  text-overflow: clip !important;
  white-space: normal !important;
  line-height: 1.05 !important;
}
.claim-party-secondary--assets .claim-party-secondary__header {
  min-height: 118px !important;
  border-bottom: 1px solid rgb(255 255 255 / 0.08) !important;
  background: radial-gradient(28rem 18rem at 8% -48%, rgb(76 133 152 / 0.42), transparent 72%), linear-gradient(112deg, #17283a 0%, #101d2c 58%, #0d1724 100%) !important;
}
.claim-party-secondary--assets .claim-party-secondary__title {
  max-width: 23rem !important;
  color: #ffffff !important;
  font-size: clamp(21px, 2vw, 28px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 1.04 !important;
}
.claim-party-secondary--assets .claim-party-secondary__description {
  max-width: 34rem !important;
  color: rgb(255 255 255 / 0.7) !important;
  font-size: 13px !important;
  font-weight: 680 !important;
  line-height: 1.42 !important;
}
.claim-party-secondary--assets .claim-party-secondary__eyebrow {
  color: rgb(255 255 255 / 0.58) !important;
  letter-spacing: 0.12em !important;
}
.claim-party-secondary--assets .claim-party-secondary__body--asset-map {
  background: radial-gradient(36rem 18rem at 0% -18%, rgb(55 167 176 / 0.1), transparent 72%), linear-gradient(180deg, #ffffff 0%, #f6fbfa 100%) !important;
}
.claim-party-secondary--assets .claim-asset-summary-card {
  min-height: 96px !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(248 252 251 / 0.92)), #ffffff !important;
}
.claim-party-secondary--assets .claim-asset-column {
  gap: 14px !important;
  border-radius: 20px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(250 253 252 / 0.84)), #ffffff !important;
}
.claim-party-secondary--assets .claim-asset-card {
  border-radius: 18px !important;
  background: radial-gradient(24rem 16rem at 0% -26%, rgb(55 167 176 / 0.22), transparent 70%), linear-gradient(138deg, #15283a 0%, #101d2c 58%, #0d1724 100%) !important;
  border-color: rgb(255 255 255 / 0.1) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 18px 34px rgb(17 29 41 / 0.12) !important;
}
.claim-party-secondary--assets .claim-asset-card__mark {
  width: 36px !important;
  height: 36px !important;
  border-radius: 13px !important;
  border-color: rgb(101 221 216 / 0.2) !important;
  background: rgb(101 221 216 / 0.12) !important;
  color: #65ddd8 !important;
  font-size: 10px !important;
  font-weight: 950 !important;
}
.claim-party-secondary--assets .claim-asset-card__mark--obligation {
  border-color: rgb(255 115 138 / 0.22) !important;
  background: rgb(255 115 138 / 0.12) !important;
  color: #ff8aa0 !important;
}
.claim-party-secondary--assets .claim-asset-card__title, .claim-party-secondary--assets .claim-asset-obligation__title, .claim-party-secondary--assets .claim-asset-card__amount, .claim-party-secondary--assets .claim-asset-obligation__amount, .claim-party-secondary--assets .claim-asset-card__detail strong, .claim-party-secondary--assets .claim-asset-card__source strong, .claim-party-secondary--assets .claim-asset-card__probability-head strong {
  color: #ffffff !important;
}
.claim-party-secondary--assets .claim-asset-card__eyebrow, .claim-party-secondary--assets .claim-asset-card__detail span, .claim-party-secondary--assets .claim-asset-card__source span, .claim-party-secondary--assets .claim-asset-card__probability-head {
  color: rgb(255 255 255 / 0.62) !important;
}
.claim-party-secondary--assets .claim-asset-card__details {
  gap: 8px !important;
}
.claim-party-secondary--assets .claim-asset-card__detail {
  border-radius: 12px !important;
  border-color: rgb(255 255 255 / 0.08) !important;
  background: rgb(255 255 255 / 0.06) !important;
  padding: 9px 10px !important;
}
.claim-party-secondary--assets .claim-asset-card__source {
  border-color: rgb(255 255 255 / 0.08) !important;
  background: rgb(255 255 255 / 0.06) !important;
}
.claim-party-secondary--assets .claim-asset-card__probability-track {
  background: rgb(255 255 255 / 0.12) !important;
}
.claim-party-secondary--assets .claim-asset-card__action {
  justify-self: start !important;
  min-height: 30px !important;
  border-color: rgb(255 255 255 / 0.14) !important;
  background: #ffffff !important;
  color: #102033 !important;
}
@container (max-width: 760px) {
  .claim-party-secondary--assets .claim-asset-summary-strip, .claim-party-secondary--assets .claim-asset-shell__columns {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
body:has(.profile-details-view--debtor) .profile-asset-context {
  display: block !important;
  background: transparent !important;
  padding: 0 !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon {
  display: grid !important;
  gap: 16px !important;
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 22px !important;
  background: radial-gradient(28rem 16rem at 0% -42%, rgb(101 221 216 / 0.13), transparent 72%), linear-gradient(142deg, #17283a 0%, #101d2c 58%, #0d1724 100%) !important;
  padding: 18px !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07), 0 18px 34px rgb(0 0 0 / 0.1) !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__header {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 16px !important;
  align-items: start !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__eyebrow {
  color: rgb(255 255 255 / 0.58) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__title {
  margin: 6px 0 0 !important;
  color: #ffffff !important;
  font-size: 18px !important;
  font-weight: 950 !important;
  line-height: 1.08 !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__description {
  max-width: 42rem !important;
  margin: 6px 0 0 !important;
  color: rgb(255 255 255 / 0.62) !important;
  font-size: 12.5px !important;
  font-weight: 680 !important;
  line-height: 1.4 !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__count {
  display: inline-flex !important;
  min-height: 32px !important;
  align-items: center !important;
  border: 1px solid rgb(101 221 216 / 0.22) !important;
  border-radius: 999px !important;
  background: rgb(101 221 216 / 0.12) !important;
  color: #dffbfa !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__body {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 0.8fr)) minmax(18rem, 1.3fr) !important;
  gap: 12px !important;
  align-items: stretch !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__metric, body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__list {
  display: grid !important;
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 18px !important;
  background: rgb(255 255 255 / 0.06) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.06) !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__metric {
  align-content: start !important;
  gap: 7px !important;
  min-height: 108px !important;
  padding: 16px !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__metric--assets {
  background: radial-gradient(18rem 10rem at 0% -55%, rgb(101 221 216 / 0.13), transparent 72%), rgb(255 255 255 / 0.06) !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__metric--obligations {
  background: radial-gradient(18rem 10rem at 0% -55%, rgb(255 138 160 / 0.12), transparent 72%), rgb(255 255 255 / 0.06) !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__metric span, body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__metric small, body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__row span {
  color: rgb(255 255 255 / 0.62) !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__metric span, body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__row span {
  font-size: 11px !important;
  font-weight: 900 !important;
  letter-spacing: 0.06em !important;
  line-height: 1.05 !important;
  text-transform: uppercase !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__metric strong {
  color: #ffffff !important;
  font-size: 24px !important;
  font-weight: 950 !important;
  line-height: 1 !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__metric small {
  font-size: 12px !important;
  font-weight: 720 !important;
  line-height: 1.25 !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__row {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  gap: 12px !important;
  align-items: center !important;
  min-height: 42px !important;
  border-bottom: 1px solid rgb(255 255 255 / 0.08) !important;
  padding: 10px 14px !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__row:last-child {
  border-bottom: 0 !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__row strong {
  color: #ffffff !important;
  font-size: 14px !important;
  font-weight: 950 !important;
  line-height: 1.1 !important;
  text-align: right !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__chips {
  grid-column: 1 / -1 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 7px !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__chips span {
  display: inline-flex !important;
  min-height: 28px !important;
  align-items: center !important;
  border: 1px solid rgb(101 221 216 / 0.18) !important;
  border-radius: 999px !important;
  background: rgb(101 221 216 / 0.1) !important;
  color: #65ddd8 !important;
  padding: 0 10px !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
}
body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__action {
  grid-column: 1 / -1 !important;
  display: inline-flex !important;
  width: max-content !important;
  min-height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid rgb(255 255 255 / 0.14) !important;
  border-radius: 14px !important;
  background: #ffffff !important;
  color: #102033 !important;
  padding: 0 14px !important;
  font-size: 12.5px !important;
  font-weight: 900 !important;
  text-decoration: none !important;
}
body:has(.profile-details-view--debtor) .profile-details-main-grid__content > .claim-section--debtor:has(> .claim-party-secondary--assets) {
  display: grid !important;
  gap: 18px !important;
  width: 100% !important;
  max-width: 100% !important;
  justify-self: stretch !important;
}
body:has(.profile-details-view--debtor) .claim-section--profile-asset-context.profile-asset-context {
  width: 100% !important;
  max-width: 100% !important;
  justify-self: stretch !important;
}
body:has(.profile-details-view--debtor) .profile-details-main-grid__content > .claim-section--debtor:has(> .claim-party-secondary--assets) > .claim-party-secondary--assets.claim-party-secondary--assets {
  width: 100% !important;
  max-width: 100% !important;
}
.claim-party-secondary--assets .claim-asset-card--obligation :is(.claim-asset-card__amount, .claim-asset-obligation__amount) {
  color: #ffffff !important;
}
body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc), body:has(.claim-details-view) .claim-details-section-toc {
  display: grid !important;
  gap: 12px !important;
  align-content: start !important;
  overflow: visible !important;
}
body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions), body:has(.claim-details-view) .internal-left-rail-actions {
  display: grid !important;
  gap: 10px !important;
  width: 100% !important;
  min-width: 0 !important;
  padding: 14px !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 22px !important;
  background: radial-gradient(18rem 12rem at 0% -36%, rgb(55 167 176 / 0.12), transparent 70%), rgb(255 255 255 / 0.72) !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
  backdrop-filter: blur(18px) !important;
}
body:has(.app-rail-workspace) :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher), body:has(.claim-details-view) .internal-left-rail-actions :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher) {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 40px !important;
  align-items: center !important;
  gap: 8px !important;
  overflow: hidden !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 14px !important;
  padding: 0 10px !important;
  color: #203247 !important;
  font-size: 12px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgb(17 29 41 / 0.045) !important;
}
body:has(.app-rail-workspace) :is(.internal-left-rail-action--primary, .app-left-rail-action--primary, .dashboard-left-rail-action--primary, .profile-left-rail-actions__note :is(.shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher)), body:has(.claim-details-view) .internal-left-rail-actions :is(.internal-left-rail-action--primary, .profile-left-rail-actions__note :is(.shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher)) {
  justify-content: center !important;
  background: #102033 !important;
  color: #ffffff !important;
  box-shadow: 0 10px 22px rgb(16 32 51 / 0.16) !important;
}
body:has(.app-rail-workspace) .profile-left-rail-action__icon, body:has(.claim-details-view) .internal-left-rail-actions :is(.profile-left-rail-action__icon, .shared-note-trigger__icon, .shared-note-launcher__icon) {
  display: grid !important;
  width: 24px !important;
  height: 24px !important;
  flex: 0 0 24px !important;
  place-items: center !important;
  border-radius: 9px !important;
  background: rgb(55 167 176 / 0.11) !important;
  color: #37a7b0 !important;
}
body:has(.app-rail-workspace) :is(.internal-left-rail-action--primary, .app-left-rail-action--primary, .dashboard-left-rail-action--primary, .profile-left-rail-actions__note :is(.shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher)) :is(.profile-left-rail-action__icon, .shared-note-trigger__icon, .shared-note-launcher__icon), body:has(.claim-details-view) .internal-left-rail-actions :is(.internal-left-rail-action--primary, .profile-left-rail-actions__note :is(.shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher)) :is(.profile-left-rail-action__icon, .shared-note-trigger__icon, .shared-note-launcher__icon) {
  background: rgb(255 255 255 / 0.12) !important;
  color: #65ddd8 !important;
}
body:has(.app-rail-workspace) .profile-left-rail-actions__grid, body:has(.claim-details-view) .internal-left-rail-actions .profile-left-rail-actions__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
body:has(.app-rail-workspace) .profile-left-rail-actions__grid .profile-left-rail-action, body:has(.claim-details-view) .internal-left-rail-actions .profile-left-rail-actions__grid .profile-left-rail-action {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 24px auto !important;
  justify-items: center !important;
  min-height: 56px !important;
  padding: 7px 4px 6px !important;
  border-radius: 14px !important;
  text-align: center !important;
}
body:has(.claim-details-view) .internal-left-rail-actions .profile-left-rail-actions__grid .profile-left-rail-action span:last-child, body:has(.app-rail-workspace) .profile-left-rail-actions__grid .profile-left-rail-action span:last-child {
  display: block !important;
  max-width: 100% !important;
  overflow: hidden !important;
  color: inherit !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.05 !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
.claim-party-secondary--assets.claim-party-secondary--assets {
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.08) !important;
  border-radius: 26px !important;
  background: radial-gradient(42rem 24rem at 8% -42%, rgb(76 133 152 / 0.3), transparent 72%), linear-gradient(128deg, #17283a 0%, #101d2c 56%, #0d1724 100%) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 24px 58px rgb(17 29 41 / 0.14) !important;
}
.claim-party-secondary--assets .claim-party-secondary__header {
  min-height: 126px !important;
  padding: 26px 30px 24px !important;
  border-bottom: 1px solid rgb(255 255 255 / 0.08) !important;
  background: radial-gradient(30rem 20rem at 0% -54%, rgb(101 221 216 / 0.2), transparent 70%), linear-gradient(112deg, rgb(23 40 58 / 0.82), rgb(13 23 36 / 0.72)) !important;
}
.claim-party-secondary--assets .claim-party-secondary__body--asset-map {
  gap: 18px !important;
  padding: 18px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.055), rgb(255 255 255 / 0.035)), radial-gradient(38rem 18rem at 0% -18%, rgb(101 221 216 / 0.11), transparent 72%) !important;
}
.claim-party-secondary--assets .claim-asset-summary-strip {
  gap: 14px !important;
}
.claim-party-secondary--assets .claim-asset-summary-card {
  min-height: 112px !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 20px !important;
  background: radial-gradient(22rem 12rem at 0% -35%, rgb(101 221 216 / 0.14), transparent 72%), linear-gradient(142deg, rgb(25 44 63 / 0.96), rgb(15 28 42 / 0.96)) !important;
  padding: 18px 18px 16px 22px !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 18px 34px rgb(0 0 0 / 0.12) !important;
}
.claim-party-secondary--assets .claim-asset-summary-card--obligations {
  background: radial-gradient(22rem 12rem at 0% -35%, rgb(255 138 160 / 0.13), transparent 72%), linear-gradient(142deg, rgb(25 44 63 / 0.96), rgb(15 28 42 / 0.96)) !important;
}
.claim-party-secondary--assets .claim-asset-summary-card::before {
  inset: 18px auto 18px 0 !important;
  background: #65ddd8 !important;
}
.claim-party-secondary--assets .claim-asset-summary-card--obligations::before {
  background: #ff8aa0 !important;
}
.claim-party-secondary--assets .claim-asset-summary-card__label, .claim-party-secondary--assets .claim-asset-summary-card__meta {
  color: rgb(255 255 255 / 0.62) !important;
}
.claim-party-secondary--assets .claim-asset-summary-card__value, .claim-party-secondary--assets .claim-asset-summary-card--assets .claim-asset-summary-card__value, .claim-party-secondary--assets .claim-asset-summary-card--obligations .claim-asset-summary-card__value {
  color: #ffffff !important;
}
.claim-party-secondary--assets .claim-asset-shell__columns {
  gap: 18px !important;
}
.claim-party-secondary--assets .claim-asset-column {
  gap: 14px !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.08) 0%, rgb(255 255 255 / 0.05) 92px, rgb(246 251 250 / 0.98) 92px, rgb(248 252 251 / 0.98) 100%) !important;
  padding: 18px !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 18px 36px rgb(0 0 0 / 0.09) !important;
}
.claim-party-secondary--assets .claim-asset-column__title {
  color: #ffffff !important;
  font-size: 18px !important;
}
.claim-party-secondary--assets .claim-asset-column__subtitle {
  min-height: 32px !important;
  color: rgb(255 255 255 / 0.64) !important;
}
.claim-party-secondary--assets .claim-asset-grid {
  gap: 12px !important;
  margin-top: 4px !important;
}
.claim-party-secondary--assets .claim-asset-card {
  border-color: rgb(255 255 255 / 0.1) !important;
  border-radius: 20px !important;
  background: radial-gradient(24rem 16rem at 0% -26%, rgb(101 221 216 / 0.2), transparent 70%), linear-gradient(138deg, #15283a 0%, #101d2c 58%, #0d1724 100%) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 18px 34px rgb(17 29 41 / 0.14) !important;
}
.claim-party-secondary--assets .claim-asset-card--obligation {
  background: radial-gradient(24rem 16rem at 0% -26%, rgb(255 138 160 / 0.15), transparent 70%), linear-gradient(138deg, #15283a 0%, #101d2c 58%, #0d1724 100%) !important;
}
.claim-party-secondary--assets :is( .claim-asset-card__title, .claim-asset-obligation__title, .claim-asset-card__amount, .claim-asset-obligation__amount, .claim-asset-card__detail strong, .claim-asset-card__source strong, .claim-asset-card__probability-head strong ) {
  color: #ffffff !important;
}
.claim-party-secondary--assets :is( .claim-asset-card__eyebrow, .claim-asset-card__detail span, .claim-asset-card__source span, .claim-asset-card__probability-head, .claim-asset-obligation__meta, .claim-asset-obligation__signal ) {
  color: rgb(255 255 255 / 0.62) !important;
}
.claim-party-secondary--assets :is(.claim-asset-card__detail, .claim-asset-card__source) {
  border-color: rgb(255 255 255 / 0.08) !important;
  background: rgb(255 255 255 / 0.06) !important;
}
.claim-party-secondary--assets .claim-asset-card__action {
  border-color: rgb(255 255 255 / 0.14) !important;
  background: #ffffff !important;
  color: #102033 !important;
}
.claim-party-secondary--assets .claim-asset-card--empty {
  min-height: 96px !important;
  border-color: rgb(101 221 216 / 0.22) !important;
  background: radial-gradient(18rem 10rem at 0% -55%, rgb(101 221 216 / 0.12), transparent 72%), linear-gradient(138deg, #15283a 0%, #101d2c 100%) !important;
  color: rgb(255 255 255 / 0.72) !important;
}
@container (max-width: 760px) {
  .claim-party-secondary--assets .claim-asset-column {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.08) 0%, rgb(255 255 255 / 0.05) 108px, rgb(246 251 250 / 0.98) 108px, rgb(248 252 251 / 0.98) 100%) !important;
  }
}
@media (max-width: 1180px) {
  body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__body {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
  body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__list {
    grid-column: 1 / -1 !important;
  }
}
@media (max-width: 760px) {
  body:has(.profile-details-view--debtor) .profile-asset-context {
    padding: 0 !important;
  }
  body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon, body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__header, body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__body {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__count, body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__action {
    width: 100% !important;
  }
}
@media (min-width: 1181px) {
  body:has(.claim-details-view) .app-operator-badge, body:has(.app-rail-workspace) .app-operator-badge, body:has(.dashboard-workspace) .app-operator-badge {
    left: 18px !important;
    width: 236px !important;
    max-width: 236px !important;
    grid-template-columns: 35px minmax(0, 1fr) 30px !important;
    overflow: visible !important;
  }
  body:has(.claim-details-view) .claim-scroll-toc, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc) {
    left: 18px !important;
    width: 236px !important;
  }
  body:has(.claim-details-view) .claim-details-section-toc {
    width: 236px !important;
  }
  body:has(.claim-details-view) .claim-details-reference-main-grid > [data-claim-details-tab-frame] > .claim-scroll-toc.claim-details-section-toc {
    left: 18px !important;
    width: 236px !important;
  }
}
body:has(.claim-details-view) .app-operator-badge__label, body:has(.claim-details-view) .app-operator-badge__name, body:has(.app-rail-workspace) .app-operator-badge__label, body:has(.app-rail-workspace) .app-operator-badge__name, body:has(.dashboard-workspace) .app-operator-badge__label, body:has(.dashboard-workspace) .app-operator-badge__name {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
}
body:has(.claim-details-view) .app-operator-badge__name, body:has(.app-rail-workspace) .app-operator-badge__name, body:has(.dashboard-workspace) .app-operator-badge__name {
  overflow-wrap: anywhere !important;
}
body:has(.claim-details-view) .claim-details-section-toc .local-db-badge--rail :is(.local-db-badge__label, .local-db-badge__name, .local-db-badge__endpoint, .local-db-badge__database), body:has(.app-rail-workspace) .claim-scroll-toc .local-db-badge--rail :is(.local-db-badge__label, .local-db-badge__name, .local-db-badge__endpoint, .local-db-badge__database), body:has(.dashboard-workspace) .claim-scroll-toc .local-db-badge--rail :is(.local-db-badge__label, .local-db-badge__name, .local-db-badge__endpoint, .local-db-badge__database) {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.claim-party-secondary--assets .claim-asset-column {
  background: radial-gradient(30rem 18rem at 0% -34%, rgb(101 221 216 / 0.12), transparent 72%), linear-gradient(180deg, rgb(255 255 255 / 0.08), rgb(255 255 255 / 0.035)), linear-gradient(138deg, #17283a 0%, #101d2c 58%, #0d1724 100%) !important;
}
.claim-party-secondary--assets .claim-asset-column--obligations {
  background: radial-gradient(30rem 18rem at 0% -34%, rgb(255 138 160 / 0.1), transparent 72%), linear-gradient(180deg, rgb(255 255 255 / 0.08), rgb(255 255 255 / 0.035)), linear-gradient(138deg, #17283a 0%, #101d2c 58%, #0d1724 100%) !important;
}
.claim-party-secondary--assets .claim-asset-card__action {
  border-color: rgb(101 221 216 / 0.24) !important;
  background: rgb(101 221 216 / 0.12) !important;
  color: #dffbfa !important;
}
.claims-table--cards.claims-table--cards {
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.08) !important;
  border-radius: 28px !important;
  background: radial-gradient(42rem 24rem at 0% -36%, rgb(101 221 216 / 0.16), transparent 72%), linear-gradient(126deg, #17283a 0%, #101d2c 56%, #0d1724 100%) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 24px 58px rgb(17 29 41 / 0.14) !important;
}
.claims-table--cards.claims-table--cards .claims-table__toolbar {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) auto !important;
  align-items: center !important;
  min-height: 82px !important;
  gap: 16px !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 22px !important;
  background: radial-gradient(28rem 14rem at 0% -58%, rgb(101 221 216 / 0.16), transparent 70%), linear-gradient(136deg, rgb(255 255 255 / 0.08), rgb(255 255 255 / 0.045)) !important;
  margin: 18px 18px 0 !important;
  padding: 16px 18px !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08) !important;
}
.claims-table--cards.claims-table--cards .claims-table__mark {
  border-color: rgb(101 221 216 / 0.2) !important;
  background: rgb(101 221 216 / 0.12) !important;
  color: #65ddd8 !important;
}
.claims-table--cards.claims-table--cards .claims-table__title {
  color: #ffffff !important;
}
.claims-table--cards.claims-table--cards .claims-table__count-pill {
  border-color: rgb(101 221 216 / 0.24) !important;
  background: rgb(101 221 216 / 0.12) !important;
  color: #dffbfa !important;
  box-shadow: none !important;
}
.claims-table--cards.claims-table--cards :is(.claims-table__latest, .claims-table__filter-pill, .claims-table__settings-button, .claims-table__search-shell) {
  border-color: rgb(255 255 255 / 0.12) !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: rgb(255 255 255 / 0.88) !important;
  box-shadow: none !important;
}
.claims-table--cards.claims-table--cards .claims-table__search-label {
  color: rgb(255 255 255 / 0.54) !important;
}
.claims-table--cards.claims-table--cards .claims-table__search-input {
  color: #ffffff !important;
}
.claims-table--cards.claims-table--cards .claims-table__search-input::placeholder {
  color: rgb(255 255 255 / 0.58) !important;
}
.claims-table--cards.claims-table--cards > .overflow-x-auto {
  margin: 14px 18px 18px !important;
  overflow-x: visible !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 24px !important;
  background: radial-gradient(42rem 18rem at 0% -22%, rgb(101 221 216 / 0.08), transparent 72%), linear-gradient(180deg, rgb(255 255 255 / 0.065), rgb(255 255 255 / 0.035)) !important;
  padding: 14px !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07) !important;
}
.claims-table--cards.claims-table--cards :is(colgroup, .claims-table__head) {
  display: none !important;
}
.claims-table--cards.claims-table--cards tbody {
  display: grid !important;
  gap: 13px !important;
}
.claims-table--cards.claims-table--cards tbody tr[data-row] {
  display: grid !important;
  grid-template-columns: minmax(9rem, 0.78fr) minmax(17rem, 1.55fr) minmax(18rem, 1.54fr) minmax(10rem, 0.9fr) minmax(8.6rem, 0.78fr) 42px !important;
  min-height: 124px !important;
  border-color: rgb(255 255 255 / 0.1) !important;
  background: radial-gradient(38rem 16rem at 0% -20%, rgb(101 221 216 / 0.14), transparent 72%), linear-gradient(138deg, #15283a 0%, #101d2c 58%, #0d1724 100%) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 18px 38px rgb(0 0 0 / 0.2) !important;
}
.claims-table--cards.claims-table--cards tbody tr[data-row] > .claims-table__cell {
  min-height: 122px !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
}
.claims-table--cards.claims-table--cards :is(.claims-table__claim-ref, .claims-action-label, .claims-party-name, .claims-row-owner-name, .claims-money-value) {
  color: #ffffff !important;
}
.claims-table--cards.claims-table--cards :is(.claims-table__claim-date, .claims-table__state-chip, .claims-party-label, .claims-money-label, .claims-action-assignee, .claims-action-more) {
  color: rgb(255 255 255 / 0.62) !important;
}
.claims-table--cards.claims-table--cards :is(.claims-table__state-chip, .claims-action-more) {
  border: 1px solid rgb(101 221 216 / 0.18) !important;
  background: rgb(101 221 216 / 0.1) !important;
  color: #dffbfa !important;
}
.claims-table--cards.claims-table--cards .claims-action-chip {
  border-color: rgb(101 221 216 / 0.18) !important;
  background: rgb(255 255 255 / 0.075) !important;
  color: #ffffff !important;
}
.claims-table--cards.claims-table--cards .claims-action-dot {
  background: #65ddd8 !important;
}
.claims-table--cards.claims-table--cards .claims-row-owner-mark {
  border-color: rgb(101 221 216 / 0.18) !important;
  background: rgb(101 221 216 / 0.12) !important;
  color: #65ddd8 !important;
}
.claims-table--cards.claims-table--cards .claims-table__row-menu {
  border-color: rgb(255 255 255 / 0.12) !important;
  background: rgb(255 255 255 / 0.07) !important;
  color: rgb(255 255 255 / 0.72) !important;
}
@media (max-width: 1180px) {
  .claims-table--cards.claims-table--cards .claims-table__toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claims-table--cards.claims-table--cards .claims-table__controls {
    justify-content: flex-start !important;
  }
  .claims-table--cards.claims-table--cards .claims-table__search {
    width: 100% !important;
    max-width: none !important;
  }
  .claims-table--cards.claims-table--cards tbody tr[data-row] {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
  }
  .claims-table--cards.claims-table--cards tbody tr[data-row] > .claims-table__cell {
    min-height: 0 !important;
    border-top: 1px solid rgb(255 255 255 / 0.08) !important;
    padding: 12px 18px !important;
  }
  .claims-table--cards.claims-table--cards tbody tr[data-row] > .claims-table__cell:first-child {
    border-top: 0 !important;
    padding-top: 18px !important;
  }
}
:is(.profile-claims-workload__table, #debtor-portal-claims) .claims-table--cards.claims-table--cards {
  border-color: rgb(255 255 255 / 0.08) !important;
  background: radial-gradient(42rem 24rem at 0% -36%, rgb(101 221 216 / 0.16), transparent 72%), linear-gradient(126deg, #17283a 0%, #101d2c 56%, #0d1724 100%) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 24px 58px rgb(17 29 41 / 0.14) !important;
}
:is(.profile-claims-workload__table, #debtor-portal-claims) .claims-table--cards.claims-table--cards .claims-table__toolbar {
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  background: radial-gradient(28rem 14rem at 0% -58%, rgb(101 221 216 / 0.16), transparent 70%), linear-gradient(136deg, rgb(255 255 255 / 0.08), rgb(255 255 255 / 0.045)) !important;
  margin: 18px 18px 0 !important;
  padding: 16px 18px !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08) !important;
}
:is(.profile-claims-workload__table, #debtor-portal-claims) .claims-table--cards.claims-table--cards > .overflow-x-auto {
  margin: 14px 18px 18px !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  background: radial-gradient(42rem 18rem at 0% -22%, rgb(101 221 216 / 0.08), transparent 72%), linear-gradient(180deg, rgb(255 255 255 / 0.065), rgb(255 255 255 / 0.035)) !important;
  padding: 14px !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07) !important;
}
:is(.profile-claims-workload__table, #debtor-portal-claims) .claims-table--cards.claims-table--cards tbody tr[data-row] {
  border-color: rgb(255 255 255 / 0.1) !important;
  background: radial-gradient(38rem 16rem at 0% -20%, rgb(101 221 216 / 0.14), transparent 72%), linear-gradient(138deg, #15283a 0%, #101d2c 58%, #0d1724 100%) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 18px 38px rgb(0 0 0 / 0.2) !important;
}
:is(.profile-claims-workload__table, #debtor-portal-claims) .claims-table--cards.claims-table--cards tbody tr[data-row] > .claims-table__cell {
  border-color: rgb(255 255 255 / 0.08) !important;
  background: transparent !important;
  color: #ffffff !important;
}
:is(.profile-claims-workload__table, #debtor-portal-claims) .claims-table--cards.claims-table--cards :is(.claims-table__title, .claims-table__claim-ref, .claims-action-label, .claims-party-name, .claims-row-owner-name, .claims-money-value) {
  color: #ffffff !important;
}
:is(.profile-claims-workload__table, #debtor-portal-claims) .claims-table--cards.claims-table--cards :is(.claims-table__claim-date, .claims-table__state-chip, .claims-party-label, .claims-money-label, .claims-action-assignee, .claims-action-more) {
  color: rgb(255 255 255 / 0.62) !important;
}
:is(.profile-claims-workload__table, #debtor-portal-claims) .claims-table--cards.claims-table--cards :is(.claims-table__state-chip, .claims-action-more, .claims-action-chip, .claims-row-owner-mark) {
  border-color: rgb(101 221 216 / 0.18) !important;
  background: rgb(101 221 216 / 0.1) !important;
  color: #dffbfa !important;
}
@media (min-width: 1181px) {
  body:has(.claim-details-view) .app-operator-badge, body:has(.app-rail-workspace) .app-operator-badge, body:has(.dashboard-workspace) .app-operator-badge {
    left: 18px !important;
    width: 236px !important;
    max-width: 236px !important;
    min-height: 66px !important;
    height: auto !important;
    grid-template-columns: 35px minmax(0, 1fr) 30px !important;
    grid-template-rows: auto auto !important;
    align-items: center !important;
    overflow: visible !important;
    padding: 9px 10px !important;
  }
  body:has(.claim-details-view) .claim-scroll-toc, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) {
    left: 18px !important;
    width: 236px !important;
    max-width: 236px !important;
  }
}
body:has(.claim-details-view) .app-operator-badge__label, body:has(.claim-details-view) .app-operator-badge__name, body:has(.app-rail-workspace) .app-operator-badge__label, body:has(.app-rail-workspace) .app-operator-badge__name, body:has(.dashboard-workspace) .app-operator-badge__label, body:has(.dashboard-workspace) .app-operator-badge__name {
  min-width: 0 !important;
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: normal !important;
}
body:has(.claim-details-view) .app-operator-badge__label, body:has(.app-rail-workspace) .app-operator-badge__label, body:has(.dashboard-workspace) .app-operator-badge__label {
  line-height: 1 !important;
}
body:has(.claim-details-view) .app-operator-badge__name, body:has(.app-rail-workspace) .app-operator-badge__name, body:has(.dashboard-workspace) .app-operator-badge__name {
  line-height: 1.12 !important;
}
body:has(.claim-details-view) .claim-details-section-toc .local-db-badge--rail, body:has(.app-rail-workspace) .claim-scroll-toc .local-db-badge--rail, body:has(.dashboard-workspace) .claim-scroll-toc .local-db-badge--rail {
  min-height: 84px !important;
  height: auto !important;
  padding: 14px 32px 14px 16px !important;
  overflow: visible !important;
}
body:has(.claim-details-view) .claim-details-section-toc .local-db-badge--rail :is(.local-db-badge__label, .local-db-badge__name, .local-db-badge__endpoint, .local-db-badge__database), body:has(.app-rail-workspace) .claim-scroll-toc .local-db-badge--rail :is(.local-db-badge__label, .local-db-badge__name, .local-db-badge__endpoint, .local-db-badge__database), body:has(.dashboard-workspace) .claim-scroll-toc .local-db-badge--rail :is(.local-db-badge__label, .local-db-badge__name, .local-db-badge__endpoint, .local-db-badge__database) {
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
body:has(.claim-details-view) .claim-details-section-toc .local-db-badge--rail .local-db-badge__name, body:has(.app-rail-workspace) .claim-scroll-toc .local-db-badge--rail .local-db-badge__name, body:has(.dashboard-workspace) .claim-scroll-toc .local-db-badge--rail .local-db-badge__name {
  gap: 3px !important;
  font-size: 12px !important;
  line-height: 1.12 !important;
}
body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions), body:has(.claim-details-view) .internal-left-rail-actions {
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 22px !important;
  background: radial-gradient(18rem 12rem at 0% -36%, rgb(55 167 176 / 0.12), transparent 70%), rgb(255 255 255 / 0.72) !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
  backdrop-filter: blur(18px) !important;
}
body:has(.app-rail-workspace) :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher), body:has(.claim-details-view) .internal-left-rail-actions :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher) {
  overflow: hidden !important;
}
body:has(.app-rail-workspace) :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher) :is(span:last-child, .shared-note-trigger__label, .shared-note-launcher__label), body:has(.claim-details-view) .internal-left-rail-actions :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher) :is(span:last-child, .shared-note-trigger__label, .shared-note-launcher__label) {
  min-width: 0 !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
}
.claims-table--cards.claims-table--cards, body:has(.dashboard-workspace) .dashboard-claims-zone {
  border: 1px solid rgb(255 255 255 / 0.08) !important;
  border-radius: 28px !important;
  background: radial-gradient(42rem 24rem at 0% -36%, rgb(101 221 216 / 0.16), transparent 72%), linear-gradient(126deg, #17283a 0%, #101d2c 56%, #0d1724 100%) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 24px 58px rgb(17 29 41 / 0.14) !important;
}
.claims-table--cards.claims-table--cards .claims-table__toolbar {
  min-height: 86px !important;
  margin: 18px 18px 0 !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 22px !important;
  background: radial-gradient(28rem 14rem at 0% -58%, rgb(101 221 216 / 0.16), transparent 70%), linear-gradient(136deg, rgb(255 255 255 / 0.08), rgb(255 255 255 / 0.045)) !important;
  padding: 17px 18px !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08) !important;
}
.claims-table--cards.claims-table--cards .claims-table__title {
  color: #ffffff !important;
  font-size: clamp(25px, 2.1vw, 32px) !important;
  line-height: 1 !important;
}
.claims-table--cards.claims-table--cards .claims-table__count-pill, .claims-table--cards.claims-table--cards :is(.claims-table__latest, .claims-table__filter-pill, .claims-table__settings-button, .claims-table__search-shell) {
  border-color: rgb(255 255 255 / 0.12) !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: rgb(255 255 255 / 0.88) !important;
  box-shadow: none !important;
}
.claims-table--cards.claims-table--cards .claims-table__count-pill {
  border-color: rgb(101 221 216 / 0.24) !important;
  background: rgb(101 221 216 / 0.12) !important;
  color: #dffbfa !important;
}
.claims-table--cards.claims-table--cards > .overflow-x-auto {
  margin: 14px 18px 18px !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 24px !important;
  background: radial-gradient(42rem 18rem at 0% -22%, rgb(101 221 216 / 0.08), transparent 72%), linear-gradient(180deg, rgb(255 255 255 / 0.065), rgb(255 255 255 / 0.035)) !important;
  padding: 14px !important;
  overflow-x: visible !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07) !important;
}
.claims-table--cards.claims-table--cards :is(colgroup, .claims-table__head) {
  display: none !important;
}
.claims-table--cards.claims-table--cards .claims-table__table, .claims-table--cards.claims-table--cards tbody {
  display: grid !important;
  width: 100% !important;
  min-width: 0 !important;
}
.claims-table--cards.claims-table--cards tbody {
  gap: 13px !important;
}
.claims-table--cards.claims-table--cards tbody tr[data-row] {
  display: grid !important;
  grid-template-columns: minmax(9rem, 0.78fr) minmax(17rem, 1.55fr) minmax(18rem, 1.54fr) minmax(10rem, 0.9fr) minmax(8.6rem, 0.78fr) 42px !important;
  align-items: stretch !important;
  min-height: 118px !important;
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 24px !important;
  background: radial-gradient(38rem 16rem at 0% -20%, rgb(101 221 216 / 0.14), transparent 72%), linear-gradient(138deg, #15283a 0%, #101d2c 58%, #0d1724 100%) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 18px 38px rgb(0 0 0 / 0.2) !important;
}
.claims-table--cards.claims-table--cards tbody tr[data-row]:not(:has(.claims-table__cell--row-action)):has(.claims-table__cell--assignee) {
  grid-template-columns: minmax(9.5rem, 0.84fr) minmax(17rem, 1.8fr) minmax(18rem, 1.65fr) minmax(10rem, 0.95fr) minmax(8.6rem, 0.86fr) !important;
}
.claims-table--cards.claims-table--cards tbody tr[data-row]:has(.claims-table__cell--row-action):not(:has(.claims-table__cell--assignee)) {
  grid-template-columns: minmax(9.5rem, 0.9fr) minmax(18rem, 1.9fr) minmax(19rem, 1.75fr) minmax(9rem, 0.95fr) 42px !important;
}
.claims-table--cards.claims-table--cards tbody tr[data-row]:not(:has(.claims-table__cell--row-action)):not(:has(.claims-table__cell--assignee)) {
  grid-template-columns: minmax(9.5rem, 0.9fr) minmax(18rem, 2fr) minmax(19rem, 1.85fr) minmax(9rem, 0.95fr) !important;
}
.claims-table--cards.claims-table--cards tbody tr[data-row] > .claims-table__cell {
  display: flex !important;
  min-width: 0 !important;
  min-height: 118px !important;
  align-items: center !important;
  border: 0 !important;
  background: transparent !important;
  color: #ffffff !important;
  padding: 17px 18px !important;
}
.claims-table--cards.claims-table--cards tbody tr[data-row] > .claims-table__cell:first-child {
  padding-left: 24px !important;
}
.claims-table--cards.claims-table--cards :is(.claims-table__claim-ref, .claims-action-label, .claims-party-name, .claims-row-owner-name, .claims-money-value) {
  color: #ffffff !important;
  font-size: 14.5px !important;
  font-weight: 920 !important;
  line-height: 1.16 !important;
}
.claims-table--cards.claims-table--cards .claims-table__claim-ref {
  font-size: 16px !important;
}
.claims-table--cards.claims-table--cards :is(.claims-table__claim-date, .claims-table__state-chip, .claims-party-label, .claims-money-label, .claims-action-assignee, .claims-action-more, .claims-table__search-label) {
  color: rgb(255 255 255 / 0.64) !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  line-height: 1.15 !important;
}
.claims-table--cards.claims-table--cards :is(.claims-table__state-chip, .claims-action-more, .claims-action-chip, .claims-row-owner-mark) {
  border-color: rgb(101 221 216 / 0.18) !important;
  background: rgb(101 221 216 / 0.1) !important;
  color: #dffbfa !important;
}
.claims-table--cards.claims-table--cards .claims-action-chip {
  background: rgb(255 255 255 / 0.075) !important;
  color: #ffffff !important;
}
.claims-table--cards.claims-table--cards .claims-table__row-menu {
  border-color: rgb(255 255 255 / 0.12) !important;
  background: rgb(255 255 255 / 0.07) !important;
  color: rgb(255 255 255 / 0.72) !important;
}
.claims-table--cards.claims-table--cards .claims-table__search-input {
  color: #ffffff !important;
  font-size: 12.5px !important;
}
.claims-table--cards.claims-table--cards .claims-table__search-input::placeholder {
  color: rgb(255 255 255 / 0.58) !important;
}
.claim-party-secondary--assets.claim-party-secondary--assets {
  border: 1px solid rgb(255 255 255 / 0.08) !important;
  border-radius: 28px !important;
  background: radial-gradient(42rem 24rem at 8% -42%, rgb(76 133 152 / 0.3), transparent 72%), linear-gradient(128deg, #17283a 0%, #101d2c 56%, #0d1724 100%) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 24px 58px rgb(17 29 41 / 0.14) !important;
}
.claim-party-secondary--assets .claim-party-secondary__body--asset-map {
  background: linear-gradient(180deg, rgb(255 255 255 / 0.055), rgb(255 255 255 / 0.035)), radial-gradient(38rem 18rem at 0% -18%, rgb(101 221 216 / 0.11), transparent 72%) !important;
}
.claim-party-secondary--assets .claim-asset-summary-card, .claim-party-secondary--assets .claim-asset-column, .claim-party-secondary--assets .claim-asset-card, body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon, body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__metric, body:has(.profile-details-view--debtor) .profile-asset-context .profile-asset-addon__list {
  border-color: rgb(255 255 255 / 0.1) !important;
}
.claim-party-secondary--assets .claim-asset-column, .claim-party-secondary--assets .claim-asset-column--obligations {
  background: radial-gradient(30rem 18rem at 0% -34%, rgb(101 221 216 / 0.12), transparent 72%), linear-gradient(180deg, rgb(255 255 255 / 0.08), rgb(255 255 255 / 0.035)), linear-gradient(138deg, #17283a 0%, #101d2c 58%, #0d1724 100%) !important;
}
.claim-party-secondary--assets .claim-asset-column--obligations {
  background: radial-gradient(30rem 18rem at 0% -34%, rgb(255 138 160 / 0.1), transparent 72%), linear-gradient(180deg, rgb(255 255 255 / 0.08), rgb(255 255 255 / 0.035)), linear-gradient(138deg, #17283a 0%, #101d2c 58%, #0d1724 100%) !important;
}
.claim-party-secondary--assets :is(.claim-party-secondary__title, .claim-asset-column__title, .claim-asset-card__title, .claim-asset-obligation__title, .claim-asset-card__amount, .claim-asset-obligation__amount, .claim-asset-card__detail strong, .claim-asset-card__source strong, .claim-asset-card__probability-head strong) {
  color: #ffffff !important;
}
.claim-party-secondary--assets :is(.claim-party-secondary__description, .claim-asset-column__subtitle, .claim-asset-card__eyebrow, .claim-asset-card__detail span, .claim-asset-card__source span, .claim-asset-card__probability-head, .claim-asset-obligation__meta, .claim-asset-obligation__signal) {
  color: rgb(255 255 255 / 0.64) !important;
}
.claim-party-secondary--assets :is(.claim-asset-card__detail, .claim-asset-card__source) {
  background: rgb(255 255 255 / 0.06) !important;
}
@media (max-width: 1180px) {
  .claims-table--cards.claims-table--cards .claims-table__toolbar {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  .claims-table--cards.claims-table--cards tbody tr[data-row], .claims-table--cards.claims-table--cards tbody tr[data-row]:has(.claims-table__cell--row-action), .claims-table--cards.claims-table--cards tbody tr[data-row]:has(.claims-table__cell--assignee) {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
  }
  .claims-table--cards.claims-table--cards tbody tr[data-row] > .claims-table__cell {
    min-height: 0 !important;
    border-top: 1px solid rgb(255 255 255 / 0.08) !important;
    padding: 12px 18px !important;
  }
}
.claims-table--cards.claims-table--cards, .claims-table--cards.claims-table--cards .claims-table__toolbar, .claims-table--cards.claims-table--cards > .overflow-x-auto {
  color: #ffffff !important;
}
.claim-party-secondary--assets, .claim-party-secondary--assets .claim-party-secondary__body--asset-map, .claim-party-secondary--assets .claim-asset-column, .claim-party-secondary--assets .claim-asset-card {
  color: #ffffff !important;
}
.claim-party-secondary--assets .claim-asset-card__details {
  gap: 0 !important;
  border-top: 1px solid rgb(255 255 255 / 0.08) !important;
  padding-top: 2px !important;
}
.claim-party-secondary--assets :is(.claim-asset-card__detail, .claim-asset-card__source) {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  padding: 9px 0 !important;
  box-shadow: none !important;
}
.claim-party-secondary--assets .claim-asset-card__source {
  border-top: 1px solid rgb(255 255 255 / 0.08) !important;
}
.claim-party-secondary--assets .claim-asset-card__probability {
  border-top: 1px solid rgb(255 255 255 / 0.08) !important;
  padding-top: 10px !important;
}
.claims-table--cards.claims-table--cards > .overflow-x-auto {
  width: auto !important;
  min-width: 0 !important;
  max-width: none !important;
  box-sizing: border-box !important;
  justify-self: stretch !important;
}
.claims-table--cards.claims-table--cards :is(.claims-table__table, tbody, tbody tr[data-row]) {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
  box-sizing: border-box !important;
}
@media (min-width: 1181px) and (max-width: 1500px) {
  body:has(.app-rail-workspace) .claims-table--cards.claims-table--cards tbody tr[data-row], body:has(.app-rail-workspace) .claims-table--cards.claims-table--cards tbody tr[data-row]:has(.claims-table__cell--row-action), body:has(.app-rail-workspace) .claims-table--cards.claims-table--cards tbody tr[data-row]:has(.claims-table__cell--assignee) {
    grid-template-columns: minmax(0, 1fr) !important;
    min-height: 0 !important;
  }
  body:has(.app-rail-workspace) .claims-table--cards.claims-table--cards tbody tr[data-row] > .claims-table__cell {
    min-height: 0 !important;
    border-top: 1px solid rgb(255 255 255 / 0.08) !important;
    padding: 12px 18px !important;
  }
  body:has(.app-rail-workspace) .claims-table--cards.claims-table--cards tbody tr[data-row] > .claims-table__cell:first-child {
    border-top: 0 !important;
    padding-top: 18px !important;
  }
  body:has(.app-rail-workspace) .claims-table--cards.claims-table--cards .claims-card-mobile-head, body:has(.app-rail-workspace) .claims-table--cards.claims-table--cards :is(.claims-card-mobile-money, .claims-card-mobile-parties, .claims-mobile-assignee) {
    display: grid !important;
  }
  body:has(.app-rail-workspace) .claims-table--cards.claims-table--cards tbody tr[data-row] > :is(.claims-table__cell--parties, .claims-table__cell--assignee, .claims-table__cell--amounts, .claims-table__cell--row-action) {
    display: none !important;
  }
  body:has(.app-rail-workspace) .claims-table--cards.claims-table--cards tbody tr[data-row] > :is(.claims-table__cell--claim-number, .claims-table__cell--operation) {
    display: block !important;
    width: 100% !important;
  }
}
body:has(.profile-details-view--debtor) :is( .profile-details-main-grid__content, .claim-section--profile-asset-context ) {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
}
body:has(.profile-details-view--debtor) .profile-details-main-grid__content > .claim-section--debtor:has(> .claim-party-secondary--assets), body:has(.profile-details-view--debtor) .profile-details-main-grid__content > .claim-section--debtor:has(> .claim-party-secondary--assets) > .claim-party-secondary--assets {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  justify-self: stretch !important;
  box-sizing: border-box !important;
}
body:has(.profile-details-view--debtor) .profile-details-main-grid__content > .claim-section--debtor:has(> .claim-party-secondary--assets) > .claim-party-secondary--assets {
  margin: 0 !important;
}
@media (min-width: 1181px) {
  body:has(.profile-details-view--debtor) .profile-details-main-grid__content > .claim-section--debtor:has(> .claim-party-secondary--assets), body:has(.profile-details-view--debtor) .claim-section--profile-asset-context.profile-asset-context {
    width: calc(100vw - 710px) !important;
    max-width: 100% !important;
    justify-self: start !important;
  }
}
.claimant-hub-panel, .claimant-hub-metric {
  position: relative !important;
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.08) !important;
  border-radius: 24px !important;
  background: radial-gradient(34rem 18rem at 0% -40%, rgb(101 221 216 / 0.14), transparent 72%), linear-gradient(132deg, #17283a 0%, #101d2c 58%, #0d1724 100%) !important;
  color: #ffffff !important;
  padding: 18px !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 18px 38px rgb(17 29 41 / 0.14) !important;
}
.claimant-hub-metric {
  display: grid !important;
  min-height: 154px !important;
  align-content: space-between !important;
  cursor: pointer !important;
}
.claimant-hub-metric:focus-visible, .claimant-hub-metric:hover {
  border-color: rgb(101 221 216 / 0.28) !important;
  outline: 0 !important;
  transform: translateY(-1px) !important;
}
.claimant-hub-panel :is(.font-medium, .text-2xl, td, th), .claimant-hub-metric :is(.font-medium, .text-2xl, td, th) {
  color: #ffffff !important;
}
.claimant-hub-panel :is(.text-\[var\(--color-subtle\)\], .badge-neutral), .claimant-hub-metric :is(.text-\[var\(--color-subtle\)\], .badge-neutral) {
  color: rgb(255 255 255 / 0.66) !important;
}
.claimant-hub-panel :is(.btn-ghost, .btn-muted, .input-compact), .claimant-hub-metric :is(.btn-ghost, .btn-muted, .input-compact) {
  border-color: rgb(255 255 255 / 0.12) !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: #ffffff !important;
}
.claimant-hub-panel .overflow-x-auto {
  border-color: rgb(255 255 255 / 0.1) !important;
  background: rgb(255 255 255 / 0.045) !important;
}
.claimant-hub-panel table thead {
  background: rgb(255 255 255 / 0.08) !important;
  color: rgb(255 255 255 / 0.66) !important;
}
.claimant-hub-panel table tbody {
  border-color: rgb(255 255 255 / 0.08) !important;
}
.claimant-hub-panel table tr {
  background: transparent !important;
}
.claimant-hub-panel :is(label, .text-xs) {
  color: rgb(255 255 255 / 0.66) !important;
}
.claimant-hub-panel :is(input.input-compact, select.input-compact) {
  min-height: 38px !important;
  border-radius: 999px !important;
  padding-inline: 14px !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08) !important;
}
.claimant-hub-panel :is(input.input-compact, select.input-compact)::placeholder {
  color: rgb(255 255 255 / 0.54) !important;
  opacity: 1 !important;
}
.claimant-hub-panel table {
  border-collapse: separate !important;
  border-spacing: 0 !important;
  width: 100% !important;
}
.claimant-hub-panel table :is(th, td) {
  border-bottom: 1px solid rgb(255 255 255 / 0.08) !important;
  padding: 10px 12px !important;
}
.claimant-hub-panel table tbody tr:hover {
  background: rgb(255 255 255 / 0.045) !important;
}
.claimant-hub-panel table tbody tr:last-child :is(th, td) {
  border-bottom: 0 !important;
}
.claimant-hub-message-card {
  cursor: pointer !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 14px !important;
  background: rgb(255 255 255 / 0.055) !important;
  padding: 10px !important;
  color: #ffffff !important;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease !important;
}
.claimant-hub-message-card:hover, .claimant-hub-message-card:focus-visible {
  border-color: rgb(101 221 216 / 0.26) !important;
  background: rgb(255 255 255 / 0.085) !important;
  outline: 0 !important;
  transform: translateY(-1px) !important;
}
.claimant-hub-message-card--agent {
  border-color: rgb(101 221 216 / 0.2) !important;
  background: rgb(101 221 216 / 0.08) !important;
}
body:has(.claimant-hub-view) :is(#kpiBreakdown, #emailPreview) {
  border: 0 !important;
  background: transparent !important;
  padding: 0 !important;
}
body:has(.claimant-hub-view) #emailPreview {
  inset: 0 !important;
  margin: auto !important;
}
body:has(.claimant-hub-view) :is(#kpiBreakdown::backdrop, #emailPreview::backdrop) {
  background: rgb(5 12 20 / 0.62) !important;
  backdrop-filter: blur(8px) !important;
}
body:has(.claimant-hub-view) :is(#kpiBreakdown .modal-content, #emailPreview form) {
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 22px !important;
  background: radial-gradient(32rem 18rem at 0% -34%, rgb(101 221 216 / 0.14), transparent 72%), linear-gradient(132deg, #17283a 0%, #101d2c 60%, #0d1724 100%) !important;
  color: #ffffff !important;
  box-shadow: 0 32px 90px rgb(5 12 20 / 0.42), inset 0 1px 0 rgb(255 255 255 / 0.08) !important;
}
body:has(.claimant-hub-view) #emailPreview form {
  min-width: min(720px, 95vw) !important;
}
body:has(.claimant-hub-view) .claimant-hub-dialog__head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 1rem !important;
  border-color: rgb(255 255 255 / 0.1) !important;
  border-bottom: 1px solid rgb(255 255 255 / 0.1) !important;
  padding: 1rem 1.16rem 0.95rem !important;
  background: rgb(255 255 255 / 0.07) !important;
}
body:has(.claimant-hub-view) .claimant-hub-dialog__title {
  min-width: 0 !important;
  color: #ffffff !important;
  font-weight: 780 !important;
  letter-spacing: 0 !important;
}
body:has(.claimant-hub-view) .claimant-hub-dialog__body {
  padding: 1.05rem 1.16rem 1.1rem !important;
}
body:has(.claimant-hub-view) .claimant-hub-dialog__facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 0.55rem !important;
}
body:has(.claimant-hub-view) .claimant-hub-dialog__fact {
  min-width: 0 !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 14px !important;
  padding: 0.68rem 0.76rem !important;
  background: rgb(255 255 255 / 0.055) !important;
}
body:has(.claimant-hub-view) .claimant-hub-dialog__fact span {
  display: block !important;
  color: rgb(176 190 204 / 0.82) !important;
  font-size: 0.69rem !important;
  font-weight: 720 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
}
body:has(.claimant-hub-view) .claimant-hub-dialog__fact strong {
  display: block !important;
  overflow-wrap: anywhere !important;
  margin-top: 0.28rem !important;
  color: #ffffff !important;
  font-size: 0.82rem !important;
  font-weight: 760 !important;
}
body:has(.claimant-hub-view) .claimant-hub-dialog__body-block {
  margin-top: 0.75rem !important;
  border-color: rgb(255 255 255 / 0.1) !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 14px !important;
  padding: 0.86rem !important;
  background: rgb(255 255 255 / 0.055) !important;
  color: rgb(255 255 255 / 0.82) !important;
}
body:has(.claimant-hub-view) .claimant-hub-dialog__footer {
  border-top: 1px solid rgb(255 255 255 / 0.1) !important;
  padding: 0.9rem 1.16rem !important;
  text-align: right !important;
  background: rgb(5 12 20 / 0.18) !important;
}
body:has(.claimant-hub-view) :is(#kpiBreakdown .btn-ghost, #emailPreview .btn-ghost, #emailPreview .btn-primary) {
  border-color: rgb(255 255 255 / 0.12) !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: #ffffff !important;
}
body:has(.claim-details-view) .claim-details-section-toc, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) {
  display: grid !important;
  align-content: start !important;
  gap: 12px !important;
  overflow: visible !important;
}
body:has(.claim-details-view) .claim-details-section-toc .claim-scroll-toc__card, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) .claim-scroll-toc__card, body:has(.claim-details-view) .claim-left-rail-actions, body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) {
  overflow: hidden !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 22px !important;
  background: radial-gradient(18rem 12rem at 0% -36%, rgb(55 167 176 / 0.12), transparent 70%), rgb(255 255 255 / 0.72) !important;
  color: #253548 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
  backdrop-filter: blur(18px) !important;
}
body:has(.claim-details-view) .claim-details-section-toc .claim-scroll-toc__card, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) .claim-scroll-toc__card {
  padding: 20px 17px !important;
}
body:has(.claim-details-view) .claim-details-section-toc .claim-scroll-toc__section-label, body:has(.claim-details-view) .claim-left-rail-actions .profile-left-rail-actions__label, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) .claim-scroll-toc__section-label, body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) .profile-left-rail-actions__label {
  margin: 0 0 8px !important;
  color: #51606c !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
body:has(.claim-details-view) .claim-details-section-toc .claim-toc-link, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) .claim-toc-link {
  display: flex !important;
  width: 100% !important;
  min-width: 0 !important;
  min-height: 36px !important;
  align-items: center !important;
  margin: 5px 0 !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: transparent !important;
  color: #253548 !important;
  padding: 0 12px !important;
  font-size: 12px !important;
  font-weight: 850 !important;
  line-height: 1.15 !important;
  text-decoration: none !important;
  box-shadow: none !important;
}
body:has(.claim-details-view) .claim-details-section-toc .claim-toc-link::before, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) .claim-toc-link::before {
  content: "" !important;
  width: 8px !important;
  height: 8px !important;
  flex: 0 0 auto !important;
  margin-right: 10px !important;
  border-radius: 999px !important;
  background: #cfd9d8 !important;
}
body:has(.claim-details-view) .claim-details-section-toc .claim-toc-link:is(.is-active, :hover, [aria-current="location"], [aria-current="page"]), body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) .claim-toc-link:is(.is-active, :hover, [aria-current="location"], [aria-current="page"]) {
  background: rgb(235 247 246 / 0.86) !important;
  color: #102033 !important;
}
body:has(.claim-details-view) .claim-details-section-toc .claim-toc-link:is(.is-active, [aria-current="location"], [aria-current="page"])::before, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) .claim-toc-link:is(.is-active, [aria-current="location"], [aria-current="page"])::before {
  background: #37a7b0 !important;
  box-shadow: 0 0 0 4px rgb(55 167 176 / 0.12) !important;
}
body:has(.claim-details-view) .claim-left-rail-actions, body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) {
  display: grid !important;
  gap: 10px !important;
  padding: 14px !important;
}
body:has(.claim-details-view) .claim-left-rail-actions :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher), body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher) {
  min-width: 0 !important;
  max-width: 100% !important;
}
body:has(.claim-details-view) .claim-left-rail-actions .profile-left-rail-actions__grid, body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) .profile-left-rail-actions__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
body:has(.claim-details-view) .claim-left-rail-actions .profile-left-rail-actions__grid .profile-left-rail-action, body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) .profile-left-rail-actions__grid .profile-left-rail-action {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 24px auto !important;
  gap: 4px !important;
  min-height: 56px !important;
  justify-items: center !important;
  padding: 7px 3px 6px !important;
  text-align: center !important;
}
body:has(.claim-details-view) .claim-details-section-toc .local-db-badge--rail :is(.local-db-badge__label, .local-db-badge__name, .local-db-badge__endpoint, .local-db-badge__database), body:has(.app-rail-workspace) .claim-scroll-toc .local-db-badge--rail :is(.local-db-badge__label, .local-db-badge__name, .local-db-badge__endpoint, .local-db-badge__database) {
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
.claim-details-view--external :is(.external-detail-card, .external-detail-table-wrap), .claim-details-view--external-at :is(.external-detail-card, .external-cache-panel) {
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 22px !important;
  background: radial-gradient(30rem 16rem at 0% -38%, rgb(101 221 216 / 0.12), transparent 72%), linear-gradient(138deg, #17283a 0%, #101d2c 58%, #0d1724 100%) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 18px 36px rgb(17 29 41 / 0.12) !important;
}
.claim-details-view--external :is(.external-detail-card__header, .external-detail-card__body), .claim-details-view--external-at :is(.external-detail-card__header, .external-detail-card__body) {
  padding: 16px 18px !important;
}
.claim-details-view--external .external-detail-card__header, .claim-details-view--external-at .external-detail-card__header {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 14px !important;
  border-bottom: 1px solid rgb(255 255 255 / 0.08) !important;
  background: rgb(255 255 255 / 0.045) !important;
}
.claim-details-view--external .external-detail-card__header--summary, .claim-details-view--external-at .external-detail-card__header--summary {
  cursor: pointer !important;
  list-style: none !important;
}
.claim-details-view--external .external-detail-card__header--summary::-webkit-details-marker, .claim-details-view--external-at .external-detail-card__header--summary::-webkit-details-marker {
  display: none !important;
}
.claim-details-view--external .external-detail-card__header--summary::marker, .claim-details-view--external-at .external-detail-card__header--summary::marker {
  content: "" !important;
}
.claim-details-view--external .external-detail-card__label, .claim-details-view--external-at .external-detail-card__label {
  color: rgb(255 255 255 / 0.58) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  text-transform: uppercase !important;
}
.claim-details-view--external .external-detail-card__title, .claim-details-view--external-at .external-detail-card__title {
  margin-top: 6px !important;
  color: #ffffff !important;
  font-size: 16px !important;
  font-weight: 950 !important;
  line-height: 1.12 !important;
}
.claim-details-view--external .external-detail-card__body, .claim-details-view--external-at .external-detail-card__body {
  color: rgb(255 255 255 / 0.72) !important;
  font-size: 13px !important;
  font-weight: 680 !important;
  line-height: 1.5 !important;
}
.claim-details-view--external .external-detail-card__body--list, .claim-details-view--external-at .external-detail-card__body--list {
  display: grid !important;
  gap: 10px !important;
}
.claim-details-view--external .external-detail-card__meta, .claim-details-view--external-at .external-detail-card__meta {
  margin-top: 12px !important;
  color: rgb(255 255 255 / 0.56) !important;
  font-size: 12px !important;
}
.claim-details-view--external .external-detail-list, .claim-details-view--external-at .external-detail-list {
  display: grid !important;
  gap: 7px !important;
  color: rgb(255 255 255 / 0.68) !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}
.claim-details-view--external .external-detail-list-link, .claim-details-view--external-at .external-detail-list-link {
  display: grid !important;
  gap: 7px !important;
  border: 1px solid rgb(101 221 216 / 0.18) !important;
  border-radius: 16px !important;
  background: rgb(101 221 216 / 0.1) !important;
  padding: 12px 13px !important;
  color: #ffffff !important;
  text-decoration: none !important;
  transition: border-color 160ms ease, background 160ms ease, transform 160ms ease !important;
}
.claim-details-view--external .external-detail-list-link:hover, .claim-details-view--external-at .external-detail-list-link:hover {
  border-color: rgb(101 221 216 / 0.34) !important;
  background: rgb(101 221 216 / 0.14) !important;
  transform: translateY(-1px) !important;
}
.claim-details-view--external .external-detail-list-link__head, .claim-details-view--external-at .external-detail-list-link__head {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 10px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1.2 !important;
}
.claim-details-view--external .external-detail-list-link__head span:last-child, .claim-details-view--external-at .external-detail-list-link__head span:last-child {
  color: #65ddd8 !important;
  font-size: 11.5px !important;
  font-weight: 900 !important;
}
.claim-details-view--external .external-detail-list-link__meta, .claim-details-view--external-at .external-detail-list-link__meta {
  color: rgb(255 255 255 / 0.62) !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
}
.claim-details-view--external .external-detail-table-wrap {
  overflow-x: auto !important;
}
.claim-details-view--external .external-detail-table {
  width: 100% !important;
  min-width: 42rem !important;
  border-collapse: separate !important;
  border-spacing: 0 !important;
  color: #ffffff !important;
  font-size: 13px !important;
}
.claim-details-view--external .external-detail-table th, .claim-details-view--external .external-detail-table td {
  border-bottom: 1px solid rgb(255 255 255 / 0.08) !important;
  padding: 13px 14px !important;
  text-align: left !important;
}
.claim-details-view--external .external-detail-table th {
  color: rgb(255 255 255 / 0.58) !important;
  font-size: 10.5px !important;
  font-weight: 900 !important;
  letter-spacing: 0.08em !important;
  text-transform: uppercase !important;
}
.claim-details-view--external .external-detail-table td {
  color: rgb(255 255 255 / 0.74) !important;
  font-weight: 680 !important;
}
.claim-details-view--external .external-detail-table tbody tr:last-child td {
  border-bottom: 0 !important;
}
.claim-details-view--external-at .external-cache-panel {
  display: grid !important;
  gap: 0 !important;
  margin-top: 16px !important;
}
.claim-details-view--external-at .external-cache-panel__summary {
  cursor: pointer !important;
  list-style: none !important;
  padding: 16px 18px !important;
  color: #ffffff !important;
  font-size: 13px !important;
  font-weight: 950 !important;
}
.claim-details-view--external-at .external-cache-panel__summary::-webkit-details-marker {
  display: none !important;
}
.claim-details-view--external-at .external-cache-panel__pre, .claim-details-view--external-at .external-cache-panel__empty {
  margin: 0 18px 18px !important;
  border: 1px solid rgb(255 255 255 / 0.08) !important;
  border-radius: 16px !important;
  background: rgb(255 255 255 / 0.06) !important;
  color: rgb(255 255 255 / 0.72) !important;
  padding: 14px !important;
}
.claim-details-view--external-at .external-cache-panel__pre {
  max-height: 28rem !important;
  overflow: auto !important;
  white-space: pre-wrap !important;
  font-size: 12px !important;
  line-height: 1.45 !important;
}
@media (min-width: 1181px) {
  body:has(.dashboard-workspace) .app-disclaimer-shell, body:has(.app-rail-workspace) .app-disclaimer-shell {
    position: fixed !important;
    z-index: 70 !important;
    top: 0 !important;
    right: 0 !important;
    left: 270px !important;
    display: block !important;
  }
  body:has(.dashboard-workspace) .app-topbar, body:has(.app-rail-workspace) .app-topbar {
    --app-brand-logo-width: 235px !important;
    position: fixed !important;
    z-index: 70 !important;
    top: 31px !important;
    right: 0 !important;
    left: 270px !important;
    height: 81px !important;
    min-height: 81px !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #0b1624 0%, #101e2c 100%) !important;
    color: #ffffff !important;
    box-shadow: 0 16px 38px rgb(0 0 0 / 0.18) !important;
  }
  body:has(.dashboard-workspace) .app-topbar__primary, body:has(.app-rail-workspace) .app-topbar__primary {
    display: grid !important;
    grid-template-columns: minmax(220px, 250px) minmax(22rem, 1fr) max-content !important;
    grid-template-areas: none !important;
    align-items: center !important;
    gap: 22px !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 0 !important;
    max-width: none !important;
    padding: 0 34px !important;
  }
  body:has(.dashboard-workspace) .app-topbar__brand, body:has(.app-rail-workspace) .app-topbar__brand {
    display: contents !important;
  }
  body:has(.dashboard-workspace) .app-brand-link, body:has(.app-rail-workspace) .app-brand-link {
    display: flex !important;
    grid-column: 1 !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  body:has(.dashboard-workspace) .app-brand-logo, body:has(.app-rail-workspace) .app-brand-logo {
    width: min(235px, 100%) !important;
    max-height: 64px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 12px 18px rgb(0 0 0 / 0.32)) !important;
  }
  body:has(.dashboard-workspace) .app-operator-badge, body:has(.app-rail-workspace) .app-operator-badge {
    position: fixed !important;
    z-index: 75 !important;
    top: 38px !important;
    left: 18px !important;
    display: grid !important;
    grid-template-columns: 35px minmax(0, 1fr) 30px !important;
    grid-template-rows: auto auto !important;
    column-gap: 8px !important;
    align-items: center !important;
    width: 236px !important;
    max-width: 236px !important;
    min-height: 66px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 9px 10px !important;
    overflow: visible !important;
    border: 1px solid rgb(255 255 255 / 0.08) !important;
    border-radius: 22px !important;
    background: radial-gradient(11rem 6rem at 0% -30%, rgb(55 167 176 / 0.22), transparent 70%), linear-gradient(135deg, #172637, #101824) !important;
    color: #ffffff !important;
    text-decoration: none !important;
    box-shadow: 0 16px 32px rgb(17 29 41 / 0.16) !important;
  }
  body:has(.dashboard-workspace) .app-operator-badge__label, body:has(.dashboard-workspace) .app-operator-badge__name, body:has(.app-rail-workspace) .app-operator-badge__label, body:has(.app-rail-workspace) .app-operator-badge__name {
    min-width: 0 !important;
    max-width: 100% !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: normal !important;
  }
  body:has(.dashboard-workspace) .app-topbar__search, body:has(.app-rail-workspace) .app-topbar__search {
    grid-column: 2 !important;
    justify-self: stretch !important;
    width: 100% !important;
    max-width: none !important;
  }
  body:has(.dashboard-workspace) .app-search-input, body:has(.app-rail-workspace) .app-search-input {
    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
    border-radius: 18px !important;
    background: rgb(255 255 255 / 0.08) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.05) !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions, body:has(.app-rail-workspace) .app-topbar__actions {
    display: flex !important;
    grid-column: 3 !important;
    align-items: center !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    flex-wrap: nowrap !important;
    gap: 22px !important;
    min-width: max-content !important;
    max-width: none !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions :where(.btn-primary, .btn-muted, .btn-danger, .app-language-switcher__trigger), body:has(.app-rail-workspace) .app-topbar__actions :where(.btn-primary, .btn-muted, .btn-danger, .app-language-switcher__trigger) {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 42px !important;
    height: 42px !important;
    gap: 8px !important;
    padding: 0 17px !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
    border-radius: 14px !important;
    background: rgb(255 255 255 / 0.08) !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 750 !important;
    line-height: 1 !important;
    box-shadow: none !important;
  }
  body:has(.dashboard-workspace) #content, body:has(.app-rail-workspace) #content {
    width: auto !important;
    max-width: none !important;
    margin-left: 270px !important;
    padding: 140px 36px 64px !important;
    background: transparent !important;
  }
  body:has(.dashboard-workspace) .dashboard-workspace, body:has(.app-rail-workspace.dashboard-workspace) .dashboard-workspace {
    width: min(calc(100vw - 342px), 1536px) !important;
    max-width: 1536px !important;
    min-width: 0 !important;
    margin: 0 36px 72px 306px !important;
    padding: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-section-toc, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) {
    position: fixed !important;
    z-index: 40 !important;
    top: 126px !important;
    left: 18px !important;
    display: grid !important;
    width: 236px !important;
    max-width: 236px !important;
    max-height: calc(100vh - 238px) !important;
    align-content: start !important;
    gap: 12px !important;
    margin: 0 !important;
    overflow: visible !important;
  }
}
body:has(.dashboard-workspace) > .local-db-badge:not(.local-db-badge--rail), body:has(.app-rail-workspace) > .local-db-badge:not(.local-db-badge--rail) {
  display: none !important;
}
body:has(.dashboard-workspace) .claim-scroll-toc .local-db-badge--rail, body:has(.app-rail-workspace) .claim-scroll-toc .local-db-badge--rail {
  position: static !important;
  display: grid !important;
  width: 100% !important;
  max-width: 100% !important;
  min-height: 84px !important;
  grid-template-columns: minmax(0, 1fr) 10px !important;
  padding: 14px 32px 14px 16px !important;
  overflow: visible !important;
}
body:has(.dashboard-workspace) .claim-scroll-toc .local-db-badge--rail :is(.local-db-badge__label, .local-db-badge__name, .local-db-badge__endpoint, .local-db-badge__database), body:has(.app-rail-workspace) .claim-scroll-toc .local-db-badge--rail :is(.local-db-badge__label, .local-db-badge__name, .local-db-badge__endpoint, .local-db-badge__database) {
  max-width: 100% !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  overflow-wrap: anywhere !important;
  word-break: break-word !important;
}
body:has(.dashboard-workspace) .dashboard-command {
  position: relative !important;
  isolation: isolate !important;
  display: block !important;
  min-height: 384px !important;
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.08) !important;
  border-radius: 28px !important;
  background: radial-gradient(42rem 26rem at 6% -42%, rgb(76 133 152 / 0.34), transparent 72%), radial-gradient(34rem 22rem at 85% 4%, rgb(255 255 255 / 0.08), transparent 70%), linear-gradient(127deg, #17354a 0%, #102033 50%, #0b1726 100%) !important;
  color: #ffffff !important;
  padding: 0 !important;
  box-shadow: 0 28px 68px rgb(17 29 41 / 0.16) !important;
}
body:has(.dashboard-workspace) .dashboard-command__masthead {
  min-height: 72px !important;
  border-bottom: 1px solid rgb(255 255 255 / 0.08) !important;
  padding: 24px 30px 0 !important;
}
body:has(.dashboard-workspace) .dashboard-command__content {
  display: grid !important;
  grid-template-columns: minmax(20rem, 0.95fr) minmax(0, 1.65fr) !important;
  min-height: 312px !important;
  gap: 0 !important;
}
body:has(.dashboard-workspace) .dashboard-command__copy {
  display: grid !important;
  align-content: end !important;
  gap: 16px !important;
  min-width: 0 !important;
  padding: 28px 30px 30px !important;
  border-right: 1px solid rgb(255 255 255 / 0.08) !important;
}
body:has(.dashboard-workspace) .dashboard-command__subtitle {
  max-width: 12ch !important;
  color: #ffffff !important;
  font-size: clamp(46px, 4vw, 64px) !important;
  font-weight: 950 !important;
  letter-spacing: 0 !important;
  line-height: 0.94 !important;
}
body:has(.dashboard-workspace) .dashboard-command__description {
  max-width: 30rem !important;
  color: rgb(255 255 255 / 0.74) !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1.45 !important;
}
body:has(.dashboard-workspace) :is(.dashboard-command__eyebrow, .dashboard-command__state-pill, .dashboard-command__identity-item, .dashboard-kpi-card) {
  border-color: rgb(255 255 255 / 0.12) !important;
  background: rgb(255 255 255 / 0.075) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07) !important;
}
body:has(.dashboard-workspace) .dashboard-command__identity-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 12px !important;
}
body:has(.dashboard-workspace) .dashboard-command__identity-item {
  min-height: 88px !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 16px !important;
  padding: 15px !important;
}
body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  align-content: end !important;
  gap: 14px !important;
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
  padding: 28px 30px 30px !important;
  border: 0 !important;
  background: transparent !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-panel__header {
  grid-column: 1 / -1 !important;
  margin: 0 0 2px !important;
  color: #ffffff !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card {
  display: grid !important;
  min-height: 104px !important;
  align-content: start !important;
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 18px !important;
  padding: 18px !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__label, body:has(.dashboard-workspace) .dashboard-kpi-card__meta, body:has(.dashboard-workspace) .dashboard-kpi-card__unit, body:has(.dashboard-workspace) .dashboard-kpi-panel__eyebrow {
  color: rgb(255 255 255 / 0.62) !important;
}
body:has(.dashboard-workspace) .dashboard-kpi-card__value, body:has(.dashboard-workspace) .dashboard-kpi-panel__title {
  color: #ffffff !important;
}
@media (max-width: 1180px) {
  body:has(.dashboard-workspace) .dashboard-command__content, body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body:has(.dashboard-workspace) .dashboard-command {
    min-height: 0 !important;
  }
}
body:has(.claim-details-view) .claim-left-rail-actions .profile-left-rail-actions__grid .profile-left-rail-action :is(span:last-child, .shared-note-trigger__label, .shared-note-launcher__label), body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) .profile-left-rail-actions__grid .profile-left-rail-action :is(span:last-child, .shared-note-trigger__label, .shared-note-launcher__label) {
  display: block !important;
  max-width: 100% !important;
  overflow: visible !important;
  color: inherit !important;
  font-size: 10px !important;
  font-weight: 900 !important;
  letter-spacing: 0 !important;
  line-height: 1.05 !important;
  text-align: center !important;
  text-overflow: clip !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}
body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .portal-internal-left-rail-actions) .profile-left-rail-actions__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
@media (min-width: 1181px) {
  body:has(.app-rail-workspace.profile-details-view .profile-details-main-grid--with-asset-aside) .app-rail-workspace.profile-details-view.profile-details-view--debtor, body:has(.app-rail-workspace.profile-details-view .profile-asset-parity-grid) .app-rail-workspace.profile-details-view.profile-details-view--debtor {
    width: calc(100vw - 342px) !important;
    max-width: 1558px !important;
  }
  body:has(.profile-details-main-grid--with-asset-aside) .profile-details-main-grid--with-asset-aside {
    display: grid !important;
    width: calc(100vw - 342px) !important;
    max-width: 1558px !important;
    grid-template-columns: minmax(0, 1fr) minmax(290px, 340px) !important;
    align-items: start !important;
    gap: 22px 28px !important;
  }
  body:has(.profile-details-main-grid--with-asset-aside) .profile-details-main-grid--with-asset-aside .profile-details-main-grid__content {
    grid-column: 1 !important;
    width: 100% !important;
    max-width: none !important;
    justify-self: stretch !important;
  }
  body:has(.profile-asset-parity-grid) .profile-details-main-grid, body:has(.profile-asset-parity-grid) .profile-details-main-grid__content {
    width: calc(100vw - 342px) !important;
    max-width: 1558px !important;
    justify-self: start !important;
  }
  body:has(.profile-asset-parity-grid) .profile-asset-parity-grid {
    display: grid !important;
    width: calc(100vw - 342px) !important;
    max-width: 1558px !important;
    grid-template-columns: minmax(0, 1190px) minmax(290px, 340px) !important;
    align-items: start !important;
    gap: 22px 28px !important;
  }
  body:has(.profile-details-main-grid--with-asset-aside) .profile-details-main-grid--with-asset-aside .profile-details-main-grid__content > .claim-section--debtor:has(> .claim-party-secondary--assets), body:has(.profile-details-main-grid--with-asset-aside) .profile-details-main-grid--with-asset-aside .profile-details-main-grid__content > .claim-section--debtor:has(> .claim-party-secondary--assets) > .claim-party-secondary--assets, body:has(.profile-asset-parity-grid) .profile-asset-parity-grid > .claim-section--debtor:has(> .claim-party-secondary--assets), body:has(.profile-asset-parity-grid) .profile-asset-parity-grid > .claim-section--debtor:has(> .claim-party-secondary--assets) > .claim-party-secondary--assets {
    width: 100% !important;
    max-width: 100% !important;
    justify-self: stretch !important;
  }
  body:has(.profile-details-main-grid--with-asset-aside) .profile-asset-context--rail, body:has(.profile-asset-parity-grid) .profile-asset-parity-grid > .profile-asset-context--rail {
    grid-column: 2 !important;
    grid-row: 1 !important;
    position: sticky !important;
    top: 92px !important;
    width: 100% !important;
    max-width: 340px !important;
    margin: 0 !important;
    padding: 0 !important;
    justify-self: stretch !important;
  }
  body:has(.profile-details-main-grid--with-asset-aside) .profile-asset-context--rail .profile-asset-addon, body:has(.profile-asset-parity-grid) .profile-asset-parity-grid > .profile-asset-context--rail .profile-asset-addon {
    border-radius: 26px !important;
    padding: 18px !important;
  }
  body:has(.profile-details-main-grid--with-asset-aside) .profile-asset-context--rail .profile-asset-addon__header, body:has(.profile-details-main-grid--with-asset-aside) .profile-asset-context--rail .profile-asset-addon__body, body:has(.profile-asset-parity-grid) .profile-asset-parity-grid > .profile-asset-context--rail .profile-asset-addon__header, body:has(.profile-asset-parity-grid) .profile-asset-parity-grid > .profile-asset-context--rail .profile-asset-addon__body {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body:has(.profile-details-main-grid--with-asset-aside) .profile-asset-context--rail .profile-asset-addon__count, body:has(.profile-asset-parity-grid) .profile-asset-parity-grid > .profile-asset-context--rail .profile-asset-addon__count {
    width: max-content !important;
    justify-self: start !important;
  }
  body:has(.profile-details-main-grid--with-asset-aside) .profile-asset-context--rail :is(.profile-asset-addon__list, .profile-asset-addon__chips, .profile-asset-addon__action), body:has(.profile-asset-parity-grid) .profile-asset-parity-grid > .profile-asset-context--rail :is(.profile-asset-addon__list, .profile-asset-addon__chips, .profile-asset-addon__action) {
    grid-column: auto !important;
  }
  body:has(.profile-details-main-grid--with-asset-aside) .profile-asset-context--rail .profile-asset-addon__action, body:has(.profile-asset-parity-grid) .profile-asset-parity-grid > .profile-asset-context--rail .profile-asset-addon__action {
    width: 100% !important;
  }
}
@media (max-width: 1180px) {
  body:has(.profile-details-main-grid--with-asset-aside) .profile-details-main-grid--with-asset-aside, body:has(.profile-asset-parity-grid) .profile-asset-parity-grid {
    grid-template-columns: minmax(0, 1fr) !important;
  }
  body:has(.profile-details-main-grid--with-asset-aside) .profile-asset-context--rail, body:has(.profile-asset-parity-grid) .profile-asset-parity-grid > .profile-asset-context--rail {
    grid-column: 1 !important;
    grid-row: auto !important;
    position: static !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
  }
}
@media (min-width: 1181px) {
  body:has(.app-rail-workspace):not(:has(.dashboard-workspace)):not(:has(.profile-details-view)) #content {
    width: 100% !important;
    max-width: none !important;
    margin-left: 0 !important;
    padding: 140px 0 64px !important;
    background: transparent !important;
  }
}
body:has(.app-rail-workspace) .app-rail-workspace :is(.btn-primary, .btn-muted, .btn-secondary, .btn-ghost, .btn-danger) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 38px !important;
  width: auto !important;
  max-width: 100% !important;
  gap: 8px !important;
  padding: 0 15px !important;
  border-radius: 13px !important;
  font-size: 13px !important;
  font-weight: 820 !important;
  line-height: 1 !important;
  letter-spacing: 0 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  transition: transform 160ms ease, border-color 160ms ease, background 160ms ease, box-shadow 160ms ease !important;
}
body:has(.app-rail-workspace) .app-rail-workspace :is(.btn-primary, .btn-muted, .btn-secondary, .btn-ghost, .btn-danger):is(:hover, :focus-visible) {
  transform: translateY(-1px) !important;
}
body:has(.app-rail-workspace) .app-rail-workspace .btn-primary {
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  background: radial-gradient(8rem 4rem at 0% -55%, rgb(101 221 216 / 0.26), transparent 72%), linear-gradient(135deg, #17314a 0%, #102033 58%, #0d1724 100%) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.11), 0 14px 26px rgb(17 29 41 / 0.14) !important;
}
body:has(.app-rail-workspace) .app-rail-workspace .btn-primary:is(:hover, :focus-visible) {
  border-color: rgb(101 221 216 / 0.32) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12), 0 18px 30px rgb(17 29 41 / 0.18) !important;
}
body:has(.app-rail-workspace) .app-rail-workspace :is(.btn-muted, .btn-secondary, .btn-ghost) {
  border: 1px solid rgb(16 32 51 / 0.1) !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(241 247 247 / 0.76)) !important;
  color: #102033 !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 12px 24px rgb(17 29 41 / 0.08) !important;
}
body:has(.app-rail-workspace) .app-rail-workspace :is(.btn-muted, .btn-secondary, .btn-ghost):is(:hover, :focus-visible) {
  border-color: rgb(55 167 176 / 0.26) !important;
  background: linear-gradient(180deg, #ffffff, rgb(235 247 246 / 0.9)) !important;
  color: #0d1724 !important;
}
body:has(.app-rail-workspace) .app-rail-workspace :is(.btn-danger, .btn-ghost.text-red-700, .btn-muted.text-red-700) {
  border: 1px solid rgb(225 29 72 / 0.18) !important;
  background: linear-gradient(180deg, rgb(255 245 247 / 0.96), rgb(255 255 255 / 0.82)) !important;
  color: #be123c !important;
  box-shadow: 0 12px 24px rgb(225 29 72 / 0.08) !important;
}
body:has(.app-rail-workspace) .app-rail-workspace .w-full.btn-primary, body:has(.app-rail-workspace) .app-rail-workspace .btn-primary.w-full {
  width: 100% !important;
}
body:has(.app-rail-workspace) .app-rail-workspace :where(input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):not([type="file"]), select, textarea, .input, .input-compact) {
  border-color: rgb(16 32 51 / 0.14) !important;
  border-radius: 15px !important;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(247 250 250 / 0.84)) !important;
  color: #102033 !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78), 0 10px 22px rgb(17 29 41 / 0.06) !important;
}
body:has(.app-rail-workspace) .app-rail-workspace :where(input:not([type="radio"]):not([type="checkbox"]):not([type="hidden"]):not([type="file"]), select, textarea, .input, .input-compact):focus {
  border-color: rgb(55 167 176 / 0.45) !important;
  outline: 0 !important;
  box-shadow: 0 0 0 3px rgb(55 167 176 / 0.14), inset 0 1px 0 rgb(255 255 255 / 0.82), 0 12px 24px rgb(17 29 41 / 0.08) !important;
}
body:has(.app-rail-workspace) .app-rail-workspace .upload-dropzone {
  min-height: 198px !important;
  border-color: rgb(55 167 176 / 0.22) !important;
  border-radius: 22px !important;
  background: radial-gradient(24rem 14rem at 50% -36%, rgb(101 221 216 / 0.18), transparent 70%), linear-gradient(180deg, rgb(246 252 252 / 0.88), rgb(235 245 244 / 0.7)) !important;
}
body:has(.app-rail-workspace) .app-rail-workspace .upload-dropzone:is(:hover, :focus-within, .is-dragover) {
  border-color: rgb(55 167 176 / 0.42) !important;
  background: radial-gradient(24rem 14rem at 50% -36%, rgb(101 221 216 / 0.24), transparent 70%), linear-gradient(180deg, rgb(249 253 253 / 0.95), rgb(229 244 243 / 0.82)) !important;
}
body:has(.app-rail-workspace--batch-test) .app-rail-workspace--batch-test #app-page-overview, body:has(.app-rail-workspace--xroad) .app-rail-workspace--xroad #app-page-overview {
  position: relative !important;
}
body:has(.app-rail-workspace--batch-test) .app-rail-workspace--batch-test #app-page-overview {
  padding-top: 30px !important;
}
body:has(.app-rail-workspace--batch-test) .app-rail-workspace--batch-test #app-page-overview::before {
  content: "" !important;
  position: absolute !important;
  z-index: 0 !important;
  top: 0 !important;
  right: 0 !important;
  left: 0 !important;
  height: 164px !important;
  border-radius: 30px !important;
  background: radial-gradient(38rem 22rem at 0% -55%, rgb(101 221 216 / 0.18), transparent 72%), linear-gradient(135deg, #1c3449 0%, #102033 58%, #0d1724 100%) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 18px 42px rgb(17 29 41 / 0.14) !important;
}
body:has(.app-rail-workspace--batch-test) .app-rail-workspace--batch-test #app-page-overview > :is(.page-title, p, .mt-4, .mt-6) {
  position: relative !important;
  z-index: 1 !important;
}
body:has(.app-rail-workspace--batch-test) .app-rail-workspace--batch-test #app-page-overview > .page-title {
  margin: 0 !important;
  padding: 0 34px !important;
  color: #ffffff !important;
  font-size: clamp(30px, 2.1vw, 42px) !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}
body:has(.app-rail-workspace--batch-test) .app-rail-workspace--batch-test #app-page-overview > .page-title + p {
  max-width: 860px !important;
  margin-top: 12px !important;
  padding: 0 34px !important;
  color: rgb(255 255 255 / 0.72) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}
body:has(.app-rail-workspace--batch-test) .app-rail-workspace--batch-test #app-page-overview > .mt-6 {
  margin-top: 52px !important;
}
body:has(.app-rail-workspace--batch-test) .app-rail-workspace--batch-test :is(.intake-card, .intake-card > article), body:has(.app-rail-workspace--xroad) .app-rail-workspace--xroad :is(form, #app-page-overview > .mt-4 > section) {
  overflow: hidden !important;
  border: 1px solid rgb(16 32 51 / 0.11) !important;
  border-radius: 24px !important;
  background: radial-gradient(32rem 18rem at 100% -45%, rgb(101 221 216 / 0.09), transparent 70%), linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(247 250 250 / 0.76)) !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82), 0 18px 36px rgb(17 29 41 / 0.09) !important;
}
body:has(.app-rail-workspace--xroad) .app-rail-workspace--xroad form {
  padding: 22px 18px 18px !important;
}
body:has(.app-rail-workspace--xroad) .app-rail-workspace--xroad #app-page-overview > .mt-4 > header {
  overflow: hidden !important;
  border: 1px solid rgb(255 255 255 / 0.1) !important;
  border-radius: 30px !important;
  padding: 30px 34px !important;
  background: radial-gradient(38rem 22rem at 0% -55%, rgb(101 221 216 / 0.18), transparent 72%), linear-gradient(135deg, #1c3449 0%, #102033 58%, #0d1724 100%) !important;
  color: #ffffff !important;
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 18px 42px rgb(17 29 41 / 0.14) !important;
}
body:has(.app-rail-workspace--xroad) .app-rail-workspace--xroad #app-page-overview > .mt-4 > header .page-title {
  margin: 0 !important;
  color: #ffffff !important;
  font-size: clamp(30px, 2.1vw, 42px) !important;
  font-weight: 900 !important;
  line-height: 1.02 !important;
  letter-spacing: 0 !important;
}
body:has(.app-rail-workspace--xroad) .app-rail-workspace--xroad #app-page-overview > .mt-4 > header p {
  max-width: 1100px !important;
  color: rgb(255 255 255 / 0.72) !important;
  font-size: 15px !important;
  line-height: 1.55 !important;
}
body:has(.app-rail-workspace--xroad) .app-rail-workspace--xroad #app-page-overview > .mt-4 > header code {
  border: 1px solid rgb(255 255 255 / 0.12) !important;
  border-radius: 9px !important;
  background: rgb(255 255 255 / 0.08) !important;
  color: rgb(255 255 255 / 0.86) !important;
  padding: 1px 5px !important;
}
@media (min-width: 1181px) {
  .claim-details-reference-main-grid > [data-claim-details-tab-frame] > .claim-scroll-toc.claim-details-section-toc, .claim-details-section-toc.claim-details-section-toc, body:has(.claim-details-view) .claim-details-section-toc, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) {
    position: fixed !important;
    z-index: 40 !important;
    top: 126px !important;
    bottom: 18px !important;
    left: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    float: none !important;
    width: var(--claim-rail-width, 236px) !important;
    max-width: min(var(--claim-rail-width, 236px), calc(100vw - 36px)) !important;
    height: auto !important;
    max-height: none !important;
    align-items: stretch !important;
    gap: 12px !important;
    margin: 0 !important;
    overflow-x: visible !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
  }
  .claim-details-reference-main-grid > [data-claim-details-tab-frame] > .claim-scroll-toc.claim-details-section-toc {
    max-height: none !important;
    height: auto !important;
  }
  .claim-details-section-toc.claim-details-section-toc > .local-db-badge--rail, body:has(.claim-details-view) .claim-details-section-toc > .local-db-badge--rail, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) > .local-db-badge--rail {
    align-self: stretch !important;
    margin-top: 0 !important;
  }
}
.claim-details-section-toc.claim-details-section-toc > *, body:has(.claim-details-view) .claim-details-section-toc > *, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) > * {
  flex: 0 0 auto !important;
}
@media (min-width: 1181px) and (max-height: 880px) {
  .claim-details-reference-main-grid > [data-claim-details-tab-frame] > .claim-scroll-toc.claim-details-section-toc, .claim-details-section-toc.claim-details-section-toc, body:has(.claim-details-view) .claim-details-section-toc, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) {
    top: 116px !important;
    bottom: 12px !important;
    gap: 8px !important;
  }
  .claim-details-section-toc.claim-details-section-toc .claim-scroll-toc__card, body:has(.claim-details-view) .claim-details-section-toc .claim-scroll-toc__card, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) .claim-scroll-toc__card {
    padding: 15px 14px !important;
  }
  .claim-details-section-toc.claim-details-section-toc .claim-left-rail-actions, body:has(.claim-details-view) .claim-left-rail-actions, body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) {
    gap: 8px !important;
    padding: 10px !important;
  }
  body:has(.dashboard-workspace) .claim-scroll-toc .local-db-badge--rail, body:has(.app-rail-workspace) .claim-scroll-toc .local-db-badge--rail {
    min-height: 66px !important;
    padding: 11px 28px 11px 14px !important;
  }
}
.claim-details-section-toc.claim-details-section-toc .claim-scroll-toc__card, body:has(.claim-details-view) .claim-details-section-toc .claim-scroll-toc__card, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) .claim-scroll-toc__card, .claim-details-section-toc.claim-details-section-toc .claim-left-rail-actions, body:has(.claim-details-view) .claim-left-rail-actions, body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions), .claim-details-section-toc.claim-details-section-toc > .local-db-badge--rail, body:has(.claim-details-view) .claim-details-section-toc > .local-db-badge--rail, body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) > .local-db-badge--rail {
  width: 100% !important;
  max-width: 100% !important;
  overflow: visible !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 22px !important;
  background: radial-gradient(18rem 12rem at 0% -36%, rgb(55 167 176 / 0.12), transparent 70%), rgb(255 255 255 / 0.76) !important;
  color: #253548 !important;
  box-shadow: 0 12px 38px rgb(17 29 41 / 0.08) !important;
  backdrop-filter: blur(18px) !important;
}
.claim-details-section-toc.claim-details-section-toc .claim-left-rail-actions, body:has(.claim-details-view) .claim-left-rail-actions, body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) {
  display: grid !important;
  gap: 10px !important;
  padding: 12px !important;
}
.claim-details-section-toc.claim-details-section-toc .claim-left-rail-actions .profile-left-rail-actions__grid, body:has(.claim-details-view) .claim-left-rail-actions .profile-left-rail-actions__grid, body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) .profile-left-rail-actions__grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 7px !important;
}
body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) .profile-left-rail-actions__grid {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
}
.claim-details-section-toc.claim-details-section-toc .claim-left-rail-actions :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-launcher), body:has(.claim-details-view) .claim-left-rail-actions :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-launcher), body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-launcher) {
  min-width: 0 !important;
  max-width: 100% !important;
  text-decoration: none !important;
}
.claim-details-section-toc.claim-details-section-toc .claim-left-rail-actions :is(.profile-left-rail-actions__note, .shared-note-slot, .shared-note-mount), body:has(.claim-details-view) .claim-left-rail-actions :is(.profile-left-rail-actions__note, .shared-note-slot, .shared-note-mount), body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) :is(.profile-left-rail-actions__note, .shared-note-slot, .shared-note-mount) {
  width: 100% !important;
  min-width: 0 !important;
}
.claim-details-section-toc.claim-details-section-toc .claim-left-rail-actions :is(.shared-note-trigger, .shared-note-launcher), body:has(.claim-details-view) .claim-left-rail-actions :is(.shared-note-trigger, .shared-note-launcher), body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) :is(.shared-note-trigger, .shared-note-launcher) {
  display: flex !important;
  width: 100% !important;
  min-height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 9px !important;
  border: 0 !important;
  border-radius: 13px !important;
  background: #102033 !important;
  color: #ffffff !important;
  padding: 0 14px !important;
  font-size: 13px !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  box-shadow: none !important;
}
.claim-details-section-toc.claim-details-section-toc .claim-left-rail-actions .profile-left-rail-actions__grid .profile-left-rail-action, body:has(.claim-details-view) .claim-left-rail-actions .profile-left-rail-actions__grid .profile-left-rail-action, body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) .profile-left-rail-actions__grid .profile-left-rail-action {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-template-rows: 24px auto !important;
  min-height: 56px !important;
  justify-items: center !important;
  align-items: center !important;
  gap: 4px !important;
  border: 1px solid rgb(16 32 51 / 0.08) !important;
  border-radius: 13px !important;
  background: rgb(255 255 255 / 0.78) !important;
  color: #102033 !important;
  padding: 7px 3px 6px !important;
  text-align: center !important;
}
.claim-details-section-toc.claim-details-section-toc .claim-left-rail-actions .profile-left-rail-action__icon, body:has(.claim-details-view) .claim-left-rail-actions .profile-left-rail-action__icon, body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) .profile-left-rail-action__icon, .claim-details-section-toc.claim-details-section-toc .claim-left-rail-actions :is(.shared-note-trigger__icon, .shared-note-launcher__icon), body:has(.claim-details-view) .claim-left-rail-actions :is(.shared-note-trigger__icon, .shared-note-launcher__icon), body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) :is(.shared-note-trigger__icon, .shared-note-launcher__icon) {
  width: 23px !important;
  height: 23px !important;
  border-radius: 8px !important;
  background: rgb(101 221 216 / 0.16) !important;
  color: #1f9aa3 !important;
}
.claim-details-section-toc.claim-details-section-toc .claim-left-rail-actions :is(.shared-note-trigger, .shared-note-launcher) :is(.shared-note-trigger__icon, .shared-note-launcher__icon), body:has(.claim-details-view) .claim-left-rail-actions :is(.shared-note-trigger, .shared-note-launcher) :is(.shared-note-trigger__icon, .shared-note-launcher__icon) {
  background: rgb(101 221 216 / 0.15) !important;
  color: #65ddd8 !important;
}
@media (min-width: 1181px) {
  body:has(.dashboard-workspace) .dashboard-claims-zone {
    overflow: visible !important;
    border: 1px solid rgb(17 29 41 / 0.08) !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    color: #102033 !important;
    box-shadow: 0 14px 34px rgb(17 29 41 / 0.06) !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard {
    display: block !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 22px !important;
    background: #ffffff !important;
    color: #102033 !important;
    box-shadow: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__toolbar {
    display: flex !important;
    min-height: 64px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 !important;
    border: 0 !important;
    border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
    border-radius: 0 !important;
    background: #ffffff !important;
    padding: 12px 16px !important;
    color: #102033 !important;
    box-shadow: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__title {
    color: #102033 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__mark {
    display: grid !important;
    width: 32px !important;
    height: 32px !important;
    place-items: center !important;
    border-radius: 11px !important;
    background: rgb(55 167 176 / 0.12) !important;
    color: #0f7180 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard :is(.claims-table__count-pill, .claims-table__latest, .claims-table__filter-pill, .claims-table__settings-button, .claims-table__search-shell) {
    border: 1px solid rgb(17 29 41 / 0.08) !important;
    background: #ffffff !important;
    color: #203247 !important;
    box-shadow: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard > .overflow-x-auto {
    width: 100% !important;
    margin: 0 !important;
    overflow-x: auto !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 12px 12px !important;
    box-shadow: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table {
    display: table !important;
    width: 100% !important;
    min-width: 58rem !important;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0 4px !important;
    table-layout: fixed !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard colgroup {
    display: table-column-group !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__head {
    display: table-header-group !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard tbody {
    display: table-row-group !important;
    gap: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard tbody tr[data-row] {
    display: table-row !important;
    min-height: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: #102033 !important;
    box-shadow: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard :is(th, td, .claims-table__cell) {
    display: table-cell !important;
    min-height: 0 !important;
    vertical-align: middle !important;
    color: #102033 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__head th {
    border: 0 !important;
    background: transparent !important;
    padding: 7px 8px 6px !important;
    color: #60717f !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard tbody tr[data-row] > td {
    border-top: 1px solid rgb(17 29 41 / 0.08) !important;
    border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
    background: #ffffff !important;
    padding: 8px 9px !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard tbody tr[data-row] > td:first-child {
    border-left: 1px solid rgb(17 29 41 / 0.08) !important;
    border-radius: 10px 0 0 10px !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard tbody tr[data-row] > td:last-child {
    border-right: 1px solid rgb(17 29 41 / 0.08) !important;
    border-radius: 0 10px 10px 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard tbody tr[data-row]:hover > td {
    background: #fbfdfe !important;
    border-color: rgb(55 167 176 / 0.18) !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard :is(.claims-table__claim-ref, .claims-action-label, .claims-party-name, .claims-row-owner-name, .claims-money-value) {
    color: #102033 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard :is(.claims-table__claim-date, .claims-table__state-chip, .claims-party-label, .claims-money-label, .claims-action-assignee, .claims-action-more, .claims-table__search-label) {
    color: #60717f !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    line-height: 1.1 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-head {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard :is(.claims-card-mobile-money, .claims-card-mobile-parties, .claims-mobile-assignee) {
    display: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard :is(.claims-operation-cell, .claims-operation-main, .claims-action-stack, .claims-party-cell, .claims-money-cell) {
    display: grid !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack {
    gap: 3px !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-chip {
    border: 0 !important;
    background: transparent !important;
    color: #0f5f78 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-row-owner-mark {
    display: inline-flex !important;
    max-width: 100% !important;
    min-height: 24px !important;
    align-items: center !important;
    gap: 6px !important;
    border: 0 !important;
    background: transparent !important;
    padding: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__row-menu {
    width: 30px !important;
    height: 30px !important;
    border: 1px solid rgb(17 29 41 / 0.08) !important;
    border-radius: 10px !important;
    background: #ffffff !important;
    color: #526475 !important;
    box-shadow: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody {
    display: table-row-group !important;
    grid-template-columns: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > colgroup {
    display: table-column-group !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > colgroup > col {
    display: table-column !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > .claims-table__head {
    display: table-header-group !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > .claims-table__head > tr {
    display: table-row !important;
    grid-template-columns: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > .claims-table__head > tr > th {
    display: table-cell !important;
    width: auto !important;
    max-width: none !important;
    grid-column: auto !important;
    vertical-align: middle !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr[data-row], body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr[data-row]:has(.claims-table__cell--row-action), body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr[data-row]:has(.claims-table__cell--assignee) {
    display: table-row !important;
    grid-template-columns: none !important;
    min-height: 0 !important;
    gap: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr[data-row]::before, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr[data-row]::after {
    display: none !important;
    content: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr[data-row] > :is(td, .claims-table__cell), body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr[data-row] > :is(.claims-table__cell--claim-number, .claims-table__cell--operation, .claims-table__cell--parties, .claims-table__cell--assignee, .claims-table__cell--amounts, .claims-table__cell--row-action) {
    display: table-cell !important;
    width: auto !important;
    max-width: none !important;
    grid-column: auto !important;
    vertical-align: middle !important;
    border-top: 1px solid rgb(17 29 41 / 0.08) !important;
    border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
    background: #ffffff !important;
    color: #102033 !important;
    padding: 7px 9px !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr[data-row] > :is(td, .claims-table__cell):first-child, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr[data-row] > .claims-table__cell--claim-number:first-child {
    border-left: 1px solid rgb(17 29 41 / 0.08) !important;
    border-radius: 10px 0 0 10px !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr[data-row] > :is(td, .claims-table__cell):last-child, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr[data-row] > .claims-table__cell--row-action:last-child {
    border-right: 1px solid rgb(17 29 41 / 0.08) !important;
    border-radius: 0 10px 10px 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-identity {
    display: grid !important;
    gap: 3px !important;
    color: #102033 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__state-chip {
    display: inline-flex !important;
    width: max-content !important;
    min-height: 18px !important;
    align-items: center !important;
    border: 1px solid rgb(55 167 176 / 0.18) !important;
    border-radius: 999px !important;
    background: rgb(55 167 176 / 0.08) !important;
    padding: 2px 6px !important;
    color: #60717f !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack {
    display: grid !important;
    gap: 2px !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack .claims-action-chip, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack .claims-action-chip[data-kind], body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack .claims-action-chip[data-mine] {
    display: flex !important;
    width: fit-content !important;
    max-width: 100% !important;
    min-height: 0 !important;
    align-items: center !important;
    gap: 5px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 0 !important;
    color: #0f5f78 !important;
    box-shadow: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-chip .claims-action-dot {
    width: 5px !important;
    height: 5px !important;
    border-radius: 999px !important;
    background: #37a7b0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard :is(.claims-action-body, .claims-action-label, .claims-action-assignee) {
    display: inline !important;
    overflow: hidden !important;
    color: #0f5f78 !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack .claims-action-chip .claims-action-body, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack .claims-action-chip .claims-action-label, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack .claims-action-chip .claims-action-assignee {
    color: #0f5f78 !important;
  }
}
@layer components {
  body:has(.app-rail-workspace) .internal-left-rail-actions .profile-left-rail-action--wide, body:has(.claim-details-view) .internal-left-rail-actions .profile-left-rail-action--wide {
    width: 100%;
    min-height: 42px;
    justify-content: center;
  }
  body:has(.app-rail-workspace) .internal-left-rail-actions .profile-left-rail-actions__label--secondary, body:has(.claim-details-view) .internal-left-rail-actions .profile-left-rail-actions__label--secondary {
    margin-top: 12px;
    padding-top: 12px;
    border-top: 1px solid rgb(17 29 41 / 0.08);
  }
  body:has(.app-rail-workspace) .internal-left-rail-actions .profile-left-rail-actions__grid--preset, body:has(.claim-details-view) .internal-left-rail-actions .profile-left-rail-actions__grid--preset, body:has(.app-rail-workspace) .internal-left-rail-actions .profile-left-rail-actions__grid--app, body:has(.claim-details-view) .internal-left-rail-actions .profile-left-rail-actions__grid--app {
    margin-top: 8px;
  }
  body:has(.dashboard-workspace) .dashboard-attention__list[data-dashboard-attention-list] {
    display: grid !important;
    grid-auto-flow: row !important;
    grid-auto-columns: auto !important;
    grid-template-columns: repeat(auto-fit, minmax(min(18rem, 100%), 1fr)) !important;
    overflow: visible !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__list[data-dashboard-attention-list] .dashboard-attention-item {
    min-width: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__preview {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    margin-top: 12px;
    color: #5c6f80;
    font-size: 12px;
    font-weight: 850;
  }
  body:has(.dashboard-workspace) .dashboard-attention__preview > button {
    display: inline-flex;
    min-height: 32px;
    align-items: center;
    border: 1px solid rgb(17 29 41 / 0.12);
    border-radius: 999px;
    background: #ffffff;
    padding: 0 12px;
    color: #102033;
    font-size: 12px;
    font-weight: 900;
    box-shadow: 0 8px 18px rgb(17 29 41 / 0.05);
  }
  body:has(.dashboard-workspace) .dashboard-attention__preview > button:hover {
    border-color: rgb(17 29 41 / 0.22);
    background: #f7fafb;
  }
}
@layer components {
  body:has(.dashboard-workspace) .dashboard-command {
    padding: 18px 26px !important;
    min-height: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-command__masthead {
    margin-bottom: 12px !important;
    min-height: 0 !important;
    padding: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-command__content--portfolio-only {
    display: block !important;
    min-height: 0 !important;
    height: auto !important;
  }
  body:has(.dashboard-workspace) .dashboard-command__copy {
    display: none !important;
  }
  body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 12px !important;
    padding: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    align-content: start !important;
    grid-template-rows: auto minmax(0, auto) !important;
    grid-auto-rows: auto !important;
  }
  body:has(.dashboard-workspace) .dashboard-kpi-panel__header {
    grid-column: 1 / -1 !important;
    min-height: 0 !important;
    margin-bottom: 0 !important;
    padding: 0 2px !important;
  }
  body:has(.dashboard-workspace) .dashboard-kpi-panel__title {
    font-size: clamp(1.05rem, 1.2vw, 1.45rem) !important;
    line-height: 1.08 !important;
  }
  body:has(.dashboard-workspace) .dashboard-kpi-card {
    min-height: 102px !important;
    padding: 13px 15px !important;
    align-content: start !important;
    gap: 6px !important;
  }
  body:has(.dashboard-workspace) .dashboard-kpi-card__value {
    font-size: clamp(1.65rem, 2vw, 2.2rem) !important;
    line-height: 0.95 !important;
  }
  body:has(.dashboard-workspace) .dashboard-kpi-card__label, body:has(.dashboard-workspace) .dashboard-kpi-card__meta, body:has(.dashboard-workspace) .dashboard-kpi-card__unit, body:has(.dashboard-workspace) .dashboard-kpi-card__debt-ratio {
    font-size: 0.74rem !important;
    line-height: 1.15 !important;
  }
  body:has(.dashboard-workspace) .dashboard-kpi-card__debt-ratio {
    margin-top: 2px !important;
    color: rgb(203 213 225 / 0.86) !important;
    white-space: nowrap !important;
  }
  body:has(.dashboard-workspace) .dashboard-kpi-card__debt-ratio strong {
    color: #6be4dc !important;
    font-weight: 900 !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention {
    padding: 16px 18px !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__stats {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__stats > button {
    display: inline-flex !important;
    min-height: 34px !important;
    align-items: center !important;
    gap: 6px !important;
    border: 1px solid rgb(17 29 41 / 0.1) !important;
    border-radius: 999px !important;
    background: #f8fbfc !important;
    padding: 0 13px !important;
    color: #536577 !important;
    font-size: 0.82rem !important;
    font-weight: 850 !important;
    box-shadow: 0 8px 18px rgb(17 29 41 / 0.04) !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__stats > button.is-active {
    border-color: rgb(17 29 41 / 0.92) !important;
    background: #101d2a !important;
    color: #ffffff !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__controls {
    display: none !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__toolbar, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__toolbar {
    align-items: center !important;
    gap: 14px !important;
    min-height: 72px !important;
    padding: 16px 18px !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-shell, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__search-shell {
    min-width: min(29rem, 38vw) !important;
    min-height: 40px !important;
    border-radius: 999px !important;
    padding-inline: 13px !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-input, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__search-input {
    font-size: 0.86rem !important;
    font-weight: 750 !important;
    letter-spacing: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-input::placeholder, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__search-input::placeholder {
    color: #6b7c8c !important;
    opacity: 1 !important;
  }
  body:has(.dashboard-workspace) #notifications-toggle {
    display: inline-grid !important;
    width: 48px !important;
    height: 48px !important;
    place-items: center !important;
    border: 1px solid rgb(255 255 255 / 0.42) !important;
    border-radius: 999px !important;
    background: radial-gradient(circle at 32% 22%, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.18) 31%, transparent 44%), linear-gradient(145deg, #f9fbfc 0%, #a7adb3 46%, #595f66 100%) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 1px rgb(255 255 255 / 0.65), inset 0 -8px 12px rgb(17 29 41 / 0.22), 0 10px 24px rgb(17 29 41 / 0.25) !important;
  }
  body:has(.dashboard-workspace) #notifications-toggle svg {
    width: 18px !important;
    height: 18px !important;
    color: #ffffff !important;
    filter: drop-shadow(0 1px 1px rgb(17 29 41 / 0.45)) !important;
  }
  body:has(.dashboard-workspace) #notifications-badge {
    top: -8px !important;
    right: -8px !important;
    min-width: 22px !important;
    height: 22px !important;
    border: 2px solid #ffffff !important;
    background: #e1194f !important;
    color: #ffffff !important;
    font-size: 0.68rem !important;
    box-shadow: 0 8px 16px rgb(225 25 79 / 0.32) !important;
  }
  body:has(.profile-details-view) .claim-details-hero--profile {
    min-height: 0 !important;
    padding: 18px 24px !important;
  }
  body:has(.profile-details-view) .claim-details-hero--profile .claim-details-hero__content {
    display: grid !important;
    grid-template-columns: minmax(18rem, 0.95fr) minmax(24rem, 1.35fr) !important;
    gap: 18px !important;
    align-items: stretch !important;
    min-height: 0 !important;
    height: auto !important;
  }
  body:has(.profile-details-view) .claim-details-hero--profile .claim-details-hero__copy {
    padding: 18px 22px !important;
    gap: 8px !important;
  }
  body:has(.profile-details-view) .claim-details-hero--profile .claim-details-hero__title-row {
    margin-bottom: 10px !important;
    gap: 10px !important;
  }
  body:has(.profile-details-view) .claim-details-hero--profile .claim-details-hero__title, body:has(.profile-details-view) .claim-details-hero--profile .claim-details-hero__name {
    font-size: clamp(1.65rem, 2.15vw, 2.45rem) !important;
    line-height: 0.96 !important;
  }
  body:has(.profile-details-view) .claim-details-hero--profile .claim-details-hero__meta, body:has(.profile-details-view) .claim-details-hero--profile .claim-details-hero__chips {
    margin-top: 10px !important;
  }
  body:has(.profile-details-view) .claim-details-hero--profile .claim-details-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(8.75rem, 1fr)) !important;
    gap: 10px !important;
    height: auto !important;
    align-items: stretch !important;
  }
  body:has(.profile-details-view) .claim-details-hero--profile .claim-details-hero__aside {
    min-height: 0 !important;
    height: auto !important;
    padding: 14px !important;
  }
  body:has(.profile-details-view) .claim-details-hero--profile .claim-details-summary-card {
    height: auto !important;
    min-height: 92px !important;
    padding: 12px 14px !important;
    align-content: center !important;
  }
  body:has(.profile-details-view) .claim-details-hero--profile .claim-details-summary-card__value {
    font-size: clamp(1.45rem, 2vw, 2rem) !important;
    line-height: 1 !important;
  }
  body:has(.profile-details-view) .claim-details-hero--profile .claim-details-summary-card__label, body:has(.profile-details-view) .claim-details-hero--profile .claim-details-summary-card__meta {
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
  }
  body:has(.profile-details-view) .profile-claims-workload {
    overflow: hidden !important;
    border-radius: 18px !important;
    background: #ffffff !important;
    box-shadow: 0 18px 40px rgb(17 29 41 / 0.08) !important;
  }
  body:has(.profile-details-view) .profile-claims-workload .claim-details-board__head {
    padding: 18px 22px !important;
    background: linear-gradient(135deg, #1a4151 0%, #0f1c2b 72%) !important;
    color: #ffffff !important;
  }
  body:has(.profile-details-view) .profile-claims-workload .claim-details-board__body {
    background: #f8fbfa !important;
    padding: 18px !important;
  }
  body:has(.profile-details-view) .profile-claims-workload .claim-workload-kpis--five {
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 10px !important;
  }
  body:has(.profile-details-view) .profile-claims-workload .claim-workload-kpi {
    min-height: 82px !important;
    padding: 12px 14px !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard {
    border: 1px solid rgb(17 29 41 / 0.08) !important;
    border-radius: 16px !important;
    background: #ffffff !important;
    color: #102033 !important;
    box-shadow: 0 14px 32px rgb(17 29 41 / 0.06) !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard > .overflow-x-auto {
    background: #ffffff !important;
    padding: 0 12px 12px !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__table {
    border-collapse: separate !important;
    border-spacing: 0 6px !important;
    table-layout: fixed !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__table > tbody {
    display: table-row-group !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__table > colgroup {
    display: table-column-group !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__table > .claims-table__head, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__table > .claims-table__head > tr, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__table > tbody > tr[data-row] {
    display: table-row !important;
    grid-template-columns: none !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__table > .claims-table__head > tr > th, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__table > tbody > tr[data-row] > .claims-table__cell {
    display: table-cell !important;
    width: auto !important;
    max-width: none !important;
    grid-column: auto !important;
    vertical-align: middle !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__table > tbody > tr[data-row] > .claims-table__cell {
    border-top: 1px solid rgb(17 29 41 / 0.08) !important;
    border-bottom: 1px solid rgb(17 29 41 / 0.08) !important;
    background: #ffffff !important;
    color: #102033 !important;
    padding: 8px 10px !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__table > tbody > tr[data-row] > .claims-table__cell:first-child {
    border-left: 1px solid rgb(17 29 41 / 0.08) !important;
    border-radius: 11px 0 0 11px !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__table > tbody > tr[data-row] > .claims-table__cell:last-child {
    border-right: 1px solid rgb(17 29 41 / 0.08) !important;
    border-radius: 0 11px 11px 0 !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard :is(.claims-card-mobile-money, .claims-card-mobile-parties, .claims-mobile-assignee) {
    display: none !important;
  }
  @media (max-width: 1180px) {
    body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid, body:has(.profile-details-view) .profile-claims-workload .claim-workload-kpis--five {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    body:has(.profile-details-view) .claim-details-hero--profile .claim-details-hero__content {
      grid-template-columns: 1fr !important;
    }
  }
  @media (max-width: 760px) {
    body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid, body:has(.profile-details-view) .profile-claims-workload .claim-workload-kpis--five, body:has(.profile-details-view) .claim-details-hero--profile .claim-details-summary-grid {
      grid-template-columns: 1fr !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-shell, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__search-shell {
      min-width: 100% !important;
    }
  }
}
@layer components {
  body:has(.dashboard-workspace) #notifications-root {
    right: max(1rem, env(safe-area-inset-right, 0px)) !important;
    bottom: max(1rem, env(safe-area-inset-bottom, 0px)) !important;
    z-index: 190 !important;
  }
  body:has(.dashboard-workspace) #notifications-toggle {
    position: relative !important;
    display: inline-flex !important;
    width: 2.95rem !important;
    min-width: 2.95rem !important;
    height: auto !important;
    min-height: 2.95rem !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
    border: 1px solid rgb(172 162 150 / 0.24) !important;
    border-radius: 999px !important;
    padding: 0.52rem !important;
    background: radial-gradient(circle at 18% 14%, rgb(255 255 255 / 0.36), transparent 34%), linear-gradient(135deg, rgb(68 70 75 / 0.98), rgb(82 86 94 / 0.96) 54%, rgb(124 118 109 / 0.96)) !important;
    color: #ffffff !important;
    font-size: 0 !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.22), 0 20px 46px -31px rgb(68 70 75 / 0.82), 0 0 0 1px rgb(15 23 42 / 0.08) !important;
    backdrop-filter: blur(18px) saturate(1.14) !important;
  }
  body:has(.dashboard-workspace) #notifications-toggle.btn-attention, body:has(.dashboard-workspace) #notifications-toggle.btn-primary {
    background: radial-gradient(circle at 18% 14%, rgb(255 255 255 / 0.36), transparent 34%), linear-gradient(135deg, rgb(68 70 75 / 0.98), rgb(82 86 94 / 0.96) 54%, rgb(124 118 109 / 0.96)) !important;
    color: #ffffff !important;
  }
  body:has(.dashboard-workspace) #notifications-toggle:hover, body:has(.dashboard-workspace) #notifications-toggle:focus-visible, body:has(.dashboard-workspace) #notifications-toggle[aria-expanded="true"] {
    border-color: rgb(172 162 150 / 0.56) !important;
    background: radial-gradient(circle at 18% 14%, rgb(255 255 255 / 0.44), transparent 36%), linear-gradient(135deg, rgb(54 56 61 / 0.98), rgb(76 80 88 / 0.97) 54%, rgb(139 131 119 / 0.97)) !important;
    color: #ffffff !important;
    transform: translateY(-2px) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.28), 0 24px 56px -33px rgb(68 70 75 / 0.86), 0 0 0 1px rgb(172 162 150 / 0.14) !important;
  }
  body:has(.dashboard-workspace) #notifications-toggle > svg {
    box-sizing: content-box !important;
    width: 0.95rem !important;
    height: 0.95rem !important;
    flex: 0 0 auto !important;
    margin: 0 !important;
    border: 1px solid rgb(255 255 255 / 0.18) !important;
    border-radius: 999px !important;
    padding: 0.46rem !important;
    background: linear-gradient(160deg, rgb(255 255 255 / 0.2), rgb(255 255 255 / 0.06)), rgb(255 255 255 / 0.08) !important;
    color: rgb(244 241 235) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.18) !important;
    filter: none !important;
  }
  body:has(.dashboard-workspace) #notifications-toggle::after {
    content: attr(data-unseen-total) !important;
    position: absolute !important;
    top: -0.2rem !important;
    right: -0.2rem !important;
    min-width: 1.12rem !important;
    height: 1.12rem !important;
    border: 1px solid rgb(255 255 255 / 0.72) !important;
    border-radius: 999px !important;
    background: color-mix(in srgb, #e11d48 82%, #42444a) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, #e11d48 82%, var(--color-brand-graphite)) !important;
    }
    color: #ffffff !important;
    font-size: 0.62rem !important;
    font-weight: 780 !important;
    line-height: 1.06rem !important;
    text-align: center !important;
    box-shadow: 0 7px 15px -9px rgb(190 18 60 / 0.9) !important;
  }
  body:has(.dashboard-workspace) #notifications-toggle[data-unseen-total="0"]::after {
    display: none !important;
  }
  @media (min-width: 40.01rem) {
    body:has(.dashboard-workspace) #notifications-toggle:hover, body:has(.dashboard-workspace) #notifications-toggle:focus-visible, body:has(.dashboard-workspace) #notifications-toggle[aria-expanded="true"] {
      width: auto !important;
      min-width: 10.5rem !important;
      gap: 0.58rem !important;
      padding: 0.56rem 0.7rem 0.56rem 0.82rem !important;
      font-size: 0.9rem !important;
    }
    body:has(.dashboard-workspace) #notifications-toggle:hover #notifications-badge, body:has(.dashboard-workspace) #notifications-toggle:focus-visible #notifications-badge, body:has(.dashboard-workspace) #notifications-toggle[aria-expanded="true"] #notifications-badge {
      display: inline-flex !important;
    }
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__toolbar, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__toolbar {
    display: flex !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 14px !important;
    overflow: hidden !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__identity, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__identity {
    flex: 0 1 auto !important;
    min-width: 0 !important;
    max-width: min(34rem, 42%) !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__controls, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__controls {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: min(48rem, 100%) !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    overflow: hidden !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__latest, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__latest, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__filter-pill, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__filter-pill, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__settings-button, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__settings-button {
    display: inline-flex !important;
    flex: 0 0 auto !important;
    min-width: 0 !important;
    height: 36px !important;
    align-items: center !important;
    justify-content: center !important;
    white-space: nowrap !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__filter-pill, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__filter-pill {
    gap: 7px !important;
    padding: 0 11px !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__settings-button, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__settings-button {
    width: 36px !important;
    padding: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__search {
    display: flex !important;
    flex: 1 1 22rem !important;
    min-width: 14rem !important;
    width: auto !important;
    max-width: min(30rem, 100%) !important;
    align-items: center !important;
    gap: 8px !important;
    overflow: hidden !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-label, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__search-label {
    flex: 0 0 auto !important;
    white-space: nowrap !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-shell, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__search-shell {
    flex: 1 1 auto !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  @media (max-width: 980px) {
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__toolbar, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__toolbar {
      flex-wrap: wrap !important;
      overflow: visible !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__identity, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__identity, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__controls, body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__controls {
      flex-basis: 100% !important;
      max-width: 100% !important;
    }
  }
}
@layer components {
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake {
    min-height: 0 !important;
    margin-top: 42px !important;
    padding: 0 !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__masthead {
    bottom: calc(100% + 12px) !important;
    min-height: 34px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-backlink {
    height: 34px !important;
    min-height: 34px !important;
    padding: 0 14px !important;
    border-radius: 14px !important;
    font-size: 12px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__content {
    display: grid !important;
    grid-template-columns: minmax(16rem, 0.78fr) minmax(28rem, 1.32fr) !important;
    gap: 0 !important;
    align-items: stretch !important;
    min-height: 0 !important;
    height: 206px !important;
    max-height: 206px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__copy {
    min-height: 0 !important;
    height: 100% !important;
    padding: 18px 22px !important;
    gap: 6px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__eyebrow-row {
    margin-bottom: 8px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__title {
    max-width: 15ch !important;
    margin-bottom: 10px !important;
    font-size: clamp(1.65rem, 1.75vw, 2.15rem) !important;
    line-height: 0.98 !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__subtitle {
    font-size: 12px !important;
    line-height: 1.35 !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__chips {
    gap: 5px !important;
    margin-top: 2px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-chip {
    min-height: 21px !important;
    padding: 0 8px !important;
    font-size: 9px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__aside {
    min-height: 0 !important;
    height: 100% !important;
    max-height: 100% !important;
    padding: 14px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-summary-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    height: auto !important;
    align-items: stretch !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-summary-card {
    min-height: 70px !important;
    height: auto !important;
    padding: 10px 12px !important;
    align-content: center !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-summary-card__value {
    margin-top: 4px !important;
    font-size: clamp(1.25rem, 1.35vw, 1.6rem) !important;
    line-height: 1 !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-summary-card__label, body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-summary-card__meta {
    font-size: 0.72rem !important;
    line-height: 1.2 !important;
  }
  @media (max-width: 980px) {
    body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__content, body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-summary-grid {
      grid-template-columns: minmax(0, 1fr) !important;
    }
    body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__content {
      height: auto !important;
      max-height: none !important;
    }
  }
}
@layer components {
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__controls {
    flex: 1 1 56rem !important;
    max-width: none !important;
    flex-wrap: wrap !important;
    overflow: visible !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__search {
    flex: 1 1 clamp(30rem, 48vw, 46rem) !important;
    min-width: min(30rem, 100%) !important;
    max-width: min(48rem, 100%) !important;
    gap: 0 !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__search-label {
    display: none !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__search-shell {
    flex: 1 1 30rem !important;
    min-width: min(30rem, 100%) !important;
  }
  body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__search-input {
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  @media (max-width: 980px) {
    body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__controls {
      max-width: 100% !important;
    }
    body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__search {
      min-width: 100% !important;
    }
    body:has(.profile-details-view) .profile-claims-workload__table .claims-table--dashboard .claims-table__search-shell {
      min-width: 100% !important;
    }
  }
}
@layer components {
  body:has(.dashboard-workspace) .dashboard-attention__stats {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    position: relative !important;
    width: 100% !important;
    max-width: 100% !important;
    justify-content: center !important;
    justify-self: center !important;
    margin-inline: auto !important;
    text-align: center !important;
    z-index: 4 !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__header {
    z-index: 1 !important;
  }
  body:has(.dashboard-workspace) .dashboard-attention__stats > button {
    flex: 0 0 auto !important;
  }
}
@layer components {
  body.auth-page {
    min-height: 100vh;
    overflow-x: hidden;
    background: radial-gradient(80rem 48rem at 0% 2%, rgb(57 202 199 / 0.16), transparent 58%), radial-gradient(66rem 42rem at 100% 0%, rgb(172 162 150 / 0.15), transparent 54%), linear-gradient(180deg, #eef5f2 0%, #f8fbf9 50%, #eef5f2 100%) !important;
    color: #0d1b2a;
  }
  body.auth-page::before {
    content: "";
    position: fixed;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(90deg, rgb(11 22 34 / 0.035) 0 1px, transparent 1px 100%), linear-gradient(180deg, rgb(11 22 34 / 0.026) 0 1px, transparent 1px 100%);
    background-size: 72px 72px;
    mask-image: linear-gradient(180deg, black, transparent 74%);
    z-index: 0;
  }
  .auth-app-shell {
    position: relative;
    z-index: 1;
    display: grid;
    min-height: 100vh;
    grid-template-rows: auto auto minmax(0, 1fr) auto;
  }
  body.auth-page .app-disclaimer-shell {
    position: relative;
    top: auto;
    z-index: 50;
    background: #07111d;
  }
  body.auth-page .app-disclaimer {
    justify-content: center;
    color: rgb(245 248 251 / 0.9);
  }
  .auth-topbar {
    position: sticky;
    top: 0;
    z-index: 45;
    display: grid;
    min-height: 76px;
    grid-template-columns: minmax(12rem, 19rem) minmax(0, 1fr) auto;
    align-items: center;
    gap: clamp(1rem, 2vw, 2.2rem);
    border-bottom: 1px solid rgb(255 255 255 / 0.08);
    padding: 0 clamp(1rem, 3vw, 2.4rem);
    background: linear-gradient(180deg, rgb(15 29 43 / 0.98), rgb(10 20 32 / 0.98)), #0b1725;
    box-shadow: 0 24px 46px -40px rgb(6 15 24 / 0.76), inset 0 1px 0 rgb(255 255 255 / 0.08);
  }
  .auth-topbar__brand {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    text-decoration: none;
  }
  .auth-topbar__logo {
    display: block;
    width: min(17rem, 100%);
    height: auto;
    max-height: 60px;
    object-fit: contain;
  }
  .auth-topbar__status {
    justify-self: center;
    min-width: 0;
    border: 1px solid rgb(255 255 255 / 0.11);
    border-radius: 999px;
    padding: 0.58rem 1.1rem;
    background: rgb(255 255 255 / 0.065);
    color: rgb(238 246 251 / 0.74);
    font-size: 0.78rem;
    font-weight: 760;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.07);
  }
  .auth-topbar__actions {
    display: inline-flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 0;
  }
  .auth-frame__content {
    width: min(100%, 1180px);
    margin-inline: auto;
    padding: clamp(1.6rem, 4vw, 3.6rem) clamp(1rem, 3vw, 2.3rem) clamp(2.4rem, 5vw, 4.5rem) !important;
  }
  body.auth-page footer {
    border-color: rgb(13 27 42 / 0.13) !important;
    background: rgb(255 255 255 / 0.36);
    color: rgb(53 69 83 / 0.78) !important;
    backdrop-filter: blur(14px);
  }
  body.auth-page .local-db-badge {
    z-index: 70;
  }
  body.auth-page .auth-shell {
    max-width: 1080px !important;
    padding-block: 0 !important;
  }
  body.auth-page .auth-shell--wide {
    max-width: 1160px !important;
  }
  body.auth-page .auth-panel {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(23rem, 1fr);
    gap: 1.15rem;
    align-items: stretch;
  }
  body.auth-page .auth-panel--wide {
    grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr);
  }
  body.auth-page .auth-panel--centered {
    align-items: center;
  }
  body.auth-page .auth-nav {
    margin-bottom: 1rem !important;
  }
  body.auth-page .auth-backlink {
    border-color: rgb(13 27 42 / 0.1) !important;
    background: rgb(255 255 255 / 0.82) !important;
    color: #132236 !important;
    box-shadow: 0 18px 34px -30px rgb(15 23 42 / 0.38), inset 0 1px 0 rgb(255 255 255 / 0.9) !important;
  }
  body.auth-page .auth-backlink:hover {
    transform: translateY(-1px);
    border-color: rgb(57 202 199 / 0.32) !important;
  }
  body.auth-page .auth-hero, body.auth-page .auth-card {
    position: relative;
    overflow: hidden;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
    border-radius: 18px !important;
    background: radial-gradient(48rem 22rem at 0% 0%, rgb(57 202 199 / 0.16), transparent 58%), linear-gradient(135deg, rgb(26 47 66 / 0.98), rgb(10 21 34 / 0.98) 58%, rgb(8 17 29 / 0.98)) !important;
    color: #f8fbff !important;
    box-shadow: 0 28px 58px -44px rgb(9 19 31 / 0.78), inset 0 1px 0 rgb(255 255 255 / 0.09) !important;
  }
  body.auth-page .auth-hero::before, body.auth-page .auth-card::before, body.auth-page .auth-chooser__surface::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 1px;
    background: linear-gradient(90deg, transparent, rgb(255 255 255 / 0.42), transparent);
    pointer-events: none;
  }
  body.auth-page .auth-hero {
    display: flex;
    min-height: 25rem;
    flex-direction: column;
    justify-content: flex-end;
    padding: clamp(1.35rem, 3vw, 2rem) !important;
  }
  body.auth-page .auth-card {
    padding: clamp(1.15rem, 2.2vw, 1.55rem) !important;
  }
  body.auth-page .auth-card--stacked {
    gap: 1rem !important;
  }
  body.auth-page .auth-title {
    margin-top: 0.6rem !important;
    max-width: 12ch;
    color: #ffffff !important;
    font-size: clamp(2.25rem, 5.2vw, 4.4rem) !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 0.95 !important;
  }
  body.auth-page .auth-section-title {
    color: #ffffff !important;
    font-size: clamp(1.4rem, 2vw, 1.85rem) !important;
    line-height: 1.08 !important;
  }
  body.auth-page .auth-kicker, body.auth-page .auth-choice__label, body.auth-page .auth-chooser__footnote-title {
    color: rgb(176 190 204 / 0.9) !important;
  }
  body.auth-page .auth-subtitle, body.auth-page .auth-section-copy, body.auth-page .auth-helper, body.auth-page .auth-choice__copy, body.auth-page .auth-chooser__lede, body.auth-page .auth-note {
    color: rgb(221 230 238 / 0.76) !important;
  }
  body.auth-page .auth-badges {
    gap: 0.48rem !important;
  }
  body.auth-page .auth-badge, body.auth-page .auth-choice__kind {
    border-color: rgb(255 255 255 / 0.13) !important;
    background: rgb(255 255 255 / 0.08) !important;
    color: #f7fafc !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08) !important;
  }
  body.auth-page .auth-form {
    gap: 0.92rem !important;
  }
  body.auth-page .auth-label {
    color: rgb(238 246 251 / 0.92) !important;
    font-size: 0.84rem !important;
    font-weight: 720 !important;
  }
  body.auth-page .auth-card .input, body.auth-page .auth-method-panel .input {
    min-height: 2.9rem;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
    border-radius: 12px !important;
    background: rgb(255 255 255 / 0.085) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08), 0 12px 22px -24px rgb(0 0 0 / 0.68) !important;
  }
  body.auth-page .auth-card .input::placeholder {
    color: rgb(221 230 238 / 0.48) !important;
  }
  body.auth-page .auth-card .input:focus {
    border-color: rgb(57 202 199 / 0.42) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.1), 0 0 0 3px rgb(57 202 199 / 0.14) !important;
  }
  body.auth-page .auth-card :where(.btn-primary, .btn-secondary) {
    min-height: 2.95rem;
    border-radius: 12px !important;
    font-weight: 790 !important;
  }
  body.auth-page .auth-card .btn-primary {
    border: 1px solid rgb(57 202 199 / 0.48) !important;
    background: radial-gradient(circle at 20% 0%, rgb(255 255 255 / 0.26), transparent 36%), linear-gradient(135deg, #35c9c5, #147f91) !important;
    color: #04151c !important;
    box-shadow: 0 18px 30px -28px rgb(57 202 199 / 0.7), inset 0 1px 0 rgb(255 255 255 / 0.4) !important;
  }
  body.auth-page .auth-card .btn-secondary {
    border: 1px solid rgb(255 255 255 / 0.14) !important;
    background: rgb(255 255 255 / 0.085) !important;
    color: #ffffff !important;
  }
  body.auth-page .auth-divider {
    color: rgb(221 230 238 / 0.6) !important;
  }
  body.auth-page .auth-divider::before, body.auth-page .auth-divider::after {
    border-color: rgb(255 255 255 / 0.12) !important;
  }
  body.auth-page .auth-alert, body.auth-page .auth-helper--list, body.auth-page .auth-method-panel, body.auth-page .eid-flow-method {
    border: 1px solid rgb(255 255 255 / 0.12) !important;
    border-radius: 12px !important;
    background: rgb(255 255 255 / 0.075) !important;
    color: rgb(238 246 251 / 0.86) !important;
  }
  body.auth-page .auth-alert--error {
    border-color: rgb(251 113 133 / 0.34) !important;
    background: rgb(127 29 29 / 0.26) !important;
    color: #fecdd3 !important;
  }
  body.auth-page .auth-field-error {
    color: #fda4af !important;
  }
  body.auth-page .auth-tabs {
    gap: 0.55rem !important;
  }
  body.auth-page .auth-tab-option span {
    border-color: rgb(255 255 255 / 0.12) !important;
    background: rgb(255 255 255 / 0.07) !important;
    color: rgb(238 246 251 / 0.78) !important;
  }
  body.auth-page .auth-tab-option:hover span, body.auth-page .auth-tab-option:has(input:checked) span {
    border-color: rgb(57 202 199 / 0.36) !important;
    background: linear-gradient(135deg, rgb(57 202 199 / 0.2), rgb(255 255 255 / 0.08)) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08) !important;
  }
  body.auth-page .auth-chooser__surface {
    position: relative;
    overflow: hidden;
    gap: 1.15rem !important;
    border: 1px solid rgb(255 255 255 / 0.12) !important;
    border-radius: 22px !important;
    padding: clamp(1.25rem, 3vw, 2rem) !important;
    background: radial-gradient(52rem 27rem at 0% 0%, rgb(57 202 199 / 0.17), transparent 60%), radial-gradient(42rem 28rem at 100% 100%, rgb(172 162 150 / 0.16), transparent 64%), linear-gradient(135deg, rgb(26 47 66 / 0.99), rgb(10 21 34 / 0.99) 58%, rgb(8 17 29 / 0.99)) !important;
    color: #ffffff !important;
    box-shadow: 0 32px 72px -52px rgb(9 19 31 / 0.82), inset 0 1px 0 rgb(255 255 255 / 0.1) !important;
  }
  body.auth-page .auth-chooser__header {
    border-color: rgb(255 255 255 / 0.12) !important;
    padding-bottom: 1.2rem !important;
  }
  body.auth-page .auth-chooser__intro svg, body.auth-page .auth-chooser__intro img {
    max-width: 13rem;
  }
  body.auth-page .auth-chooser__title {
    max-width: 13ch;
    font-size: clamp(2.3rem, 5vw, 4rem) !important;
  }
  body.auth-page .auth-choice {
    min-height: 13.25rem !important;
    border-color: rgb(255 255 255 / 0.12) !important;
    border-radius: 16px !important;
    padding: 1.15rem !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.105), rgb(255 255 255 / 0.062)), rgb(255 255 255 / 0.045) !important;
    color: #ffffff !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.1), 0 18px 34px -32px rgb(0 0 0 / 0.72) !important;
  }
  body.auth-page .auth-choice::before {
    height: 2px !important;
    background: linear-gradient(90deg, #35c9c5, rgb(172 162 150 / 0.92)) !important;
  }
  body.auth-page .auth-choice::after {
    background: radial-gradient(circle, rgb(57 202 199 / 0.13), transparent 72%) !important;
  }
  body.auth-page .auth-choice:hover {
    transform: translateY(-3px);
    border-color: rgb(57 202 199 / 0.32) !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.14), rgb(255 255 255 / 0.078)), rgb(255 255 255 / 0.06) !important;
  }
  body.auth-page .auth-choice__index {
    width: 2.2rem !important;
    height: 2.2rem !important;
    background: linear-gradient(135deg, rgb(255 255 255 / 0.18), rgb(255 255 255 / 0.08)) !important;
    color: #dffafa !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12) !important;
  }
  body.auth-page .auth-choice__title {
    margin-top: 1.6rem !important;
    color: #ffffff !important;
    font-size: 1.25rem !important;
    line-height: 1.12 !important;
  }
  body.auth-page .auth-chooser__footnote {
    border-color: rgb(255 255 255 / 0.11) !important;
    border-radius: 14px !important;
    background: rgb(255 255 255 / 0.065) !important;
    color: rgb(221 230 238 / 0.78) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08) !important;
  }
  .auth-topbar .app-language-switcher, body:has(.claim-details-view) .app-language-switcher, body:has(.dashboard-workspace) .app-language-switcher, body:has(.app-rail-workspace) .app-language-switcher {
    width: auto !important;
    min-width: 0 !important;
    max-width: none !important;
    flex: 0 0 auto !important;
  }
  .auth-topbar .app-language-switcher__trigger.app-language-switcher__trigger, body:has(.claim-details-view) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger, body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger, body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
    display: inline-flex !important;
    width: auto !important;
    min-width: 6.15rem !important;
    max-width: none !important;
    height: 42px !important;
    min-height: 42px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0.5rem !important;
    border: 1px solid rgb(255 255 255 / 0.14) !important;
    border-radius: 14px !important;
    padding: 0 0.72rem !important;
    background: radial-gradient(circle at 18% 8%, rgb(255 255 255 / 0.28), transparent 34%), linear-gradient(135deg, rgb(255 255 255 / 0.12), rgb(255 255 255 / 0.055)) !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 790 !important;
    line-height: 1 !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.11), 0 14px 28px -26px rgb(0 0 0 / 0.68) !important;
    backdrop-filter: blur(16px) saturate(1.12);
  }
  .auth-topbar .app-language-switcher__trigger:hover, .auth-topbar .app-language-switcher[open] .app-language-switcher__trigger, body:has(.claim-details-view) .app-language-switcher__trigger:hover, body:has(.claim-details-view) .app-language-switcher[open] .app-language-switcher__trigger, body:has(.dashboard-workspace) .app-language-switcher__trigger:hover, body:has(.dashboard-workspace) .app-language-switcher[open] .app-language-switcher__trigger, body:has(.app-rail-workspace) .app-language-switcher__trigger:hover, body:has(.app-rail-workspace) .app-language-switcher[open] .app-language-switcher__trigger {
    border-color: rgb(57 202 199 / 0.32) !important;
    background: radial-gradient(circle at 18% 8%, rgb(255 255 255 / 0.34), transparent 35%), linear-gradient(135deg, rgb(57 202 199 / 0.18), rgb(255 255 255 / 0.075)) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14), 0 16px 32px -27px rgb(57 202 199 / 0.4) !important;
  }
  .auth-topbar .app-language-switcher__icon, .auth-topbar .app-language-switcher__chevron, body:has(.claim-details-view) .app-language-switcher__icon, body:has(.claim-details-view) .app-language-switcher__chevron, body:has(.dashboard-workspace) .app-language-switcher__icon, body:has(.dashboard-workspace) .app-language-switcher__chevron, body:has(.app-rail-workspace) .app-language-switcher__icon, body:has(.app-rail-workspace) .app-language-switcher__chevron {
    position: static !important;
    display: inline-flex !important;
    width: 1rem !important;
    height: 1rem !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    color: rgb(238 246 251 / 0.78) !important;
  }
  .auth-topbar .app-language-switcher__current, .auth-topbar .app-language-switcher__code, body:has(.claim-details-view) .app-language-switcher__current, body:has(.claim-details-view) .app-language-switcher__code, body:has(.dashboard-workspace) .app-language-switcher__current, body:has(.dashboard-workspace) .app-language-switcher__code, body:has(.app-rail-workspace) .app-language-switcher__current, body:has(.app-rail-workspace) .app-language-switcher__code {
    position: static !important;
    display: inline-flex !important;
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
    clip: auto !important;
    clip-path: none !important;
    text-overflow: clip !important;
    white-space: nowrap !important;
  }
  .auth-topbar .app-language-switcher__code, body:has(.claim-details-view) .app-language-switcher__code, body:has(.dashboard-workspace) .app-language-switcher__code, body:has(.app-rail-workspace) .app-language-switcher__code {
    min-width: 2rem !important;
    height: 1.24rem !important;
    border-radius: 999px !important;
    padding-inline: 0.42rem !important;
    background: rgb(255 255 255 / 0.18) !important;
    color: #ffffff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12) !important;
  }
  .auth-topbar .app-language-switcher__menu {
    z-index: 80 !important;
  }
  #notifications-sidebar[aria-hidden="true"] {
    display: none !important;
    transform: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
  #notifications-sidebar[aria-hidden="false"] {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
  }
  #notifications-sidebar .ea-panel-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 0.75rem !important;
  }
  #notifications-sidebar .notifications-sidebar__close {
    display: inline-flex;
    height: 2rem;
    align-items: center;
    justify-content: center;
    gap: 0.42rem;
    border: 1px solid rgb(15 23 42 / 0.08);
    border-radius: 999px;
    padding: 0 0.66rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(248 250 252 / 0.72));
    color: #122033;
    font-size: 0.72rem;
    font-weight: 790;
    line-height: 1;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 10px 18px -18px rgb(15 23 42 / 0.42);
    transition: border-color 150ms ease, background 150ms ease, transform 150ms ease;
  }
  #notifications-sidebar .notifications-sidebar__close:hover, #notifications-sidebar .notifications-sidebar__close:focus-visible {
    transform: translateY(-1px);
    border-color: rgb(57 202 199 / 0.34);
    background: linear-gradient(180deg, rgb(255 255 255), rgb(238 248 248 / 0.88));
  }
  #notifications-sidebar .notifications-sidebar__close svg {
    width: 0.86rem;
    height: 0.86rem;
    flex: 0 0 auto;
  }
  @media (max-width: 52rem) {
    .auth-topbar {
      grid-template-columns: minmax(10rem, 1fr) auto;
      min-height: 68px;
      padding-inline: 0.9rem;
    }
    .auth-topbar__status {
      display: none;
    }
    .auth-topbar__logo {
      width: min(13rem, 100%);
      max-height: 52px;
    }
    body.auth-page .auth-panel {
      grid-template-columns: minmax(0, 1fr);
    }
    body.auth-page .auth-hero {
      min-height: 17rem;
    }
    body.auth-page .auth-title {
      max-width: 13ch;
      font-size: clamp(2rem, 12vw, 3.1rem) !important;
    }
  }
  @media (max-width: 40rem) {
    .auth-frame__content {
      padding-inline: 0.72rem !important;
      padding-top: 1rem !important;
    }
    .auth-topbar .app-language-switcher__trigger.app-language-switcher__trigger, body:has(.claim-details-view) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger, body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger, body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
      min-width: 4.5rem !important;
      height: 36px !important;
      min-height: 36px !important;
      padding-inline: 0.5rem !important;
    }
    .auth-topbar .app-language-switcher__icon, .auth-topbar .app-language-switcher__chevron, body:has(.claim-details-view) .app-language-switcher__icon, body:has(.claim-details-view) .app-language-switcher__chevron, body:has(.dashboard-workspace) .app-language-switcher__icon, body:has(.dashboard-workspace) .app-language-switcher__chevron, body:has(.app-rail-workspace) .app-language-switcher__icon, body:has(.app-rail-workspace) .app-language-switcher__chevron {
      display: none !important;
    }
    body.auth-page .auth-chooser__surface, body.auth-page .auth-hero, body.auth-page .auth-card {
      border-radius: 16px !important;
    }
  }
}
@layer components {
  body.auth-page .auth-panel .auth-hero .auth-title {
    max-width: 100% !important;
    font-size: clamp(2.15rem, 3.6vw, 3.35rem) !important;
    line-height: 0.98 !important;
    overflow-wrap: normal;
  }
  @media (max-width: 52rem) {
    body.auth-page .auth-panel .auth-hero .auth-title {
      font-size: clamp(2rem, 10vw, 3rem) !important;
      overflow-wrap: anywhere;
    }
  }
}
@layer components {
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .notification-problem-modal__panel {
    max-width: min(94vw, 58rem) !important;
  }
  .notification-problem-modal--worker-action .notification-problem-modal__panel--email-draft {
    max-width: min(98vw, 76rem) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .notification-problem-modal__header {
    position: sticky;
    z-index: 3;
    top: 0;
    align-items: center;
    padding: 1rem 1.16rem 0.95rem !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where(.notification-problem-modal__body, .notification-problem-modal__form) {
    gap: 0.88rem;
    padding: 1.05rem 1.16rem 1.1rem;
  }
  .notification-problem-modal--new-action .notification-problem-modal__form {
    gap: 1rem !important;
    padding-bottom: 0 !important;
  }
  .notification-problem-modal--worker-action .notification-problem-modal__panel--email-draft .notification-problem-modal__body {
    padding: 0.68rem 0.78rem 0.78rem;
  }
  .notification-problem-modal--new-action .notification-quick-action {
    display: grid;
    gap: 0.9rem;
  }
  .notification-problem-modal--new-action .notification-quick-action__mode {
    display: inline-grid;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    gap: 0.28rem;
    width: min(100%, 38rem);
    border-radius: 999px;
    padding: 0.24rem;
  }
  .notification-problem-modal--new-action .notification-quick-action__mode-option {
    position: relative;
    display: inline-flex;
    min-height: 2.34rem;
    align-items: center;
    justify-content: center;
    border-radius: 999px;
    padding: 0.5rem 0.78rem;
    font-size: 0.78rem;
    font-weight: 840;
    cursor: pointer;
    transition: color 140ms ease, background-color 140ms ease, box-shadow 140ms ease;
  }
  .notification-problem-modal--new-action .notification-quick-action__mode-option > span {
    position: relative;
    z-index: 1;
    color: currentColor !important;
    text-shadow: none !important;
  }
  .notification-problem-modal--new-action .notification-quick-action__mode-input {
    position: absolute;
    inset: 0;
    opacity: 0;
    cursor: pointer;
  }
  .notification-problem-modal--new-action .notification-quick-action__panel, .notification-problem-modal--new-action .notification-quick-action__assignment {
    border-radius: 17px;
    padding: 1rem;
  }
  .notification-problem-modal--new-action .notification-quick-action__association {
    border: 1px solid rgb(103 119 137 / 0.18);
    border-radius: 8px;
    background: rgb(255 255 255 / 0.72);
    box-shadow: 0 12px 28px rgb(15 23 42 / 0.04);
  }
  .notification-problem-modal--new-action .notification-quick-action__association[open] {
    background: rgb(255 255 255 / 0.9);
  }
  .notification-problem-modal--new-action .notification-quick-action__association-summary {
    display: flex;
    min-height: 2.5rem;
    cursor: pointer;
    list-style: none;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.62rem 0.85rem;
    color: var(--color-ink);
    font-size: 0.82rem;
    font-weight: 820;
  }
  .notification-problem-modal--new-action .notification-quick-action__association-summary::-webkit-details-marker {
    display: none;
  }
  .notification-problem-modal--new-action .notification-quick-action__association-summary::after {
    content: "";
    width: 0.48rem;
    height: 0.48rem;
    border-right: 1.6px solid currentColor;
    border-bottom: 1.6px solid currentColor;
    transform: rotate(45deg);
    opacity: 0.68;
    transition: transform 150ms ease;
  }
  .notification-problem-modal--new-action .notification-quick-action__association[open] .notification-quick-action__association-summary::after {
    transform: translateY(0.18rem) rotate(225deg);
  }
  .notification-problem-modal--new-action .notification-quick-action__association-state {
    margin-left: auto;
    color: var(--color-subtle);
    font-size: 0.72rem;
    font-weight: 720;
  }
  .notification-problem-modal--new-action .notification-quick-action__association-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 0.58rem;
    border-top: 1px solid rgb(103 119 137 / 0.12);
    padding: 0.78rem;
  }
  .notification-problem-modal--new-action .notification-quick-action__grid, .notification-problem-modal--new-action .notification-quick-action__assignment {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.72rem;
  }
  .notification-problem-modal--new-action .notification-quick-action__field {
    display: grid;
    gap: 0.32rem;
    min-width: 0;
  }
  .notification-problem-modal--new-action .notification-quick-action__field--wide, .notification-problem-modal--new-action .notification-quick-action__assignment-title {
    grid-column: 1 / -1;
  }
  .notification-problem-modal--new-action form:has(input[name="action_preset"][value="email"]) [data-quick-email-recipient], .notification-problem-modal--new-action form:has([data-quick-action-mode="send"]:checked) [data-quick-email-recipient] {
    grid-column: 1 / -1;
  }
  .notification-problem-modal--new-action .notification-quick-action__field--email-body textarea.input-compact {
    min-height: 9.25rem !important;
    resize: vertical;
  }
  .notification-problem-modal--new-action .notification-quick-action__ai {
    gap: 0.48rem;
    border-top: 1px solid rgb(103 119 137 / 0.16);
    padding-top: 0.78rem;
  }
  .notification-problem-modal--new-action .notification-quick-action__ai textarea.input-compact {
    min-height: 4.5rem !important;
    resize: vertical;
  }
  .notification-problem-modal--new-action .notification-quick-action__ai .notification-problem-modal__button {
    min-height: 2.25rem;
    padding-inline: 0.85rem;
  }
  .notification-problem-modal--new-action .notification-quick-action__assignment, .notification-problem-modal--new-action [data-quick-action-assign-submit], .notification-problem-modal--new-action [data-quick-action-send-submit], .notification-problem-modal--new-action [data-quick-email-send-only] {
    display: none !important;
  }
  .notification-problem-modal--new-action .notification-quick-action:has([data-quick-action-mode="assign"]:checked) .notification-quick-action__assignment {
    display: grid !important;
  }
  .notification-problem-modal--new-action form:has([data-quick-action-mode="assign"]:checked) [data-quick-action-log-submit] {
    display: none !important;
  }
  .notification-problem-modal--new-action form:has([data-quick-action-mode="assign"]:checked) [data-quick-action-assign-submit] {
    display: inline-flex !important;
  }
  .notification-problem-modal--new-action form:has([data-quick-action-mode="send"]:checked) [data-quick-action-log-submit], .notification-problem-modal--new-action form:has([data-quick-action-mode="send"]:checked) [data-quick-email-log-only] {
    display: none !important;
  }
  .notification-problem-modal--new-action form:has([data-quick-action-mode="send"]:checked) [data-quick-action-send-submit] {
    display: inline-flex !important;
  }
  .notification-problem-modal--new-action form:has([data-quick-action-mode="send"]:checked) [data-quick-email-send-only] {
    display: grid !important;
  }
  .notification-problem-modal--new-action [data-param-fields]:not([data-no-params="1"]), .notification-problem-modal--new-action [data-followup-group], .notification-problem-modal--new-action [data-info-actions-root] > div, .notification-problem-modal--new-action [data-followup-nested], .notification-problem-modal--new-action [data-followup-mode-section="WORKER_ACTION"], .notification-problem-modal--new-action [data-followup-mode-section="PROBLEM"] {
    border-radius: 16px !important;
    padding: 0.86rem !important;
  }
  .notification-problem-modal--new-action [data-param-fields][data-no-params="1"] {
    border-radius: 13px;
    padding: 0.62rem 0.72rem;
  }
  .notification-problem-modal--new-action [data-param-fields]:empty {
    display: none;
  }
  .notification-problem-modal--new-action .notification-problem-modal__field {
    display: grid;
    gap: 0.45rem;
    min-width: 0;
    border-radius: 17px;
    padding: 0.86rem;
  }
  .notification-problem-modal--new-action .notification-problem-modal__assoc-list, .notification-problem-modal--new-action .notification-problem-modal__assoc-list--four {
    grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr)) !important;
    gap: 0.55rem !important;
  }
  .notification-problem-modal--new-action textarea.input-compact {
    min-height: 5.8rem !important;
  }
  .notification-problem-modal--new-action input[type="file"].input-compact {
    min-height: 2.7rem !important;
    padding: 0.46rem !important;
  }
  @media (max-width: 42rem) {
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) {
      padding: 0.62rem !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .notification-problem-modal__panel {
      max-width: 100% !important;
      max-height: calc(100vh - 1.24rem) !important;
      border-radius: 18px !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where(.notification-problem-modal__header, .notification-problem-modal__body, .notification-problem-modal__form) {
      padding-inline: 0.9rem !important;
    }
    .notification-problem-modal--new-action .notification-problem-modal__actions {
      margin-inline: -0.9rem !important;
      padding-inline: 0.9rem !important;
    }
    .notification-problem-modal--new-action .notification-quick-action__association-grid {
      grid-template-columns: 1fr;
    }
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) {
    --color-border: oklch(84.2% 0.018 228);
    --color-text: oklch(28.5% 0.014 245);
    --color-subtle: oklch(50% 0.015 235);
    --color-surface: oklch(98.8% 0.006 235);
    --color-muted: oklch(93.4% 0.014 232);
    background: radial-gradient(46rem 25rem at 50% 12%, rgb(78 156 218 / 0.18), transparent 60%), rgb(7 15 26 / 0.62) !important;
    backdrop-filter: blur(7px) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .notification-problem-modal__panel {
    border: 1px solid rgb(72 75 82 / 0.2) !important;
    border-radius: 16px !important;
    color: rgb(35 41 48) !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(246 249 252 / 0.92)), var(--color-surface) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 34px 92px -52px rgb(0 0 0 / 0.58) !important;
    scrollbar-color: rgb(91 134 125 / 0.45) rgb(15 23 42 / 0.08) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .notification-problem-modal__header {
    border-bottom: 1px solid rgb(66 68 74 / 0.16) !important;
    color: rgb(255 255 255 / 0.96) !important;
    background: linear-gradient(105deg, rgb(12 45 76 / 0.98), rgb(19 89 132 / 0.96) 58%, rgb(33 130 153 / 0.92)), #0f4f7a !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.12) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where(.notification-problem-modal__title, .notification-problem-modal__close:hover, .notification-problem-modal__close:focus-visible) {
    color: #ffffff !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where(.notification-problem-modal__eyebrow, .notification-problem-modal__meta) {
    color: rgb(238 242 246 / 0.78) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .notification-problem-modal__close {
    border-color: rgb(255 255 255 / 0.18) !important;
    color: rgb(255 255 255 / 0.8) !important;
    background: rgb(255 255 255 / 0.1) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where( .notification-problem-modal__notice, .notification-problem-modal__reason, .notification-problem-modal__advanced, .notification-problem-modal__field, .notification-quick-action__panel, .notification-quick-action__assignment, [data-param-fields]:not([data-no-params="1"]), [data-followup-group], [data-info-actions-root] > div, [data-followup-nested], [data-followup-mode-section="WORKER_ACTION"], [data-followup-mode-section="PROBLEM"], .notification-problem-modal__body .rounded-md.border, .notification-problem-modal__body .rounded-lg.border, .notification-problem-modal__body section.rounded-md, .notification-problem-modal__body section.rounded-lg, .notification-problem-modal__link-card ) {
    border-color: rgb(72 75 82 / 0.14) !important;
    color: rgb(35 41 48) !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(244 249 253 / 0.78)), rgb(255 255 255 / 0.68) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.74) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where( label, .notification-problem-modal__label, .text-xs, .text-\[11px\], .notification-quick-action__field > span, .notification-quick-action__assignment-title, .notification-problem-modal__section-title ) {
    color: rgb(67 77 87 / 0.74) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where( input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea, .input, .input-compact ) {
    border-color: rgb(72 75 82 / 0.16) !important;
    color: rgb(35 41 48) !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(246 250 253 / 0.82)), white !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84), 0 8px 20px -22px rgb(24 33 44 / 0.42) !important;
    color-scheme: light !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where(input, textarea, .input, .input-compact)::placeholder {
    color: rgb(67 77 87 / 0.5) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where( input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea, .input, .input-compact ):focus {
    border-color: rgb(91 134 125 / 0.38) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 0 0 3px rgb(91 134 125 / 0.14) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--problem-object ) .assoc-picker {
    --problem-assoc-accent: rgb(91 134 125) !important;
    --problem-assoc-accent-soft: rgb(238 245 247) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .assoc-picker [data-assoc-trigger] {
    border-color: rgb(72 75 82 / 0.13) !important;
    color: rgb(35 41 48) !important;
    background: linear-gradient(180deg, rgb(235 244 246 / 0.88), rgb(222 236 239 / 0.7)), rgb(238 245 247) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.76) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .assoc-picker [data-assoc-trigger]:hover, :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .assoc-picker [data-assoc-trigger]:focus-visible {
    border-color: rgb(82 105 128 / 0.24) !important;
    background: linear-gradient(180deg, rgb(240 247 248 / 0.94), rgb(226 239 241 / 0.8)), rgb(238 245 247) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .assoc-picker [data-assoc-label], :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .assoc-option, :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .assoc-option div:first-child {
    color: rgb(39 47 55) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .assoc-picker [data-assoc-sub], :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .assoc-option div:last-child {
    color: rgb(67 77 87 / 0.68) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .assoc-menu {
    border-color: rgb(72 75 82 / 0.16) !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(249 248 245 / 0.92)), white !important;
    box-shadow: 0 24px 54px -34px rgb(15 23 42 / 0.45) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .assoc-menu > div {
    border-bottom-color: rgb(72 75 82 / 0.13) !important;
    background: rgb(255 255 255 / 0.86) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .assoc-option:hover, :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .assoc-option:focus-visible {
    background: rgb(238 245 247 / 0.78) !important;
  }
  .notification-problem-modal--new-action .notification-quick-action__mode {
    border-color: rgb(72 75 82 / 0.13) !important;
    background: rgb(238 245 247 / 0.72) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.76) !important;
  }
  .notification-problem-modal--new-action .notification-quick-action__mode-option {
    color: rgb(39 47 55) !important;
  }
  .notification-problem-modal--new-action .notification-quick-action__mode-option:has(input:checked) {
    color: #062026 !important;
    background: linear-gradient(135deg, rgb(143 222 211), rgb(91 207 198)) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where(.notification-problem-modal__advanced > summary) {
    color: rgb(35 41 48) !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(242 248 252 / 0.82)), rgb(255 255 255 / 0.72) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where(.notification-problem-modal__advanced > summary .title) {
    color: rgb(35 41 48) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .notification-problem-modal__actions {
    border-top-color: rgb(72 75 82 / 0.14) !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(241 247 252 / 0.94)) !important;
    box-shadow: 0 -18px 34px -34px rgb(15 23 42 / 0.34) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .notification-problem-modal__actions--inline {
    background: transparent !important;
    box-shadow: none !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where(.btn-ghost, .btn-muted, .btn-secondary, .btn-primary, .btn-danger, .btn-destructive):not(.notification-problem-modal__button), :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) .notification-problem-modal__button {
    border-color: rgb(66 68 74 / 0.14) !important;
    color: rgb(35 41 48) !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(241 247 252 / 0.92)), white !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where(.btn-primary, .notification-problem-modal__button--primary):not(:disabled) {
    border-color: rgb(29 116 178 / 0.4) !important;
    color: #ffffff !important;
    background: linear-gradient(180deg, rgb(55 153 214), rgb(28 111 171)) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.44), 0 14px 28px -24px rgb(29 116 178 / 0.62) !important;
  }
  :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where(.btn-danger, .btn-destructive, .notification-problem-modal__button--danger):not(:disabled) {
    border-color: rgb(244 63 94 / 0.3) !important;
    color: rgb(159 18 57) !important;
    background: rgb(255 241 242) !important;
  }
  .notification-problem-modal--problem-object .notification-problem-modal__reason {
    border-color: rgb(245 158 11 / 0.28) !important;
    color: rgb(35 41 48) !important;
    background: linear-gradient(180deg, rgb(255 251 235 / 0.96), rgb(255 247 222 / 0.82)), white !important;
  }
  .notification-problem-modal--problem-object .notification-problem-modal__reason-label {
    color: rgb(146 64 14) !important;
  }
  .notification-problem-modal--problem-object .notification-problem-modal__reason-text {
    color: rgb(35 41 48) !important;
  }
  .notification-modal-summary, .notification-work-context, .notification-problem-source-card {
    overflow: hidden;
    border: 1px solid rgb(29 116 178 / 0.13);
    border-radius: 16px;
    color: rgb(30 43 58);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.97), rgb(244 249 253 / 0.84)), rgb(255 255 255 / 0.88);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 18px 42px -38px rgb(15 68 112 / 0.32);
  }
  .notification-modal-summary__head, .notification-work-context__head, .notification-problem-source-card__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 0.72rem;
    align-items: start;
    padding: 0.88rem 0.92rem;
    background: linear-gradient(135deg, rgb(232 244 252 / 0.92), rgb(247 251 254 / 0.9)), rgb(247 251 254);
  }
  .notification-work-context__head, .notification-problem-source-card__head {
    grid-template-columns: 2.28rem minmax(0, 1fr);
  }
  .notification-problem-source-card__head:has(.notification-problem-source-card__actions) {
    grid-template-columns: 2.28rem minmax(0, 1fr) auto;
  }
  .notification-problem-source-card__actions {
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
  .notification-problem-source-card__actions .notification-problem-modal__button {
    min-height: 2.12rem !important;
    white-space: nowrap;
  }
  .notification-work-context__icon, .notification-problem-source-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.28rem;
    height: 2.28rem;
    border: 1px solid rgb(29 116 178 / 0.14);
    border-radius: 12px;
    color: rgb(28 111 171);
    background: rgb(255 255 255 / 0.82);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78);
  }
  .notification-work-context__icon svg, .notification-problem-source-card__icon svg {
    width: 1.05rem;
    height: 1.05rem;
  }
  .notification-modal-summary__intro, .notification-work-context__intro, .notification-problem-source-card__intro {
    min-width: 0;
  }
  .notification-modal-summary__eyebrow, .notification-work-context__eyebrow, .notification-problem-source-card__eyebrow, .notification-problem-source-card__section-label {
    color: rgb(48 91 128 / 0.72) !important;
    font-size: 0.66rem;
    font-weight: 840;
    letter-spacing: 0.1em;
    line-height: 1.1;
    text-transform: uppercase;
  }
  .notification-modal-summary__intro h4, .notification-work-context__intro h4, .notification-problem-source-card__intro h4 {
    margin: 0.18rem 0 0;
    overflow-wrap: anywhere;
    color: rgb(24 38 54) !important;
    font-size: 0.98rem;
    font-weight: 820;
    line-height: 1.18;
    letter-spacing: 0;
  }
  .notification-modal-summary__copy, .notification-problem-source-card__intro p {
    padding: 0.72rem 0.92rem;
    overflow-wrap: anywhere;
    color: rgb(64 82 99 / 0.82) !important;
    font-size: 0.78rem;
    line-height: 1.48;
  }
  .notification-problem-source-card__intro p {
    margin-top: 0.34rem;
    padding: 0;
  }
  .notification-modal-summary__facts, .notification-work-context__facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid rgb(29 116 178 / 0.1);
  }
  .notification-modal-summary__facts > div, .notification-work-context__facts > div {
    min-width: 0;
    padding: 0.72rem 0.92rem;
  }
  .notification-modal-summary__facts > div:nth-child(even), .notification-work-context__facts > div:nth-child(even) {
    border-left: 1px solid rgb(29 116 178 / 0.08);
  }
  .notification-modal-summary__facts > div:nth-child(n + 3), .notification-work-context__facts > div:nth-child(n + 3) {
    border-top: 1px solid rgb(29 116 178 / 0.08);
  }
  .notification-modal-summary__facts dt, .notification-work-context__facts dt {
    color: rgb(66 91 112 / 0.68) !important;
    font-size: 0.64rem;
    font-weight: 820;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .notification-modal-summary__facts dd, .notification-work-context__facts dd {
    display: grid;
    gap: 0.16rem;
    margin-top: 0.22rem;
    overflow-wrap: anywhere;
    color: rgb(25 39 55) !important;
    font-size: 0.78rem;
    font-weight: 780;
    line-height: 1.26;
  }
  .notification-modal-summary__facts dd small, .notification-work-context__facts dd small {
    color: rgb(64 82 99 / 0.68) !important;
    font-size: 0.68rem;
    font-weight: 700;
  }
  .notification-modal-summary__options, .notification-problem-source-card__missing, .notification-problem-source-card__log {
    border-top: 1px solid rgb(29 116 178 / 0.1);
    padding: 0.78rem 0.92rem 0.92rem;
    background: rgb(248 251 254 / 0.7);
  }
  .notification-modal-summary__options ul, .notification-problem-source-card__missing {
    display: grid;
    gap: 0.44rem;
  }
  .notification-modal-summary__options ul {
    margin-top: 0.56rem;
  }
  .notification-modal-summary__options li, .notification-problem-source-card__field {
    display: grid;
    gap: 0.16rem;
    border: 1px solid rgb(29 116 178 / 0.1);
    border-radius: 11px;
    padding: 0.52rem 0.58rem;
    color: rgb(64 82 99 / 0.82) !important;
    background: rgb(255 255 255 / 0.82);
    font-size: 0.72rem;
    line-height: 1.38;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.8);
  }
  .notification-problem-source-card__field span {
    color: rgb(25 39 55) !important;
    font-size: 0.74rem;
    font-weight: 820;
    line-height: 1.2;
  }
  .notification-problem-source-card__field small, .notification-problem-source-card__log p {
    overflow-wrap: anywhere;
    color: rgb(64 82 99 / 0.74) !important;
    font-size: 0.68rem;
    line-height: 1.38;
  }
  .notification-problem-source-card__log span {
    color: rgb(48 91 128 / 0.72) !important;
    font-size: 0.64rem;
    font-weight: 840;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .notification-review-card, .notification-ai-proposal {
    overflow: hidden;
    border: 1px solid rgb(29 116 178 / 0.13);
    border-radius: 16px;
    color: rgb(30 43 58);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.97), rgb(244 249 253 / 0.84)), rgb(255 255 255 / 0.88);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 18px 42px -38px rgb(15 68 112 / 0.32);
  }
  .notification-review-card__head, .notification-ai-proposal__head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.88rem 0.92rem;
    background: linear-gradient(135deg, rgb(232 244 252 / 0.92), rgb(247 251 254 / 0.9)), rgb(247 251 254);
  }
  .notification-review-card__intro, .notification-ai-proposal__intro {
    min-width: 0;
  }
  .notification-review-card__eyebrow, .notification-ai-proposal__eyebrow, .notification-ai-proposal__section-label, .notification-review-card__field-label {
    color: rgb(48 91 128 / 0.72) !important;
    font-size: 0.66rem;
    font-weight: 840;
    letter-spacing: 0.1em;
    line-height: 1.1;
    text-transform: uppercase;
  }
  .notification-review-card__title, .notification-ai-proposal__title {
    margin-top: 0.18rem;
    overflow-wrap: anywhere;
    color: rgb(24 38 54) !important;
    font-size: 0.94rem;
    font-weight: 820;
    line-height: 1.18;
    letter-spacing: 0;
  }
  .notification-review-card__copy, .notification-ai-proposal__copy, .notification-review-card__meta, .notification-ai-proposal__item-meta {
    overflow-wrap: anywhere;
    color: rgb(64 82 99 / 0.76) !important;
    font-size: 0.72rem;
    line-height: 1.4;
  }
  .notification-review-card__copy, .notification-ai-proposal__copy {
    margin-top: 0.34rem;
    max-width: 58rem;
  }
  .notification-review-card__body, .notification-ai-proposal__body {
    display: grid;
    gap: 0.62rem;
    padding: 0.78rem 0.92rem 0.92rem;
  }
  .notification-review-card__facts, .notification-ai-proposal__grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.58rem;
  }
  .notification-review-card__fact, .notification-ai-proposal__panel, .notification-ai-proposal__item, .notification-review-card__content {
    min-width: 0;
    border: 1px solid rgb(29 116 178 / 0.1);
    border-radius: 12px;
    background: rgb(255 255 255 / 0.82);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.8);
  }
  .notification-review-card__fact, .notification-ai-proposal__item {
    padding: 0.54rem 0.62rem;
  }
  .notification-review-card__content {
    max-height: 16rem;
    overflow: auto;
    padding: 0.62rem;
    color: rgb(25 39 55) !important;
    font-size: 0.78rem;
    line-height: 1.5;
    white-space: pre-wrap;
  }
  .notification-review-card__fact strong, .notification-ai-proposal__item-value {
    display: block;
    margin-top: 0.18rem;
    overflow-wrap: anywhere;
    color: rgb(24 38 54) !important;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.22;
  }
  .notification-review-card__actions, .notification-ai-proposal__badges {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.34rem;
  }
  .notification-ai-proposal__badge {
    display: inline-flex;
    align-items: center;
    min-height: 1.52rem;
    border: 1px solid rgb(29 116 178 / 0.14);
    border-radius: 999px;
    padding: 0.26rem 0.58rem;
    color: rgb(22 73 116) !important;
    background: rgb(255 255 255 / 0.76);
    font-size: 0.68rem;
    font-weight: 780;
    line-height: 1;
  }
  .notification-ai-proposal__badge--success {
    border-color: rgb(16 185 129 / 0.24);
    color: rgb(6 95 70) !important;
    background: rgb(236 253 245 / 0.94);
  }
  .notification-ai-proposal__badge--info {
    border-color: rgb(29 116 178 / 0.18);
    color: rgb(22 73 116) !important;
    background: rgb(232 244 252 / 0.92);
  }
  .notification-ai-proposal__panel {
    padding: 0.66rem;
  }
  .notification-ai-proposal__panel--warn {
    border-color: rgb(245 158 11 / 0.2);
    background: linear-gradient(180deg, rgb(255 251 235 / 0.94), rgb(255 255 255 / 0.86));
  }
  .notification-ai-proposal__panel--info {
    border-color: rgb(29 116 178 / 0.16);
    background: linear-gradient(180deg, rgb(239 248 255 / 0.92), rgb(255 255 255 / 0.86));
  }
  .notification-ai-proposal__panel--success {
    border-color: rgb(16 185 129 / 0.2);
    background: linear-gradient(180deg, rgb(236 253 245 / 0.92), rgb(255 255 255 / 0.86));
  }
  .notification-ai-proposal__list {
    display: grid;
    gap: 0.44rem;
    margin-top: 0.54rem;
  }
  .notification-ai-proposal__text-list {
    display: grid;
    gap: 0.32rem;
    margin-top: 0.48rem;
    color: rgb(64 82 99 / 0.82) !important;
    font-size: 0.74rem;
    line-height: 1.4;
  }
  :is( .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where(.bg-amber-50) {
    border-color: rgb(245 158 11 / 0.26) !important;
    color: rgb(120 53 15) !important;
    background: rgb(255 251 235 / 0.96) !important;
  }
  :is( .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where(.bg-rose-50) {
    border-color: rgb(244 63 94 / 0.25) !important;
    color: rgb(159 18 57) !important;
    background: rgb(255 241 242 / 0.96) !important;
  }
  :is( .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where(.bg-emerald-50, .bg-emerald-100) {
    border-color: rgb(16 185 129 / 0.24) !important;
    color: rgb(6 95 70) !important;
    background: rgb(236 253 245 / 0.96) !important;
  }
  :is( .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ) :where(.bg-amber-50 *, .bg-rose-50 *, .bg-emerald-50 *, .bg-emerald-100 *) {
    color: inherit !important;
  }
  .notification-action-brief {
    overflow: hidden;
    border: 1px solid rgb(29 116 178 / 0.13);
    border-radius: 16px;
    color: rgb(30 43 58);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.97), rgb(244 249 253 / 0.84)), rgb(255 255 255 / 0.88);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 18px 42px -38px rgb(15 68 112 / 0.32);
  }
  .notification-action-brief--xroad {
    border-color: rgb(29 116 178 / 0.18);
  }
  .notification-action-brief__head {
    display: grid;
    grid-template-columns: 2.35rem minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
    padding: 0.92rem;
    background: linear-gradient(135deg, rgb(232 244 252 / 0.94), rgb(247 251 254 / 0.9)), rgb(247 251 254);
  }
  .notification-action-brief__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.35rem;
    height: 2.35rem;
    border: 1px solid rgb(29 116 178 / 0.14);
    border-radius: 12px;
    color: rgb(28 111 171);
    background: rgb(255 255 255 / 0.84);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78);
  }
  .notification-action-brief__icon svg {
    width: 1.08rem;
    height: 1.08rem;
  }
  .notification-action-brief__intro {
    min-width: 0;
  }
  .notification-action-brief__eyebrow {
    color: rgb(48 91 128 / 0.72) !important;
    font-size: 0.66rem;
    font-weight: 840;
    letter-spacing: 0.1em;
    line-height: 1.1;
    text-transform: uppercase;
  }
  .notification-action-brief__intro h4 {
    margin: 0.18rem 0 0;
    color: rgb(24 38 54) !important;
    font-size: 1rem;
    font-weight: 820;
    line-height: 1.18;
    letter-spacing: 0;
  }
  .notification-action-brief__intro p, .notification-action-brief__decision-head p {
    margin-top: 0.34rem;
    overflow-wrap: anywhere;
    color: rgb(64 82 99 / 0.82) !important;
    font-size: 0.78rem;
    line-height: 1.45;
  }
  .notification-action-brief__state {
    display: inline-flex;
    align-items: center;
    min-height: 1.52rem;
    border: 1px solid rgb(29 116 178 / 0.14);
    border-radius: 999px;
    padding: 0.26rem 0.58rem;
    color: rgb(22 73 116) !important;
    background: rgb(255 255 255 / 0.76);
    font-size: 0.68rem;
    font-weight: 780;
    line-height: 1;
  }
  .notification-action-brief__facts {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border-top: 1px solid rgb(29 116 178 / 0.1);
  }
  .notification-action-brief__facts > div {
    min-width: 0;
    padding: 0.72rem 0.92rem;
  }
  .notification-action-brief__facts > div + div {
    border-left: 1px solid rgb(29 116 178 / 0.08);
  }
  .notification-action-brief__facts dt {
    color: rgb(66 91 112 / 0.68) !important;
    font-size: 0.64rem;
    font-weight: 820;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .notification-action-brief__facts dd {
    display: grid;
    gap: 0.14rem;
    margin-top: 0.22rem;
    overflow-wrap: anywhere;
    color: rgb(25 39 55) !important;
    font-size: 0.78rem;
    font-weight: 780;
    line-height: 1.24;
  }
  .notification-action-brief__facts dd small {
    color: rgb(64 82 99 / 0.68) !important;
    font-size: 0.68rem;
    font-weight: 700;
  }
  .notification-action-brief__decisions {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 0.72rem;
    border-top: 1px solid rgb(29 116 178 / 0.1);
    padding: 0.78rem 0.92rem 0.92rem;
    background: rgb(248 251 254 / 0.7);
  }
  .notification-action-brief__decision-head {
    min-width: 0;
  }
  .notification-action-brief__decisions ul {
    display: grid;
    gap: 0.44rem;
  }
  .notification-action-brief__decisions li {
    border: 1px solid rgb(29 116 178 / 0.1);
    border-radius: 11px;
    padding: 0.58rem 0.62rem;
    background: rgb(255 255 255 / 0.78);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.8);
  }
  .notification-action-brief__decisions li strong {
    display: block;
    color: rgb(24 38 54) !important;
    font-size: 0.78rem;
    font-weight: 820;
    line-height: 1.2;
  }
  .notification-action-brief__decisions li span {
    display: block;
    margin-top: 0.18rem;
    color: rgb(64 82 99 / 0.74) !important;
    font-size: 0.7rem;
    line-height: 1.38;
  }
  .notification-action-brief__decision-list {
    margin: 0;
    padding: 0;
    list-style: none;
  }
  .notification-action-brief__decision-item--form {
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .notification-action-brief__decision-item--form form {
    margin: 0;
  }
  .notification-action-brief__decision-card {
    display: block;
    width: 100%;
    border: 1px solid rgb(29 116 178 / 0.12);
    border-radius: 11px;
    padding: 0.62rem 0.68rem;
    background: rgb(255 255 255 / 0.86);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82);
    text-align: left;
  }
  .notification-action-brief__decision-card--button {
    appearance: none;
    cursor: pointer;
    font: inherit;
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
  }
  .notification-action-brief__decision-card--button:hover {
    border-color: rgb(30 129 190 / 0.28);
    background: rgb(250 253 255 / 0.95);
    box-shadow: 0 10px 24px rgb(20 94 143 / 0.08), inset 0 1px 0 rgb(255 255 255 / 0.9);
    transform: translateY(-1px);
  }
  .notification-action-brief__decision-card--button:focus-visible {
    outline: 3px solid rgb(30 129 190 / 0.22);
    outline-offset: 2px;
    border-color: rgb(30 129 190 / 0.42);
  }
  .notification-action-brief__decision-card--primary {
    border-color: rgb(30 129 190 / 0.28);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(239 248 253 / 0.9));
  }
  .notification-action-brief__decision-card--primary strong {
    color: rgb(17 91 148) !important;
  }
  .notification-action-brief__decision-card--warning {
    border-color: rgb(205 132 31 / 0.24);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 249 236 / 0.88));
  }
  .notification-action-brief__decision-card--warning strong {
    color: rgb(122 83 18) !important;
  }
  .notification-action-brief__decision-card--danger {
    border-color: rgb(228 72 91 / 0.26);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 246 248 / 0.9));
  }
  .notification-action-brief__decision-card--danger strong {
    color: rgb(169 34 55) !important;
  }
  .notification-technical-log {
    border: 1px solid rgb(29 116 178 / 0.12);
    border-radius: 14px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(246 250 253 / 0.84)), rgb(255 255 255 / 0.84);
  }
  .notification-technical-log__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    padding: 0.72rem 0.84rem;
    cursor: pointer;
    list-style: none;
  }
  .notification-technical-log__summary::-webkit-details-marker {
    display: none;
  }
  .notification-technical-log__summary::after {
    content: "";
    width: 0.46rem;
    height: 0.46rem;
    border-right: 1.5px solid rgb(48 91 128 / 0.74);
    border-bottom: 1.5px solid rgb(48 91 128 / 0.74);
    transform: rotate(45deg) translateY(-0.12rem);
    transition: transform 0.16s ease;
  }
  .notification-technical-log[open] .notification-technical-log__summary::after {
    transform: rotate(225deg) translateY(-0.04rem);
  }
  .notification-technical-log__eyebrow {
    display: block;
    color: rgb(48 91 128 / 0.72) !important;
    font-size: 0.62rem;
    font-weight: 840;
    letter-spacing: 0.1em;
    line-height: 1;
    text-transform: uppercase;
  }
  .notification-technical-log__title {
    display: block;
    margin-top: 0.18rem;
    color: rgb(24 38 54) !important;
    font-size: 0.78rem;
    font-weight: 820;
    line-height: 1.15;
  }
  .notification-technical-log__meta {
    min-width: 0;
    overflow: hidden;
    color: rgb(64 82 99 / 0.72) !important;
    font-size: 0.68rem;
    font-weight: 720;
    line-height: 1.2;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .notification-technical-log__body {
    display: grid;
    gap: 0.5rem;
    max-height: 15rem;
    overflow-y: auto;
    border-top: 1px solid rgb(29 116 178 / 0.09);
    padding: 0.62rem;
  }
  .notification-technical-log__entry {
    border: 1px solid rgb(29 116 178 / 0.1);
    border-radius: 10px;
    background: rgb(255 255 255 / 0.78);
  }
  .notification-technical-log__entry > summary {
    padding: 0.48rem 0.56rem;
    cursor: pointer;
    color: rgb(48 91 128 / 0.82) !important;
    font-size: 0.7rem;
    font-weight: 780;
    line-height: 1.2;
  }
  .notification-technical-log__entry pre {
    margin: 0;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
    border-top: 1px solid rgb(29 116 178 / 0.08);
    padding: 0.56rem;
    color: rgb(39 47 55) !important;
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    font-size: 0.68rem;
    line-height: 1.45;
  }
  .notification-xroad-source-card {
    overflow: hidden;
    border: 1px solid rgb(29 116 178 / 0.14);
    border-radius: 16px;
    color: rgb(30 43 58);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(244 249 253 / 0.84)), rgb(255 255 255 / 0.86);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 18px 42px -38px rgb(15 68 112 / 0.32);
  }
  .notification-xroad-source-card__head {
    display: grid;
    grid-template-columns: 2.3rem minmax(0, 1fr) auto;
    gap: 0.75rem;
    align-items: start;
    padding: 0.92rem;
    background: linear-gradient(135deg, rgb(232 244 252 / 0.92), rgb(247 251 254 / 0.9)), rgb(247 251 254);
  }
  .notification-xroad-source-card__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.3rem;
    height: 2.3rem;
    border: 1px solid rgb(29 116 178 / 0.14);
    border-radius: 12px;
    color: rgb(28 111 171);
    background: rgb(255 255 255 / 0.82);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78);
  }
  .notification-xroad-source-card__icon svg {
    width: 1.08rem;
    height: 1.08rem;
  }
  .notification-xroad-source-card__title {
    min-width: 0;
  }
  .notification-xroad-source-card__eyebrow, .notification-xroad-source-card__section-label, .notification-decision-brief__eyebrow, .notification-file-strip__eyebrow {
    color: rgb(48 91 128 / 0.72) !important;
    font-size: 0.66rem;
    font-weight: 840;
    letter-spacing: 0.1em;
    line-height: 1.1;
    text-transform: uppercase;
  }
  .notification-xroad-source-card__title h4, .notification-decision-brief__main h4, .notification-file-strip__head h4 {
    margin: 0.18rem 0 0;
    color: rgb(24 38 54) !important;
    font-size: 0.98rem;
    font-weight: 820;
    line-height: 1.18;
    letter-spacing: 0;
  }
  .notification-xroad-source-card__title p {
    margin-top: 0.34rem;
    overflow-wrap: anywhere;
    color: rgb(64 82 99 / 0.82) !important;
    font-size: 0.78rem;
    line-height: 1.45;
  }
  .notification-xroad-source-card__chips {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.34rem;
  }
  .notification-xroad-source-card__chips span, .notification-file-strip__head > span {
    display: inline-flex;
    align-items: center;
    min-height: 1.52rem;
    border: 1px solid rgb(29 116 178 / 0.14);
    border-radius: 999px;
    padding: 0.26rem 0.58rem;
    color: rgb(22 73 116) !important;
    background: rgb(255 255 255 / 0.76);
    font-size: 0.68rem;
    font-weight: 780;
    line-height: 1;
  }
  .notification-xroad-source-card__facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid rgb(29 116 178 / 0.1);
  }
  .notification-xroad-source-card__facts > div {
    min-width: 0;
    padding: 0.72rem 0.92rem;
  }
  .notification-xroad-source-card__facts > div + div {
    border-left: 1px solid rgb(29 116 178 / 0.08);
  }
  .notification-xroad-source-card__facts dt {
    color: rgb(66 91 112 / 0.68) !important;
    font-size: 0.64rem;
    font-weight: 820;
    letter-spacing: 0.08em;
    text-transform: uppercase;
  }
  .notification-xroad-source-card__facts dd {
    margin-top: 0.22rem;
    overflow-wrap: anywhere;
    color: rgb(25 39 55) !important;
    font-size: 0.78rem;
    font-weight: 780;
    line-height: 1.24;
  }
  .notification-xroad-source-card__missing {
    border-top: 1px solid rgb(29 116 178 / 0.1);
    padding: 0.78rem 0.92rem 0.92rem;
    background: rgb(248 251 254 / 0.7);
  }
  .notification-xroad-source-card__missing ul {
    display: grid;
    gap: 0.42rem;
    margin-top: 0.54rem;
  }
  .notification-xroad-source-card__missing li {
    display: grid;
    gap: 0.14rem;
    border: 1px solid rgb(29 116 178 / 0.1);
    border-radius: 10px;
    padding: 0.5rem 0.58rem;
    background: rgb(255 255 255 / 0.82);
    font-size: 0.72rem;
    line-height: 1.35;
  }
  .notification-xroad-source-card__missing strong {
    color: rgb(25 39 55) !important;
  }
  .notification-xroad-source-card__missing span {
    color: rgb(64 82 99 / 0.76) !important;
  }
  .notification-decision-brief {
    display: grid;
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 0.72rem;
    border: 1px solid rgb(29 116 178 / 0.12);
    border-radius: 16px;
    padding: 0.78rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(246 250 253 / 0.86)), rgb(255 255 255 / 0.84);
  }
  .notification-decision-brief__main {
    min-width: 0;
    border-right: 1px solid rgb(29 116 178 / 0.08);
    padding: 0.08rem 0.72rem 0.08rem 0.04rem;
  }
  .notification-decision-brief__steps, .notification-decision-brief__options {
    display: grid;
    gap: 0.44rem;
  }
  .notification-decision-brief__steps {
    margin-top: 0.62rem;
  }
  .notification-decision-brief__steps li, .notification-decision-brief__option {
    border: 1px solid rgb(29 116 178 / 0.1);
    border-radius: 11px;
    background: rgb(255 255 255 / 0.78);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.8);
  }
  .notification-decision-brief__steps li {
    padding: 0.5rem 0.58rem;
    color: rgb(64 82 99 / 0.82) !important;
    font-size: 0.74rem;
    line-height: 1.42;
  }
  .notification-decision-brief__option {
    padding: 0.58rem 0.62rem;
  }
  .notification-decision-brief__option--button {
    display: block;
    width: 100%;
    appearance: none;
    cursor: pointer;
    font: inherit;
    text-align: left;
    transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease, transform 150ms ease;
  }
  .notification-decision-brief__option--choice {
    display: flex;
    align-items: flex-start;
    gap: 0.52rem;
    cursor: pointer;
    transition: border-color 150ms ease, background 150ms ease, box-shadow 150ms ease, transform 150ms ease;
  }
  .notification-decision-brief__option--choice input {
    flex: 0 0 auto;
    margin-top: 0.12rem;
    accent-color: rgb(25 113 176);
  }
  .notification-decision-brief__option--button:hover, .notification-decision-brief__option--choice:hover {
    border-color: rgb(29 116 178 / 0.24);
    background: rgb(248 252 255 / 0.95);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 16px 32px -28px rgb(15 68 112 / 0.38);
    transform: translateY(-1px);
  }
  .notification-decision-brief__option--button:focus-visible, .notification-decision-brief__option--choice:focus-within {
    outline: 2px solid rgb(29 116 178 / 0.48);
    outline-offset: 2px;
  }
  .notification-decision-brief__option--choice:has(input:checked) {
    border-color: rgb(29 116 178 / 0.34);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(232 246 254 / 0.9)), rgb(255 255 255 / 0.88);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 18px 34px -30px rgb(15 68 112 / 0.44);
  }
  .notification-decision-brief__option--primary {
    border-color: rgb(29 116 178 / 0.2);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.95), rgb(236 247 254 / 0.9)), rgb(255 255 255 / 0.88);
  }
  .notification-decision-brief__option--secondary {
    background: rgb(255 255 255 / 0.72);
  }
  .notification-decision-brief__option strong {
    display: block;
    color: rgb(24 38 54) !important;
    font-size: 0.78rem;
    font-weight: 820;
    line-height: 1.2;
  }
  .notification-decision-brief__option span {
    display: block;
    margin-top: 0.18rem;
    color: rgb(64 82 99 / 0.74) !important;
    font-size: 0.7rem;
    line-height: 1.38;
  }
  .notification-decision-brief__option--danger {
    border-color: rgb(244 63 94 / 0.16);
    background: rgb(255 247 248 / 0.82);
  }
  .notification-decision-brief__option--danger:hover {
    border-color: rgb(244 63 94 / 0.32);
    background: rgb(255 241 243 / 0.92);
  }
  .notification-file-strip {
    border: 1px solid rgb(29 116 178 / 0.12);
    border-radius: 16px;
    overflow: hidden;
    padding: 0;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(246 250 253 / 0.84)), rgb(255 255 255 / 0.84);
    box-shadow: 0 18px 42px -36px rgb(15 68 112 / 0.32), inset 0 1px 0 rgb(255 255 255 / 0.86);
  }
  .notification-file-strip__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid rgb(29 116 178 / 0.1);
    padding: 0.72rem 0.82rem;
    background: linear-gradient(90deg, rgb(232 246 254 / 0.82), rgb(255 255 255 / 0.6)), rgb(248 252 255 / 0.86);
  }
  .notification-file-strip__head-main {
    display: flex;
    align-items: center;
    min-width: 0;
    gap: 0.58rem;
  }
  .notification-file-strip__head-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto;
    width: 2rem;
    height: 2rem;
    border: 1px solid rgb(29 116 178 / 0.13);
    border-radius: 11px;
    color: rgb(25 113 176);
    background: rgb(255 255 255 / 0.78);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9);
  }
  .notification-file-strip__head-icon svg {
    width: 1rem;
    height: 1rem;
  }
  .notification-file-strip__list {
    display: grid;
    gap: 0;
    margin: 0;
  }
  .notification-file-strip__item {
    display: grid;
    grid-template-columns: 2.12rem minmax(0, 1fr) auto;
    gap: 0.64rem;
    align-items: center;
    border: 0;
    padding: 0.62rem 0.82rem;
    background: rgb(255 255 255 / 0.78);
  }
  .notification-file-strip__item + .notification-file-strip__item {
    border-top: 1px solid rgb(29 116 178 / 0.08);
  }
  .notification-file-strip__item:hover {
    background: rgb(249 253 255 / 0.94);
  }
  .notification-file-strip__icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 2.12rem;
    height: 2.12rem;
    border: 1px solid rgb(29 116 178 / 0.1);
    border-radius: 10px;
    color: rgb(28 111 171);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.76), rgb(232 244 252 / 0.92)), rgb(232 244 252 / 0.92);
  }
  .notification-file-strip__icon svg {
    width: 1.04rem;
    height: 1.04rem;
  }
  .notification-file-strip__body {
    min-width: 0;
  }
  .notification-file-strip__label {
    color: rgb(48 91 128 / 0.68) !important;
    font-size: 0.6rem;
    font-weight: 820;
    letter-spacing: 0.08em;
    line-height: 1;
    text-transform: uppercase;
  }
  .notification-file-strip__name {
    margin-top: 0.12rem;
    overflow: hidden;
    color: rgb(24 38 54) !important;
    font-size: 0.78rem;
    font-weight: 800;
    line-height: 1.2;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .notification-file-strip__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 0.24rem;
    margin-top: 0.24rem;
    color: rgb(64 82 99 / 0.7) !important;
    font-size: 0.64rem;
    line-height: 1;
  }
  .notification-file-strip__meta span {
    display: inline-flex;
    align-items: center;
    min-height: 1.2rem;
    border: 1px solid rgb(29 116 178 / 0.09);
    border-radius: 999px;
    padding: 0.18rem 0.42rem;
    color: rgb(64 82 99 / 0.76) !important;
    background: rgb(244 249 253 / 0.86);
  }
  .notification-file-strip__actions {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 0.34rem;
  }
  .notification-file-strip__action {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 0.28rem;
    min-height: 1.92rem;
    border: 1px solid rgb(29 116 178 / 0.13);
    border-radius: 999px;
    padding: 0.36rem 0.58rem;
    color: rgb(30 86 130) !important;
    background: rgb(255 255 255 / 0.78);
    font-size: 0.68rem;
    font-weight: 800;
    line-height: 1;
    text-decoration: none;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86);
    transition: border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease, transform 0.16s ease;
  }
  .notification-file-strip__action svg {
    width: 0.84rem;
    height: 0.84rem;
  }
  .notification-file-strip__action:hover {
    border-color: rgb(29 116 178 / 0.28);
    background: rgb(248 252 255 / 0.96);
    box-shadow: 0 10px 24px rgb(20 94 143 / 0.08), inset 0 1px 0 rgb(255 255 255 / 0.9);
    transform: translateY(-1px);
  }
  .notification-file-strip__action:focus-visible {
    outline: 3px solid rgb(30 129 190 / 0.22);
    outline-offset: 2px;
    border-color: rgb(30 129 190 / 0.42);
  }
  .notification-file-strip__action--primary {
    border-color: rgb(29 116 178 / 0.22);
    color: rgb(17 91 148) !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.95), rgb(237 248 254 / 0.92)), rgb(255 255 255 / 0.88);
  }
  .notification-data-entry-panel {
    display: grid;
    gap: 0.72rem;
    margin-top: 0.75rem;
  }
  .notification-data-entry-panel > :where(section, div) {
    margin-top: 0 !important;
  }
  .notification-data-entry-panel > :where(section, div) {
    overflow: hidden;
    border: 1px solid rgb(29 116 178 / 0.13) !important;
    border-radius: 16px !important;
    color: rgb(30 43 58) !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.97), rgb(244 249 253 / 0.84)), rgb(255 255 255 / 0.88) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 18px 42px -38px rgb(15 68 112 / 0.32) !important;
  }
  .notification-data-entry-panel > section > form > :where( .flex:first-child, .flex-wrap:first-child, .flex-col:first-child, .min-w-0:first-child ) {
    margin: -1rem -1rem 0.72rem !important;
    border-bottom: 1px solid rgb(29 116 178 / 0.1);
    padding: 0.92rem !important;
    background: linear-gradient(135deg, rgb(232 244 252 / 0.94), rgb(247 251 254 / 0.9)), rgb(247 251 254);
  }
  .notification-data-entry-panel > section > form.p-4 > :where( .flex:first-child, .flex-wrap:first-child, .flex-col:first-child, .min-w-0:first-child ) {
    margin-top: -1rem !important;
    margin-right: -1rem !important;
    margin-left: -1rem !important;
  }
  .notification-data-entry-panel > section > form > :first-child :where(p:first-child, .text-\[11px\]) {
    color: rgb(48 91 128 / 0.72) !important;
    font-size: 0.66rem !important;
    font-weight: 840 !important;
    letter-spacing: 0.1em !important;
    line-height: 1.1 !important;
    text-transform: uppercase !important;
  }
  .notification-data-entry-panel > section > form > :first-child :where(p:nth-child(2), .text-base) {
    color: rgb(24 38 54) !important;
    font-size: 0.98rem !important;
    font-weight: 820 !important;
    line-height: 1.18 !important;
    letter-spacing: 0 !important;
  }
  .notification-data-entry-panel > section > form > :first-child :where(p:nth-child(n + 3), .text-xs, .text-sm) {
    color: rgb(64 82 99 / 0.78) !important;
  }
  .notification-data-entry-panel :where( div.rounded-md.border, div.rounded-lg.border, div.rounded-xl.border, div.rounded-2xl.border, label.rounded-md.border, label.rounded-xl.border, details.rounded-2xl.border ) {
    border-color: rgb(29 116 178 / 0.11) !important;
    border-radius: 12px !important;
    background: rgb(255 255 255 / 0.78) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.8) !important;
  }
  .notification-data-entry-panel :where( input.input, input.input-compact, textarea.input, textarea.input-compact, select.input, select.input-compact, input.rounded-xl, textarea.rounded-xl, select.rounded-xl ) {
    border-color: rgb(29 116 178 / 0.16) !important;
    border-radius: 10px !important;
    color: rgb(25 39 55) !important;
    background: rgb(255 255 255 / 0.92) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88) !important;
  }
  .notification-data-entry-panel :where( input.input, input.input-compact, textarea.input, textarea.input-compact, select.input, select.input-compact, input.rounded-xl, textarea.rounded-xl, select.rounded-xl ):focus {
    border-color: rgb(29 116 178 / 0.42) !important;
    box-shadow: 0 0 0 3px rgb(29 116 178 / 0.12), inset 0 1px 0 rgb(255 255 255 / 0.88) !important;
  }
  .notification-data-entry-panel :where(.text-slate-900) {
    color: rgb(24 38 54) !important;
  }
  .notification-data-entry-panel :where(.text-slate-600, .text-slate-500) {
    color: rgb(64 82 99 / 0.78) !important;
  }
  .notification-data-entry-panel :where(.text-slate-400) {
    color: rgb(48 91 128 / 0.62) !important;
  }
  @media (max-width: 48rem) {
    .notification-action-brief__head {
      grid-template-columns: minmax(0, 1fr);
    }
    .notification-action-brief__icon, .notification-work-context__icon, .notification-problem-source-card__icon {
      display: none;
    }
    .notification-action-brief__state {
      justify-self: start;
    }
    .notification-action-brief__facts, .notification-action-brief__decisions {
      grid-template-columns: minmax(0, 1fr);
    }
    .notification-action-brief__facts > div + div {
      border-left: 0;
      border-top: 1px solid rgb(29 116 178 / 0.08);
    }
    .notification-technical-log__summary {
      align-items: flex-start;
    }
    .notification-technical-log__meta {
      white-space: normal;
      text-align: left;
    }
    .notification-xroad-source-card__head, .notification-work-context__head, .notification-problem-source-card__head, .notification-file-strip__item {
      grid-template-columns: minmax(0, 1fr);
    }
    .notification-xroad-source-card__icon, .notification-file-strip__icon {
      display: none;
    }
    .notification-xroad-source-card__chips, .notification-problem-source-card__actions, .notification-file-strip__actions {
      justify-content: flex-start;
    }
    .notification-file-strip__actions {
      flex-wrap: wrap;
    }
    .notification-xroad-source-card__facts, .notification-modal-summary__facts, .notification-work-context__facts, .notification-decision-brief, .notification-review-card__facts, .notification-ai-proposal__grid {
      grid-template-columns: minmax(0, 1fr);
    }
    .notification-xroad-source-card__facts > div + div, .notification-modal-summary__facts > div:nth-child(even), .notification-work-context__facts > div:nth-child(even), .notification-decision-brief__main {
      border-left: 0;
      border-right: 0;
      border-top: 1px solid rgb(29 116 178 / 0.08);
    }
    .notification-xroad-source-card__facts > div:first-child, .notification-modal-summary__facts > div:first-child, .notification-work-context__facts > div:first-child, .notification-decision-brief__main {
      border-top: 0;
    }
  }
}
@layer components {
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .status-row {
    --dashboard-claim-row-accent: #64748b;
    --dashboard-claim-row-border: rgb(100 116 139 / 0.18);
    --dashboard-claim-row-bg: #ffffff;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .status-finished {
    --dashboard-claim-row-accent: #059669;
    --dashboard-claim-row-border: rgb(5 150 105 / 0.26);
    --dashboard-claim-row-bg: #f2fbf6;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .status-in_progress, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .status-needs_input {
    --dashboard-claim-row-accent: #d97706;
    --dashboard-claim-row-border: rgb(217 119 6 / 0.28);
    --dashboard-claim-row-bg: #fff8ea;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .status-stagnant {
    --dashboard-claim-row-accent: #e11d48;
    --dashboard-claim-row-border: rgb(225 29 72 / 0.28);
    --dashboard-claim-row-bg: #fff4f7;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .status-unprocessable {
    --dashboard-claim-row-accent: #475569;
    --dashboard-claim-row-border: rgb(71 85 105 / 0.22);
    --dashboard-claim-row-bg: #f6f8fb;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > :is(td, .claims-table__cell) {
    border-top-color: var(--dashboard-claim-row-border) !important;
    border-bottom-color: var(--dashboard-claim-row-border) !important;
    background: linear-gradient(90deg, var(--dashboard-claim-row-accent), transparent 46%), var(--dashboard-claim-row-bg) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--dashboard-claim-row-accent) 8%, transparent), transparent 46%), var(--dashboard-claim-row-bg) !important;
    }
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > :is(td, .claims-table__cell):first-child {
    border-left-color: var(--dashboard-claim-row-border) !important;
    box-shadow: inset 4px 0 0 var(--dashboard-claim-row-accent) !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > :is(td, .claims-table__cell):last-child {
    border-right-color: var(--dashboard-claim-row-border) !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row]:hover > :is(td, .claims-table__cell) {
    border-color: var(--dashboard-claim-row-accent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--dashboard-claim-row-accent) 36%, white) !important;
    }
    background: linear-gradient(90deg, var(--dashboard-claim-row-accent), transparent 50%), var(--dashboard-claim-row-bg) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--dashboard-claim-row-accent) 12%, transparent), transparent 50%), color-mix(in oklab, var(--dashboard-claim-row-bg) 78%, white) !important;
    }
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .status-row .claims-table__state-chip {
    border-color: var(--dashboard-claim-row-accent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--dashboard-claim-row-accent) 24%, white) !important;
    }
    background: var(--dashboard-claim-row-accent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--dashboard-claim-row-accent) 10%, white) !important;
    }
    color: var(--dashboard-claim-row-accent) !important;
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--dashboard-claim-row-accent) 82%, #102033) !important;
    }
  }
}
@layer components {
  body:has(.app-rail-workspace--intake) .claim-intake-page {
    gap: 0.65rem !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__content {
    height: 184px !important;
    max-height: 184px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__copy {
    padding: 16px 20px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__aside {
    padding: 12px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-summary-grid {
    gap: 8px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-summary-card {
    min-height: 58px !important;
    padding: 8px 10px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-summary-card__value {
    font-size: clamp(1.08rem, 1.15vw, 1.38rem) !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page :is(.intake-upload-console, .intake-queue-card, .intake-next-card), body:has(.app-rail-workspace--intake) .claim-intake-page .intake-card {
    border-color: rgb(16 32 51 / 0.1) !important;
    background: rgb(255 255 255 / 0.9) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 14px 38px rgb(17 29 41 / 0.07) !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page :is(.intake-upload-console__header, .intake-jobs__header) {
    padding: 10px 14px !important;
    border-bottom: 1px solid rgb(16 32 51 / 0.08) !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(247 250 250 / 0.86)) !important;
    color: #102033 !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page :is(.intake-upload-console__header, .intake-jobs__header) .intake-console-kicker {
    color: #647386 !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page :is(.intake-upload-console__title, .intake-jobs__header h2) {
    color: #102033 !important;
    font-size: 0.92rem !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-submit-button {
    min-height: 34px !important;
    border-color: rgb(16 32 51 / 0.14) !important;
    background: linear-gradient(180deg, #ffffff, #f4f8f8) !important;
    color: #102033 !important;
    box-shadow: 0 10px 24px rgb(17 29 41 / 0.08) !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-submit-button:hover {
    border-color: rgb(55 167 176 / 0.28) !important;
    background: linear-gradient(180deg, #ffffff, #eefafa) !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-upload-form {
    gap: 10px !important;
    padding: 10px 12px 12px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-route-grid {
    gap: 10px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-route-card {
    padding: 8px !important;
    border-color: rgb(16 32 51 / 0.1) !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page :is(.intake-route-card--bundle, .intake-route-card--zip) {
    background: #ffffff !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-route-card::before, body:has(.app-rail-workspace--intake) .claim-intake-page .intake-upload-tile__chrome {
    width: 3px !important;
    background: #607689 !important;
    box-shadow: none !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-bundle-slots {
    gap: 8px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page label.upload-dropzone.intake-upload-tile, body:has(.app-rail-workspace--intake) .claim-intake-page label.upload-dropzone.intake-upload-tile--zip {
    min-height: 74px !important;
    height: 74px !important;
    gap: 8px !important;
    align-items: center !important;
    padding: 9px 12px 9px 14px !important;
    border: 1px solid rgb(16 32 51 / 0.11) !important;
    border-radius: 13px !important;
    background: #ffffff !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92) !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page label.upload-dropzone.intake-upload-tile:is(:hover, :focus-within, .is-dragover) {
    transform: none !important;
    border-color: rgb(55 167 176 / 0.34) !important;
    background: #f8fbfb !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.94) !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-upload-tile__icon {
    width: 28px !important;
    height: 28px !important;
    border-color: rgb(55 167 176 / 0.16) !important;
    background: #edf8f8 !important;
    color: #167782 !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-upload-tile__title {
    margin-top: 0 !important;
    font-size: 0.86rem !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-upload-tile__hint {
    margin-top: 1px !important;
    font-size: 0.72rem !important;
    line-height: 1.18 !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-upload-tile__chips {
    display: none !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-route-separator {
    min-width: 28px !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-route-separator span {
    width: 28px !important;
    height: 28px !important;
    margin: 0 6px !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-real-claim {
    padding: 8px !important;
    border-color: rgb(16 32 51 / 0.1) !important;
    background: #ffffff !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-real-option--live {
    padding: 8px 10px !important;
    border-color: rgb(16 32 51 / 0.1) !important;
    background: #ffffff !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-jobs__refresh {
    border-color: rgb(16 32 51 / 0.1) !important;
    background: #ffffff !important;
    color: #102033 !important;
  }
  body:has(.app-rail-workspace--intake) .claim-intake-page .intake-job-card, body:has(.app-rail-workspace--intake) .claim-intake-page .intake-next-step {
    border-color: rgb(16 32 51 / 0.1) !important;
    background: #ffffff !important;
    box-shadow: none !important;
  }
  @media (min-width: 64rem) {
    body:has(.app-rail-workspace--intake) .claim-intake-page .intake-route-grid {
      grid-template-columns: minmax(0, 1.38fr) auto minmax(14rem, 0.58fr) !important;
      align-items: start !important;
    }
    body:has(.app-rail-workspace--intake) .claim-intake-page .intake-route-separator {
      align-self: stretch !important;
    }
  }
}
@layer components {
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__controls {
    display: flex !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    max-width: min(44rem, 100%) !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 8px !important;
    overflow: visible !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search {
    order: 1 !important;
    display: flex !important;
    flex: 1 1 min(34rem, 100%) !important;
    min-width: min(18rem, 100%) !important;
    max-width: min(34rem, 100%) !important;
    width: auto !important;
    align-items: center !important;
    gap: 0 !important;
    overflow: visible !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__latest {
    order: 2 !important;
    height: 40px !important;
    min-height: 40px !important;
    padding-inline: 15px !important;
    border: 1px solid rgb(16 32 51 / 0.12) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    color: #102033 !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    box-shadow: 0 10px 20px rgb(16 32 51 / 0.05) !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__latest:hover {
    border-color: rgb(16 32 51 / 0.2) !important;
    background: #f7fafb !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__latest.is-active, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__latest[aria-pressed="true"] {
    border-color: rgb(16 32 51 / 0.34) !important;
    background: #102033 !important;
    color: #ffffff !important;
    box-shadow: 0 12px 22px rgb(16 32 51 / 0.16) !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-shell {
    position: relative !important;
    display: flex !important;
    flex: 1 1 auto !important;
    align-items: center !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;
    padding: 0 14px 0 38px !important;
    overflow: hidden !important;
    border: 1px solid rgb(16 32 51 / 0.12) !important;
    border-radius: 999px !important;
    background: #ffffff !important;
    box-shadow: 0 10px 20px rgb(16 32 51 / 0.05) !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-shell:focus-within {
    border-color: rgb(55 167 176 / 0.46) !important;
    box-shadow: 0 0 0 3px rgb(55 167 176 / 0.14), 0 10px 20px rgb(16 32 51 / 0.06) !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-icon {
    position: absolute !important;
    left: 14px !important;
    top: 50% !important;
    width: 14px !important;
    height: 14px !important;
    transform: translateY(-50%) !important;
    color: #66788c !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-input, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-input:focus {
    appearance: none !important;
    flex: 1 1 auto !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 100% !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    background: transparent !important;
    color: #102033 !important;
    box-shadow: none !important;
    font-size: 13px !important;
    font-weight: 760 !important;
    line-height: 1.2 !important;
    letter-spacing: 0 !important;
  }
  body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search-input::placeholder {
    color: #66788c !important;
    opacity: 1 !important;
  }
  @media (max-width: 980px) {
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__controls {
      flex-basis: 100% !important;
      max-width: 100% !important;
      flex-wrap: wrap !important;
      justify-content: stretch !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__search {
      flex: 1 1 100% !important;
      min-width: 100% !important;
      max-width: 100% !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__latest {
      flex: 0 0 auto !important;
    }
  }
}
.claim-party-secondary--assets.claim-party-secondary--assets {
  border-color: rgb(16 32 51 / 0.1) !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, #ffffff, #f7fbfa) !important;
  color: #102033 !important;
  box-shadow: 0 14px 34px rgb(16 32 51 / 0.07) !important;
}
.claim-party-secondary--assets .claim-party-secondary__header {
  min-height: 0 !important;
  border-bottom: 1px solid rgb(16 32 51 / 0.08) !important;
  background: linear-gradient(180deg, #ffffff, #f6fbfa) !important;
  padding: 15px 18px 14px !important;
}
.claim-party-secondary--assets .claim-party-secondary__eyebrow {
  color: #657684 !important;
}
.claim-party-secondary--assets .claim-party-secondary__title, .claim-party-secondary--assets :is(.claim-asset-card__title, .claim-asset-obligation__title, .claim-asset-card__detail strong, .claim-asset-card__source strong) {
  color: #102033 !important;
}
.claim-party-secondary--assets .claim-party-secondary__description, .claim-party-secondary--assets :is(.claim-asset-card__eyebrow, .claim-asset-card__detail span, .claim-asset-card__source span, .claim-asset-obligation__meta, .claim-asset-obligation__signal, .claim-asset-column__subtitle) {
  color: #657684 !important;
}
.claim-party-secondary--assets .claim-party-secondary__body--asset-map {
  gap: 11px !important;
  padding: 12px !important;
  background: #f7faf9 !important;
}
.claim-party-secondary--assets .claim-asset-summary-strip, .claim-party-secondary--assets .claim-asset-shell__columns, .claim-party-secondary--assets .claim-asset-shell--assets-empty .claim-asset-shell__columns {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 10px !important;
}
.claim-party-secondary--assets .claim-asset-summary-card {
  min-height: 74px !important;
  border: 1px solid rgb(16 185 129 / 0.18) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff, #f1faf6) !important;
  padding: 10px 12px 10px 15px !important;
  box-shadow: none !important;
}
.claim-party-secondary--assets .claim-asset-summary-card--obligations {
  border-color: rgb(244 63 94 / 0.2) !important;
  background: linear-gradient(180deg, #ffffff, #fff6f7) !important;
}
.claim-party-secondary--assets .claim-asset-summary-card::before {
  inset: 10px auto 10px 0 !important;
  width: 3px !important;
  border-radius: 999px !important;
  background: #17a673 !important;
}
.claim-party-secondary--assets .claim-asset-summary-card--obligations::before {
  background: #e24c68 !important;
}
.claim-party-secondary--assets .claim-asset-summary-card__value, .claim-party-secondary--assets .claim-asset-summary-card--assets .claim-asset-summary-card__value {
  margin-top: 6px !important;
  color: #08775b !important;
  font-size: clamp(22px, 2vw, 29px) !important;
}
.claim-party-secondary--assets .claim-asset-summary-card--obligations .claim-asset-summary-card__value {
  color: #b4233f !important;
}
.claim-party-secondary--assets .claim-asset-summary-card__label, .claim-party-secondary--assets .claim-asset-summary-card__meta {
  color: #657684 !important;
}
.claim-party-secondary--assets .claim-asset-column, .claim-party-secondary--assets .claim-asset-column--obligations, .claim-party-secondary--assets .claim-asset-shell--assets-empty .claim-asset-column--assets {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 9px !important;
  border: 1px solid rgb(16 185 129 / 0.18) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, #ffffff, #f2faf6) !important;
  padding: 11px !important;
  color: #102033 !important;
  box-shadow: none !important;
}
.claim-party-secondary--assets .claim-asset-column--obligations {
  border-color: rgb(244 63 94 / 0.2) !important;
  background: linear-gradient(180deg, #ffffff, #fff6f7) !important;
}
.claim-party-secondary--assets .claim-asset-column__header {
  display: flex !important;
  min-width: 0 !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 10px !important;
}
.claim-party-secondary--assets .claim-asset-column__title {
  color: #08775b !important;
  font-size: 15px !important;
  font-weight: 950 !important;
}
.claim-party-secondary--assets .claim-asset-column--obligations .claim-asset-column__title {
  color: #b4233f !important;
}
.claim-party-secondary--assets .claim-asset-column__count {
  display: inline-flex !important;
  min-height: 24px !important;
  align-items: center !important;
  border: 1px solid rgb(16 185 129 / 0.2) !important;
  border-radius: 999px !important;
  background: #eaf8f1 !important;
  color: #08775b !important;
  padding: 0 9px !important;
  font-size: 11px !important;
  font-weight: 900 !important;
  white-space: nowrap !important;
}
.claim-party-secondary--assets .claim-asset-column__count--obligations {
  border-color: rgb(244 63 94 / 0.2) !important;
  background: #fff0f3 !important;
  color: #b4233f !important;
}
.claim-party-secondary--assets .claim-asset-grid, .claim-party-secondary--assets .claim-asset-grid--assets, .claim-party-secondary--assets .claim-asset-grid--obligations, .claim-party-secondary--assets .claim-asset-shell--assets-empty .claim-asset-grid--assets, .claim-party-secondary--assets .claim-asset-shell--assets-empty .claim-asset-grid--obligations {
  display: grid !important;
  width: 100% !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 8px !important;
  margin-top: 0 !important;
}
.claim-party-secondary--assets .claim-asset-card {
  min-height: 0 !important;
  border: 1px solid rgb(16 185 129 / 0.16) !important;
  border-radius: 12px !important;
  background: linear-gradient(180deg, #ffffff, #fbfefd) !important;
  color: #102033 !important;
  padding: 9px 10px !important;
  box-shadow: inset 3px 0 0 rgb(16 185 129 / 0.55) !important;
}
.claim-party-secondary--assets .claim-asset-card--obligation {
  border-color: rgb(244 63 94 / 0.17) !important;
  background: linear-gradient(180deg, #ffffff, #fffafa) !important;
  box-shadow: inset 3px 0 0 rgb(244 63 94 / 0.5) !important;
}
.claim-party-secondary--assets .claim-asset-card__body {
  gap: 7px !important;
}
.claim-party-secondary--assets .claim-asset-card__header {
  grid-template-columns: 31px minmax(0, 1fr) !important;
  gap: 8px !important;
}
.claim-party-secondary--assets .claim-asset-card__mark {
  width: 31px !important;
  height: 31px !important;
  border-color: rgb(16 185 129 / 0.18) !important;
  border-radius: 10px !important;
  background: #eaf8f1 !important;
  color: #08775b !important;
  font-size: 9.5px !important;
}
.claim-party-secondary--assets .claim-asset-card__mark--obligation {
  border-color: rgb(244 63 94 / 0.18) !important;
  background: #fff0f3 !important;
  color: #b4233f !important;
}
.claim-party-secondary--assets :is(.claim-asset-card__title, .claim-asset-obligation__title) {
  font-size: 12.5px !important;
  line-height: 1.2 !important;
}
.claim-party-secondary--assets :is(.claim-asset-card__amount, .claim-asset-obligation__amount) {
  color: #08775b !important;
  font-size: 12px !important;
  line-height: 1.2 !important;
}
.claim-party-secondary--assets .claim-asset-card--obligation :is(.claim-asset-card__amount, .claim-asset-obligation__amount) {
  color: #b4233f !important;
}
.claim-party-secondary--assets .claim-asset-card__details, .claim-party-secondary--assets .claim-asset-card__details--compact {
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 0 !important;
  border-top: 1px solid rgb(16 32 51 / 0.07) !important;
  padding-top: 3px !important;
}
.claim-party-secondary--assets :is(.claim-asset-card__detail, .claim-asset-card__source) {
  display: flex !important;
  align-items: baseline !important;
  justify-content: space-between !important;
  gap: 8px !important;
  border: 0 !important;
  background: transparent !important;
  padding: 4px 0 !important;
  box-shadow: none !important;
}
.claim-party-secondary--assets :is(.claim-asset-card__detail strong, .claim-asset-card__source strong, .claim-asset-card__probability-head strong) {
  font-size: 11px !important;
  text-align: right !important;
}
.claim-party-secondary--assets .claim-asset-card__action {
  min-height: 24px !important;
  border-color: rgb(16 185 129 / 0.22) !important;
  background: #eaf8f1 !important;
  color: #08775b !important;
  padding: 0 9px !important;
  font-size: 10.5px !important;
}
.claim-party-secondary--assets .claim-asset-card--obligation .claim-asset-card__action {
  border-color: rgb(244 63 94 / 0.22) !important;
  background: #fff0f3 !important;
  color: #b4233f !important;
}
.claim-party-secondary--assets .claim-asset-card--empty {
  min-height: 44px !important;
  border-color: rgb(16 185 129 / 0.2) !important;
  border-radius: 12px !important;
  background: #f4fbf7 !important;
  color: #537064 !important;
  padding: 11px 12px !important;
  font-size: 12px !important;
  font-weight: 800 !important;
  box-shadow: none !important;
}
.claim-party-secondary--assets .claim-asset-column--obligations .claim-asset-card--empty {
  border-color: rgb(244 63 94 / 0.2) !important;
  background: #fff7f8 !important;
  color: #7f5560 !important;
}
@media (max-width: 980px) {
  .claim-party-secondary--assets .claim-asset-summary-strip, .claim-party-secondary--assets .claim-asset-shell__columns, .claim-party-secondary--assets .claim-asset-shell--assets-empty .claim-asset-shell__columns {
    grid-template-columns: minmax(0, 1fr) !important;
  }
}
@media (max-width: 1180px) {
  body:has(.app-rail-workspace) .app-shell::before {
    display: none !important;
  }
  body:has(.app-rail-workspace) .app-disclaimer-shell, body:has(.app-rail-workspace) .app-topbar {
    position: static !important;
    inset: auto !important;
    left: auto !important;
    right: auto !important;
    width: 100% !important;
    max-width: 100% !important;
  }
  body:has(.app-rail-workspace) .app-topbar {
    height: auto !important;
    min-height: 81px !important;
    overflow: visible !important;
  }
  body:has(.app-rail-workspace) .app-topbar__primary {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 14px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 81px !important;
    padding: 14px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__brand {
    display: flex !important;
    flex: 1 1 19rem !important;
    width: auto !important;
    min-width: min(100%, 17rem) !important;
    align-items: center !important;
    gap: 12px !important;
  }
  body:has(.app-rail-workspace) .app-brand-link {
    flex: 1 1 12rem !important;
    width: auto !important;
    max-width: 235px !important;
    height: auto !important;
  }
  body:has(.app-rail-workspace) .app-brand-logo {
    width: min(235px, 100%) !important;
    max-height: 64px !important;
  }
  body:has(.app-rail-workspace) .app-operator-badge {
    position: static !important;
    flex: 0 1 254px !important;
    width: min(254px, 100%) !important;
    max-width: min(254px, 100%) !important;
    min-height: 58px !important;
    padding: 8px 12px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__search {
    flex: 1 1 22rem !important;
    min-width: min(100%, 16rem) !important;
    max-width: none !important;
    order: 0 !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions {
    display: flex !important;
    flex: 0 1 auto !important;
    flex-wrap: wrap !important;
    justify-content: flex-start !important;
    justify-self: start !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    gap: 10px !important;
  }
  body:has(.app-rail-workspace) .app-topbar__actions :where(.btn-primary, .btn-muted, .btn-danger, .app-language-switcher__trigger), body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body:has(.app-rail-workspace) .local-db-badge {
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 12px !important;
  }
  body:has(.app-rail-workspace) #content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    padding: 20px 16px 48px !important;
  }
  body:has(.app-rail-workspace) :is(.app-rail-workspace, .dashboard-workspace) {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc) {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: none !important;
    box-sizing: border-box !important;
  }
  body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc) :is(.claim-scroll-toc__card, .app-left-rail-actions, .dashboard-left-rail-actions) {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc) nav {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
  }
}
@media (max-width: 1180px) {
  body:has(.dashboard-workspace) .app-disclaimer-shell, body:has(.dashboard-workspace) .local-db-badge {
    display: none !important;
  }
  body:has(.dashboard-workspace) .app-topbar {
    --app-brand-logo-width: 8.45rem !important;
    position: sticky !important;
    top: 0 !important;
    right: auto !important;
    left: auto !important;
    z-index: 80 !important;
    width: 100% !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 0 !important;
  }
  body:has(.dashboard-workspace) .app-topbar__primary {
    display: grid !important;
    grid-template-columns: minmax(8rem, 13.5rem) minmax(12rem, 1fr) max-content !important;
    grid-template-areas: "brand search actions" !important;
    align-items: center !important;
    gap: 0.8rem !important;
    height: 60px !important;
    min-height: 60px !important;
    padding: 0 1rem !important;
  }
  body:has(.dashboard-workspace) .app-topbar__brand {
    grid-area: brand !important;
    display: block !important;
    min-width: 0 !important;
    width: auto !important;
  }
  body:has(.dashboard-workspace) .app-brand-link {
    display: flex !important;
    width: 100% !important;
    max-width: none !important;
    height: auto !important;
    align-items: center !important;
  }
  body:has(.dashboard-workspace) .app-brand-logo {
    width: var(--app-brand-logo-width) !important;
    max-width: 100% !important;
    max-height: 44px !important;
  }
  body:has(.dashboard-workspace) .app-operator-badge {
    position: static !important;
    display: none !important;
  }
  body:has(.dashboard-workspace) .app-topbar__search {
    grid-area: search !important;
    min-width: 0 !important;
    width: 100% !important;
    max-width: none !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions {
    grid-area: actions !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-end !important;
    justify-self: end !important;
    gap: 0.55rem !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
    min-height: 34px !important;
    height: 34px !important;
    border-radius: 999px !important;
    padding: 0 0.72rem !important;
    font-size: 11px !important;
    line-height: 1 !important;
  }
  body:has(.dashboard-workspace) #content {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: 0 !important;
    padding: 1.25rem 1rem 2rem !important;
  }
  body:has(.dashboard-workspace) .dashboard-workspace {
    gap: 16px !important;
    overflow-x: visible !important;
  }
}
@media (max-width: 768px) {
  body:has(.dashboard-workspace) .app-topbar {
    height: auto !important;
    min-height: 86px !important;
  }
  body:has(.dashboard-workspace) .app-topbar__primary {
    grid-template-columns: 1fr auto !important;
    grid-template-areas: "brand actions" "search search" !important;
    height: auto !important;
    min-height: 86px !important;
    gap: 0.55rem !important;
    padding: 0.65rem 0.85rem !important;
  }
  body:has(.dashboard-workspace) .app-topbar__actions {
    flex-wrap: wrap !important;
  }
  body:has(.dashboard-workspace) #content {
    padding: 1rem 0.75rem 1.5rem !important;
  }
}
@media (max-width: 640px) {
  body:has(.dashboard-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger) span:not(.app-language-switcher__code):not(.app-language-switcher__icon) {
    display: none !important;
  }
}
@media (max-width: 1180px) {
  body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc) .claim-scroll-toc__card {
    padding: 16px !important;
  }
  body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc) nav {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(11rem, 100%), 1fr)) !important;
    gap: 8px !important;
    margin-top: 10px !important;
  }
  body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc) .claim-toc-link {
    width: 100% !important;
    min-height: 38px !important;
    margin: 0 !important;
  }
}
@media (min-width: 901px) and (max-width: 1180px) {
  body:has(.claim-details-view) .app-shell::before {
    display: block !important;
    width: 270px !important;
  }
  body:has(.claim-details-view) .app-disclaimer-shell {
    position: fixed !important;
    inset: 0 0 auto 270px !important;
    width: auto !important;
  }
  body:has(.claim-details-view) .app-topbar {
    position: fixed !important;
    top: 31px !important;
    right: 0 !important;
    left: 270px !important;
    width: auto !important;
    max-width: none !important;
  }
  body:has(.claim-details-view) #content {
    width: auto !important;
    max-width: calc(100vw - 270px) !important;
    margin-left: 270px !important;
    padding: 140px clamp(18px, 3vw, 36px) 64px !important;
  }
  body:has(.claim-details-view) .app-operator-badge {
    position: fixed !important;
    z-index: 75 !important;
    top: 38px !important;
    left: 18px !important;
    display: grid !important;
    width: 236px !important;
    max-width: 236px !important;
    min-width: 0 !important;
    min-height: 58px !important;
    margin: 0 !important;
  }
  body:has(.claim-details-view) .claim-details-section-toc, .claim-details-reference-main-grid > [data-claim-details-tab-frame] > .claim-scroll-toc.claim-details-section-toc {
    position: fixed !important;
    z-index: 40 !important;
    top: 126px !important;
    bottom: 18px !important;
    left: 18px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    float: none !important;
    width: 236px !important;
    max-width: 236px !important;
    height: auto !important;
    max-height: none !important;
    gap: 12px !important;
    margin: 0 !important;
    overflow-x: visible !important;
    overflow-y: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-width: thin !important;
    transform: none !important;
  }
  body:has(.claim-details-view) .claim-details-section-toc > *, .claim-details-reference-main-grid > [data-claim-details-tab-frame] > .claim-scroll-toc.claim-details-section-toc > * {
    flex: 0 0 auto !important;
  }
  body:has(.claim-details-view) .claim-details-section-toc .claim-scroll-toc__card, body:has(.claim-details-view) .claim-details-section-toc .claim-left-rail-actions, body:has(.claim-details-view) .claim-details-section-toc > .local-db-badge--rail {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  body:has(.claim-details-view) .claim-details-section-toc .claim-scroll-toc__card {
    display: block !important;
  }
  body:has(.claim-details-view) .claim-details-section-toc .claim-left-rail-actions, body:has(.claim-details-view) .claim-details-section-toc > .local-db-badge--rail {
    display: grid !important;
  }
  .claim-details-view .claim-scroll-toc-inline {
    display: none !important;
  }
}
@media (min-width: 901px) and (max-width: 1180px) and (max-height: 880px) {
  body:has(.claim-details-view) .claim-details-section-toc, .claim-details-reference-main-grid > [data-claim-details-tab-frame] > .claim-scroll-toc.claim-details-section-toc {
    top: 116px !important;
    bottom: 12px !important;
    gap: 8px !important;
  }
}
@layer components {
  @media (max-width: 44rem) {
    body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc), body:has(.claim-details-view) .claim-details-section-toc {
      gap: 0.36rem !important;
      margin-block: 0.42rem 0.58rem !important;
    }
    body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) .claim-scroll-toc__card, body:has(.claim-details-view) .claim-details-section-toc .claim-scroll-toc__card {
      border-radius: 14px !important;
      padding: 0.5rem !important;
    }
    body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) .claim-scroll-toc__section-label, body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) .profile-left-rail-actions__label, body:has(.claim-details-view) .claim-left-rail-actions .profile-left-rail-actions__label {
      margin: 0 0 0.32rem !important;
      padding: 0 !important;
      border: 0 !important;
      font-size: 0.58rem !important;
      line-height: 1 !important;
      letter-spacing: 0.08em !important;
    }
    body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) .claim-toc-link, body:has(.claim-details-view) .claim-details-section-toc .claim-toc-link {
      min-height: 1.88rem !important;
      padding: 0.34rem 0.54rem !important;
      border-radius: 999px !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
    }
    body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions), body:has(.claim-details-view) .claim-left-rail-actions {
      gap: 0.35rem !important;
      border-radius: 14px !important;
      padding: 0.5rem !important;
    }
    body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) .profile-left-rail-actions__grid, body:has(.claim-details-view) .claim-left-rail-actions .profile-left-rail-actions__grid {
      grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
      gap: 0.3rem !important;
      margin-top: 0 !important;
    }
    body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher), body:has(.claim-details-view) .claim-left-rail-actions :is(.profile-left-rail-action, .shared-note-trigger, .shared-note-trigger--loading, .shared-note-launcher) {
      display: grid !important;
      grid-column: auto !important;
      grid-template-columns: 1fr !important;
      grid-template-rows: 1.2rem auto !important;
      width: 100% !important;
      min-height: 2.25rem !important;
      align-items: center !important;
      justify-items: center !important;
      justify-content: center !important;
      gap: 0.12rem !important;
      border-radius: 11px !important;
      padding: 0.3rem 0.18rem !important;
      font-size: 0.62rem !important;
      font-weight: 850 !important;
      line-height: 1.05 !important;
      text-align: center !important;
    }
    body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) :is(.profile-left-rail-action--wide, .profile-left-rail-actions__note), body:has(.claim-details-view) .claim-left-rail-actions :is(.profile-left-rail-action--wide, .profile-left-rail-actions__note) {
      grid-column: auto !important;
      min-height: 2.25rem !important;
      width: 100% !important;
    }
    body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) :is(.profile-left-rail-action__icon, .shared-note-trigger__icon, .shared-note-launcher__icon), body:has(.claim-details-view) .claim-left-rail-actions :is(.profile-left-rail-action__icon, .shared-note-trigger__icon, .shared-note-launcher__icon) {
      width: 1.15rem !important;
      height: 1.15rem !important;
      border-radius: 0.42rem !important;
    }
    body:has(.app-rail-workspace) :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions) :is(.profile-left-rail-action span:last-child, .shared-note-trigger__label, .shared-note-launcher__label), body:has(.claim-details-view) .claim-left-rail-actions :is(.profile-left-rail-action span:last-child, .shared-note-trigger__label, .shared-note-launcher__label) {
      display: block !important;
      max-width: 100% !important;
      min-width: 0 !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) > .local-db-badge--rail, body:has(.claim-details-view) .claim-details-section-toc > .local-db-badge--rail {
      min-height: 1.85rem !important;
      border-radius: 999px !important;
      padding: 0.34rem 0.68rem !important;
      font-size: 0.64rem !important;
      line-height: 1 !important;
    }
    body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) > .local-db-badge--rail .local-db-badge__label, body:has(.claim-details-view) .claim-details-section-toc > .local-db-badge--rail .local-db-badge__label {
      display: none !important;
    }
    body:has(.app-rail-workspace) :is(.app-section-toc, .dashboard-section-toc, .profile-section-toc, .portal-section-toc) > .local-db-badge--rail .local-db-badge__name, body:has(.claim-details-view) .claim-details-section-toc > .local-db-badge--rail .local-db-badge__name {
      display: block !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-command {
      border-radius: 16px !important;
      padding: 0.7rem !important;
    }
    body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.42rem !important;
      padding: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-panel__header {
      grid-column: 1 / -1 !important;
      padding: 0 0.08rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-panel__title {
      font-size: 1.02rem !important;
      line-height: 1.05 !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-card {
      position: relative !important;
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-rows: auto auto auto !important;
      min-height: 4.35rem !important;
      align-content: center !important;
      gap: 0.16rem !important;
      border-radius: 12px !important;
      padding: 0.5rem 0.52rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-card > :not(.dashboard-kpi-card__icon) {
      grid-column: 1 / -1 !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-card__icon {
      position: absolute !important;
      top: 0.42rem !important;
      right: 0.42rem !important;
      width: 1.18rem !important;
      height: 1.18rem !important;
      border-radius: 0.45rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-card__label {
      padding-right: 1.38rem !important;
      font-size: 0.62rem !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-card__value {
      font-size: 1.34rem !important;
      line-height: 0.95 !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-card__unit, body:has(.dashboard-workspace) .dashboard-kpi-card__meta {
      font-size: 0.62rem !important;
      line-height: 1.05 !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-card__debt-ratio, body:has(.dashboard-workspace) .dashboard-kpi-card__progress {
      display: none !important;
    }
  }
}
@layer components {
  @media (max-width: 44rem) {
    body:has(.dashboard-workspace) .app-topbar, body:has(.claim-details-view) .app-topbar {
      --app-brand-logo-width: 9.35rem !important;
      position: fixed !important;
      z-index: 1300 !important;
      top: 0 !important;
      right: 0 !important;
      left: 0 !important;
      width: 100vw !important;
      max-width: 100vw !important;
      min-height: 0 !important;
      height: auto !important;
      border-radius: 0 0 18px 18px !important;
      background: radial-gradient(18rem 8rem at 5% -3rem, rgb(57 202 199 / 0.16), transparent 70%), linear-gradient(135deg, #102033, #172636 58%, #2a3038) !important;
      box-shadow: 0 18px 34px rgb(16 32 51 / 0.18) !important;
    }
    body:has(.dashboard-workspace) .app-topbar__primary, body:has(.claim-details-view) .app-topbar__primary {
      display: grid !important;
      grid-template-columns: 2.42rem minmax(0, 1fr) auto !important;
      grid-template-areas: "rail brand actions" "search search search" !important;
      align-items: center !important;
      min-height: 0 !important;
      height: auto !important;
      gap: 0.48rem !important;
      padding: calc(0.52rem + env(safe-area-inset-top, 0px)) 0.62rem 0.62rem !important;
    }
    body:has(.dashboard-workspace) .app-mobile-rail-trigger, body:has(.claim-details-view) .app-mobile-rail-trigger {
      grid-area: rail !important;
      display: inline-grid !important;
      width: 2.34rem !important;
      height: 2.34rem !important;
      min-width: 2.34rem !important;
      min-height: 2.34rem !important;
      place-items: center !important;
      border: 1px solid rgb(255 255 255 / 0.14) !important;
      border-radius: 14px !important;
      background: rgb(255 255 255 / 0.1) !important;
      color: rgb(248 251 255) !important;
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08) !important;
    }
    body:has(.dashboard-workspace) .app-mobile-rail-trigger[hidden], body:has(.claim-details-view) .app-mobile-rail-trigger[hidden], body:not(.app-mobile-rail-enhanced) .app-mobile-rail-trigger {
      display: none !important;
    }
    body:has(.dashboard-workspace) .app-mobile-rail-trigger__icon, body:has(.claim-details-view) .app-mobile-rail-trigger__icon {
      width: 1.05rem !important;
      height: 1.05rem !important;
    }
    body:has(.dashboard-workspace) .app-topbar__brand, body:has(.claim-details-view) .app-topbar__brand {
      grid-area: brand !important;
      min-width: 0 !important;
      width: auto !important;
    }
    body:has(.dashboard-workspace) .app-brand-link, body:has(.claim-details-view) .app-brand-link {
      display: flex !important;
      width: auto !important;
      max-width: 9.35rem !important;
      min-width: 0 !important;
      height: auto !important;
      min-height: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    body:has(.dashboard-workspace) .app-brand-logo, body:has(.claim-details-view) .app-brand-logo {
      width: min(9.35rem, 100%) !important;
      max-width: 100% !important;
      max-height: 2.2rem !important;
      transform: none !important;
    }
    body:has(.dashboard-workspace) .app-topbar__search, body:has(.claim-details-view) .app-topbar__search {
      grid-area: search !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }
    body:has(.dashboard-workspace) .app-search-shell, body:has(.claim-details-view) .app-search-shell, body:has(.dashboard-workspace) .app-search-input, body:has(.claim-details-view) .app-search-input {
      height: 2.18rem !important;
      min-height: 2.18rem !important;
    }
    body:has(.dashboard-workspace) .app-topbar__actions, body:has(.claim-details-view) .app-topbar__actions {
      grid-area: actions !important;
      display: flex !important;
      flex-wrap: nowrap !important;
      justify-content: flex-end !important;
      justify-self: end !important;
      gap: 0.32rem !important;
      width: auto !important;
      min-width: 0 !important;
      overflow: visible !important;
    }
    body:has(.dashboard-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.claim-details-view) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger, body:has(.claim-details-view) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
      display: inline-grid !important;
      width: 2.32rem !important;
      min-width: 2.32rem !important;
      max-width: 2.32rem !important;
      height: 2.32rem !important;
      min-height: 2.32rem !important;
      place-items: center !important;
      border-radius: 14px !important;
      padding: 0 !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
    }
    body:has(.dashboard-workspace) .app-topbar__actions :is(.app-topbar-action__icon, .app-language-switcher__icon, .app-language-switcher__chevron), body:has(.claim-details-view) .app-topbar__actions :is(.app-topbar-action__icon, .app-language-switcher__icon, .app-language-switcher__chevron) {
      display: block !important;
      width: 1rem !important;
      height: 1rem !important;
      flex: 0 0 auto !important;
    }
    body:has(.dashboard-workspace) #content, body:has(.claim-details-view) #content {
      padding-top: calc(var(--app-mobile-topbar-height, 5.4rem) + 0.72rem) !important;
    }
    body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc) {
      position: fixed !important;
      z-index: 1400 !important;
      top: calc(var(--app-mobile-topbar-bottom, 5rem) + 0.5rem) !important;
      right: 0.64rem !important;
      left: 0.64rem !important;
      bottom: auto !important;
      display: grid !important;
      width: auto !important;
      max-width: none !important;
      max-height: min(62dvh, 33rem) !important;
      gap: 0.5rem !important;
      margin: 0 !important;
      overflow-y: auto !important;
      overscroll-behavior: contain !important;
      border: 1px solid rgb(16 32 51 / 0.12) !important;
      border-radius: 20px !important;
      padding: 0.58rem !important;
      background: radial-gradient(24rem 16rem at 4% 0%, rgb(55 167 176 / 0.14), transparent 66%), linear-gradient(180deg, rgb(255 255 255 / 0.97), rgb(246 250 250 / 0.94)), #ffffff !important;
      box-shadow: 0 30px 80px -42px rgb(6 13 21 / 0.62), inset 0 1px 0 rgb(255 255 255 / 0.88) !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      transform: translateY(-0.45rem) scale(0.985) !important;
      transform-origin: top center !important;
      transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s !important;
    }
    body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc):not([data-mobile-rail-panel]) {
      display: none !important;
    }
    body.app-mobile-rail-open :is(.dashboard-section-toc, .claim-details-section-toc)[data-mobile-rail-panel] {
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
      transform: translateY(0) scale(1) !important;
      transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s !important;
    }
    body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc) .claim-scroll-toc__card, body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc) :is(.profile-left-rail-actions, .dashboard-left-rail-actions, .claim-left-rail-actions, .app-left-rail-actions), body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc) > .local-db-badge--rail {
      width: 100% !important;
      max-width: 100% !important;
      border-radius: 15px !important;
      padding: 0.58rem !important;
      box-shadow: none !important;
    }
    body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc) nav {
      display: flex !important;
      grid-auto-flow: initial !important;
      grid-auto-columns: initial !important;
      flex-wrap: wrap !important;
      gap: 0.32rem !important;
      width: 100% !important;
      margin-top: 0.38rem !important;
      overflow: visible !important;
      padding: 0 !important;
    }
    body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc) .claim-toc-link {
      flex: 1 1 max(7.25rem, calc(50% - 0.32rem)) !important;
      width: auto !important;
      min-height: 1.86rem !important;
      justify-content: center !important;
      border-radius: 999px !important;
      padding: 0.36rem 0.54rem !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
      text-align: center !important;
      white-space: normal !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] {
      gap: 0.38rem !important;
      border-radius: 14px !important;
      padding: 0.56rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > :is(.claims-table__cell--parties, .claims-table__cell--assignee, .claims-table__cell--amounts, .claims-table__cell--row-action) {
      display: none !important;
      width: 0 !important;
      max-width: 0 !important;
      height: 0 !important;
      min-height: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      overflow: hidden !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-head {
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas: "identity" "parties" "money" !important;
      gap: 0.4rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-mobile-assignee {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-parties, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.32rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item {
      border-radius: 10px !important;
      padding: 0.38rem 0.46rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party__name, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__value {
      font-size: 0.78rem !important;
      line-height: 1.08 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__cell--operation {
      border-top: 1px solid rgb(16 32 51 / 0.07) !important;
      padding-top: 0.4rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack {
      flex-direction: row !important;
      flex-wrap: wrap !important;
      gap: 0.28rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-chip, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-fallback {
      width: auto !important;
      min-height: 1.68rem !important;
      border-radius: 999px !important;
      padding: 0.28rem 0.46rem !important;
      font-size: 0.68rem !important;
      line-height: 1.05 !important;
    }
  }
}
@layer components {
  @media (min-width: 44.001rem) and (max-width: 62rem) {
    body:has(.dashboard-workspace) .app-topbar, body:has(.claim-details-view) .app-topbar {
      position: fixed !important;
      z-index: 1300 !important;
      top: 0 !important;
      right: 0 !important;
      left: 0 !important;
      width: 100vw !important;
      max-width: 100vw !important;
      min-height: 0 !important;
      height: auto !important;
    }
    body:has(.dashboard-workspace) .app-topbar__primary, body:has(.claim-details-view) .app-topbar__primary {
      display: grid !important;
      grid-template-columns: 2.42rem minmax(12rem, 1fr) auto !important;
      grid-template-areas: "rail brand actions" "search search search" !important;
      align-items: center !important;
      gap: 0.48rem !important;
      padding: 0.56rem 0.66rem 0.62rem !important;
      min-height: 0 !important;
      height: auto !important;
    }
    body:has(.dashboard-workspace) .app-mobile-rail-trigger, body:has(.claim-details-view) .app-mobile-rail-trigger {
      display: grid !important;
      grid-area: rail !important;
      width: 2.34rem !important;
      height: 2.34rem !important;
      place-items: center !important;
    }
    body:has(.dashboard-workspace) .app-mobile-rail-trigger [data-mobile-rail-toggle-label], body:has(.claim-details-view) .app-mobile-rail-trigger [data-mobile-rail-toggle-label] {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .app-mobile-rail-trigger[hidden], body:has(.claim-details-view) .app-mobile-rail-trigger[hidden], body:not(.app-mobile-rail-enhanced) .app-mobile-rail-trigger {
      display: none !important;
    }
    body:has(.dashboard-workspace) .app-topbar__brand, body:has(.claim-details-view) .app-topbar__brand {
      grid-area: brand !important;
      display: flex !important;
      width: auto !important;
      min-width: 0 !important;
      height: 2.5rem !important;
      min-height: 0 !important;
      max-height: 2.5rem !important;
      align-items: center !important;
      align-self: center !important;
      gap: 0.45rem !important;
    }
    body:has(.dashboard-workspace) .app-brand-link, body:has(.claim-details-view) .app-brand-link {
      display: flex !important;
      flex: 0 1 10.8rem !important;
      width: auto !important;
      max-width: 10.8rem !important;
      min-width: 0 !important;
      height: 2.5rem !important;
      min-height: 0 !important;
      max-height: 2.5rem !important;
      align-items: center !important;
      align-self: center !important;
    }
    body:has(.dashboard-workspace) .app-brand-logo, body:has(.claim-details-view) .app-brand-logo {
      width: min(10.8rem, 100%) !important;
      max-width: 100% !important;
      max-height: 2.5rem !important;
    }
    body:has(.dashboard-workspace) .app-operator-badge, body:has(.claim-details-view) .app-operator-badge {
      display: none !important;
    }
    body:has(.dashboard-workspace) .app-topbar__search, body:has(.claim-details-view) .app-topbar__search {
      grid-area: search !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }
    body:has(.dashboard-workspace) .app-search-shell, body:has(.claim-details-view) .app-search-shell, body:has(.dashboard-workspace) .app-search-input, body:has(.claim-details-view) .app-search-input {
      min-height: 2.25rem !important;
      height: 2.25rem !important;
    }
    body:has(.dashboard-workspace) .app-search-input, body:has(.claim-details-view) .app-search-input {
      font-size: 0.84rem !important;
      line-height: 1.1 !important;
    }
    body:has(.dashboard-workspace) .app-topbar__actions, body:has(.claim-details-view) .app-topbar__actions {
      grid-area: actions !important;
      display: flex !important;
      flex-wrap: nowrap !important;
      justify-content: end !important;
      align-items: center !important;
      gap: 0.3rem !important;
      width: auto !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow: visible !important;
    }
    body:has(.dashboard-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.claim-details-view) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger, body:has(.claim-details-view) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
      display: inline-grid !important;
      width: 2.32rem !important;
      height: 2.32rem !important;
      min-width: 2.32rem !important;
      min-height: 2.32rem !important;
      place-items: center !important;
      border-radius: 13px !important;
      padding: 0 !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
    }
    body:has(.dashboard-workspace) .app-topbar__actions .app-topbar-action__icon, body:has(.claim-details-view) .app-topbar__actions .app-topbar-action__icon {
      display: block !important;
      width: 1.02rem !important;
      height: 1.02rem !important;
      flex: 0 0 auto !important;
    }
    body:has(.dashboard-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger) > span:not(.app-topbar-action__icon), body:has(.claim-details-view) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger) > span:not(.app-topbar-action__icon), body:has(.dashboard-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger) span:not(.app-language-switcher__code):not(.app-language-switcher__icon), body:has(.claim-details-view) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger) span:not(.app-language-switcher__code):not(.app-language-switcher__icon) {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) #content, body:has(.claim-details-view) #content {
      padding-top: calc(var(--app-mobile-topbar-height, 5.4rem) + 0.72rem) !important;
    }
    body:has(#claimDetailsTabFrame) .claim-details-view .claim-details-hero {
      margin-top: 0.75rem !important;
    }
    body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc) {
      position: fixed !important;
      z-index: 1800 !important;
      top: calc(var(--app-mobile-topbar-bottom, 5rem) + 0.5rem) !important;
      right: auto !important;
      left: 1rem !important;
      display: grid !important;
      width: min(24rem, calc(100vw - 2rem)) !important;
      max-height: min(68dvh, 34rem) !important;
      margin: 0 !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      transform: translateY(-0.45rem) scale(0.985) !important;
    }
    body.app-mobile-rail-open :is(.dashboard-section-toc, .claim-details-section-toc)[data-mobile-rail-panel] {
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
      transform: translateY(0) scale(1) !important;
    }
    body:has(.app-rail-workspace) .app-topbar {
      position: fixed !important;
      z-index: 1300 !important;
      top: 0 !important;
      right: 0 !important;
      left: 0 !important;
      width: 100vw !important;
      max-width: 100vw !important;
      min-height: 0 !important;
      height: auto !important;
    }
    body:has(.app-rail-workspace) .app-topbar__primary {
      display: grid !important;
      grid-template-columns: 2.42rem minmax(12rem, 1fr) auto !important;
      grid-template-areas: "rail brand actions" "search search search" !important;
      align-items: center !important;
      gap: 0.48rem !important;
      padding: 0.56rem 0.66rem 0.62rem !important;
      min-height: 0 !important;
      height: auto !important;
    }
    body:has(.app-rail-workspace) .app-mobile-rail-trigger {
      display: grid !important;
      grid-area: rail !important;
      width: 2.34rem !important;
      height: 2.34rem !important;
      place-items: center !important;
    }
    body:has(.app-rail-workspace) .app-mobile-rail-trigger[hidden], body:not(.app-mobile-rail-enhanced) .app-mobile-rail-trigger {
      display: none !important;
    }
    body:has(.app-rail-workspace) .app-mobile-rail-trigger [data-mobile-rail-toggle-label] {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
    }
    body:has(.app-rail-workspace) .app-topbar__brand {
      grid-area: brand !important;
      display: flex !important;
      width: auto !important;
      min-width: 0 !important;
      height: 2.5rem !important;
      min-height: 0 !important;
      max-height: 2.5rem !important;
      align-items: center !important;
      align-self: center !important;
      gap: 0.45rem !important;
    }
    body:has(.app-rail-workspace) .app-brand-link {
      display: flex !important;
      flex: 0 1 10.8rem !important;
      width: auto !important;
      max-width: 10.8rem !important;
      min-width: 0 !important;
      height: 2.5rem !important;
      min-height: 0 !important;
      max-height: 2.5rem !important;
      align-items: center !important;
      align-self: center !important;
    }
    body:has(.app-rail-workspace) .app-brand-logo {
      width: min(10.8rem, 100%) !important;
      max-width: 100% !important;
      max-height: 2.5rem !important;
    }
    body:has(.app-rail-workspace) .app-operator-badge {
      display: none !important;
    }
    body:has(.app-rail-workspace) .app-topbar__search {
      grid-area: search !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }
    body:has(.app-rail-workspace) .app-search-shell, body:has(.app-rail-workspace) .app-search-input {
      min-height: 2.25rem !important;
      height: 2.25rem !important;
    }
    body:has(.app-rail-workspace) .app-search-input {
      font-size: 0.84rem !important;
      line-height: 1.1 !important;
    }
    body:has(.app-rail-workspace) .app-topbar__actions {
      grid-area: actions !important;
      display: flex !important;
      flex-wrap: nowrap !important;
      justify-content: end !important;
      align-items: center !important;
      gap: 0.3rem !important;
      width: auto !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow: visible !important;
    }
    body:has(.app-rail-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
      display: inline-grid !important;
      width: 2.32rem !important;
      height: 2.32rem !important;
      min-width: 2.32rem !important;
      min-height: 2.32rem !important;
      place-items: center !important;
      border-radius: 13px !important;
      padding: 0 !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
    }
    body:has(.app-rail-workspace) .app-topbar__actions .app-topbar-action__icon {
      display: block !important;
      width: 1.02rem !important;
      height: 1.02rem !important;
      flex: 0 0 auto !important;
    }
    body:has(.app-rail-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger) > span:not(.app-topbar-action__icon), body:has(.app-rail-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger) span:not(.app-language-switcher__code):not(.app-language-switcher__icon) {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
    }
    body:has(.app-rail-workspace) #content {
      padding-top: calc(var(--app-mobile-topbar-height, 5.4rem) + 0.72rem) !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc {
      position: fixed !important;
      z-index: 1800 !important;
      top: calc(var(--app-mobile-topbar-bottom, 5rem) + 0.5rem) !important;
      right: auto !important;
      left: 1rem !important;
      display: grid !important;
      width: min(24rem, calc(100vw - 2rem)) !important;
      max-height: min(68dvh, 34rem) !important;
      margin: 0 !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      transform: translateY(-0.45rem) scale(0.985) !important;
    }
    body.app-mobile-rail-open aside.claim-scroll-toc.claim-scroll-toc--with-toc[data-mobile-rail-panel] {
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
      transform: translateY(0) scale(1) !important;
    }
    .app-mobile-rail-backdrop.app-mobile-rail-backdrop {
      z-index: 1500 !important;
      background: linear-gradient(180deg, rgb(6 14 22 / 0.24), rgb(6 14 22 / 0.1)) !important;
      backdrop-filter: none !important;
    }
  }
  @media (max-width: 44rem) {
    body:has(.dashboard-workspace) .app-topbar, body:has(.claim-details-view) .app-topbar {
      position: fixed !important;
      z-index: 1300 !important;
      top: 0 !important;
      right: 0 !important;
      left: 0 !important;
      width: 100vw !important;
      max-width: 100vw !important;
      min-height: 0 !important;
      height: auto !important;
    }
    body:has(.dashboard-workspace) .app-topbar__primary, body:has(.claim-details-view) .app-topbar__primary {
      display: grid !important;
      grid-template-columns: 2.42rem minmax(0, 1fr) auto !important;
      grid-template-areas: "rail brand actions" "search search search" !important;
      min-height: 0 !important;
      height: auto !important;
    }
    body:has(.dashboard-workspace) #content, body:has(.claim-details-view) #content {
      padding-top: calc(var(--app-mobile-topbar-height, 5.4rem) + 0.72rem) !important;
    }
    body:has(#claimDetailsTabFrame) .claim-details-view .claim-details-hero {
      margin-top: 0.75rem !important;
    }
    body.app-mobile-rail-enhanced :is(.dashboard-section-toc, .claim-details-section-toc) {
      position: fixed !important;
      z-index: 1400 !important;
      top: calc(var(--app-mobile-topbar-bottom, 5rem) + 0.5rem) !important;
      right: 0.64rem !important;
      left: 0.64rem !important;
      display: grid !important;
      max-height: min(62dvh, 33rem) !important;
      margin: 0 !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      transform: translateY(-0.45rem) scale(0.985) !important;
    }
    body.app-mobile-rail-open :is(.dashboard-section-toc, .claim-details-section-toc)[data-mobile-rail-panel] {
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
      transform: translateY(0) scale(1) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > :is(.claims-table__cell--parties, .claims-table__cell--assignee, .claims-table__cell--amounts, .claims-table__cell--row-action) {
      display: none !important;
      width: 0 !important;
      max-width: 0 !important;
      height: 0 !important;
      min-height: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      overflow: hidden !important;
    }
    body:has(.claim-details-view) .claim-reference-main-summary .claim-reference-main-summary__metrics.claim-reference-main-summary__metrics, body:has(.claim-details-view) .claim-party-summary.claim-party-summary, body:has(.claim-details-view) .claim-party-kpi-grid.claim-party-kpi-grid, body:has(.claim-details-view) .claim-workload-kpis.claim-workload-kpis, body:has(.claim-details-view) .claim-communications-summary-strip.claim-communications-summary-strip, body:has(.claim-details-view) .claim-disclosure-summary-strip.claim-disclosure-summary-strip, body:has(.claim-details-view) .claim-asset-summary-strip.claim-asset-summary-strip {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.5rem !important;
      width: 100% !important;
      max-width: 100% !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc {
      z-index: 1800 !important;
      filter: none !important;
      backdrop-filter: none !important;
    }
    .app-mobile-rail-backdrop.app-mobile-rail-backdrop {
      z-index: 1500 !important;
      background: linear-gradient(180deg, rgb(6 14 22 / 0.24), rgb(6 14 22 / 0.1)) !important;
      backdrop-filter: none !important;
    }
    body:has(.dashboard-workspace) .app-language-switcher__trigger .app-language-switcher__current, body:has(.claim-details-view) .app-language-switcher__trigger .app-language-switcher__current, body:has(.dashboard-workspace) .app-language-switcher__trigger .app-language-switcher__code, body:has(.claim-details-view) .app-language-switcher__trigger .app-language-switcher__code {
      position: static !important;
      display: block !important;
      width: auto !important;
      height: auto !important;
      overflow: visible !important;
      clip: auto !important;
      color: currentColor !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .app-language-switcher__trigger :is(.app-language-switcher__icon, .app-language-switcher__chevron), body:has(.claim-details-view) .app-language-switcher__trigger :is(.app-language-switcher__icon, .app-language-switcher__chevron) {
      display: none !important;
    }
    body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger .app-language-switcher__current, body:has(.claim-details-view) .app-topbar__actions .app-language-switcher__trigger .app-language-switcher__current, body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger .app-language-switcher__current, body:has(.dashboard-workspace) .app-topbar__actions .app-language-switcher__trigger .app-language-switcher__code, body:has(.claim-details-view) .app-topbar__actions .app-language-switcher__trigger .app-language-switcher__code, body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger .app-language-switcher__code {
      position: static !important;
      display: block !important;
      width: auto !important;
      height: auto !important;
      overflow: visible !important;
      clip: auto !important;
      color: currentColor !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }
    body:has(.app-rail-workspace) .app-language-switcher__trigger :is(.app-language-switcher__icon, .app-language-switcher__chevron) {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__stats {
      display: grid !important;
      grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
      gap: 0.34rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__stats > button {
      min-height: 2.24rem !important;
      border-radius: 999px !important;
      padding: 0.36rem 0.46rem !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__list, body:has(.dashboard-workspace) .dashboard-attention__list:has(.dashboard-attention-item--more) {
      display: grid !important;
      grid-auto-flow: row !important;
      grid-auto-columns: initial !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 0.42rem !important;
      width: 100% !important;
      overflow: visible !important;
      padding: 0 !important;
      scroll-snap-type: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item {
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
      min-height: 4.15rem !important;
      grid-template-columns: 2rem minmax(0, 1fr) auto !important;
      gap: 0.48rem !important;
      border-radius: 12px !important;
      padding: 0.5rem !important;
      scroll-snap-align: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item__top strong {
      font-size: 0.8rem !important;
      line-height: 1.08 !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item__meta, body:has(.dashboard-workspace) .dashboard-attention-item__time {
      gap: 0.24rem !important;
      font-size: 0.64rem !important;
      line-height: 1.08 !important;
    }
    body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-label, body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-chip {
      font-size: 0.76rem !important;
      line-height: 1.1 !important;
    }
    body:has(.dashboard-workspace) .claims-table--dashboard .claims-action-chip {
      min-height: 1.86rem !important;
      padding: 0.34rem 0.5rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item--total[data-mobile-redundant="1"] {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money:has(.claims-card-mobile-money__item--total[data-mobile-redundant="1"]) {
      grid-template-columns: minmax(0, 1fr) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack > .claims-action-chip:nth-of-type(n+2), body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack > .claims-action-more {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-mobile-more {
      display: block !important;
      color: var(--dashboard-ref-muted) !important;
      font-size: 0.72rem !important;
      font-weight: 850 !important;
      line-height: 1.05 !important;
    }
    body:has(.claim-details-view) .claim-reference-main-summary .claim-reference-main-summary__metrics.claim-reference-main-summary__metrics {
      gap: 0.44rem !important;
    }
    body:has(.claim-details-view) .claim-reference-main-summary__metrics article {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      min-height: 5.15rem !important;
      align-content: start !important;
      gap: 0.22rem !important;
      padding: 0.5rem !important;
    }
    body:has(.claim-details-view) .claim-reference-main-summary__icon {
      display: none !important;
    }
    body:has(.claim-details-view) .claim-reference-main-summary__metrics article span {
      font-size: 0.58rem !important;
      line-height: 1.02 !important;
      letter-spacing: 0.06em !important;
    }
    body:has(.claim-details-view) .claim-reference-main-summary__metrics article strong {
      font-size: 1rem !important;
      line-height: 1.02 !important;
      overflow-wrap: anywhere !important;
    }
    body:has(.claim-details-view) .claim-reference-main-summary__metrics article small {
      font-size: 0.6rem !important;
      line-height: 1.12 !important;
      overflow-wrap: anywhere !important;
    }
  }
}
@layer components {
  @media (max-width: 44rem) {
    body:has(.dashboard-workspace) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted > .app-language-switcher__current.app-language-switcher__current, body:has(.claim-details-view) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted > .app-language-switcher__current.app-language-switcher__current, body:has(.app-rail-workspace) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted > .app-language-switcher__current.app-language-switcher__current {
      position: static !important;
      display: inline-flex !important;
      width: auto !important;
      height: auto !important;
      min-width: 0 !important;
      align-items: center !important;
      justify-content: center !important;
      overflow: visible !important;
      clip: auto !important;
      clip-path: none !important;
      color: currentColor !important;
      line-height: 1 !important;
      text-overflow: clip !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted .app-language-switcher__code.app-language-switcher__code, body:has(.claim-details-view) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted .app-language-switcher__code.app-language-switcher__code, body:has(.app-rail-workspace) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted .app-language-switcher__code.app-language-switcher__code {
      position: static !important;
      display: inline-flex !important;
      width: auto !important;
      min-width: 1.9rem !important;
      height: 1.16rem !important;
      align-items: center !important;
      justify-content: center !important;
      overflow: visible !important;
      clip: auto !important;
      clip-path: none !important;
      border-radius: 999px !important;
      padding-inline: 0.38rem !important;
      background: rgb(255 255 255 / 0.18) !important;
      color: currentColor !important;
      font-size: 0.7rem !important;
      font-weight: 850 !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted .app-language-switcher__name, body:has(.claim-details-view) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted .app-language-switcher__name, body:has(.app-rail-workspace) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted .app-language-switcher__name {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention {
      grid-auto-flow: row !important;
      grid-auto-rows: auto !important;
      row-gap: 0.62rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__header {
      grid-row: 1 !important;
      position: relative !important;
      z-index: 2 !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__stats {
      grid-row: 2 !important;
      position: relative !important;
      z-index: 1 !important;
      margin-top: 0 !important;
      overflow: visible !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__preview {
      grid-row: 3 !important;
      margin-top: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__list {
      grid-row: 4 !important;
      margin-top: 0.18rem !important;
    }
  }
}
@layer components {
  @media (min-width: 44.001rem) and (max-width: 62rem) {
    body:has(.dashboard-workspace) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted > .app-language-switcher__current.app-language-switcher__current, body:has(.claim-details-view) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted > .app-language-switcher__current.app-language-switcher__current, body:has(.app-rail-workspace) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted > .app-language-switcher__current.app-language-switcher__current {
      position: static !important;
      display: inline-flex !important;
      width: auto !important;
      height: auto !important;
      min-width: 0 !important;
      align-items: center !important;
      justify-content: center !important;
      overflow: visible !important;
      clip: auto !important;
      clip-path: none !important;
      color: currentColor !important;
      line-height: 1 !important;
      text-overflow: clip !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted .app-language-switcher__code.app-language-switcher__code, body:has(.claim-details-view) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted .app-language-switcher__code.app-language-switcher__code, body:has(.app-rail-workspace) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted .app-language-switcher__code.app-language-switcher__code {
      position: static !important;
      display: inline-flex !important;
      width: auto !important;
      min-width: 2rem !important;
      height: 1.24rem !important;
      align-items: center !important;
      justify-content: center !important;
      overflow: visible !important;
      clip: auto !important;
      clip-path: none !important;
      border-radius: 999px !important;
      padding-inline: 0.42rem !important;
      background: rgb(255 255 255 / 0.18) !important;
      color: currentColor !important;
      font-size: 0.72rem !important;
      font-weight: 850 !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted .app-language-switcher__name, body:has(.claim-details-view) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted .app-language-switcher__name, body:has(.app-rail-workspace) .app-topbar .app-topbar__actions .app-language-switcher.app-language-switcher > summary.app-language-switcher__trigger.btn-muted .app-language-switcher__name {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention {
      grid-auto-flow: row !important;
      grid-auto-rows: auto !important;
      row-gap: 0.72rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__header {
      grid-area: auto !important;
      grid-row: 1 !important;
      position: relative !important;
      z-index: 2 !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__stats {
      grid-area: auto !important;
      grid-row: 2 !important;
      grid-column: 1 / -1 !important;
      position: relative !important;
      z-index: 1 !important;
      margin-top: 0 !important;
      overflow: visible !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__preview {
      grid-area: auto !important;
      grid-row: 3 !important;
      margin-top: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__list {
      grid-area: auto !important;
      grid-row: 4 !important;
      margin-top: 0.18rem !important;
    }
  }
}
@layer components {
  @media (min-width: 44.001rem) and (max-width: 62rem) {
    .app-mobile-rail-trigger {
      grid-area: rail !important;
      display: inline-grid !important;
      width: 2.36rem !important;
      height: 2.36rem !important;
      min-width: 2.36rem !important;
      min-height: 2.36rem !important;
      place-items: center !important;
      border: 1px solid rgb(255 255 255 / 0.16) !important;
      border-radius: 13px !important;
      background: linear-gradient(180deg, rgb(255 255 255 / 0.12), rgb(255 255 255 / 0.06)), rgb(10 23 36 / 0.86) !important;
      color: #ffffff !important;
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 10px 24px rgb(5 12 20 / 0.16) !important;
    }
    .app-mobile-rail-trigger[hidden], body:not(.app-mobile-rail-enhanced) .app-mobile-rail-trigger {
      display: none !important;
    }
    .app-mobile-rail-trigger__icon {
      width: 1.05rem !important;
      height: 1.05rem !important;
    }
    .app-mobile-rail-trigger [data-mobile-rail-toggle-label] {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc {
      position: fixed !important;
      z-index: 1800 !important;
      top: calc(var(--app-mobile-topbar-bottom, 5rem) + 0.5rem) !important;
      right: auto !important;
      left: 1rem !important;
      bottom: auto !important;
      display: grid !important;
      width: min(24rem, calc(100vw - 2rem)) !important;
      max-width: none !important;
      max-height: min(68dvh, 34rem) !important;
      gap: 0.5rem !important;
      margin: 0 !important;
      overflow-y: auto !important;
      overscroll-behavior: contain !important;
      border: 1px solid rgb(16 32 51 / 0.12) !important;
      border-radius: 20px !important;
      padding: 0.58rem !important;
      background: radial-gradient(24rem 16rem at 4% 0%, rgb(55 167 176 / 0.14), transparent 66%), linear-gradient(180deg, rgb(255 255 255 / 0.97), rgb(246 250 250 / 0.94)), #ffffff !important;
      box-shadow: 0 30px 80px -42px rgb(6 13 21 / 0.62), inset 0 1px 0 rgb(255 255 255 / 0.88) !important;
      opacity: 0 !important;
      visibility: hidden !important;
      pointer-events: none !important;
      transform: translateY(-0.45rem) scale(0.985) !important;
      transform-origin: top left !important;
      transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s linear 0.18s !important;
      filter: none !important;
      backdrop-filter: none !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc:not([data-mobile-rail-panel]) {
      display: none !important;
    }
    body.app-mobile-rail-open aside.claim-scroll-toc.claim-scroll-toc--with-toc[data-mobile-rail-panel] {
      opacity: 1 !important;
      visibility: visible !important;
      pointer-events: auto !important;
      transform: translateY(0) scale(1) !important;
      transition: opacity 0.18s ease, transform 0.18s ease, visibility 0s !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc .app-mobile-rail-panel__head {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 0.62rem !important;
      min-height: 2.15rem !important;
      border-bottom: 1px solid rgb(16 32 51 / 0.08) !important;
      padding: 0 0.08rem 0.5rem !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc .app-mobile-rail-panel__title {
      min-width: 0 !important;
      color: #102033 !important;
      font-size: 0.78rem !important;
      font-weight: 920 !important;
      letter-spacing: 0 !important;
      line-height: 1.05 !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc .app-mobile-rail-panel__close {
      display: inline-grid !important;
      flex: 0 0 auto !important;
      width: 2rem !important;
      height: 2rem !important;
      place-items: center !important;
      border: 1px solid rgb(16 32 51 / 0.1) !important;
      border-radius: 999px !important;
      background: rgb(255 255 255 / 0.8) !important;
      color: #102033 !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc .app-mobile-rail-panel__close svg {
      width: 1rem !important;
      height: 1rem !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc .claim-scroll-toc__card, body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc :is(.app-left-rail-actions, .dashboard-left-rail-actions, .profile-left-rail-actions, .claim-left-rail-actions, .portal-left-rail-actions, .portal-internal-left-rail-actions), body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc > .local-db-badge--rail {
      width: 100% !important;
      max-width: 100% !important;
      border-radius: 15px !important;
      padding: 0.58rem !important;
      box-shadow: none !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc nav {
      display: flex !important;
      flex-wrap: wrap !important;
      gap: 0.32rem !important;
      margin-top: 0.38rem !important;
      padding: 0 !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc .claim-toc-link {
      width: auto !important;
      min-height: 1.86rem !important;
      flex: 1 1 max(7.25rem, calc(50% - 0.32rem)) !important;
      justify-content: center !important;
      border-radius: 999px !important;
      padding: 0.36rem 0.54rem !important;
      font-size: 0.72rem !important;
      line-height: 1.05 !important;
      text-align: center !important;
    }
    .app-mobile-rail-backdrop.app-mobile-rail-backdrop {
      z-index: 1500 !important;
      background: linear-gradient(180deg, rgb(6 14 22 / 0.24), rgb(6 14 22 / 0.1)) !important;
      backdrop-filter: none !important;
    }
  }
}
@layer components {
  @media (max-width: 44rem) {
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] {
      gap: 0.36rem !important;
      min-height: 0 !important;
      border-radius: 14px !important;
      padding: 0.54rem 0.56rem 0.58rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-head {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas: "identity" "parties" "money" !important;
      gap: 0.36rem !important;
      padding: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-identity {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      grid-template-areas: "ref state" "date state" !important;
      align-items: start !important;
      gap: 0.12rem 0.5rem !important;
      min-width: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__claim-ref {
      grid-area: ref !important;
      min-width: 0 !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
      font-size: 1.02rem !important;
      line-height: 1.05 !important;
      letter-spacing: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__claim-date {
      grid-area: date !important;
      margin-top: 0 !important;
      font-size: 0.75rem !important;
      line-height: 1.05 !important;
      letter-spacing: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__state-chip {
      grid-area: state !important;
      align-self: start !important;
      justify-self: end !important;
      margin: 0 !important;
      min-height: 1.36rem !important;
      border-radius: 999px !important;
      padding: 0.22rem 0.52rem !important;
      font-size: 0.68rem !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-mobile-assignee {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-parties {
      grid-area: parties !important;
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.34rem !important;
      min-width: 0 !important;
      padding: 0 !important;
      border: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 0.12rem !important;
      min-width: 0 !important;
      min-height: 2.28rem !important;
      border: 1px solid rgb(16 32 51 / 0.07) !important;
      border-radius: 11px !important;
      padding: 0.3rem 0.42rem !important;
      background: rgb(255 255 255 / 0.74) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party + .claims-card-mobile-party {
      border-top: 1px solid rgb(16 32 51 / 0.07) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party__label, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__label {
      overflow: hidden !important;
      color: #40546b !important;
      font-size: 0.55rem !important;
      font-weight: 880 !important;
      letter-spacing: 0.02em !important;
      line-height: 1 !important;
      text-overflow: ellipsis !important;
      text-transform: uppercase !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party__name {
      display: block !important;
      min-width: 0 !important;
      overflow: hidden !important;
      color: #102033 !important;
      font-size: 0.76rem !important;
      font-weight: 850 !important;
      line-height: 1.02 !important;
      text-decoration: none !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money {
      grid-area: money !important;
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 0.3rem !important;
      min-width: 0 !important;
      width: 100% !important;
      max-width: 100% !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item {
      display: flex !important;
      align-items: center !important;
      justify-content: space-between !important;
      gap: 0.5rem !important;
      min-height: 1.95rem !important;
      min-width: 0 !important;
      border: 1px solid var(--claim-row-accent, oklch(0.540 0.073 236)) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border: 1px solid color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 14%, var(--color-border)) !important;
      }
      border-radius: 11px !important;
      padding: 0.34rem 0.52rem !important;
      background: rgb(255 255 255 / 0.8) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__value {
      min-width: 0 !important;
      overflow: hidden !important;
      color: #1d4b69 !important;
      font-size: 0.82rem !important;
      font-weight: 880 !important;
      line-height: 1 !important;
      text-align: right !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > .claims-table__cell--operation {
      display: grid !important;
      grid-template-columns: auto minmax(0, 1fr) !important;
      align-items: center !important;
      gap: 0.44rem !important;
      border-top: 1px solid rgb(16 32 51 / 0.07) !important;
      padding-top: 0.36rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > .claims-table__cell--operation::before {
      content: attr(data-mobile-label) !important;
      color: #40546b !important;
      font-size: 0.68rem !important;
      font-weight: 900 !important;
      line-height: 1 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-operation-cell, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-operation-main {
      min-width: 0 !important;
      width: 100% !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack {
      display: flex !important;
      flex-direction: row !important;
      flex-wrap: wrap !important;
      align-items: center !important;
      gap: 0.34rem !important;
      width: 100% !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-chip, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-fallback {
      width: auto !important;
      min-width: 0 !important;
      max-width: 100% !important;
      min-height: 1.78rem !important;
      border-radius: 999px !important;
      padding: 0.34rem 0.52rem !important;
      font-size: 0.78rem !important;
      line-height: 1 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-label {
      min-width: 0 !important;
      overflow: hidden !important;
      font-size: 0.78rem !important;
      font-weight: 860 !important;
      line-height: 1 !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-mobile-more {
      display: inline-flex !important;
      align-items: center !important;
      min-height: 1.78rem !important;
      border-radius: 999px !important;
      padding: 0.34rem 0.48rem !important;
      background: rgb(255 255 255 / 0.68) !important;
      color: #40546b !important;
      font-size: 0.74rem !important;
      font-weight: 880 !important;
      line-height: 1 !important;
      white-space: nowrap !important;
    }
  }
}
@layer components {
  @media (max-width: 44rem) {
    body .app-topbar {
      --app-brand-logo-width: 10.25rem !important;
    }
    body:has(.dashboard-workspace) .app-topbar__primary, body:has(.claim-details-view) .app-topbar__primary {
      grid-template-columns: 2.38rem minmax(0, 1fr) auto !important;
      column-gap: 0.54rem !important;
    }
    body .app-topbar .app-topbar__actions .app-topbar-action--logs.app-topbar-action--logs {
      display: none !important;
      width: 0 !important;
      min-width: 0 !important;
      max-width: 0 !important;
      height: 0 !important;
      min-height: 0 !important;
      overflow: hidden !important;
      border: 0 !important;
      padding: 0 !important;
    }
    body .app-topbar .app-topbar__brand {
      justify-self: center !important;
      width: min(10.25rem, 100%) !important;
    }
    body .app-topbar .app-brand-link {
      justify-content: center !important;
      max-width: 10.25rem !important;
    }
    body .app-topbar .app-brand-logo {
      width: min(10.25rem, 100%) !important;
      max-height: 2.34rem !important;
    }
    body .app-mobile-rail-trigger [data-mobile-rail-toggle-label] {
      display: none !important;
    }
    body.app-mobile-rail-enhanced aside.dashboard-section-toc.claim-scroll-toc.claim-scroll-toc--with-toc, body.app-mobile-rail-enhanced aside.claim-details-section-toc.claim-scroll-toc.claim-scroll-toc--with-toc {
      right: auto !important;
      left: max(0.9rem, env(safe-area-inset-left, 0px)) !important;
      width: min(21rem, calc(100vw - 1.8rem)) !important;
      max-width: calc(100vw - 1.8rem) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.32rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money:has(.claims-card-mobile-money__item--total[data-mobile-redundant="1"]) {
      grid-template-columns: minmax(0, 1fr) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item--total[data-mobile-redundant="1"] {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item {
      min-height: 1.82rem !important;
      padding: 0.3rem 0.42rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__value {
      font-size: 0.76rem !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal {
      padding-top: 6.42rem !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal .notification-problem-modal__panel {
      max-height: calc(100dvh - 7rem) !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal .notification-problem-modal__header {
      min-height: 0 !important;
      padding: 0.86rem 0.9rem 0.78rem !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal .notification-problem-modal__title {
      max-width: calc(100% - 3.1rem) !important;
      font-size: 1.34rem !important;
      line-height: 1.01 !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal .notification-problem-modal__meta {
      gap: 0.28rem !important;
      margin-top: 0.38rem !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal .notification-problem-modal__meta > span {
      min-height: 1.35rem !important;
      padding: 0.22rem 0.42rem !important;
      font-size: 0.66rem !important;
      line-height: 1 !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal :where(.notification-problem-modal__body, .notification-problem-modal__form) {
      background: linear-gradient(180deg, rgb(246 250 250 / 0.98), rgb(236 243 244 / 0.98)) !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal :where( .notification-modal-summary, .notification-work-context, .notification-action-brief, .notification-decision-brief, .notification-file-strip, .notification-technical-log, .email-draft-review, .email-draft-review__card, .email-draft-review__draft, .email-draft-review__plan, .notification-problem-modal__notice, .notification-problem-modal__reason, .notification-problem-modal__advanced, .notification-problem-modal__link-card, .notification-problem-modal__field ) {
      border-color: rgb(16 32 51 / 0.1) !important;
      color: #102033 !important;
      background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(248 251 251 / 0.92)) !important;
      box-shadow: 0 12px 30px rgb(16 32 51 / 0.07) !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal :where( .notification-modal-summary, .notification-work-context, .notification-action-brief, .notification-decision-brief, .notification-file-strip, .notification-technical-log, .email-draft-review, .email-draft-review__card, .email-draft-review__draft, .email-draft-review__plan ) :where(h1, h2, h3, h4, strong, p, span, dt, dd, li, label) {
      color: inherit !important;
      text-shadow: none !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal :where( .notification-modal-summary, .notification-work-context, .notification-action-brief, .notification-decision-brief, .notification-file-strip, .notification-technical-log, .email-draft-review, .email-draft-review__card, .email-draft-review__draft, .email-draft-review__plan ) :where(.notification-work-context__label, .notification-action-brief__label, .notification-decision-brief__label, .notification-problem-modal__eyebrow) {
      color: #178e86 !important;
      letter-spacing: 0.04em !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal .notification-work-context.notification-work-context :where( .notification-work-context__head, .notification-work-context__intro, .notification-work-context__facts, .notification-work-context__facts > div, h4, dt, dd ), :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal .notification-action-brief.notification-action-brief :where( .notification-action-brief__head, .notification-action-brief__summary, .notification-action-brief__body, .notification-action-brief__type, .notification-action-brief__decision-head, strong, p, span, li ) {
      color: #102033 !important;
      text-shadow: none !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal .notification-work-context.notification-work-context .notification-work-context__eyebrow, :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal .notification-action-brief.notification-action-brief :where(.notification-action-brief__eyebrow, .notification-action-brief__label) {
      color: #178e86 !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal :where( .notification-modal-summary__head, .notification-modal-summary__facts > div, .notification-modal-summary__options, .notification-decision-brief__main, .notification-decision-brief__options, .rounded-md.border, .rounded-lg.border ) {
      border-color: rgb(16 32 51 / 0.1) !important;
      color: #102033 !important;
      background: rgb(255 255 255 / 0.72) !important;
      text-shadow: none !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal :where(.notification-problem-modal__body, .notification-problem-modal__form) :where(*:not(button):not(button *):not(svg):not(path)) {
      color: #102033 !important;
      text-shadow: none !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal :where(.notification-problem-modal__body, .notification-problem-modal__form) :where( .notification-work-context__eyebrow, .notification-modal-summary__eyebrow, .notification-decision-brief__eyebrow, .notification-action-brief__eyebrow ) {
      color: #178e86 !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal .notification-problem-modal__body .rounded-md.border :where(*:not(svg):not(path)), :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal .notification-problem-modal__body .rounded-lg.border :where(*:not(svg):not(path)) {
      color: #102033 !important;
      text-shadow: none !important;
    }
    :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal .notification-problem-modal__body .rounded-md.border.rounded-md.border, :is( .notification-problem-modal--new-action, .notification-problem-modal--worker-action, .notification-problem-modal--action-detail, .notification-problem-modal--problem-object ).notification-problem-modal .notification-problem-modal__body .rounded-lg.border.rounded-lg.border {
      border-color: rgb(16 32 51 / 0.1) !important;
      color: #102033 !important;
      background: rgb(255 255 255 / 0.82) !important;
      box-shadow: 0 8px 20px rgb(16 32 51 / 0.055) !important;
    }
  }
}
@layer components {
  .claim-asset-modal-overlay--kpr.claim-asset-modal-overlay--kpr {
    position: fixed !important;
    inset: 0 !important;
    z-index: 10000 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: hidden !important;
    padding: clamp(14px, 2.2vw, 28px) !important;
  }
  .claim-asset-modal-overlay--kpr.claim-asset-modal-overlay--kpr.hidden {
    display: none !important;
  }
  .claim-asset-modal-overlay--kpr.claim-asset-modal-overlay--kpr .claim-asset-modal--kpr {
    display: flex !important;
    width: min(72rem, calc(100vw - 32px)) !important;
    max-width: min(72rem, calc(100vw - 32px)) !important;
    max-height: min(86vh, calc(100dvh - 32px)) !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }
  .claim-asset-modal-overlay--kpr.claim-asset-modal-overlay--kpr .claim-asset-modal--kpr .claim-asset-modal__body {
    display: flex !important;
    flex-direction: column !important;
    min-height: 0 !important;
    overflow: auto !important;
  }
  .claim-asset-modal-overlay--kpr.claim-asset-modal-overlay--kpr .kpr-queue-section {
    display: flex !important;
    min-height: 0 !important;
    max-height: min(44vh, 28rem) !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
  }
  .claim-asset-modal-overlay--kpr.claim-asset-modal-overlay--kpr .kpr-queue-table-wrap {
    min-height: 0 !important;
    max-height: min(38vh, 24rem) !important;
    overflow: auto !important;
    overscroll-behavior: contain !important;
    scrollbar-gutter: stable both-edges !important;
  }
  .claim-asset-modal-overlay--kpr.claim-asset-modal-overlay--kpr .kpr-queue-table th {
    top: 0 !important;
  }
  @media (max-width: 44rem) {
    .claim-asset-modal-overlay--kpr.claim-asset-modal-overlay--kpr {
      align-items: center !important;
      justify-content: center !important;
      padding: 0.75rem !important;
    }
    .claim-asset-modal-overlay--kpr.claim-asset-modal-overlay--kpr .claim-asset-modal--kpr {
      width: calc(100vw - 1.5rem) !important;
      max-width: calc(100vw - 1.5rem) !important;
      max-height: calc(100dvh - 1.5rem) !important;
      border-radius: 18px !important;
    }
  }
}
@layer components {
  .claim-details-view .arrest-card {
    --arrest-detail-accent: var(--arrest-section-accent, #16818a);
    @supports (color: color-mix(in lab, red, red)) {
      --arrest-detail-accent: color-mix(in oklab, var(--arrest-section-accent, #16818a) 76%, #102033);
    }
  }
  .claim-details-view .arrest-details.arrest-details {
    position: relative !important;
    margin: 7px 12px 10px !important;
    overflow: hidden !important;
    border: 1px solid rgb(16 32 51 / 0.09) !important;
    border-radius: 10px !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(247 251 250 / 0.82)), #ffffff !important;
    box-shadow: inset 3px 0 0 var(--arrest-detail-accent), inset 0 1px 0 rgb(255 255 255 / 0.78) !important;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 3px 0 0 color-mix(in oklab, var(--arrest-detail-accent) 72%, transparent), inset 0 1px 0 rgb(255 255 255 / 0.78) !important;
    }
  }
  .claim-details-view .arrest-details__summary.arrest-details__summary {
    display: flex !important;
    min-height: 34px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    cursor: pointer !important;
    border-bottom: 1px solid transparent !important;
    background: linear-gradient(90deg, var(--arrest-detail-accent), transparent 48%), rgb(245 250 249 / 0.78) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--arrest-detail-accent) 8%, transparent), transparent 48%), rgb(245 250 249 / 0.78) !important;
    }
    color: color-mix(in oklab, #102033 78%, #61717d) !important;
    font-size: 11.5px !important;
    font-weight: 850 !important;
    letter-spacing: 0 !important;
    line-height: 1.15 !important;
    padding: 0 12px 0 14px !important;
    text-transform: none !important;
  }
  .claim-details-view .arrest-details[open] .arrest-details__summary.arrest-details__summary {
    border-bottom-color: rgb(16 32 51 / 0.08) !important;
    background: linear-gradient(90deg, var(--arrest-detail-accent), transparent 48%), rgb(241 248 247 / 0.9) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--arrest-detail-accent) 11%, transparent), transparent 48%), rgb(241 248 247 / 0.9) !important;
    }
    color: #102033 !important;
  }
  .claim-details-view .arrest-details__summary.arrest-details__summary::after {
    width: 7px !important;
    height: 7px !important;
    border-color: currentColor !important;
    opacity: 0.62 !important;
    transform: rotate(45deg) translateY(-2px) !important;
    transition: transform 0.16s ease, opacity 0.16s ease !important;
  }
  .claim-details-view .arrest-details[open] .arrest-details__summary.arrest-details__summary::after {
    opacity: 0.88 !important;
    transform: rotate(225deg) translateY(-2px) !important;
  }
  .claim-details-view .arrest-details.arrest-details > :not(summary) {
    display: block !important;
    max-height: min(18rem, 42vh) !important;
    margin: 0 !important;
    overflow: auto !important;
    padding: 0 !important;
    color: #5d6f7b !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
  }
  .claim-details-view .arrest-details.arrest-details > .kpr-pension-details {
    max-height: none !important;
    overflow: visible !important;
  }
  .claim-details-view .arrest-display-section:has(.arrest-details[open] > .kpr-pension-details) {
    max-height: none !important;
  }
  .claim-details-view .arrest-display-section:has(.arrest-details[open] > .kpr-pension-details) > .arrest-list--targets {
    max-height: none !important;
    overflow: visible !important;
  }
  .claim-details-view .arrest-targets-panel .arrest-card--kpr-pension > .arrest-card__header {
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: start !important;
  }
  .claim-details-view .arrest-targets-panel .arrest-card--kpr-pension .kpr-pension-header-stack {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .claim-details-view .arrest-targets-panel .arrest-card--kpr-pension .arrest-card__identity {
    width: 100% !important;
    min-width: 0 !important;
  }
  .claim-details-view .arrest-targets-panel .arrest-card--kpr-pension .arrest-card__badges {
    display: flex !important;
    width: 100% !important;
    min-width: 0 !important;
  }
  .claim-details-view .arrest-targets-panel .arrest-card--kpr-pension .arrest-card__badges > .font-medium {
    flex: 0 1 auto !important;
    width: auto !important;
    min-width: min(100%, 14rem) !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
  }
  .claim-details-view .arrest-targets-panel .arrest-card--kpr-pension .arrest-card__signal {
    grid-column: 1 !important;
    justify-content: flex-start !important;
  }
  .claim-details-view .arrest-targets-panel .arrest-card--kpr-pension .arrest-actions {
    grid-column: 1 !important;
    justify-content: flex-start !important;
  }
  .claim-details-view .arrest-details.arrest-details > :not(summary) + :not(summary) {
    border-top: 1px solid rgb(16 32 51 / 0.08) !important;
  }
  .claim-details-view .arrest-details.arrest-details > div:not(:has(.arrest-target-list)):not(.arrest-pension-detail) {
    padding: 10px 14px !important;
  }
  .claim-details-view .arrest-details.arrest-details :is(.mt-1, .mt-2, .mt-3) {
    margin-top: 0 !important;
  }
  .claim-details-view .arrest-details .arrest-target-list.arrest-target-list {
    display: block !important;
    margin: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }
  .claim-details-view .arrest-details .arrest-target-row.arrest-target-row {
    display: block !important;
    min-width: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    padding: 10px 14px !important;
  }
  .claim-details-view .arrest-details .arrest-target-row.arrest-target-row + .arrest-target-row.arrest-target-row {
    border-top: 1px solid rgb(16 32 51 / 0.075) !important;
  }
  .claim-details-view .arrest-details .arrest-target-row > .flex {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 10px !important;
  }
  .claim-details-view .arrest-details .arrest-target-row .font-medium {
    color: #102033 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 1.2 !important;
  }
  .claim-details-view .arrest-details .arrest-target-row .text-xs, .claim-details-view .arrest-details .arrest-target-row .text-\[11px\] {
    color: #61717d !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  .claim-details-view .arrest-details .arrest-target-row :where(.badge, .claim-action-button), .claim-details-view .arrest-details :where(.badge, .claim-action-button) {
    min-height: 25px !important;
    max-width: 100% !important;
    border-radius: 999px !important;
    padding: 0 9px !important;
    font-size: 10.5px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    box-shadow: none !important;
  }
  .claim-details-view .arrest-details .arrest-actions.arrest-actions {
    display: flex !important;
    flex-wrap: wrap !important;
    justify-content: flex-end !important;
    gap: 6px !important;
    margin: 0 !important;
  }
  .claim-details-view .arrest-details .arrest-target-empty.arrest-target-empty {
    margin: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(90deg, var(--arrest-detail-accent), transparent 42%), rgb(255 255 255 / 0.3) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--arrest-detail-accent) 6%, transparent), transparent 42%), rgb(255 255 255 / 0.3) !important;
    }
    color: #61717d !important;
    font-size: 12px !important;
    line-height: 1.42 !important;
    padding: 13px 14px !important;
  }
  .claim-details-view .arrest-details .arrest-detail-tile.arrest-detail-tile {
    border-color: rgb(16 32 51 / 0.08) !important;
    border-radius: 9px !important;
    background: rgb(255 255 255 / 0.72) !important;
    padding: 9px 10px !important;
    box-shadow: none !important;
  }
  .claim-details-view .arrest-details .arrest-detail-tile dt {
    color: #61717d !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }
  .claim-details-view .arrest-details .arrest-detail-tile dd {
    color: #102033 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
  }
  .claim-details-view .arrest-details .arrest-pension-detail.arrest-pension-detail {
    max-height: none !important;
    overflow: visible !important;
    padding: 0 !important;
    background: linear-gradient(90deg, var(--arrest-detail-accent), transparent 36%), rgb(255 255 255 / 0.3) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, color-mix(in oklab, var(--arrest-detail-accent) 5%, transparent), transparent 36%), rgb(255 255 255 / 0.3) !important;
    }
  }
  .claim-details-view .arrest-details .arrest-pension-detail__facts {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 0 !important;
  }
  .claim-details-view .arrest-details .arrest-pension-detail__fact {
    min-width: 0 !important;
    border-right: 1px solid rgb(16 32 51 / 0.075) !important;
    padding: 12px 14px !important;
  }
  .claim-details-view .arrest-details .arrest-pension-detail__fact:last-child {
    border-right: 0 !important;
  }
  .claim-details-view .arrest-details .arrest-pension-detail__label {
    color: #61717d !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 1.1 !important;
  }
  .claim-details-view .arrest-details .arrest-pension-detail__value {
    margin-top: 5px !important;
    color: #102033 !important;
    font-size: 12.5px !important;
    font-weight: 850 !important;
    line-height: 1.22 !important;
  }
  .claim-details-view .arrest-details .arrest-pension-detail__footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 10px !important;
    border-top: 1px solid rgb(16 32 51 / 0.075) !important;
    background: rgb(247 251 250 / 0.78) !important;
    padding: 10px 14px !important;
  }
  .claim-details-view .arrest-details .arrest-pension-detail__source {
    min-width: 0 !important;
    color: #61717d !important;
    font-size: 11px !important;
    line-height: 1.35 !important;
  }
  @media (max-width: 44rem) {
    .claim-details-view .arrest-details.arrest-details {
      margin-inline: 8px !important;
    }
    .claim-details-view .arrest-details .arrest-target-row > .flex, .claim-details-view .arrest-details .arrest-pension-detail__facts {
      grid-template-columns: 1fr !important;
    }
    .claim-details-view .arrest-details .arrest-actions.arrest-actions {
      justify-content: flex-start !important;
    }
    .claim-details-view .arrest-details .arrest-pension-detail__fact {
      border-right: 0 !important;
      border-bottom: 1px solid rgb(16 32 51 / 0.075) !important;
      padding: 10px 12px !important;
    }
    .claim-details-view .arrest-details .arrest-pension-detail__fact:last-child {
      border-bottom: 0 !important;
    }
    .claim-details-view .arrest-details .arrest-pension-detail__footer {
      align-items: flex-start !important;
      padding: 10px 12px !important;
    }
  }
}
@layer components {
  @media (max-width: 62rem) {
    body:has(.app-rail-workspace) .app-disclaimer-shell {
      display: none !important;
    }
    body:has(.app-rail-workspace) .app-topbar {
      --app-brand-logo-width: 9.35rem !important;
      position: fixed !important;
      z-index: 1300 !important;
      top: 0 !important;
      right: 0 !important;
      left: 0 !important;
      width: 100vw !important;
      max-width: 100vw !important;
      min-height: 0 !important;
      height: auto !important;
      margin: 0 !important;
      overflow: visible !important;
      border: 0 !important;
      border-radius: 0 0 18px 18px !important;
      background: radial-gradient(18rem 8rem at 5% -3rem, rgb(57 202 199 / 0.16), transparent 70%), linear-gradient(135deg, #102033, #172636 58%, #2a3038) !important;
      color: rgb(248 251 255) !important;
      box-shadow: 0 18px 34px rgb(16 32 51 / 0.18) !important;
    }
    body:has(.app-rail-workspace) .app-topbar::before, body:has(.app-rail-workspace) .app-topbar::after {
      content: none !important;
      display: none !important;
    }
    body:has(.app-rail-workspace) .app-topbar__primary {
      display: grid !important;
      grid-template-columns: 2.42rem minmax(0, 1fr) auto !important;
      grid-template-areas: "rail brand actions" "search search search" !important;
      align-items: center !important;
      min-height: 0 !important;
      height: auto !important;
      gap: 0.48rem !important;
      padding: calc(0.52rem + env(safe-area-inset-top, 0px)) 0.62rem 0.62rem !important;
    }
    body:has(.app-rail-workspace) .app-mobile-rail-trigger {
      grid-area: rail !important;
      display: inline-grid !important;
      width: 2.34rem !important;
      height: 2.34rem !important;
      min-width: 2.34rem !important;
      min-height: 2.34rem !important;
      place-items: center !important;
      border: 1px solid rgb(255 255 255 / 0.14) !important;
      border-radius: 14px !important;
      background: rgb(255 255 255 / 0.1) !important;
      color: rgb(248 251 255) !important;
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08) !important;
    }
    body:has(.app-rail-workspace) .app-mobile-rail-trigger[hidden], body:not(.app-mobile-rail-enhanced) .app-mobile-rail-trigger {
      display: none !important;
    }
    body:has(.app-rail-workspace) .app-mobile-rail-trigger__icon {
      width: 1.05rem !important;
      height: 1.05rem !important;
    }
    body:has(.app-rail-workspace) .app-topbar__brand {
      grid-area: brand !important;
      display: flex !important;
      width: auto !important;
      min-width: 0 !important;
      height: auto !important;
      min-height: 0 !important;
      max-height: 2.5rem !important;
      align-items: center !important;
    }
    body:has(.app-rail-workspace) .app-brand-link {
      display: flex !important;
      width: auto !important;
      max-width: 9.35rem !important;
      min-width: 0 !important;
      height: auto !important;
      min-height: 0 !important;
      padding: 0 !important;
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    body:has(.app-rail-workspace) .app-brand-logo {
      width: min(9.35rem, 100%) !important;
      max-width: 100% !important;
      max-height: 2.2rem !important;
      object-fit: contain !important;
      transform: none !important;
      filter: drop-shadow(0 10px 16px rgb(0 0 0 / 0.28)) !important;
    }
    body:has(.app-rail-workspace) .app-topbar__search {
      grid-area: search !important;
      width: 100% !important;
      min-width: 0 !important;
      max-width: 100% !important;
    }
    body:has(.app-rail-workspace) .app-search-shell, body:has(.app-rail-workspace) .app-search-input {
      height: 2.18rem !important;
      min-height: 2.18rem !important;
    }
    body:has(.app-rail-workspace) .app-search-shell {
      border: 0 !important;
      background: transparent !important;
      box-shadow: none !important;
    }
    body:has(.app-rail-workspace) .app-search-input {
      width: 100% !important;
      border: 1px solid rgb(255 255 255 / 0.12) !important;
      border-radius: 15px !important;
      background: rgb(255 255 255 / 0.09) !important;
      color: rgb(248 251 255) !important;
      font-size: 0.84rem !important;
      line-height: 1.1 !important;
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.06) !important;
    }
    body:has(.app-rail-workspace) .app-search-input::placeholder {
      color: rgb(231 239 241 / 0.66) !important;
    }
    body:has(.app-rail-workspace) .app-topbar__actions {
      grid-area: actions !important;
      display: flex !important;
      flex-wrap: nowrap !important;
      align-items: center !important;
      justify-content: flex-end !important;
      justify-self: end !important;
      gap: 0.32rem !important;
      width: auto !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow: visible !important;
    }
    body:has(.app-rail-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
      display: inline-grid !important;
      width: 2.32rem !important;
      min-width: 2.32rem !important;
      max-width: 2.32rem !important;
      height: 2.32rem !important;
      min-height: 2.32rem !important;
      place-items: center !important;
      border: 1px solid rgb(255 255 255 / 0.14) !important;
      border-radius: 14px !important;
      padding: 0 !important;
      background: rgb(255 255 255 / 0.1) !important;
      color: rgb(248 251 255) !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.08) !important;
    }
    body:has(.app-rail-workspace) .app-topbar__actions .btn-danger {
      border-color: transparent !important;
      background: var(--claim-shot-red, #d81745) !important;
      color: #ffffff !important;
      box-shadow: 0 8px 20px rgb(216 23 69 / 0.28) !important;
    }
    body:has(.app-rail-workspace) .app-topbar__actions :is(.app-topbar-action__icon, .app-language-switcher__icon, .app-language-switcher__chevron) {
      display: block !important;
      width: 1rem !important;
      height: 1rem !important;
      flex: 0 0 auto !important;
      color: currentColor !important;
    }
    body:has(.app-rail-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger) > span:not(.app-topbar-action__icon), body:has(.app-rail-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger) span:not(.app-language-switcher__code):not(.app-language-switcher__icon) {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
    }
    body:has(.app-rail-workspace) #content {
      width: 100% !important;
      max-width: 100% !important;
      margin-left: 0 !important;
      padding: calc(var(--app-mobile-topbar-height, 5.4rem) + 0.08rem) 0.875rem 2.75rem !important;
    }
    body:has(.app-rail-workspace) .app-rail-workspace {
      width: 100% !important;
      max-width: 100% !important;
      min-width: 0 !important;
      margin: 0 !important;
    }
    body:has(.app-rail-workspace--settings) .settings-primary-tabs {
      max-width: 100% !important;
      scroll-padding-inline: 0.25rem !important;
      scrollbar-width: none !important;
    }
    body:has(.app-rail-workspace--settings) .settings-primary-tabs::-webkit-scrollbar {
      display: none !important;
    }
    body:has(.app-rail-workspace--settings) .settings-primary-tab {
      min-height: 2rem !important;
      padding-inline: 0.65rem !important;
      font-size: 0.8rem !important;
    }
  }
  @media (max-width: 44rem) {
    body:has(.app-rail-workspace) .operator-tabs {
      overflow: visible !important;
    }
    body:has(.app-rail-workspace) .operator-tabs__group {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      width: 100% !important;
      min-width: 0 !important;
      gap: 0.35rem !important;
    }
    body:has(.app-rail-workspace) .operator-tab {
      width: 100% !important;
      min-width: 0 !important;
      justify-content: center !important;
      padding-inline: 0.55rem !important;
      text-align: center !important;
      white-space: normal !important;
    }
    body:has(.app-rail-workspace) .operator-segmented {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      width: 100% !important;
      min-width: 0 !important;
      overflow: visible !important;
      gap: 0.35rem !important;
    }
    body:has(.app-rail-workspace) .operator-segmented__item {
      width: 100% !important;
      min-width: 0 !important;
      justify-content: center !important;
      padding-inline: 0.55rem !important;
      text-align: center !important;
      white-space: normal !important;
    }
  }
  @media (min-width: 44.001rem) and (max-width: 62rem) {
    body:has(.app-rail-workspace) .app-topbar {
      --app-brand-logo-width: 10.4rem !important;
      border-radius: 0 0 20px 20px !important;
    }
    body:has(.app-rail-workspace) .app-topbar__primary {
      grid-template-columns: 2.6rem minmax(0, 1fr) auto !important;
      gap: 0.58rem !important;
      padding: calc(0.62rem + env(safe-area-inset-top, 0px)) 0.9rem 0.7rem !important;
    }
    body:has(.app-rail-workspace) .app-brand-link {
      max-width: 10.4rem !important;
    }
    body:has(.app-rail-workspace) .app-brand-logo {
      width: min(10.4rem, 100%) !important;
      max-height: 2.42rem !important;
    }
    body:has(.app-rail-workspace) .app-search-shell, body:has(.app-rail-workspace) .app-search-input {
      height: 2.32rem !important;
      min-height: 2.32rem !important;
    }
    body:has(.app-rail-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
      width: 2.42rem !important;
      min-width: 2.42rem !important;
      max-width: 2.42rem !important;
      height: 2.42rem !important;
      min-height: 2.42rem !important;
    }
    body:has(.app-rail-workspace) #content {
      padding: calc(var(--app-mobile-topbar-height, 5.6rem) + 0.18rem) 1rem 3rem !important;
    }
  }
}
@layer components {
  @media (max-width: 44rem) {
    body:has(.app-rail-workspace--intake) .claim-details-hero--intake {
      overflow: hidden !important;
    }
    body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__content {
      display: block !important;
      height: auto !important;
      max-height: none !important;
      min-height: 0 !important;
      overflow: visible !important;
    }
    body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__copy {
      height: auto !important;
      min-height: 0 !important;
      padding: 16px 20px 15px !important;
    }
    body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__title {
      max-width: none !important;
      margin-bottom: 0 !important;
      font-size: 1.72rem !important;
      line-height: 1 !important;
    }
    body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__subtitle {
      display: block !important;
      margin-top: 0.48rem !important;
      font-size: 0.78rem !important;
      line-height: 1.35 !important;
    }
    body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__chips {
      margin-top: 0.66rem !important;
    }
    body:has(.app-rail-workspace--intake) .claim-details-hero--intake .claim-details-hero__aside {
      display: none !important;
    }
    body:has(.app-rail-workspace--intake) .claim-intake-page label.upload-dropzone.intake-upload-tile, body:has(.app-rail-workspace--intake) .claim-intake-page label.upload-dropzone.intake-upload-tile--zip {
      height: auto !important;
      min-height: 5.25rem !important;
      align-items: center !important;
    }
    body:has(.app-rail-workspace--intake) .claim-intake-page .intake-upload-tile__hint {
      display: none !important;
    }
  }
}
@layer components {
  @media (max-width: 62rem) {
    body:has(.app-rail-workspace) .app-topbar {
      --app-brand-logo-width: 10.7rem !important;
    }
    body:has(.app-rail-workspace) .app-brand-link {
      max-width: 10.7rem !important;
    }
    body:has(.app-rail-workspace) .app-brand-logo {
      width: min(10.7rem, 100%) !important;
      max-height: 2.58rem !important;
    }
    body.app-mobile-rail-enhanced:not(.app-mobile-rail-open) aside.claim-scroll-toc.claim-scroll-toc--with-toc[data-mobile-rail-panel] {
      visibility: hidden !important;
      opacity: 0 !important;
      pointer-events: none !important;
      transform: translate3d(calc(-100% - 1.25rem), 0, 0) scale(0.985) !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc[data-mobile-rail-panel] {
      right: auto !important;
      left: max(0.82rem, env(safe-area-inset-left, 0px)) !important;
      width: min(20.25rem, calc(100vw - 2.7rem)) !important;
      max-width: calc(100vw - 2.7rem) !important;
      transform-origin: top left !important;
      transition: transform 190ms cubic-bezier(0.2, 0.85, 0.18, 1), opacity 150ms ease, visibility 150ms ease !important;
    }
    body.app-mobile-rail-open aside.claim-scroll-toc.claim-scroll-toc--with-toc[data-mobile-rail-panel] {
      visibility: visible !important;
      opacity: 1 !important;
      pointer-events: auto !important;
      transform: translate3d(0, 0, 0) scale(1) !important;
    }
  }
  @media (max-width: 44rem) {
    body:has(.app-rail-workspace) .app-topbar__primary {
      grid-template-columns: 2.38rem minmax(0, 1fr) auto !important;
      gap: 0.46rem !important;
    }
    body:has(.app-rail-workspace) .app-brand-link {
      max-width: 11rem !important;
    }
    body:has(.app-rail-workspace) .app-brand-logo {
      width: min(11rem, 100%) !important;
      max-height: 2.68rem !important;
    }
    body.app-mobile-rail-enhanced aside.claim-scroll-toc.claim-scroll-toc--with-toc[data-mobile-rail-panel] {
      width: min(19.25rem, calc(100vw - 3rem)) !important;
      max-width: calc(100vw - 3rem) !important;
    }
    body:has(.dashboard-workspace) .dashboard-command {
      border-radius: 16px !important;
      padding: 0.52rem !important;
    }
    body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.42rem !important;
      padding: 0.38rem !important;
    }
    body:has(.dashboard-workspace) #claims-kpis.dashboard-kpi-grid .dashboard-kpi-panel__header {
      grid-column: 1 / -1 !important;
      margin: 0 !important;
      padding: 0.1rem 0.12rem 0.12rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-card {
      min-height: 4.4rem !important;
      border-radius: 12px !important;
      padding: 0.52rem 0.58rem !important;
      gap: 0.18rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-card__icon {
      width: 1.28rem !important;
      height: 1.28rem !important;
      right: 0.5rem !important;
      top: 0.5rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-card__label {
      font-size: 0.64rem !important;
      line-height: 1 !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-card__value {
      font-size: 1.54rem !important;
      line-height: 1 !important;
    }
    body:has(.dashboard-workspace) .dashboard-kpi-card__debt-ratio {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone {
      padding: 0.44rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody {
      justify-items: stretch !important;
      gap: 0.52rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] {
      width: 100% !important;
      max-width: none !important;
      min-height: 0 !important;
      gap: 0.34rem !important;
      border-radius: 13px !important;
      padding: 0.5rem 0.54rem 0.54rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-head {
      grid-template-areas: "identity" "parties" "money" !important;
      gap: 0.32rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-parties {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.28rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party {
      min-height: 2.05rem !important;
      border-radius: 10px !important;
      padding: 0.28rem 0.36rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money {
      grid-template-columns: minmax(0, 1fr) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item--total {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item {
      min-height: 1.72rem !important;
      border-radius: 10px !important;
      padding: 0.28rem 0.42rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > .claims-table__cell--operation {
      display: block !important;
      border-top: 1px solid rgb(16 32 51 / 0.07) !important;
      padding-top: 0.32rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > .claims-table__cell--operation::before {
      content: none !important;
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      align-items: center !important;
      gap: 0.3rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack > .claims-action-chip:nth-of-type(n+2), body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack > .claims-action-more {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-chip, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-fallback {
      min-height: 1.66rem !important;
      border-radius: 999px !important;
      padding: 0.3rem 0.48rem !important;
      font-size: 0.76rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-mobile-more {
      justify-self: end !important;
      min-height: 1.66rem !important;
      border-radius: 999px !important;
      padding: 0.3rem 0.46rem !important;
      font-size: 0.72rem !important;
    }
  }
}
@layer components {
  @media (max-width: 44rem) {
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard {
      padding: 0.36rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard > .overflow-x-auto {
      width: 100% !important;
      max-width: 100% !important;
      margin: 0 !important;
      padding: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table {
      width: 100% !important;
      max-width: 100% !important;
    }
  }
}
@layer components {
  @media (max-width: 62rem) {
    body:has(.claim-details-view) .claim-details-tabbar--persistent {
      display: flex !important;
      flex-wrap: wrap !important;
      overflow: visible !important;
      gap: 0.42rem !important;
      padding: 0.34rem !important;
    }
    body:has(.claim-details-view) .claim-details-tabbar--persistent .claim-details-tab {
      flex: 1 1 max(8.25rem, calc(33.333% - 0.42rem)) !important;
      min-width: 0 !important;
      justify-content: center !important;
      text-align: center !important;
      white-space: normal !important;
    }
  }
  @media (max-width: 44rem) {
    body:has(.claim-details-view) .claim-details-tabbar--persistent .claim-details-tab {
      flex-basis: max(7.2rem, calc(50% - 0.42rem)) !important;
      min-height: 2.04rem !important;
      padding: 0.42rem 0.48rem !important;
      font-size: 0.74rem !important;
    }
  }
}
@layer components {
  @media (max-width: 44rem) {
    body:has(.app-rail-workspace) .app-topbar {
      --app-phone-action-size: 2.56rem;
      --app-phone-logo-width: min(10.2rem, calc(100vw - 12.6rem));
      z-index: 2200 !important;
    }
    body:has(.app-rail-workspace) .app-topbar__primary {
      position: relative !important;
      grid-template-columns: var(--app-phone-action-size) minmax(0, 1fr) auto !important;
      gap: 0.46rem !important;
      padding: calc(0.58rem + env(safe-area-inset-top, 0px)) 0.68rem 0.68rem !important;
    }
    body:has(.app-rail-workspace) .app-mobile-rail-trigger, body:has(.app-rail-workspace) .app-topbar__actions :is(.btn-primary, .btn-muted, .btn-danger), body:has(.app-rail-workspace) .app-topbar__actions .app-language-switcher__trigger.app-language-switcher__trigger {
      width: var(--app-phone-action-size) !important;
      min-width: var(--app-phone-action-size) !important;
      max-width: var(--app-phone-action-size) !important;
      height: var(--app-phone-action-size) !important;
      min-height: var(--app-phone-action-size) !important;
      border-radius: 15px !important;
    }
    body:has(.app-rail-workspace) .app-topbar__brand {
      position: absolute !important;
      top: calc(0.62rem + env(safe-area-inset-top, 0px)) !important;
      left: 50% !important;
      z-index: 1 !important;
      display: flex !important;
      width: var(--app-phone-logo-width) !important;
      min-width: 0 !important;
      max-width: var(--app-phone-logo-width) !important;
      justify-content: center !important;
      transform: translateX(-50%) !important;
      pointer-events: none !important;
    }
    body:has(.app-rail-workspace) .app-brand-link {
      width: var(--app-phone-logo-width) !important;
      max-width: var(--app-phone-logo-width) !important;
      justify-content: center !important;
      pointer-events: auto !important;
    }
    body:has(.app-rail-workspace) .app-brand-logo {
      width: var(--app-phone-logo-width) !important;
      max-height: 2.48rem !important;
    }
    body:has(.app-rail-workspace) .app-topbar__actions {
      position: relative !important;
      z-index: 2 !important;
      gap: 0.38rem !important;
    }
    body:has(.app-rail-workspace) .app-mobile-rail-trigger {
      position: relative !important;
      z-index: 2 !important;
    }
    body:has(.app-rail-workspace) .app-search-shell, body:has(.app-rail-workspace) .app-search-input {
      height: 2.34rem !important;
      min-height: 2.34rem !important;
    }
    body:has(.app-rail-workspace) .app-search-input {
      padding-inline: 1rem !important;
      font-size: 0.84rem !important;
      text-align: left !important;
    }
    #notifications-root {
      z-index: 2400 !important;
    }
    #notifications-sidebar {
      top: calc(var(--app-mobile-topbar-bottom, 5.5rem) + 0.52rem) !important;
      right: max(0.54rem, env(safe-area-inset-right, 0px)) !important;
      bottom: calc(0.62rem + env(safe-area-inset-bottom, 0px)) !important;
      left: auto !important;
      width: min(22.5rem, calc(100vw - 1.08rem)) !important;
      max-width: calc(100vw - 1.08rem) !important;
      transform: translate3d(calc(100% + 0.75rem), 0, 0) !important;
    }
    #notifications-sidebar[aria-hidden="false"] {
      transform: translate3d(0, 0, 0) !important;
    }
    #notifications-sidebar .ea-slide-over {
      height: 100% !important;
      border-radius: 18px !important;
      box-shadow: 0 26px 70px -34px rgb(6 13 21 / 0.72) !important;
    }
    #notifications-sidebar .ea-panel-header {
      position: sticky !important;
      top: 0 !important;
      z-index: 5 !important;
      min-height: 3.2rem !important;
      padding: 0.58rem 0.66rem !important;
    }
    #notifications-sidebar .notifications-sidebar__close, #notifications-sidebar #notifications-refresh {
      min-width: 2.22rem !important;
      width: 2.22rem !important;
      min-height: 2.22rem !important;
      height: 2.22rem !important;
      justify-content: center !important;
      border-radius: 12px !important;
      padding: 0 !important;
    }
    #notifications-sidebar .notifications-sidebar__close span {
      position: absolute !important;
      width: 1px !important;
      height: 1px !important;
      overflow: hidden !important;
      clip: rect(0, 0, 0, 0) !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention {
      margin-top: 0.52rem !important;
      padding: 0.86rem !important;
      border-radius: 18px !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__header {
      grid-template-columns: minmax(0, 1fr) auto !important;
      gap: 0.62rem !important;
      align-items: start !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__mark {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__copy h2 {
      font-size: clamp(1.86rem, 10vw, 2.35rem) !important;
      line-height: 0.96 !important;
      letter-spacing: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__copy p:last-child {
      margin-top: 0.24rem !important;
      font-size: 0.92rem !important;
      line-height: 1.16 !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__meter {
      min-width: 4.1rem !important;
      border-radius: 999px !important;
      padding: 0.42rem 0.6rem !important;
      text-align: center !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__stats {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.42rem !important;
      margin-top: 0.64rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__stats > button {
      display: inline-flex !important;
      min-width: 0 !important;
      min-height: 2.22rem !important;
      align-items: center !important;
      justify-content: center !important;
      gap: 0.34rem !important;
      border-radius: 999px !important;
      padding: 0.36rem 0.56rem !important;
      font-size: 0.8rem !important;
      line-height: 1 !important;
      text-align: center !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__stats > button:last-child:nth-child(odd) {
      grid-column: 1 / -1 !important;
      justify-self: center !important;
      width: min(12rem, 100%) !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__list[data-dashboard-attention-list] {
      gap: 0.52rem !important;
      margin-top: 0.72rem !important;
      grid-template-columns: minmax(0, 1fr) !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item {
      min-height: 4rem !important;
      grid-template-columns: 2.05rem minmax(0, 1fr) !important;
      grid-template-areas: "badge body" "badge time" !important;
      align-items: center !important;
      gap: 0.34rem 0.52rem !important;
      border-radius: 14px !important;
      padding: 0.58rem 0.62rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item__badge {
      grid-area: badge !important;
      align-self: start !important;
      width: 2.05rem !important;
      min-width: 2.05rem !important;
      height: 1.45rem !important;
      border-radius: 999px !important;
      font-size: 0.62rem !important;
      letter-spacing: 0.08em !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item__body {
      grid-area: body !important;
      min-width: 0 !important;
      gap: 0.18rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item__top {
      display: block !important;
      min-width: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item__top strong {
      display: block !important;
      font-size: 0.84rem !important;
      line-height: 1.08 !important;
      overflow-wrap: anywhere !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item__top > span, body:has(.dashboard-workspace) .dashboard-attention-item__summary {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item__meta {
      display: block !important;
      font-size: 0.68rem !important;
      line-height: 1.12 !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item__date {
      margin-top: 0.14rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention-item__time {
      grid-area: time !important;
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__preview {
      margin-top: 0.68rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-attention__preview > button {
      min-height: 2.28rem !important;
      min-width: 9.2rem !important;
      padding-inline: 1.08rem !important;
      font-size: 0.82rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone {
      padding: 0.5rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard {
      border-radius: 18px !important;
      padding: 0.5rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__toolbar {
      gap: 0.62rem !important;
      padding: 0.52rem 0.54rem 0.66rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__title {
      font-size: clamp(2rem, 10.6vw, 2.62rem) !important;
      line-height: 0.92 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__count-pill {
      min-height: 2rem !important;
      align-self: start !important;
      padding: 0.38rem 0.7rem !important;
      font-size: 0.78rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody {
      gap: 0.78rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 0.56rem !important;
      border-radius: 17px !important;
      padding: 0.72rem !important;
      box-shadow: 0 18px 42px -34px var(--claim-row-accent), inset 0 0 0 1px var(--claim-row-accent) !important;
      @supports (color: color-mix(in lab, red, red)) {
        box-shadow: 0 18px 42px -34px color-mix(in oklab, var(--claim-row-accent) 52%, #102033), inset 0 0 0 1px color-mix(in oklab, var(--claim-row-accent) 18%, white) !important;
      }
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__cell-primary {
      min-width: 0 !important;
      padding: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-head {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas: "identity" "parties" "money" !important;
      gap: 0.54rem !important;
      min-width: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-identity {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      grid-template-areas: "ref chip" "date chip" !important;
      align-items: start !important;
      gap: 0.08rem 0.5rem !important;
      min-width: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__claim-ref {
      grid-area: ref !important;
      min-width: 0 !important;
      font-size: clamp(1.52rem, 7.8vw, 2rem) !important;
      line-height: 0.96 !important;
      letter-spacing: 0 !important;
      overflow-wrap: anywhere !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__claim-date {
      grid-area: date !important;
      font-size: 0.84rem !important;
      line-height: 1.08 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__state-chip {
      grid-area: chip !important;
      align-self: start !important;
      min-height: 1.72rem !important;
      max-width: 8.8rem !important;
      justify-content: center !important;
      border-radius: 999px !important;
      padding: 0.32rem 0.62rem !important;
      font-size: 0.72rem !important;
      line-height: 1 !important;
      text-align: center !important;
      white-space: normal !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-parties {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.42rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party {
      min-height: 2.62rem !important;
      border-radius: 13px !important;
      padding: 0.46rem 0.56rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party__label, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__label {
      font-size: 0.64rem !important;
      line-height: 1 !important;
      letter-spacing: 0.08em !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party__name {
      margin-top: 0.16rem !important;
      font-size: 0.9rem !important;
      line-height: 1.08 !important;
      overflow-wrap: anywhere !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money {
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item--total {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item--debt {
      display: grid !important;
      grid-template-columns: auto minmax(0, 1fr) !important;
      align-items: center !important;
      min-height: 2.42rem !important;
      border-radius: 13px !important;
      padding: 0.44rem 0.6rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__value {
      justify-self: end !important;
      font-size: 1.02rem !important;
      line-height: 1 !important;
      text-align: right !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__cell--operation {
      min-width: 0 !important;
      border-top: 1px solid rgb(16 32 51 / 0.08) !important;
      padding: 0.52rem 0 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      gap: 0.42rem !important;
      align-items: center !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-chip, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-fallback {
      min-width: 0 !important;
      min-height: 2rem !important;
      align-items: center !important;
      border-radius: 999px !important;
      padding: 0.4rem 0.6rem !important;
      font-size: 0.84rem !important;
      line-height: 1.08 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-label {
      font-size: 0.84rem !important;
      line-height: 1.08 !important;
      overflow-wrap: anywhere !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-mobile-more {
      min-height: 2rem !important;
      border-radius: 999px !important;
      padding: 0.4rem 0.58rem !important;
      font-size: 0.78rem !important;
      line-height: 1 !important;
    }
  }
}
@layer components {
  @media (max-width: 44rem) {
    body:has(.app-rail-workspace) .app-topbar__primary {
      display: grid !important;
      grid-template-columns: var(--app-phone-action-size, 2.56rem) minmax(0, 1fr) auto !important;
      grid-template-rows: auto auto !important;
      grid-template-areas: none !important;
      align-items: center !important;
    }
    body:has(.app-rail-workspace) .app-mobile-rail-trigger {
      grid-area: auto !important;
      grid-column: 1 !important;
      grid-row: 1 !important;
      justify-self: start !important;
    }
    body:has(.app-rail-workspace) .app-topbar__brand {
      position: relative !important;
      top: auto !important;
      right: auto !important;
      left: auto !important;
      grid-area: auto !important;
      grid-column: 1 / -1 !important;
      grid-row: 1 !important;
      justify-self: center !important;
      align-self: center !important;
      width: var(--app-phone-logo-width, min(10.2rem, calc(100vw - 12.6rem))) !important;
      min-width: 0 !important;
      max-width: var(--app-phone-logo-width, min(10.2rem, calc(100vw - 12.6rem))) !important;
      transform: none !important;
      pointer-events: none !important;
    }
    body:has(.app-rail-workspace) .app-topbar__brand .app-brand-link {
      width: 100% !important;
      max-width: 100% !important;
      justify-content: center !important;
      pointer-events: auto !important;
    }
    body:has(.app-rail-workspace) .app-topbar__actions {
      grid-area: auto !important;
      grid-column: 3 !important;
      grid-row: 1 !important;
      justify-self: end !important;
    }
    body:has(.app-rail-workspace) .app-topbar__search {
      grid-area: auto !important;
      grid-column: 1 / -1 !important;
      grid-row: 2 !important;
    }
  }
}
@layer components {
  :where( .modal-overlay, .app-modal-layer, .notification-problem-modal, .claim-manual-modal, .claim-profile-modal, .debtor-bank-upload-modal ) {
    --modal-ui-ink: #102033;
    --modal-ui-muted: #587080;
    --modal-ui-soft: #eef3f5;
    --modal-ui-surface: #f6f8f9;
    --modal-ui-card: #ffffff;
    --modal-ui-border: rgb(16 32 51 / 0.13);
    --modal-ui-border-strong: rgb(16 32 51 / 0.2);
    --modal-ui-header: #102033;
    --modal-ui-header-2: #173247;
    --modal-ui-teal: #16818a;
    --modal-ui-blue: #1f5f86;
    --modal-ui-red: #be123c;
    --modal-ui-amber: #a16207;
    --modal-ui-shadow: 0 24px 70px rgb(7 18 30 / 0.22);
  }
  :where( .modal-overlay, .app-modal-layer, .notification-problem-modal, .claim-manual-modal, .claim-profile-modal, .debtor-bank-upload-modal ):not(.hidden) {
    background: rgb(6 13 21 / 0.48) !important;
    backdrop-filter: blur(5px);
  }
  :where(.claimant-hub-dialog, dialog[open])::backdrop {
    background: rgb(6 13 21 / 0.48) !important;
    backdrop-filter: blur(5px);
  }
  :where( .modal-panel, .notification-problem-modal__panel, .claim-manual-modal__panel, .claim-profile-modal__panel, .debtor-bank-upload-modal__panel, .shared-note-modal, .claim-action-modal, .claim-details-modal-panel, dialog[open] .modal-content, dialog.claimant-hub-dialog form ) {
    color-scheme: light;
    color: var(--modal-ui-ink, #102033) !important;
    background: var(--modal-ui-surface, #f6f8f9) !important;
    border: 1px solid var(--modal-ui-border, rgb(16 32 51 / 0.13)) !important;
    border-radius: 14px !important;
    box-shadow: var(--modal-ui-shadow, 0 24px 70px rgb(7 18 30 / 0.22)) !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    overscroll-behavior: contain;
  }
  :where( .notification-problem-modal__panel, .claim-manual-modal__panel, .claim-profile-modal__panel, .debtor-bank-upload-modal__panel, .shared-note-modal, .claim-action-modal, .claim-details-modal-panel:has(> .claim-action-modal__header), .modal-panel.claim-action-modal, .modal-panel.claim-bank-modal, .modal-panel.claim-asset-modal, .modal-panel.claim-penalty-modal, .modal-panel.shared-note-modal, dialog[open] .modal-content, dialog.claimant-hub-dialog form ) {
    padding: 0 !important;
  }
  :where( .notification-problem-modal__header, .claim-action-modal__header, .claim-manual-modal__head, .claim-profile-modal__head, .claim-penalty-modal__header, .shared-note-modal__header, .claim-asset-modal__header, .claim-bank-modal__header, .debtor-bank-upload-modal__head, .claimant-hub-dialog__head, .arrest-rules-modal-head, .modal-header ) {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 1rem !important;
    padding: 1rem 1.15rem !important;
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--modal-ui-header, #102033), var(--modal-ui-header-2, #173247)) !important;
    border-bottom: 1px solid rgb(255 255 255 / 0.12) !important;
    box-shadow: none !important;
  }
  :where( .notification-problem-modal__title, .claim-action-modal__title, .claim-manual-modal__title, .claim-profile-modal__title, .claim-penalty-modal__title, .shared-note-modal__title, .claim-asset-modal__title, .claim-bank-modal__title, .debtor-bank-upload-modal__title, .claimant-hub-dialog__title, .arrest-rules-modal-title, .modal-title ) {
    color: #ffffff !important;
    letter-spacing: 0 !important;
  }
  :where( .notification-problem-modal__meta, .notification-problem-modal__eyebrow, .claim-action-modal__copy, .claim-manual-modal__copy, .claim-manual-modal__kicker, .claim-profile-modal__copy, .claim-penalty-modal__subtitle, .shared-note-modal__subtitle, .claim-asset-modal__eyebrow, .claim-asset-modal__meta, .claim-asset-modal__subtitle, .claim-liiklus-modal__eyebrow, .claim-liiklus-modal__meta, .claim-bank-modal__subtitle, .claim-bank-modal__meta, .debtor-bank-upload-modal__subtitle, .claimant-hub-dialog__subtitle, .arrest-rules-modal-subtitle ) {
    color: rgb(232 240 244 / 0.78) !important;
    letter-spacing: 0 !important;
  }
  :where( .notification-problem-modal__icon, .claim-manual-modal__icon, .claim-profile-modal__icon, .shared-note-modal__hero-icon, .claim-action-modal__icon, .claim-asset-modal__icon, .claim-bank-modal__icon, .debtor-bank-upload-modal__icon ) {
    color: #ffffff !important;
    background: rgb(255 255 255 / 0.13) !important;
    border: 1px solid rgb(255 255 255 / 0.18) !important;
    box-shadow: none !important;
  }
  :where( .notification-problem-modal__close, .claim-action-modal__close, .claim-manual-modal__close, .claim-profile-modal__close, .claim-penalty-modal__close, .shared-note-modal__close, .claim-asset-modal__close, .claim-bank-modal__close, .debtor-bank-upload-modal__close, .claimant-hub-dialog__close, .modal-close ) {
    color: #ffffff !important;
    background: rgb(255 255 255 / 0.1) !important;
    border: 1px solid rgb(255 255 255 / 0.18) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }
  :where( .notification-problem-modal__close, .claim-action-modal__close, .claim-manual-modal__close, .claim-profile-modal__close, .claim-penalty-modal__close, .shared-note-modal__close, .claim-asset-modal__close, .claim-bank-modal__close, .debtor-bank-upload-modal__close, .claimant-hub-dialog__close, .modal-close ):is(:hover, :focus-visible) {
    background: rgb(255 255 255 / 0.18) !important;
    outline: 2px solid rgb(255 255 255 / 0.5);
    outline-offset: 2px;
  }
  :where( .notification-problem-modal__body, .notification-problem-modal__form, .claim-action-modal__form, .claim-manual-modal__body, .claim-manual-modal__form, .claim-manual-modal-layout, .shared-note-modal__body, .claim-penalty-modal__body, .claim-asset-modal__body, .claim-bank-modal__body, .debtor-bank-upload-modal__body, .claimant-hub-dialog__body, .modal-body ) {
    color: var(--modal-ui-ink, #102033) !important;
    background: var(--modal-ui-surface, #f6f8f9) !important;
  }
  :where( .notification-problem-modal, .modal-panel, .claim-manual-modal, .claim-profile-modal, .debtor-bank-upload-modal, dialog[open] ) :where(h1, h2, h3, h4, h5, h6, strong, dt, legend, label) {
    color: var(--modal-ui-ink, #102033) !important;
  }
  :where( .notification-problem-modal, .modal-panel, .claim-manual-modal, .claim-profile-modal, .debtor-bank-upload-modal, dialog[open] ) :where( .notification-problem-modal__header, .claim-action-modal__header, .claim-manual-modal__head, .claim-profile-modal__head, .claim-penalty-modal__header, .shared-note-modal__header, .claim-asset-modal__header, .claim-bank-modal__header, .debtor-bank-upload-modal__head, .claimant-hub-dialog__head, .arrest-rules-modal-head, .modal-header ) :where(h1, h2, h3, h4, h5, h6, strong, dt, legend, label) {
    color: #ffffff !important;
  }
  :where( .notification-problem-modal, .modal-panel, .claim-manual-modal, .claim-profile-modal, .debtor-bank-upload-modal, dialog[open] ) :where( p, li, dd, small, .text-muted, .muted, .helptext, .notification-review-card__meta, .notification-review-card__eyebrow, .notification-action-brief__meta, .notification-decision-brief__meta, .notification-file-strip__meta, .notification-context-card__value, .claim-action-modal__copy, .claim-action-modal__hint, .claim-manual-modal__hint, .shared-note-modal__subtitle ) {
    color: var(--modal-ui-muted, #587080) !important;
  }
  :where( .notification-problem-modal__header, .claim-action-modal__header, .claim-manual-modal__head, .claim-profile-modal__head, .claim-penalty-modal__header, .shared-note-modal__header, .claim-asset-modal__header, .claim-bank-modal__header, .debtor-bank-upload-modal__head, .claimant-hub-dialog__head, .arrest-rules-modal-head, .modal-header ) :where(p, span, small, .claim-action-modal__copy, .notification-problem-modal__meta) {
    color: rgb(232 240 244 / 0.78) !important;
  }
  :where( .notification-problem-modal__header, .claim-action-modal__header, .claim-manual-modal__head, .claim-profile-modal__head, .claim-penalty-modal__header, .shared-note-modal__header, .claim-asset-modal__header, .claim-bank-modal__header, .debtor-bank-upload-modal__head, .claimant-hub-dialog__head, .arrest-rules-modal-head, .modal-header ) :where(.arrest-rules-modal-subtitle, .modal-subtitle) {
    color: rgb(232 240 244 / 0.78) !important;
  }
  :where( .notification-problem-modal__header, .claim-action-modal__header, .claim-manual-modal__head, .claim-profile-modal__head, .claim-penalty-modal__header, .shared-note-modal__header, .claim-asset-modal__header, .claim-bank-modal__header, .debtor-bank-upload-modal__head, .claimant-hub-dialog__head, .arrest-rules-modal-head, .modal-header ) :where(button, .btn-ghost, .btn-muted, .btn-secondary, .btn-compact) {
    color: #ffffff !important;
    background: rgb(255 255 255 / 0.1) !important;
    border-color: rgb(255 255 255 / 0.18) !important;
    box-shadow: none !important;
  }
  .arrest-rules-modal-head :is(.btn-ghost, .btn-muted, .btn-secondary, .btn-compact) {
    color: #ffffff !important;
    background: rgb(255 255 255 / 0.1) !important;
    border-color: rgb(255 255 255 / 0.18) !important;
    box-shadow: none !important;
  }
  :where( .notification-review-card, .notification-action-brief, .notification-action-brief__decisions, .notification-decision-brief, .notification-file-strip, .notification-modal-summary, .notification-work-context, .notification-work-context__item, .notification-problem-source-card, .notification-xroad-source-card, .notification-ai-proposal, .email-draft-review, .notification-data-entry-panel > section, .notification-data-entry-panel > div, .notification-problem-modal__form-card, .notification-problem-modal__panel--problem-object, .claim-action-modal__panel, .claim-action-modal__subpanel, .claim-action-modal__notice, .claim-manual-call-summary, .claim-penalty-modal__stat, .claim-penalty-modal__panel, .claim-bank-modal__panel, .claim-bank-modal__summary, .claim-asset-modal__panel, .shared-note-editor, .shared-note-switcher, .arrest-rules-modal-section, .modal-card ) {
    color: var(--modal-ui-ink, #102033) !important;
    background: var(--modal-ui-card, #ffffff) !important;
    border: 1px solid var(--modal-ui-border, rgb(16 32 51 / 0.13)) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 26px rgb(15 35 52 / 0.06) !important;
  }
  .claim-action-modal__ai {
    display: grid !important;
    gap: 0.5rem !important;
    background: linear-gradient(180deg, rgb(247 252 252 / 0.98), rgb(255 255 255 / 0.96)), #ffffff !important;
    border-color: var(--modal-ui-teal, #16818a) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--modal-ui-teal, #16818a) 22%, var(--modal-ui-border, rgb(16 32 51 / 0.13))) !important;
    }
  }
  .claim-action-modal__ai textarea.input-compact {
    min-height: 4.5rem !important;
    resize: vertical;
  }
  :where( .notification-review-card::before, .notification-action-brief::before, .notification-decision-brief::before, .notification-file-strip::before, .notification-modal-summary::before, .notification-work-context::before, .notification-problem-source-card::before, .notification-xroad-source-card::before, .notification-ai-proposal::before, .email-draft-review::before, .notification-problem-modal__panel--problem-object::before, .notification-problem-modal__panel--problem-object::after, .claim-action-modal__panel::before, .claim-action-modal__subpanel::before, .claim-action-modal__notice::before ) {
    display: none !important;
    content: none !important;
  }
  :where( .notification-review-card__head, .notification-action-brief__head, .notification-file-strip__head, .notification-modal-summary__head, .notification-work-context__head, .notification-data-entry-panel__head, .email-draft-review__head, .shared-note-editor__head ) {
    color: var(--modal-ui-ink, #102033) !important;
    background: linear-gradient(180deg, #ffffff, #f8fbfc) !important;
    border-bottom: 1px solid var(--modal-ui-border, rgb(16 32 51 / 0.13)) !important;
    box-shadow: inset 0 3px 0 var(--modal-ui-teal, #16818a) !important;
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 3px 0 color-mix(in oklab, var(--modal-ui-teal, #16818a) 72%, white) !important;
    }
  }
  :where( .notification-review-card__title, .notification-action-brief__title, .notification-decision-brief__title, .notification-file-strip__title, .notification-modal-summary__title, .notification-work-context__title, .notification-data-entry-panel__title, .email-draft-review__title, .shared-note-editor__title, .claim-action-modal__panel-title, .claim-action-modal__section-title ) {
    color: var(--modal-ui-ink, #102033) !important;
    letter-spacing: 0 !important;
  }
  :where( .notification-action-brief__decision-head, .notification-decision-brief__main, .notification-action-brief__decision-card, .notification-decision-brief__option, .notification-review-card__body, .notification-review-card__item, .notification-fact-grid > *, .notification-work-context__item, .notification-problem-modal__object-block, .notification-problem-modal__metric, .notification-ai-proposal__body, .email-draft-review__body, .notification-data-entry-panel__body ) {
    color: var(--modal-ui-ink, #102033) !important;
    background: #ffffff !important;
    border: 1px solid var(--modal-ui-border, rgb(16 32 51 / 0.13)) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }
  :where( .notification-action-brief__decision-head, .notification-decision-brief__main ) {
    display: none !important;
  }
  :where( .notification-action-brief__decisions, .notification-decision-brief ) {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0.5rem !important;
    padding: 0.68rem !important;
    background: #ffffff !important;
  }
  :where( .notification-action-brief__decision-list, .notification-decision-brief__options ) {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr)) !important;
    gap: 0.5rem !important;
  }
  :where( .notification-action-brief__decision-card, .notification-decision-brief__option ) {
    padding: 0.68rem 0.75rem 0.68rem 0.95rem !important;
    box-shadow: inset 3px 0 0 var(--modal-ui-blue, #1f5f86) !important;
    transition: border-color 150ms ease, box-shadow 150ms ease, transform 150ms ease, background 150ms ease;
  }
  :where( .notification-action-brief__decision-card, .notification-decision-brief__option ):is(:hover, :focus-within) {
    background: #fafdfe !important;
    border-color: var(--modal-ui-blue, #1f5f86) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--modal-ui-blue, #1f5f86) 42%, white) !important;
    }
    box-shadow: inset 3px 0 0 var(--modal-ui-blue, #1f5f86), 0 10px 24px rgb(15 35 52 / 0.08) !important;
    transform: translateY(-1px);
  }
  :where( .notification-action-brief__decision-card--primary, .notification-decision-brief__option--primary, .notification-decision-brief__option--choice:has(input:checked) ) {
    border-color: var(--modal-ui-teal, #16818a) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--modal-ui-teal, #16818a) 38%, white) !important;
    }
    box-shadow: inset 3px 0 0 var(--modal-ui-teal, #16818a) !important;
  }
  :where( .notification-action-brief__decision-card--warning, .notification-decision-brief__option--warning ) {
    border-color: var(--modal-ui-amber, #a16207) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--modal-ui-amber, #a16207) 34%, white) !important;
    }
    box-shadow: inset 3px 0 0 var(--modal-ui-amber, #a16207) !important;
  }
  :where( .notification-action-brief__decision-card--danger, .notification-decision-brief__option--danger, .notification-action-brief__decision-card--reject, .notification-decision-brief__option--reject ) {
    border-color: var(--modal-ui-red, #be123c) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--modal-ui-red, #be123c) 34%, white) !important;
    }
    box-shadow: inset 3px 0 0 var(--modal-ui-red, #be123c) !important;
  }
  :where( .notification-action-brief__decision-card :is(h4, h5, h6, strong), .notification-decision-brief__option :is(h4, h5, h6, strong), .notification-decision-brief__main :is(h4, h5, h6, strong), .notification-file-strip__name, .notification-file-strip__item-title ) {
    color: var(--modal-ui-ink, #102033) !important;
  }
  :where( .notification-file-strip__list, .notification-file-strip__items ) {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 0.5rem !important;
    align-items: stretch !important;
    margin: 0 !important;
  }
  :where(.notification-file-strip) {
    order: 999 !important;
    margin-top: 0.35rem !important;
    padding: 0.42rem !important;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(246 250 251 / 0.92)) !important;
    border: 1px solid var(--modal-ui-border, rgb(16 32 51 / 0.13)) !important;
    border-radius: 12px !important;
    box-shadow: none !important;
  }
  :where(.notification-file-strip__head) {
    display: none !important;
  }
  :where(.notification-file-strip__item) {
    display: inline-grid !important;
    grid-template-columns: minmax(12rem, 1fr) auto !important;
    align-items: center;
    position: relative;
    isolation: isolate;
    overflow: hidden;
    flex: 1 1 24rem;
    max-width: 100%;
    gap: 0.52rem;
    min-height: 2.45rem;
    padding: 0.48rem 0.48rem 0.48rem 0.72rem !important;
    color: var(--modal-ui-ink, #102033) !important;
    background: linear-gradient(180deg, #ffffff, #f9fcfd) !important;
    border: 1px solid var(--modal-ui-blue, #1f5f86) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--modal-ui-blue, #1f5f86) 16%, white) !important;
    }
    border-radius: 11px !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 1px 2px rgb(16 32 51 / 0.04) !important;
  }
  :where(.notification-file-strip__item)::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    z-index: -1;
    width: 3px;
    background: linear-gradient( 180deg, var(--modal-ui-teal, #16818a), var(--modal-ui-blue, #1f5f86) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 180deg, color-mix(in oklab, var(--modal-ui-teal, #16818a) 72%, white), color-mix(in oklab, var(--modal-ui-blue, #1f5f86) 76%, white) );
    }
  }
  :where(.notification-file-strip__item):is(:hover, :focus-within) {
    border-color: var(--modal-ui-blue, #1f5f86) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--modal-ui-blue, #1f5f86) 30%, white) !important;
    }
    background: linear-gradient(180deg, #ffffff, #f5fafb) !important;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.95), 0 10px 22px rgb(16 32 51 / 0.07) !important;
  }
  .notification-file-strip__item:has(> .notification-file-strip__icon) {
    grid-template-columns: minmax(12rem, 1fr) auto !important;
  }
  :where(.notification-file-strip__icon, .notification-file-strip__label, .notification-file-strip__meta) {
    display: none !important;
  }
  .notification-file-strip__body {
    min-width: 0 !important;
  }
  .notification-file-strip__name, .notification-file-strip__item-title {
    margin: 0 !important;
    overflow: visible !important;
    text-overflow: clip !important;
    white-space: normal !important;
    overflow-wrap: anywhere;
    word-break: break-word;
    color: var(--modal-ui-ink, #102033) !important;
    font-size: 0.76rem !important;
    font-weight: 820 !important;
    line-height: 1.16 !important;
  }
  :where(.notification-file-strip__actions) {
    display: flex;
    flex-wrap: nowrap;
    justify-content: flex-end;
    align-items: center;
    gap: 0.22rem;
  }
  :where(.notification-file-strip__action) {
    position: relative;
    flex: 0 0 auto;
    display: inline-grid !important;
    place-items: center !important;
    width: 1.88rem !important;
    height: 1.88rem !important;
    min-width: 1.88rem !important;
    min-height: 1.88rem !important;
    padding: 0 !important;
    white-space: nowrap !important;
    color: var(--modal-ui-blue, #1f5f86) !important;
    background: #ffffff !important;
    border: 1px solid var(--modal-ui-blue, #1f5f86) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--modal-ui-blue, #1f5f86) 28%, white) !important;
    }
    border-radius: 10px !important;
    box-shadow: none !important;
    font-size: 0.68rem !important;
    line-height: 1 !important;
  }
  :where(.notification-file-strip__action > span) {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
  }
  :where(.notification-file-strip__action svg) {
    width: 0.9rem !important;
    height: 0.9rem !important;
  }
  :where(.notification-file-strip__action--primary) {
    color: #ffffff !important;
    background: var(--modal-ui-header, #102033) !important;
    border-color: var(--modal-ui-header, #102033) !important;
  }
  .notification-file-strip__action.notification-file-strip__action--primary {
    color: #ffffff !important;
    background: var(--modal-ui-header, #102033) !important;
    border-color: var(--modal-ui-header, #102033) !important;
  }
  :where( .modal-panel, .notification-problem-modal, .claim-manual-modal, .claim-profile-modal, .debtor-bank-upload-modal, dialog[open] ) :where( input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea, .input, .input-compact ) {
    color: var(--modal-ui-ink, #102033) !important;
    background: #ffffff !important;
    border: 1px solid var(--modal-ui-border-strong, rgb(16 32 51 / 0.2)) !important;
    border-radius: 10px !important;
    box-shadow: none !important;
  }
  :where( .modal-panel, .notification-problem-modal, .claim-manual-modal, .claim-profile-modal, .debtor-bank-upload-modal, dialog[open] ) :where( input:not([type="hidden"]):not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea, .input, .input-compact ):is(:focus, :focus-visible) {
    border-color: var(--modal-ui-teal, #16818a) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--modal-ui-teal, #16818a) 54%, white) !important;
    }
    outline: 2px solid var(--modal-ui-teal, #16818a) !important;
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in oklab, var(--modal-ui-teal, #16818a) 22%, white) !important;
    }
    outline-offset: 1px;
  }
  :where( .notification-problem-modal__button, .claim-action-button, .modal-panel .btn, .modal-panel .btn-muted, .modal-panel .btn-secondary, .modal-panel .btn-ghost, dialog[open] .btn, dialog[open] .btn-muted, dialog[open] .btn-secondary, dialog[open] .btn-ghost ) {
    color: var(--modal-ui-ink, #102033) !important;
    background: #ffffff !important;
    border: 1px solid var(--modal-ui-border, rgb(16 32 51 / 0.13)) !important;
    border-radius: 999px !important;
    box-shadow: none !important;
  }
  :where( .notification-problem-modal__button, .claim-action-button, .modal-panel .btn, .modal-panel .btn-muted, .modal-panel .btn-secondary, .modal-panel .btn-ghost, dialog[open] .btn, dialog[open] .btn-muted, dialog[open] .btn-secondary, dialog[open] .btn-ghost ):is(:hover, :focus-visible) {
    border-color: var(--modal-ui-blue, #1f5f86) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--modal-ui-blue, #1f5f86) 35%, white) !important;
    }
    background: #f8fbfc !important;
    outline: 2px solid var(--modal-ui-blue, #1f5f86);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in oklab, var(--modal-ui-blue, #1f5f86) 18%, white);
    }
    outline-offset: 2px;
  }
  :where( .notification-problem-modal__button--primary, .claim-action-button--primary, .modal-panel .btn-primary, dialog[open] .btn-primary ) {
    color: #ffffff !important;
    background: var(--modal-ui-header, #102033) !important;
    border-color: var(--modal-ui-header, #102033) !important;
  }
  :where( .notification-problem-modal__button--danger, .claim-action-button--danger, .modal-panel .btn-danger, dialog[open] .btn-danger ) {
    color: var(--modal-ui-red, #be123c) !important;
    background: var(--modal-ui-red, #be123c) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--modal-ui-red, #be123c) 8%, white) !important;
    }
    border-color: var(--modal-ui-red, #be123c) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--modal-ui-red, #be123c) 36%, white) !important;
    }
  }
  .claim-asset-modal-overlay {
    background: rgb(6 13 21 / 0.48) !important;
    backdrop-filter: blur(5px) !important;
  }
  .claim-asset-modal-overlay .claim-asset-modal {
    color-scheme: light;
    color: var(--modal-ui-ink, #102033) !important;
    background: var(--modal-ui-surface, #f6f8f9) !important;
    border-color: var(--modal-ui-border, rgb(16 32 51 / 0.13)) !important;
    border-radius: 14px !important;
    box-shadow: var(--modal-ui-shadow, 0 24px 70px rgb(7 18 30 / 0.22)) !important;
  }
  .claim-asset-modal-overlay :is(.claim-asset-modal__header, .claim-liiklus-modal__header), body:has(.profile-details-view) .claim-action-modal--contact .claim-action-modal__header {
    color: #ffffff !important;
    background: linear-gradient(135deg, var(--modal-ui-header, #102033), var(--modal-ui-header-2, #173247)) !important;
    border-bottom-color: rgb(255 255 255 / 0.12) !important;
    box-shadow: none !important;
  }
  .claim-asset-modal-overlay :is(.claim-asset-modal__title, .claim-liiklus-modal__title), body:has(.profile-details-view) .claim-action-modal--contact .claim-action-modal__title {
    color: #ffffff !important;
  }
  .claim-asset-modal-overlay :is(.claim-asset-modal__eyebrow, .claim-liiklus-modal__eyebrow), .claim-asset-modal-overlay :is(.claim-asset-modal__meta, .claim-liiklus-modal__meta), body:has(.profile-details-view) .claim-action-modal--contact .claim-action-modal__copy {
    color: rgb(232 240 244 / 0.78) !important;
    letter-spacing: 0 !important;
  }
  .claim-asset-modal-overlay .claim-asset-modal__close, body:has(.profile-details-view) .claim-action-modal--contact .claim-action-modal__close {
    color: #ffffff !important;
    background: rgb(255 255 255 / 0.1) !important;
    border-color: rgb(255 255 255 / 0.18) !important;
    border-radius: 10px !important;
  }
  .claim-asset-modal-overlay .claim-asset-modal__body, .claim-asset-modal-overlay .claim-asset-modal__footer {
    background: var(--modal-ui-surface, #f6f8f9) !important;
  }
  .claim-asset-modal-overlay :is( .claim-asset-fact, .claim-liiklus-modal__fact, .claim-asset-panel, .claim-asset-mini-row, .claim-kr-summary-card, .claim-liiklus-modal__section, .claim-liiklus-modal__accordion, .claim-liiklus-modal__signal-item, .claim-liiklus-modal__extended-item, .kpr-queue-fact, .kpr-queue-section ) {
    color: var(--modal-ui-ink, #102033) !important;
    background: #ffffff !important;
    border-color: var(--modal-ui-border, rgb(16 32 51 / 0.13)) !important;
    border-radius: 12px !important;
    box-shadow: 0 10px 26px rgb(15 35 52 / 0.06) !important;
  }
  .claim-asset-modal-overlay :is( .claim-asset-fact > div:first-child, .claim-asset-panel__label, .claim-asset-mini-row strong, .kpr-queue-fact span, .kpr-queue-section__summary span, .kpr-queue-table__sub, .kpr-queue-empty ) {
    color: var(--modal-ui-muted, #587080) !important;
    letter-spacing: 0 !important;
  }
  .claim-asset-modal-overlay :is( .claim-asset-fact > div:last-child, .claim-asset-mini-row span, .kpr-queue-fact strong, .kpr-queue-table__case, .kpr-queue-table__main ) {
    color: var(--modal-ui-ink, #102033) !important;
  }
  .claim-asset-modal-overlay .claim-asset-modal__button:not(.claim-asset-modal__button--primary) {
    color: var(--modal-ui-ink, #102033) !important;
    background: #ffffff !important;
    border-color: var(--modal-ui-border, rgb(16 32 51 / 0.13)) !important;
    box-shadow: none !important;
  }
  :where( .notification-problem-modal__badge, .notification-status-pill, .notification-problem-modal__tag, .notification-action-brief__badge, .notification-decision-brief__badge, .claim-action-modal__badge, .claim-manual-modal__badge, .shared-note-modal__badge, .modal-badge ) {
    color: var(--modal-ui-blue, #1f5f86) !important;
    background: var(--modal-ui-blue, #1f5f86) !important;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--modal-ui-blue, #1f5f86) 9%, white) !important;
    }
    border: 1px solid var(--modal-ui-blue, #1f5f86) !important;
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--modal-ui-blue, #1f5f86) 22%, white) !important;
    }
    border-radius: 999px !important;
    box-shadow: none !important;
  }
  :where( .notification-problem-modal__header, .claim-action-modal__header, .claim-manual-modal__head, .claim-profile-modal__head, .claim-penalty-modal__header, .shared-note-modal__header, .claim-asset-modal__header, .claim-bank-modal__header, .debtor-bank-upload-modal__head, .claimant-hub-dialog__head, .arrest-rules-modal-head, .modal-header ) :where( .notification-problem-modal__badge, .notification-status-pill, .notification-problem-modal__tag, .notification-action-brief__badge, .notification-decision-brief__badge, .claim-action-modal__badge, .claim-manual-modal__badge, .shared-note-modal__badge, .modal-badge ) {
    color: #ffffff !important;
    background: rgb(255 255 255 / 0.12) !important;
    border-color: rgb(255 255 255 / 0.18) !important;
  }
  @media (max-width: 48rem) {
    :where( .modal-overlay, .app-modal-layer, .notification-problem-modal, .claim-manual-modal, .claim-profile-modal, .debtor-bank-upload-modal ):not(.hidden) {
      align-items: flex-end !important;
      justify-content: stretch !important;
      padding: 0.5rem !important;
    }
    :where( .modal-panel, .notification-problem-modal__panel, .claim-manual-modal__panel, .claim-profile-modal__panel, .debtor-bank-upload-modal__panel, .shared-note-modal, .claim-action-modal, .claim-details-modal-panel, dialog[open] .modal-content, dialog.claimant-hub-dialog form ) {
      width: 100% !important;
      max-width: 100% !important;
      max-height: calc(100dvh - 1rem) !important;
      border-radius: 14px !important;
    }
    :where( .notification-problem-modal__header, .claim-action-modal__header, .claim-manual-modal__head, .claim-profile-modal__head, .claim-penalty-modal__header, .shared-note-modal__header, .claim-asset-modal__header, .claim-bank-modal__header, .debtor-bank-upload-modal__head, .claimant-hub-dialog__head, .arrest-rules-modal-head, .modal-header ) {
      padding: 0.75rem 0.85rem !important;
      gap: 0.55rem !important;
    }
    :where( .notification-problem-modal__body, .notification-problem-modal__form, .claim-action-modal__form, .claim-manual-modal__body, .claim-manual-modal__form, .claim-manual-modal-layout, .shared-note-modal__body, .claim-penalty-modal__body, .claim-asset-modal__body, .claim-bank-modal__body, .debtor-bank-upload-modal__body, .claimant-hub-dialog__body, .modal-body ) {
      padding: 0.75rem !important;
      gap: 0.65rem !important;
    }
    :where( .notification-review-card, .notification-action-brief, .notification-action-brief__decisions, .notification-decision-brief, .notification-file-strip, .notification-modal-summary, .notification-work-context, .notification-problem-source-card, .notification-xroad-source-card, .notification-ai-proposal, .email-draft-review, .notification-problem-modal__form-card, .claim-action-modal__panel, .claim-action-modal__subpanel, .claim-action-modal__notice, .claim-manual-call-summary, .modal-card ) {
      border-radius: 11px !important;
    }
    :where( .notification-action-brief__facts, .notification-action-brief__decisions, .notification-decision-brief__grid, .notification-review-card__grid, .notification-fact-grid, .notification-work-context__grid, .notification-file-strip__item, .claim-action-modal__form .grid, .claim-manual-modal__field-grid ) {
      grid-template-columns: minmax(0, 1fr) !important;
    }
    :where(.notification-file-strip__item) {
      grid-template-columns: minmax(0, 1fr) auto !important;
      align-items: center;
      flex-basis: 100%;
    }
    :where(.notification-file-strip__actions) {
      justify-content: flex-end;
    }
    :where( .notification-problem-modal, .modal-panel, .claim-manual-modal, .claim-profile-modal, .debtor-bank-upload-modal, dialog[open] ) :where( h1, h2, h3, h4, h5, h6, p, li, dd, strong, span, small, label, a, button ) {
      min-width: 0;
      max-width: 100%;
      overflow-wrap: anywhere;
    }
  }
}
@layer components {
  @media (max-width: 44rem) {
    body:has(.dashboard-workspace) .dashboard-claims-zone {
      padding: 0.5rem 0.42rem 0.7rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard {
      border-radius: 18px !important;
      padding: 0.52rem !important;
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(247 250 250 / 0.94)), #ffffff !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard > .overflow-x-auto {
      overflow: visible !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody {
      display: grid !important;
      width: 100% !important;
      min-width: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody {
      gap: 0.72rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__toolbar, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__identity, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__title-row {
      min-width: 0 !important;
      width: 100% !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__title-row {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      align-items: center !important;
      gap: 0.58rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__title {
      min-width: 0 !important;
      max-width: 100% !important;
      overflow: visible !important;
      line-height: 0.92 !important;
      text-overflow: clip !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__count-pill {
      justify-self: end !important;
      max-width: 100% !important;
      white-space: nowrap !important;
    }
    @media (max-width: 23rem) {
      body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__title-row {
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 0.45rem !important;
      }
      body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__count-pill {
        justify-self: start !important;
      }
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      gap: 0.62rem !important;
      position: relative !important;
      width: 100% !important;
      min-width: 0 !important;
      overflow: hidden !important;
      border: 1px solid var(--claim-row-accent, #0f7891) !important;
      @supports (color: color-mix(in lab, red, red)) {
        border: 1px solid color-mix(in oklab, var(--claim-row-accent, #0f7891) 20%, rgb(214 226 233)) !important;
      }
      border-radius: 15px !important;
      background: linear-gradient(180deg, #ffffff, #f8fbfb) !important;
      padding: 0.78rem 0.8rem 0.72rem !important;
      box-shadow: 0 16px 30px -28px rgb(16 32 51 / 0.34), inset 0 1px 0 rgb(255 255 255 / 0.86) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row]::before, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row]::after, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > td::before, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > td::after, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-head::before, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-head::after {
      content: none !important;
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > .claims-table__cell {
      display: block !important;
      min-width: 0 !important;
      width: 100% !important;
      border: 0 !important;
      background: transparent !important;
      padding: 0 !important;
      box-shadow: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > :is( .claims-table__cell--parties, .claims-table__cell--assignee, .claims-table__cell--amounts, .claims-table__cell--row-action ) {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-head {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      grid-template-areas: "identity" "parties" "money" !important;
      gap: 0.58rem !important;
      width: 100% !important;
      min-width: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-identity {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      grid-template-areas: "date chip" "ref ref" !important;
      align-items: center !important;
      gap: 0.24rem 0.55rem !important;
      min-width: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__claim-ref {
      grid-area: ref !important;
      display: block !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow: visible !important;
      color: #102033 !important;
      font-size: clamp(1.26rem, 6.6vw, 1.58rem) !important;
      font-weight: 950 !important;
      letter-spacing: 0 !important;
      line-height: 1.02 !important;
      text-overflow: clip !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__claim-date {
      grid-area: date !important;
      color: #64748b !important;
      font-size: 0.78rem !important;
      font-weight: 850 !important;
      line-height: 1.1 !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__state-chip {
      grid-area: chip !important;
      justify-self: end !important;
      min-height: 1.62rem !important;
      max-width: 8rem !important;
      border-radius: 999px !important;
      padding: 0.32rem 0.58rem !important;
      font-size: 0.68rem !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      text-align: center !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-parties {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.46rem !important;
      min-width: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party {
      min-width: 0 !important;
      min-height: 2.72rem !important;
      border: 1px solid rgb(16 32 51 / 0.08) !important;
      border-radius: 12px !important;
      background: rgb(255 255 255 / 0.78) !important;
      padding: 0.46rem 0.55rem !important;
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.75) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard :is(.claims-card-mobile-party__label, .claims-card-mobile-money__label) {
      color: #475569 !important;
      font-size: 0.61rem !important;
      font-weight: 900 !important;
      letter-spacing: 0.08em !important;
      line-height: 1 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-party__name {
      display: block !important;
      min-width: 0 !important;
      margin-top: 0.18rem !important;
      overflow: hidden !important;
      color: #102033 !important;
      font-size: 0.9rem !important;
      font-weight: 850 !important;
      line-height: 1.1 !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money {
      display: grid !important;
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
      gap: 0.46rem !important;
      width: 100% !important;
      min-width: 0 !important;
      border: 0 !important;
      border-radius: 0 !important;
      background: transparent !important;
      padding: 0 !important;
      box-shadow: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money:has(.claims-card-mobile-money__item--total[data-mobile-redundant="1"]) {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) !important;
      align-content: center !important;
      gap: 0.24rem !important;
      width: 100% !important;
      min-width: 0 !important;
      min-height: 3.1rem !important;
      border: 1px solid rgb(16 32 51 / 0.1) !important;
      border-radius: 12px !important;
      background: rgb(255 255 255 / 0.82) !important;
      padding: 0.5rem 0.58rem !important;
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item--total {
      display: grid !important;
      border-color: rgb(100 116 139 / 0.16) !important;
      background: rgb(248 250 252 / 0.9) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item--total[data-mobile-redundant="1"] {
      display: grid !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item--debt {
      display: grid !important;
      border: 1px solid rgb(15 120 145 / 0.24) !important;
      background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(238 248 251 / 0.72)) !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__value {
      justify-self: start !important;
      min-width: 0 !important;
      max-width: 100% !important;
      overflow: visible !important;
      color: #174866 !important;
      font-size: clamp(0.98rem, 4.7vw, 1.18rem) !important;
      font-weight: 950 !important;
      letter-spacing: 0 !important;
      line-height: 1 !important;
      text-align: left !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-card-mobile-money__item--total .claims-card-mobile-money__value {
      color: #102033 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-table__table > tbody > tr.status-row[data-row] > .claims-table__cell--operation {
      border-top: 1px solid rgb(16 32 51 / 0.08) !important;
      padding-top: 0.56rem !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-operation-cell, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-operation-main {
      width: 100% !important;
      min-width: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack {
      display: grid !important;
      grid-template-columns: minmax(0, 1fr) auto !important;
      align-items: center !important;
      gap: 0.45rem !important;
      width: 100% !important;
      min-width: 0 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack > .claims-action-chip:nth-of-type(n+2), body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-stack > .claims-action-more {
      display: none !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-chip, body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-fallback {
      min-width: 0 !important;
      min-height: 1.86rem !important;
      overflow: hidden !important;
      border-radius: 999px !important;
      background: rgb(239 248 252 / 0.88) !important;
      padding: 0.34rem 0.55rem !important;
      color: #166c93 !important;
      font-size: 0.79rem !important;
      font-weight: 850 !important;
      line-height: 1.08 !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-label {
      min-width: 0 !important;
      overflow: hidden !important;
      text-overflow: ellipsis !important;
      white-space: nowrap !important;
    }
    body:has(.dashboard-workspace) .dashboard-claims-zone .claims-table--dashboard .claims-action-mobile-more {
      justify-self: end !important;
      min-height: 1.86rem !important;
      border-radius: 999px !important;
      background: #ffffff !important;
      padding: 0.36rem 0.58rem !important;
      color: #40546b !important;
      font-size: 0.76rem !important;
      font-weight: 900 !important;
      line-height: 1 !important;
      white-space: nowrap !important;
      box-shadow: 0 8px 18px rgb(16 32 51 / 0.06) !important;
    }
  }
}
@layer base {
  [type='text'],input:where(:not([type])),[type='email'],[type='url'],[type='password'],[type='number'],[type='date'],[type='datetime-local'],[type='month'],[type='search'],[type='tel'],[type='time'],[type='week'],[multiple],textarea,select {
    appearance: none;
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    border-radius: 0px;
    padding-top: 0.5rem;
    padding-right: 0.75rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
    font-size: 1rem;
    line-height: 1.5rem;
    --tw-shadow: 0 0 #0000;
    &:focus {
      outline: 2px solid transparent;
      outline-offset: 2px;
      --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-color: oklch(54.6% 0.245 262.881);
      --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
      --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
      box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      border-color: oklch(54.6% 0.245 262.881);
    }
  }
  input::placeholder,textarea::placeholder {
    color: oklch(55.1% 0.027 264.364);
    opacity: 1;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-date-and-time-value {
    min-height: 1.5em;
  }
  ::-webkit-date-and-time-value {
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-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-top: 0;
    padding-bottom: 0;
  }
  select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='oklch(55.1%25 0.027 264.364)' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    print-color-adjust: exact;
  }
  [multiple],[size]:where(select:not([size="1"])) {
    background-image: initial;
    background-position: initial;
    background-repeat: unset;
    background-size: initial;
    padding-right: 0.75rem;
    print-color-adjust: unset;
  }
  [type='checkbox'],[type='radio'] {
    appearance: none;
    padding: 0;
    print-color-adjust: exact;
    display: inline-block;
    vertical-align: middle;
    background-origin: border-box;
    user-select: none;
    flex-shrink: 0;
    height: 1rem;
    width: 1rem;
    color: oklch(54.6% 0.245 262.881);
    background-color: #fff;
    border-color: oklch(55.1% 0.027 264.364);
    border-width: 1px;
    --tw-shadow: 0 0 #0000;
  }
  [type='checkbox'] {
    border-radius: 0px;
  }
  [type='radio'] {
    border-radius: 100%;
  }
  [type='checkbox']:focus,[type='radio']:focus {
    outline: 2px solid transparent;
    outline-offset: 2px;
    --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: oklch(54.6% 0.245 262.881);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  [type='checkbox']:checked,[type='radio']:checked {
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
  }
  [type='checkbox']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  [type='radio']:checked {
    background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  [type='checkbox']:checked:hover,[type='checkbox']:checked:focus,[type='radio']:checked:hover,[type='radio']:checked:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  [type='checkbox']:indeterminate {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
    border-color: transparent;
    background-color: currentColor;
    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    @media (forced-colors: active) {
      appearance: auto;
    }
  }
  [type='checkbox']:indeterminate:hover,[type='checkbox']:indeterminate:focus {
    border-color: transparent;
    background-color: currentColor;
  }
  [type='file'] {
    background: unset;
    border-color: inherit;
    border-width: 0;
    border-radius: 0;
    padding: 0;
    font-size: unset;
    line-height: inherit;
  }
  [type='file']:focus {
    outline: 1px solid ButtonText;
    outline: 1px auto -webkit-focus-ring-color;
  }
}
@keyframes enter {
  from {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0) scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1)) rotate(var(--tw-enter-rotate, 0));
  }
}
@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0) scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1)) rotate(var(--tw-exit-rotate, 0));
  }
}
@property --tw-font-weight {
  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-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@keyframes spin {
  to {
    transform: rotate(360deg);
  }
}
@keyframes pulse {
  50% {
    opacity: 0.5;
  }
}
@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-font-weight: 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-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-divide-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
    }
  }
}