/*! 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-900: oklch(39.6% 0.141 25.723);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-100: oklch(96.2% 0.059 95.617);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-300: oklch(87.9% 0.169 91.605);
    --color-amber-400: oklch(82.8% 0.189 84.429);
    --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-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-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-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-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-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;
    --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-xl: 24px;
    --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.975 0.006 255);
    --color-surface: oklch(0.992 0.003 255);
    --color-border: oklch(0.92  0.004 255);
    --color-muted: oklch(0.955 0.004 255);
    --color-text: oklch(0.26  0.01  255);
    --color-subtle: oklch(0.55  0.01  255);
    --color-accent: oklch(0.62 0.09 255);
    --color-accent-600: oklch(0.58 0.09 255);
    --color-accent-700: oklch(0.54 0.09 255);
    --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-4 {
    top: calc(var(--spacing) * 4);
  }
  .top-6 {
    top: calc(var(--spacing) * 6);
  }
  .top-12 {
    top: calc(var(--spacing) * 12);
  }
  .right-0 {
    right: calc(var(--spacing) * 0);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .right-10 {
    right: calc(var(--spacing) * 10);
  }
  .bottom-0 {
    bottom: calc(var(--spacing) * 0);
  }
  .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-\[70\] {
    z-index: 70;
  }
  .z-\[90\] {
    z-index: 90;
  }
  .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-4 {
    margin-left: calc(var(--spacing) * 4);
  }
  .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;
  }
  .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-5 {
    height: calc(var(--spacing) * 5);
  }
  .h-6 {
    height: calc(var(--spacing) * 6);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-9 {
    height: calc(var(--spacing) * 9);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-44 {
    height: calc(var(--spacing) * 44);
  }
  .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-\[18rem\] {
    max-height: 18rem;
  }
  .max-h-\[24rem\] {
    max-height: 24rem;
  }
  .max-h-\[28rem\] {
    max-height: 28rem;
  }
  .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-\[86vh\] {
    max-height: 86vh;
  }
  .max-h-\[88vh\] {
    max-height: 88vh;
  }
  .max-h-\[90vh\] {
    max-height: 90vh;
  }
  .max-h-\[92vh\] {
    max-height: 92vh;
  }
  .max-h-\[calc\(100vh-2rem\)\] {
    max-height: calc(100vh - 2rem);
  }
  .max-h-\[calc\(100vh-4rem\)\] {
    max-height: calc(100vh - 4rem);
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-20 {
    min-height: calc(var(--spacing) * 20);
  }
  .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-5 {
    width: calc(var(--spacing) * 5);
  }
  .w-6 {
    width: calc(var(--spacing) * 6);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-9 {
    width: calc(var(--spacing) * 9);
  }
  .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-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\,760px\)\] {
    width: min(100vw - 3rem, 760px);
  }
  .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-\[min\(720px\,95vw\)\] {
    width: min(720px, 95vw);
  }
  .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-\[22rem\] {
    max-width: 22rem;
  }
  .max-w-\[96vw\] {
    max-width: 96vw;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-lg {
    max-width: var(--container-lg);
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .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;
  }
  .basis-full {
    flex-basis: 100%;
  }
  .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-pulse {
    animation: var(--animate-pulse);
  }
  .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);
  }
  .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-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-nowrap {
    flex-wrap: nowrap;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-baseline {
    align-items: baseline;
  }
  .items-center {
    align-items: center;
  }
  .items-end {
    align-items: flex-end;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .justify-end {
    justify-content: flex-end;
  }
  .gap-1 {
    gap: 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);
  }
  .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-1\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .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)));
    }
  }
  .space-y-10 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * 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 {
    row-gap: calc(var(--spacing) * 0);
  }
  .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-\[calc\(var\(--radius-md\)\+2px\)\] {
    border-radius: calc(var(--radius-md) + 2px);
  }
  .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-t-\[var\(--radius-lg\)\] {
    border-top-left-radius: var(--radius-lg);
    border-top-right-radius: var(--radius-lg);
  }
  .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-muted\)\] {
    border-color: var(--color-border-muted);
  }
  .border-\[var\(--color-brand-blue\)\] {
    border-color: var(--color-brand-blue);
  }
  .border-\[var\(--color-rose\)\]\/40 {
    border-color: var(--color-rose);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-rose) 40%, transparent);
    }
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-amber-200\/80 {
    border-color: color-mix(in srgb, oklch(92.4% 0.12 95.746) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-amber-200) 80%, transparent);
    }
  }
  .border-amber-300 {
    border-color: var(--color-amber-300);
  }
  .border-blue-200 {
    border-color: var(--color-blue-200);
  }
  .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-red-200 {
    border-color: var(--color-red-200);
  }
  .border-red-300 {
    border-color: var(--color-red-300);
  }
  .border-rose-100 {
    border-color: var(--color-rose-100);
  }
  .border-rose-200 {
    border-color: var(--color-rose-200);
  }
  .border-rose-300 {
    border-color: var(--color-rose-300);
  }
  .border-sky-200 {
    border-color: var(--color-sky-200);
  }
  .border-sky-200\/80 {
    border-color: color-mix(in srgb, oklch(90.1% 0.058 230.902) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-sky-200) 80%, transparent);
    }
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-slate-200\/70 {
    border-color: color-mix(in srgb, oklch(92.9% 0.013 255.508) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-slate-200) 70%, transparent);
    }
  }
  .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);
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-accent\)_14\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.62 0.09 255) 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-accent\)_18\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.62 0.09 255) 18%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-accent) 18%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-muted\)_18\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.955 0.004 255) 18%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-muted) 18%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-muted\)_20\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.955 0.004 255) 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.955 0.004 255) 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.955 0.004 255) 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.955 0.004 255) 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\)_30\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.955 0.004 255) 30%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-muted) 30%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-muted\)_30\%\,transparent\)\]\/70 {
    background-color: color-mix(in srgb, color-mix(in srgb,oklch(0.955 0.004 255) 30%,transparent) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, color-mix(in srgb,var(--color-muted) 30%,transparent) 70%, transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-muted\)_35\%\,transparent\)\]\/60 {
    background-color: color-mix(in srgb, color-mix(in srgb,oklch(0.955 0.004 255) 35%,transparent) 60%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, color-mix(in srgb,var(--color-muted) 35%,transparent) 60%, transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-muted\)_40\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.955 0.004 255) 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\)_45\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.955 0.004 255) 45%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-muted) 45%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-muted\)_55\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.955 0.004 255) 55%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-muted) 55%,transparent);
    }
  }
  .bg-\[color-mix\(in_srgb\,var\(--color-muted\)_60\%\,transparent\)\] {
    background-color: color-mix(in srgb,oklch(0.955 0.004 255) 60%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in srgb,var(--color-muted) 60%,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-muted\)\] {
    background-color: var(--color-muted);
  }
  .bg-\[var\(--color-muted\)\]\/10 {
    background-color: color-mix(in srgb, oklch(0.955 0.004 255) 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.955 0.004 255) 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.955 0.004 255) 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\)\]\/25 {
    background-color: color-mix(in srgb, oklch(0.955 0.004 255) 25%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 25%, transparent);
    }
  }
  .bg-\[var\(--color-muted\)\]\/30 {
    background-color: color-mix(in srgb, oklch(0.955 0.004 255) 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\)\]\/35 {
    background-color: color-mix(in srgb, oklch(0.955 0.004 255) 35%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 35%, transparent);
    }
  }
  .bg-\[var\(--color-muted\)\]\/40 {
    background-color: color-mix(in srgb, oklch(0.955 0.004 255) 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\)\]\/45 {
    background-color: color-mix(in srgb, oklch(0.955 0.004 255) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 45%, transparent);
    }
  }
  .bg-\[var\(--color-muted\)\]\/70 {
    background-color: color-mix(in srgb, oklch(0.955 0.004 255) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 70%, transparent);
    }
  }
  .bg-\[var\(--color-rose\)\]\/10 {
    background-color: var(--color-rose);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose) 10%, transparent);
    }
  }
  .bg-\[var\(--color-subtle\)\] {
    background-color: var(--color-subtle);
  }
  .bg-\[var\(--color-surface\)\] {
    background-color: var(--color-surface);
  }
  .bg-\[var\(--color-surface\)\]\/60 {
    background-color: color-mix(in srgb, oklch(0.992 0.003 255) 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\)\]\/80 {
    background-color: color-mix(in srgb, oklch(0.992 0.003 255) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface) 80%, transparent);
    }
  }
  .bg-\[var\(--color-surface\)\]\/95 {
    background-color: color-mix(in srgb, oklch(0.992 0.003 255) 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\)\]\/30 {
    background-color: var(--color-surface-muted);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-surface-muted) 30%, transparent);
    }
  }
  .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-\[var\(--color-text\)\] {
    background-color: var(--color-text);
  }
  .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-amber-400 {
    background-color: var(--color-amber-400);
  }
  .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\/70 {
    background-color: color-mix(in srgb, oklch(97.9% 0.021 166.113) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-emerald-50) 70%, 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-200 {
    background-color: var(--color-emerald-200);
  }
  .bg-emerald-500 {
    background-color: var(--color-emerald-500);
  }
  .bg-emerald-600 {
    background-color: var(--color-emerald-600);
  }
  .bg-emerald-900 {
    background-color: var(--color-emerald-900);
  }
  .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\/70 {
    background-color: color-mix(in srgb, oklch(96.9% 0.015 12.422) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-rose-50) 70%, 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\/80 {
    background-color: color-mix(in srgb, oklch(97.7% 0.013 236.62) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-sky-50) 80%, 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-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-300 {
    background-color: var(--color-slate-300);
  }
  .bg-slate-900 {
    background-color: var(--color-slate-900);
  }
  .bg-slate-950\/45 {
    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);
    }
  }
  .bg-transparent {
    background-color: transparent;
  }
  .bg-violet-50 {
    background-color: var(--color-violet-50);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/45 {
    background-color: color-mix(in srgb, #fff 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 45%, transparent);
    }
  }
  .bg-white\/60 {
    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);
    }
  }
  .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\/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\(160deg\,color-mix\(in_oklab\,var\(--color-muted\)_72\%\,white\)\,var\(--color-surface\)\)\] {
    background-image: linear-gradient(160deg,color-mix(in srgb,oklch(0.955 0.004 255) 72%,white),var(--color-surface));
    @supports (color: color-mix(in lab, red, red)) {
      background-image: linear-gradient(160deg,color-mix(in oklab,var(--color-muted) 72%,white),var(--color-surface));
    }
  }
  .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.955 0.004 255) 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-\[var\(--color-muted\)\]\/40 {
    --tw-gradient-from: color-mix(in srgb, oklch(0.955 0.004 255) 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-from: color-mix(in oklab, var(--color-muted) 40%, 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));
  }
  .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));
  }
  .to-white\/40 {
    --tw-gradient-to: color-mix(in srgb, #fff 40%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-gradient-to: color-mix(in oklab, var(--color-white) 40%, 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));
  }
  .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-\[9px\] {
    font-size: 9px;
  }
  .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-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-wider {
    --tw-tracking: var(--tracking-wider);
    letter-spacing: var(--tracking-wider);
  }
  .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-nowrap {
    white-space: nowrap;
  }
  .whitespace-pre-line {
    white-space: pre-line;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[color-mix\(in_srgb\,var\(--color-subtle\)_60\%\,transparent\)\] {
    color: color-mix(in srgb,oklch(0.55  0.01  255) 60%,transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in srgb,var(--color-subtle) 60%,transparent);
    }
  }
  .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-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-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-900 {
    color: var(--color-red-900);
  }
  .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-800\/80 {
    color: color-mix(in srgb, oklch(45.5% 0.188 13.697) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-rose-800) 80%, transparent);
    }
  }
  .text-rose-900 {
    color: var(--color-rose-900);
  }
  .text-sky-600 {
    color: var(--color-sky-600);
  }
  .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-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .italic {
    font-style: italic;
  }
  .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-none {
    --tw-shadow: 0 0 #0000 !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;
  }
  .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-inner {
    --tw-shadow: inset 0 2px 4px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .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-red-400 {
    --tw-ring-color: var(--color-red-400);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .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-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .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-200 {
    animation-duration: 200ms;
  }
  .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-2 {
    &::file-selector-button {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .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.955 0.004 255) 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.62 0.09 255) 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.26  0.01  255) 20%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          border-color: color-mix(in oklab, var(--color-text) 20%, transparent);
        }
      }
    }
  }
  .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.955 0.004 255) 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.955 0.004 255) 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.955 0.004 255) 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.955 0.004 255) 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.955 0.004 255) 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-sky-100 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-sky-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-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\:shadow-sm {
    &:hover {
      @media (hover: hover) {
        --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
        box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
      }
    }
  }
  .hover\:file\:bg-\[var\(--color-muted\)\]\/80 {
    &:hover {
      @media (hover: hover) {
        &::file-selector-button {
          background-color: color-mix(in srgb, oklch(0.955 0.004 255) 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.955 0.004 255) 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.62 0.09 255) 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.62 0.09 255) 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.62 0.09 255) 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-emerald-300\/50 {
    &:focus {
      --tw-ring-color: color-mix(in srgb, oklch(84.5% 0.143 164.978) 50%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        --tw-ring-color: color-mix(in oklab, var(--color-emerald-300) 50%, transparent);
      }
    }
  }
  .focus\:ring-slate-200 {
    &:focus {
      --tw-ring-color: var(--color-slate-200);
    }
  }
  .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-sky-500 {
    &:focus-visible {
      --tw-ring-color: var(--color-sky-500);
    }
  }
  .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 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 1px;
    }
  }
  .focus-visible\:outline-2 {
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
  }
  .focus-visible\:outline-offset-2 {
    &:focus-visible {
      outline-offset: 2px;
    }
  }
  .focus-visible\:outline-\[var\(--color-accent\)\] {
    &:focus-visible {
      outline-color: var(--color-accent);
    }
  }
  .focus-visible\:outline-none {
    &:focus-visible {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .has-\[\:checked\]\:border-\[var\(--color-accent\)\] {
    &:has(*:is(:checked)) {
      border-color: var(--color-accent);
    }
  }
  .has-\[\:checked\]\:shadow-\[var\(--shadow-elev\)\] {
    &:has(*:is(:checked)) {
      --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);
    }
  }
  .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-\[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\)_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\:gap-2 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 2);
    }
  }
  .sm\:gap-3 {
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 3);
    }
  }
  .sm\:p-5 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 5);
    }
  }
  .sm\:p-6 {
    @media (width >= 40rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .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\:col-span-3 {
    @media (width >= 48rem) {
      grid-column: span 3 / span 3;
    }
  }
  .md\:col-span-6 {
    @media (width >= 48rem) {
      grid-column: span 6 / span 6;
    }
  }
  .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-4 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(4, 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\)_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .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\(100px\,140px\)_1fr_1fr\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(100px,140px) 1fr 1fr;
    }
  }
  .md\:p-4 {
    @media (width >= 48rem) {
      padding: calc(var(--spacing) * 4);
    }
  }
  .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-\[11rem_11rem_11rem_minmax\(0\,1fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: 11rem 11rem 11rem minmax(0,1fr);
    }
  }
  .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\,1\.45fr\)_minmax\(18rem\,0\.9fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1.45fr) minmax(18rem,0.9fr);
    }
  }
  .lg\:grid-cols-\[minmax\(0\,2\.2fr\)_minmax\(0\,1\.2fr\)\] {
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,2.2fr) minmax(0,1.2fr);
    }
  }
  .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);
    }
  }
  .lg\:p-8 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 8);
    }
  }
  .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\:col-span-4 {
    @media (width >= 80rem) {
      grid-column: span 4 / span 4;
    }
  }
  .xl\:col-span-8 {
    @media (width >= 80rem) {
      grid-column: span 8 / span 8;
    }
  }
  .xl\:col-span-12 {
    @media (width >= 80rem) {
      grid-column: span 12 / span 12;
    }
  }
  .xl\:hidden {
    @media (width >= 80rem) {
      display: none;
    }
  }
  .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-\[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-\[14rem_1fr\] {
    @media (width >= 80rem) {
      grid-template-columns: 14rem 1fr;
    }
  }
  .xl\:grid-cols-\[minmax\(0\,0\.72fr\)_minmax\(0\,1fr\)\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,0.72fr) minmax(0,1fr);
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1\.2fr\)_minmax\(18rem\,0\.85fr\)\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1.2fr) minmax(18rem,0.85fr);
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1\.25fr\)_minmax\(280px\,\.75fr\)\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1.25fr) minmax(280px,.75fr);
    }
  }
  .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\,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 {
  .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.955 0.004 255) 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: 50;
    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);
  }
  .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.92  0.004 255) 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.975 0.006 255) 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.92  0.004 255) 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.26  0.01  255) 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.92  0.004 255) 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.975 0.006 255) 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.92  0.004 255) 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.55  0.01  255) 78%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255) 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.975 0.006 255) 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.92  0.004 255) 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.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.55  0.01  255) 82%, oklch(0.26  0.01  255));
    @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.55  0.01  255) 88%, oklch(0.26  0.01  255));
    @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.92  0.004 255));
    @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.26  0.01  255));
    @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.92  0.004 255) 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.955 0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255) 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.955 0.004 255));
    @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.62 0.09 255) 22%, oklch(0.92  0.004 255));
    @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.92  0.004 255) 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.955 0.004 255));
    @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.92  0.004 255) 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.955 0.004 255));
    @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.62 0.09 255) 24%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 40%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 14%, white), rgb(255 255 255 / 0.72)), color-mix(in srgb, oklch(0.62 0.09 255) 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.92  0.004 255) 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.975 0.006 255) 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.55  0.01  255) 88%, oklch(0.26  0.01  255));
    @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.55  0.01  255) 92%, oklch(0.26  0.01  255));
    @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-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.62 0.09 255) 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.62 0.09 255) 82%, oklch(0.26  0.01  255));
    @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.55  0.01  255) 86%, oklch(0.26  0.01  255));
    @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.62 0.09 255) 12%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 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-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.92  0.004 255) 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.92  0.004 255));
    @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.92  0.004 255) 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.92  0.004 255) 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.975 0.006 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255));
    @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.92  0.004 255) 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.92  0.004 255));
    @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.26  0.01  255));
    @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.92  0.004 255) 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.92  0.004 255));
    @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.92  0.004 255));
    @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.55  0.01  255) 86%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.26  0.01  255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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.26  0.01  255) 74%, oklch(0.55  0.01  255));
    @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.92  0.004 255) 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.92  0.004 255) 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.55  0.01  255) 88%, oklch(0.26  0.01  255));
    @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-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.26  0.01  255) 78%, oklch(0.55  0.01  255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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__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.92  0.004 255));
    @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-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.92  0.004 255));
    @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.92  0.004 255));
    @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__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.26  0.01  255) 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.92  0.004 255));
    @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-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.92  0.004 255) 70%, rgb(91 116 151));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, rgb(91 116 151));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.5)), color-mix(in srgb, oklch(0.992 0.003 255) 88%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.5)), color-mix(in oklab, var(--color-surface) 88%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 28px 84px -66px rgb(20 28 40 / 0.56);
  }
  .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: rgba(126, 126, 126, 0.08);
    background: rgb(108, 113, 121);
    color: rgb(226 229 233);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 0.22);
  }
  .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: 14.8rem;
    position: relative;
    padding: 0.78rem 1.25rem 0.82rem;
    border-bottom: 1px solid color-mix(in srgb, oklch(0.92  0.004 255) 54%, rgb(91 116 151));
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--color-border) 54%, rgb(91 116 151));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.36)), linear-gradient(135deg, color-mix(in oklab, rgb(228 238 247) 64%, white), color-mix(in oklab, rgb(248 250 252) 88%, white) 54%, color-mix(in oklab, rgb(236 247 242) 54%, white)), color-mix(in srgb, oklch(0.975 0.006 255) 78%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.36)), linear-gradient(135deg, color-mix(in oklab, rgb(228 238 247) 64%, white), color-mix(in oklab, rgb(248 250 252) 88%, white) 54%, color-mix(in oklab, rgb(236 247 242) 54%, white)), color-mix(in oklab, var(--color-bg) 78%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), inset 0 0 0 1px rgb(255 255 255 / 0.28), 0 16px 44px -38px rgb(18 25 38 / 0.48);
  }
  .app-topbar::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    background: linear-gradient( 90deg, color-mix(in srgb, oklch(0.62 0.09 255) 10%, transparent), color-mix(in srgb, oklch(0.62 0.09 255) 36%, transparent) 34%, color-mix(in srgb, #10b981 24%, transparent) 64%, color-mix(in srgb, oklch(0.62 0.09 255) 8%, transparent) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 90deg, color-mix(in oklab, var(--color-accent) 10%, transparent), color-mix(in oklab, var(--color-accent) 36%, transparent) 34%, color-mix(in oklab, #10b981 24%, transparent) 64%, color-mix(in oklab, var(--color-accent) 8%, transparent) );
    }
    pointer-events: none;
  }
  .app-topbar__primary {
    display: grid;
    grid-template-columns: minmax(var(--app-brand-logo-width), calc(var(--app-brand-logo-width) + 0.75rem)) minmax(20rem, 1fr) max-content;
    align-items: center;
    gap: 0.72rem 1.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.45rem;
    max-width: none;
    width: max-content;
    padding: 0.35rem 0.45rem;
  }
  .app-brand-link:hover {
    background-color: rgb(255 255 255 / 0.52);
  }
  .app-brand-logo {
    display: block;
    flex: 0 0 auto;
    width: min(var(--app-brand-logo-width), 80vw);
    max-width: none;
    height: auto;
    transform: translateY(-0.41rem);
    filter: drop-shadow(0 7px 12px rgb(31 36 44 / 0.07));
  }
  .app-operator-badge {
    position: fixed;
    z-index: 40;
    margin: calc(var(--spacing) * 0);
    display: grid;
    max-width: calc(100vw - 1.5rem);
    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.84rem minmax(0, 1fr);
    grid-template-areas: "mark label" "mark name";
    column-gap: 0.6rem;
    row-gap: 0.06rem;
    width: min(12.4rem, calc((100vw - min(94vw, 90rem)) / 2 - 1.2rem));
    min-width: 10.8rem;
    min-height: 2.84rem;
    padding: 0.44rem 0.72rem 0.48rem 0.46rem;
    border: 1px solid color-mix(in srgb, oklch(0.62 0.09 255) 14%, rgb(91 116 151 / 0.34));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--color-accent) 14%, rgb(91 116 151 / 0.34));
    }
    background: linear-gradient(135deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.68) 45%, rgb(244 248 250 / 0.74)), linear-gradient(90deg, color-mix(in srgb, oklch(0.62 0.09 255) 8%, transparent), transparent 48%), color-mix(in srgb, oklch(0.975 0.006 255) 78%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.68) 45%, rgb(244 248 250 / 0.74)), linear-gradient(90deg, color-mix(in oklab, var(--color-accent) 8%, transparent), transparent 48%), color-mix(in oklab, var(--color-bg) 78%, white);
    }
    color: color-mix(in srgb, oklch(0.55  0.01  255) 78%, oklch(0.26  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 78%, var(--color-text));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), inset 0 0 0 1px rgb(255 255 255 / 0.34), 0 16px 36px -30px rgb(30 51 84 / 0.48);
  }
  .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.84rem;
    height: 1.84rem;
    border-radius: 999px;
    background: linear-gradient( 135deg, color-mix(in srgb, oklch(0.62 0.09 255) 66%, rgb(71 85 105)), color-mix(in srgb, #10b981 34%, 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-accent) 66%, rgb(71 85 105)), color-mix(in oklab, #10b981 34%, 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.62 0.09 255) 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.6rem;
    --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: color-mix(in srgb, oklch(0.55  0.01  255) 78%, oklch(0.54 0.09 255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 78%, var(--color-accent-700));
    }
  }
  .app-operator-badge__name {
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    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;
    color: color-mix(in srgb, oklch(0.26  0.01  255) 94%, rgb(71 85 105));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 94%, rgb(71 85 105));
    }
  }
  @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;
      margin-left: 0.02rem;
      margin-top: -0.32rem;
      min-height: 1.45rem;
      padding: 0.22rem 0.5rem;
      border: 1px solid color-mix(in srgb, oklch(0.92  0.004 255) 46%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border: 1px solid color-mix(in oklab, var(--color-border) 46%, transparent);
      }
      background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.28));
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.7), 0 10px 22px -22px rgb(30 51 84 / 0.44);
    }
    .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.92  0.004 255) 72%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in oklab, var(--color-border) 72%, transparent);
      }
    }
  }
  .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.65rem;
    border-radius: calc(var(--radius-md) + 2px);
    border-color: color-mix(in srgb, rgb(91 116 151) 18%, oklch(0.92  0.004 255));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(91 116 151) 18%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(248 250 252 / 0.68));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 12px 28px -24px rgb(20 28 40 / 0.48);
  }
  .app-search-input:focus {
    border-color: color-mix(in srgb, oklch(0.62 0.09 255) 55%, oklch(0.92  0.004 255));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 55%, var(--color-border));
    }
    box-shadow: 0 0 0 3px color-mix(in srgb, oklch(0.62 0.09 255) 16%, transparent), 0 12px 26px -20px rgb(20 28 40 / 0.48);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in oklab, var(--color-accent) 16%, transparent), 0 12px 26px -20px rgb(20 28 40 / 0.48);
    }
  }
  .app-search-voice {
    position: absolute;
    top: calc(1/2 * 100%);
    right: calc(var(--spacing) * 1.5);
    display: inline-flex;
    height: calc(var(--spacing) * 8);
    width: calc(var(--spacing) * 8);
    --tw-translate-y: calc(calc(1/2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    align-items: center;
    justify-content: center;
    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, 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.55  0.01  255) 80%, oklch(0.26  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 80%, var(--color-text));
    }
  }
  .app-search-voice:hover {
    background-color: color-mix(in srgb, oklch(0.955 0.004 255) 74%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 74%, white);
    }
    color: var(--color-text);
  }
  .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: 10px;
    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.48rem;
    border: 1px solid color-mix(in srgb, rgb(91 116 151) 18%, oklch(0.92  0.004 255));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, rgb(91 116 151) 18%, var(--color-border));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.76), 0 12px 28px -24px rgb(30 51 84 / 0.52);
  }
  .app-topbar__actions .btn-primary {
    border-color: color-mix(in srgb, oklch(0.62 0.09 255) 48%, rgb(30 51 84));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 48%, rgb(30 51 84));
    }
    background: linear-gradient(180deg, rgb(95 121 157), rgb(70 94 126)), var(--color-accent);
    color: white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.22), 0 16px 34px -24px rgb(30 51 84 / 0.74);
  }
  .app-topbar__actions .btn-primary:hover {
    background: linear-gradient(180deg, rgb(86 113 150), rgb(61 84 116)), var(--color-accent-700);
    transform: translateY(-1px);
  }
  .app-topbar__actions .btn-muted {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(241 245 249 / 0.62));
    color: color-mix(in srgb, oklch(0.26  0.01  255) 88%, rgb(42 48 56));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 88%, rgb(42 48 56));
    }
  }
  .app-topbar__actions .btn-muted:hover {
    filter: none;
    border-color: color-mix(in srgb, oklch(0.62 0.09 255) 28%, oklch(0.92  0.004 255));
    @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, rgb(255 255 255 / 0.95), rgb(247 250 252 / 0.76));
    transform: translateY(-1px);
  }
  .app-topbar__actions .btn-danger {
    border-color: color-mix(in oklab, #e11d48 46%, rgb(127 29 29));
    background: linear-gradient(180deg, 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: linear-gradient(180deg, rgb(206 22 64), rgb(166 14 52));
    transform: translateY(-1px);
  }
  .dashboard-page-head {
    margin-top: calc(var(--spacing) * 4);
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: center;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
    padding: 0 0 0.65rem;
    border-bottom: 1px solid color-mix(in srgb, oklch(0.92  0.004 255) 72%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--color-border) 72%, rgb(120 128 140));
    }
  }
  .dashboard-page-heading {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .dashboard-page-mark {
    width: 0.22rem;
    height: 1.55rem;
    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);
  }
  .dashboard-page-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);
    @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.26  0.01  255) 91%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 91%, black);
    }
  }
  .dashboard-workspace {
    position: relative;
    isolation: isolate;
    display: grid;
    gap: 0.84rem;
    padding: 0.48rem 0 1.1rem;
  }
  .dashboard-workspace::before {
    display: none;
  }
  .dashboard-command {
    position: relative;
    display: grid;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    overflow: visible;
    grid-template-columns: minmax(0, 1fr) auto;
    border: 0;
    border-radius: 0;
    padding: 0.14rem 0.05rem 0.08rem;
    background: transparent;
    box-shadow: none;
  }
  .dashboard-command::before {
    display: none;
  }
  .dashboard-command__copy {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: flex-start;
  }
  .dashboard-command__eyebrow {
    position: relative;
    margin: calc(var(--spacing) * 0);
    display: inline-flex;
    max-width: 100%;
    align-items: baseline;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 2);
    --tw-leading: 1;
    line-height: 1;
    color: color-mix(in srgb, oklch(0.26  0.01  255) 92%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 92%, black);
    }
    font-size: 1.22rem;
    font-weight: 680;
    letter-spacing: 0;
    text-transform: none;
    background: transparent;
    box-shadow: none;
  }
  .dashboard-command__eyebrow::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3.2rem;
    height: 2px;
    border-radius: 999px;
    background: linear-gradient( 90deg, color-mix(in srgb, oklch(0.62 0.09 255) 58%, #10b981), color-mix(in srgb, oklch(0.62 0.09 255) 12%, transparent) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 90deg, color-mix(in oklab, var(--color-accent) 58%, #10b981), color-mix(in oklab, var(--color-accent) 12%, transparent) );
    }
    opacity: 0.72;
  }
  .dashboard-command__pulse {
    display: none;
  }
  .dashboard-command__year {
    position: relative;
    font-size: 0.76em;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    margin-left: 0.2rem;
    padding-left: 0.68rem;
    color: color-mix(in srgb, oklch(0.55  0.01  255) 70%, oklch(0.26  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 70%, var(--color-text));
    }
  }
  .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.92  0.004 255) 72%, oklch(0.55  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--color-border) 72%, var(--color-subtle));
    }
  }
  .dashboard-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2);
    align-self: start;
    margin-top: 0.12rem;
  }
  .dashboard-action {
    display: inline-flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: 10px;
    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;
    }
    min-height: 2.48rem;
    border: 1px solid color-mix(in srgb, rgb(91 116 151) 18%, oklch(0.92  0.004 255));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, rgb(91 116 151) 18%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(241 245 249 / 0.62));
    color: color-mix(in srgb, oklch(0.26  0.01  255) 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 12px 28px -24px rgb(30 51 84 / 0.54);
  }
  .dashboard-action:hover {
    border-color: color-mix(in srgb, oklch(0.62 0.09 255) 28%, oklch(0.92  0.004 255));
    @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, 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 16px 34px -26px rgb(30 51 84 / 0.62);
  }
  .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: 7px;
    padding: 0.22rem;
    color: color-mix(in srgb, oklch(0.54 0.09 255) 78%, oklch(0.26  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent-700) 78%, var(--color-text));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.24)), color-mix(in srgb, oklch(0.62 0.09 255) 10%, transparent);
    @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(--color-accent) 10%, transparent);
    }
  }
  .dashboard-action--primary {
    border-color: color-mix(in srgb, oklch(0.62 0.09 255) 48%, rgb(30 51 84));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 48%, rgb(30 51 84));
    }
    background: linear-gradient(180deg, rgb(95 121 157), rgb(70 94 126)), var(--color-accent);
    color: white;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.22), 0 16px 34px -24px rgb(30 51 84 / 0.78);
  }
  .dashboard-action--primary:hover {
    border-color: color-mix(in srgb, oklch(0.62 0.09 255) 54%, rgb(30 51 84));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 54%, rgb(30 51 84));
    }
    background: linear-gradient(180deg, rgb(86 113 150), rgb(61 84 116)), var(--color-accent-700);
    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.62 0.09 255) 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-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-metrics {
    gap: 0.84rem;
    margin-top: 0.28rem;
  }
  .dashboard-metrics .claim-workload-kpi {
    --dashboard-kpi-accent: rgb(100 116 139);
    --dashboard-kpi-tint: rgb(226 232 240);
    min-height: 5.38rem;
    border-color: var(--dashboard-kpi-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--dashboard-kpi-accent) 16%, white);
    }
    border-radius: 14px;
    padding: 0.94rem 1rem 0.82rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.34)), linear-gradient(135deg, var(--dashboard-kpi-tint), rgb(255 255 255 / 0.76) 58%), var(--dashboard-kpi-tint);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.34)), linear-gradient(135deg, color-mix(in oklab, var(--dashboard-kpi-tint) 58%, white), rgb(255 255 255 / 0.76) 58%), color-mix(in oklab, var(--dashboard-kpi-tint) 34%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82), 0 16px 36px -30px var(--dashboard-kpi-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82), 0 16px 36px -30px color-mix(in oklab, var(--dashboard-kpi-accent) 34%, rgb(15 23 42));
    }
  }
  .dashboard-metrics .claim-workload-kpi::before {
    top: 0.94rem;
    right: auto;
    bottom: auto;
    left: 0.78rem;
    width: 0.42rem;
    height: 0.42rem;
    border-radius: 999px;
    background: var(--dashboard-kpi-accent);
    opacity: 0.88;
    box-shadow: 0 0 0 3px var(--dashboard-kpi-accent), 0 0 14px var(--dashboard-kpi-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in oklab, var(--dashboard-kpi-accent) 12%, transparent), 0 0 14px color-mix(in oklab, var(--dashboard-kpi-accent) 20%, transparent);
    }
  }
  .dashboard-metrics .claim-workload-kpi:hover {
    border-color: var(--dashboard-kpi-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--dashboard-kpi-accent) 24%, white);
    }
    transform: translateY(-1px);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 20px 42px -31px var(--dashboard-kpi-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 20px 42px -31px color-mix(in oklab, var(--dashboard-kpi-accent) 42%, rgb(15 23 42));
    }
  }
  .dashboard-metrics .claim-workload-kpi--finished, .dashboard-metrics .claim-workload-kpi--paid {
    --dashboard-kpi-accent: rgb(5 150 105);
    --dashboard-kpi-tint: rgb(209 250 229);
  }
  .dashboard-metrics .claim-workload-kpi--progress {
    --dashboard-kpi-accent: rgb(217 119 6);
    --dashboard-kpi-tint: rgb(254 243 199);
  }
  .dashboard-metrics .claim-workload-kpi--stagnant, .dashboard-metrics .claim-workload-kpi--outstanding {
    --dashboard-kpi-accent: rgb(225 29 72);
    --dashboard-kpi-tint: rgb(255 228 230);
  }
  .dashboard-metrics .claim-workload-kpi--action {
    --dashboard-kpi-accent: var(--color-accent);
    --dashboard-kpi-tint: color-mix(in srgb, oklch(0.62 0.09 255) 18%, white);
    @supports (color: color-mix(in lab, red, red)) {
      --dashboard-kpi-tint: color-mix(in oklab, var(--color-accent) 18%, white);
    }
  }
  .dashboard-metrics .claim-workload-kpi__label {
    padding-left: 1.04rem;
    color: color-mix(in srgb, oklch(0.26  0.01  255) 82%, oklch(0.55  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 82%, var(--color-subtle));
    }
    font-size: 15px;
    font-weight: 760;
    line-height: 1.15;
  }
  .dashboard-metrics .claim-workload-kpi__value {
    font-size: 1.62rem;
    font-weight: 780;
  }
  .dashboard-metrics .claim-workload-kpi__metric {
    gap: 0.42rem;
  }
  .dashboard-metrics .claim-workload-kpi--finished .claim-workload-kpi__value, .dashboard-metrics .claim-workload-kpi--paid .claim-workload-kpi__value, .dashboard-metrics .claim-workload-kpi--progress .claim-workload-kpi__value, .dashboard-metrics .claim-workload-kpi--stagnant .claim-workload-kpi__value, .dashboard-metrics .claim-workload-kpi--outstanding .claim-workload-kpi__value, .dashboard-metrics .claim-workload-kpi--action .claim-workload-kpi__value {
    color: var(--dashboard-kpi-accent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--dashboard-kpi-accent) 82%, var(--color-text));
    }
  }
  .dashboard-metrics .claim-workload-kpi__progress, .dashboard-metrics .claim-workload-kpi__meta, .dashboard-metrics .claim-workload-kpi__list {
    margin-top: 0.34rem;
    border-top: 0;
    padding-top: 0;
  }
  .dashboard-metrics .claim-workload-kpi__bar {
    height: 0.26rem;
    background: var(--dashboard-kpi-tint);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--dashboard-kpi-tint) 58%, white);
    }
  }
  .dashboard-metrics .claim-workload-kpi__bar > span {
    background: var(--dashboard-kpi-accent);
  }
  .dashboard-metrics .claim-workload-kpi__unit {
    color: var(--dashboard-kpi-accent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--dashboard-kpi-accent) 78%, var(--color-subtle));
    }
    font-size: 0.82rem;
  }
  .dashboard-metrics .claim-workload-kpi__meta {
    color: color-mix(in srgb, oklch(0.55  0.01  255) 66%, oklch(0.26  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 66%, var(--color-text));
    }
    font-size: 14px;
    font-weight: 700;
  }
  .dashboard-metrics .claim-workload-kpi.active {
    outline: none;
    border-color: var(--dashboard-kpi-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--dashboard-kpi-accent) 34%, white);
    }
    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);
    @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));
    }
  }
  .dashboard-claims-zone {
    position: relative;
    overflow: visible;
    margin-top: 0.58rem;
    padding: 0.62rem 0.64rem 0.76rem;
    border: 1px solid color-mix(in srgb, oklch(0.92  0.004 255) 46%, rgb(91 116 151));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--color-border) 46%, rgb(91 116 151));
    }
    border-radius: 16px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.62), rgb(255 255 255 / 0.24)), linear-gradient(135deg, color-mix(in oklab, rgb(231 239 247) 42%, transparent), transparent 56%), color-mix(in srgb, oklch(0.975 0.006 255) 52%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.62), rgb(255 255 255 / 0.24)), linear-gradient(135deg, color-mix(in oklab, rgb(231 239 247) 42%, transparent), transparent 56%), color-mix(in oklab, var(--color-bg) 52%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.8), 0 18px 48px -46px rgb(30 51 84 / 0.42);
  }
  .dashboard-claims-zone::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient( 90deg, color-mix(in srgb, oklch(0.62 0.09 255) 8%, transparent), color-mix(in srgb, oklch(0.62 0.09 255) 30%, transparent) 32%, color-mix(in srgb, #10b981 16%, transparent) 64%, color-mix(in srgb, oklch(0.62 0.09 255) 6%, transparent) );
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient( 90deg, color-mix(in oklab, var(--color-accent) 8%, transparent), color-mix(in oklab, var(--color-accent) 30%, transparent) 32%, color-mix(in oklab, #10b981 16%, transparent) 64%, color-mix(in oklab, var(--color-accent) 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: calc(var(--spacing) * 9);
    width: 5.6rem;
    cursor: pointer;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(var(--radius-sm) + 3px);
    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: color-mix(in srgb, oklch(0.92  0.004 255) 84%, rgb(120 128 140));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 84%, rgb(120 128 140));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(246 247 249 / 0.88));
    color: color-mix(in srgb, oklch(0.55  0.01  255) 88%, oklch(0.26  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 88%, var(--color-text));
    }
    box-shadow: 0 14px 30px -24px rgb(30 51 84 / 0.52), inset 0 1px 0 rgb(255 255 255 / 0.9);
  }
  .app-language-switcher__trigger::-webkit-details-marker {
    display: none;
  }
  .app-language-switcher__trigger:hover, .app-language-switcher[open] .app-language-switcher__trigger {
    border-color: color-mix(in srgb, oklch(0.62 0.09 255) 26%, oklch(0.92  0.004 255));
    @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.98), rgb(248 250 252 / 0.94));
    color: var(--color-text);
    box-shadow: 0 16px 28px -22px rgb(30 51 84 / 0.66), inset 0 1px 0 rgb(255 255 255 / 0.92);
  }
  .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: color-mix(in srgb, oklch(0.62 0.09 255) 64%, oklch(0.55  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent) 64%, var(--color-subtle));
    }
  }
  .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: color-mix(in srgb, oklch(0.55  0.01  255) 82%, oklch(0.26  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 82%, var(--color-text));
    }
  }
  .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(var(--radius-sm) - 2px);
    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(180deg, rgb(91 116 151), rgb(75 98 129));
    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.92  0.004 255) 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__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.26  0.01  255) 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.955 0.004 255) 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.62 0.09 255) 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.62 0.09 255) 26%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 76%, oklch(0.26  0.01  255));
    @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.955 0.004 255) 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));
  }
  .auth-language-dock {
    position: absolute;
    top: calc(var(--spacing) * 4);
    right: calc(var(--spacing) * 4);
    z-index: 30;
    display: flex;
    justify-content: flex-end;
  }
  @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: start;
    }
    .dashboard-toolbar {
      justify-content: flex-start;
    }
    .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));
    }
    .auth-language-dock {
      position: static;
      padding: 0.75rem 0.75rem 0;
    }
    .dashboard-page-head {
      padding-bottom: 0.65rem;
    }
    .dashboard-command {
      border-radius: 0;
      padding: 0;
    }
    .dashboard-toolbar {
      justify-content: stretch;
    }
  }
  .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));
    }
  }
  .claim-entity-hero {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .claim-entity-hero__name {
    font-size: 1.28rem;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    --tw-tracking: 0.01em;
    letter-spacing: 0.01em;
    color: var(--color-text);
    @media (width >= 40rem) {
      font-size: 1.42rem;
    }
  }
  .claim-entity-hero__name-link {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration-line: none;
    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: 150ms;
    transition-duration: 150ms;
    animation-duration: 150ms;
    color: inherit;
  }
  .claim-entity-hero__name-link:hover {
    color: var(--color-accent);
  }
  .claim-entity-hero__name-link: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);
  }
  .claim-entity-hero__meta {
    margin-top: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-tracking: 0.13em;
    letter-spacing: 0.13em;
    color: var(--color-subtle);
    text-transform: uppercase;
  }
  .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%;
  }
  .asset-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);
    border-color: var(--color-emerald-200);
    background-color: var(--color-emerald-50);
  }
  .obligation-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);
    border-color: var(--color-rose-200);
    background-color: var(--color-rose-50);
  }
  .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);
      }
    }
  }
  .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.92  0.004 255) 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.992 0.003 255) 88%, oklch(0.955 0.004 255));
    @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.26  0.01  255) 60%, oklch(0.55  0.01  255));
    @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-inline {
    min-width: calc(var(--spacing) * 0);
    flex-shrink: 0;
  }
  .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.92  0.004 255) 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.62 0.09 255) 6%, transparent) 0%, transparent 58%), color-mix(in srgb, oklch(0.992 0.003 255) 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.62 0.09 255) 20%, oklch(0.92  0.004 255));
    @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.955 0.004 255) 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.54 0.09 255) 76%, oklch(0.26  0.01  255));
    @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.62 0.09 255) 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.62 0.09 255) 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.54 0.09 255) 84%, oklch(0.26  0.01  255));
    @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.62 0.09 255) 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.62 0.09 255) 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.955 0.004 255) 58%, white), color-mix(in srgb, white 86%, oklch(0.955 0.004 255)), color-mix(in srgb, oklch(0.955 0.004 255) 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.92  0.004 255) 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.62 0.09 255) 8%, transparent) 0%, transparent 52%), color-mix(in srgb, oklch(0.992 0.003 255) 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.92  0.004 255) 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.62 0.09 255) 8%, transparent) 0%, transparent 56%), color-mix(in srgb, oklch(0.992 0.003 255) 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.92  0.004 255) 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.62 0.09 255) 10%, transparent) 0%, transparent 56%), linear-gradient(135deg, color-mix(in srgb, oklch(0.955 0.004 255) 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.54 0.09 255) 84%, oklch(0.26  0.01  255));
    @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.62 0.09 255) 12%, transparent) 0%, transparent 54%), color-mix(in srgb, oklch(0.62 0.09 255) 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.92  0.004 255) 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.992 0.003 255) 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.55  0.01  255) 86%, oklch(0.26  0.01  255));
    @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.62 0.09 255) 18%, oklch(0.92  0.004 255));
    @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.55  0.01  255) 84%, oklch(0.26  0.01  255));
    @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.55  0.01  255) 84%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.62 0.09 255) 7%, transparent) 0%, transparent 56%), color-mix(in srgb, oklch(0.992 0.003 255) 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.92  0.004 255) 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.955 0.004 255) 28%, transparent), transparent), color-mix(in srgb, white 70%, oklch(0.992 0.003 255));
    @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.54 0.09 255) 82%, oklch(0.26  0.01  255));
    @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.62 0.09 255) 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.62 0.09 255) 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.992 0.003 255) 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.55  0.01  255) 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.92  0.004 255) 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.955 0.004 255) 18%, transparent), transparent), color-mix(in srgb, white 72%, oklch(0.992 0.003 255));
    @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.92  0.004 255));
    @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.92  0.004 255) 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.62 0.09 255) 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.92  0.004 255) 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.62 0.09 255) 6%, transparent) 0%, transparent 56%), color-mix(in srgb, oklch(0.992 0.003 255) 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.62 0.09 255) 18%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 28%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 11%, white), color-mix(in srgb, white 90%, oklch(0.992 0.003 255))), radial-gradient(140% 120% at 100% 0%, color-mix(in srgb, oklch(0.62 0.09 255) 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.62 0.09 255) 14%, transparent), 0 18px 28px -30px color-mix(in srgb, oklch(0.62 0.09 255) 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.54 0.09 255) 80%, oklch(0.26  0.01  255));
    @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.62 0.09 255) 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.62 0.09 255) 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.55  0.01  255) 84%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.62 0.09 255) 6%, transparent) 0%, transparent 58%), color-mix(in srgb, oklch(0.992 0.003 255) 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.92  0.004 255) 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.955 0.004 255) 28%, transparent), transparent), color-mix(in srgb, white 70%, oklch(0.992 0.003 255));
    @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.92  0.004 255) 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.955 0.004 255) 20%, transparent), transparent), color-mix(in srgb, white 76%, oklch(0.992 0.003 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.54 0.09 255) 82%, oklch(0.26  0.01  255));
    @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.62 0.09 255) 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.26  0.01  255));
    @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.92  0.004 255) 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.955 0.004 255) 18%, transparent), transparent), color-mix(in srgb, white 78%, oklch(0.992 0.003 255));
    @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.92  0.004 255) 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.955 0.004 255) 18%, transparent), transparent), color-mix(in srgb, white 74%, oklch(0.992 0.003 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.55  0.01  255) 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.92  0.004 255) 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.992 0.003 255));
    @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.26  0.01  255) 86%, oklch(0.55  0.01  255));
    @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.62 0.09 255) 22%, oklch(0.92  0.004 255));
    @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.92  0.004 255) 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.992 0.003 255));
    @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.62 0.09 255) 18%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 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.62 0.09 255) 28%, oklch(0.92  0.004 255));
    @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-hero__footer {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-top: calc(var(--spacing) * 2.5);
    border-color: color-mix(in srgb, oklch(0.92  0.004 255) 70%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 70%, transparent);
    }
  }
  .claim-details-quick-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .claim-details-quick-actions__label {
    margin-right: 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: var(--color-subtle);
  }
  .claim-details-quick-action {
    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);
    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: rgb(255 255 255 / 0.78);
  }
  .claim-details-quick-action--call {
    border-color: rgb(167 243 208);
    color: rgb(6 95 70);
    background-color: rgb(236 253 245);
  }
  .claim-details-quick-action--email {
    border-color: rgb(186 230 253);
    color: rgb(3 105 161);
    background-color: rgb(240 249 255);
  }
  .claim-details-quick-action--task {
    border-color: rgb(199 210 254);
    color: rgb(67 56 202);
    background-color: rgb(238 242 255);
  }
  .claim-details-quick-action:hover {
    filter: brightness(0.98);
  }
  .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.92  0.004 255) 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.992 0.003 255) 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.62 0.09 255) 18%, oklch(0.92  0.004 255));
    @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.992 0.003 255) 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.62 0.09 255) 26%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 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.54 0.09 255) 82%, oklch(0.26  0.01  255));
    @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.62 0.09 255) 34%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 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.92  0.004 255));
    @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.92  0.004 255));
    @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-floating-actions {
    display: none;
    @media (width >= 80rem) {
      display: flex;
    }
    @media (width >= 80rem) {
      flex-direction: column;
    }
    @media (width >= 80rem) {
      align-items: center;
    }
    @media (width >= 80rem) {
      gap: calc(var(--spacing) * 2);
    }
    position: fixed;
    right: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
    z-index: 30;
  }
  .claim-details-floating-actions__label {
    margin-bottom: calc(var(--spacing) * 1);
    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.16em;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    border-color: color-mix(in srgb, oklch(0.92  0.004 255) 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.9), rgb(255 255 255 / 0.68)), color-mix(in srgb, oklch(0.992 0.003 255) 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.68)), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    color: var(--color-subtle);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 16px 28px -32px rgb(15 23 42 / 0.26);
    writing-mode: vertical-rl;
    transform: rotate(180deg);
  }
  .claim-details-floating-action {
    display: inline-flex;
    height: calc(var(--spacing) * 11);
    width: calc(var(--spacing) * 11);
    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;
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 18px 30px -28px rgb(15 23 42 / 0.28);
    backdrop-filter: blur(12px);
  }
  .claim-details-floating-action--call {
    border-color: rgb(167 243 208);
    background-color: rgb(236 253 245 / 0.95);
    color: rgb(6 95 70);
  }
  .claim-details-floating-action--email {
    border-color: rgb(186 230 253);
    background-color: rgb(240 249 255 / 0.95);
    color: rgb(3 105 161);
  }
  .claim-details-floating-action--task {
    border-color: rgb(199 210 254);
    background-color: rgb(238 242 255 / 0.95);
    color: rgb(67 56 202);
  }
  .claim-details-floating-action:hover {
    transform: translateY(-1px);
  }
  .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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.55  0.01  255) 86%, oklch(0.26  0.01  255));
    @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.992 0.003 255) 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.955 0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.62 0.09 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.62 0.09 255) 18%, oklch(0.92  0.004 255));
    @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.55  0.01  255) 82%, oklch(0.26  0.01  255));
    @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-shell {
    border-radius: calc(var(--radius-lg) + 6px);
    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.92  0.004 255) 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.7), transparent 28%), radial-gradient(140% 120% at 100% 0%, color-mix(in srgb, oklch(0.62 0.09 255) 9%, transparent) 0%, transparent 46%), linear-gradient(180deg, color-mix(in srgb, oklch(0.992 0.003 255) 96%, white), color-mix(in srgb, white 84%, oklch(0.992 0.003 255)));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.7), transparent 28%), 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) 96%, white), color-mix(in oklab, white 84%, var(--color-surface)));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 26px 42px -46px rgb(15 23 42 / 0.28);
  }
  .claim-info-shell.is-expanded {
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 28px 48px -48px rgb(15 23 42 / 0.3);
  }
  .claim-info-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.92  0.004 255) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
  }
  .claim-info-shell__intro {
    min-width: calc(var(--spacing) * 0);
  }
  .claim-info-shell__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.55  0.01  255) 84%, oklch(0.26  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 84%, var(--color-text));
    }
  }
  .claim-info-shell__title {
    margin-top: calc(var(--spacing) * 1);
    font-size: 1.12rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 40rem) {
      font-size: 1.22rem;
    }
    color: color-mix(in srgb, oklch(0.26  0.01  255) 94%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 94%, black);
    }
    letter-spacing: 0;
  }
  .claim-info-shell__description {
    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: color-mix(in srgb, oklch(0.26  0.01  255) 88%, oklch(0.55  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 88%, var(--color-subtle));
    }
  }
  .claim-info-shell__header-actions {
    display: flex;
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .claim-info-shell__toggle, .claim-secondary-panel__toggle {
    display: inline-flex;
    flex-shrink: 0;
    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.5);
    padding-block: calc(var(--spacing) * 2);
    font-size: 12px;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    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.92  0.004 255) 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.92), rgb(255 255 255 / 0.74)), color-mix(in srgb, oklch(0.992 0.003 255) 94%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.74)), color-mix(in oklab, var(--color-surface) 94%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 16px 26px -30px rgb(15 23 42 / 0.34);
    color: color-mix(in srgb, oklch(0.26  0.01  255) 90%, oklch(0.55  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 90%, var(--color-subtle));
    }
  }
  .claim-info-shell__toggle::after, .claim-secondary-panel__toggle::after {
    content: "";
    width: 0.5rem;
    height: 0.5rem;
    flex-shrink: 0;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-1px);
    transform-origin: center;
    opacity: 0.72;
    transition: transform 160ms ease, opacity 160ms ease;
  }
  .claim-info-shell__toggle:hover, .claim-secondary-panel__toggle:hover {
    border-color: color-mix(in srgb, oklch(0.62 0.09 255) 24%, oklch(0.92  0.004 255));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 24%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.78)), color-mix(in srgb, oklch(0.62 0.09 255) 6%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.78)), color-mix(in oklab, var(--color-accent) 6%, white);
    }
    color: var(--color-accent-700);
  }
  .claim-info-shell__toggle[aria-expanded="true"], .claim-secondary-panel__toggle[aria-expanded="true"], .claim-secondary-panel[open] .claim-secondary-panel__toggle, .claim-info-shell.is-expanded .claim-info-shell__toggle {
    border-color: color-mix(in srgb, oklch(0.62 0.09 255) 40%, oklch(0.92  0.004 255));
    @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, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.76)), color-mix(in srgb, oklch(0.62 0.09 255) 12%, 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-accent) 12%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 18px 28px -32px rgb(59 130 246 / 0.42);
    color: var(--color-accent-700);
  }
  .claim-info-shell__toggle[aria-expanded="true"]::after, .claim-secondary-panel__toggle[aria-expanded="true"]::after, .claim-secondary-panel[open] .claim-secondary-panel__toggle::after, .claim-info-shell.is-expanded .claim-info-shell__toggle::after {
    transform: rotate(-135deg) translateY(-1px);
    opacity: 1;
  }
  .claim-info-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-info-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.92  0.004 255) 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.992 0.003 255) 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-info-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.55  0.01  255) 86%, oklch(0.26  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 86%, var(--color-text));
    }
  }
  .claim-info-shell__summary-value {
    margin-top: calc(var(--spacing) * 2);
    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.15rem;
    }
    color: var(--color-text);
    font-variant-numeric: tabular-nums;
    line-height: 1.15;
  }
  .claim-info-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-info-shell__body {
    margin-top: calc(var(--spacing) * 5);
    :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-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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.55  0.01  255) 84%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.955 0.004 255) 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.55  0.01  255) 84%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.992 0.003 255) 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.62 0.09 255) 8%, transparent) 0%, transparent 54%), color-mix(in srgb, oklch(0.992 0.003 255) 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.62 0.09 255) 7%, transparent) 0%, transparent 56%), color-mix(in srgb, oklch(0.992 0.003 255) 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.955 0.004 255) 46%, white) 0%, transparent 58%), color-mix(in srgb, oklch(0.992 0.003 255) 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.992 0.003 255) 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.62 0.09 255) 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.62 0.09 255) 18%, oklch(0.92  0.004 255));
    @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.54 0.09 255) 82%, oklch(0.26  0.01  255));
    @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.55  0.01  255) 84%, oklch(0.26  0.01  255));
    @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.26  0.01  255) 92%, oklch(0.55  0.01  255));
    @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.92  0.004 255) 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.955 0.004 255) 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.55  0.01  255) 84%, oklch(0.26  0.01  255));
    @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.55  0.01  255) 84%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.955 0.004 255) 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.55  0.01  255) 86%, oklch(0.26  0.01  255));
    @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.55  0.01  255) 84%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.992 0.003 255) 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.62 0.09 255) 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.92  0.004 255) 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.62 0.09 255) 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.92  0.004 255) 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.62 0.09 255) 6%, transparent) 0%, transparent 48%), linear-gradient(180deg, color-mix(in srgb, oklch(0.992 0.003 255) 96%, white), color-mix(in srgb, white 86%, oklch(0.992 0.003 255)));
    @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.62 0.09 255) 9%, transparent) 0%, transparent 46%), linear-gradient(180deg, color-mix(in srgb, oklch(0.992 0.003 255) 95%, white), color-mix(in srgb, oklch(0.955 0.004 255) 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.955 0.004 255) 44%, white), color-mix(in srgb, oklch(0.992 0.003 255) 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.92  0.004 255) 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.55  0.01  255) 84%, oklch(0.26  0.01  255));
    @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.26  0.01  255) 88%, oklch(0.55  0.01  255));
    @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.92  0.004 255) 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.992 0.003 255) 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.955 0.004 255) 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.62 0.09 255) 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.62 0.09 255) 18%, oklch(0.92  0.004 255));
    @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.55  0.01  255) 86%, oklch(0.26  0.01  255));
    @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-secondary-panel {
    border-radius: calc(var(--radius-md) + 2px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: color-mix(in srgb, oklch(0.92  0.004 255) 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.72), rgb(255 255 255 / 0.5)), color-mix(in srgb, oklch(0.955 0.004 255) 34%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.72), rgb(255 255 255 / 0.5)), color-mix(in oklab, var(--color-muted) 34%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 18px 28px -36px rgb(15 23 42 / 0.18);
  }
  .claim-secondary-panel__header {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.5);
  }
  summary.claim-secondary-panel__header {
    cursor: pointer;
    list-style-type: none;
  }
  summary.claim-secondary-panel__header::-webkit-details-marker {
    display: none;
  }
  summary.claim-secondary-panel__header::marker {
    content: "";
  }
  .claim-secondary-panel__label {
    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.55  0.01  255) 86%, oklch(0.26  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 86%, var(--color-text));
    }
  }
  .claim-secondary-panel__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-secondary-panel__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: var(--color-subtle);
  }
  .claim-secondary-panel__body {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 4);
    border-color: color-mix(in srgb, oklch(0.92  0.004 255) 62%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 62%, transparent);
    }
  }
  .claim-secondary-panel__toggle-open {
    display: none;
  }
  .claim-secondary-panel[open] .claim-secondary-panel__toggle-closed {
    display: none;
  }
  .claim-secondary-panel[open] .claim-secondary-panel__toggle-open {
    display: inline;
  }
  .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.92  0.004 255) 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.992 0.003 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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-inline-tablist {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    border-radius: calc(var(--radius-md) + 4px);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding: calc(var(--spacing) * 1.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: color-mix(in srgb, oklch(0.92  0.004 255) 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.78), rgb(255 255 255 / 0.52)), radial-gradient(130% 120% at 100% 0%, color-mix(in srgb, oklch(0.62 0.09 255) 6%, transparent) 0%, transparent 55%), color-mix(in srgb, oklch(0.992 0.003 255) 96%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.52)), radial-gradient(130% 120% at 100% 0%, color-mix(in oklab, var(--color-accent) 6%, transparent) 0%, transparent 55%), color-mix(in oklab, var(--color-surface) 96%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 18px 26px -34px rgb(15 23 42 / 0.24);
  }
  .claim-inline-tablist > .btn-ghost, .claim-inline-tablist > .btn-muted {
    border-radius: calc(infinity * 1px);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: 12px;
    --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);
  }
  .claim-inline-tablist > .btn-muted {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.66)), color-mix(in srgb, oklch(0.62 0.09 255) 10%, 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-accent) 10%, white);
    }
    border-color: color-mix(in srgb, oklch(0.62 0.09 255) 22%, oklch(0.92  0.004 255));
    @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);
  }
  .claim-inline-tablist > .btn-ghost {
    color: var(--color-subtle);
  }
  .claim-inline-tablist > .btn-ghost:hover {
    color: var(--color-text);
    border-color: color-mix(in srgb, oklch(0.62 0.09 255) 18%, oklch(0.92  0.004 255));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 18%, var(--color-border));
    }
  }
  .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.62 0.09 255) 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.62 0.09 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 78%, oklch(0.26  0.01  255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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-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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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: 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));
    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--asset {
    border-color: color-mix(in srgb, #10b981 28%, oklch(0.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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--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.92  0.004 255) 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.955 0.004 255) 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-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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255));
    @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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255));
    @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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.62 0.09 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.62 0.09 255) 76%, oklch(0.26  0.01  255));
    @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.62 0.09 255) 18%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 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.92  0.004 255) 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.92  0.004 255) 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.992 0.003 255) 92%, oklch(0.955 0.004 255));
    @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.955 0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 94%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 94%, oklch(0.955 0.004 255));
    @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.26  0.01  255) 78%, oklch(0.55  0.01  255));
    @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.62 0.09 255) 16%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 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.92  0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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-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.92  0.004 255) 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-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.92  0.004 255) 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.992 0.003 255) 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.955 0.004 255) 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.55  0.01  255) 84%, oklch(0.26  0.01  255));
    @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.26  0.01  255) 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.92  0.004 255) 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.955 0.004 255) 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.26  0.01  255) 86%, oklch(0.55  0.01  255));
    @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.92  0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.62 0.09 255) 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) * 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)));
    }
  }
  .payment-upcoming__item {
    display: flex;
    flex-direction: column;
    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);
    @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.92  0.004 255) 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, color-mix(in srgb, oklch(0.955 0.004 255) 42%, transparent), transparent 100%), color-mix(in srgb, oklch(0.992 0.003 255) 94%, oklch(0.955 0.004 255));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--color-muted) 42%, transparent), transparent 100%), color-mix(in oklab, var(--color-surface) 94%, var(--color-muted));
    }
  }
  .payment-upcoming__main {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .payment-upcoming__topline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .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;
    color: var(--color-subtle);
    font-variant-numeric: tabular-nums;
  }
  .payment-upcoming__summary {
    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-text);
  }
  .payment-upcoming__route {
    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;
    color: var(--color-subtle);
    font-variant-numeric: tabular-nums;
  }
  .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: 10rem;
    }
    @media (width >= 64rem) {
      flex-direction: column;
    }
    @media (width >= 64rem) {
      align-items: flex-end;
    }
  }
  .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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.992 0.003 255) 95%, oklch(0.955 0.004 255));
    @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.955 0.004 255) 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.26  0.01  255));
    @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.955 0.004 255) 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.955 0.004 255) 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.26  0.01  255) 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.955 0.004 255) 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.26  0.01  255) 78%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 78%, transparent);
    }
  }
  .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.992 0.003 255) 94%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.955 0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.92  0.004 255) 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.992 0.003 255) 94%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.62 0.09 255) 68%, white), color-mix(in srgb, oklch(0.54 0.09 255) 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.62 0.09 255) 68%, white), color-mix(in srgb, oklch(0.54 0.09 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.62 0.09 255) 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.55  0.01  255) 84%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.955 0.004 255) 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) * 4);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
  }
  .claim-task-item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    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);
    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.92  0.004 255) 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.992 0.003 255) 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.62 0.09 255) 22%, oklch(0.92  0.004 255));
    @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.992 0.003 255) 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;
  }
  .claim-task-item__topline {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .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);
    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);
  }
  .claim-task-item__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;
    color: var(--color-subtle);
  }
  .claim-task-item__note {
    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);
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
  }
  .claim-task-item__link {
    flex-shrink: 0;
    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-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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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--switcher-only .claim-scroll-toc__card {
    padding: calc(var(--spacing) * 2.5);
  }
  .claim-scroll-toc--switcher-only .claim-scroll-toc__card > .flex {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
  }
  .claim-scroll-toc--switcher-only [role="group"] {
    padding: calc(var(--spacing) * 0.5);
  }
  .claim-scroll-toc--switcher-only a {
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
  }
  .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;
  }
  .claim-scroll-toc--with-toc .claim-toc-link--sub {
    padding-left: calc(var(--spacing) * 5);
    font-size: 11px;
  }
  @media (min-width: 107rem) {
    .claim-scroll-toc--switcher-only {
      display: block;
      position: fixed;
      top: 8rem;
      width: 6.5rem;
      left: calc(((100vw - 92rem) / 2 - 6.5rem) / 2);
      z-index: 30;
    }
  }
  @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.955 0.004 255) 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--sub {
    padding-left: calc(var(--spacing) * 8);
    font-size: 12px;
    color: var(--color-subtle);
  }
  .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.62 0.09 255) 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);
  background: linear-gradient(180deg, rgb(232 238 244) 0, rgb(247 249 251) 22rem, rgb(242 245 248) 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.92  0.004 255) 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.62 0.09 255) 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.62 0.09 255) 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.62 0.09 255) 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;
    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);
    text-transform: uppercase;
    letter-spacing: 0;
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.62 0.09 255) 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.92  0.004 255) 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.62 0.09 255) 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.26  0.01  255) 84%, oklch(0.55  0.01  255));
    @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.92  0.004 255) 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.62 0.09 255) 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.62 0.09 255) 34%, transparent), transparent 82%), color-mix(in srgb, oklch(0.62 0.09 255) 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.62 0.09 255) 28%, transparent), 0 12px 26px -24px color-mix(in srgb, oklch(0.62 0.09 255) 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.62 0.09 255) 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.26  0.01  255) 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.92  0.004 255) 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.38rem;
  }
  .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: color-mix(in srgb, oklch(0.26  0.01  255) 70%, oklch(0.55  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 70%, var(--color-subtle));
    }
    font: inherit;
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.62 0.09 255) 7%, 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) 7%, transparent), transparent 84%), rgb(255 255 255 / 0.18);
    }
  }
  .claims-table__sort:hover {
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.62 0.09 255) 14%, transparent), transparent 84%), rgb(255 255 255 / 0.28);
    @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.28);
    }
  }
  .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: color-mix(in srgb, oklch(0.62 0.09 255) 54%, oklch(0.55  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent) 54%, var(--color-subtle));
    }
    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.26  0.01  255) 56%, oklch(0.55  0.01  255));
    @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) * 2.5);
    padding-block: calc(var(--spacing) * 1.5);
    vertical-align: middle;
    overflow: hidden;
    text-overflow: clip;
    font-size: 12px;
    line-height: 1.2;
  }
  .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.26  0.01  255) 94%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 94%, black);
    }
  }
  .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: 10.5px;
    --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.55  0.01  255) 82%, oklch(0.26  0.01  255));
    @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);
    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.62 0.09 255));
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 24%, 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.955 0.004 255)));
    @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.26  0.01  255));
    @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.54);
  }
  .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.62 0.09 255) 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.26  0.01  255));
    @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: 12.5px;
    font-weight: 750;
  }
  .claims-money-total {
    color: color-mix(in srgb, oklch(0.55  0.01  255) 88%, oklch(0.26  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 88%, var(--color-text));
    }
    font-size: 10.25px;
    font-weight: 650;
  }
  .claims-money-label {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: oklch(0.55  0.01  255);
    @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.955 0.004 255) 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-radius: 7px;
    padding: 0.16rem 0.28rem;
    background: linear-gradient(90deg, var(--claim-row-chip, var(--claim-row-tint, oklch(0.955 0.004 255))), transparent 86%), rgb(255 255 255 / 0.14);
    @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))) 14%, transparent), transparent 86%), rgb(255 255 255 / 0.14);
    }
  }
  .claims-party-line--claimant {
    background: linear-gradient(90deg, color-mix(in srgb, oklch(0.62 0.09 255) 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: 9px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    text-transform: uppercase;
    color: oklch(0.55  0.01  255);
    @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.26  0.01  255) 90%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 90%, black);
    }
    font-size: 12px;
    line-height: 1.16;
  }
  .claims-party-line--claimant .claims-party-name {
    color: color-mix(in srgb, oklch(0.26  0.01  255) 76%, oklch(0.55  0.01  255));
    @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);
    padding-block: calc(var(--spacing) * 0.5);
    max-width: 100%;
    min-height: 1.56rem;
    border-radius: 8px;
    color: color-mix(in srgb, oklch(0.26  0.01  255) 70%, oklch(0.55  0.01  255));
    @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.955 0.004 255)), transparent 86%), rgb(255 255 255 / 0.18);
    @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.18);
    }
    box-shadow: inset 0 0 0 1px var(--claim-row-accent, oklch(0.62 0.09 255));
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 0 0 1px color-mix(in oklab, var(--claim-row-accent, var(--color-accent)) 12%, 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.62 0.09 255));
    @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.62 0.09 255));
    @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.62 0.09 255) 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.62 0.09 255) 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: 10.5px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: color-mix(in srgb, oklch(0.26  0.01  255) 82%, oklch(0.55  0.01  255));
    @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.955 0.004 255)), 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) * 1.5);
    padding-block: calc(var(--spacing) * 1);
    font-size: 11px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-radius: 7px;
    background: linear-gradient(90deg, var(--claim-row-chip, var(--claim-row-tint, oklch(0.955 0.004 255))), transparent 82%), rgb(255 255 255 / 0.22);
    @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))) 22%, transparent), transparent 82%), rgb(255 255 255 / 0.22);
    }
    color: color-mix(in srgb, oklch(0.26  0.01  255) 88%, oklch(0.55  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 88%, var(--color-subtle));
    }
    max-width: 100%;
    min-width: 0;
  }
  .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.62 0.09 255) 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.62 0.09 255) 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.955 0.004 255)), 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.62 0.09 255) 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.54 0.09 255) 86%, oklch(0.26  0.01  255));
    @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.62 0.09 255) 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.92  0.004 255) 70%, oklch(0.62 0.09 255) 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.992 0.003 255) 92%, white), color-mix(in srgb, oklch(0.955 0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.62 0.09 255) 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.62 0.09 255) 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.992 0.003 255) 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.992 0.003 255) 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.955 0.004 255) 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.92  0.004 255) 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.92  0.004 255) 62%, oklch(0.62 0.09 255) 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.62 0.09 255) 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.62 0.09 255) 12%, transparent), color-mix(in srgb, oklch(0.62 0.09 255) 54%, transparent) 52%, color-mix(in srgb, oklch(0.62 0.09 255) 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.62 0.09 255) 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.26  0.01  255) 55%, oklch(0.55  0.01  255));
    @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.55  0.01  255) 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.62 0.09 255);
    @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.26  0.01  255) 84%, oklch(0.55  0.01  255));
    @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.62 0.09 255);
    @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.62 0.09 255) 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.62 0.09 255) 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.62 0.09 255) 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.62 0.09 255) 24%, transparent), 0 12px 22px -22px color-mix(in srgb, oklch(0.62 0.09 255) 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.26  0.01  255) 74%, oklch(0.55  0.01  255));
    @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.62 0.09 255) 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.26  0.01  255) 84%, oklch(0.55  0.01  255));
    @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.26  0.01  255) 84%, oklch(0.62 0.09 255) 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.62 0.09 255) 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.62 0.09 255) 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.62 0.09 255);
    @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.62 0.09 255) 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.26  0.01  255) 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.62 0.09 255) 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-hero {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    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, oklch(0.955 0.004 255) 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) * 4);
  }
  .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.62 0.09 255) 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.955 0.004 255) 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.62 0.09 255) 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.62 0.09 255) 10%, oklch(0.992 0.003 255)) );
    @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.62 0.09 255) 24%, transparent), 0 10px 16px -20px color-mix(in srgb, oklch(0.62 0.09 255) 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.62 0.09 255) 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.955 0.004 255) 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.955 0.004 255) 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);
  }
}
.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 9px 18px rgb(30 41 59 / 0.045));
  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) 16%, 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) 16%, white);
  }
  background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.42)), var(--claim-row-bg);
  box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.76), inset 0 -1px 0 rgb(255 255 255 / 0.22);
}
.status-row:hover {
  filter: drop-shadow(0 13px 26px rgb(30 41 59 / 0.075)) saturate(1.02);
}
.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) 18%, white);
  }
  border-radius: 12px 0 0 12px;
  padding-left: calc(0.74rem + 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) 18%, white);
  }
  border-radius: 0 12px 12px 0;
}
.status-row td:first-child::before {
  content: "";
  position: absolute;
  left: 0;
  top: 7px;
  bottom: 7px;
  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.62 0.09 255) 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.62 0.09 255) 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.62 0.09 255) 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.62 0.09 255) 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.62 0.09 255) 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.92  0.004 255) 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.955 0.004 255) 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.62 0.09 255) 72%, white), color-mix(in srgb, oklch(0.54 0.09 255) 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.62 0.09 255) 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.92  0.004 255) 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.62 0.09 255) 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.955 0.004 255) 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.92  0.004 255) 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.55  0.01  255) 80%, oklch(0.26  0.01  255));
    @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.955 0.004 255) 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.92  0.004 255) 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.55  0.01  255) 75%, oklch(0.26  0.01  255));
    @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.955 0.004 255) 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.62 0.09 255) 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.92  0.004 255) 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.955 0.004 255) 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.62 0.09 255) 30%, oklch(0.92  0.004 255));
    @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.54 0.09 255) 55%, oklch(0.26  0.01  255));
    @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.62 0.09 255) 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.92  0.004 255) 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.62 0.09 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255));
    @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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.62 0.09 255) 8%, white), color-mix(in srgb, oklch(0.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.62 0.09 255) 22%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 38%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 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.92  0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 88%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.55  0.01  255) 80%, oklch(0.26  0.01  255));
    @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.955 0.004 255) 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.955 0.004 255) 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.955 0.004 255) 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.955 0.004 255) 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.955 0.004 255) 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.955 0.004 255) 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);
  }
  .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.955 0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.955 0.004 255) 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.62 0.09 255) 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: var(--container-2xl);
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .claim-processing-card {
    pointer-events: auto;
    display: flex;
    min-width: calc(var(--spacing) * 0);
    align-items: center;
    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);
    --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);
    --tw-backdrop-blur: blur(var(--blur-xl));
    -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);
  }
  .claim-processing-card--processing, .claim-processing-card--ready, .claim-processing-card--etis_existing {
    --claim-processing-fg: #064e3b;
    --claim-processing-border: color-mix(in oklch, #10b981 32%, transparent);
    --claim-processing-bg: linear-gradient(135deg, color-mix(in oklch, #ecfdf5 92%, white 8%), color-mix(in oklch, #d1fae5 86%, white 14%));
  }
  .claim-processing-card--needs_input {
    --claim-processing-fg: #78350f;
    --claim-processing-border: color-mix(in oklch, #f59e0b 36%, transparent);
    --claim-processing-bg: linear-gradient(135deg, color-mix(in oklch, #fffbeb 90%, white 10%), color-mix(in oklch, #fef3c7 82%, white 18%));
  }
  .claim-processing-card--duplicate_local {
    --claim-processing-fg: #4c1d95;
    --claim-processing-border: color-mix(in oklch, #8b5cf6 34%, transparent);
    --claim-processing-bg: linear-gradient(135deg, color-mix(in oklch, #f5f3ff 90%, white 10%), color-mix(in oklch, #ddd6fe 80%, white 20%));
    align-items: flex-start;
  }
  .claim-processing-card--failed {
    --claim-processing-fg: #881337;
    --claim-processing-border: color-mix(in oklch, #f43f5e 34%, transparent);
    --claim-processing-bg: linear-gradient(135deg, color-mix(in oklch, #fff1f2 90%, white 10%), color-mix(in oklch, #ffe4e6 82%, white 18%));
  }
  .claim-processing-card__icon {
    display: 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);
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, currentColor 12%, white 88%);
    }
  }
  .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 {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .claim-processing-card__title {
    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-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__meta {
    margin-top: calc(var(--spacing) * 0.5);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 11px;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    opacity: 75%;
  }
  .claim-processing-dismiss {
    display: inline-flex;
    height: calc(var(--spacing) * 7);
    width: calc(var(--spacing) * 7);
    flex-shrink: 0;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 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;
    }
    background: currentColor;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklch, currentColor 8%, white 92%);
    }
  }
}
@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);
  }
  .arrest-command {
    --arrest-command-accent: rgb(82 107 141);
    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.92  0.004 255) 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));
    }
    border-left-width: 3px;
    border-left-color: var(--arrest-command-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-left-color: color-mix(in oklab, var(--arrest-command-accent) 78%, rgb(51 65 85));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(255 255 255 / 0.72)), var(--arrest-command-accent);
    @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(--arrest-command-accent) 4%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88);
  }
  .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-command__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
    @media (width >= 64rem) {
      flex-direction: row;
    }
    @media (width >= 64rem) {
      align-items: center;
    }
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .arrest-command__state {
    min-width: calc(var(--spacing) * 0);
  }
  .arrest-command__label, .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.55  0.01  255) 88%, oklch(0.26  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 88%, var(--color-text));
    }
  }
  .arrest-command__title {
    margin-top: calc(var(--spacing) * 1);
    margin-bottom: calc(var(--spacing) * 0);
    font-size: 1.05rem;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    @media (width >= 40rem) {
      font-size: 1.16rem;
    }
    color: color-mix(in srgb, oklch(0.26  0.01  255) 92%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 92%, black);
    }
  }
  .arrest-command__copy {
    margin-top: calc(var(--spacing) * 1);
    margin-bottom: calc(var(--spacing) * 0);
    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) * 5);
    line-height: calc(var(--spacing) * 5);
    color: color-mix(in srgb, oklch(0.26  0.01  255) 72%, oklch(0.55  0.01  255));
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 72%, var(--color-subtle));
    }
  }
  .arrest-command__reasons {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.5);
  }
  .arrest-command__reasons 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-size: 10px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    border-color: var(--arrest-command-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--arrest-command-accent) 28%, var(--color-border));
    }
    background-color: var(--arrest-command-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--arrest-command-accent) 9%, white);
    }
    color: var(--arrest-command-accent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--arrest-command-accent) 72%, black);
    }
  }
  .arrest-command__actions {
    display: flex;
    flex-shrink: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    @media (width >= 64rem) {
      justify-content: flex-end;
    }
  }
  .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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255));
    @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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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-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.92  0.004 255) 66%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 66%, transparent);
    }
  }
  .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-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 .btn-compact {
    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.92  0.004 255) 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 .btn-muted {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.5), transparent), color-mix(in srgb, oklch(0.62 0.09 255) 8%, oklch(0.955 0.004 255));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.5), transparent), color-mix(in oklab, var(--color-accent) 8%, var(--color-muted));
    }
  }
  .arrest-actions .btn-ghost {
    background-color: rgb(255 255 255 / 0.42);
  }
  .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.92  0.004 255) 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.992 0.003 255) 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.955 0.004 255) 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.92  0.004 255) 64%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-border) 64%, transparent);
    }
  }
  .arrest-command__retry {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-sm);
    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));
    border-color: color-mix(in srgb, #d97706 40%, oklch(0.92  0.004 255));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, #d97706 40%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.74), rgb(255 255 255 / 0.52)), color-mix(in srgb, #d97706 10%, oklch(0.992 0.003 255));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.74), rgb(255 255 255 / 0.52)), color-mix(in oklab, #d97706 10%, var(--color-surface));
    }
  }
  .arrest-command__retry-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;
  }
  .arrest-command__retry strong {
    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-command__retry 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) * 5);
    line-height: calc(var(--spacing) * 5);
    color: var(--color-subtle);
  }
  .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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.26  0.01  255) 86%, oklch(0.55  0.01  255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255) 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.55  0.01  255) 86%, oklch(0.26  0.01  255));
    @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.26  0.01  255) 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.92  0.004 255) 82%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.26  0.01  255) 64%, oklch(0.55  0.01  255));
    @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.55  0.01  255) 88%, oklch(0.26  0.01  255));
    @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.62 0.09 255) 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.62 0.09 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.55  0.01  255) 88%, oklch(0.26  0.01  255));
    @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.55  0.01  255) 86%, oklch(0.26  0.01  255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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.26  0.01  255) 80%, oklch(0.55  0.01  255));
    @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.92  0.004 255) 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.62 0.09 255) 42%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 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.26  0.01  255) 58%, oklch(0.55  0.01  255));
    @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.92  0.004 255) 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.92  0.004 255) 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.55  0.01  255) 88%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.26  0.01  255) 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.92  0.004 255) 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.92  0.004 255) 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.55  0.01  255) 86%, oklch(0.26  0.01  255));
    @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.62 0.09 255) 16%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 12%, transparent) 0%, transparent 60%), linear-gradient(170deg, color-mix(in srgb, oklch(0.955 0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.992 0.003 255) 84%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 90%, oklch(0.955 0.004 255));
    @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.992 0.003 255) 86%, oklch(0.955 0.004 255));
    @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.992 0.003 255) 86%, oklch(0.955 0.004 255));
    @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.992 0.003 255) 86%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.955 0.004 255));
    @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.955 0.004 255) 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-nav-link {
    display: block;
    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);
    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.92  0.004 255) 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.955 0.004 255) 56%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 56%, white);
    }
  }
  .settings-rules-nav-link:hover {
    background-color: color-mix(in srgb, oklch(0.955 0.004 255) 72%, white);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-muted) 72%, white);
    }
    border-color: color-mix(in srgb, oklch(0.62 0.09 255) 28%, oklch(0.92  0.004 255));
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-accent) 28%, var(--color-border));
    }
  }
  .settings-rules-nav-link[aria-current="true"] {
    border-color: color-mix(in srgb, oklch(0.62 0.09 255) 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 oklab, #dbeafe 38%, white), color-mix(in srgb, oklch(0.992 0.003 255) 90%, oklch(0.955 0.004 255)));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, #dbeafe 38%, white), color-mix(in oklab, var(--color-surface) 90%, var(--color-muted)));
    }
    box-shadow: inset 0 0 0 1px color-mix(in srgb, oklch(0.62 0.09 255) 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);
    }
  }
  .settings-rules-nav-link--upcoming {
    opacity: 0.82;
    background-color: color-mix(in srgb, oklch(0.992 0.003 255) 84%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.955 0.004 255) 56%, white), color-mix(in srgb, oklch(0.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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.62 0.09 255) 26%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 5%, white), color-mix(in srgb, oklch(0.992 0.003 255) 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.92  0.004 255));
    @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.992 0.003 255) 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);
  }
  .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.92  0.004 255));
    @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.992 0.003 255) 94%, oklch(0.955 0.004 255)));
    @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.92  0.004 255));
    @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.992 0.003 255) 94%, oklch(0.955 0.004 255)));
    @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.92  0.004 255));
    @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.992 0.003 255) 95%, oklch(0.955 0.004 255)));
    @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.92  0.004 255));
    @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.992 0.003 255) 95%, oklch(0.955 0.004 255)));
    @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;
  }
  .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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 90%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.92  0.004 255) 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.992 0.003 255) 90%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.92  0.004 255) 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.992 0.003 255) 90%, oklch(0.955 0.004 255));
    @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.62 0.09 255) 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.62 0.09 255) 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.62 0.09 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.62 0.09 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 86%, oklch(0.955 0.004 255));
    @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.955 0.004 255) 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.62 0.09 255) 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.62 0.09 255) 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.992 0.003 255) 92%, oklch(0.955 0.004 255)));
    @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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.992 0.003 255) 90%, oklch(0.955 0.004 255));
    @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.955 0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.62 0.09 255) 9%, transparent) 0%, transparent 65%), color-mix(in srgb, oklch(0.992 0.003 255) 90%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 86%, oklch(0.955 0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 90%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.955 0.004 255) 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.62 0.09 255) 26%, oklch(0.92  0.004 255));
    @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.992 0.003 255) 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.955 0.004 255) 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.92  0.004 255) 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.955 0.004 255) 44%, white), color-mix(in srgb, oklch(0.992 0.003 255) 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.92  0.004 255));
    @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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 92%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 90%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.92  0.004 255) 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.55  0.01  255) 82%, oklch(0.26  0.01  255));
    @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.992 0.003 255) 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.92  0.004 255));
    @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.26  0.01  255) 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.992 0.003 255) 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.92  0.004 255) 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.62 0.09 255) 9%, transparent) 0%, transparent 56%), linear-gradient(180deg, color-mix(in srgb, white 48%, transparent), color-mix(in srgb, oklch(0.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 86%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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.62 0.09 255) 28%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 30%, oklch(0.92  0.004 255));
    @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.992 0.003 255) 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.92  0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 84%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 86%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 96%, white), color-mix(in srgb, oklch(0.955 0.004 255) 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.62 0.09 255) 22%, oklch(0.92  0.004 255));
    @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.26  0.01  255) 82%, oklch(0.62 0.09 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.55  0.01  255) 70%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.992 0.003 255) 88%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.62 0.09 255) 26%, oklch(0.92  0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 86%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.62 0.09 255) 9%, transparent) 0%, transparent 58%), linear-gradient(180deg, color-mix(in srgb, white 40%, transparent), color-mix(in srgb, oklch(0.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 95%, white), color-mix(in srgb, oklch(0.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 88%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.62 0.09 255) 8%, transparent) 0%, transparent 62%), linear-gradient(180deg, color-mix(in srgb, white 22%, transparent), color-mix(in srgb, oklch(0.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 92%, oklch(0.955 0.004 255));
    @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.26  0.01  255) 82%, oklch(0.55  0.01  255));
    @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.62 0.09 255) 28%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 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.26  0.01  255) 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.92  0.004 255) 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.992 0.003 255) 96%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.26  0.01  255) 84%, oklch(0.55  0.01  255));
    @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.92  0.004 255) 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.992 0.003 255) 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.26  0.01  255) 84%, oklch(0.55  0.01  255));
    @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.92  0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.62 0.09 255) 34%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 36%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 10%, transparent) 0%, transparent 62%), color-mix(in srgb, oklch(0.992 0.003 255) 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.92  0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 90%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 95%, white), color-mix(in srgb, oklch(0.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.55  0.01  255) 72%, oklch(0.26  0.01  255));
    @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.92  0.004 255));
    @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.26  0.01  255));
    @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.92  0.004 255));
    @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.26  0.01  255));
    @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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.62 0.09 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 96%, white), color-mix(in srgb, oklch(0.955 0.004 255) 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.62 0.09 255) 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.992 0.003 255) 96%, white), color-mix(in srgb, oklch(0.955 0.004 255) 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.92  0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.62 0.09 255) 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.26  0.01  255) 94%, oklch(0.62 0.09 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 90%, oklch(0.955 0.004 255));
    @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.92  0.004 255) 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.62 0.09 255) 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.62 0.09 255) 16%, oklch(0.92  0.004 255));
    @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.92  0.004 255) 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.26  0.01  255));
    @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.92  0.004 255));
    @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.26  0.01  255));
    @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.92  0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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.26  0.01  255) 92%, oklch(0.55  0.01  255));
    @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.62 0.09 255) 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.92  0.004 255));
    @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.26  0.01  255));
    @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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255));
    @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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255));
    @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.26  0.01  255));
    @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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.26  0.01  255) 92%, oklch(0.55  0.01  255));
    @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.62 0.09 255) 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.92  0.004 255));
    @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.26  0.01  255));
    @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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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.26  0.01  255));
    @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.62 0.09 255) 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.975 0.006 255)), 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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.992 0.003 255) 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.55  0.01  255) 78%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.992 0.003 255));
    @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.26  0.01  255) 84%, oklch(0.55  0.01  255));
    @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.92  0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.62 0.09 255) 18%, oklch(0.92  0.004 255));
    @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.92  0.004 255) 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.992 0.003 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.992 0.003 255) 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.55  0.01  255) 78%, oklch(0.26  0.01  255));
    @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.992 0.003 255) 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.92  0.004 255) 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.55  0.01  255) 84%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.55  0.01  255) 82%, oklch(0.26  0.01  255));
    @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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.62 0.09 255) 22%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 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.992 0.003 255) 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.26  0.01  255) 92%, oklch(0.62 0.09 255));
    @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.62 0.09 255) 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.92  0.004 255) 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.955 0.004 255) 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 {
    --claim-polish-ink: rgb(38 51 70);
    --claim-polish-accent: rgb(82 107 141);
    --claim-polish-accent-strong: rgb(47 66 92);
    --claim-polish-canvas: rgb(234 241 248);
    --claim-polish-canvas-deep: rgb(218 229 241);
    --claim-polish-soft: rgb(242 246 250);
    --claim-polish-soft-strong: rgb(225 234 243);
    --claim-polish-panel: rgb(248 251 253);
    --claim-polish-line: color-mix(in srgb, oklch(0.92  0.004 255) 66%, rgb(116 128 145));
    @supports (color: color-mix(in lab, red, red)) {
      --claim-polish-line: color-mix(in oklab, var(--color-border) 66%, rgb(116 128 145));
    }
  }
  .claim-details-view .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)));
    }
    position: relative;
    padding: clamp(0.85rem, 1.1vw, 1.2rem);
    border: 1px solid var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-polish-line) 72%, white);
    }
    border-radius: calc(var(--radius-lg) + 10px);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.42), rgb(255 255 255 / 0.16) 38%, transparent 72%), radial-gradient(90% 70% at 7% 0%, var(--claim-polish-accent) 0%, transparent 56%), linear-gradient(135deg, var(--claim-polish-canvas), var(--claim-polish-soft) 54%, var(--claim-polish-canvas-deep));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.42), rgb(255 255 255 / 0.16) 38%, transparent 72%), radial-gradient(90% 70% at 7% 0%, color-mix(in oklab, var(--claim-polish-accent) 9%, transparent) 0%, transparent 56%), linear-gradient(135deg, color-mix(in oklab, var(--claim-polish-canvas) 86%, white), color-mix(in oklab, var(--claim-polish-soft) 80%, white) 54%, color-mix(in oklab, var(--claim-polish-canvas-deep) 34%, white));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.84), 0 24px 46px -52px rgb(30 41 59 / 0.34);
  }
  .claim-details-view .claim-section--info, .claim-details-view .claim-section--payments {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.44), rgb(255 255 255 / 0.17) 38%, transparent 72%), radial-gradient(86% 70% at 94% 0%, var(--claim-polish-accent) 0%, transparent 58%), linear-gradient(135deg, color-mix(in srgb, rgb(229 237 247) 88%, white), color-mix(in srgb, rgb(244 248 251) 84%, white) 56%, color-mix(in srgb, rgb(217 229 241) 35%, white));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.44), rgb(255 255 255 / 0.17) 38%, transparent 72%), radial-gradient(86% 70% at 94% 0%, color-mix(in oklab, var(--claim-polish-accent) 10%, transparent) 0%, transparent 58%), linear-gradient(135deg, color-mix(in oklab, rgb(229 237 247) 88%, white), color-mix(in oklab, rgb(244 248 251) 84%, white) 56%, color-mix(in oklab, rgb(217 229 241) 35%, white));
    }
  }
  .claim-details-view .claim-section--actions {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.4), rgb(255 255 255 / 0.15) 38%, transparent 72%), radial-gradient(84% 68% at 100% 0%, color-mix(in oklab, rgb(245 158 11) 8%, transparent) 0%, transparent 58%), linear-gradient(135deg, var(--claim-polish-canvas), var(--claim-polish-soft) 54%, var(--claim-polish-canvas-deep));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.4), rgb(255 255 255 / 0.15) 38%, transparent 72%), radial-gradient(84% 68% at 100% 0%, color-mix(in oklab, rgb(245 158 11) 8%, transparent) 0%, transparent 58%), linear-gradient(135deg, color-mix(in oklab, var(--claim-polish-canvas) 86%, white), color-mix(in oklab, var(--claim-polish-soft) 82%, white) 54%, color-mix(in oklab, var(--claim-polish-canvas-deep) 30%, white));
    }
  }
  .claim-details-view .claim-section--docs {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.42), rgb(255 255 255 / 0.16) 38%, transparent 72%), radial-gradient(90% 70% at 0% 0%, color-mix(in oklab, rgb(16 185 129) 7%, transparent) 0%, transparent 56%), linear-gradient(135deg, var(--claim-polish-canvas), var(--claim-polish-soft) 54%, var(--claim-polish-canvas-deep));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.42), rgb(255 255 255 / 0.16) 38%, transparent 72%), radial-gradient(90% 70% at 0% 0%, color-mix(in oklab, rgb(16 185 129) 7%, transparent) 0%, transparent 56%), linear-gradient(135deg, color-mix(in oklab, var(--claim-polish-canvas) 86%, white), color-mix(in oklab, var(--claim-polish-soft) 80%, white) 54%, color-mix(in oklab, var(--claim-polish-canvas-deep) 30%, white));
    }
  }
  .claim-details-view .claim-section > .claim-inline-tablist:first-child {
    margin-bottom: 0.2rem;
  }
  .claim-details-view .claim-section__title, .claim-details-view .claim-section__subheading {
    color: var(--claim-polish-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-polish-ink) 94%, black);
    }
    letter-spacing: 0;
  }
  .claim-details-view :is( .claim-info-shell, .claim-section-shell, .claim-payments-disclosure, .claim-details-payments, .claim-tasks-panel, .claim-work-card, .claim-list-card, .claim-channel-card, .contact-dropdown, .claim-info-card, .claim-info-panel, .claim-info-metric, .claim-info-list__row, .claim-info-list__total, .claim-asset-column, .claim-asset-card, .claim-panel-card, .arrest-command, .arrest-notice, .arrest-targets-panel, .arrest-info-toggle ) {
    border-color: var(--claim-polish-line);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.62)), linear-gradient(135deg, var(--claim-polish-soft), 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)), linear-gradient(135deg, color-mix(in oklab, var(--claim-polish-soft) 58%, white), color-mix(in oklab, white 94%, var(--claim-polish-soft-strong)));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 18px 30px -36px rgb(30 41 59 / 0.26);
  }
  .claim-details-view :is( .claim-info-shell, .claim-section-shell, .claim-payments-disclosure, .claim-details-payments, .claim-tasks-panel, .arrest-command, .arrest-notice, .arrest-targets-panel ) {
    position: relative;
    overflow: hidden;
  }
  .claim-details-view .claim-secondary-panel {
    position: relative;
    overflow: hidden;
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 88%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.56)), linear-gradient(135deg, var(--claim-polish-soft-strong), white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.56)), linear-gradient(135deg, color-mix(in oklab, var(--claim-polish-soft-strong) 48%, white), color-mix(in oklab, white 92%, var(--claim-polish-canvas)));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 16px 28px -36px rgb(30 41 59 / 0.22);
  }
  .claim-details-view .claim-secondary-panel::before {
    content: none !important;
    display: none !important;
  }
  .claim-details-view details.claim-secondary-panel:not([open]) > .claim-secondary-panel__body {
    display: none;
  }
  .claim-details-view details.claim-secondary-panel[open] > .claim-secondary-panel__body {
    display: block;
  }
  .claim-details-view :is( .claim-info-shell, .claim-section-shell, .claim-payments-disclosure, .claim-details-payments, .claim-tasks-panel, .arrest-targets-panel )::before {
    content: "";
    position: absolute;
    inset: 0 0 auto 0;
    height: 2px;
    background: linear-gradient(90deg, var(--claim-polish-accent), var(--claim-polish-soft-strong));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, var(--claim-polish-accent), color-mix(in oklab, var(--claim-polish-soft-strong) 80%, white));
    }
    opacity: 0.58;
    pointer-events: none;
  }
  .claim-details-view :is( .claim-info-shell__header, .claim-section-shell__header, .claim-details-payments__header, .claim-tasks-panel__header, .arrest-section-head, .manual-console-hero ) {
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 82%, transparent);
    }
  }
  .claim-details-view :is( .claim-section-shell__header, .claim-details-payments__header, .claim-tasks-panel__header, .arrest-section-head ) {
    position: relative;
    padding-left: 1rem;
  }
  .claim-details-view :is( .claim-section-shell__header, .claim-details-payments__header, .claim-tasks-panel__header, .arrest-section-head )::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0.15rem;
    width: 3px;
    height: 1.75rem;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--claim-polish-accent), var(--claim-polish-accent));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, color-mix(in oklab, var(--claim-polish-accent) 82%, white), color-mix(in oklab, var(--claim-polish-accent) 42%, white));
    }
    pointer-events: none;
  }
  .claim-details-view .claim-tasks-panel__dot {
    display: none;
  }
  .claim-details-view :is( .claim-info-shell__eyebrow, .claim-section-shell__eyebrow, .claim-secondary-panel__label, .claim-work-card__eyebrow, .claim-tasks-panel__eyebrow, .claim-details-payments__eyebrow, .arrest-command__label, .arrest-section-head__label, .arrest-notice__label, .manual-console-hero__eyebrow ) {
    color: var(--claim-polish-accent-strong);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-polish-accent-strong) 74%, var(--color-subtle));
    }
    letter-spacing: 0;
  }
  .claim-details-view :is( .claim-info-shell__title, .claim-section-shell__title, .claim-secondary-panel__title, .claim-work-card__title, .claim-channel-card__title, .claim-tasks-panel__title, .claim-details-payments__headline, .arrest-command__title, .arrest-section-head__title, .manual-console-hero__title ) {
    color: color-mix(in srgb, oklch(0.26  0.01  255) 94%, black);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 94%, black);
    }
    letter-spacing: 0;
  }
  .claim-details-view :is( .claim-info-shell__description, .claim-section-shell__description, .claim-secondary-panel__description, .claim-work-card__description, .claim-channel-card__subtitle, .claim-tasks-panel__subtitle ) {
    color: oklch(0.55  0.01  255);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-subtle) 82%, var(--claim-polish-ink));
    }
  }
  .claim-details-view :is(.claim-section-shell__header, .claim-info-shell__header, .claim-secondary-panel__header, .claim-tasks-panel__header) {
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 72%, transparent);
    }
  }
  .claim-details-view :is(.claim-section-shell--soft, .claim-info-shell) {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.64)), linear-gradient(135deg, color-mix(in oklab, #e6edf5 72%, white), color-mix(in oklab, white 94%, #f1f5f9));
  }
  .claim-details-view :is(.claim-section-shell--muted, .claim-work-card--muted, .claim-section-shell__summary-card--muted) {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.56)), var(--claim-polish-soft-strong);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.56)), color-mix(in oklab, var(--claim-polish-soft-strong) 48%, white);
    }
  }
  .claim-details-view :is(.claim-section-shell__summary-card, .claim-info-shell__summary-card) {
    position: relative;
    overflow: hidden;
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 82%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.66)), var(--claim-polish-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.66)), color-mix(in oklab, var(--claim-polish-soft) 42%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 10px 18px -24px rgb(30 41 59 / 0.2);
  }
  .claim-details-view :is(.claim-section-shell__summary-card, .claim-info-shell__summary-card)::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 2px;
    background: var(--claim-polish-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--claim-polish-accent) 66%, white);
    }
    opacity: 0.36;
  }
  .claim-details-view :is(.claim-section-shell__summary-card--accent, .claim-info-shell__summary-card:first-child) {
    border-color: var(--claim-polish-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-accent) 26%, var(--color-border));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.66)), color-mix(in oklab, #dce6f1 52%, white);
  }
  .claim-details-view :is(.claim-section-shell__summary-label, .claim-info-shell__summary-label, .claim-info-card__eyebrow, .claim-info-metric__label, .claim-details-summary-card__label) {
    letter-spacing: 0;
  }
  .claim-details-view :is(.claim-section-shell__summary-value, .claim-info-shell__summary-value, .claim-info-card__value, .claim-info-metric__value, .claim-list-row__title, .claim-task-item__title) {
    color: var(--claim-polish-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-polish-ink) 92%, black);
    }
    letter-spacing: 0;
  }
  .claim-details-view .claims-table__cell-primary {
    letter-spacing: 0;
  }
  .claim-details-view :is(.kpi-card, .field-card) {
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 82%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.64)), var(--claim-polish-panel);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.64)), color-mix(in oklab, var(--claim-polish-panel) 82%, var(--claim-polish-soft));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 14px 26px -34px rgb(30 41 59 / 0.22);
  }
  .claim-details-view .badge {
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 72%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.68)), var(--claim-polish-soft);
    @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(--claim-polish-soft) 50%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88);
    font-weight: 600;
    letter-spacing: 0;
  }
  .claim-details-view .badge-neutral {
    color: var(--claim-polish-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-polish-ink) 62%, var(--color-subtle));
    }
  }
  .claim-details-view .badge-info {
    border-color: rgb(14 165 233);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(14 165 233) 22%, var(--claim-polish-line));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.68)), color-mix(in oklab, rgb(224 242 254) 62%, white);
  }
  .claim-details-view .badge-success {
    border-color: rgb(16 185 129);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(16 185 129) 24%, var(--claim-polish-line));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.68)), color-mix(in oklab, rgb(209 250 229) 58%, white);
  }
  .claim-details-view .badge-warn {
    border-color: rgb(245 158 11);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(245 158 11) 26%, var(--claim-polish-line));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.68)), color-mix(in oklab, rgb(254 243 199) 60%, white);
  }
  .claim-details-view .badge-danger {
    border-color: rgb(244 63 94);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(244 63 94) 24%, var(--claim-polish-line));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.68)), color-mix(in oklab, rgb(255 228 230) 62%, white);
  }
  .claim-details-view .contact-dropdown {
    margin-top: 0.75rem;
    padding: 0;
    overflow: hidden;
  }
  .claim-details-view .contact-dropdown > summary {
    display: flex;
    min-height: 2.25rem;
    align-items: center;
    justify-content: flex-start;
    gap: 0.75rem;
    padding: 0.55rem 0.75rem;
    color: var(--claim-polish-accent-strong);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-polish-accent-strong) 78%, var(--color-accent));
    }
  }
  .claim-details-view .contact-dropdown > summary .claim-inline-tablist__count {
    margin-left: auto;
  }
  .claim-details-view .contact-dropdown > summary::after {
    content: "";
    width: 0.45rem;
    height: 0.45rem;
    flex-shrink: 0;
    border-right: 1.5px solid currentColor;
    border-bottom: 1.5px solid currentColor;
    transform: rotate(45deg) translateY(-1px);
    transition: transform 160ms ease;
  }
  .claim-details-view .contact-dropdown[open] > summary::after {
    transform: rotate(-135deg) translateY(-1px);
  }
  .claim-details-view .contact-dropdown ul {
    margin-top: 0;
    padding: 0.25rem 0.75rem 0.75rem;
  }
  .claim-details-view .contact-dropdown li {
    border-top: 1px solid var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--claim-polish-line) 58%, transparent);
    }
    padding-top: 0.55rem;
  }
  .claim-details-view .contact-dropdown li:first-child {
    border-top: 0;
    padding-top: 0;
  }
  .claim-details-view .claim-inline-tablist {
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 84%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.6)), var(--claim-polish-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 255 255 / 0.6)), color-mix(in oklab, var(--claim-polish-soft) 52%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 14px 24px -30px rgb(30 41 59 / 0.24);
  }
  .claim-details-view .claim-inline-tablist > .btn-muted, .claim-payments-disclosure__tab.is-active, .claim-details-view .seg-btn.is-active {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.94), rgb(255 255 255 / 0.74)), var(--claim-polish-soft-strong);
    @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(--claim-polish-soft-strong) 48%, white);
    }
    border-color: var(--claim-polish-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-accent) 24%, var(--color-border));
    }
    color: oklch(0.26  0.01  255);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-text) 94%, var(--claim-polish-accent-strong));
    }
  }
  .claim-details-view .claim-details-tab-shell {
    top: 0.65rem;
  }
  .claim-details-view .claim-details-tabbar--persistent {
    width: fit-content;
    max-width: 100%;
    padding: 0.35rem;
    border: 1px solid var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-polish-line) 74%, transparent);
    }
    border-radius: calc(var(--radius-md) + 8px);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.8), rgb(255 255 255 / 0.56)), var(--claim-polish-canvas);
    @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(--claim-polish-canvas) 52%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 18px 32px -40px rgb(30 41 59 / 0.3);
  }
  .claim-details-view .claim-details-tab {
    border-color: transparent;
    background: transparent;
    color: var(--claim-polish-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-polish-ink) 54%, var(--color-subtle));
    }
    box-shadow: none;
    letter-spacing: 0;
  }
  .claim-details-view .claim-details-tab:hover {
    background: rgb(255 255 255 / 0.46);
    color: var(--claim-polish-ink);
  }
  .claim-details-view .claim-details-tab--active {
    border-color: var(--claim-polish-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-accent) 22%, var(--claim-polish-line));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.76)), var(--claim-polish-soft-strong);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.76)), color-mix(in oklab, var(--claim-polish-soft-strong) 50%, white);
    }
    color: var(--claim-polish-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-polish-ink) 96%, black);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.94), 0 12px 22px -26px rgb(30 41 59 / 0.32);
  }
  .claim-details-view .claim-details-tab__badge, .claim-details-view .claim-inline-tablist__count {
    letter-spacing: 0;
  }
  .claim-details-persistent-actions {
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 88%, white);
    }
    background: linear-gradient(135deg, color-mix(in oklab, #d8e2ec 82%, white), color-mix(in oklab, #f5f8fb 94%, white)), var(--claim-polish-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(135deg, color-mix(in oklab, #d8e2ec 82%, white), color-mix(in oklab, #f5f8fb 94%, white)), color-mix(in oklab, var(--claim-polish-soft) 70%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 20px 36px -40px rgb(30 41 59 / 0.34);
  }
  .claim-details-persistent-actions .claim-tasks-panel {
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 88%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.62)), var(--claim-polish-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.62)), color-mix(in oklab, var(--claim-polish-soft) 46%, white);
    }
  }
  .claim-details-view :is(.claim-list-row, .arrest-card) {
    transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
  }
  .claim-details-view .claim-list-card {
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 78%, transparent);
    }
  }
  .claim-details-view .claim-list-row {
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 58%, transparent);
    }
  }
  .claim-details-view .claim-list-row:hover {
    background-color: var(--claim-polish-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--claim-polish-soft) 56%, transparent);
    }
  }
  .claim-details-view .arrest-list--targets {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    padding-block: calc(var(--spacing) * 3);
    border-color: transparent;
  }
  .claim-details-view .arrest-list--targets > :not([hidden]) ~ :not([hidden]) {
    border-top-width: 0;
  }
  .claim-details-view .arrest-card {
    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: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 78%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.58)), var(--claim-polish-soft);
    @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(--claim-polish-soft) 44%, white);
    }
  }
  .claim-details-view .arrest-card:hover {
    border-color: var(--claim-polish-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-accent) 24%, var(--color-border));
    }
    background-color: var(--claim-polish-soft-strong);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--claim-polish-soft-strong) 34%, white);
    }
  }
  .claim-details-view .arrest-command {
    border-left-color: var(--arrest-command-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-left-color: color-mix(in oklab, var(--arrest-command-accent) 76%, var(--claim-polish-accent));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.62)), var(--arrest-command-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.62)), color-mix(in oklab, var(--arrest-command-accent) 5%, white);
    }
  }
  .claim-details-view :is(.claim-work-card, .claim-channel-card, .claim-asset-column) {
    transition: border-color 160ms ease, box-shadow 160ms ease, transform 160ms ease;
  }
  .claim-details-view :is(.claim-work-card, .claim-channel-card) {
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 78%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.62)), var(--claim-polish-panel);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.62)), color-mix(in oklab, var(--claim-polish-panel) 78%, var(--claim-polish-soft));
    }
  }
  .claim-details-view :is(.claim-work-card, .claim-channel-card, .claim-asset-column):hover {
    border-color: var(--claim-polish-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-accent) 18%, var(--color-border));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.92), 0 20px 32px -36px rgb(30 41 59 / 0.28);
  }
  .claim-details-view :is(.btn-muted, .btn-ghost) {
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 82%, transparent);
    }
    color: var(--claim-polish-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-polish-ink) 88%, var(--color-text));
    }
    letter-spacing: 0;
  }
  .claim-details-view .btn-muted {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.68)), var(--claim-polish-soft);
    @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(--claim-polish-soft) 48%, white);
    }
  }
  .claim-details-view .btn-muted:hover, .claim-details-view .btn-ghost:hover {
    filter: none;
    border-color: var(--claim-polish-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-accent) 24%, var(--claim-polish-line));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.72)), var(--claim-polish-soft-strong);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 255 255 / 0.72)), color-mix(in oklab, var(--claim-polish-soft-strong) 34%, white);
    }
  }
  .claim-details-view {
    --claim-radius-shell: 12px;
    --claim-radius-panel: 10px;
    --claim-radius-card: 8px;
    --claim-radius-control: 7px;
    --claim-console-line: var(--claim-polish-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --claim-console-line: color-mix(in oklab, var(--claim-polish-accent) 34%, var(--claim-polish-line));
    }
  }
  .claim-details-view .claim-section {
    isolation: isolate;
    padding: clamp(0.75rem, 0.9vw, 1rem);
    border-radius: var(--claim-radius-shell);
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 82%, white);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.32), rgb(255 255 255 / 0.08) 42%, transparent 78%), linear-gradient(135deg, color-mix(in oklab, rgb(229 237 246) 82%, white), color-mix(in oklab, rgb(247 249 252) 88%, white) 52%, color-mix(in oklab, rgb(217 228 240) 28%, white));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.74), 0 18px 36px -48px rgb(30 41 59 / 0.28);
  }
  .claim-details-view .claim-section::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    z-index: -1;
    width: 3px;
    border-radius: var(--claim-radius-shell) 0 0 var(--claim-radius-shell);
    background: linear-gradient(180deg, var(--claim-console-line), var(--claim-polish-accent));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, var(--claim-console-line), color-mix(in oklab, var(--claim-polish-accent) 8%, transparent));
    }
    opacity: 0.68;
  }
  .claim-details-view :is( .claim-info-shell, .claim-section-shell, .claim-secondary-panel, .claim-payments-disclosure, .claim-details-payments, .claim-tasks-panel, .arrest-targets-panel, .arrest-command, .arrest-notice, .manual-console-hero ) {
    border-radius: var(--claim-radius-panel);
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 88%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.6)), linear-gradient(135deg, var(--claim-polish-panel), white);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.6)), linear-gradient(135deg, color-mix(in oklab, var(--claim-polish-panel) 82%, var(--claim-polish-soft)), color-mix(in oklab, white 80%, var(--claim-polish-canvas)));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 12px 26px -34px rgb(30 41 59 / 0.18);
  }
  .claim-details-view :is(.claim-info-shell, .claim-section-shell) {
    padding: clamp(0.9rem, 1vw, 1.05rem);
  }
  .claim-details-view :is( .claim-info-shell__header, .claim-section-shell__header, .claim-secondary-panel__header, .claim-details-payments__header, .claim-tasks-panel__header, .arrest-section-head ) {
    padding-bottom: 0.85rem;
  }
  .claim-details-view :is( .claim-section-shell__header, .claim-details-payments__header, .claim-tasks-panel__header, .arrest-section-head ) {
    padding-left: 0.78rem;
  }
  .claim-details-view :is( .claim-section-shell__header, .claim-details-payments__header, .claim-tasks-panel__header, .arrest-section-head )::after {
    top: 0.2rem;
    width: 2px;
    height: 1.2rem;
    border-radius: 0;
    background: linear-gradient(180deg, var(--claim-polish-accent), var(--claim-polish-accent));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, var(--claim-polish-accent), color-mix(in oklab, var(--claim-polish-accent) 28%, white));
    }
    opacity: 0.72;
  }
  .claim-details-view :is( .claim-section-shell__summary-card, .claim-info-shell__summary-card, .claim-info-card, .claim-info-panel, .claim-info-metric, .claim-work-card, .claim-channel-card, .claim-list-card, .claim-task-item, .kpi-card, .field-card, .contact-dropdown, .claim-asset-column, .claim-asset-card, .arrest-card, .arrest-info-toggle ) {
    border-radius: var(--claim-radius-card);
    border-color: var(--claim-polish-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-polish-line) 78%, transparent);
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.54)), var(--claim-polish-panel);
    @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(--claim-polish-panel) 76%, var(--claim-polish-soft));
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.86), 0 8px 18px -26px rgb(30 41 59 / 0.14);
  }
  .claim-details-view :is(.claim-section-shell__summary-card, .claim-info-shell__summary-card, .kpi-card, .field-card) {
    padding: 0.85rem 0.95rem;
  }
  .claim-details-view :is(.claim-section-shell__summary-card, .claim-info-shell__summary-card)::before {
    width: 2px;
    opacity: 0.32;
  }
  .claim-details-view :is(.claim-section-shell__summary-card--accent, .claim-info-shell__summary-card:first-child) {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 255 255 / 0.56)), linear-gradient(135deg, color-mix(in oklab, rgb(215 227 239) 62%, white), color-mix(in oklab, rgb(244 248 252) 84%, white));
  }
  .claim-details-view :is(.claim-section-shell__summary-card--muted, .claim-work-card--muted) {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.68), rgb(255 255 255 / 0.46)), var(--claim-polish-canvas);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.68), rgb(255 255 255 / 0.46)), color-mix(in oklab, var(--claim-polish-canvas) 50%, white);
    }
  }
  .claim-details-view :is(.claim-section-shell__summary-label, .claim-info-shell__summary-label, .claim-info-card__eyebrow, .claim-info-metric__label, .claim-work-card__eyebrow, .claim-channel-card__title, .claim-secondary-panel__label) {
    font-size: 10px;
    letter-spacing: 0;
  }
  .claim-details-view :is(.claim-section-shell__summary-value, .claim-info-shell__summary-value) {
    margin-top: 0.45rem;
  }
  .claim-details-view :is(.claim-section-shell__summary-meta, .claim-info-shell__summary-meta) {
    margin-top: 0.35rem;
  }
  .claim-details-view .claim-details-tabbar--persistent, .claim-details-view .claim-inline-tablist, .claim-details-view .claim-payments-disclosure__tabs {
    border-radius: var(--claim-radius-panel);
    padding: 0.25rem;
  }
  .claim-details-view .claim-details-tab, .claim-details-view .claim-inline-tablist > .btn-ghost, .claim-details-view .claim-inline-tablist > .btn-muted, .claim-details-view .claim-payments-disclosure__tab, .claim-details-view :is(.btn-muted, .btn-ghost, .btn-primary, .claim-info-shell__toggle, .claim-secondary-panel__toggle, .claim-payments-disclosure__state, .badge, .claim-details-chip, .claim-inline-tablist__count) {
    border-radius: var(--claim-radius-control);
  }
  .claim-details-view .claim-details-tab {
    padding: 0.45rem 0.72rem;
  }
  .claim-details-view .claim-details-tab--active, .claim-details-view .claim-inline-tablist > .btn-muted, .claim-payments-disclosure__tab.is-active {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.66)), var(--claim-polish-soft-strong);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(255 255 255 / 0.66)), color-mix(in oklab, var(--claim-polish-soft-strong) 44%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 8px 16px -24px rgb(30 41 59 / 0.18);
  }
  .claim-details-view .claim-list-row {
    padding: 0.82rem 0.95rem;
  }
  .claim-details-view .claim-task-item {
    border-radius: var(--claim-radius-card);
    padding: 0.78rem 0.95rem;
  }
  .claim-details-view .claim-task-item__badge, .claim-details-view .claim-bank-card__status-tag {
    border-radius: var(--claim-radius-control);
    letter-spacing: 0;
  }
  .claim-details-view .claim-component-progress__row {
    border-radius: var(--claim-radius-card);
  }
  .claim-details-view .claim-payments-disclosure__summary {
    padding: 0.92rem 1rem;
  }
  .claim-details-view .claim-payments-disclosure__mark {
    width: 2px;
    border-radius: 0;
  }
  .claim-details-view .claim-details-persistent-actions {
    border-radius: var(--claim-radius-shell);
    padding: 0.65rem;
  }
  .claim-details-view .btn-primary {
    background: linear-gradient(180deg, rgb(93 115 142), rgb(71 91 119));
    box-shadow: 0 12px 22px -18px rgb(30 51 84 / 0.58);
  }
  .claim-details-view {
    --claim-logo-charcoal: rgb(68 70 75);
    --claim-logo-charcoal-2: rgb(82 86 94);
    --claim-logo-taupe: rgb(172 162 150);
    --claim-ui-ink: rgb(28 35 45);
    --claim-ui-muted: rgb(83 92 105);
    --claim-ui-line: color-mix(in srgb, oklch(0.92  0.004 255) 76%, rgb(103 112 126));
    @supports (color: color-mix(in lab, red, red)) {
      --claim-ui-line: color-mix(in oklab, var(--color-border) 76%, rgb(103 112 126));
    }
    --claim-ui-section: rgb(246 247 249);
    --claim-ui-panel: rgb(255 255 255);
    --claim-ui-panel-soft: rgb(241 243 246);
    --claim-radius-shell: 10px;
    --claim-radius-panel: 8px;
    --claim-radius-card: 7px;
    --claim-radius-control: 7px;
    padding: 0;
    border-radius: 0;
    background: transparent;
  }
  .claim-details-view .claim-details-hero {
    margin-top: 0.65rem;
    border-radius: var(--claim-radius-shell);
    border-color: var(--claim-logo-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-logo-taupe) 30%, rgb(255 255 255 / 0.18));
    }
    background: radial-gradient(120% 130% at 100% 0%, rgb(172 162 150 / 0.24), transparent 45%), radial-gradient(90% 120% at 0% 100%, rgb(112 119 130 / 0.2), transparent 55%), linear-gradient(135deg, rgb(84 87 95), rgb(100 107 119) 54%, rgb(128 122 114));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.13), 0 20px 36px -42px rgb(30 35 44 / 0.48);
  }
  .claim-details-view .claim-details-hero::before {
    height: 2px;
    background: linear-gradient(90deg, rgb(172 162 150 / 0.92), rgb(129 140 154 / 0.72));
    opacity: 0.72;
  }
  .claim-details-view :is(.claim-details-backlink, .claim-details-utility-link, .claim-details-admin-button) {
    border-radius: var(--claim-radius-control);
    border-color: rgb(255 255 255 / 0.18);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.16), rgb(255 255 255 / 0.07)), rgb(255 255 255 / 0.06);
    color: rgb(250 250 249);
  }
  .claim-details-view .claim-details-summary-card {
    border-radius: var(--claim-radius-card);
    border-color: rgb(255 255 255 / 0.16);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.13), rgb(255 255 255 / 0.07)), rgb(255 255 255 / 0.07);
  }
  .claim-details-view :is(.claim-details-hero__eyebrow, .claim-details-hero__submeta-label, .claim-details-summary-card__label) {
    color: rgb(226 222 216);
  }
  .claim-details-view :is(.claim-details-hero__title, .claim-details-hero__entity-link, .claim-details-hero__meta-link, .claim-details-summary-card__value) {
    color: white;
  }
  .claim-details-view :is(.claim-details-hero__entity-link, .claim-details-hero__meta-link):hover {
    color: rgb(243 240 235);
  }
  .claim-details-view :is(.claim-details-hero__subtitle, .claim-details-hero__submeta, .claim-details-summary-card__meta) {
    color: rgb(226 230 236);
  }
  .claim-details-view .claim-details-hero__separator {
    background-color: rgb(226 230 236 / 0.55);
  }
  .claim-details-view .claim-details-hero .claim-details-chip:not(.claim-details-chip--danger):not(.claim-details-chip--etis-attention):not(.claim-details-chip--etis-finished) {
    border-color: rgb(255 255 255 / 0.18);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.16), rgb(255 255 255 / 0.08)), rgb(255 255 255 / 0.07);
    color: rgb(250 250 249);
  }
  .claim-details-view .claim-details-hero .claim-details-summary-card__value.text-emerald-700 {
    color: rgb(167 243 208);
  }
  .claim-details-view .claim-details-hero .claim-details-summary-card__value.text-amber-700 {
    color: rgb(253 230 138);
  }
  .claim-details-view .claim-details-hero .claim-details-summary-card__value.text-rose-700 {
    color: rgb(254 205 211);
  }
  .claim-details-view .claim-details-admin-button--danger {
    border-color: rgb(254 205 211 / 0.72);
    background: linear-gradient(180deg, rgb(190 18 60 / 0.92), rgb(159 18 57 / 0.9)), rgb(159 18 57);
    color: white;
  }
  .claim-details-view .claim-details-hero-status {
    --claim-hero-status-accent: rgb(217 119 6);
    --claim-hero-status-bg: rgb(255 255 255 / 0.12);
    --claim-hero-status-border: rgb(255 255 255 / 0.18);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.6rem;
    max-width: min(44rem, 100%);
    margin-top: 0.85rem;
    padding: 0.68rem 0.78rem;
    border: 1px solid var(--claim-hero-status-border);
    border-radius: var(--claim-radius-panel);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.12), rgb(255 255 255 / 0.06)), var(--claim-hero-status-bg);
    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 {
    --claim-hero-status-accent: rgb(244 63 94);
    --claim-hero-status-bg: rgb(159 18 57 / 0.12);
    --claim-hero-status-border: rgb(254 205 211 / 0.28);
  }
  .claim-details-view .claim-details-hero-status__indicator {
    width: 0.52rem;
    height: 0.52rem;
    margin-top: 0.3rem;
    border-radius: 999px;
    background-color: var(--claim-hero-status-accent);
    box-shadow: 0 0 0 5px var(--claim-hero-status-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 5px color-mix(in oklab, var(--claim-hero-status-accent) 18%, transparent);
    }
  }
  .claim-details-view .claim-details-hero-status__body {
    min-width: 0;
  }
  .claim-details-view .claim-details-hero-status__eyebrow {
    margin-bottom: 0.22rem;
    color: rgb(232 226 218);
    font-size: 9px;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-transform: uppercase;
  }
  .claim-details-view .claim-details-hero-status__text {
    margin: 0;
    color: rgb(255 247 237);
    font-size: 12px;
    line-height: 1.55;
  }
  .claim-details-view .claim-details-hero-status__chips {
    display: flex;
    flex-wrap: wrap;
    gap: 0.4rem;
    margin-top: 0.5rem;
  }
  .claim-details-view .claim-details-hero-status__chip {
    display: inline-flex;
    min-height: 1.55rem;
    align-items: center;
    gap: 0.35rem;
    border: 1px solid rgb(255 255 255 / 0.16);
    border-radius: 999px;
    padding: 0.22rem 0.58rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.14), rgb(255 255 255 / 0.07)), var(--claim-hero-status-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.14), rgb(255 255 255 / 0.07)), color-mix(in oklab, var(--claim-hero-status-accent) 10%, transparent);
    }
    color: rgb(255 248 235);
    font-size: 10px;
    font-weight: 650;
    line-height: 1.1;
  }
  .claim-details-view .claim-details-hero-status__chip--danger {
    border-color: rgb(254 205 211 / 0.32);
    background-color: rgb(159 18 57 / 0.18);
    color: rgb(255 228 230);
  }
  .claim-details-view [data-claim-details-tab-frame] {
    display: block;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .claim-details-view .claim-details-tab-outer-shell {
    margin-bottom: 0.65rem;
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .claim-details-view .claim-section {
    padding: clamp(0.8rem, 0.9vw, 1rem);
    border-radius: var(--claim-radius-shell);
    border-color: var(--claim-ui-line);
    background: var(--claim-ui-section);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78), 0 16px 30px -44px rgb(30 35 44 / 0.28);
  }
  .claim-details-view .claim-section::before {
    width: 2px;
    background: linear-gradient(180deg, var(--claim-logo-taupe), rgb(100 105 116));
    opacity: 0.64;
  }
  .claim-details-view :is( .claim-info-shell, .claim-section-shell, .claim-secondary-panel, .claim-payments-disclosure, .claim-details-payments, .claim-tasks-panel, .arrest-targets-panel, .arrest-command, .arrest-notice, .manual-console-hero ) {
    border-radius: var(--claim-radius-panel);
    border-color: var(--claim-ui-line);
    background: var(--claim-ui-panel);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 10px 20px -32px rgb(30 35 44 / 0.18);
  }
  .claim-details-view :is( .claim-section-shell__summary-card, .claim-info-shell__summary-card, .claim-info-card, .claim-info-panel, .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-radius: var(--claim-radius-card);
    border-color: var(--claim-ui-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-ui-line) 82%, white);
    }
    background: rgb(250 251 252);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.88), 0 8px 16px -26px rgb(30 35 44 / 0.12);
  }
  .claim-details-view :is(.claim-section-shell__summary-card--accent, .claim-info-shell__summary-card:first-child) {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(247 247 246 / 0.68)), var(--claim-logo-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(247 247 246 / 0.68)), color-mix(in oklab, var(--claim-logo-taupe) 10%, white);
    }
    border-color: var(--claim-logo-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-logo-taupe) 34%, var(--claim-ui-line));
    }
  }
  .claim-details-view :is(.claim-section-shell--muted, .claim-work-card--muted, .claim-section-shell__summary-card--muted) {
    background: var(--claim-ui-panel-soft);
  }
  .claim-details-view .claim-details-persistent-actions {
    border-color: var(--claim-ui-line);
    background: var(--claim-ui-section);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.8), 0 18px 34px -44px rgb(30 35 44 / 0.28);
  }
  .claim-details-view .claim-details-persistent-actions .claim-tasks-panel {
    border-color: var(--claim-ui-line);
    background: var(--claim-ui-panel);
  }
  .claim-details-view .claim-details-tab-shell {
    top: 3.35rem;
    z-index: 30;
  }
  .claim-details-view .claim-details-tabbar--persistent, .claim-details-view .claim-inline-tablist, .claim-details-view .claim-payments-disclosure__tabs {
    gap: 0.25rem;
    border-radius: var(--claim-radius-panel);
    border-color: var(--claim-ui-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-ui-line) 88%, white);
    }
    background: rgb(238 241 244);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78);
  }
  .claim-details-view .claim-details-tab, .claim-details-view .claim-inline-tablist > .btn-ghost, .claim-details-view .claim-inline-tablist > .btn-muted, .claim-details-view .claim-payments-disclosure__tab {
    border-radius: var(--claim-radius-control);
    border-color: transparent;
    background: transparent;
    color: var(--claim-ui-muted);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-ui-muted) 88%, var(--claim-ui-ink));
    }
    box-shadow: none;
  }
  .claim-details-view .claim-details-tab--active, .claim-details-view .claim-inline-tablist > .btn-muted, .claim-payments-disclosure__tab.is-active {
    border-color: rgb(82 107 141);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(82 107 141) 34%, var(--claim-ui-line));
    }
    background: white;
    color: var(--claim-ui-ink);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.9), 0 8px 14px -18px rgb(30 35 44 / 0.24);
  }
  .claim-details-view :is(.btn-muted, .btn-ghost, .btn-primary, .claim-info-shell__toggle, .claim-secondary-panel__toggle, .claim-payments-disclosure__state) {
    min-height: 2rem;
    border-radius: var(--claim-radius-control);
    border: 1px solid var(--claim-ui-line);
    padding-inline: 0.72rem;
    box-shadow: none;
    text-decoration: none;
  }
  .claim-details-view .btn-compact {
    min-height: 2rem;
    padding: 0.38rem 0.72rem;
    line-height: 1.1;
  }
  .claim-details-view .btn-muted {
    background: white;
    color: var(--claim-ui-ink);
  }
  .claim-details-view .btn-ghost {
    background: rgb(249 250 251);
    color: var(--claim-ui-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-ui-ink) 88%, var(--claim-ui-muted));
    }
  }
  .claim-details-view :is(.btn-muted, .btn-ghost):hover {
    border-color: rgb(82 107 141);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, rgb(82 107 141) 34%, var(--claim-ui-line));
    }
    background: white;
  }
  .claim-details-view .btn-primary {
    border-color: rgb(65 87 118);
    background: linear-gradient(180deg, rgb(91 116 151), rgb(75 98 129));
    color: white;
    box-shadow: 0 12px 22px -18px rgb(30 51 84 / 0.72);
  }
  .claim-details-view .badge {
    border-radius: 999px;
    border-color: var(--claim-ui-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-ui-line) 78%, white);
    }
    background: white;
  }
  .claim-details-view :is( .claim-info-shell__eyebrow, .claim-section-shell__eyebrow, .claim-secondary-panel__label, .claim-work-card__eyebrow, .claim-tasks-panel__eyebrow, .claim-details-payments__eyebrow, .arrest-command__label, .arrest-section-head__label, .arrest-notice__label, .manual-console-hero__eyebrow ) {
    color: var(--claim-logo-charcoal);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-logo-charcoal) 74%, var(--claim-ui-muted));
    }
  }
  .claim-details-view :is( .claim-info-shell__title, .claim-section-shell__title, .claim-secondary-panel__title, .claim-work-card__title, .claim-channel-card__title, .claim-tasks-panel__title, .claim-details-payments__headline, .arrest-command__title, .arrest-section-head__title, .manual-console-hero__title ) {
    color: var(--claim-ui-ink);
  }
  .claim-details-view .manual-console-hero {
    align-items: center;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(250 250 249 / 0.72)), var(--claim-logo-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(250 250 249 / 0.72)), color-mix(in oklab, var(--claim-logo-taupe) 6%, white);
    }
  }
  .claim-details-view .manual-console-hero__mark, .claim-details-view .dashboard-page-mark {
    border-radius: 0;
    background: linear-gradient(180deg, var(--claim-logo-taupe), var(--claim-logo-charcoal));
  }
  .claim-details-view .arrest-command {
    border-left-width: 4px;
    border-left-color: var(--arrest-command-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border-left-color: color-mix(in oklab, var(--arrest-command-accent) 76%, var(--claim-logo-charcoal));
    }
    background: white;
  }
  .claim-details-view .arrest-command__body {
    gap: 1rem;
  }
  .claim-details-view .arrest-command__actions, .claim-details-view .arrest-actions {
    gap: 0.5rem;
    align-items: center;
  }
  .claim-details-view .arrest-command__actions :is(form, button, a), .claim-details-view .arrest-actions :is(form, button, a) {
    margin: 0;
  }
  .claim-details-view .arrests-workspace__aside {
    border-left-color: var(--claim-ui-line);
  }
  .claim-details-view .arrest-section-head {
    background: rgb(250 251 252);
  }
  .claim-details-view .arrest-card {
    background: white;
  }
  .claim-details-view details.claim-secondary-panel:not([open]) > .claim-secondary-panel__body {
    display: none;
  }
  .claim-details-view details.claim-secondary-panel[open] > .claim-secondary-panel__body {
    display: block;
  }
}
@layer components {
  .claim-details-view {
    --claim-v5-ink: #202832;
    --claim-v5-ink-strong: #141a21;
    --claim-v5-muted: #66717d;
    --claim-v5-faint: #8a939d;
    --claim-v5-line: #d9dee3;
    --claim-v5-line-soft: #e7eaee;
    --claim-v5-panel: #ffffff;
    --claim-v5-panel-soft: #f8fafb;
    --claim-v5-canvas: #e9eef2;
    --claim-v5-warm: #f7f3ee;
    --claim-v5-charcoal: #44464b;
    --claim-v5-taupe: #aca296;
    --claim-v5-blue: #506986;
    --claim-v5-blue-strong: #405873;
    --claim-v5-green: #32705b;
    --claim-v5-amber: #8a6230;
    --claim-v5-red: #a33f45;
    --claim-v5-shadow: 0 18px 42px -38px rgb(32 40 50 / 0.28);
    --claim-v5-shadow-soft: 0 8px 20px -22px rgb(32 40 50 / 0.2);
    --claim-radius-shell: 8px;
    --claim-radius-panel: 8px;
    --claim-radius-card: 8px;
    --claim-radius-control: 7px;
    gap: 0.7rem;
    padding-bottom: 1.25rem;
    color: var(--claim-v5-ink);
    background: linear-gradient(180deg, rgb(242 246 248 / 0.98), rgb(232 238 242 / 0.96) 28rem, rgb(228 235 239 / 0.96));
    isolation: isolate;
  }
  .claim-details-view, .claim-details-view * {
    letter-spacing: 0;
  }
  .claim-details-view .claim-details-hero {
    position: relative;
    overflow: hidden;
    border: 1px solid var(--claim-v5-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-v5-line) 92%, white);
    }
    border-radius: var(--claim-radius-shell);
    padding: clamp(0.72rem, 1vw, 0.95rem);
    color: var(--claim-v5-ink);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(250 251 252 / 0.98) 68%, rgb(247 249 250 / 0.98)), linear-gradient(90deg, var(--claim-v5-taupe), white 50%, var(--claim-v5-blue));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(250 251 252 / 0.98) 68%, rgb(247 249 250 / 0.98)), linear-gradient(90deg, color-mix(in oklab, var(--claim-v5-taupe) 10%, white), white 50%, color-mix(in oklab, var(--claim-v5-blue) 5%, white));
    }
    box-shadow: var(--claim-v5-shadow);
  }
  .claim-details-view .claim-details-hero::before {
    position: absolute;
    inset: 0 0 auto;
    height: 3px;
    content: "";
    background: linear-gradient(90deg, var(--claim-v5-taupe), var(--claim-v5-charcoal) 42%, var(--claim-v5-blue) 100%);
  }
  .claim-details-view .claim-details-hero::after {
    display: none;
  }
  .claim-details-view .claim-details-hero__masthead {
    align-items: center;
    border-bottom: 1px solid var(--claim-v5-line-soft);
    @supports (color: color-mix(in lab, red, red)) {
      border-bottom: 1px solid color-mix(in oklab, var(--claim-v5-line-soft) 76%, white);
    }
    padding-bottom: 0.58rem;
    gap: 0.55rem;
  }
  .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, .claim-details-view :is(.btn-muted, .btn-ghost, .btn-primary, .claim-info-shell__toggle, .claim-secondary-panel__toggle, .claim-payments-disclosure__state) {
    min-height: 1.94rem;
    border-radius: var(--claim-radius-control);
    border: 1px solid var(--claim-v5-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-v5-line) 86%, white);
    }
    padding-inline: 0.64rem;
    font-size: 0.78rem;
    font-weight: 650;
    text-decoration: none;
    box-shadow: none;
  }
  .claim-details-view .claim-details-backlink, .claim-details-view .claim-details-admin-button--neutral, .claim-details-view .claim-details-admin-button--process, .claim-details-view .shared-note-trigger, .claim-details-view .shared-note-launcher, .claim-details-view .btn-muted, .claim-details-view .btn-ghost {
    color: var(--claim-v5-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v5-ink) 88%, var(--claim-v5-muted));
    }
    background: white;
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, white 88%, var(--claim-v5-canvas));
    }
  }
  .claim-details-view :is(.claim-details-backlink, .claim-details-admin-button--neutral, .claim-details-admin-button--process, .shared-note-trigger, .shared-note-launcher, .btn-muted, .btn-ghost):hover {
    border-color: var(--claim-v5-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-blue) 34%, var(--claim-v5-line));
    }
    color: var(--claim-v5-ink-strong);
    background: white;
  }
  .claim-details-view .claim-details-admin-button--danger {
    border-color: var(--claim-v5-red);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-red) 28%, var(--claim-v5-line));
    }
    color: #8f3037;
    background: #fff7f7;
  }
  .claim-details-view .btn-primary {
    border-color: var(--claim-v5-blue-strong);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-blue-strong) 82%, black);
    }
    color: white;
    background: linear-gradient(180deg, #5f768f, var(--claim-v5-blue-strong));
    box-shadow: 0 12px 22px -18px rgb(64 88 115 / 0.72);
  }
  .claim-details-view .claim-details-hero__content {
    grid-template-columns: minmax(0, 1.2fr) minmax(19rem, 0.8fr);
    align-items: stretch;
    gap: clamp(0.68rem, 1.1vw, 0.95rem);
    margin-top: clamp(0.68rem, 1vw, 0.86rem);
  }
  .claim-details-view .claim-details-hero__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: space-between;
    gap: 0.48rem;
  }
  .claim-details-view .claim-details-hero__title-row {
    align-items: flex-start;
    gap: 0.42rem;
  }
  .claim-details-view .claim-details-hero__title {
    max-width: 58rem;
    color: var(--claim-v5-ink-strong);
    font-size: clamp(1.55rem, 2.45vw, 2.65rem);
    font-weight: 710;
    line-height: 1.04;
    text-wrap: balance;
  }
  .claim-details-view .claim-details-hero__entity-link, .claim-details-view .claim-details-hero__meta-link {
    color: inherit;
    text-decoration-thickness: 0.08em;
    text-underline-offset: 0.15em;
  }
  .claim-details-view .claim-details-hero__entity-link:hover, .claim-details-view .claim-details-hero__meta-link:hover {
    color: var(--claim-v5-blue-strong);
    text-decoration-color: currentColor;
  }
  .claim-details-view .claim-details-hero__subtitle, .claim-details-view .claim-details-hero__submeta {
    color: var(--claim-v5-muted);
    font-size: 0.84rem;
    line-height: 1.4;
  }
  .claim-details-view .claim-details-hero__submeta {
    margin-top: 0;
  }
  .claim-details-view .claim-details-hero__submeta-label {
    color: var(--claim-v5-faint);
    font-size: 0.7rem;
    font-weight: 650;
    text-transform: none;
  }
  .claim-details-view .claim-details-hero__separator {
    width: 1px;
    height: 1rem;
    border-radius: 999px;
    background: var(--claim-v5-line);
  }
  .claim-details-view .claim-details-hero__party-inline {
    display: inline-flex;
    min-width: 0;
    align-items: center;
    gap: 0.35rem;
    flex-wrap: wrap;
  }
  .claim-details-view .claim-details-hero__aside {
    align-self: stretch;
  }
  .claim-details-view .claim-details-summary-grid {
    display: grid;
    height: 100%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.46rem;
    align-content: stretch;
  }
  .claim-details-view .claim-details-summary-card {
    position: relative;
    min-height: 4.35rem;
    border: 1px solid var(--claim-v5-line-soft);
    border-radius: var(--claim-radius-card);
    padding: 0.58rem 0.66rem;
    color: var(--claim-v5-ink);
    background: linear-gradient(180deg, white, #fcfdfe);
    box-shadow: none;
  }
  .claim-details-view .claim-details-summary-card:first-child {
    border-color: var(--claim-v5-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-taupe) 42%, var(--claim-v5-line));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(250 248 245 / 0.95)), var(--claim-v5-warm);
  }
  .claim-details-view .claim-details-summary-card--interactive {
    transition: border-color 160ms ease, transform 160ms ease, box-shadow 160ms ease;
  }
  .claim-details-view .claim-details-summary-card--interactive:hover {
    border-color: var(--claim-v5-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-blue) 36%, var(--claim-v5-line));
    }
    transform: translateY(-1px);
    box-shadow: 0 18px 34px -30px rgb(32 40 50 / 0.34);
  }
  .claim-details-view .claim-details-summary-card__label {
    color: var(--claim-v5-muted);
    font-size: 0.68rem;
    font-weight: 700;
    line-height: 1.2;
    text-transform: none;
  }
  .claim-details-view .claim-details-summary-card__value {
    margin-top: 0.22rem;
    color: var(--claim-v5-ink-strong);
    font-size: clamp(1.08rem, 1.25vw, 1.42rem);
    font-variant-numeric: tabular-nums;
    font-weight: 720;
    line-height: 1.05;
  }
  .claim-details-view .claim-details-summary-card__meta {
    color: var(--claim-v5-muted);
    font-size: 0.7rem;
    line-height: 1.28;
  }
  .claim-details-view .claim-details-summary-card__inline {
    gap: 0.26rem;
  }
  .claim-details-view .claim-details-summary-card__value.text-emerald-700 {
    color: var(--claim-v5-green);
  }
  .claim-details-view .claim-details-summary-card__value.text-amber-700 {
    color: var(--claim-v5-amber);
  }
  .claim-details-view .claim-details-summary-card__value.text-rose-700 {
    color: var(--claim-v5-red);
  }
  .claim-details-view .claim-details-hero-status {
    --claim-status-accent: var(--claim-v5-amber);
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    gap: 0.5rem;
    max-width: min(58rem, 100%);
    margin-top: 0.22rem;
    border: 1px solid var(--claim-status-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-status-accent) 24%, var(--claim-v5-line));
    }
    border-left-width: 3px;
    border-radius: var(--claim-radius-panel);
    padding: 0.52rem 0.64rem;
    color: var(--claim-v5-ink);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 251 244 / 0.88)), var(--claim-status-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 251 244 / 0.88)), color-mix(in oklab, var(--claim-status-accent) 7%, white);
    }
    box-shadow: none;
  }
  .claim-details-view .claim-details-hero-status--danger {
    --claim-status-accent: var(--claim-v5-red);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 247 247 / 0.9)), var(--claim-v5-red);
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.96), rgb(255 247 247 / 0.9)), color-mix(in oklab, var(--claim-v5-red) 7%, white);
    }
  }
  .claim-details-view .claim-details-hero-status__indicator {
    width: 0.52rem;
    height: 0.52rem;
    margin-top: 0.28rem;
    border: 2px solid var(--claim-status-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 2px solid color-mix(in oklab, var(--claim-status-accent) 72%, white);
    }
    background: var(--claim-status-accent);
    box-shadow: 0 0 0 3px var(--claim-status-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: 0 0 0 3px color-mix(in oklab, var(--claim-status-accent) 12%, white);
    }
  }
  .claim-details-view .claim-details-hero-status__body {
    gap: 0.24rem;
  }
  .claim-details-view .claim-details-hero-status__eyebrow {
    color: var(--claim-status-accent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-status-accent) 68%, var(--claim-v5-ink));
    }
    font-size: 0.68rem;
    font-weight: 760;
    line-height: 1.2;
    text-transform: none;
  }
  .claim-details-view .claim-details-hero-status__text {
    color: var(--claim-v5-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v5-ink) 90%, var(--claim-v5-muted));
    }
    font-size: 0.8rem;
    line-height: 1.4;
  }
  .claim-details-view .claim-details-hero-status__chip {
    border: 1px solid var(--claim-status-accent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-status-accent) 28%, var(--claim-v5-line));
    }
    border-radius: 999px;
    padding: 0.18rem 0.45rem;
    color: var(--claim-status-accent);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-status-accent) 68%, var(--claim-v5-ink));
    }
    font-size: 0.68rem;
    font-weight: 700;
    background: white;
  }
  .claim-details-view .claim-details-hero-status__chip--danger {
    border-color: var(--claim-v5-red);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-red) 34%, var(--claim-v5-line));
    }
    color: #8f3037;
    background: #fffafa;
  }
  .claim-details-view .claim-details-alert-stack {
    margin-top: 0.62rem;
  }
  .claim-details-view [data-claim-details-tab-frame] {
    margin-top: 0.68rem;
    border: 1px solid var(--claim-v5-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-v5-line) 82%, #9aa7b3);
    }
    border-radius: 10px;
    padding: 0.44rem;
    background: linear-gradient(135deg, rgb(226 234 239 / 0.96), rgb(247 243 237 / 0.82) 54%, rgb(235 240 244 / 0.96));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.72), 0 22px 50px -48px rgb(32 40 50 / 0.48);
  }
  .claim-details-view .claim-details-tab-outer-shell {
    margin-bottom: 0.56rem;
  }
  .claim-details-view .claim-details-tab-shell {
    top: 0.55rem;
    z-index: 32;
  }
  .claim-details-view .claim-details-tabbar--persistent, .claim-details-view .claim-inline-tablist, .claim-details-view .claim-payments-disclosure__tabs {
    gap: 0.16rem;
    border: 1px solid var(--claim-v5-line-soft);
    border-radius: var(--claim-radius-panel);
    padding: 0.18rem;
    background: rgb(255 255 255 / 0.7);
    box-shadow: none;
  }
  .claim-details-view .claim-details-tab, .claim-details-view .claim-inline-tablist > .btn-ghost, .claim-details-view .claim-inline-tablist > .btn-muted, .claim-details-view .claim-payments-disclosure__tab {
    min-height: 1.96rem;
    border: 1px solid transparent;
    border-radius: 6px;
    color: var(--claim-v5-muted);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v5-muted) 88%, var(--claim-v5-ink));
    }
    font-size: 0.8rem;
    font-weight: 640;
    background: transparent;
    box-shadow: none;
  }
  .claim-details-view .claim-details-tab:hover, .claim-details-view .claim-inline-tablist > .btn-ghost:hover, .claim-details-view .claim-payments-disclosure__tab:hover {
    border-color: var(--claim-v5-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-blue) 24%, var(--claim-v5-line));
    }
    color: var(--claim-v5-ink-strong);
    background: white;
  }
  .claim-details-view .claim-details-tab--active, .claim-details-view .claim-inline-tablist > .btn-muted, .claim-details-view .claim-payments-disclosure__tab.is-active {
    border-color: var(--claim-v5-charcoal);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-charcoal) 84%, black);
    }
    color: white;
    background: linear-gradient(180deg, #505762, #3e454d);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.14);
  }
  .claim-details-view .claim-details-tab__badge {
    border-color: color-mix(in oklab, white 28%, transparent);
    color: inherit;
    background: rgb(255 255 255 / 0.15);
  }
  .claim-details-view .claim-section {
    border: 0;
    border-radius: 0;
    padding: 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.72rem;
  }
  .claim-details-view .claim-section__header {
    margin-bottom: 0.42rem;
  }
  .claim-details-view .claim-section__title, .claim-details-view .claim-section__subheading {
    color: var(--claim-v5-ink-strong);
    font-size: clamp(1rem, 1.1vw, 1.2rem);
    font-weight: 700;
    line-height: 1.18;
  }
  .claim-details-view .claim-section__subtitle {
    max-width: 58rem;
    color: var(--claim-v5-muted);
    font-size: 0.9rem;
    line-height: 1.5;
  }
  .claim-details-view .claim-info-workspace {
    display: grid;
    gap: 0.54rem;
    border: 1px solid var(--claim-v5-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-v5-line) 78%, #9aa7b3);
    }
    border-radius: 10px;
    padding: 0.48rem;
    background: linear-gradient(145deg, rgb(222 230 236 / 0.94), rgb(244 240 234 / 0.82) 52%, rgb(235 240 243 / 0.95));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.68), 0 18px 42px -44px rgb(32 40 50 / 0.42);
  }
  .claim-details-view :is( .claim-info-shell, .claim-section-shell, .claim-payments-disclosure, .claim-secondary-panel, .claim-tasks-panel, .claim-scroll-toc__card, .claim-scroll-toc-inline--panel ) {
    border: 1px solid var(--claim-v5-line-soft);
    border-radius: var(--claim-radius-panel);
    background: var(--claim-v5-panel);
    box-shadow: none;
  }
  .claim-details-view :is(.claim-info-shell, .claim-section-shell, .claim-payments-disclosure, .claim-secondary-panel, .claim-tasks-panel) {
    padding: clamp(0.68rem, 0.85vw, 0.86rem);
  }
  .claim-details-view .claim-info-workspace .claim-info-shell {
    overflow: hidden;
    padding: 0;
    background: rgb(255 255 255 / 0.88);
  }
  .claim-details-view :is(.claim-section-shell--soft, .claim-info-shell) {
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(250 251 252 / 0.98)), var(--claim-v5-panel);
  }
  .claim-details-view :is(.claim-section-shell--muted, .claim-work-card--muted, .claim-section-shell__summary-card--muted) {
    background: var(--claim-v5-panel-soft);
  }
  .claim-details-view :is(.claim-info-shell__header, .claim-section-shell__header, .claim-secondary-panel__header, .claim-tasks-panel__header) {
    align-items: flex-start;
    gap: 0.62rem;
    border-bottom: 1px solid var(--claim-v5-line-soft);
    padding-bottom: 0.58rem;
  }
  .claim-details-view .claim-info-shell__header {
    margin: 0;
    border-bottom: 0;
    padding: 0.68rem 0.78rem;
    background: linear-gradient(90deg, #3f464d, #56606b 68%, var(--claim-v5-taupe));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, #3f464d, #56606b 68%, color-mix(in oklab, var(--claim-v5-taupe) 22%, #56606b));
    }
  }
  .claim-details-view .claim-info-shell__header .claim-info-shell__eyebrow {
    color: var(--claim-v5-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v5-taupe) 78%, white);
    }
  }
  .claim-details-view .claim-info-shell__header .claim-info-shell__title {
    color: white;
  }
  .claim-details-view .claim-info-shell__header .claim-info-shell__description {
    color: rgb(226 232 238 / 0.86);
  }
  .claim-details-view .claim-info-shell__header .claim-info-shell__toggle {
    border-color: rgb(255 255 255 / 0.18);
    color: white;
    background: rgb(255 255 255 / 0.1);
  }
  .claim-details-view .claim-info-shell__header .claim-info-shell__toggle:hover {
    border-color: rgb(255 255 255 / 0.34);
    background: rgb(255 255 255 / 0.16);
  }
  .claim-details-view :is(.claim-info-shell__header, .claim-section-shell__header, .claim-secondary-panel__header, .claim-tasks-panel__header)::after {
    display: none;
  }
  .claim-details-view :is(.claim-info-shell__eyebrow, .claim-section-shell__eyebrow, .claim-secondary-panel__label, .claim-work-card__eyebrow, .claim-tasks-panel__eyebrow, .claim-details-payments__eyebrow, .arrest-command__label, .arrest-section-head__label, .manual-console-hero__eyebrow) {
    color: var(--claim-v5-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v5-blue) 60%, var(--claim-v5-muted));
    }
    font-size: 0.66rem;
    font-weight: 740;
    line-height: 1.2;
    text-transform: none;
  }
  .claim-details-view :is(.claim-info-shell__title, .claim-section-shell__title, .claim-secondary-panel__title, .claim-work-card__title, .claim-channel-card__title, .claim-tasks-panel__title, .claim-details-payments__headline, .arrest-command__title, .arrest-section-head__title, .manual-console-hero__title) {
    color: var(--claim-v5-ink-strong);
    font-weight: 720;
    line-height: 1.18;
  }
  .claim-details-view :is(.claim-info-shell__description, .claim-section-shell__description, .claim-secondary-panel__description, .claim-tasks-panel__subtitle, .claim-details-payments__copy, .manual-console-hero__copy) {
    color: var(--claim-v5-muted);
    line-height: 1.42;
  }
  .claim-details-view :is(.claim-info-shell__summary, .claim-section-shell__summary) {
    gap: 0.48rem;
  }
  .claim-details-view .claim-info-shell__summary {
    padding: 0.58rem;
  }
  .claim-details-view .claim-info-shell__body {
    margin-top: 0;
    border-top: 1px solid var(--claim-v5-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid color-mix(in oklab, var(--claim-v5-line) 80%, white);
    }
    padding: 0.58rem;
    background: linear-gradient(180deg, rgb(237 243 247 / 0.96), rgb(246 248 250 / 0.96));
  }
  .claim-details-view .claim-info-shell__body .claim-info-stack {
    display: grid;
    gap: 0.54rem;
  }
  .claim-details-view .claim-info-shell__body .claim-info-toolbar {
    border-color: var(--claim-v5-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-line) 74%, #9aa7b3);
    }
    border-radius: 8px;
    padding: 0.58rem 0.68rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(248 251 252 / 0.8));
    box-shadow: none;
  }
  .claim-details-view .claim-info-shell__body .claim-info-layout {
    gap: 0.54rem;
  }
  .claim-details-view .claim-info-shell__body .claim-info-layout--fees {
    align-items: start;
  }
  .claim-details-view .claim-info-shell__body .claim-info-card, .claim-details-view .claim-info-shell__body .claim-info-panel, .claim-details-view .claim-info-shell__body .claim-info-summary-card, .claim-details-view .claim-info-shell__body .claim-info-metric, .claim-details-view .claim-info-shell__body .claim-info-empty {
    border-color: var(--claim-v5-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-line) 82%, white);
    }
    border-radius: 8px;
    background: rgb(255 255 255 / 0.86);
    box-shadow: none;
  }
  .claim-details-view .claim-info-shell__body .claim-info-card {
    min-height: 0;
    padding: 0.72rem;
  }
  .claim-details-view .claim-info-shell__body .claim-info-card::after {
    display: none;
  }
  .claim-details-view .claim-info-shell__body .claim-info-card__columns, .claim-details-view .claim-info-shell__body .claim-info-metric-grid, .claim-details-view .claim-info-shell__body .claim-info-list, .claim-details-view .claim-info-shell__body .claim-info-summary-strip, .claim-details-view .claim-info-shell__body .claim-info-split-metrics {
    margin-top: 0.58rem;
    gap: 0.5rem;
  }
  .claim-details-view .claim-info-shell__body .claim-info-card__value--currency {
    margin-top: 0.58rem;
    font-size: 1.28rem;
  }
  .claim-details-view .claim-info-shell__body .claim-info-empty {
    padding: 0.68rem 0.78rem;
    line-height: 1.45;
  }
  .claim-details-view :is( .claim-section-shell__summary-card, .claim-info-shell__summary-card, .claim-info-card, .claim-info-panel, .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-v5-line-soft);
    border-radius: var(--claim-radius-card);
    background: linear-gradient(180deg, #ffffff, #fbfcfd);
    box-shadow: none;
  }
  .claim-details-view :is(.claim-section-shell__summary-card, .claim-info-shell__summary-card) {
    min-height: 5rem;
    padding: 0.62rem;
  }
  .claim-details-view :is(.claim-section-shell__summary-card, .claim-info-shell__summary-card)::before {
    top: 0.62rem;
    bottom: 0.62rem;
    left: 0;
    width: 2px;
    border-radius: 999px;
    background: var(--claim-v5-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--claim-v5-taupe) 52%, var(--claim-v5-line));
    }
    opacity: 0.5;
  }
  .claim-details-view :is(.claim-section-shell__summary-card--accent, .claim-info-shell__summary-card:first-child) {
    border-color: var(--claim-v5-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-taupe) 38%, var(--claim-v5-line));
    }
    background: linear-gradient(180deg, rgb(255 255 255 / 0.98), rgb(251 249 246 / 0.94)), var(--claim-v5-warm);
  }
  .claim-details-view :is(.claim-section-shell__summary-label, .claim-info-shell__summary-label, .claim-info-card__eyebrow, .claim-info-metric__label, .field-card__label) {
    color: var(--claim-v5-muted);
    font-size: 0.66rem;
    font-weight: 700;
    line-height: 1.25;
    text-transform: none;
  }
  .claim-details-view :is(.claim-section-shell__summary-value, .claim-info-shell__summary-value, .claim-info-card__value, .claim-info-metric__value, .field-card__value, .claim-list-row__title, .claim-task-item__title) {
    color: var(--claim-v5-ink-strong);
    font-weight: 700;
    line-height: 1.18;
  }
  .claim-details-view :is(.claim-section-shell__summary-meta, .claim-info-shell__summary-meta, .claim-info-card__meta, .claim-info-metric__meta, .field-card__meta, .claim-list-row__meta, .claim-task-item__meta) {
    color: var(--claim-v5-muted);
    line-height: 1.45;
  }
  .claim-details-view .claim-payments-disclosure__summary {
    align-items: center;
    gap: 0.58rem;
  }
  .claim-details-view .claim-payments-disclosure--compact {
    overflow: hidden;
    border-color: var(--claim-v5-charcoal);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-charcoal) 28%, var(--claim-v5-line));
    }
    background: linear-gradient(90deg, #3f464d, #59636d);
    box-shadow: none;
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__summary {
    min-height: 0;
    padding: 0.62rem 0.72rem;
    color: white;
    background: transparent;
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__summary:hover {
    background: rgb(255 255 255 / 0.06);
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__eyebrow {
    color: var(--claim-v5-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v5-taupe) 80%, white);
    }
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__title {
    color: white;
    font-size: 0.95rem;
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__subtitle {
    color: rgb(226 232 238 / 0.82);
    font-size: 0.74rem;
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__mark {
    width: 3px;
    height: 2.25rem;
    background: linear-gradient(180deg, var(--claim-v5-taupe), #f4efe7);
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__state {
    border-color: rgb(255 255 255 / 0.2);
    color: white;
    background: rgb(255 255 255 / 0.1);
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__body {
    border-top-color: rgb(255 255 255 / 0.12);
    padding: 0.62rem;
    background: linear-gradient(180deg, rgb(248 250 252 / 0.98), rgb(243 247 249 / 0.98));
  }
  .claim-details-view .claim-payments-disclosure__mark, .claim-details-view .claim-tasks-panel__dot, .claim-details-view .dashboard-page-mark, .claim-details-view .manual-console-hero__mark {
    border-radius: 3px;
    background: linear-gradient(180deg, var(--claim-v5-taupe), var(--claim-v5-charcoal));
    box-shadow: none;
  }
  .claim-details-view .claim-secondary-panel {
    margin-top: 0.62rem;
  }
  .claim-details-view .claim-secondary-panel__body {
    border-top: 1px solid var(--claim-v5-line-soft);
    margin-top: 0.62rem;
    padding-top: 0.62rem;
  }
  .claim-details-view .claim-scroll-toc__card, .claim-details-view .claim-scroll-toc-inline--panel {
    color: var(--claim-v5-ink);
    background: rgb(255 255 255 / 0.92);
    backdrop-filter: blur(12px);
  }
  .claim-details-view .claim-toc-link {
    border-radius: 6px;
    color: var(--claim-v5-muted);
  }
  .claim-details-view .claim-toc-link:hover, .claim-details-view .claim-toc-link.is-active {
    color: var(--claim-v5-ink-strong);
    background: var(--claim-v5-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--claim-v5-taupe) 13%, white);
    }
  }
  .claim-details-view .claim-details-persistent-actions {
    border: 1px solid var(--claim-v5-line);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in oklab, var(--claim-v5-line) 78%, #9aa7b3);
    }
    border-radius: 10px;
    padding: 0.48rem;
    background: linear-gradient(135deg, rgb(224 232 238 / 0.96), rgb(247 243 237 / 0.78) 58%, rgb(235 240 244 / 0.96));
    box-shadow: none;
  }
  .claim-details-view .claim-details-persistent-actions .claim-tasks-panel {
    overflow: hidden;
    border-color: var(--claim-v5-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-line) 82%, white);
    }
    padding: 0;
    background: rgb(248 251 253 / 0.94);
  }
  .claim-details-view .claim-tasks-panel__header {
    border-bottom: 0;
    padding: 0.68rem 0.78rem;
    color: white;
    background: linear-gradient(90deg, #3f464d, #59636d 72%, var(--claim-v5-blue));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, #3f464d, #59636d 72%, color-mix(in oklab, var(--claim-v5-blue) 28%, #59636d));
    }
  }
  .claim-details-view .claim-tasks-panel__eyebrow {
    color: var(--claim-v5-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v5-taupe) 76%, white);
    }
  }
  .claim-details-view .claim-tasks-panel__title {
    color: white;
  }
  .claim-details-view .claim-tasks-panel__subtitle {
    color: rgb(226 232 238 / 0.84);
  }
  .claim-details-view .claim-tasks-panel__count {
    border-color: rgb(255 255 255 / 0.2);
    color: white;
    background: rgb(255 255 255 / 0.1);
  }
  .claim-details-view .claim-tasks-panel__list {
    padding: 0.58rem;
    gap: 0.44rem;
  }
  .claim-details-view .claim-task-item {
    min-height: 3.1rem;
    border-color: var(--claim-v5-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-line) 82%, white);
    }
    border-radius: 7px;
    padding: 0.54rem 0.66rem;
    background: rgb(255 255 255 / 0.88);
  }
  .claim-details-view .claim-task-item:hover {
    border-color: var(--claim-v5-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-blue) 28%, var(--claim-v5-line));
    }
    background: white;
  }
  .claim-details-view .claim-details-floating-action {
    width: 2.35rem;
    height: 2.35rem;
    border-radius: var(--claim-radius-card);
    border-color: var(--claim-v5-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-line) 86%, white);
    }
    background: white;
    box-shadow: 0 12px 22px -18px rgb(32 40 50 / 0.42);
  }
  .claim-details-view .claim-details-floating-action:hover {
    border-color: var(--claim-v5-blue);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-blue) 35%, var(--claim-v5-line));
    }
    transform: translateY(-1px);
  }
  .claim-details-view .claim-details-chip, .claim-details-view .badge, .claim-details-view .claim-inline-tablist__count {
    border-radius: 999px;
    border-color: var(--claim-v5-line);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v5-line) 82%, white);
    }
    color: var(--claim-v5-ink);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v5-ink) 82%, var(--claim-v5-muted));
    }
    background: white;
  }
  .claim-details-view .claim-details-feedback, .claim-details-view .claim-details-notice {
    border-radius: var(--claim-radius-panel);
    border-color: var(--claim-v5-line-soft);
    box-shadow: none;
  }
  .claim-details-view .manual-console-hero, .claim-details-view .arrest-command, .claim-details-view .arrest-section-head {
    border-color: var(--claim-v5-line-soft);
    border-radius: var(--claim-radius-panel);
    background: linear-gradient(180deg, #ffffff, #fbfcfd);
    box-shadow: none;
  }
  .claim-details-view .arrests-workspace__aside {
    border-left-color: var(--claim-v5-line-soft);
  }
  @media (max-width: 72rem) {
    .claim-details-view .claim-details-hero__content {
      grid-template-columns: 1fr;
    }
    .claim-details-view .claim-details-hero__copy {
      justify-content: flex-start;
    }
    .claim-details-view .claim-details-summary-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 54rem) {
    .claim-details-view {
      gap: 0.58rem;
      background: #f3f5f7;
    }
    .claim-details-view .claim-details-hero {
      padding: 0.68rem;
      border-radius: 8px;
    }
    .claim-details-view .claim-details-hero__masthead {
      align-items: stretch;
    }
    .claim-details-view .claim-details-admin-actions {
      gap: 0.34rem;
    }
    .claim-details-view .claim-details-hero__title {
      font-size: clamp(1.45rem, 7.4vw, 2rem);
      line-height: 1.05;
    }
    .claim-details-view .claim-details-hero__subtitle {
      align-items: flex-start;
      gap: 0.35rem;
    }
    .claim-details-view .claim-details-hero__separator {
      display: none;
    }
    .claim-details-view .claim-details-summary-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .claim-details-view .claim-details-summary-card {
      min-height: 4.1rem;
      padding: 0.56rem;
    }
    .claim-details-view .claim-details-summary-card__value {
      font-size: 1.02rem;
    }
    .claim-details-view .claim-details-hero-status {
      grid-template-columns: 1fr;
      border-left-width: 1px;
    }
    .claim-details-view .claim-details-hero-status__indicator {
      display: none;
    }
    .claim-details-view .claim-details-tab-shell {
      top: 0.35rem;
    }
    .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 :is(.claim-info-shell, .claim-section-shell, .claim-payments-disclosure, .claim-secondary-panel, .claim-tasks-panel) {
      padding: 0.64rem;
    }
  }
  @media (max-width: 36rem) {
    .claim-details-view .claim-details-summary-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .claim-details-view .claim-details-summary-card__label, .claim-details-view .claim-details-summary-card__meta {
      font-size: 0.64rem;
    }
    .claim-details-view .claim-details-summary-card__value {
      font-size: 1rem;
    }
    .claim-details-view .claim-details-admin-button span, .claim-details-view .claim-details-backlink span {
      white-space: nowrap;
    }
  }
}
@layer components {
  .claim-details-view {
    --claim-v9-ink: #18232e;
    --claim-v9-ink-soft: #2c3845;
    --claim-v9-muted: #637281;
    --claim-v9-subtle: #7c8995;
    --claim-v9-line: rgb(97 113 130 / 0.24);
    --claim-v9-line-strong: rgb(78 94 110 / 0.36);
    --claim-v9-panel: rgb(255 255 255 / 0.78);
    --claim-v9-panel-solid: #fbfcfd;
    --claim-v9-canvas: #edf3f5;
    --claim-v9-steel: #526679;
    --claim-v9-steel-dark: #2f3b46;
    --claim-v9-warm: #f2eee7;
    --claim-v9-warm-strong: #b7aa9a;
    --claim-v9-green: #226a56;
    --claim-v9-amber: #936526;
    --claim-v9-red: #c5324c;
    gap: 0.68rem;
    color: var(--claim-v9-ink);
    background: linear-gradient(180deg, #edf3f5 0, #e6eef2 22rem, #f0f3f4 100%), linear-gradient(115deg, rgb(183 170 154 / 0.12), transparent 38%, rgb(82 102 121 / 0.08));
  }
  .claim-details-view, .claim-details-view * {
    letter-spacing: 0;
  }
  .claim-details-view .claim-details-hero {
    border-color: var(--claim-v9-line-strong);
    border-radius: 10px;
    padding: clamp(0.78rem, 1vw, 1rem);
    color: var(--claim-v9-ink);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(248 251 252 / 0.84)), linear-gradient(112deg, rgb(183 170 154 / 0.22) 0, transparent 38%, rgb(82 102 121 / 0.12) 100%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.72), 0 24px 58px -50px rgb(20 32 44 / 0.5);
  }
  .claim-details-view .claim-details-hero::before {
    height: 4px;
    background: linear-gradient(90deg, var(--claim-v9-warm-strong), var(--claim-v9-steel-dark) 42%, #7f99ad);
    opacity: 0.96;
  }
  .claim-details-view .claim-details-hero__masthead {
    border-bottom-color: rgb(97 113 130 / 0.18);
    padding-bottom: 0.58rem;
  }
  .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, .claim-details-view :is(.btn-muted, .btn-ghost, .claim-info-shell__toggle, .claim-secondary-panel__toggle, .claim-payments-disclosure__state) {
    min-height: 2rem;
    border-color: rgb(97 113 130 / 0.24);
    border-radius: 7px;
    color: var(--claim-v9-ink-soft);
    background: rgb(255 255 255 / 0.66);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.62);
    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, .btn-muted, .btn-ghost, .claim-info-shell__toggle, .claim-secondary-panel__toggle, .claim-payments-disclosure__state):hover {
    border-color: rgb(82 102 121 / 0.38);
    color: var(--claim-v9-ink);
    background: rgb(255 255 255 / 0.9);
  }
  .claim-details-view .claim-details-admin-button--danger {
    border-color: rgb(197 50 76 / 0.26);
    color: #9e2539;
    background: rgb(255 247 248 / 0.78);
  }
  .claim-details-view .btn-primary {
    border-color: var(--claim-v9-steel-dark);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v9-steel-dark) 88%, black);
    }
    color: white;
    background: linear-gradient(180deg, #506477, var(--claim-v9-steel-dark));
    box-shadow: 0 14px 28px -22px rgb(47 59 70 / 0.72);
  }
  .claim-details-view .claim-details-hero__content {
    grid-template-columns: minmax(0, 1.18fr) minmax(20rem, 0.82fr);
    align-items: stretch;
    gap: clamp(0.72rem, 1.1vw, 1rem);
    margin-top: clamp(0.68rem, 1vw, 0.9rem);
  }
  .claim-details-view .claim-details-hero__copy {
    min-height: 0;
    justify-content: space-between;
    gap: 0.66rem;
  }
  .claim-details-view .claim-details-hero__title {
    color: var(--claim-v9-ink);
    font-size: clamp(1.7rem, 2.45vw, 2.72rem);
    font-weight: 720;
    line-height: 1.02;
    text-shadow: none;
  }
  .claim-details-view .claim-details-hero__entity-link, .claim-details-view .claim-details-hero__meta-link {
    color: inherit;
  }
  .claim-details-view :is(.claim-details-hero__entity-link, .claim-details-hero__meta-link):hover {
    color: var(--claim-v9-steel);
  }
  .claim-details-view .claim-details-hero__subtitle, .claim-details-view .claim-details-hero__submeta {
    color: var(--claim-v9-muted);
  }
  .claim-details-view .claim-details-hero__submeta-label {
    color: var(--claim-v9-subtle);
  }
  .claim-details-view .claim-details-hero__separator {
    background: rgb(97 113 130 / 0.28);
  }
  .claim-details-view .claim-details-hero .badge, .claim-details-view .claim-details-hero .claim-details-chip {
    border-color: rgb(97 113 130 / 0.22);
    color: var(--claim-v9-ink-soft);
    background: rgb(255 255 255 / 0.72);
  }
  .claim-details-view .claim-details-hero .vip-badge {
    border-color: rgb(205 164 54 / 0.44);
    color: #765414;
    background: linear-gradient(180deg, #fff7dc, #f8e8a9);
  }
  .claim-details-view .claim-details-hero-status {
    max-width: 100%;
    border-color: rgb(183 170 154 / 0.42);
    border-left-color: var(--claim-v9-warm-strong);
    color: var(--claim-v9-ink);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(249 247 243 / 0.78)), var(--claim-v9-warm);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.66);
  }
  .claim-details-view .claim-details-hero-status--danger {
    border-color: rgb(197 50 76 / 0.26);
    border-left-color: var(--claim-v9-red);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(255 247 248 / 0.78));
  }
  .claim-details-view .claim-details-hero-status__indicator {
    border-color: rgb(255 255 255 / 0.72);
    background: var(--claim-v9-warm-strong);
    box-shadow: 0 0 0 3px rgb(183 170 154 / 0.18);
  }
  .claim-details-view .claim-details-hero-status--danger .claim-details-hero-status__indicator {
    background: var(--claim-v9-red);
    box-shadow: 0 0 0 3px rgb(197 50 76 / 0.12);
  }
  .claim-details-view .claim-details-hero-status__eyebrow {
    color: var(--claim-v9-warm-strong);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v9-warm-strong) 68%, var(--claim-v9-ink));
    }
  }
  .claim-details-view .claim-details-hero-status__text {
    color: var(--claim-v9-ink-soft);
  }
  .claim-details-view .claim-details-hero-status__chip {
    border-color: rgb(183 170 154 / 0.34);
    color: var(--claim-v9-warm-strong);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v9-warm-strong) 60%, var(--claim-v9-ink));
    }
    background: rgb(255 255 255 / 0.72);
  }
  .claim-details-view .claim-details-hero-status__chip--danger {
    border-color: rgb(197 50 76 / 0.28);
    color: #9e2539;
    background: #fff8f9;
  }
  .claim-details-view .claim-details-summary-grid {
    border: 1px solid rgb(97 113 130 / 0.22);
    border-radius: 10px;
    padding: 0.44rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.58), rgb(240 246 248 / 0.52)), rgb(255 255 255 / 0.36);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.72);
  }
  .claim-details-view .claim-details-summary-card {
    min-height: 4.85rem;
    border-color: rgb(97 113 130 / 0.2);
    color: var(--claim-v9-ink);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(250 252 253 / 0.76));
    box-shadow: none;
  }
  .claim-details-view .claim-details-summary-card:first-child {
    border-color: rgb(183 170 154 / 0.42);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(251 248 243 / 0.82)), var(--claim-v9-warm);
  }
  .claim-details-view .claim-details-summary-card__label, .claim-details-view .claim-details-summary-card__meta {
    color: var(--claim-v9-muted);
  }
  .claim-details-view .claim-details-summary-card__value {
    color: var(--claim-v9-ink);
    font-size: clamp(1.12rem, 1.3vw, 1.48rem);
  }
  .claim-details-view .claim-details-summary-card__value.text-emerald-700 {
    color: var(--claim-v9-green);
  }
  .claim-details-view .claim-details-summary-card__value.text-amber-700 {
    color: var(--claim-v9-amber);
  }
  .claim-details-view .claim-details-summary-card__value.text-rose-700 {
    color: var(--claim-v9-red);
  }
  .claim-details-view [data-claim-details-tab-frame], .claim-details-view .claim-info-workspace, .claim-details-view .claim-details-persistent-actions {
    border-color: rgb(97 113 130 / 0.24);
    border-radius: 11px;
    padding: 0.46rem;
    background: linear-gradient(135deg, rgb(255 255 255 / 0.52), rgb(242 238 231 / 0.34) 46%, rgb(232 240 244 / 0.5)), rgb(235 242 245 / 0.86);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.72), 0 20px 48px -48px rgb(20 32 44 / 0.44);
  }
  .claim-details-view .claim-details-tabbar--persistent, .claim-details-view .claim-inline-tablist, .claim-details-view .claim-payments-disclosure__tabs {
    border-color: rgb(97 113 130 / 0.18);
    background: rgb(255 255 255 / 0.62);
    backdrop-filter: blur(12px);
  }
  .claim-details-view .claim-details-tab, .claim-details-view .claim-inline-tablist > .btn-ghost, .claim-details-view .claim-inline-tablist > .btn-muted, .claim-details-view .claim-payments-disclosure__tab {
    border-radius: 7px;
    color: var(--claim-v9-muted);
  }
  .claim-details-view .claim-details-tab:hover, .claim-details-view .claim-inline-tablist > .btn-ghost:hover, .claim-details-view .claim-payments-disclosure__tab:hover {
    border-color: rgb(82 102 121 / 0.28);
    color: var(--claim-v9-ink);
    background: rgb(255 255 255 / 0.84);
  }
  .claim-details-view .claim-details-tab--active, .claim-details-view .claim-inline-tablist > .btn-muted, .claim-details-view .claim-payments-disclosure__tab.is-active {
    border-color: var(--claim-v9-steel-dark);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v9-steel-dark) 86%, black);
    }
    color: white;
    background: linear-gradient(180deg, #4d5d6c, var(--claim-v9-steel-dark));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.16), 0 10px 24px -20px rgb(20 32 44 / 0.58);
  }
  .claim-details-view :is( .claim-info-shell, .claim-section-shell, .claim-payments-disclosure, .claim-secondary-panel, .claim-tasks-panel, .claim-scroll-toc__card, .claim-scroll-toc-inline--panel ) {
    border-color: rgb(97 113 130 / 0.2);
    border-radius: 9px;
    color: var(--claim-v9-ink);
    background: var(--claim-v9-panel);
    box-shadow: none;
    backdrop-filter: blur(10px);
  }
  .claim-details-view .claim-info-workspace .claim-info-shell, .claim-details-view .claim-details-persistent-actions .claim-tasks-panel {
    overflow: hidden;
    padding: 0;
    background: rgb(255 255 255 / 0.72);
  }
  .claim-details-view .claim-section-shell {
    background: rgb(255 255 255 / 0.74);
  }
  .claim-details-view :is(.claim-section-shell--muted, .claim-work-card--muted, .claim-section-shell__summary-card--muted) {
    background: rgb(246 249 250 / 0.78);
  }
  .claim-details-view :is(.claim-info-shell__header, .claim-section-shell__header, .claim-secondary-panel__header, .claim-tasks-panel__header) {
    position: relative;
    align-items: flex-start;
    gap: 0.64rem;
    border-bottom: 1px solid rgb(97 113 130 / 0.16);
    padding: 0.72rem 0.86rem;
    color: var(--claim-v9-ink);
    background: linear-gradient(90deg, rgb(255 255 255 / 0.78), rgb(246 250 251 / 0.68)), linear-gradient(90deg, rgb(183 170 154 / 0.14), transparent 42%);
  }
  .claim-details-view :is(.claim-info-shell__header, .claim-tasks-panel__header)::before {
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    content: "";
    background: linear-gradient(180deg, var(--claim-v9-warm-strong), var(--claim-v9-steel));
  }
  .claim-details-view :is(.claim-info-shell__header, .claim-section-shell__header, .claim-secondary-panel__header, .claim-tasks-panel__header)::after {
    display: none;
  }
  .claim-details-view :is(.claim-info-shell__eyebrow, .claim-section-shell__eyebrow, .claim-secondary-panel__label, .claim-work-card__eyebrow, .claim-tasks-panel__eyebrow, .claim-details-payments__eyebrow, .arrest-command__label, .arrest-section-head__label, .manual-console-hero__eyebrow), .claim-details-view .claim-info-shell__header .claim-info-shell__eyebrow, .claim-details-view .claim-tasks-panel__eyebrow, .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__eyebrow {
    color: var(--claim-v9-steel);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v9-steel) 66%, var(--claim-v9-muted));
    }
    font-size: 0.66rem;
    font-weight: 760;
    line-height: 1.2;
    text-transform: none;
  }
  .claim-details-view :is(.claim-info-shell__title, .claim-section-shell__title, .claim-secondary-panel__title, .claim-work-card__title, .claim-channel-card__title, .claim-tasks-panel__title, .claim-details-payments__headline, .arrest-command__title, .arrest-section-head__title, .manual-console-hero__title), .claim-details-view .claim-info-shell__header .claim-info-shell__title, .claim-details-view .claim-tasks-panel__title {
    color: var(--claim-v9-ink);
    font-weight: 730;
  }
  .claim-details-view :is(.claim-info-shell__description, .claim-section-shell__description, .claim-secondary-panel__description, .claim-tasks-panel__subtitle, .claim-details-payments__copy, .manual-console-hero__copy), .claim-details-view .claim-info-shell__header .claim-info-shell__description, .claim-details-view .claim-tasks-panel__subtitle, .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__subtitle {
    color: var(--claim-v9-muted);
    line-height: 1.42;
  }
  .claim-details-view .claim-info-shell__header .claim-info-shell__toggle, .claim-details-view .claim-tasks-panel__count {
    border-color: rgb(97 113 130 / 0.22);
    color: var(--claim-v9-ink-soft);
    background: rgb(255 255 255 / 0.72);
  }
  .claim-details-view .claim-info-shell__header .claim-info-shell__toggle:hover {
    border-color: rgb(82 102 121 / 0.32);
    background: white;
  }
  .claim-details-view .claim-info-shell__summary, .claim-details-view .claim-section-shell__summary {
    gap: 0.5rem;
  }
  .claim-details-view .claim-info-shell__summary {
    padding: 0.6rem;
    background: linear-gradient(180deg, rgb(240 246 248 / 0.68), rgb(249 251 252 / 0.72)), rgb(255 255 255 / 0.42);
  }
  .claim-details-view :is( .claim-section-shell__summary-card, .claim-info-shell__summary-card, .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-color: rgb(97 113 130 / 0.2);
    border-radius: 8px;
    color: var(--claim-v9-ink);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(250 252 253 / 0.76));
    box-shadow: none;
  }
  .claim-details-view :is(.claim-section-shell__summary-card, .claim-info-shell__summary-card) {
    min-height: 4.65rem;
    padding: 0.62rem 0.68rem;
  }
  .claim-details-view :is(.claim-section-shell__summary-card, .claim-info-shell__summary-card)::before {
    background: linear-gradient(180deg, rgb(183 170 154 / 0.72), rgb(82 102 121 / 0.44));
  }
  .claim-details-view :is(.claim-section-shell__summary-card--accent, .claim-info-shell__summary-card:first-child) {
    border-color: rgb(183 170 154 / 0.36);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(251 248 243 / 0.78)), var(--claim-v9-warm);
  }
  .claim-details-view :is(.claim-section-shell__summary-label, .claim-info-shell__summary-label, .claim-info-card__eyebrow, .claim-info-metric__label, .field-card__label) {
    color: var(--claim-v9-muted);
  }
  .claim-details-view :is(.claim-section-shell__summary-value, .claim-info-shell__summary-value, .claim-info-card__value, .claim-info-metric__value, .field-card__value, .claim-list-row__title, .claim-task-item__title) {
    color: var(--claim-v9-ink);
  }
  .claim-details-view :is(.claim-section-shell__summary-meta, .claim-info-shell__summary-meta, .claim-info-card__meta, .claim-info-metric__meta, .field-card__meta, .claim-list-row__meta, .claim-task-item__meta) {
    color: var(--claim-v9-muted);
  }
  .claim-details-view .claim-info-shell__body {
    margin-top: 0;
    border-top: 1px solid rgb(97 113 130 / 0.16);
    padding: 0.6rem;
    background: linear-gradient(180deg, rgb(232 240 244 / 0.7), rgb(248 251 252 / 0.74)), rgb(255 255 255 / 0.46);
  }
  .claim-details-view .claim-info-shell__body .claim-info-stack, .claim-details-view .claim-info-shell__body .claim-info-layout, .claim-details-view .claim-info-shell__body .claim-info-list, .claim-details-view .claim-info-shell__body .claim-info-metric-grid, .claim-details-view .claim-info-shell__body .claim-info-summary-strip, .claim-details-view .claim-info-shell__body .claim-info-split-metrics {
    gap: 0.52rem;
  }
  .claim-details-view .claim-info-shell__body :is(.claim-info-card, .claim-info-panel, .claim-info-summary-card, .claim-info-metric, .claim-info-empty) {
    min-height: 0;
    padding: 0.68rem 0.74rem;
    background: rgb(255 255 255 / 0.78);
  }
  .claim-details-view .claim-info-shell__body .claim-info-toolbar {
    border-color: rgb(97 113 130 / 0.2);
    border-radius: 8px;
    padding: 0.58rem 0.7rem;
    background: rgb(255 255 255 / 0.7);
  }
  .claim-details-view .claim-payments-disclosure--compact {
    overflow: hidden;
    border-color: rgb(97 113 130 / 0.22);
    background: rgb(255 255 255 / 0.72);
  }
  .claim-details-view .claim-payments-disclosure--compact[open] {
    border-color: rgb(82 102 121 / 0.34);
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__summary {
    min-height: 0;
    padding: 0.68rem 0.78rem;
    color: var(--claim-v9-ink);
    background: linear-gradient(90deg, rgb(255 255 255 / 0.78), rgb(246 250 251 / 0.7)), linear-gradient(90deg, rgb(183 170 154 / 0.16), transparent 42%);
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__summary:hover {
    background: linear-gradient(90deg, rgb(255 255 255 / 0.9), rgb(244 249 251 / 0.82)), linear-gradient(90deg, rgb(183 170 154 / 0.18), transparent 42%);
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__title {
    color: var(--claim-v9-ink);
    font-size: 0.98rem;
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__mark {
    width: 3px;
    height: 2.2rem;
    background: linear-gradient(180deg, var(--claim-v9-warm-strong), var(--claim-v9-steel));
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__state {
    border-color: rgb(97 113 130 / 0.22);
    color: var(--claim-v9-ink-soft);
    background: rgb(255 255 255 / 0.7);
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__body {
    border-top-color: rgb(97 113 130 / 0.16);
    padding: 0.62rem;
    background: linear-gradient(180deg, rgb(232 240 244 / 0.66), rgb(248 251 252 / 0.76)), rgb(255 255 255 / 0.46);
  }
  .claim-details-view .claim-payments-disclosure__mark, .claim-details-view .claim-tasks-panel__dot, .claim-details-view .dashboard-page-mark, .claim-details-view .manual-console-hero__mark {
    background: linear-gradient(180deg, var(--claim-v9-warm-strong), var(--claim-v9-steel));
  }
  .claim-details-view .claim-details-persistent-actions {
    margin-top: 0.72rem;
  }
  .claim-details-view .claim-tasks-panel__list {
    gap: 0.44rem;
    padding: 0.58rem;
    background: linear-gradient(180deg, rgb(240 246 248 / 0.58), rgb(249 251 252 / 0.72)), rgb(255 255 255 / 0.42);
  }
  .claim-details-view .claim-task-item {
    min-height: 3rem;
    border-color: rgb(97 113 130 / 0.2);
    border-radius: 8px;
    padding: 0.54rem 0.66rem;
    background: rgb(255 255 255 / 0.8);
  }
  .claim-details-view .claim-task-item:hover {
    border-color: rgb(82 102 121 / 0.3);
    background: white;
  }
  .claim-details-view .claim-details-floating-action {
    border-radius: 8px;
    border-color: rgb(97 113 130 / 0.22);
    background: rgb(255 255 255 / 0.86);
    box-shadow: 0 12px 22px -18px rgb(20 32 44 / 0.42);
  }
  .claim-details-view .claim-scroll-toc__card, .claim-details-view .claim-scroll-toc-inline--panel {
    color: var(--claim-v9-ink);
    background: rgb(255 255 255 / 0.78);
  }
  .claim-details-view .claim-toc-link {
    color: var(--claim-v9-muted);
  }
  .claim-details-view .claim-toc-link:hover, .claim-details-view .claim-toc-link.is-active {
    color: var(--claim-v9-ink);
    background: rgb(183 170 154 / 0.14);
  }
  .claim-details-view .manual-console-hero, .claim-details-view .arrest-command, .claim-details-view .arrest-section-head {
    border-color: rgb(97 113 130 / 0.2);
    border-radius: 9px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(250 252 253 / 0.76)), rgb(255 255 255 / 0.58);
    box-shadow: none;
  }
  .claim-details-view .arrests-workspace__aside {
    border-left-color: rgb(97 113 130 / 0.18);
  }
  .claim-details-view .claim-info-shell__body .claim-info-summary-strip {
    margin-top: 0.56rem;
    gap: 0.5rem;
  }
  .claim-details-view .claim-info-shell__body .claim-info-summary-card {
    padding: 0.58rem 0.68rem;
  }
  .claim-details-view .claim-info-shell__body .claim-info-card__header {
    gap: 0.58rem;
  }
  .claim-details-view .claim-info-shell__body .claim-info-card__headline {
    margin-top: 0.12rem;
    font-size: 1rem;
    line-height: 1.18;
  }
  .claim-details-view .claim-info-shell__body .claim-info-card__columns {
    margin-top: 0.56rem;
    align-items: start;
  }
  .claim-details-view .claim-info-shell__body .claim-info-panel {
    padding: 0.62rem 0.7rem;
  }
  .claim-details-view .claim-info-shell__body .claim-info-panel--compact-prose {
    padding: 0.48rem 0.62rem 0.52rem;
  }
  .claim-details-view .claim-info-shell__body .claim-info-panel--compact-prose .claim-info-panel__title {
    margin-bottom: 0.18rem;
  }
  .claim-details-view .claim-info-shell__body .claim-info-panel--compact-prose .claim-info-card__prose {
    line-height: 1.38;
  }
  .claim-details-view .claim-info-shell__body .claim-info-fact-list, .claim-details-view .claim-info-shell__body .claim-info-metric-grid, .claim-details-view .claim-info-shell__body .claim-info-split-metrics {
    gap: 0.5rem;
  }
  .claim-details-view .claim-info-shell__body .claim-info-fact {
    gap: 0.28rem;
  }
  .claim-details-view .claim-info-shell__body .claim-info-card__prose {
    line-height: 1.55;
  }
  @media (min-width: 64rem) {
    .claim-details-view .claim-info-shell__body .claim-info-card--feature .claim-info-fact-list--tight {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .claim-details-view :focus-visible {
    outline: 2px solid var(--claim-v9-steel);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in oklab, var(--claim-v9-steel) 72%, white);
    }
    outline-offset: 2px;
  }
  @media (max-width: 72rem) {
    .claim-details-view .claim-details-hero__content {
      grid-template-columns: 1fr;
    }
    .claim-details-view .claim-details-summary-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  @media (max-width: 54rem) {
    .claim-details-view {
      gap: 0.58rem;
      background: linear-gradient(180deg, #edf3f5 0, #f3f5f6 100%);
    }
    .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: 9px;
      padding: 0.62rem;
    }
    .claim-details-view .claim-details-hero__title {
      font-size: clamp(1.48rem, 7.2vw, 2.08rem);
      line-height: 1.05;
    }
    .claim-details-view .claim-details-hero__masthead {
      align-items: stretch;
    }
    .claim-details-view .claim-details-admin-actions {
      gap: 0.34rem;
    }
    .claim-details-view .claim-details-summary-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr));
      padding: 0.36rem;
    }
    .claim-details-view .claim-details-summary-card {
      min-height: 4.15rem;
      padding: 0.54rem;
    }
    .claim-details-view .claim-details-summary-card__value {
      font-size: 1.02rem;
    }
    .claim-details-view .claim-details-hero-status {
      grid-template-columns: 1fr;
      border-left-width: 1px;
    }
    .claim-details-view .claim-details-hero-status__indicator {
      display: none;
    }
    .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 :is(.claim-info-shell__header, .claim-section-shell__header, .claim-secondary-panel__header, .claim-tasks-panel__header) {
      padding: 0.66rem 0.72rem;
    }
    .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__summary {
      align-items: flex-start;
      padding: 0.66rem 0.72rem;
    }
    .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__state {
      flex: 0 0 auto;
    }
  }
  @media (max-width: 28rem) {
    .claim-details-view .claim-details-summary-grid, .claim-details-view .claim-info-shell__summary, .claim-details-view .claim-section-shell__summary {
      grid-template-columns: 1fr;
    }
  }
}
@layer components {
  body:has(.claim-details-view) {
    background: linear-gradient(180deg, #eef1ef 0, #f6f7f5 18rem, #f2f4f3 100%);
  }
  body:has(.claim-details-view) > .min-h-screen {
    padding: clamp(0.55rem, 1vw, 0.95rem);
  }
  body:has(.claim-details-view) .container-card {
    max-width: min(96vw, 92rem);
    overflow: clip;
    border-radius: 10px;
    border-color: rgb(68 70 75 / 0.16);
    background: #f7f8f7;
    box-shadow: 0 26px 70px -62px rgb(24 33 44 / 0.54);
  }
  body:has(.claim-details-view) #content {
    padding-inline: clamp(0.7rem, 1.5vw, 1.18rem);
    padding-bottom: 1.35rem;
  }
  body:has(.claim-details-view) .app-disclaimer {
    background: #676b72;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 0.18);
  }
  body:has(.claim-details-view) .app-topbar {
    --app-brand-logo-width: 13.25rem;
    border-bottom-color: rgb(68 70 75 / 0.13);
    padding: 0.72rem 1.05rem 0.62rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(248 249 248 / 0.88)), #f8f9f8;
    box-shadow: none;
  }
  body:has(.claim-details-view) .app-brand-link {
    margin-left: -0.28rem;
    border-radius: 8px;
    padding: 0.18rem 0.28rem;
  }
  body:has(.claim-details-view) .app-brand-link:hover {
    background-color: rgb(68 70 75 / 0.04);
  }
  body:has(.claim-details-view) .app-brand-logo {
    filter: drop-shadow(0 7px 12px rgb(24 33 44 / 0.08));
  }
  body:has(.claim-details-view) .app-search-input {
    height: 2.34rem;
    border-radius: 999px;
    border-color: rgb(68 70 75 / 0.18);
    background: rgb(255 255 255 / 0.74);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78);
  }
  body:has(.claim-details-view) .app-search-input:focus {
    border-color: rgb(68 70 75 / 0.36);
    box-shadow: 0 0 0 3px rgb(68 70 75 / 0.08), inset 0 1px 0 rgb(255 255 255 / 0.9);
  }
  body:has(.claim-details-view) .app-search-voice {
    height: 1.85rem;
    width: 1.85rem;
    border-radius: 999px;
  }
  body:has(.claim-details-view) .app-topbar__actions {
    gap: 0.42rem;
  }
  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.22rem;
    border-radius: 7px;
    padding: 0.5rem 0.82rem;
    font-size: 0.82rem;
    font-weight: 650;
    box-shadow: none;
  }
  body:has(.claim-details-view) .app-topbar__actions .btn-primary {
    border: 1px solid #44464b;
    background: #44464b;
  }
  body:has(.claim-details-view) .app-topbar__actions .btn-primary:hover {
    background: #30343a;
  }
  body:has(.claim-details-view) .app-topbar__actions .btn-muted {
    border-color: rgb(68 70 75 / 0.18);
    background: rgb(255 255 255 / 0.62);
  }
  body:has(.claim-details-view) .app-topbar__actions .btn-danger {
    border: 1px solid rgb(209 33 48 / 0.16);
    color: #bd1f31;
    background: rgb(255 255 255 / 0.62);
  }
  body:has(.claim-details-view) .app-topbar__actions .btn-danger:hover {
    border-color: rgb(209 33 48 / 0.28);
    background: #fff4f5;
  }
  .claim-details-view {
    --claim-v10-ink: #18212c;
    --claim-v10-ink-2: #2f3844;
    --claim-v10-muted: #66707a;
    --claim-v10-faint: #8a95a0;
    --claim-v10-charcoal: #44464b;
    --claim-v10-charcoal-deep: #2e3238;
    --claim-v10-taupe: #aca296;
    --claim-v10-taupe-soft: #f2eee8;
    --claim-v10-blue: #4f6e8f;
    --claim-v10-blue-soft: #edf3f7;
    --claim-v10-line: rgb(68 70 75 / 0.13);
    --claim-v10-line-strong: rgb(68 70 75 / 0.2);
    --claim-v10-surface: rgb(255 255 255 / 0.76);
    --claim-v10-paper: #fbfbf9;
    --claim-v10-canvas: #f4f5f3;
    --claim-v10-green: #166b56;
    --claim-v10-amber: #8a5f22;
    --claim-v10-red: #c12b45;
    gap: 0.72rem;
    color: var(--claim-v10-ink);
    background: radial-gradient(90% 32rem at 84% 0, rgb(172 162 150 / 0.13), transparent 54%), linear-gradient(180deg, #f5f6f4 0, #f7f8f7 100%);
  }
  .claim-details-view, .claim-details-view * {
    letter-spacing: 0;
  }
  .claim-details-view .claim-details-hero {
    overflow: hidden;
    border-radius: 8px;
    border: 1px solid rgb(68 70 75 / 0.17);
    padding: clamp(0.74rem, 1vw, 0.98rem);
    color: var(--claim-v10-ink);
    background: linear-gradient(115deg, rgb(255 255 255 / 0.92), rgb(250 250 248 / 0.82) 50%, rgb(241 244 244 / 0.82)), linear-gradient(90deg, rgb(172 162 150 / 0.12), transparent 26%, rgb(79 110 143 / 0.08) 100%);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.74), 0 22px 50px -48px rgb(24 33 44 / 0.46);
  }
  .claim-details-view .claim-details-hero::before {
    height: 3px;
    opacity: 1;
    background: linear-gradient(90deg, var(--claim-v10-charcoal-deep), var(--claim-v10-taupe) 46%, var(--claim-v10-blue));
  }
  .claim-details-view .claim-details-hero__masthead {
    align-items: center;
    border-bottom: 1px solid rgb(68 70 75 / 0.11);
    padding-bottom: 0.58rem;
  }
  .claim-details-view .claim-details-admin-actions {
    gap: 0.5rem;
  }
  .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, .claim-details-view :is(.btn-muted, .btn-ghost, .claim-info-shell__toggle, .claim-secondary-panel__toggle, .claim-payments-disclosure__state) {
    min-height: 1.98rem;
    border-radius: 7px;
    border-color: rgb(68 70 75 / 0.18);
    color: var(--claim-v10-ink-2);
    background: rgb(255 255 255 / 0.58);
    box-shadow: none;
    backdrop-filter: blur(8px);
  }
  .claim-details-view :is(.claim-details-backlink, .claim-details-admin-button--neutral, .claim-details-admin-button--process, .shared-note-trigger, .shared-note-launcher, .btn-muted, .btn-ghost, .claim-info-shell__toggle, .claim-secondary-panel__toggle, .claim-payments-disclosure__state):hover {
    border-color: rgb(68 70 75 / 0.36);
    color: var(--claim-v10-ink);
    background: white;
    box-shadow: 0 12px 24px -24px rgb(24 33 44 / 0.36);
  }
  .claim-details-view .claim-details-admin-button--process {
    border-color: rgb(82 111 145 / 0.28);
  }
  .claim-details-view .claim-details-admin-button--danger {
    border-color: rgb(193 43 69 / 0.22);
    color: #a12137;
    background: rgb(255 255 255 / 0.58);
  }
  .claim-details-view .btn-primary {
    border-color: var(--claim-v10-charcoal-deep);
    color: white;
    background: var(--claim-v10-charcoal-deep);
    box-shadow: 0 13px 24px -22px rgb(24 33 44 / 0.62);
  }
  .claim-details-view .claim-details-hero__content {
    grid-template-columns: minmax(0, 1.05fr) minmax(23rem, 0.95fr);
    align-items: start;
    gap: clamp(0.78rem, 1.18vw, 1.05rem);
    margin-top: clamp(0.7rem, 1vw, 0.95rem);
  }
  .claim-details-view .claim-details-hero__copy {
    display: flex;
    min-width: 0;
    min-height: 0;
    flex-direction: column;
    justify-content: flex-start;
    gap: 0;
  }
  .claim-details-view .claim-details-hero__aside {
    min-width: 0;
  }
  .claim-details-view .claim-details-hero__eyebrow-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 0.42rem;
  }
  .claim-details-view .claim-details-hero__eyebrow {
    display: inline-flex;
    align-items: center;
    color: var(--claim-v10-charcoal);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v10-charcoal) 78%, var(--claim-v10-muted));
    }
    font-size: 0.72rem;
    font-weight: 760;
    line-height: 1.2;
    text-transform: none;
  }
  .claim-details-view .claim-details-hero__eyebrow::before {
    content: "";
    width: 0.18rem;
    height: 1.12rem;
    margin-right: 0.44rem;
    border-radius: 2px;
    background: var(--claim-v10-charcoal-deep);
    box-shadow: none;
  }
  .claim-details-view .claim-details-hero__state-pill {
    display: inline-flex;
    min-height: 1.34rem;
    align-items: center;
    border: 1px solid rgb(79 110 143 / 0.2);
    border-radius: 6px;
    padding: 0.2rem 0.48rem;
    color: var(--claim-v10-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v10-blue) 82%, var(--claim-v10-ink));
    }
    background: var(--claim-v10-blue-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--claim-v10-blue-soft) 72%, white);
    }
    font-size: 0.72rem;
    font-weight: 650;
    line-height: 1;
  }
  .claim-details-view .claim-details-hero__state-pill--muted {
    border-color: rgb(172 162 150 / 0.28);
    color: var(--claim-v10-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v10-taupe) 70%, var(--claim-v10-ink));
    }
    background: var(--claim-v10-taupe-soft);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--claim-v10-taupe-soft) 76%, white);
    }
  }
  .claim-details-view .claim-details-hero__state-pill--verification {
    font-weight: 700;
  }
  .claim-details-view .claim-details-hero__state-pill--verification-active {
    border-color: var(--claim-v10-green);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v10-green) 24%, white);
    }
    color: var(--claim-v10-green);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v10-green) 86%, var(--claim-v10-ink));
    }
    background: color-mix(in oklab, rgb(236 253 245) 76%, white);
  }
  .claim-details-view .claim-details-hero__state-pill--verification-warn {
    border-color: var(--claim-v10-amber);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v10-amber) 28%, white);
    }
    color: var(--claim-v10-amber);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v10-amber) 88%, var(--claim-v10-ink));
    }
    background: color-mix(in oklab, rgb(255 247 237) 78%, white);
  }
  .claim-details-view .claim-details-hero__state-pill--verification-muted {
    border-color: var(--claim-v10-charcoal);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v10-charcoal) 16%, white);
    }
    color: var(--claim-v10-charcoal);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v10-charcoal) 76%, var(--claim-v10-ink));
    }
    background: var(--claim-v10-canvas);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in oklab, var(--claim-v10-canvas) 82%, white);
    }
  }
  .claim-details-view .claim-details-hero__title-row {
    margin-top: 0.18rem;
    gap: 0.55rem;
  }
  .claim-details-view .claim-details-hero__title {
    max-width: 19ch;
    color: var(--claim-v10-ink);
    font-size: clamp(2.08rem, 3vw, 3.28rem);
    font-weight: 720;
    line-height: 0.99;
    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: var(--claim-v10-blue);
  }
  .claim-details-view .claim-details-hero__subtitle {
    max-width: 72ch;
    margin-top: 0.24rem;
    gap: 0.48rem;
    color: var(--claim-v10-muted);
    font-size: 0.88rem;
    line-height: 1.45;
  }
  .claim-details-view .claim-details-hero__submeta {
    margin-top: 0.12rem;
    gap: 0.42rem;
    color: var(--claim-v10-muted);
    font-size: 0.78rem;
    line-height: 1.4;
  }
  .claim-details-view .claim-details-hero__submeta-label {
    color: var(--claim-v10-faint);
    font-size: 0.74rem;
    font-weight: 650;
    text-transform: none;
  }
  .claim-details-view .claim-details-hero__separator {
    width: 1px;
    height: 1rem;
    border-radius: 0;
    background: var(--claim-v10-line-strong);
  }
  .claim-details-view .claim-details-hero__party-inline {
    gap: 0.45rem;
  }
  .claim-details-view .claim-details-hero .badge, .claim-details-view .claim-details-hero .claim-details-chip, .claim-details-view .claim-details-hero .vip-badge {
    border-color: var(--claim-v10-line);
    color: var(--claim-v10-muted);
    background: rgb(255 255 255 / 0.64);
  }
  .claim-details-view .claim-details-hero-status {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    max-width: 100%;
    min-height: 4.45rem;
    margin-top: clamp(0.88rem, 1.18vw, 1.2rem);
    border: 1px solid rgb(172 162 150 / 0.26);
    border-left: 3px solid var(--claim-v10-taupe);
    border-radius: 7px;
    padding: 0.66rem 0.78rem;
    color: var(--claim-v10-ink);
    background: rgb(255 255 255 / 0.48);
    box-shadow: none;
  }
  .claim-details-view .claim-details-hero-status--danger {
    border-color: rgb(193 43 69 / 0.25);
    border-left-color: var(--claim-v10-red);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(255 245 247 / 0.78));
  }
  .claim-details-view .claim-details-hero-status__indicator {
    width: 0.5rem;
    height: 0.5rem;
    margin-top: 0.38rem;
    border: 0;
    background: var(--claim-v10-taupe);
    box-shadow: 0 0 0 4px rgb(172 162 150 / 0.13);
  }
  .claim-details-view .claim-details-hero-status--danger .claim-details-hero-status__indicator {
    background: var(--claim-v10-red);
    box-shadow: 0 0 0 4px rgb(193 43 69 / 0.12);
  }
  .claim-details-view .claim-details-hero-status__eyebrow {
    color: var(--claim-v10-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v10-taupe) 68%, var(--claim-v10-charcoal-deep));
    }
    font-size: 0.72rem;
    font-weight: 760;
    line-height: 1.2;
    text-transform: none;
  }
  .claim-details-view .claim-details-hero-status__text {
    max-width: 78ch;
    color: var(--claim-v10-ink-2);
    font-size: 0.88rem;
    line-height: 1.48;
  }
  .claim-details-view .claim-details-hero-status__chips {
    gap: 0.38rem;
  }
  .claim-details-view .claim-details-hero-status__chip {
    border-color: rgb(172 162 150 / 0.34);
    color: var(--claim-v10-taupe);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v10-taupe) 66%, var(--claim-v10-ink));
    }
    background: rgb(255 255 255 / 0.72);
  }
  .claim-details-view .claim-details-hero-status__chip--danger {
    border-color: rgb(193 43 69 / 0.28);
    color: #a12137;
    background: #fff7f8;
  }
  .claim-details-view .claim-details-money-panel {
    height: 100%;
    min-width: 0;
    overflow: hidden;
    border: 1px solid rgb(68 70 75 / 0.17);
    border-radius: 8px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(247 248 247 / 0.82)), linear-gradient(140deg, rgb(68 70 75 / 0.05), transparent 48%, rgb(172 162 150 / 0.12));
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78), 0 18px 38px -40px rgb(24 33 44 / 0.42);
  }
  .claim-details-view .claim-details-money-panel__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 0.75rem;
    border-bottom: 1px solid rgb(68 70 75 / 0.11);
    padding: 0.66rem 0.78rem 0.58rem;
  }
  .claim-details-view .claim-details-money-panel__eyebrow {
    color: var(--claim-v10-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v10-blue) 78%, var(--claim-v10-muted));
    }
    font-size: 0.72rem;
    font-weight: 760;
    line-height: 1.2;
  }
  .claim-details-view .claim-details-money-panel__title {
    margin-top: 0.1rem;
    color: var(--claim-v10-ink);
    font-size: 0.98rem;
    font-weight: 720;
    line-height: 1.16;
  }
  .claim-details-view .claim-details-money-panel__meta {
    flex: 0 0 auto;
    border: 1px solid rgb(68 70 75 / 0.15);
    border-radius: 6px;
    padding: 0.18rem 0.44rem;
    color: var(--claim-v10-muted);
    background: rgb(255 255 255 / 0.58);
    font-size: 0.7rem;
    font-weight: 650;
    line-height: 1;
  }
  .claim-details-view .claim-details-summary-grid {
    display: grid;
    height: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "due due" "total chance" "penalty penalty";
    gap: 0.46rem;
    border: 0;
    padding: 0.54rem;
    background: transparent;
    box-shadow: none;
  }
  .claim-details-view .claim-details-summary-card {
    min-height: 4.55rem;
    border: 1px solid var(--claim-v10-line);
    border-radius: 7px;
    padding: 0.62rem 0.68rem;
    color: var(--claim-v10-ink);
    background: rgb(255 255 255 / 0.68);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82);
  }
  .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.25rem;
    border-color: var(--claim-v10-charcoal-deep);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-v10-charcoal-deep) 86%, black);
    }
    color: white;
    background: linear-gradient(135deg, rgb(72 77 84), var(--claim-v10-charcoal-deep)), var(--claim-v10-charcoal-deep);
    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.76);
  }
  .claim-details-view .claim-details-money-panel .claim-details-summary-card:first-child, .claim-details-view .claim-details-money-panel #claim-penalty-summary .claim-details-summary-card {
    border-color: rgb(172 162 150 / 0.22);
    background: rgb(255 255 255 / 0.58);
  }
  .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, .claim-details-view .claim-details-money-panel #claim-penalty-summary .claim-details-summary-card {
    grid-area: penalty;
    height: 100%;
  }
  .claim-details-view .claim-details-money-panel #claim-penalty-summary .claim-penalty-summary--hero {
    min-height: 7.65rem;
    border-color: rgb(68 70 75 / 0.16);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.86), rgb(251 251 249 / 0.7)), linear-gradient(125deg, rgb(36 75 109 / 0.08), transparent 45%, rgb(29 126 89 / 0.08));
  }
  .claim-details-view .claim-details-money-panel #claim-penalty-summary .claim-penalty-summary__amount, .claim-details-view .claim-details-money-panel #claim-penalty-summary .claim-penalty-summary__metric-value {
    color: var(--claim-v10-ink);
  }
  .claim-details-view .claim-details-money-panel #claim-penalty-summary .claim-penalty-summary__as-of, .claim-details-view .claim-details-money-panel #claim-penalty-summary .claim-penalty-summary__footnote, .claim-details-view .claim-details-money-panel #claim-penalty-summary .claim-penalty-summary__metric-label {
    color: var(--claim-v10-muted);
  }
  .claim-details-view .claim-details-summary-card--interactive:hover {
    transform: translateY(-1px);
    border-color: rgb(68 70 75 / 0.28);
    background: white;
    box-shadow: 0 18px 32px -30px rgb(24 33 44 / 0.42);
  }
  .claim-details-view .claim-details-summary-card__label {
    color: var(--claim-v10-muted);
    font-size: 0.68rem;
    font-weight: 650;
    line-height: 1.22;
  }
  .claim-details-view .claim-details-summary-card__value {
    margin-top: 0.22rem;
    color: inherit;
    font-size: clamp(1.18rem, 1.48vw, 1.62rem);
    font-weight: 720;
    line-height: 1.05;
  }
  .claim-details-view .claim-details-money-panel .claim-details-summary-card:nth-child(2) .claim-details-summary-card__value {
    font-size: clamp(1.75rem, 2.4vw, 2.36rem);
    line-height: 0.98;
  }
  .claim-details-view .claim-details-summary-card__meta {
    color: var(--claim-v10-muted);
    font-size: 0.72rem;
    line-height: 1.35;
  }
  .claim-details-view .claim-details-summary-card__value.text-emerald-700 {
    color: var(--claim-v10-green);
  }
  .claim-details-view .claim-details-summary-card__value.text-amber-700 {
    color: var(--claim-v10-amber);
  }
  .claim-details-view .claim-details-summary-card__value.text-rose-700 {
    color: var(--claim-v10-red);
  }
  .claim-details-view [data-claim-details-tab-frame], .claim-details-view .claim-info-workspace, .claim-details-view .claim-details-persistent-actions {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .claim-details-view .claim-details-tab-outer-shell {
    margin-bottom: 0.58rem;
  }
  .claim-details-view .claim-details-tab-shell {
    border-radius: 0;
    box-shadow: none;
  }
  .claim-details-view .claim-details-tabbar--persistent, .claim-details-view .claim-inline-tablist, .claim-details-view .claim-payments-disclosure__tabs {
    gap: 0.16rem;
    border: 0;
    border-bottom: 1px solid rgb(68 70 75 / 0.13);
    border-radius: 0;
    padding: 0;
    background: transparent;
    backdrop-filter: none;
  }
  .claim-details-view .claim-details-tab, .claim-details-view .claim-inline-tablist > .btn-ghost, .claim-details-view .claim-inline-tablist > .btn-muted, .claim-details-view .claim-payments-disclosure__tab {
    min-height: 2.35rem;
    border-radius: 0;
    border-color: transparent;
    color: var(--claim-v10-muted);
    font-weight: 650;
  }
  .claim-details-view .claim-details-tab:hover, .claim-details-view .claim-inline-tablist > .btn-ghost:hover, .claim-details-view .claim-payments-disclosure__tab:hover {
    border-color: transparent;
    color: var(--claim-v10-ink);
    background: rgb(68 70 75 / 0.04);
  }
  .claim-details-view .claim-details-tab--active, .claim-details-view .claim-inline-tablist > .btn-muted, .claim-details-view .claim-payments-disclosure__tab.is-active {
    border-color: transparent;
    border-bottom-color: var(--claim-v10-charcoal-deep);
    color: var(--claim-v10-ink);
    background: transparent;
    box-shadow: inset 0 -2px 0 var(--claim-v10-charcoal-deep);
  }
  .claim-details-view .claim-section {
    padding: 0;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .claim-details-view :is( .claim-info-shell, .claim-section-shell, .claim-payments-disclosure, .claim-secondary-panel, .claim-tasks-panel, .claim-scroll-toc__card, .claim-scroll-toc-inline--panel ) {
    overflow: hidden;
    border: 1px solid rgb(68 70 75 / 0.13);
    border-radius: 8px;
    color: var(--claim-v10-ink);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.82), rgb(250 251 250 / 0.78)), var(--claim-v10-surface);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78), 0 16px 36px -42px rgb(24 33 44 / 0.38);
    backdrop-filter: blur(8px);
  }
  .claim-details-view .claim-info-workspace {
    display: grid;
    gap: 0.78rem;
  }
  .claim-details-view .claim-info-workspace .claim-info-shell, .claim-details-view .claim-details-persistent-actions .claim-tasks-panel {
    padding: 0;
  }
  .claim-details-view .claim-section-shell {
    background: linear-gradient(180deg, white, rgb(250 251 251 / 0.88));
  }
  .claim-details-view :is(.claim-info-shell__header, .claim-section-shell__header, .claim-secondary-panel__header, .claim-tasks-panel__header) {
    position: relative;
    align-items: flex-start;
    gap: 0.85rem;
    border-bottom: 1px solid rgb(68 70 75 / 0.11);
    padding: 0.8rem 0.88rem;
    color: var(--claim-v10-ink);
    background: linear-gradient(90deg, rgb(255 255 255 / 0.82), rgb(248 249 248 / 0.76));
  }
  .claim-details-view :is(.claim-info-shell__header, .claim-section-shell__header, .claim-secondary-panel__header, .claim-tasks-panel__header)::before {
    position: absolute;
    inset: 0 auto auto 0;
    width: 100%;
    height: 2px;
    content: "";
    background: linear-gradient(90deg, var(--claim-v10-charcoal-deep), var(--claim-v10-taupe), transparent 68%);
  }
  .claim-details-view :is(.claim-info-shell__header, .claim-section-shell__header, .claim-secondary-panel__header, .claim-tasks-panel__header)::after {
    display: none;
  }
  .claim-details-view :is(.claim-info-shell__eyebrow, .claim-section-shell__eyebrow, .claim-secondary-panel__label, .claim-work-card__eyebrow, .claim-tasks-panel__eyebrow, .claim-details-payments__eyebrow, .arrest-command__label, .arrest-section-head__label, .manual-console-hero__eyebrow), .claim-details-view .claim-info-shell__header .claim-info-shell__eyebrow, .claim-details-view .claim-tasks-panel__eyebrow, .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__eyebrow {
    color: var(--claim-v10-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v10-blue) 72%, var(--claim-v10-muted));
    }
    font-size: 0.72rem;
    font-weight: 760;
    line-height: 1.2;
    text-transform: none;
  }
  .claim-details-view :is(.claim-info-shell__title, .claim-section-shell__title, .claim-secondary-panel__title, .claim-work-card__title, .claim-channel-card__title, .claim-tasks-panel__title, .claim-details-payments__headline, .arrest-command__title, .arrest-section-head__title, .manual-console-hero__title), .claim-details-view .claim-info-shell__header .claim-info-shell__title, .claim-details-view .claim-tasks-panel__title {
    color: var(--claim-v10-ink);
    font-weight: 760;
  }
  .claim-details-view :is(.claim-info-shell__description, .claim-section-shell__description, .claim-secondary-panel__description, .claim-tasks-panel__subtitle, .claim-details-payments__copy, .manual-console-hero__copy), .claim-details-view .claim-info-shell__header .claim-info-shell__description, .claim-details-view .claim-tasks-panel__subtitle, .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__subtitle {
    color: var(--claim-v10-muted);
    line-height: 1.48;
  }
  .claim-details-view .claim-info-shell__summary, .claim-details-view .claim-section-shell__summary {
    gap: 0.6rem;
  }
  .claim-details-view .claim-info-shell__summary {
    padding: 0.72rem;
    background: linear-gradient(180deg, rgb(238 243 244 / 0.7), rgb(250 251 251 / 0.78)), rgb(255 255 255 / 0.48);
  }
  .claim-details-view :is( .claim-section-shell__summary-card, .claim-info-shell__summary-card, .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 rgb(68 70 75 / 0.12);
    border-radius: 7px;
    color: var(--claim-v10-ink);
    background: rgb(255 255 255 / 0.62);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82);
  }
  .claim-details-view :is(.claim-section-shell__summary-card, .claim-info-shell__summary-card) {
    min-height: 4.45rem;
    padding: 0.64rem 0.72rem;
  }
  .claim-details-view :is(.claim-section-shell__summary-card, .claim-info-shell__summary-card)::before {
    width: 3px;
    background: linear-gradient(180deg, var(--claim-v10-charcoal-deep), var(--claim-v10-taupe));
  }
  .claim-details-view :is(.claim-section-shell__summary-card--accent, .claim-info-shell__summary-card:first-child) {
    border-color: rgb(172 162 150 / 0.34);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.92), rgb(252 249 244 / 0.84)), var(--claim-v10-taupe-soft);
  }
  .claim-details-view :is(.claim-section-shell__summary-label, .claim-info-shell__summary-label, .claim-info-card__eyebrow, .claim-info-metric__label, .field-card__label) {
    color: var(--claim-v10-muted);
  }
  .claim-details-view :is(.claim-section-shell__summary-value, .claim-info-shell__summary-value, .claim-info-card__value, .claim-info-metric__value, .field-card__value, .claim-list-row__title, .claim-task-item__title) {
    color: var(--claim-v10-ink);
  }
  .claim-details-view :is(.claim-section-shell__summary-meta, .claim-info-shell__summary-meta, .claim-info-card__meta, .claim-info-metric__meta, .field-card__meta, .claim-list-row__meta, .claim-task-item__meta) {
    color: var(--claim-v10-muted);
  }
  .claim-details-view .claim-info-shell__body, .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__body {
    border-top: 1px solid rgb(68 70 75 / 0.1);
    padding: 0.66rem;
    background: rgb(248 249 248 / 0.76);
  }
  .claim-details-view .claim-payments-disclosure--compact {
    border-color: rgb(68 70 75 / 0.13);
    background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(250 251 250 / 0.72)), rgb(255 255 255 / 0.48);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.76), 0 14px 30px -40px rgb(24 33 44 / 0.34);
  }
  .claim-details-view .claim-payments-disclosure--compact[open] {
    border-color: rgb(68 70 75 / 0.2);
  }
  .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.74rem;
    min-height: 4.65rem;
    padding: 0.72rem 0.82rem;
    color: var(--claim-v10-ink);
    background: linear-gradient(90deg, rgb(255 255 255 / 0.72), rgb(248 249 248 / 0.66)), linear-gradient(90deg, rgb(172 162 150 / 0.08), transparent 42%);
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__summary:hover {
    background: linear-gradient(90deg, rgb(255 255 255 / 0.9), rgb(248 249 248 / 0.8)), linear-gradient(90deg, rgb(172 162 150 / 0.1), transparent 42%);
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__eyebrow {
    color: var(--claim-v10-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-v10-blue) 68%, var(--claim-v10-muted));
    }
    font-size: 0.68rem;
    font-weight: 720;
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__title {
    color: var(--claim-v10-ink);
    font-size: 1.02rem;
    font-weight: 720;
    line-height: 1.18;
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__subtitle {
    max-width: 58ch;
    color: var(--claim-v10-muted);
    font-size: 0.76rem;
    line-height: 1.45;
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__metrics {
    display: grid;
    grid-template-columns: repeat(2, minmax(5.8rem, 1fr));
    gap: 0.38rem;
    align-self: stretch;
    min-width: 13.5rem;
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__metric {
    display: grid;
    align-content: center;
    gap: 0.08rem;
    border: 1px solid rgb(68 70 75 / 0.12);
    border-radius: 7px;
    padding: 0.5rem 0.58rem;
    background: rgb(255 255 255 / 0.58);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.8);
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__metric-label {
    color: var(--claim-v10-muted);
    font-size: 0.66rem;
    font-weight: 690;
    line-height: 1.1;
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__metric-value {
    color: var(--claim-v10-ink);
    font-size: 0.93rem;
    font-weight: 740;
    line-height: 1.12;
    white-space: nowrap;
  }
  .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 .dashboard-page-mark, .claim-details-view .manual-console-hero__mark {
    width: 2px;
    height: 2.1rem;
    border-radius: 2px;
    background: linear-gradient(180deg, var(--claim-v10-charcoal-deep), var(--claim-v10-taupe));
  }
  .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__state {
    min-height: 2.02rem;
    border-radius: 7px;
    border-color: rgb(68 70 75 / 0.16);
    padding: 0.45rem 0.62rem;
    color: var(--claim-v10-ink-2);
    background: rgb(255 255 255 / 0.54);
    box-shadow: none;
  }
  .claim-details-view .claim-payments-disclosure--compact[open] .claim-payments-disclosure__state {
    border-color: rgb(68 70 75 / 0.24);
    background: rgb(68 70 75 / 0.06);
  }
  .claim-details-view .claim-payments-disclosure__tabs {
    margin-bottom: 0.68rem;
  }
  .claim-details-view .claim-payments-disclosure__panel {
    min-width: 0;
  }
  .claim-details-view .claim-component-progress--embedded {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .claim-details-view .claim-component-progress__head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: 0.75rem;
    border-bottom: 1px solid rgb(68 70 75 / 0.1);
    padding: 0.08rem 0.1rem 0.54rem;
  }
  .claim-details-view .claim-component-progress__title {
    color: var(--claim-v10-ink);
    font-size: 0.88rem;
    font-weight: 720;
  }
  .claim-details-view .claim-component-progress__meta {
    color: var(--claim-v10-muted);
    font-size: 0.74rem;
  }
  .claim-details-view .claim-component-progress__list {
    margin-top: 0.54rem;
    display: grid;
    gap: 0.42rem;
  }
  .claim-details-view .claim-component-progress__row {
    display: grid;
    grid-template-columns: minmax(8.5rem, 0.58fr) minmax(11rem, 1fr) minmax(18rem, auto);
    align-items: center;
    gap: 0.72rem;
    border: 1px solid rgb(68 70 75 / 0.12);
    border-radius: 7px;
    padding: 0.62rem 0.72rem;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(251 252 251 / 0.66)), rgb(255 255 255 / 0.62);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82);
  }
  .claim-details-view .claim-component-progress__row-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.48rem;
    min-width: 0;
  }
  .claim-details-view .claim-component-progress__label {
    color: var(--claim-v10-ink);
    font-weight: 680;
    overflow-wrap: anywhere;
  }
  .claim-details-view .claim-component-progress__pct {
    flex: 0 0 auto;
    border: 1px solid rgb(68 70 75 / 0.12);
    border-radius: 999px;
    padding: 0.18rem 0.42rem;
    color: var(--claim-v10-muted);
    background: rgb(255 255 255 / 0.7);
    font-size: 0.7rem;
    line-height: 1;
  }
  .claim-details-view .claim-component-progress__amounts {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 0.28rem;
    min-width: 0;
    color: var(--claim-v10-muted);
  }
  .claim-details-view .claim-component-progress__amounts span {
    border: 1px solid rgb(68 70 75 / 0.1);
    border-radius: 999px;
    padding: 0.22rem 0.46rem;
    background: rgb(255 255 255 / 0.62);
    font-size: 0.72rem;
    line-height: 1.15;
    white-space: nowrap;
  }
  .claim-details-view .claim-component-progress__track {
    height: 0.34rem;
    border-radius: 999px;
    background: rgb(68 70 75 / 0.08);
  }
  .claim-details-view .claim-component-progress__fill {
    display: block;
    width: 100%;
    height: 0.34rem;
    border: 0;
    appearance: none;
    background: transparent;
  }
  .claim-details-view .claim-component-progress__fill::-webkit-progress-bar {
    border-radius: 999px;
    background: rgb(68 70 75 / 0.08);
  }
  .claim-details-view .claim-component-progress__fill::-webkit-progress-value {
    border-radius: 999px;
    background: linear-gradient(90deg, var(--claim-v10-charcoal-deep), var(--claim-v10-taupe));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, var(--claim-v10-charcoal-deep), color-mix(in oklab, var(--claim-v10-taupe) 70%, var(--claim-v10-charcoal-deep)));
    }
  }
  .claim-details-view .claim-component-progress__fill::-moz-progress-bar {
    border-radius: 999px;
    background: linear-gradient(90deg, var(--claim-v10-charcoal-deep), var(--claim-v10-taupe));
    @supports (color: color-mix(in lab, red, red)) {
      background: linear-gradient(90deg, var(--claim-v10-charcoal-deep), color-mix(in oklab, var(--claim-v10-taupe) 70%, var(--claim-v10-charcoal-deep)));
    }
  }
  .claim-details-view .claim-tasks-panel__list {
    gap: 0.55rem;
    padding: 0.72rem;
    background: linear-gradient(180deg, rgb(238 243 244 / 0.62), rgb(250 251 251 / 0.8)), rgb(255 255 255 / 0.48);
  }
  .claim-details-view .claim-task-item {
    min-height: 3.2rem;
    border-color: var(--claim-v10-line);
    border-radius: 9px;
    padding: 0.62rem 0.75rem;
    background: rgb(255 255 255 / 0.86);
  }
  .claim-details-view .claim-task-item:hover {
    border-color: rgb(82 111 145 / 0.26);
    background: white;
  }
  .claim-details-view .claim-details-floating-action {
    border-radius: 10px;
    border-color: var(--claim-v10-line-strong);
    background: rgb(255 255 255 / 0.92);
    box-shadow: 0 14px 24px -18px rgb(24 33 44 / 0.42);
  }
  .claim-details-view .claim-scroll-toc__card, .claim-details-view .claim-scroll-toc-inline--panel {
    color: var(--claim-v10-ink);
    background: rgb(255 255 255 / 0.88);
  }
  .claim-details-view .claim-toc-link {
    color: var(--claim-v10-muted);
  }
  .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-v10-ink);
    background: rgb(82 111 145 / 0.1);
  }
  .claim-details-view .badge, .claim-details-view .claim-details-chip, .claim-details-view .claim-inline-tablist__count {
    border-color: var(--claim-v10-line);
    color: var(--claim-v10-muted);
    background: rgb(255 255 255 / 0.72);
  }
  .claim-details-view .badge-success {
    border-color: rgb(22 107 86 / 0.22);
    color: var(--claim-v10-green);
    background: rgb(236 253 245 / 0.74);
  }
  .claim-details-view .badge-warn {
    border-color: rgb(138 95 34 / 0.24);
    color: var(--claim-v10-amber);
    background: rgb(255 247 237 / 0.74);
  }
  .claim-details-view .badge-danger {
    border-color: rgb(193 43 69 / 0.22);
    color: var(--claim-v10-red);
    background: rgb(255 241 242 / 0.74);
  }
  .claim-details-view .manual-console-hero, .claim-details-view .arrest-command, .claim-details-view .arrest-section-head {
    border-color: var(--claim-v10-line);
    border-radius: 10px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.9), rgb(250 251 251 / 0.82)), rgb(255 255 255 / 0.66);
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78);
  }
  .claim-details-view :focus-visible {
    outline: 2px solid var(--claim-v10-blue);
    @supports (color: color-mix(in lab, red, red)) {
      outline: 2px solid color-mix(in oklab, var(--claim-v10-blue) 66%, white);
    }
    outline-offset: 2px;
  }
  @media (min-width: 72rem) {
    .claim-details-view .claim-details-money-panel .claim-details-summary-card:nth-child(2) {
      min-height: 6.25rem;
    }
  }
  @media (max-width: 72rem) {
    .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-money-panel {
      height: auto;
    }
  }
  @media (max-width: 54rem) {
    .claim-details-view {
      gap: 0.64rem;
      background: linear-gradient(180deg, #f5f6f4 0, #f8f8f7 100%);
    }
    .claim-details-view .claim-details-hero {
      border-radius: 8px;
      padding: 0.66rem;
    }
    .claim-details-view .claim-details-hero__masthead {
      align-items: stretch;
      gap: 0.55rem;
    }
    .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__title {
      font-size: clamp(1.85rem, 9vw, 2.58rem);
      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-money-panel__header {
      padding: 0.68rem 0.72rem;
    }
    .claim-details-view .claim-details-summary-grid {
      grid-template-columns: 1fr;
      grid-template-areas: "due" "total" "chance" "penalty";
      gap: 0.42rem;
      padding: 0.46rem;
    }
    .claim-details-view .claim-details-summary-card {
      min-height: 4.36rem;
      padding: 0.58rem 0.62rem;
    }
    .claim-details-view .claim-details-summary-card__value {
      font-size: 1.12rem;
    }
    .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 :is(.claim-info-shell__header, .claim-section-shell__header, .claim-secondary-panel__header, .claim-tasks-panel__header), .claim-details-view .claim-payments-disclosure--compact .claim-payments-disclosure__summary {
      padding: 0.74rem 0.82rem;
    }
    .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 {
      grid-template-columns: 1fr;
      align-items: flex-start;
      gap: 0.24rem;
    }
    .claim-details-view .claim-component-progress__row {
      grid-template-columns: 1fr;
      gap: 0.44rem;
      padding: 0.62rem;
    }
    .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-info-shell__summary, .claim-details-view .claim-section-shell__summary {
      grid-template-columns: 1fr;
    }
    .claim-details-view .claim-details-money-panel__header {
      flex-direction: column;
      gap: 0.42rem;
    }
  }
}
@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 {
    --claim-compact-line: var(--claim-v10-line, oklch(0.92  0.004 255));
    @supports (color: color-mix(in lab, red, red)) {
      --claim-compact-line: color-mix(in oklab, var(--claim-v10-line, var(--color-border)) 82%, transparent);
    }
    --claim-compact-ink: var(--claim-v10-ink, var(--color-text));
    --claim-compact-muted: var(--claim-v10-muted, var(--color-subtle));
    --claim-compact-blue: var(--claim-v10-blue, var(--color-accent));
    --claim-compact-green: var(--claim-v10-green, rgb(22 107 86));
    --claim-compact-amber: var(--claim-v10-amber, rgb(138 95 34));
    gap: 0.82rem;
  }
  .claim-details-view :is( .claim-info-shell, .claim-section-shell, .claim-payments-disclosure, .claim-details-payments, .claim-component-progress, .claim-tasks-panel ) {
    border-radius: 10px;
  }
  .claim-details-view :is(.claim-info-shell, .claim-section-shell) {
    padding: 0.9rem 1rem;
  }
  .claim-details-view :is(.claim-info-shell__header, .claim-section-shell__header, .claim-tasks-panel__header) {
    gap: 0.7rem;
    padding-bottom: 0.72rem;
  }
  .claim-details-view :is(.claim-info-shell__summary, .claim-section-shell__summary) {
    margin-top: 0.72rem;
    gap: 0.55rem;
  }
  .claim-details-view :is( .claim-info-shell__summary-card, .claim-section-shell__summary-card, .kpi-card, .field-card, .claim-info-metric, .claim-info-panel, .claim-component-progress__row ) {
    min-height: 0;
    border-radius: 8px;
    padding: 0.62rem 0.72rem;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.72);
  }
  .claim-details-view :is(.kpi-card, .field-card)::after, .claim-details-view .claim-info-card::after {
    border-radius: 8px;
  }
  .claim-details-view :is( .claim-info-shell__summary-label, .claim-section-shell__summary-label, .claim-info-summary-card__label, .claim-info-metric__label, .field-card > .text-xs, .kpi-card > .text-xs, .claim-info-fact__label ) {
    font-size: 9px;
    line-height: 1.15;
    letter-spacing: 0;
  }
  .claim-details-view :is( .claim-info-shell__summary-value, .claim-section-shell__summary-value, .claim-info-summary-card__value, .claim-info-metric__value, .field-card .font-medium, .kpi-card .font-medium ) {
    margin-top: 0.28rem;
    font-size: 0.92rem;
    line-height: 1.2;
  }
  .claim-details-view :is( .claim-info-shell__summary-meta, .claim-section-shell__summary-meta, .claim-info-summary-card__meta, .claim-info-card__meta ) {
    margin-top: 0.22rem;
    font-size: 10px;
    line-height: 1.35;
  }
  .claim-details-view .claim-info-shell__body {
    margin-top: 0.85rem;
  }
  .claim-details-view .claim-info-layout {
    gap: 0.82rem;
  }
  .claim-details-view .claim-info-card {
    border-radius: 10px;
    padding: 0.92rem;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.82);
  }
  .claim-details-view .claim-info-card--deposit-sidecar {
    align-self: stretch;
  }
  .claim-details-view .claim-info-card--deposit-sidecar .claim-info-status-row {
    margin-top: 0.62rem;
  }
  .claim-details-view .claim-info-card--deposit-sidecar .claim-info-note {
    margin-top: 0.52rem;
    border-top: 1px solid var(--claim-compact-line);
    padding-top: 0.52rem;
  }
  .claim-details-view .claim-info-card__headline {
    margin-top: 0.18rem;
    font-size: 0.98rem;
  }
  .claim-details-view .claim-info-card__columns {
    margin-top: 0.82rem;
    gap: 0.72rem;
  }
  .claim-details-view .claim-info-card__columns--balanced {
    grid-template-columns: minmax(15rem, 0.78fr) minmax(0, 1.22fr);
  }
  .claim-details-view .claim-info-dense-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.4rem, 1fr));
    gap: 0.35rem 0.85rem;
    margin-top: 0.82rem;
    border-block: 1px solid var(--claim-compact-line);
    padding-block: 0.42rem;
  }
  .claim-details-view .claim-info-dense-grid--claim {
    grid-template-columns: repeat(auto-fit, minmax(8.8rem, 1fr));
  }
  .claim-details-view .claim-info-dense-grid--deposit {
    grid-template-columns: repeat(auto-fit, minmax(7.2rem, 1fr));
    gap: 0.24rem 0.68rem;
    margin-top: 0.64rem;
    padding-block: 0.34rem;
  }
  @media (min-width: 80rem) {
    .claim-details-view .claim-info-card--deposit-sidecar .claim-info-dense-grid--deposit {
      grid-template-columns: 1fr;
    }
  }
  .claim-details-view .claim-info-dense-item {
    min-width: 0;
    padding: 0.32rem 0;
  }
  .claim-details-view .claim-info-dense-item--success .claim-info-dense-item__value {
    color: var(--claim-compact-green);
  }
  .claim-details-view .claim-info-dense-item__label {
    font-size: 9px;
    font-weight: 700;
    line-height: 1.15;
    color: var(--claim-compact-muted);
    text-transform: uppercase;
    letter-spacing: 0;
  }
  .claim-details-view .claim-info-dense-item__value {
    margin-top: 0.2rem;
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--claim-compact-ink);
    font-size: 12.5px;
    font-weight: 650;
    line-height: 1.35;
    font-variant-numeric: tabular-nums;
  }
  .claim-details-view .claim-info-dense-item__meta {
    margin-top: 0.1rem;
    color: var(--claim-compact-muted);
    font-size: 10px;
    line-height: 1.25;
  }
  .claim-details-view .claim-info-token-row {
    display: flex;
    flex-wrap: wrap;
    gap: 0.32rem;
    margin-top: 0.28rem;
  }
  .claim-details-view .claim-info-token {
    display: inline-flex;
    align-items: center;
    min-height: 1.28rem;
    border: 1px solid var(--claim-compact-line);
    border-radius: 999px;
    padding: 0.16rem 0.46rem;
    background: rgb(255 255 255 / 0.68);
    color: var(--claim-compact-muted);
    font-size: 10px;
    font-weight: 650;
    line-height: 1;
    white-space: nowrap;
  }
  .claim-details-view .claim-info-token--active {
    border-color: var(--claim-compact-green);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-compact-green) 24%, var(--claim-compact-line));
    }
    background: color-mix(in oklab, rgb(236 253 245) 70%, white);
    color: var(--claim-compact-green);
  }
  .claim-details-view .claim-info-token--warn {
    border-color: var(--claim-compact-amber);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--claim-compact-amber) 28%, var(--claim-compact-line));
    }
    background: color-mix(in oklab, rgb(255 247 237) 74%, white);
    color: var(--claim-compact-amber);
  }
  .claim-details-view .claim-info-token--muted {
    opacity: 0.54;
  }
  .claim-details-view .claim-info-calculation-grid {
    display: grid;
    gap: 0.68rem;
    margin-top: 0.82rem;
  }
  @media (min-width: 56rem) {
    .claim-details-view .claim-info-calculation-grid {
      grid-template-columns: minmax(0, 1.15fr) minmax(0, 0.85fr);
    }
  }
  .claim-details-view .claim-info-calculation {
    min-width: 0;
    border: 1px solid var(--claim-compact-line);
    border-radius: 8px;
    background: linear-gradient(180deg, rgb(255 255 255 / 0.84), rgb(255 255 255 / 0.62)), color-mix(in srgb, oklch(0.955 0.004 255) 26%, 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) 26%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.74);
  }
  .claim-details-view .claim-info-calculation__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.65rem;
    border-bottom: 1px solid var(--claim-compact-line);
    padding: 0.55rem 0.68rem;
  }
  .claim-details-view .claim-info-calculation__title {
    min-width: 0;
    color: var(--claim-compact-ink);
    font-size: 12px;
    font-weight: 700;
    line-height: 1.25;
  }
  .claim-details-view .claim-info-calculation__body {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0 0.85rem;
    padding: 0.16rem 0.68rem 0.28rem;
  }
  .claim-details-view .claim-info-calculation__row {
    min-width: 0;
    border-bottom: 1px solid var(--claim-compact-line);
    padding: 0.44rem 0;
  }
  .claim-details-view .claim-info-calculation__row--wide {
    grid-column: 1 / -1;
  }
  .claim-details-view .claim-info-calculation__row span, .claim-details-view .claim-info-calculation__row small {
    display: block;
    color: var(--claim-compact-muted);
    font-size: 9.5px;
    font-weight: 650;
    line-height: 1.25;
  }
  .claim-details-view .claim-info-calculation__row strong {
    display: block;
    margin-top: 0.18rem;
    color: var(--claim-compact-ink);
    font-size: 12.5px;
    font-weight: 700;
    line-height: 1.25;
    font-variant-numeric: tabular-nums;
  }
  .claim-details-view .claim-info-calculation__row small {
    margin-top: 0.18rem;
    font-weight: 500;
  }
  .claim-details-view .claim-info-calculation__row--emphasis strong {
    color: var(--claim-compact-blue);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--claim-compact-blue) 58%, var(--claim-compact-ink));
    }
  }
  .claim-details-view .claim-info-calculation__note {
    padding: 0.5rem 0.68rem 0.62rem;
    color: var(--claim-compact-muted);
    font-size: 11px;
    line-height: 1.35;
  }
  .claim-details-view .claim-info-fact-list {
    margin-top: 0.54rem;
    gap: 0.44rem 0.75rem;
  }
  .claim-details-view .claim-info-fact-list--tight {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .claim-details-view .claim-info-fact {
    gap: 0.14rem;
    padding-bottom: 0.42rem;
    border-bottom: 1px solid var(--claim-compact-line);
  }
  .claim-details-view .claim-info-fact__value, .claim-details-view .claim-info-card__prose {
    font-size: 12px;
    line-height: 1.5;
  }
  .claim-details-view :is(.claim-info-metric-grid, .claim-info-split-metrics) {
    gap: 0.48rem;
  }
  .claim-details-view :is(.badge, .claim-info-chip, .claim-info-token, .claim-details-chip, .claim-payment-pill, .claim-inline-tablist__count) {
    min-height: 1.28rem;
    padding: 0.16rem 0.48rem;
    font-size: 10px;
    line-height: 1;
  }
  .claim-details-view .claim-component-progress {
    padding: 0.78rem;
  }
  .claim-details-view .claim-component-progress__amounts {
    gap: 0.4rem 0.65rem;
  }
  .claim-details-view .claim-component-progress__amounts span {
    border: 0;
    border-radius: 0;
    padding: 0;
    background: transparent;
    box-shadow: none;
  }
  .claim-details-view :is(.claim-list-row, .claim-task-item, .payment-upcoming__item) {
    padding: 0.62rem 0.75rem;
  }
  @media (max-width: 56rem) {
    .claim-details-view .claim-info-card__columns--balanced, .claim-details-view .claim-info-calculation__body {
      grid-template-columns: 1fr;
    }
  }
}
@layer components {
  .claim-details-view {
    --claim-row-bg: color-mix(in srgb, oklch(0.955 0.004 255) 20%, white);
    @supports (color: color-mix(in lab, red, red)) {
      --claim-row-bg: color-mix(in oklab, var(--color-muted) 20%, white);
    }
    --claim-row-bg-strong: var(--claim-compact-blue);
    @supports (color: color-mix(in lab, red, red)) {
      --claim-row-bg-strong: color-mix(in oklab, var(--claim-compact-blue) 5%, white);
    }
  }
  .claim-details-view :is(.claim-section-shell__body, .claim-secondary-panel__body) {
    margin-top: 0.72rem;
  }
  .claim-details-view .claim-section-shell__summary--five {
    grid-template-columns: repeat(auto-fit, minmax(8.6rem, 1fr));
  }
  .claim-details-view .claim-section-shell__meta, .claim-details-view .claim-section-shell__actions, .claim-details-view .claim-details-payments__meta, .claim-details-view .arrest-card__badges, .claim-details-view .arrest-actions {
    gap: 0.32rem;
  }
  .claim-details-view :is(.claim-secondary-panel, .claim-work-card, .claim-channel-card, .claim-list-card, .claim-asset-column, .claim-asset-card, .arrest-card, .debtor-disclosure-card, .debtor-disclosure-sidecard, .arireg-associations-shell, .arireg-association-card, .debtor-bank-statements) {
    border-radius: 10px;
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.74);
  }
  .claim-details-view :is(.claim-secondary-panel__body, .claim-work-card, .claim-channel-card, .claim-asset-column, .debtor-disclosure-card, .debtor-disclosure-sidecard, .arireg-associations-shell, .debtor-bank-statements) {
    padding: 0.72rem;
  }
  .claim-details-view .claim-secondary-panel__header {
    padding: 0.68rem 0.78rem;
  }
  .claim-details-view .claim-secondary-panel__toggle {
    min-height: 1.9rem;
    padding: 0.28rem 0.58rem;
    font-size: 11px;
  }
  .claim-details-view :is(.claim-work-card__title, .claim-channel-card__title, .claim-asset-column__title, .debtor-disclosure-card__title, .arireg-association-card__name) {
    font-size: 0.88rem;
    line-height: 1.22;
    letter-spacing: 0;
  }
  .claim-details-view :is(.claim-work-card__description, .claim-channel-card__subtitle, .claim-asset-column__subtitle, .debtor-disclosure-copy, .debtor-disclosure-card__title + p) {
    margin-top: 0.16rem;
    font-size: 11px;
    line-height: 1.35;
  }
  .claim-details-view :is(.claim-work-card__eyebrow, .debtor-disclosure-card__eyebrow, .debtor-disclosure-kicker, .arireg-association-modal__eyebrow, .claim-liiklus-modal__eyebrow) {
    font-size: 9px;
    letter-spacing: 0;
  }
  .claim-details-view :is(.kpi-card .text-2xl, .kpi-card .text-base, .claim-section-shell__summary-card .text-2xl) {
    font-size: 1rem;
    line-height: 1.18;
  }
  .claim-details-view :is(.claim-list-card, .claim-bank-card__item, .claim-bank-card__adder) {
    overflow: hidden;
    border-color: var(--claim-compact-line);
    background: rgb(255 255 255 / 0.62);
  }
  .claim-details-view .claim-list-card {
    display: grid;
    gap: 0;
  }
  .claim-details-view .claim-list-row {
    min-height: 0;
    align-items: center;
    gap: 0.62rem;
    border-bottom: 1px solid var(--claim-compact-line);
    background: transparent;
  }
  .claim-details-view .claim-list-row:last-child {
    border-bottom: 0;
  }
  .claim-details-view .claim-list-row__title {
    font-size: 12.5px;
    line-height: 1.3;
  }
  .claim-details-view .claim-list-row__meta {
    gap: 0.2rem 0.62rem;
    margin-top: 0.18rem;
    font-size: 10.5px;
    line-height: 1.25;
  }
  .claim-details-view .claim-list-row__actions {
    gap: 0.28rem;
  }
  .claim-details-view :is(.claim-profile-signal-grid, .claim-party-extra-grid) {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(9.6rem, 1fr));
    gap: 0.32rem 0.82rem;
    border-block: 1px solid var(--claim-compact-line);
    padding-block: 0.42rem;
  }
  .claim-details-view :is(.claim-profile-signal, .claim-party-extra-fact) {
    min-width: 0;
    border: 0;
    border-radius: 0;
    padding: 0.32rem 0;
    background: transparent;
    box-shadow: none;
  }
  .claim-details-view .claim-profile-signal--button {
    cursor: pointer;
  }
  .claim-details-view .claim-profile-signal--button:hover {
    color: var(--claim-compact-blue);
  }
  .claim-details-view :is(.claim-profile-signal--wide, .claim-party-extra-fact--wide) {
    grid-column: span 2;
  }
  .claim-details-view :is(.claim-profile-signal__label, .claim-party-extra-fact__label) {
    display: block;
    color: var(--claim-compact-muted);
    font-size: 9px;
    font-weight: 700;
    line-height: 1.15;
    letter-spacing: 0;
    text-transform: uppercase;
  }
  .claim-details-view :is(.claim-profile-signal__value, .claim-party-extra-fact__value) {
    display: block;
    margin-top: 0.18rem;
    min-width: 0;
    overflow-wrap: anywhere;
    color: var(--claim-compact-ink);
    font-size: 12.5px;
    font-weight: 650;
    line-height: 1.3;
    font-variant-numeric: tabular-nums;
  }
  .claim-details-view :is(.claim-profile-signal__meta, .claim-party-extra-fact__meta) {
    display: block;
    margin-top: 0.12rem;
    color: var(--claim-compact-muted);
    font-size: 10px;
    line-height: 1.28;
  }
  .claim-details-view .claim-profile-signal__tokens {
    display: flex;
    flex-wrap: wrap;
    gap: 0.28rem;
    margin-top: 0.28rem;
  }
  .claim-details-view .claim-party-extra-list {
    display: grid;
    gap: 0.34rem;
    margin-top: 0.28rem;
  }
  .claim-details-view .claim-party-extra-entry {
    min-width: 0;
    border-bottom: 1px solid var(--claim-compact-line);
    padding-bottom: 0.34rem;
  }
  .claim-details-view .claim-party-extra-entry:last-child {
    border-bottom: 0;
    padding-bottom: 0;
  }
  .claim-details-view :is(.claim-bank-card, .claim-bank-card.kpi-card) {
    padding: 0.62rem;
  }
  .claim-details-view .claim-bank-card__item {
    border-radius: 8px;
    padding: 0;
  }
  .claim-details-view .claim-bank-card__adder {
    border-radius: 8px;
    padding: 0.34rem 0.52rem;
  }
  .claim-details-view .claim-bank-card__status-tag {
    min-height: 1.05rem;
    padding: 0.08rem 0.38rem;
    font-size: 9.5px;
  }
  .claim-details-view .contact-dropdown {
    margin-top: 0.42rem;
  }
  .claim-details-view .contact-dropdown > summary {
    min-height: 1.55rem;
    padding: 0.18rem 0.46rem;
    font-size: 10px;
  }
  .claim-details-view .contact-dropdown li {
    padding-block: 0.32rem;
    font-size: 11px;
  }
  .claim-details-view :is(.claim-comm-grid, .claim-comm-grid__stack, .claim-asset-shell, .claim-asset-shell__columns, .claim-asset-grid, .arrests-workspace, .arrest-list, .debtor-disclosure-repeater) {
    gap: 0.58rem;
  }
  .claim-details-view .claim-asset-shell__summary {
    gap: 0.48rem;
    grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr));
  }
  .claim-details-view .claim-asset-card {
    padding: 0.56rem 0.66rem;
  }
  .claim-details-view .claim-asset-card :is(.font-medium, .title) {
    font-size: 12.5px;
    line-height: 1.32;
  }
  .claim-details-view .claim-asset-card :is(.text-xs, .badge) {
    line-height: 1.25;
  }
  .claim-details-view .claim-asset-card--empty {
    border-radius: 8px;
    padding: 0.62rem 0.72rem;
    font-size: 12px;
  }
  .claim-details-view .arireg-association-card {
    padding: 0.62rem;
  }
  .claim-details-view .arireg-association-card__header {
    gap: 0.54rem;
  }
  .claim-details-view .arireg-association-card__chips, .claim-details-view .arireg-association-card__highlights {
    margin-top: 0.44rem;
    gap: 0.28rem;
  }
  .claim-details-view .arireg-meta-chip, .claim-details-view .arireg-source-badge, .claim-details-view .arireg-association-card__cta {
    min-height: 1.22rem;
    padding: 0.14rem 0.42rem;
    font-size: 9.5px;
    letter-spacing: 0;
  }
  .claim-details-view .arireg-association-card__related, .claim-details-view .arireg-association-card__source {
    margin-top: 0.38rem;
    font-size: 10.5px;
    line-height: 1.35;
  }
  .claim-details-view .debtor-bank-statements {
    padding: 0.72rem;
  }
  .claim-details-view .debtor-bank-statements__head {
    gap: 0.62rem;
    margin-bottom: 0.62rem;
  }
  .claim-details-view .debtor-bank-statements__subtitle, .claim-details-view .debtor-bank-statements__summary, .claim-details-view .debtor-bank-statements__page-indicator {
    font-size: 10.5px;
  }
  .claim-details-view .debtor-bank-statements__tabs {
    gap: 0.35rem;
  }
  .claim-details-view .debtor-bank-statements__tab, .claim-details-view .debtor-bank-statements__missing-trigger, .claim-details-view .debtor-bank-statements__request-tag {
    min-height: 1.42rem;
    padding: 0.18rem 0.5rem;
    font-size: 10px;
  }
  .claim-details-view .debtor-bank-statements__search-wrap {
    margin-top: 0.58rem;
  }
  .claim-details-view .debtor-bank-statements__search-field {
    min-height: 2rem;
  }
  .claim-details-view .debtor-bank-statements__table-wrap {
    margin-top: 0.66rem;
  }
  .claim-details-view :is(.debtor-bank-statements__cell, .debtor-bank-statements .claims-table__th, .claims-table__td, .claims-table__th) {
    padding: 0.42rem 0.52rem;
    font-size: 11px;
    line-height: 1.3;
  }
  .claim-details-view .claim-details-payments {
    padding: 0.72rem;
  }
  .claim-details-view .claim-details-payments__header, .claim-details-view .claim-details-payments__toolbar, .claim-details-view .claim-details-payments__section-head {
    margin-bottom: 0.58rem;
  }
  .claim-details-view .claim-details-payments__body {
    gap: 0.58rem;
  }
  .claim-details-view .claim-details-payments__section {
    padding: 0.62rem;
    border-radius: 9px;
  }
  .claim-details-view .payment-grid {
    border-radius: 8px;
  }
  .claim-details-view .payment-grid__header {
    padding: 0.38rem 0.52rem;
    font-size: 9.5px;
    letter-spacing: 0;
  }
  .claim-details-view .payment-grid__row {
    min-height: 0;
    padding: 0.38rem 0.52rem;
    gap: 0.38rem 0.54rem;
  }
  .claim-details-view .payment-grid__cell {
    padding: 0;
  }
  .claim-details-view .payment-grid__label {
    margin-bottom: 0.12rem;
    font-size: 9px;
    letter-spacing: 0;
  }
  .claim-details-view .payment-grid__amount, .claim-details-view .payment-activity__title {
    font-size: 12.5px;
    line-height: 1.25;
  }
  .claim-details-view .payment-grid__impact {
    gap: 0.24rem;
  }
  .claim-details-view .payment-grid__impact-chip {
    min-height: 1.15rem;
    padding: 0.12rem 0.36rem;
    font-size: 9.5px;
  }
  .claim-details-view .manual-console-hero {
    padding: 0.72rem 0.82rem;
  }
  .claim-details-view .manual-console-hero__facts {
    gap: 0.3rem;
  }
  .claim-details-view .manual-console-hero__facts span {
    min-height: 1.28rem;
    padding: 0.14rem 0.45rem;
    font-size: 10px;
  }
  .claim-details-view .arrest-command {
    padding: 0.82rem;
    border-radius: 10px;
  }
  .claim-details-view .arrest-command__body {
    gap: 0.72rem;
  }
  .claim-details-view .arrest-command__copy, .claim-details-view .arrest-section-head__copy, .claim-details-view .arrest-side-copy {
    font-size: 11px;
    line-height: 1.4;
  }
  .claim-details-view .arrest-command__reasons span {
    min-height: 1.24rem;
    padding: 0.14rem 0.42rem;
    font-size: 10px;
  }
  .claim-details-view .arrest-targets-panel {
    padding: 0.72rem;
    border-radius: 10px;
  }
  .claim-details-view .arrest-section-head {
    margin-bottom: 0.58rem;
  }
  .claim-details-view .arrest-card {
    padding: 0.56rem 0.66rem;
  }
  .claim-details-view .arrest-card__header {
    gap: 0.52rem;
  }
  .claim-details-view .arrest-card__meta {
    font-size: 10.5px;
  }
  .claim-details-view .arrest-details {
    margin-top: 0.42rem;
  }
  .claim-details-view .arrest-details__summary {
    min-height: 1.5rem;
    padding: 0.34rem 0.62rem;
    font-size: 10.5px;
  }
  .claim-details-view .arrest-target-row {
    border-radius: 8px;
    padding: 0.48rem 0.58rem;
  }
  .claim-details-view .arrest-info-toggle {
    border-radius: 9px;
  }
  .claim-details-view .arrest-info-toggle > summary {
    padding: 0.52rem 0.62rem;
    font-size: 11px;
  }
  .claim-details-view .arrest-info-toggle__body {
    padding: 0.56rem 0.62rem 0.66rem;
  }
  .claim-details-view .arrest-rule-facts {
    gap: 0.26rem 0.62rem;
  }
  .claim-details-view .arrest-rule-facts > div, .claim-details-view .arrest-notice__facts > div {
    border: 0;
    border-bottom: 1px solid var(--claim-compact-line);
    border-radius: 0;
    padding: 0.32rem 0;
    background: transparent;
  }
  .claim-details-view .arrest-chip {
    min-height: 1.24rem;
    padding: 0.14rem 0.42rem;
    font-size: 10px;
  }
  .claim-details-view .arrest-notice {
    padding: 0.66rem 0.72rem;
    border-radius: 9px;
  }
  .claim-details-view .arrest-notice__facts {
    gap: 0.24rem 0.62rem;
    margin-top: 0.52rem;
  }
  .claim-details-view .debtor-disclosure-shell {
    gap: 0.72rem;
  }
  .claim-details-view .debtor-disclosure-hero {
    padding: 0.72rem;
    border-radius: 10px;
  }
  .claim-details-view .debtor-disclosure-title {
    font-size: 1rem;
    line-height: 1.2;
  }
  .claim-details-view .debtor-disclosure-card__header {
    margin-bottom: 0.58rem;
    padding-bottom: 0.44rem;
  }
  .claim-details-view .debtor-disclosure-summary {
    border: 0;
    border-bottom: 1px solid var(--claim-compact-line);
    border-radius: 0;
    padding: 0.32rem 0;
    background: transparent;
  }
  .claim-details-view .debtor-disclosure-summary__label, .claim-details-view .debtor-disclosure-label {
    font-size: 9px;
    letter-spacing: 0;
  }
  .claim-details-view .debtor-disclosure-summary__value {
    margin-top: 0.14rem;
    font-size: 12.5px;
  }
  .claim-details-view .debtor-disclosure-row {
    border-radius: 8px;
    padding: 0.54rem;
  }
  .claim-details-view .debtor-disclosure-option {
    min-height: 1.82rem;
    padding: 0.28rem 0.52rem;
    font-size: 11px;
  }
  .claim-details-view :is(.input, .input-compact, textarea.input, select.input) {
    min-height: 2rem;
    border-radius: 7px;
    padding: 0.34rem 0.52rem;
    font-size: 12px;
    line-height: 1.35;
  }
  .claim-details-view textarea.input {
    min-height: 4.2rem;
  }
  .claim-details-view [role="dialog"] [class*="grid"][class*="gap-3"] {
    gap: 0.5rem;
  }
  .claim-details-view [role="dialog"] [class*="rounded-[var(--radius-md)]"][class*="border"][class*="p-3"], .claim-details-view [role="dialog"] [class*="rounded-[var(--radius-sm)]"][class*="border"][class*="px-2"] {
    border-radius: 8px;
    padding: 0.5rem 0.62rem;
    background: rgb(255 255 255 / 0.64);
    box-shadow: none;
  }
  .claim-details-view [role="dialog"] [class*="uppercase"][class*="tracking"] {
    font-size: 9px;
    letter-spacing: 0;
  }
  .claim-details-view .claim-liiklus-modal__facts {
    gap: 0.4rem 0.72rem;
  }
  .claim-details-view .claim-liiklus-modal__fact {
    border: 0;
    border-bottom: 1px solid var(--claim-compact-line);
    border-radius: 0;
    padding: 0.32rem 0;
    background: transparent;
  }
  .claim-details-view .claim-liiklus-modal__fact-label, .claim-details-view .claim-liiklus-modal__extended-label {
    font-size: 9px;
    letter-spacing: 0;
  }
  .claim-details-view .claim-liiklus-modal__fact-value, .claim-details-view .claim-liiklus-modal__extended-value {
    font-size: 12.5px;
    line-height: 1.35;
  }
  .claim-details-view .arireg-association-modal__section {
    padding: 0.62rem;
    border-radius: 9px;
  }
  .claim-details-view .arireg-association-modal__row {
    padding: 0.34rem 0;
  }
  @media (max-width: 44rem) {
    .claim-details-view :is(.claim-profile-signal--wide, .claim-party-extra-fact--wide) {
      grid-column: 1 / -1;
    }
    .claim-details-view .payment-grid__row {
      grid-template-columns: 1fr;
    }
  }
}
@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-compact-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-compact-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-compact-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-info-shell__summary-actions {
    margin-top: 0.5rem;
  }
  .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.92  0.004 255) 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.955 0.004 255) 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.62 0.09 255) 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 .claim-related-cases__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 .claim-related-cases__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.92  0.004 255) 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.62 0.09 255) 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.92  0.004 255) 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-compact-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-compact-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-compact-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.92  0.004 255) 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.955 0.004 255) 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-details-view .claim-related-cases-grid {
    display: grid;
    gap: 0.58rem;
  }
  .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.92  0.004 255) 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.955 0.004 255) 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.62 0.09 255) 20%, oklch(0.92  0.004 255));
    @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.62 0.09 255) 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-compact-line, color-mix(in srgb, oklch(0.92  0.004 255) 72%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid var(--claim-compact-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-compact-line, color-mix(in srgb, oklch(0.92  0.004 255) 72%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid var(--claim-compact-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.955 0.004 255) 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-compact-line, color-mix(in srgb, oklch(0.92  0.004 255) 72%, transparent));
    @supports (color: color-mix(in lab, red, red)) {
      border-top: 1px solid var(--claim-compact-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.62 0.09 255) 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 .claim-related-cases {
    overflow: clip;
    border: 1px solid color-mix(in srgb, oklch(0.92  0.004 255) 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.86), rgb(255 255 255 / 0.66)), color-mix(in srgb, oklch(0.955 0.004 255) 18%, 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 srgb, var(--color-muted) 18%, white);
    }
    box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.78), 0 8px 22px rgb(15 23 42 / 0.04);
  }
  .claim-details-view .claim-related-cases__summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 0.72rem;
    min-height: 3.1rem;
    cursor: pointer;
    list-style: none;
    padding: 0.62rem 0.72rem;
  }
  .claim-details-view .claim-related-cases__summary::-webkit-details-marker {
    display: none;
  }
  .claim-details-view .claim-related-cases__summary::after {
    content: "";
    width: 0.48rem;
    height: 0.48rem;
    flex: 0 0 auto;
    border-right: 1.5px solid var(--color-subtle);
    border-bottom: 1.5px solid var(--color-subtle);
    rotate: 45deg;
    transition: rotate 160ms ease, translate 160ms ease;
  }
  .claim-details-view .claim-related-cases[open] .claim-related-cases__summary::after {
    rotate: 225deg;
    translate: 0 0.12rem;
  }
  .claim-details-view .claim-related-cases__count {
    margin-left: auto;
    border: 1px solid color-mix(in srgb, oklch(0.92  0.004 255) 84%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border: 1px solid color-mix(in srgb, var(--color-border) 84%, transparent);
    }
    border-radius: 999px;
    background: rgb(255 255 255 / 0.66);
    padding: 0.18rem 0.52rem;
    color: var(--color-text);
    font-size: 11px;
    font-weight: 700;
    white-space: nowrap;
  }
  .claim-details-view .claim-related-cases__body {
    border-top: 1px solid var(--claim-compact-line);
    background: color-mix(in srgb, oklch(0.955 0.004 255) 12%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--color-muted) 12%, transparent);
    }
  }
  .claim-details-view .claim-related-cases__scroller {
    max-height: 23rem;
    overflow: auto;
    overscroll-behavior: contain;
    padding: 0.52rem;
  }
  .claim-details-view .claim-related-cases__scroller--external {
    max-height: 20rem;
  }
  .claim-details-view .claim-related-cases .claims-table {
    border: 0;
    border-radius: 8px;
    box-shadow: none;
  }
  .claim-details-view .claim-related-cases .claims-table__toolbar {
    min-height: 2.8rem;
    padding: 0.5rem 0.58rem;
  }
  .claim-details-view .claim-related-cases .claims-table__th, .claim-details-view .claim-related-cases .claims-table__table td {
    padding-block: 0.42rem;
  }
  .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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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.92  0.004 255) 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.955 0.004 255) 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-compact-line);
    background: color-mix(in srgb, oklch(0.955 0.004 255) 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, .claim-profile-signal-grid) {
    font-size: 11.5px;
  }
  .claim-details-view .external-claims-panel {
    border: 1px solid color-mix(in srgb, oklch(0.92  0.004 255) 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.92  0.004 255));
    @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-compact-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.955 0.004 255) 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.955 0.004 255) 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.955 0.004 255) 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.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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.92  0.004 255));
    @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-compact-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) {
    .app-shell {
      padding: 0.35rem;
    }
    .container-card {
      max-width: calc(100vw - 0.7rem);
      border-radius: 10px;
    }
    .app-main {
      padding-inline: 0.5rem;
      padding-bottom: calc(4.5rem + env(safe-area-inset-bottom, 0px));
    }
    .app-disclaimer {
      padding-inline: 0.55rem;
      padding-block: 0.42rem;
      font-size: 10px;
    }
    .app-topbar {
      --app-brand-logo-width: 10.8rem;
      padding: 0.62rem;
    }
    .app-brand-link {
      margin-left: -0.28rem;
      padding: 0.2rem 0.28rem;
      border-radius: 8px;
    }
    .app-brand-logo {
      transform: translateY(-0.28rem);
      width: min(var(--app-brand-logo-width), 68vw);
    }
    .app-topbar__primary {
      gap: 0.38rem;
    }
    .app-search-input {
      height: 2.15rem;
      border-radius: 8px;
      padding-inline: 0.7rem 2.35rem;
      font-size: 0.78rem;
    }
    .app-search-voice {
      right: 0.2rem;
      width: 1.85rem;
      height: 1.85rem;
      border-radius: 7px;
    }
    #globalSearchResults {
      max-height: min(70dvh, 26rem);
      overflow-y: auto;
      border-radius: 9px;
    }
    .app-topbar__actions, .dashboard-toolbar {
      flex-wrap: nowrap;
      align-items: center;
      justify-content: flex-start;
      gap: 0.35rem;
      overflow-x: auto;
      padding-bottom: 0.12rem;
      scrollbar-width: none;
      white-space: nowrap;
    }
    .app-topbar__actions::-webkit-scrollbar, .dashboard-toolbar::-webkit-scrollbar {
      display: none;
    }
    .app-topbar__actions .btn-primary, .app-topbar__actions .btn-muted, .app-topbar__actions .btn-danger, .dashboard-action {
      flex: 0 0 auto;
      min-height: 2.05rem;
      border-radius: 8px;
      padding: 0.42rem 0.62rem;
      font-size: 0.76rem;
      line-height: 1.1;
    }
    .app-language-switcher {
      flex: 0 0 auto;
    }
    .app-language-switcher__trigger {
      height: 2.05rem;
      width: 5rem;
      gap: 0.32rem;
      padding-inline: 0.45rem;
      border-radius: 8px;
    }
    .app-language-switcher__icon {
      display: none;
    }
    .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: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      font-size: 0.72rem;
    }
    .dashboard-page-head {
      margin-top: 0.65rem;
      margin-bottom: 0.65rem;
      gap: 0.55rem;
      padding-bottom: 0.5rem;
    }
    .dashboard-page-title {
      font-size: 1rem;
      line-height: 1.15;
    }
    .dashboard-page-mark {
      height: 1.25rem;
    }
    .dashboard-workspace {
      gap: 0.55rem;
      padding-top: 0.28rem;
    }
    .dashboard-workspace::before {
      inset-inline: -0.45rem;
      height: 9rem;
      border-radius: 12px;
    }
    .dashboard-command {
      gap: 0.62rem;
      padding: 0;
    }
    .dashboard-command__eyebrow {
      font-size: 1rem;
    }
    .dashboard-command__pulse {
      width: 0.38rem;
      height: 0.38rem;
    }
    .dashboard-action__icon {
      width: 0.74rem;
      height: 0.74rem;
      padding: 0.18rem;
      border-radius: 6px;
    }
    .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(4.15rem, auto);
      gap: 0.42rem;
    }
    .claim-workload-kpi {
      min-height: 4.15rem;
      border-radius: 8px;
      padding: 0.46rem 0.52rem 0.46rem 0.62rem;
      column-gap: 0.45rem;
    }
    .claim-workload-kpi::before {
      width: auto;
      height: 2px;
    }
    .claim-workload-kpi__label {
      font-size: 0.7rem;
      line-height: 1.12;
    }
    .claim-workload-kpi__value {
      font-size: 1rem;
    }
    .claim-workload-kpi__unit, .claim-workload-kpi__unit[data-kpi-pct] {
      font-size: 0.66rem;
    }
    .claim-workload-kpi__meta, .claim-workload-kpi__progress-label, .claim-workload-kpi__list {
      font-size: 0.68rem;
      white-space: normal;
    }
    .claim-workload-kpi__progress {
      margin-top: 0.28rem;
      padding-top: 0.28rem;
    }
    .dashboard-metrics {
      gap: 0.42rem;
      grid-auto-rows: minmax(4.15rem, auto);
    }
    .dashboard-metrics .claim-workload-kpi {
      min-height: 4.15rem;
      border-radius: 10px;
      padding: 0.52rem 0.55rem 0.5rem;
      column-gap: 0.45rem;
    }
    .dashboard-metrics .claim-workload-kpi::before {
      top: 0.66rem;
      left: 0.58rem;
      width: 0.34rem;
      height: 0.34rem;
    }
    .dashboard-metrics .claim-workload-kpi__label {
      padding-left: 0.78rem;
      font-size: 0.67rem;
    }
    .dashboard-metrics .claim-workload-kpi__value {
      font-size: 1.04rem;
    }
    .dashboard-metrics .claim-workload-kpi__progress {
      margin-top: 0.24rem;
      padding-top: 0;
    }
    .claims-table {
      border-radius: 10px;
      background-image: none;
    }
    .claims-table__toolbar {
      align-items: flex-start;
      gap: 0.58rem;
      padding: 0.42rem 0.32rem 0.58rem;
    }
    .claims-table__identity {
      gap: 0.55rem;
      width: 100%;
    }
    .claims-table__mark {
      width: 2rem;
      height: 2rem;
    }
    .claims-table__controls {
      display: grid;
      width: 100%;
      grid-template-columns: auto minmax(0, 1fr);
      gap: 0.4rem;
    }
    .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.95rem;
    }
    .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.5rem;
      padding: 0.55rem;
    }
    .claims-table__table tbody > tr[data-row] {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(7rem, auto);
      grid-template-areas: "claim amounts" "parties amounts" "assignee amounts" "operation operation";
      align-items: start;
      gap: 0.34rem 0.56rem;
      border: 1px solid color-mix(in srgb, oklch(0.92  0.004 255) 88%, rgb(120 128 140));
      @supports (color: color-mix(in lab, red, red)) {
        border: 1px solid color-mix(in oklab, var(--color-border) 88%, rgb(120 128 140));
      }
      border-radius: 10px;
      background: linear-gradient(180deg, rgb(255 255 255 / 0.68), rgb(255 255 255 / 0.24)), linear-gradient(135deg, var(--claim-row-tint, oklch(0.955 0.004 255)), var(--claim-row-surface, white) 58%, white), var(--color-surface);
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient(180deg, rgb(255 255 255 / 0.68), rgb(255 255 255 / 0.24)), linear-gradient(135deg, color-mix(in oklab, var(--claim-row-tint, var(--color-muted)) 82%, white), color-mix(in oklab, var(--claim-row-surface, white) 76%, white) 58%, white), var(--color-surface);
      }
      padding: 0.58rem;
      box-shadow: inset 0 1px 0 rgb(255 255 255 / 0.72), 0 10px 20px -18px rgb(30 41 59 / 0.42);
    }
    .claims-table__table tbody > tr[data-row]:hover {
      background: linear-gradient(180deg, rgb(255 255 255 / 0.76), rgb(255 255 255 / 0.32)), linear-gradient(135deg, var(--claim-row-tint, oklch(0.955 0.004 255)), var(--claim-row-surface, white) 58%, white), var(--color-surface);
      @supports (color: color-mix(in lab, red, red)) {
        background: linear-gradient(180deg, rgb(255 255 255 / 0.76), rgb(255 255 255 / 0.32)), linear-gradient(135deg, color-mix(in oklab, var(--claim-row-tint, var(--color-muted)) 90%, white), color-mix(in oklab, var(--claim-row-surface, white) 82%, white) 58%, white), 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.72rem;
      line-height: 1.28;
      overflow: visible;
    }
    .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.68rem;
    }
    .status-row td:first-child::before {
      left: 0;
      top: 0.06rem;
      bottom: 0.06rem;
      width: 4px;
    }
    .claims-table__claim-ref {
      font-size: 0.78rem;
    }
    .claims-table__claim-date {
      margin-top: 0.18rem;
      font-size: 0.64rem;
    }
    .claims-table__state-chip {
      margin-top: 0.28rem;
      font-size: 0.6rem;
    }
    .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.61rem;
      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.76rem;
    }
    .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"] {
      grid-area: parties;
      margin-top: 0.1rem;
    }
    .claims-table__cell--assignee {
      grid-area: assignee;
      padding-top: 0.06rem;
    }
    .claims-table__cell--assignee::before {
      content: none !important;
    }
    .claims-party-line {
      grid-template-columns: 4.35rem minmax(0, 1fr);
      padding: 0.34rem 0.42rem;
    }
    .claims-party-name, .claims-party-line--claimant .claims-party-name {
      font-size: 0.74rem;
    }
    .claims-table__cell--amounts {
      grid-area: amounts;
      align-self: start;
      text-align: right;
    }
    .claims-table__cell--amounts::before {
      content: none !important;
    }
    .claims-money-cell {
      display: grid;
      grid-template-columns: minmax(0, 1fr);
      width: auto;
      min-width: 6.7rem;
      gap: 0.12rem;
      justify-items: end;
      padding: 0.36rem 0.48rem;
    }
    .claims-money-total {
      justify-self: end;
    }
    .claims-table__cell--operation {
      grid-area: operation;
      padding-top: 0.34rem;
    }
    .claims-operation-cell {
      gap: 0.34rem;
    }
    .claims-table__cell--operation::before {
      margin-bottom: 0.3rem;
    }
    .claims-action-stack {
      gap: 0.32rem;
    }
    .claims-action-chip {
      border-radius: 8px;
      padding: 0.42rem 0.5rem;
      font-size: 0.68rem;
    }
    .claims-action-dot {
      margin-top: 0.31rem;
    }
    .claims-action-label {
      -webkit-line-clamp: 3;
    }
    .claims-action-assignee, .claims-action-more, .claims-action-fallback {
      font-size: 0.64rem;
    }
    .claims-row-owner-mark {
      width: min(100%, 14rem);
      max-width: 100%;
      border-radius: 8px;
      padding: 0.22rem 0.42rem;
    }
    .claims-table__assignee-empty {
      width: min(100%, 14rem);
    }
    .claims-row-owner-name {
      font-size: 0.68rem;
    }
    .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.5rem;
      font-size: 0.72rem;
    }
    .claims-table__empty {
      display: block;
      padding: 1rem;
    }
    .modal-overlay, .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, .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 {
      right: 0.5rem;
      bottom: calc(0.5rem + env(safe-area-inset-bottom, 0px));
    }
    #notifications-toggle {
      min-height: 2.25rem;
      border-radius: 999px;
      padding: 0.45rem 0.68rem;
      font-size: 0.74rem;
      line-height: 1;
    }
    #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;
  }
}
@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-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-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-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-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;
    }
  }
}