/*! tailwindcss v4.2.3 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --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-500: oklch(63.7% 0.237 25.331);
    --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-red-950: oklch(25.8% 0.092 26.042);
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-800: oklch(47.3% 0.137 46.201);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-amber-950: oklch(27.9% 0.077 45.635);
    --color-green-50: oklch(98.2% 0.018 155.826);
    --color-green-200: oklch(92.5% 0.084 155.995);
    --color-green-800: oklch(44.8% 0.119 151.328);
    --color-sky-50: oklch(97.7% 0.013 236.62);
    --color-sky-200: oklch(90.1% 0.058 230.902);
    --color-sky-900: oklch(39.1% 0.09 240.876);
    --color-sky-950: oklch(29.3% 0.066 243.157);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-rose-950: oklch(27.1% 0.105 12.094);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-800: oklch(27.9% 0.041 260.031);
    --color-zinc-50: oklch(98.5% 0 0);
    --color-zinc-100: oklch(96.7% 0.001 286.375);
    --color-zinc-200: oklch(92% 0.004 286.32);
    --color-zinc-300: oklch(87.1% 0.006 286.286);
    --color-zinc-400: oklch(70.5% 0.015 286.067);
    --color-zinc-500: oklch(55.2% 0.016 285.938);
    --color-zinc-600: oklch(44.2% 0.017 285.786);
    --color-zinc-700: oklch(37% 0.013 285.805);
    --color-zinc-800: oklch(27.4% 0.006 286.033);
    --color-zinc-900: oklch(21% 0.006 285.885);
    --color-zinc-950: oklch(14.1% 0.005 285.823);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-sm: 24rem;
    --container-2xl: 42rem;
    --container-3xl: 48rem;
    --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);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --tracking-tight: -0.025em;
    --tracking-wide: 0.025em;
    --leading-tight: 1.25;
    --leading-relaxed: 1.625;
    --radius-2xl: 1rem;
    --animate-spin: spin 1s linear infinite;
    --animate-pulse: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
    --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(--qui-font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .collapse {
    visibility: collapse;
  }
  .invisible {
    visibility: hidden;
  }
  .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-y-0 {
    inset-block: calc(var(--spacing) * 0);
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .top-1\.5 {
    top: calc(var(--spacing) * 1.5);
  }
  .top-20 {
    top: calc(var(--spacing) * 20);
  }
  .right-1\.5 {
    right: calc(var(--spacing) * 1.5);
  }
  .right-4 {
    right: calc(var(--spacing) * 4);
  }
  .bottom-1 {
    bottom: calc(var(--spacing) * 1);
  }
  .bottom-4 {
    bottom: calc(var(--spacing) * 4);
  }
  .left-0 {
    left: calc(var(--spacing) * 0);
  }
  .left-1 {
    left: calc(var(--spacing) * 1);
  }
  .left-4 {
    left: calc(var(--spacing) * 4);
  }
  .z-20 {
    z-index: 20;
  }
  .z-30 {
    z-index: 30;
  }
  .z-50 {
    z-index: 50;
  }
  .z-\[49\] {
    z-index: 49;
  }
  .z-\[50\] {
    z-index: 50;
  }
  .z-\[60\] {
    z-index: 60;
  }
  .z-\[9999\] {
    z-index: 9999;
  }
  .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-6 {
    margin: calc(var(--spacing) * -6);
  }
  .m-6 {
    margin: calc(var(--spacing) * 6);
  }
  .mx-auto {
    margin-inline: auto;
  }
  .mt-0\.5 {
    margin-top: calc(var(--spacing) * 0.5);
  }
  .mt-1 {
    margin-top: calc(var(--spacing) * 1);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-4 {
    margin-top: calc(var(--spacing) * 4);
  }
  .mt-5 {
    margin-top: calc(var(--spacing) * 5);
  }
  .mt-8 {
    margin-top: calc(var(--spacing) * 8);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .inline-flex {
    display: inline-flex;
  }
  .inline-grid {
    display: inline-grid;
  }
  .table {
    display: table;
  }
  .h-2 {
    height: calc(var(--spacing) * 2);
  }
  .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-7 {
    height: calc(var(--spacing) * 7);
  }
  .h-8 {
    height: calc(var(--spacing) * 8);
  }
  .h-10 {
    height: calc(var(--spacing) * 10);
  }
  .h-12 {
    height: calc(var(--spacing) * 12);
  }
  .h-14 {
    height: calc(var(--spacing) * 14);
  }
  .h-32 {
    height: calc(var(--spacing) * 32);
  }
  .h-\[calc\(100\%\+3rem\)\] {
    height: calc(100% + 3rem);
  }
  .h-dvh {
    height: 100dvh;
  }
  .h-full {
    height: 100%;
  }
  .min-h-0 {
    min-height: calc(var(--spacing) * 0);
  }
  .min-h-36 {
    min-height: calc(var(--spacing) * 36);
  }
  .min-h-40 {
    min-height: calc(var(--spacing) * 40);
  }
  .min-h-56 {
    min-height: calc(var(--spacing) * 56);
  }
  .min-h-dvh {
    min-height: 100dvh;
  }
  .min-h-full {
    min-height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-0\.5 {
    width: calc(var(--spacing) * 0.5);
  }
  .w-1\/2 {
    width: calc(1 / 2 * 100%);
  }
  .w-2 {
    width: calc(var(--spacing) * 2);
  }
  .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-7 {
    width: calc(var(--spacing) * 7);
  }
  .w-8 {
    width: calc(var(--spacing) * 8);
  }
  .w-10 {
    width: calc(var(--spacing) * 10);
  }
  .w-11 {
    width: calc(var(--spacing) * 11);
  }
  .w-12 {
    width: calc(var(--spacing) * 12);
  }
  .w-14 {
    width: calc(var(--spacing) * 14);
  }
  .w-28 {
    width: calc(var(--spacing) * 28);
  }
  .w-\[5\.5rem\] {
    width: 5.5rem;
  }
  .w-\[18rem\] {
    width: 18rem;
  }
  .w-full {
    width: 100%;
  }
  .max-w-2xl {
    max-width: var(--container-2xl);
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-64 {
    max-width: calc(var(--spacing) * 64);
  }
  .max-w-\[86vw\] {
    max-width: 86vw;
  }
  .max-w-\[1120px\] {
    max-width: 1120px;
  }
  .max-w-full {
    max-width: 100%;
  }
  .max-w-sm {
    max-width: var(--container-sm);
  }
  .min-w-0 {
    min-width: calc(var(--spacing) * 0);
  }
  .min-w-\[18px\] {
    min-width: 18px;
  }
  .flex-1 {
    flex: 1;
  }
  .shrink {
    flex-shrink: 1;
  }
  .shrink-0 {
    flex-shrink: 0;
  }
  .shrink-0\! {
    flex-shrink: 0 !important;
  }
  .border-collapse {
    border-collapse: collapse;
  }
  .-translate-x-full {
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .translate-x-0 {
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .-rotate-90 {
    rotate: calc(90deg * -1);
  }
  .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);
  }
  .resize {
    resize: both;
  }
  .list-disc {
    list-style-type: disc;
  }
  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }
  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(min\(6\.5rem\,100\%\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(min(6.5rem, 100%),1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(min\(6rem\,100\%\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(min(6rem, 100%),1fr));
  }
  .grid-cols-\[repeat\(auto-fit\,minmax\(min\(8rem\,100\%\)\,1fr\)\)\] {
    grid-template-columns: repeat(auto-fit,minmax(min(8rem, 100%),1fr));
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .place-items-center {
    place-items: center;
  }
  .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-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .gap-6 {
    gap: calc(var(--spacing) * 6);
  }
  .space-y-1 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-2 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-3 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-4 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .space-y-6 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .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-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)));
    }
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-x-hidden {
    overflow-x: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[28px\] {
    border-radius: 28px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-lg {
    border-radius: var(--qui-radius-card);
  }
  .rounded-xl {
    border-radius: var(--qui-radius-large);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
  }
  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
  }
  .border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px;
  }
  .border-\[var\(--qui-border-subtle\)\] {
    border-color: var(--qui-border-subtle);
  }
  .border-\[var\(--qui-danger-border\)\] {
    border-color: var(--qui-danger-border);
  }
  .border-\[var\(--qui-warning-border\)\] {
    border-color: var(--qui-warning-border);
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-current {
    border-color: currentcolor;
  }
  .border-green-200 {
    border-color: var(--color-green-200);
  }
  .border-red-200 {
    border-color: var(--color-red-200);
  }
  .border-rose-200 {
    border-color: var(--color-rose-200);
  }
  .border-sky-200 {
    border-color: var(--color-sky-200);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-zinc-200 {
    border-color: var(--color-zinc-200);
  }
  .border-zinc-200\/80 {
    border-color: color-mix(in srgb, oklch(92% 0.004 286.32) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-zinc-200) 80%, transparent);
    }
  }
  .border-zinc-300 {
    border-color: var(--color-zinc-300);
  }
  .border-t-transparent {
    border-top-color: transparent;
  }
  .bg-\[var\(--qui-accent\)\] {
    background-color: var(--qui-accent);
  }
  .bg-\[var\(--qui-accent-soft\)\] {
    background-color: var(--qui-accent-soft);
  }
  .bg-\[var\(--qui-bg-canvas\)\] {
    background-color: var(--qui-bg-canvas);
  }
  .bg-\[var\(--qui-bg-muted\)\] {
    background-color: var(--qui-bg-muted);
  }
  .bg-\[var\(--qui-bg-surface\)\] {
    background-color: var(--qui-bg-surface);
  }
  .bg-\[var\(--qui-danger\)\] {
    background-color: var(--qui-danger);
  }
  .bg-\[var\(--qui-danger-soft\)\] {
    background-color: var(--qui-danger-soft);
  }
  .bg-\[var\(--qui-success\)\] {
    background-color: var(--qui-success);
  }
  .bg-\[var\(--qui-text-muted\)\] {
    background-color: var(--qui-text-muted);
  }
  .bg-\[var\(--qui-warning\)\] {
    background-color: var(--qui-warning);
  }
  .bg-\[var\(--qui-warning-soft\)\] {
    background-color: var(--qui-warning-soft);
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-green-50 {
    background-color: var(--color-green-50);
  }
  .bg-red-50 {
    background-color: var(--color-red-50);
  }
  .bg-red-500 {
    background-color: var(--color-red-500);
  }
  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }
  .bg-sky-50 {
    background-color: var(--color-sky-50);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-zinc-50 {
    background-color: var(--color-zinc-50);
  }
  .bg-zinc-50\/80 {
    background-color: color-mix(in srgb, oklch(98.5% 0 0) 80%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-50) 80%, transparent);
    }
  }
  .bg-zinc-50\/85 {
    background-color: color-mix(in srgb, oklch(98.5% 0 0) 85%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-50) 85%, transparent);
    }
  }
  .bg-zinc-50\/98 {
    background-color: color-mix(in srgb, oklch(98.5% 0 0) 98%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-50) 98%, transparent);
    }
  }
  .bg-zinc-100 {
    background-color: var(--color-zinc-100);
  }
  .bg-zinc-950\/20 {
    background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-950) 20%, transparent);
    }
  }
  .bg-zinc-950\/45 {
    background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 45%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-zinc-950) 45%, transparent);
    }
  }
  .fill-current {
    fill: currentcolor;
  }
  .stroke-current {
    stroke: currentcolor;
  }
  .p-2 {
    padding: calc(var(--spacing) * 2);
  }
  .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);
  }
  .px-1\.5 {
    padding-inline: calc(var(--spacing) * 1.5);
  }
  .px-2 {
    padding-inline: calc(var(--spacing) * 2);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .py-0\.5 {
    padding-block: calc(var(--spacing) * 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-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .py-6 {
    padding-block: calc(var(--spacing) * 6);
  }
  .py-10 {
    padding-block: calc(var(--spacing) * 10);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .pt-4 {
    padding-top: calc(var(--spacing) * 4);
  }
  .pt-6 {
    padding-top: calc(var(--spacing) * 6);
  }
  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2);
  }
  .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;
  }
  .font-heavy {
    font-family: var(--qui-font-heavy);
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .leading-5 {
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed);
  }
  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .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);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .break-all {
    word-break: break-all;
  }
  .whitespace-normal {
    white-space: normal;
  }
  .whitespace-nowrap\! {
    white-space: nowrap !important;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[var\(--qui-accent-text\)\] {
    color: var(--qui-accent-text);
  }
  .text-\[var\(--qui-danger\)\] {
    color: var(--qui-danger);
  }
  .text-\[var\(--qui-success\)\] {
    color: var(--qui-success);
  }
  .text-\[var\(--qui-text\)\] {
    color: var(--qui-text);
  }
  .text-\[var\(--qui-text-muted\)\] {
    color: var(--qui-text-muted);
  }
  .text-\[var\(--qui-text-strong\)\] {
    color: var(--qui-text-strong);
  }
  .text-\[var\(--qui-warning\)\] {
    color: var(--qui-warning);
  }
  .text-amber-800 {
    color: var(--color-amber-800);
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-green-800 {
    color: var(--color-green-800);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-red-700 {
    color: var(--color-red-700);
  }
  .text-red-800 {
    color: var(--color-red-800);
  }
  .text-red-900 {
    color: var(--color-red-900);
  }
  .text-rose-700 {
    color: var(--color-rose-700);
  }
  .text-sky-900 {
    color: var(--color-sky-900);
  }
  .text-slate-800 {
    color: var(--color-slate-800);
  }
  .text-white {
    color: var(--color-white);
  }
  .text-zinc-500 {
    color: var(--color-zinc-500);
  }
  .text-zinc-600 {
    color: var(--color-zinc-600);
  }
  .text-zinc-700 {
    color: var(--color-zinc-700);
  }
  .text-zinc-900 {
    color: var(--color-zinc-900);
  }
  .text-zinc-950 {
    color: var(--color-zinc-950);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .ordinal {
    --tw-ordinal: ordinal;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .tabular-nums {
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .opacity-70 {
    opacity: 70%;
  }
  .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\! {
    --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)) !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-2xl {
    --tw-shadow: 0 25px 50px -12px var(--tw-shadow-color, rgb(0 0 0 / 0.25));
    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);
  }
  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .filter {
    filter: var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .duration-300 {
    --tw-duration: 300ms;
    transition-duration: 300ms;
  }
  .hover\:bg-\[var\(--qui-bg-hover\)\] {
    &:hover {
      @media (hover: hover) {
        background-color: var(--qui-bg-hover);
      }
    }
  }
  .hover\:bg-white\/80 {
    &:hover {
      @media (hover: hover) {
        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);
        }
      }
    }
  }
  .hover\:bg-zinc-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-zinc-50);
      }
    }
  }
  .hover\:bg-zinc-100\/90 {
    &:hover {
      @media (hover: hover) {
        background-color: color-mix(in srgb, oklch(96.7% 0.001 286.375) 90%, transparent);
        @supports (color: color-mix(in lab, red, red)) {
          background-color: color-mix(in oklab, var(--color-zinc-100) 90%, transparent);
        }
      }
    }
  }
  .hover\:text-zinc-900 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-zinc-900);
      }
    }
  }
  .hover\:opacity-100 {
    &:hover {
      @media (hover: hover) {
        opacity: 100%;
      }
    }
  }
  .sm\:left-auto {
    @media (width >= 40rem) {
      left: auto;
    }
  }
  .sm\:w-80 {
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 80);
    }
  }
  .sm\:grid-cols-2 {
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .md\:flex {
    @media (width >= 48rem) {
      display: flex;
    }
  }
  .md\:grid {
    @media (width >= 48rem) {
      display: grid;
    }
  }
  .md\:hidden {
    @media (width >= 48rem) {
      display: none;
    }
  }
  .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-\[minmax\(0\,1fr\)_auto\] {
    @media (width >= 48rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .md\:items-end {
    @media (width >= 48rem) {
      align-items: flex-end;
    }
  }
  .md\:px-6 {
    @media (width >= 48rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .lg\:flex {
    @media (width >= 64rem) {
      display: flex;
    }
  }
  .lg\:hidden {
    @media (width >= 64rem) {
      display: none;
    }
  }
  .lg\:inline-flex {
    @media (width >= 64rem) {
      display: inline-flex;
    }
  }
  .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\:flex-row {
    @media (width >= 64rem) {
      flex-direction: row;
    }
  }
  .lg\:items-start {
    @media (width >= 64rem) {
      align-items: flex-start;
    }
  }
  .lg\:justify-between {
    @media (width >= 64rem) {
      justify-content: space-between;
    }
  }
  .lg\:p-6 {
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 6);
    }
  }
  .lg\:px-6 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 6);
    }
  }
  .lg\:px-8 {
    @media (width >= 64rem) {
      padding-inline: calc(var(--spacing) * 8);
    }
  }
  .lg\:py-5 {
    @media (width >= 64rem) {
      padding-block: calc(var(--spacing) * 5);
    }
  }
  .xl\:w-\[340px\] {
    @media (width >= 80rem) {
      width: 340px;
    }
  }
  .xl\:flex-row {
    @media (width >= 80rem) {
      flex-direction: row;
    }
  }
  .xl\:border-t-0 {
    @media (width >= 80rem) {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
  }
  .xl\:border-l {
    @media (width >= 80rem) {
      border-left-style: var(--tw-border-style);
      border-left-width: 1px;
    }
  }
  .xl\:px-12 {
    @media (width >= 80rem) {
      padding-inline: calc(var(--spacing) * 12);
    }
  }
  .dark\:block {
    &:where(.dark, .dark *) {
      display: block;
    }
  }
  .dark\:hidden {
    &:where(.dark, .dark *) {
      display: none;
    }
  }
  .dark\:border-amber-900\/60 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(41.4% 0.112 45.904) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-amber-900) 60%, transparent);
      }
    }
  }
  .dark\:border-red-900\/60 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(39.6% 0.141 25.723) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-red-900) 60%, transparent);
      }
    }
  }
  .dark\:border-rose-900\/60 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(41% 0.159 10.272) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-rose-900) 60%, transparent);
      }
    }
  }
  .dark\:border-sky-900\/60 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(39.1% 0.09 240.876) 60%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-sky-900) 60%, transparent);
      }
    }
  }
  .dark\:border-zinc-700 {
    &:where(.dark, .dark *) {
      border-color: var(--color-zinc-700);
    }
  }
  .dark\:border-zinc-800 {
    &:where(.dark, .dark *) {
      border-color: var(--color-zinc-800);
    }
  }
  .dark\:border-zinc-800\/80 {
    &:where(.dark, .dark *) {
      border-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 80%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        border-color: color-mix(in oklab, var(--color-zinc-800) 80%, transparent);
      }
    }
  }
  .dark\:bg-amber-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.9% 0.077 45.635) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-amber-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-red-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-red-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(25.8% 0.092 26.042) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-red-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-rose-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(27.1% 0.105 12.094) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-rose-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-sky-950\/30 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(29.3% 0.066 243.157) 30%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-950) 30%, transparent);
      }
    }
  }
  .dark\:bg-zinc-900 {
    &:where(.dark, .dark *) {
      background-color: var(--color-zinc-900);
    }
  }
  .dark\:bg-zinc-950 {
    &:where(.dark, .dark *) {
      background-color: var(--color-zinc-950);
    }
  }
  .dark\:bg-zinc-950\/40 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 40%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-zinc-950) 40%, transparent);
      }
    }
  }
  .dark\:bg-zinc-950\/70 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 70%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-zinc-950) 70%, transparent);
      }
    }
  }
  .dark\:bg-zinc-950\/98 {
    &:where(.dark, .dark *) {
      background-color: color-mix(in srgb, oklch(14.1% 0.005 285.823) 98%, transparent);
      @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-zinc-950) 98%, transparent);
      }
    }
  }
  .dark\:text-amber-200 {
    &:where(.dark, .dark *) {
      color: var(--color-amber-200);
    }
  }
  .dark\:text-red-200 {
    &:where(.dark, .dark *) {
      color: var(--color-red-200);
    }
  }
  .dark\:text-red-300 {
    &:where(.dark, .dark *) {
      color: var(--color-red-300);
    }
  }
  .dark\:text-red-400 {
    &:where(.dark, .dark *) {
      color: var(--color-red-400);
    }
  }
  .dark\:text-rose-200 {
    &:where(.dark, .dark *) {
      color: var(--color-rose-200);
    }
  }
  .dark\:text-sky-200 {
    &:where(.dark, .dark *) {
      color: var(--color-sky-200);
    }
  }
  .dark\:text-white {
    &:where(.dark, .dark *) {
      color: var(--color-white);
    }
  }
  .dark\:text-zinc-50 {
    &:where(.dark, .dark *) {
      color: var(--color-zinc-50);
    }
  }
  .dark\:text-zinc-100 {
    &:where(.dark, .dark *) {
      color: var(--color-zinc-100);
    }
  }
  .dark\:text-zinc-200 {
    &:where(.dark, .dark *) {
      color: var(--color-zinc-200);
    }
  }
  .dark\:text-zinc-300 {
    &:where(.dark, .dark *) {
      color: var(--color-zinc-300);
    }
  }
  .dark\:text-zinc-400 {
    &:where(.dark, .dark *) {
      color: var(--color-zinc-400);
    }
  }
  .dark\:hover\:bg-zinc-800 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: var(--color-zinc-800);
        }
      }
    }
  }
  .dark\:hover\:bg-zinc-800\/80 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(27.4% 0.006 286.033) 80%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-zinc-800) 80%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:bg-zinc-900\/80 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          background-color: color-mix(in srgb, oklch(21% 0.006 285.885) 80%, transparent);
          @supports (color: color-mix(in lab, red, red)) {
            background-color: color-mix(in oklab, var(--color-zinc-900) 80%, transparent);
          }
        }
      }
    }
  }
  .dark\:hover\:text-zinc-50 {
    &:where(.dark, .dark *) {
      &:hover {
        @media (hover: hover) {
          color: var(--color-zinc-50);
        }
      }
    }
  }
  .\[\&\>\.qui-records-shell-grid\]\:hidden {
    &>.qui-records-shell-grid {
      display: none;
    }
  }
  .md\:\[\&\>\.qui-records-shell-grid\]\:block {
    @media (width >= 48rem) {
      &>.qui-records-shell-grid {
        display: block;
      }
    }
  }
  .\[\&\>\.qui-records-shell-mobile\]\:block {
    &>.qui-records-shell-mobile {
      display: block;
    }
  }
  .md\:\[\&\>\.qui-records-shell-mobile\]\:hidden {
    @media (width >= 48rem) {
      &>.qui-records-shell-mobile {
        display: none;
      }
    }
  }
}
@font-face {
  font-family: "Creato Display Regular";
  src: url("/fonts/CreatoDisplay-Regular.woff") format("woff");
  font-style: normal;
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display Medium";
  src: url("/fonts/CreatoDisplay-Medium.woff2") format("woff2"), url("/fonts/CreatoDisplay-Medium.woff") format("woff");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}
@font-face {
  font-family: "Creato Display Bold";
  src: url("/fonts/CreatoDisplay-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
@font-face {
  font-family: "Aptos";
  src: url("/fonts/Aptos.woff2") format("woff2");
  font-style: normal;
  font-weight: 700;
  font-display: swap;
}
:root {
  --qui-auth-canvas-radius: 1.5rem;
  --qui-auth-canvas-left-shadow: -0.48rem 0.12rem 1.05rem -0.64rem rgb(15 23 42 / 0.24);
  --qui-auth-canvas-top-shadow: rgb(15 23 42 / 0.18);
  --qui-module-sidebar-width: 14rem;
}
@layer base {
  :root {
    color-scheme: light;
    --qui-font-button: "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --qui-font-label: "Segoe UI Variable Text", "Segoe UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
    --qui-font-body: "Aptos", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    --qui-font-heavy: "Creato Display Bold", "Creato Display Medium", ui-sans-serif, system-ui, sans-serif;
    --qui-font-heavy-medium: "Creato Display Medium", "Creato Display Bold", ui-sans-serif, system-ui, sans-serif;
    --qui-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
    --qui-font-size-xs: 0.6875rem;
    --qui-font-size-sm: 0.75rem;
    --qui-font-size-md: 0.8125rem;
    --qui-font-size-lg: 0.875rem;
    --qui-font-size-body: var(--qui-font-size-lg);
    --qui-line-height-tight: 1.25;
    --qui-line-height-body: 1.45;
    --qui-space-2xs: 0.125rem;
    --qui-space-xs: 0.25rem;
    --qui-space-sm: 0.375rem;
    --qui-space-md: 0.5rem;
    --qui-space-lg: 0.75rem;
    --qui-space-xl: 1rem;
    --qui-space-2xl: 1.5rem;
    --qui-space-3xl: 2rem;
    --qui-bg-canvas: #ffffff;
    --qui-bg-page: #ffffff;
    --qui-bg-surface: #fafafa;
    --qui-bg-raised: #f7f7f7;
    --qui-bg-muted: #f3f3f3;
    --qui-bg-hover: #f5f5f5;
    --qui-bg-selected: #eeeeee;
    --qui-bg-input: #fcfcfc;
    --qui-bg-input-hover: #ffffff;
    --qui-bg-overlay: rgb(0 0 0 / 0.28);
    --qui-bg-auth-footer: #03110d;
    --qui-text: #000000;
    --qui-text-strong: #000000;
    --qui-text-muted: #627087;
    --qui-text-subtle: #7d8aa0;
    --qui-text-placeholder: #969696;
    --qui-text-disabled: var(--qui-text-muted);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-text-disabled: color-mix(in srgb, var(--qui-text-muted) 70%, transparent);
    }
    --qui-text-inverse: #ffffff;
    --qui-border: #d6d6d6;
    --qui-border-strong: #b8b8b8;
    --qui-border-subtle: #ececec;
    --qui-accent: #1657f4;
    --qui-accent-hover: var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-accent-hover: color-mix(in srgb, var(--qui-accent) 88%, #000000);
    }
    --qui-accent-solid: var(--qui-accent);
    --qui-accent-solid-hover: var(--qui-accent-hover);
    --qui-accent-text: #1657f4;
    --qui-accent-text-hover: #0f49d7;
    --qui-accent-soft: var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-accent-soft: color-mix(in srgb, var(--qui-accent) 10%, var(--qui-bg-surface));
    }
    --qui-accent-border: var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-accent-border: color-mix(in srgb, var(--qui-accent) 36%, var(--qui-border));
    }
    --qui-control-border-hover: var(--qui-accent-text);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-control-border-hover: color-mix(in srgb, var(--qui-accent-text) 34%, var(--qui-border));
    }
    --qui-control-border-focus: var(--qui-accent-text);
    --qui-accent-contrast: #ffffff;
    --qui-accent-highlight: #7ee787;
    --qui-info: #2f6fb7;
    --qui-info-soft: #eaf4ff;
    --qui-info-border: #afd2f3;
    --qui-success: #12805c;
    --qui-success-soft: #e5f7ef;
    --qui-success-border: #9fd9c0;
    --qui-warning: #a15c07;
    --qui-warning-soft: #fff4df;
    --qui-warning-border: #f6cf8b;
    --qui-danger: #c83232;
    --qui-danger-soft: #fff0f0;
    --qui-danger-border: #f3b3b3;
    --qui-focus: var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-focus: color-mix(in srgb, var(--qui-accent) 36%, transparent);
    }
    --qui-radius-control: 0.25rem;
    --qui-radius-medium: 0.375rem;
    --qui-radius-card: 0.5rem;
    --qui-radius-large: 0.75rem;
    --qui-radius-panel: 0.5rem;
    --qui-radius-round: 999rem;
    --qui-control-size-compact: 2rem;
    --qui-control-size-small: 1.75rem;
    --qui-control-size-regular: 2.25rem;
    --qui-control-size-large: 2.5rem;
    --qui-control-size-touch: 2.75rem;
    --qui-icon-size-small: 0.875rem;
    --qui-icon-size-medium: 1rem;
    --qui-icon-size-large: 1.125rem;
    --qui-icon-size-xl: 1.25rem;
    --qui-shadow-sm: 0 0.0625rem 0.125rem rgb(15 23 42 / 0.06);
    --qui-shadow-md: 0 0.75rem 1.875rem rgb(15 23 42 / 0.1);
    --qui-shadow-lg: 0 1.5rem 4rem rgb(15 23 42 / 0.16);
    --qui-shadow-menu: 0 0.25rem 0.75rem rgb(15 23 42 / 0.14);
    --qui-shadow-panel-edge: 0 0 0.25rem rgb(15 23 42 / 0.20);
    --qui-shadow-panel-left: -0.25rem 0 0.5rem -0.25rem rgb(15 23 42 / 0.24);
    --qui-shadow-panel-right: 0.25rem 0 0.5rem -0.25rem rgb(15 23 42 / 0.24);
    --qui-shadow-button-hover: 0 0.125rem 0.25rem rgb(0 0 0 / 0.16);
    --qui-shadow-input-inset: inset 0 0.0625rem 0.125rem rgb(0 0 0 / 0.20);
    --qui-glass-menu-border: var(--qui-border-subtle);
    --qui-glass-menu-bg: var(--qui-bg-surface);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-glass-menu-bg: color-mix(in srgb, var(--qui-bg-surface) 96%, transparent);
    }
    --qui-glass-menu-shadow: var(--qui-shadow-lg);
    --qui-glass-menu-filter: blur(1.5rem);
    --qui-glass-menu-hover: var(--qui-bg-hover);
    --qui-glass-menu-sheen: transparent;
    --qui-glass-menu-row-shadow: none;
    --qui-glass-line: var(--qui-border-subtle);
    --qui-glass-strong: var(--qui-bg-surface);
    --qui-glass-soft: var(--qui-bg-surface);
    --qui-glass-highlight: var(--qui-border-subtle);
    --qui-glass-bg: var(--qui-bg-surface);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-glass-bg: color-mix(in srgb, var(--qui-bg-surface) 82%, transparent);
    }
    --qui-glass-filter: blur(1.75rem) saturate(1.4);
    --qui-glass-left-shadow: -1.5rem 0 2.625rem rgb(15 23 42 / 0.18);
    --qui-shell-surface: var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-surface: color-mix(in srgb, var(--qui-accent) 2%, var(--qui-bg-surface));
    }
    --qui-shell-surface-strong: var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-surface-strong: color-mix(in srgb, var(--qui-accent) 3%, var(--qui-bg-surface));
    }
    --qui-shell-surface-border: var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-surface-border: color-mix(in srgb, var(--qui-accent) 8%, var(--qui-border-subtle));
    }
    --qui-shell-surface-filter: blur(1.25rem) saturate(1.12);
    --qui-shell-header-filter: blur(0.75rem) saturate(1.08);
    --qui-shell-header-shadow: 0 0.3rem 0.9rem -0.25rem rgb(15 23 42 / 0.18);
    --qui-shell-shadow-down: 0 2.5rem 5.5rem rgb(15 23 42 / 0.28), 0 0.75rem 1.75rem rgb(15 23 42 / 0.16), 0 0.35rem 1.25rem var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-shadow-down: 0 2.5rem 5.5rem rgb(15 23 42 / 0.28), 0 0.75rem 1.75rem rgb(15 23 42 / 0.16), 0 0.35rem 1.25rem color-mix(in srgb, var(--qui-accent) 14%, transparent);
    }
    --qui-shell-shadow-right: 2rem 0 4.5rem rgb(15 23 42 / 0.30), 0.75rem 0 1.75rem rgb(15 23 42 / 0.18), 0.35rem 0 1.25rem var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-shadow-right: 2rem 0 4.5rem rgb(15 23 42 / 0.30), 0.75rem 0 1.75rem rgb(15 23 42 / 0.18), 0.35rem 0 1.25rem color-mix(in srgb, var(--qui-accent) 14%, transparent);
    }
    --qui-shell-shadow-left: -2rem 0 4.5rem rgb(15 23 42 / 0.30), -0.75rem 0 1.75rem rgb(15 23 42 / 0.18), -0.35rem 0 1.25rem var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-shadow-left: -2rem 0 4.5rem rgb(15 23 42 / 0.30), -0.75rem 0 1.75rem rgb(15 23 42 / 0.18), -0.35rem 0 1.25rem color-mix(in srgb, var(--qui-accent) 14%, transparent);
    }
    --qui-shell-filter-shadow-down: drop-shadow(0 1.25rem 2rem rgb(15 23 42 / 0.24)) drop-shadow(0 0.35rem 0.75rem var(--qui-accent));
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-filter-shadow-down: drop-shadow(0 1.25rem 2rem rgb(15 23 42 / 0.24)) drop-shadow(0 0.35rem 0.75rem color-mix(in srgb, var(--qui-accent) 18%, transparent));
    }
    --qui-shell-filter-shadow-right: drop-shadow(1.25rem 0 2rem rgb(15 23 42 / 0.24)) drop-shadow(0.35rem 0 0.75rem var(--qui-accent));
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-filter-shadow-right: drop-shadow(1.25rem 0 2rem rgb(15 23 42 / 0.24)) drop-shadow(0.35rem 0 0.75rem color-mix(in srgb, var(--qui-accent) 18%, transparent));
    }
    --qui-shell-filter-shadow-left: drop-shadow(-1.25rem 0 2rem rgb(15 23 42 / 0.24)) drop-shadow(-0.35rem 0 0.75rem var(--qui-accent));
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-filter-shadow-left: drop-shadow(-1.25rem 0 2rem rgb(15 23 42 / 0.24)) drop-shadow(-0.35rem 0 0.75rem color-mix(in srgb, var(--qui-accent) 18%, transparent));
    }
    --qui-shell-overlay-light: var(--qui-bg-overlay);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-overlay-light: color-mix(in srgb, var(--qui-bg-overlay) 22%, transparent);
    }
    --qui-shell-overlay-medium: var(--qui-bg-overlay);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-overlay-medium: color-mix(in srgb, var(--qui-bg-overlay) 34%, transparent);
    }
    --qui-overlay-blur-light: 0.25rem;
    --qui-overlay-blur-medium: 0.5rem;
    --qui-motion-fast: 160ms;
    --qui-motion-medium: 240ms;
    --qui-motion-panel: 400ms;
    --qui-motion-morph: 520ms;
    --qui-motion-exit: 220ms;
    --qui-ease-standard: cubic-bezier(0.2, 0, 0, 1);
    --qui-ease-enter: cubic-bezier(0.22, 0.61, 0.36, 1);
    --qui-ease-morph: cubic-bezier(0.22, 0.61, 0.36, 1);
    --qui-ease-exit: cubic-bezier(0.4, 0, 1, 1);
    --qui-shell-header-height: 3.5rem;
    --qui-shell-rail-width: 3.5rem;
    --qui-panel-padding-x: var(--qui-space-3xl);
    --qui-shell-control-size: var(--qui-control-size-large);
    --qui-input-height: var(--qui-control-size-regular);
    --qui-input-height-compact: var(--qui-control-size-compact);
    --qui-input-padding-x: 0.75rem;
    --qui-field-gap: 0.375rem;
    --qui-choice-size: 1.125rem;
    --qui-choice-checked-bg: var(--qui-accent-text);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-choice-checked-bg: color-mix(in srgb, var(--qui-accent-text) 52%, #000000);
    }
    --qui-choice-checked-fg: #ffffff;
    --qui-control-focus-shadow: 0 0 0 0.125rem var(--qui-focus);
    --qui-table-header-height: 2.125rem;
    --qui-table-row-height: 2.5rem;
    --qui-table-menu-x: 4rem;
    --qui-table-menu-y: 8rem;
    --qui-z-shell: 20;
    --qui-z-sticky: 30;
    --qui-z-dropdown: 40;
    --qui-z-popover: 50;
    --qui-z-panel: 60;
    --qui-z-overlay: 70;
    --qui-z-modal: 90;
    --qui-z-toast: 100;
    --qui-z-system: 1000;
    --qui-z-canvas: 2;
    --qui-z-record-root: 0;
    --qui-z-record-viewport: 1;
    --qui-z-record-controls: 2;
    --qui-z-record-cell: 1;
    --qui-z-record-frozen: 5;
    --qui-z-record-selector: 6;
    --qui-z-record-header: 10;
    --qui-shell-action-icon-size: 1.5rem;
    --qui-record-tab-surface: var(--qui-bg-muted);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-record-tab-surface: color-mix(in srgb, var(--qui-bg-muted) 46%, var(--qui-bg-surface));
    }
    --qui-record-content-gutter: 1rem;
  }
  html.dark {
    color-scheme: dark;
    --qui-bg-canvas: #121212;
    --qui-bg-page: #141414;
    --qui-bg-surface: #181818;
    --qui-bg-raised: #1e1e1e;
    --qui-bg-muted: #232323;
    --qui-bg-hover: #272727;
    --qui-bg-selected: #2d2d2d;
    --qui-bg-input: #141414;
    --qui-bg-input-hover: #181818;
    --qui-bg-overlay: rgb(0 0 0 / 0.62);
    --qui-text: #ffffff;
    --qui-text-strong: #ffffff;
    --qui-text-muted: #c5c5c5;
    --qui-text-subtle: #9d9d9d;
    --qui-text-placeholder: #72777d;
    --qui-border: #343434;
    --qui-border-strong: #4a4a4a;
    --qui-border-subtle: #282828;
    --qui-accent: #1657f4;
    --qui-accent-hover: #0f49d7;
    --qui-accent-solid: var(--qui-accent);
    --qui-accent-solid-hover: var(--qui-accent-hover);
    --qui-accent-text: #6d94ff;
    --qui-accent-text-hover: #91abff;
    --qui-accent-soft: var(--qui-accent-text);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-accent-soft: color-mix(in srgb, var(--qui-accent-text) 18%, var(--qui-bg-surface));
    }
    --qui-accent-border: var(--qui-accent-text);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-accent-border: color-mix(in srgb, var(--qui-accent-text) 44%, var(--qui-border));
    }
    --qui-control-border-hover: var(--qui-accent-text);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-control-border-hover: color-mix(in srgb, var(--qui-accent-text) 42%, var(--qui-border));
    }
    --qui-control-border-focus: var(--qui-accent-text);
    --qui-accent-contrast: #ffffff;
    --qui-info: #8fc4ff;
    --qui-info-soft: rgb(143 196 255 / 0.15);
    --qui-info-border: rgb(143 196 255 / 0.4);
    --qui-success: #55c79d;
    --qui-success-soft: rgb(85 199 157 / 0.14);
    --qui-success-border: rgb(85 199 157 / 0.38);
    --qui-warning: #f0bd62;
    --qui-warning-soft: rgb(240 189 98 / 0.15);
    --qui-warning-border: rgb(240 189 98 / 0.38);
    --qui-danger: #ff8c8c;
    --qui-danger-soft: rgb(255 140 140 / 0.14);
    --qui-danger-border: rgb(255 140 140 / 0.38);
    --qui-focus: var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-focus: color-mix(in srgb, var(--qui-accent) 44%, transparent);
    }
    --qui-shadow-sm: 0 0.0625rem 0.125rem rgb(0 0 0 / 0.25);
    --qui-shadow-md: 0 0.75rem 1.875rem rgb(0 0 0 / 0.32);
    --qui-shadow-lg: 0 1.5rem 4rem rgb(0 0 0 / 0.44);
    --qui-shadow-menu: 0 0.25rem 0.75rem rgb(0 0 0 / 0.30);
    --qui-shadow-panel-edge: 0 0 0.25rem rgb(0 0 0 / 0.38);
    --qui-shadow-panel-left: -0.25rem 0 0.5rem -0.25rem rgb(0 0 0 / 0.46);
    --qui-shadow-panel-right: 0.25rem 0 0.5rem -0.25rem rgb(0 0 0 / 0.46);
    --qui-shadow-button-hover: 0 0.125rem 0.25rem rgb(0 0 0 / 0.42);
    --qui-shadow-input-inset: inset 0 0.0625rem 0.125rem rgb(0 0 0 / 0.20), inset 0 -0.0625rem 0 rgb(255 255 255 / 0.035);
    --qui-shell-header-shadow: 0 0.25rem 1.25rem rgb(0 0 0 / 0.22);
    --qui-shell-shadow-down: 0 2.75rem 6rem rgb(0 0 0 / 0.48), 0 0.875rem 2rem rgb(0 0 0 / 0.28), 0 0.4rem 1.5rem var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-shadow-down: 0 2.75rem 6rem rgb(0 0 0 / 0.48), 0 0.875rem 2rem rgb(0 0 0 / 0.28), 0 0.4rem 1.5rem color-mix(in srgb, var(--qui-accent) 16%, transparent);
    }
    --qui-shell-shadow-right: 2.25rem 0 5rem rgb(0 0 0 / 0.50), 0.875rem 0 2rem rgb(0 0 0 / 0.30), 0.4rem 0 1.5rem var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-shadow-right: 2.25rem 0 5rem rgb(0 0 0 / 0.50), 0.875rem 0 2rem rgb(0 0 0 / 0.30), 0.4rem 0 1.5rem color-mix(in srgb, var(--qui-accent) 16%, transparent);
    }
    --qui-shell-shadow-left: -2.25rem 0 5rem rgb(0 0 0 / 0.50), -0.875rem 0 2rem rgb(0 0 0 / 0.30), -0.4rem 0 1.5rem var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-shadow-left: -2.25rem 0 5rem rgb(0 0 0 / 0.50), -0.875rem 0 2rem rgb(0 0 0 / 0.30), -0.4rem 0 1.5rem color-mix(in srgb, var(--qui-accent) 16%, transparent);
    }
    --qui-shell-filter-shadow-down: drop-shadow(0 1.4rem 2.25rem rgb(0 0 0 / 0.44)) drop-shadow(0 0.4rem 0.9rem var(--qui-accent));
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-filter-shadow-down: drop-shadow(0 1.4rem 2.25rem rgb(0 0 0 / 0.44)) drop-shadow(0 0.4rem 0.9rem color-mix(in srgb, var(--qui-accent) 20%, transparent));
    }
    --qui-shell-filter-shadow-right: drop-shadow(1.4rem 0 2.25rem rgb(0 0 0 / 0.44)) drop-shadow(0.4rem 0 0.9rem var(--qui-accent));
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-filter-shadow-right: drop-shadow(1.4rem 0 2.25rem rgb(0 0 0 / 0.44)) drop-shadow(0.4rem 0 0.9rem color-mix(in srgb, var(--qui-accent) 20%, transparent));
    }
    --qui-shell-filter-shadow-left: drop-shadow(-1.4rem 0 2.25rem rgb(0 0 0 / 0.44)) drop-shadow(-0.4rem 0 0.9rem var(--qui-accent));
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-filter-shadow-left: drop-shadow(-1.4rem 0 2.25rem rgb(0 0 0 / 0.44)) drop-shadow(-0.4rem 0 0.9rem color-mix(in srgb, var(--qui-accent) 20%, transparent));
    }
  }
  html[data-qui-accent="blue"] {
    --qui-accent: #1657f4;
    --qui-accent-hover: #0f49d7;
    --qui-accent-text: #1657f4;
    --qui-accent-text-hover: #0f49d7;
    --qui-accent-contrast: #ffffff;
  }
  html[data-qui-accent="cyan"], html[data-qui-accent="indigo"] {
    --qui-accent: #7adcfb;
    --qui-accent-hover: #5bccea;
    --qui-accent-text: #167c9c;
    --qui-accent-text-hover: #0f6682;
    --qui-accent-border: #167c9c;
    @supports (color: color-mix(in lab, red, red)) {
      --qui-accent-border: color-mix(in srgb, #167c9c 34%, var(--qui-border));
    }
    --qui-focus: rgb(22 124 156 / 0.30);
    --qui-accent-contrast: #101010;
  }
  html[data-qui-accent="beige"], html[data-qui-accent="purple"] {
    --qui-accent: #dec8a3;
    --qui-accent-hover: #fff8e7;
    --qui-accent-solid: #dec8a3;
    --qui-accent-solid-hover: #fff8e7;
    --qui-accent-text: #765a38;
    --qui-accent-text-hover: #60482c;
    --qui-accent-soft: #faf3e4;
    --qui-accent-border: #cdb58c;
    --qui-focus: rgb(118 90 56 / 0.30);
    --qui-accent-contrast: #101010;
    --qui-shell-surface: #fffaf1;
    --qui-shell-surface-strong: #fff7eb;
    --qui-shell-surface-border: #eadbbf;
  }
  html[data-qui-accent="white"], html[data-qui-accent="emerald"] {
    --qui-accent: #000000;
    --qui-accent-hover: #242424;
    --qui-accent-text: #000000;
    --qui-accent-text-hover: #242424;
    --qui-accent-soft: var(--qui-bg-muted);
    --qui-accent-border: var(--qui-border-strong);
    --qui-focus: rgb(0 0 0 / 0.28);
    --qui-accent-contrast: #ffffff;
    --qui-shell-surface: var(--qui-bg-surface);
    --qui-shell-surface-strong: var(--qui-bg-surface);
    --qui-shell-surface-border: var(--qui-border-subtle);
  }
  html[data-qui-accent="gold"], html[data-qui-accent="lime"], html[data-qui-accent="orange"] {
    --qui-accent: #7ee787;
    --qui-accent-hover: #68d873;
    --qui-accent-text: #2e7a38;
    --qui-accent-text-hover: #24632d;
    --qui-accent-border: #2e7a38;
    @supports (color: color-mix(in lab, red, red)) {
      --qui-accent-border: color-mix(in srgb, #2e7a38 32%, var(--qui-border));
    }
    --qui-focus: rgb(46 122 56 / 0.30);
    --qui-accent-contrast: #101010;
  }
  html[data-qui-accent="amber"] {
    --qui-accent: #ffbf00;
    --qui-accent-hover: #e5aa00;
    --qui-accent-text: #8a6500;
    --qui-accent-text-hover: #6f5100;
    --qui-accent-border: #8a6500;
    @supports (color: color-mix(in lab, red, red)) {
      --qui-accent-border: color-mix(in srgb, #8a6500 34%, var(--qui-border));
    }
    --qui-focus: rgb(138 101 0 / 0.30);
    --qui-accent-contrast: #101010;
  }
  html[data-qui-accent="burgundy"], html[data-qui-accent="rose"] {
    --qui-accent: #800020;
    --qui-accent-hover: #99113a;
    --qui-accent-text: #800020;
    --qui-accent-text-hover: #99113a;
    --qui-accent-contrast: #ffffff;
  }
  html.dark[data-qui-accent="blue"] {
    --qui-accent: #1657f4;
    --qui-accent-hover: #0f49d7;
    --qui-accent-text: #6d94ff;
    --qui-accent-text-hover: #91abff;
    --qui-accent-contrast: #ffffff;
  }
  html.dark[data-qui-accent="cyan"], html.dark[data-qui-accent="indigo"] {
    --qui-accent: #7adcfb;
    --qui-accent-hover: #91e4ff;
    --qui-accent-text: #7adcfb;
    --qui-accent-text-hover: #a5e9ff;
    --qui-accent-border: #7adcfb;
    @supports (color: color-mix(in lab, red, red)) {
      --qui-accent-border: color-mix(in srgb, #7adcfb 46%, var(--qui-border));
    }
    --qui-focus: rgb(122 220 251 / 0.42);
    --qui-accent-contrast: #101010;
  }
  html.dark[data-qui-accent="beige"], html.dark[data-qui-accent="purple"] {
    --qui-accent: #dec8a3;
    --qui-accent-hover: #fff8e7;
    --qui-accent-solid: #dec8a3;
    --qui-accent-solid-hover: #fff8e7;
    --qui-accent-text: #e2c79e;
    --qui-accent-text-hover: #f0dec0;
    --qui-accent-soft: #dec8a3;
    @supports (color: color-mix(in lab, red, red)) {
      --qui-accent-soft: color-mix(in srgb, #dec8a3 16%, var(--qui-bg-surface));
    }
    --qui-accent-border: #e2c79e;
    @supports (color: color-mix(in lab, red, red)) {
      --qui-accent-border: color-mix(in srgb, #e2c79e 42%, var(--qui-border));
    }
    --qui-focus: rgb(222 200 163 / 0.38);
    --qui-accent-contrast: #101010;
    --qui-shell-surface: #dec8a3;
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-surface: color-mix(in srgb, #dec8a3 3%, var(--qui-bg-surface));
    }
    --qui-shell-surface-strong: #dec8a3;
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-surface-strong: color-mix(in srgb, #dec8a3 5%, var(--qui-bg-surface));
    }
    --qui-shell-surface-border: #e2c79e;
    @supports (color: color-mix(in lab, red, red)) {
      --qui-shell-surface-border: color-mix(in srgb, #e2c79e 12%, var(--qui-border-subtle));
    }
  }
  html.dark[data-qui-accent="white"], html.dark[data-qui-accent="emerald"] {
    --qui-accent: #ffffff;
    --qui-accent-hover: #e6e6e6;
    --qui-accent-text: #ffffff;
    --qui-accent-text-hover: #e6e6e6;
    --qui-accent-soft: var(--qui-bg-muted);
    --qui-accent-border: var(--qui-border-strong);
    --qui-focus: rgb(255 255 255 / 0.32);
    --qui-accent-contrast: #101010;
    --qui-shell-surface: var(--qui-bg-surface);
    --qui-shell-surface-strong: var(--qui-bg-surface);
    --qui-shell-surface-border: var(--qui-border-subtle);
  }
  html.dark[data-qui-accent="gold"], html.dark[data-qui-accent="lime"], html.dark[data-qui-accent="orange"] {
    --qui-accent: #7ee787;
    --qui-accent-hover: #93ec9b;
    --qui-accent-text: #7ee787;
    --qui-accent-text-hover: #a2efa9;
    --qui-accent-contrast: #101010;
  }
  html.dark[data-qui-accent="amber"] {
    --qui-accent: #ffd65a;
    --qui-accent-hover: #ffe07d;
    --qui-accent-text: #ffd65a;
    --qui-accent-text-hover: #ffe58f;
    --qui-accent-border: #ffd65a;
    @supports (color: color-mix(in lab, red, red)) {
      --qui-accent-border: color-mix(in srgb, #ffd65a 46%, var(--qui-border));
    }
    --qui-focus: rgb(255 214 90 / 0.42);
    --qui-accent-contrast: #101010;
  }
  html.dark[data-qui-accent="burgundy"], html.dark[data-qui-accent="rose"] {
    --qui-accent: #a11d47;
    --qui-accent-hover: #bb2b59;
    --qui-accent-text: #e08aa5;
    --qui-accent-text-hover: #efa0b8;
    --qui-accent-border: #e08aa5;
    @supports (color: color-mix(in lab, red, red)) {
      --qui-accent-border: color-mix(in srgb, #e08aa5 44%, var(--qui-border));
    }
    --qui-focus: rgb(224 138 165 / 0.40);
    --qui-accent-contrast: #ffffff;
  }
  *, *::before, *::after {
    box-sizing: border-box;
  }
  html {
    min-width: 0;
    font-family: var(--qui-font-body);
    background: var(--qui-bg-canvas);
    color: var(--qui-text);
    min-height: 100%;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
  }
  body {
    min-width: 0;
    font-family: var(--qui-font-body);
    background: var(--qui-bg-canvas);
    color: var(--qui-text);
    min-height: 100vh;
    margin: 0;
    font-size: var(--qui-font-size-body);
    line-height: var(--qui-line-height-body);
  }
  h1:focus {
    outline: none;
  }
  input, textarea {
    font: inherit;
  }
  select {
    font: inherit;
    appearance: none;
    -webkit-appearance: none;
  }
  select:not(.qui-select):not(.qui-account-preference-select) {
    padding-right: var(--qui-space-3xl);
    background-image: linear-gradient(45deg, transparent 50%, var(--qui-text-muted) 50%), linear-gradient(135deg, var(--qui-text-muted) 50%, transparent 50%);
    background-position: calc(100% - 0.95rem) 50%, calc(100% - 0.65rem) 50%;
    background-repeat: no-repeat;
    background-size: 0.3rem 0.3rem;
  }
  select::-ms-expand {
    display: none;
  }
  button {
    font: inherit;
    cursor: pointer;
  }
  button:disabled, input:disabled, textarea:disabled, select:disabled {
    cursor: not-allowed;
  }
  a {
    color: var(--qui-accent-text);
    text-decoration: none;
  }
  a:hover {
    color: var(--qui-accent-text-hover);
    text-decoration: underline;
    text-underline-offset: 0.18em;
  }
  ::selection {
    background: var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--qui-accent) 24%, transparent);
    }
  }
  :focus-visible {
    outline: 2px solid var(--qui-focus);
    outline-offset: 2px;
  }
  h4, h5, h6, p {
    margin: 0;
  }
  h1, h2, h3 {
    margin: 0;
    color: var(--qui-text-strong);
  }
  strong {
    color: var(--qui-text-strong);
  }
  img, svg {
    display: block;
    max-width: 100%;
  }
}
.qui-app-bar.qui-workspace-page-actions {
  min-width: 0;
  width: 100%;
  overflow: visible;
}
.qui-workspace-page-actions .qui-app-bar-inner {
  padding: 0.45rem 0.65rem;
  min-width: 0;
}
.qui-workspace-page-actions .qui-command-bar {
  width: 100%;
  min-width: 0;
  gap: 0.5rem;
  justify-content: flex-start;
}
.qui-workspace-page-actions .qui-command-bar > :last-child {
  margin-inline-start: auto;
}
.qui-page-header.is-plain.has-subtitle .qui-page-header-subtitle {
  line-height: 1.35;
  font-size: var(--qui-font-size-md);
  white-space: normal;
  display: var(--qui-page-subtitle-display, block);
}
.qui-workspace-page-header.qui-module-overview-header .qui-page-header-leading {
  overflow: visible;
}
.qui-workspace-page-header.qui-module-overview-header .qui-overview-module-icon {
  display: block;
  width: 3.75rem;
  height: 3.75rem;
  flex: 0 0 auto;
}
.qui-workspace-page-actions .qui-record-page-actions {
  min-width: 0;
  max-width: 100%;
}
.qui-workspace-page-actions .qui-app-bar-inner > * {
  min-width: 0;
}
.qui-auth-layout {
  --qui-bg-canvas: #f4f7fb;
  --qui-bg-page: #f8fbff;
  --qui-bg-surface: #ffffff;
  --qui-bg-raised: #f7f7f7;
  --qui-bg-muted: #f3f3f3;
  --qui-bg-hover: #f5f5f5;
  --qui-bg-selected: #eeeeee;
  --qui-bg-input: #fcfcfc;
  --qui-bg-input-hover: #ffffff;
  --qui-text: #172033;
  --qui-text-strong: #0b1220;
  --qui-text-muted: #50617a;
  --qui-text-subtle: #6b7b91;
  --qui-text-placeholder: #7e8b9d;
  --qui-text-inverse: #ffffff;
  --qui-border: #d6d6d6;
  --qui-border-subtle: #ececec;
  --qui-border-strong: #b8b8b8;
  --qui-danger: #b42318;
  --qui-danger-soft: #fff4f3;
  --qui-danger-border: #f2b8b5;
  --qui-auth-link: #1657f4;
  --qui-auth-link-hover: #0f49d7;
  color-scheme: light;
  min-height: 100dvh;
  height: 100dvh;
  overflow-x: hidden;
  overflow-y: auto;
  background: linear-gradient(180deg, rgb(255 255 255 / 0.78), rgb(255 255 255 / 0.28) 19rem, rgb(255 255 255 / 0) 100%), linear-gradient(115deg, rgb(255 255 255 / 0.55), rgb(229 238 250 / 0.24) 46%, rgb(244 247 251 / 0) 100%), var(--qui-bg-canvas);
  color: var(--qui-text);
}
.qui-auth-layout > .qui-auth-layout-body {
  width: 100%;
  min-height: 100%;
}
.qui-auth-shell-inner {
  width: min(100%, 34rem);
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 0.78rem;
}
.qui-auth-shell-wide .qui-auth-shell-inner {
  width: min(100%, 40rem);
}
.qui-auth-logo-link {
  width: fit-content;
  display: inline-flex;
  align-self: center;
}
.qui-auth-logo {
  height: auto;
}
.qui-auth-heading {
  display: flex;
  flex-direction: column;
  gap: 0.28rem;
  text-align: center;
}
.qui-auth-heading h1 {
  font-family: var(--qui-font-heavy);
  font-size: 1.62rem;
  line-height: 1.18;
}
.qui-auth-heading p, .qui-auth-helper-text, .qui-auth-section-heading p {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-lg);
}
.qui-auth-section-heading {
  display: flex;
  flex-direction: column;
}
.qui-auth-section-heading h2 {
  margin: 0;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: 1rem;
  line-height: 1.3;
}
.qui-auth-card {
  display: flex;
  flex-direction: column;
  flex: 1 0 auto;
  gap: 0.68rem;
  padding: 1.1rem 1.2rem;
  border: 1px solid rgb(190 205 224 / 0.72);
  border-radius: var(--qui-radius-card);
  background: linear-gradient(180deg, rgb(255 255 255 / 0.88), rgb(255 255 255 / 0.78));
  background-clip: padding-box;
  box-shadow: 0 0.0625rem 0.125rem rgb(15 23 42 / 0.045), 0 0.625rem 1.375rem -1.25rem rgb(15 23 42 / 0.28), inset 0 0.0625rem 0 rgb(255 255 255 / 0.8);
  backdrop-filter: blur(1.125rem) saturate(1.04);
}
.qui-auth-inner-padding {
  padding: 1rem 2rem;
  text-align: left;
}
.qui-auth-stack.qui-auth-inner-padding {
  gap: 0.56rem;
}
.qui-auth-stack, .qui-auth-saved-account-list {
  display: flex;
  flex-direction: column;
  gap: 0.56rem;
}
.qui-auth-actions {
  display: flex;
  gap: 0.56rem;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
}
.qui-auth-shell .qui-form-grid {
  gap: 0.42rem var(--qui-space-lg);
}
.qui-auth-shell .qui-form-section-fields {
  gap: 0.42rem var(--qui-space-lg);
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.qui-auth-shell .qui-form-grid.is-1, .qui-auth-shell .qui-form-section {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}
.qui-auth-card > * {
  flex-shrink: 0;
}
.qui-auth-card-content {
  display: flex;
  flex-direction: column;
  gap: inherit;
}
.qui-auth-card-content > * {
  flex-shrink: 0;
}
.qui-auth-link-row {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qui-space-md);
  justify-content: center;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
}
.qui-auth-saved-account-secondary-text {
  display: inline-flex;
  flex-direction: row;
  gap: 1rem;
}
.qui-auth-saved-account-secondary-text span:not(:last-child)::after {
  content: "|";
  color: var(--qui-text-subtle);
  margin-left: 1rem;
}
.qui-auth-account-summary {
  width: 100%;
  min-height: 3.25rem;
  padding: 0.78rem 0.84rem;
  border-radius: var(--qui-radius-card);
  background: rgb(255 255 255 / 0.92);
  color: var(--qui-text);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  column-gap: 0.78rem;
  row-gap: 0.54rem;
}
.qui-auth-account-summary .qui-button-secondary {
  justify-self: start;
}
.qui-auth-account-summary-copy {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
  text-align: left;
}
.qui-auth-account-summary-copy strong {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: 0.92rem;
  line-height: 1.25;
}
.qui-auth-account-summary-copy > span {
  display: block;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
  line-height: 1.34;
}
.qui-auth-saved-account-row {
  width: 100%;
  min-height: 3.25rem;
  padding: 0.78rem 0.84rem;
  border-radius: var(--qui-radius-card);
  background: rgb(255 255 255 / 0.92);
  color: var(--qui-text);
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  column-gap: 0.76rem;
  row-gap: 0.46rem;
}
.qui-auth-method-button {
  width: 100%;
  padding: 0.78rem 0.84rem;
  border-radius: var(--qui-radius-card);
  background: rgb(255 255 255 / 0.92);
  color: var(--qui-text);
  display: flex;
  flex-direction: row;
  min-height: auto;
  gap: 0.18rem;
  align-items: center;
  text-align: left;
  white-space: normal;
  border: 1px solid;
  border-color: var(--qui-border);
}
.qui-auth-saved-account-select {
  flex: 1 1 auto;
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.68rem;
  text-align: left;
  border: 0;
  background: transparent;
  color: inherit;
  padding: 0;
}
.qui-auth-method-button:hover, .qui-auth-method-button.is-selected, .qui-auth-saved-account-row.is-selected {
  border-color: var(--qui-accent-border);
  background: #f7faff;
}
.qui-auth-method-title strong, .qui-auth-method-title .qui-badge {
  align-self: start;
}
.qui-auth-method-title small {
  display: block;
  width: 100%;
  align-self: start;
  color: var(--qui-text-muted);
  line-height: 1.34;
}
.qui-auth-saved-account-avatar {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-grid;
  place-items: center;
  border-radius: var(--qui-radius-round);
  background: #eaf1ff;
  color: var(--qui-accent-text);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-md);
}
.qui-auth-saved-account-copy {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
  text-align: left;
}
.qui-auth-saved-account-copy > span:not(.qui-auth-saved-account-meta), .qui-auth-saved-account-meta span {
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}
.qui-auth-saved-account-copy strong {
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: 0.92rem;
}
.qui-auth-saved-account-copy > span {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.38;
}
.qui-auth-saved-account-meta {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
  text-align: left;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.38;
  margin-top: 0.08rem;
}
.qui-auth-actions :is(.qui-button, .qui-button-secondary, .qui-control-button, .qui-action-subtle, .qui-action-danger) {
  width: auto;
  flex: none;
  justify-content: center;
}
.qui-auth-footer {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-lg);
  display: flex;
  flex-direction: column;
  gap: 0.42rem;
  align-items: center;
  text-align: center;
  margin-top: 3rem;
}
.qui-auth-footer-links, .qui-auth-language {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.32rem 0.52rem;
  line-height: 1.35;
}
.qui-auth-footer-primary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.32rem 0.52rem;
  line-height: 1.35;
  width: 100%;
}
.qui-auth-footer-primary > div {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.16rem 0.34rem;
}
.qui-auth-footer-secondary {
  width: 100%;
  max-width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.42rem;
  line-height: 1.35;
}
.qui-auth-language-select {
  min-height: 1.85rem;
  padding: 0 1.7rem 0 0.55rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-surface);
  background-color: var(--qui-bg-surface);
  color: var(--qui-text);
  font-size: var(--qui-font-size-md);
}
.qui-auth-shell .qui-field-label {
  margin: 0;
  line-height: 1.2;
}
.qui-auth-validation-summary {
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
  padding: 0.56rem 0.68rem;
  border: 1px solid var(--qui-danger-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-danger-soft);
  color: var(--qui-danger);
  font-size: var(--qui-font-size-md);
  line-height: 1.35;
}
.qui-auth-validation-summary ul {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  margin: 0;
  padding-left: var(--qui-space-xl);
}
.qui-auth-shell .qui-field {
  display: flex;
  flex-direction: column;
  gap: 0.14rem;
}
.qui-auth-shell .qui-field > .mt-1, .qui-auth-shell .qui-field > .validation-message, .qui-auth-shell .mt-1.block.text-sm.text-red-600, .qui-auth-shell .validation-message, .qui-auth-shell .field-validation-error {
  display: block;
  width: 100%;
  margin-top: 0;
  color: var(--qui-danger);
  font-size: var(--qui-font-size-sm);
  line-height: 1.24;
  padding-left: 0.02rem;
}
.qui-auth-stack > .qui-field + .qui-field {
  margin-top: 0;
}
.qui-auth-shell .qui-input, .qui-auth-shell .qui-select, .qui-auth-shell .qui-textarea, .qui-auth-shell input:not([type="checkbox"]):not([type="radio"]):not([type="hidden"]):not(.qui-otp-entry), .qui-auth-shell select, .qui-auth-shell textarea {
  min-height: var(--qui-input-height);
  background: var(--qui-bg-input);
  background-color: var(--qui-bg-input);
  color: var(--qui-text);
  border-color: var(--qui-border);
  box-shadow: var(--qui-shadow-input-inset);
  color-scheme: inherit;
  background-image: none;
}
.qui-auth-shell input:-webkit-autofill, .qui-auth-shell input:-webkit-autofill:hover, .qui-auth-shell input:-webkit-autofill:focus, .qui-auth-shell select:-webkit-autofill, .qui-auth-shell textarea:-webkit-autofill {
  -webkit-text-fill-color: var(--qui-text);
  caret-color: var(--qui-text);
  background: var(--qui-bg-surface) !important;
}
.qui-auth-shell .qui-input:focus, .qui-auth-shell .qui-select:focus, .qui-auth-shell .qui-textarea:focus {
  border-color: var(--qui-control-border-focus);
  background: var(--qui-bg-input);
  background-color: var(--qui-bg-input);
  box-shadow: var(--qui-shadow-input-inset);
}
.qui-auth-shell .qui-input:autofill, .qui-auth-shell .qui-input:-webkit-autofill, .qui-auth-shell .qui-input:-webkit-autofill:hover, .qui-auth-shell .qui-input:-webkit-autofill:focus {
  -webkit-text-fill-color: var(--qui-text);
  caret-color: var(--qui-text);
  transition: background-color 999999s ease-out, color 999999s ease-out;
  background: var(--qui-bg-surface) !important;
}
.qui-auth-shell .qui-messagebar {
  display: flex;
  flex-direction: column;
  gap: 0.22rem;
  padding: 0.62rem 0.72rem;
  background: rgb(255 255 255 / 0.82);
  box-shadow: none;
}
.qui-auth-shell .qui-messagebar > div {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  min-width: 0;
}
.qui-auth-shell .qui-messagebar p {
  display: flex;
  flex-direction: column;
  gap: 0.1rem;
  margin: 0;
}
.qui-auth-shell .qui-messagebar p > span {
  display: block;
}
.qui-auth-shell .qui-empty-state, .qui-auth-shell .qui-error-state, .qui-auth-shell .qui-loading-state {
  display: flex;
  flex-direction: column;
  padding: 0;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.qui-drawer-icon {
  width: var(--qui-shell-rail-width);
  min-width: var(--qui-shell-rail-width);
  min-height: var(--qui-control-size-compact);
  height: 100%;
  flex: 0 0 var(--qui-shell-rail-width);
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: transparent;
  color: var(--qui-text);
  font-family: var(--qui-font-button);
  font-size: var(--qui-font-size-md);
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  transition: background-color 0.14s ease, border-color 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;
  border-right: 1px solid transparent;
  border-left: 1px solid transparent;
}
.qui-drawer-icon:first-child {
  border-left: 0;
}
.qui-drawer-icon svg {
  stroke: var(--qui-accent-text);
  fill: var(--qui-accent-text);
}
.qui-drawer-icon:hover {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, transparent);
  }
}
.qui-drawer-icon:hover svg {
  stroke: var(--qui-accent-text-hover);
  fill: var(--qui-accent-text-hover);
  transform: scale(1.05);
}
.qui-topbar-start > .qui-drawer-icon[aria-haspopup="dialog"] {
  transition: background-color var(--qui-motion-fast) ease, border-color var(--qui-motion-fast) ease, color var(--qui-motion-fast) ease, transform var(--qui-motion-fast) var(--qui-ease-enter), border-radius var(--qui-motion-medium) var(--qui-ease-enter);
}
.qui-topbar-start > .qui-drawer-icon[aria-haspopup="dialog"][aria-expanded="true"] {
  transform: scale(0.94);
}
.qui-topbar-start > .qui-drawer-icon[aria-haspopup="dialog"][aria-expanded="true"] svg {
  stroke: currentColor;
  fill: currentColor;
}
.qui-line-icon, .qui-link-icon, .qui-icon-btn-symbol, .qui-icon-button-symbol, .qui-button-icon {
  width: var(--qui-icon-size-xl);
  height: var(--qui-icon-size-xl);
  flex: 0 0 auto;
  fill: currentColor;
}
.qui-rail-tooltip {
  display: none;
}
.qui-records-shell {
  min-width: 0;
  display: grid;
  gap: 0.9rem;
}
.qui-page-shell {
  min-width: 0;
  display: grid;
  gap: 0.9rem;
  background: var(--qui-bg-page);
}
.qui-page-shell-body, .qui-records-shell-grid, .qui-records-shell-filters, .qui-records-shell-selection, .qui-records-shell-pager {
  min-width: 0;
}
.qui-page-header-main {
  min-width: 0;
  display: grid;
  gap: 0.55rem;
}
.qui-page-title-row, .qui-page-title-cluster {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.qui-page-title-cluster h1 {
  min-width: 0;
  overflow-wrap: anywhere;
  font-family: var(--qui-font-heavy);
  font-size: 1.5rem;
  line-height: 1.2;
  color: var(--qui-text-strong);
}
.qui-page-header-main > span {
  max-width: 72rem;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-lg);
}
.qui-page-header-actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--qui-space-md);
}
.qui-card {
  min-width: 0;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-sm);
  display: grid;
  align-content: start;
  gap: var(--qui-space-lg);
  padding: 0.9rem;
}
.qui-card-elevated {
  box-shadow: var(--qui-shadow-menu);
}
.qui-card.is-interactive:hover, .qui-card.is-selected, .qui-quick-link-card:hover, .qui-quick-link-card.is-selected {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
}
.qui-card.is-disabled {
  opacity: 0.55;
}
.qui-card-header, .qui-card-actions, .qui-widget-card-header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-lg);
}
.qui-card-header h3, .qui-widget-card-header strong {
  font-family: var(--qui-font-heavy);
  font-size: 1rem;
  line-height: 1.3;
}
.qui-card-footer {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-lg);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
}
.qui-card-header p {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
}
.qui-card-content {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
  min-width: 0;
  display: grid;
  gap: 0.55rem;
}
:is(.qui-button, .qui-button-secondary, .qui-control-button, .qui-action-subtle, .qui-action-danger, .qui-app-command, .qui-btn:not(.qui-btn-icon), .qui-command-trigger:not(.qui-command-trigger-compact)) {
  min-width: 0;
  height: var(--qui-control-size-regular);
  min-height: var(--qui-control-size-regular);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  padding-inline: 0.875rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-input);
  color: var(--qui-text);
  box-sizing: border-box;
  font-family: var(--qui-font-button);
  font-size: var(--qui-font-size-md);
  font-weight: 400;
  line-height: 1;
  text-decoration: none;
  white-space: nowrap;
  box-shadow: none;
  transition: background-color var(--qui-motion-fast) ease, border-color var(--qui-motion-fast) ease, color var(--qui-motion-fast) ease, box-shadow var(--qui-motion-fast) ease;
}
.qui-icon-btn {
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-input);
  color: var(--qui-text);
  box-shadow: none;
  transition: background-color var(--qui-motion-fast) ease, border-color var(--qui-motion-fast) ease, color var(--qui-motion-fast) ease, box-shadow var(--qui-motion-fast) ease;
  width: var(--qui-control-size-regular);
  min-width: var(--qui-control-size-regular);
  height: var(--qui-control-size-regular);
  min-height: var(--qui-control-size-regular);
}
:is(.qui-table-row-action, .qui-action-overflow-trigger, .qui-picker-trigger, .qui-standard-filter-apply, .qui-standard-filter-mobile-toggle, .qui-btn-icon) {
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-input);
  color: var(--qui-text);
  box-shadow: none;
  transition: background-color var(--qui-motion-fast) ease, border-color var(--qui-motion-fast) ease, color var(--qui-motion-fast) ease, box-shadow var(--qui-motion-fast) ease;
  width: var(--qui-control-size-compact);
  min-width: var(--qui-control-size-compact);
  height: var(--qui-control-size-compact);
  min-height: var(--qui-control-size-compact);
  font-family: var(--qui-font-button);
  font-size: var(--qui-font-size-md);
  line-height: 1;
}
:is(.qui-button-regular, .qui-control-regular, .qui-icon-btn-regular) {
  height: var(--qui-control-size-regular);
  min-height: var(--qui-control-size-regular);
}
:is(.qui-button-small, .qui-control-small) {
  height: var(--qui-control-size-small);
  min-height: var(--qui-control-size-small);
  padding-inline: 0.625rem;
  gap: 0.375rem;
  font-size: var(--qui-font-size-sm);
}
.qui-icon-btn-small {
  width: var(--qui-control-size-small);
  min-width: var(--qui-control-size-small);
  height: var(--qui-control-size-small);
  min-height: var(--qui-control-size-small);
}
:is(.qui-notification-item-actions button) {
  min-height: var(--qui-control-size-small);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.375rem;
  padding: 0 0.625rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-input);
  color: var(--qui-text);
  font-family: var(--qui-font-button);
  font-size: var(--qui-font-size-sm);
  font-weight: 400;
  line-height: 1;
  transition: background-color var(--qui-motion-fast) ease, border-color var(--qui-motion-fast) ease, color var(--qui-motion-fast) ease, box-shadow var(--qui-motion-fast) ease;
}
.qui-button:not(.qui-button-secondary), .qui-control-button.qui-control-primary, .qui-app-command.qui-command-primary, .qui-icon-btn.qui-icon-btn-primary, .qui-btn.qui-btn-primary {
  border-color: var(--qui-accent-solid);
  background: var(--qui-accent-solid);
  color: var(--qui-accent-contrast);
}
.qui-button-secondary, .qui-control-button.qui-control-secondary {
  border-color: var(--qui-accent-text);
  background: transparent;
  color: var(--qui-accent-text);
}
.qui-action-subtle, .qui-icon-btn.qui-icon-btn-subtle, .qui-btn.qui-btn-ghost {
  border-color: transparent;
  background: transparent;
  color: var(--qui-text-muted);
}
.qui-action-danger, .qui-selection-danger {
  border-color: var(--qui-danger-border);
  background: var(--qui-danger-soft);
  color: var(--qui-danger);
}
:is(.qui-control-button, .qui-action-subtle, .qui-action-danger, .qui-icon-btn, .qui-app-command, .qui-btn, .qui-table-row-action, .qui-standard-filter-apply, .qui-standard-filter-mobile-toggle, .qui-notification-item-actions button):hover:not(:disabled):not([aria-disabled="true"]) {
  border-color: var(--qui-accent-border);
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
}
:is(.qui-button, .qui-button-secondary, .qui-control-button, .qui-action-subtle, .qui-action-danger, .qui-icon-btn, .qui-app-command, .qui-btn:not(.qui-btn-icon) .qui-notification-item-actions button):hover:not(:disabled):not([aria-disabled="true"]) {
  box-shadow: var(--qui-shadow-button-hover);
}
.qui-button:not(.qui-button-secondary):hover:not(:disabled):not([aria-disabled="true"]), .qui-control-button.qui-control-primary:hover:not(:disabled), .qui-app-command.qui-command-primary:hover:not(:disabled), .qui-icon-btn.qui-icon-btn-primary:hover:not(:disabled), .qui-btn.qui-btn-primary:hover:not(:disabled) {
  border-color: var(--qui-accent-solid-hover);
  background: var(--qui-accent-solid-hover);
  color: var(--qui-accent-contrast);
}
.qui-button-secondary:hover:not(:disabled):not([aria-disabled="true"]), .qui-control-button.qui-control-secondary:hover:not(:disabled) {
  border-color: var(--qui-accent-text-hover);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text-hover);
}
.qui-action-subtle:hover:not(:disabled), .qui-icon-btn.qui-icon-btn-subtle:hover:not(:disabled), .qui-btn.qui-btn-ghost:hover:not(:disabled) {
  border-color: var(--qui-accent-border);
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
}
.qui-action-danger:hover:not(:disabled), .qui-selection-danger:hover:not(:disabled) {
  border-color: var(--qui-danger);
  background: var(--qui-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-danger) 14%, var(--qui-bg-surface));
  }
  color: var(--qui-danger);
}
:is(.qui-button, .qui-button-secondary, .qui-control-button, .qui-action-subtle, .qui-action-danger, .qui-icon-btn, .qui-app-command, .qui-btn, .qui-notification-item-actions button):disabled, :is(.qui-button, .qui-button-secondary)[aria-disabled="true"] {
  cursor: not-allowed;
  opacity: 0.55;
  box-shadow: none;
}
:is(.qui-button, .qui-button-secondary, .qui-control-button, .qui-action-subtle, .qui-action-danger) > svg {
  width: var(--qui-icon-size-large);
  height: var(--qui-icon-size-large);
  flex: 0 0 auto;
}
.qui-command-bar {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
}
.qui-command-priority-1, .qui-command-priority-2, .qui-command-priority-3, .qui-command-priority-4, .qui-command-priority-5, .qui-command-priority-6, .qui-command-priority-7, .qui-command-priority-8 {
  display: inline-flex;
}
.qui-overflow-priority-1, .qui-overflow-priority-2, .qui-overflow-priority-3, .qui-overflow-priority-4, .qui-overflow-priority-5, .qui-overflow-priority-6, .qui-overflow-priority-7, .qui-overflow-priority-8 {
  display: flex;
}
.qui-datagrid-toolbar {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
}
.qui-page-action-bar[data-qui-has-overflowed-commands="false"] .qui-action-overflow-menu, .qui-action-overflow-menu[hidden] {
  display: none !important;
}
.qui-command-spacer {
  flex: 1 1 auto;
  min-width: 0.5rem;
}
.qui-export-menu > summary::-webkit-details-marker {
  display: none;
}
.qui-export-menu[open] > summary {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
}
.qui-glass-menu {
  position: absolute;
  z-index: var(--qui-z-popover);
  min-width: 13rem;
  padding: 0.35rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-menu);
}
.qui-export-menu-panel > button {
  width: 100%;
  min-height: 2.5rem;
  display: grid;
  grid-template-columns: 1.25rem minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--qui-space-md);
  padding: 0.625rem 0.875rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--qui-text);
  font: inherit;
  text-align: left;
}
.qui-export-menu-panel > button:hover:not(:disabled), .qui-export-menu-panel > button:focus-visible:not(:disabled) {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, var(--qui-bg-surface));
  }
  color: var(--qui-text-strong);
  outline: none;
}
.qui-export-menu-panel > button:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.qui-export-menu-panel > button > .qui-line-icon {
  width: 1.125rem;
  height: 1.125rem;
  justify-self: center;
}
.qui-export-menu-panel > button > span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.qui-export-menu-panel > button > small {
  justify-self: end;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.25;
  text-align: right;
  white-space: nowrap;
}
.qui-action-overflow-menu > .qui-action-overflow-item {
  min-height: 2.5rem;
  padding: 0.625rem 0.875rem;
  border-radius: 0;
}
.qui-action-overflow-menu > .qui-action-overflow-item:first-child {
  border-radius: var(--qui-radius-card) var(--qui-radius-card) 0 0;
}
.qui-action-overflow-menu > .qui-action-overflow-item:last-child {
  border-radius: 0 0 var(--qui-radius-card) var(--qui-radius-card);
}
.qui-action-overflow-menu > .qui-action-overflow-item:only-child {
  border-radius: var(--qui-radius-card);
}
.qui-menu-item, .qui-action-overflow-item, .qui-table-row-menu button, .qui-glass-menu-item {
  width: 100%;
  min-height: var(--qui-control-size-compact);
  display: flex;
  align-items: center;
  gap: var(--qui-space-md);
  padding: 0.4rem 0.55rem;
  border: 0;
  border-radius: var(--qui-radius-control);
  background: transparent;
  color: var(--qui-text);
  text-align: left;
  font-size: var(--qui-font-size-md);
}
.qui-menu-item:hover, .qui-action-overflow-item:hover, .qui-table-row-menu button:hover, .qui-glass-menu-item:hover {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, var(--qui-bg-surface));
  }
  color: var(--qui-text-strong);
}
.qui-field, .qui-form-section, .qui-panel-form {
  min-width: 0;
  display: grid;
  gap: var(--qui-field-gap);
}
.qui-panel-form-footer {
  min-width: 0;
}
.qui-panel-form-body {
  min-width: 0;
  display: grid;
  gap: var(--qui-field-gap);
}
.qui-panel-form.is-panel-layout {
  width: 100%;
  height: 100%;
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 0;
  overflow: hidden;
}
.qui-panel-form.is-panel-layout > .qui-panel-form-body {
  flex: 1 1 auto;
  min-height: 0;
  display: grid;
  align-content: start;
  gap: var(--qui-space-2xl);
  padding: var(--qui-space-xl) var(--qui-panel-padding-x);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  scrollbar-gutter: stable;
}
.qui-panel-form.is-panel-layout .qui-form-section {
  gap: var(--qui-space-xl);
}
.qui-panel-form.is-panel-layout .qui-form-section > div:first-child {
  display: grid;
  gap: var(--qui-space-2xs);
}
.qui-panel-form.is-panel-layout :is(.qui-form-grid, .qui-form-section-fields) {
  row-gap: var(--qui-space-xl);
  column-gap: var(--qui-space-xl);
}
.qui-panel-form.is-panel-layout .qui-field {
  gap: var(--qui-space-xs);
}
.qui-panel-form.is-panel-layout .qui-field > .mt-1, .qui-panel-form.is-panel-layout .qui-field > .validation-message, .qui-panel-form.is-panel-layout .qui-field > .field-validation-error {
  margin-top: calc(0rem - var(--qui-space-2xs));
}
.qui-panel-form.is-panel-layout > .qui-panel-form-footer {
  flex: 0 0 auto;
  padding: 0.65rem var(--qui-panel-padding-x);
  border-top: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-page);
}
.qui-panel-form.is-panel-layout .qui-panel-footer-content {
  flex-wrap: nowrap;
  justify-content: flex-start;
}
.qui-panel-form.is-panel-layout .qui-panel-footer-content > span:first-child {
  min-width: 0;
  flex: 1 1 auto;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-panel-form.is-panel-layout .qui-panel-footer-content > :last-child {
  flex: 0 0 auto;
  margin-left: auto;
}
.qui-field-label, .qui-standard-filter-popover label > span, .qui-standard-filter-values > span {
  color: var(--qui-text-strong);
  font-family: var(--qui-font-label);
  font-size: var(--qui-font-size-md);
  font-weight: 600;
  line-height: 1.3;
}
.qui-form-section h3 {
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
}
.qui-field-helper, .qui-form-section p {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.35;
}
.qui-field-error {
  font-size: var(--qui-font-size-sm);
  line-height: 1.35;
  color: var(--qui-danger);
}
.qui-input, .qui-picker-input {
  width: 100%;
  min-width: 0;
  min-height: var(--qui-input-height);
  height: var(--qui-input-height);
  padding: 0 var(--qui-input-padding-x);
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-input);
  color: var(--qui-text);
  caret-color: var(--qui-text);
  box-shadow: var(--qui-shadow-input-inset);
  font-family: var(--qui-font-body);
  font-size: var(--qui-font-size-lg);
  line-height: 1.35;
  transition: border-color var(--qui-motion-fast) ease, background-color var(--qui-motion-fast) ease, box-shadow var(--qui-motion-fast) ease, color var(--qui-motion-fast) ease;
}
.qui-input::placeholder, .qui-textarea::placeholder, .qui-search-input input::placeholder, .qui-picker-input::placeholder {
  color: var(--qui-text-placeholder);
  opacity: 1;
}
.qui-select {
  width: 100%;
  min-width: 0;
  min-height: var(--qui-input-height);
  height: var(--qui-input-height);
  padding: 0 var(--qui-input-padding-x);
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-input);
  color: var(--qui-text);
  caret-color: var(--qui-text);
  box-shadow: var(--qui-shadow-input-inset);
  font-family: var(--qui-font-body);
  font-size: var(--qui-font-size-lg);
  line-height: 1.35;
  transition: border-color var(--qui-motion-fast) ease, background-color var(--qui-motion-fast) ease, box-shadow var(--qui-motion-fast) ease, color var(--qui-motion-fast) ease;
  padding-right: var(--qui-space-3xl);
}
.qui-input-compact, .qui-select-compact, .qui-search-input-compact input {
  min-height: var(--qui-input-height-compact);
  height: var(--qui-input-height-compact);
  font-size: var(--qui-font-size-md);
}
.qui-textarea {
  width: 100%;
  min-width: 0;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-input);
  color: var(--qui-text);
  caret-color: var(--qui-text);
  box-shadow: var(--qui-shadow-input-inset);
  font-family: var(--qui-font-body);
  font-size: var(--qui-font-size-lg);
  line-height: 1.35;
  transition: border-color var(--qui-motion-fast) ease, background-color var(--qui-motion-fast) ease, box-shadow var(--qui-motion-fast) ease, color var(--qui-motion-fast) ease;
  height: auto;
  min-height: 5.5rem;
  padding: 0.625rem var(--qui-input-padding-x);
  resize: vertical;
}
.qui-textarea.is-monospace {
  font-family: var(--qui-font-mono);
}
:is( .qui-input, .qui-select, .qui-textarea, .qui-search-input input, .qui-picker-input, .qui-account-preference-select ):hover:not(:disabled):not([readonly]):not([aria-invalid="true"]):not(:focus):not(:focus-visible) {
  border-color: var(--qui-control-border-hover);
  background: var(--qui-bg-input-hover);
  box-shadow: var(--qui-shadow-input-inset);
}
:is( .qui-input, .qui-select, .qui-textarea, .qui-search-input input, .qui-picker-input, .qui-account-preference-select ):focus {
  border-color: var(--qui-control-border-focus);
  box-shadow: var(--qui-shadow-input-inset);
  outline: 0;
}
:is( .qui-input, .qui-select, .qui-textarea, .qui-search-input input, .qui-picker-input, .qui-account-preference-select ):focus-visible {
  border-color: var(--qui-control-border-focus);
  box-shadow: var(--qui-shadow-input-inset);
  outline: 0;
}
:is( .qui-input, .qui-select, .qui-textarea, .qui-search-input input, .qui-picker-input, .qui-account-preference-select )[aria-invalid="true"] {
  border-color: var(--qui-danger-border);
}
.qui-field.has-error :is(.qui-input, .qui-select, .qui-textarea, .qui-picker-input, .qui-account-preference-select) {
  border-color: var(--qui-danger-border);
}
:is( .qui-input, .qui-select, .qui-textarea, .qui-search-input input, .qui-picker-input, .qui-account-preference-select )[aria-invalid="true"]:focus {
  border-color: var(--qui-danger);
  box-shadow: var(--qui-shadow-input-inset);
}
:is( .qui-input, .qui-select, .qui-textarea, .qui-search-input input, .qui-picker-input, .qui-account-preference-select )[aria-invalid="true"]:focus-visible {
  border-color: var(--qui-danger);
  box-shadow: var(--qui-shadow-input-inset);
}
.qui-field.has-error :is(.qui-input, .qui-select, .qui-textarea, .qui-picker-input, .qui-account-preference-select):focus {
  border-color: var(--qui-danger);
  box-shadow: var(--qui-shadow-input-inset);
}
:is( .qui-input, .qui-select, .qui-textarea, .qui-search-input input, .qui-picker-input, .qui-account-preference-select ):disabled {
  border-color: var(--qui-border-subtle);
  background: var(--qui-bg-muted);
  color: var(--qui-text-disabled);
  box-shadow: none;
  opacity: 1;
}
:is(.qui-input, .qui-textarea, .qui-search-input input, .qui-picker-input)[readonly] {
  border-color: var(--qui-border-subtle);
  background: var(--qui-bg-raised);
  color: var(--qui-text);
  cursor: default;
}
:is( .qui-input, .qui-textarea, .qui-search-input input, .qui-picker-input ):disabled::placeholder {
  color: var(--qui-text-disabled);
}
:is(.qui-input, .qui-textarea, .qui-search-input input, .qui-picker-input):-webkit-autofill, :is(.qui-input, .qui-textarea, .qui-search-input input, .qui-picker-input):-webkit-autofill:hover, :is(.qui-input, .qui-textarea, .qui-search-input input, .qui-picker-input):-webkit-autofill:focus {
  -webkit-text-fill-color: var(--qui-text);
  caret-color: var(--qui-text);
  box-shadow: inset 0 0 0 1000px var(--qui-bg-input), var(--qui-shadow-input-inset);
}
.qui-select-wrap, .qui-search-input, .qui-picker-control {
  position: relative;
  min-width: 0;
  display: flex;
  align-items: center;
}
.qui-search-icon {
  flex: 0 0 auto;
  fill: currentColor;
  position: absolute;
  width: var(--qui-icon-size-medium);
  height: var(--qui-icon-size-medium);
  pointer-events: none;
  color: var(--qui-text-muted);
  left: var(--qui-input-padding-x);
}
.qui-search-input input {
  width: 100%;
  min-width: 0;
  min-height: var(--qui-input-height);
  height: var(--qui-input-height);
  padding: 0 var(--qui-input-padding-x);
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-input);
  color: var(--qui-text);
  caret-color: var(--qui-text);
  box-shadow: var(--qui-shadow-input-inset);
  font-family: var(--qui-font-body);
  font-size: var(--qui-font-size-lg);
  line-height: 1.35;
  transition: border-color var(--qui-motion-fast) ease, background-color var(--qui-motion-fast) ease, box-shadow var(--qui-motion-fast) ease, color var(--qui-motion-fast) ease;
  padding-left: var(--qui-space-3xl);
}
.qui-select-chevron, .qui-picker-icon {
  flex: 0 0 auto;
  fill: currentColor;
  position: absolute;
  width: var(--qui-icon-size-medium);
  height: var(--qui-icon-size-medium);
  pointer-events: none;
  color: var(--qui-text-muted);
  right: var(--qui-input-padding-x);
}
.qui-searchable-select {
  position: relative;
  min-width: 0;
}
.qui-searchable-select-control {
  position: relative;
  min-width: 0;
}
.qui-searchable-select-trigger {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 0.4rem;
  padding-right: var(--qui-space-3xl);
  text-align: left;
  line-height: 1.2;
}
.qui-searchable-select-trigger:disabled {
  cursor: not-allowed;
  opacity: 1;
}
.qui-searchable-select-value {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-searchable-select-placeholder {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
}
.qui-searchable-select-trigger-meta {
  color: var(--qui-text-muted);
  flex: 0 1 auto;
  max-width: 42%;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--qui-font-size-sm);
}
.qui-searchable-select-leading {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 1.25rem;
  font-size: 0.95rem;
  line-height: 1;
}
.qui-searchable-select-backdrop {
  position: fixed;
  inset: 0;
  z-index: calc(var(--qui-z-dropdown) - 2);
  border: 0;
  background: transparent;
}
.qui-searchable-select-panel {
  position: absolute;
  z-index: calc(var(--qui-z-dropdown) - 1);
  top: calc(100% + 0.35rem);
  left: 0;
  width: min(100%, 28rem);
  min-width: min(18rem, calc(100vw - 2rem));
  display: grid;
  gap: 0.35rem;
  padding: 0.4rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  box-shadow: var(--qui-shadow-menu);
}
.qui-searchable-select-search {
  position: relative;
  display: flex;
  align-items: center;
}
.qui-searchable-select-search-icon {
  position: absolute;
  left: 0.65rem;
  width: var(--qui-icon-size-medium);
  height: var(--qui-icon-size-medium);
  color: var(--qui-text-muted);
  pointer-events: none;
}
.qui-searchable-select-search-input {
  width: 100%;
  padding-left: var(--qui-space-3xl);
}
.qui-searchable-select-options {
  max-height: min(17rem, 44vh);
  overflow: auto;
  display: grid;
  gap: 0.15rem;
}
.qui-searchable-select-option {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--qui-space-md);
  padding: var(--qui-space-md) 0.55rem;
  border: 0;
  border-radius: var(--qui-radius-control);
  background: transparent;
  color: var(--qui-text);
  text-align: left;
}
.qui-searchable-select-option:hover:not(:disabled), .qui-searchable-select-option:focus-visible {
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
  outline: 0;
}
.qui-searchable-select-option.is-selected {
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
}
.qui-searchable-select-option:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.qui-searchable-select-option-copy {
  min-width: 0;
  display: grid;
  gap: 0.05rem;
}
.qui-searchable-select-option-copy strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-md);
}
.qui-searchable-select-option-copy small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-searchable-select-empty {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  padding: 0.65rem;
}
.qui-phone-input {
  min-width: 0;
  display: grid;
  grid-template-columns: 6.75rem minmax(0, 1fr);
  align-items: start;
  gap: var(--qui-space-md);
}
.qui-phone-country, .qui-phone-country .qui-searchable-select {
  min-width: 0;
}
.qui-phone-country .qui-field {
  min-width: 0;
  gap: 0;
}
.qui-phone-country .qui-searchable-select-trigger {
  min-height: var(--qui-input-height);
  gap: 0.3rem;
  padding-left: 0.45rem;
  padding-right: 1.65rem;
}
.qui-phone-country .qui-searchable-select-panel {
  width: min(22rem, calc(100vw - 2rem));
}
.qui-phone-number-field {
  width: 100%;
}
.qui-standard-filter-tools {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
}
.qui-filter-chip, .qui-standard-filter-chip, .qui-badge, .qui-status, .qui-status-pill {
  min-height: 1.65rem;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  max-width: 100%;
  padding: var(--qui-space-xs) var(--qui-space-md);
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-raised);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.2;
  white-space: nowrap;
}
.qui-filter-chip strong, .qui-standard-filter-chip strong, .qui-status strong {
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--qui-text-strong);
}
.qui-standard-filter-chip em {
  color: var(--qui-text-subtle);
  font-style: normal;
}
.qui-filter-chip.is-active, .qui-status-accent {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
}
.qui-standard-filter-remove, .qui-filter-add {
  display: inline-grid;
  place-items: center;
  border: 0;
  background: transparent;
  color: currentColor;
}
.qui-standard-filter-count {
  min-width: 1rem;
  padding-inline: var(--qui-space-xs);
  border-radius: var(--qui-radius-round);
  background: var(--qui-accent);
  color: var(--qui-accent-contrast);
  font-size: 0.68rem;
}
.qui-standard-filter-backdrop {
  position: fixed;
  inset: 0;
  z-index: calc(var(--qui-z-popover) - 1);
  border: 0;
  background: transparent;
  cursor: default;
}
.qui-standard-filter-reset-mobile {
  justify-self: start;
}
.qui-standard-filter-popover label, .qui-standard-filter-values {
  display: grid;
  gap: 0.35rem;
}
.qui-standard-filter-options {
  display: grid;
  gap: var(--qui-space-xs);
  max-height: 12rem;
  overflow: auto;
}
.qui-standard-filter-option {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.45rem;
  min-height: 2rem;
  padding: 0.35rem 0.45rem;
  border-radius: var(--qui-radius-control);
}
.qui-standard-filter-option:hover {
  background: var(--qui-bg-hover);
}
.qui-standard-filter-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  justify-content: flex-end;
}
.qui-datagrid {
  min-width: 0;
  width: 100%;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  overflow: hidden;
}
.qui-table-scroll {
  width: 100%;
  min-width: 0;
  overflow-x: auto;
  scrollbar-width: thin;
}
.qui-datagrid-flat {
  border-radius: 0;
  box-shadow: none;
}
.qui-datagrid-header {
  min-width: 0;
  display: grid;
  gap: 0.6rem;
  padding: var(--qui-space-lg) 0.85rem 0.15rem;
}
.qui-datagrid-body {
  min-width: 0;
  display: grid;
  gap: 0.6rem;
  align-content: start;
}
.qui-table {
  min-width: 0;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  overflow: hidden;
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.qui-table table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  table-layout: fixed;
}
.qui-table td {
  min-height: var(--qui-table-row-height);
  padding: 0.45rem 0.6rem;
  border-bottom: 1px solid var(--qui-border-subtle);
  color: var(--qui-text);
  font-size: var(--qui-font-size-md);
  vertical-align: middle;
  overflow-wrap: anywhere;
}
.qui-table th {
  min-height: var(--qui-table-row-height);
  padding: 0.45rem 0.6rem;
  border-bottom: 1px solid var(--qui-border-subtle);
  vertical-align: middle;
  overflow-wrap: anywhere;
  position: relative;
  background: var(--qui-bg-raised);
  color: var(--qui-text-muted);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-sm);
  text-align: left;
}
.qui-table tbody tr:hover {
  background: var(--qui-bg-hover);
}
.qui-table tbody tr.is-selected, .qui-table tbody tr.is-bulk-selected, .qui-table tbody tr.has-open-menu {
  background: var(--qui-bg-selected);
}
.qui-table-compact th, .qui-table-compact td {
  padding-block: 0.35rem;
  font-size: var(--qui-font-size-md);
}
.qui-table-header-button, .qui-table-header-content {
  min-width: 0;
  width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
}
.qui-sort-indicator {
  width: 0;
  height: 0;
  border-left: 0.25rem solid transparent;
  border-right: 0.25rem solid transparent;
  border-bottom: 0.35rem solid currentColor;
}
.qui-sort-indicator.is-desc {
  transform: rotate(180deg);
}
.qui-column-resizer {
  position: absolute;
  top: 0;
  right: -0.2rem;
  bottom: 0;
  width: 0.45rem;
  cursor: col-resize;
}
.qui-table-select-cell, .qui-table-action-cell {
  width: var(--qui-control-size-touch);
  text-align: center;
}
.qui-table-name-action-content {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.45rem;
}
.qui-table-name-action-cell, .qui-table-name-cell-content {
  min-width: 0;
}
.qui-table-row-action-anchor {
  min-width: 0;
  display: inline-flex;
  justify-content: flex-end;
}
.qui-table-row-menu-backdrop, .qui-action-overflow-backdrop, .qui-overlay-scrim {
  position: fixed;
  inset: 0;
  z-index: calc(var(--qui-z-popover) - 1);
  border: 0;
  background: transparent;
}
.qui-entity-panel-backdrop {
  position: fixed;
  inset: 0;
  z-index: 0;
  border: 0;
  background: transparent;
}
.qui-table-floating-row-menu {
  z-index: var(--qui-z-popover);
  min-width: 13rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-menu);
  --qui-row-menu-width: min(13rem, calc(100vw - 1rem));
  position: fixed;
  top: max(0.5rem, min(var(--qui-table-menu-y), calc(100dvh - 13rem)));
  left: max( 0.5rem, min( var(--qui-table-menu-x), calc(100vw - var(--qui-row-menu-width) - 0.5rem) ) );
  width: var(--qui-row-menu-width);
  max-width: calc(100vw - 1rem);
  padding: 0;
  overflow: hidden;
}
.qui-table-row-menu {
  display: grid;
  gap: 0;
}
.qui-file-list .qui-datagrid-body {
  display: grid;
  gap: 0.625rem;
}
.qui-file-list .qui-file-mobile-list {
  display: none;
}
.qui-records-shell-header, .qui-records-shell-mobile, .qui-page-shell-header, .qui-page-title-leading, .qui-page-header-actions-block {
  min-width: 0;
}
.qui-selection-action-bar-count {
  color: var(--qui-accent-text);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-md);
}
.qui-mobile-record-list, .qui-list {
  min-width: 0;
  display: grid;
  gap: 0.45rem;
}
.qui-list-item {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto auto;
  align-items: center;
  gap: 0.65rem;
  padding: 0.65rem var(--qui-space-lg);
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
}
.qui-list-item.is-interactive:hover, .qui-list-item.is-selected {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
}
.qui-list-item-icon, .qui-state-icon {
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: var(--qui-radius-control);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
  width: 2rem;
  height: 2rem;
}
.qui-file-icon {
  width: 2rem;
  height: 2rem;
}
.qui-list-item-main, .qui-list-item-details, .qui-person-copy {
  min-width: 0;
  display: grid;
  gap: 0.08rem;
}
.qui-record-issues {
  margin: .3rem 0 0;
  padding-left: 1rem;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.4;
}
.qui-record-issues li {
  padding: .1rem 0;
}
.qui-workspace-task-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: .75rem;
}
.qui-workspace-task-row > .qui-list-item-main {
  flex: 1 1 14rem;
}
.qui-workspace-task-row .qui-list-item-main > strong {
  white-space: normal;
  overflow-wrap: anywhere;
}
.qui-workspace-task-row .qui-list-item-details {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem .65rem;
  margin-top: .35rem;
}
.qui-workspace-task-row > .qui-list-item-actions {
  flex: 0 1 auto;
  max-width: 100%;
  flex-wrap: wrap;
}
.qui-workspace-task-row > .qui-list-item-actions > * {
  min-width: 6.5rem;
  white-space: nowrap;
}
.qui-list-separator {
  height: 1px;
  background: var(--qui-border-subtle);
}
.qui-list-item-symbol, .qui-quick-link-symbol {
  width: var(--qui-icon-size-medium);
  height: var(--qui-icon-size-medium);
}
.qui-list-item-actions, .qui-entity-header-actions, .qui-dashboard-widget-actions {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.qui-list-item-main > strong, .qui-person-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-lg);
  color: var(--qui-text-strong);
}
.qui-list-item-main > span, .qui-list-item-meta, .qui-person-copy span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-person-avatar, .qui-entity-header-avatar, .qui-avatar {
  width: 2rem;
  height: 2rem;
  display: inline-grid;
  flex: 0 0 auto;
  place-items: center;
  border-radius: var(--qui-radius-round);
  background: var(--qui-accent);
  color: var(--qui-accent-contrast);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-sm);
}
.qui-person-identity.is-xs .qui-person-avatar {
  width: 1.5rem;
  height: 1.5rem;
  font-size: 0.65rem;
}
.qui-person-identity.is-lg .qui-person-avatar {
  width: 2.5rem;
  height: 2.5rem;
  font-size: 0.9rem;
}
.qui-person-status {
  width: 0.55rem;
  height: 0.55rem;
  border-radius: var(--qui-radius-round);
  background: var(--qui-text-subtle);
}
.qui-messagebar, .qui-state, .qui-empty-state, .qui-error-state, .qui-loading-state {
  min-width: 0;
  display: grid;
  gap: 0.3rem;
  padding: var(--qui-space-lg);
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-raised);
  color: var(--qui-text);
}
.qui-status-success, .qui-badge-success, .qui-messagebar-success {
  border-color: var(--qui-success-border);
  background: var(--qui-success-soft);
  color: var(--qui-success);
}
.qui-status-warning, .qui-badge-warning, .qui-messagebar-warning {
  border-color: var(--qui-warning-border);
  background: var(--qui-warning-soft);
  color: var(--qui-warning);
}
.qui-status-danger, .qui-badge-danger, .qui-messagebar-danger {
  border-color: var(--qui-danger-border);
  background: var(--qui-danger-soft);
  color: var(--qui-danger);
}
.qui-status-info, .qui-badge-info, .qui-messagebar-info {
  border-color: var(--qui-info-border);
  background: var(--qui-info-soft);
  color: var(--qui-info);
}
.qui-person-status.is-success {
  background: var(--qui-success);
}
.qui-person-status.is-warning {
  background: var(--qui-warning);
}
.qui-person-status.is-danger {
  background: var(--qui-danger);
}
.qui-person-status.is-info {
  background: var(--qui-info);
}
.qui-key-value-list {
  display: grid;
  gap: 0.35rem;
}
.qui-key-value-missing {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
}
.qui-key-value-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(8rem, 0.42fr) minmax(0, 1fr);
  gap: var(--qui-space-lg);
  padding: 0.45rem 0;
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-key-value-row:last-child {
  border-bottom: 0;
}
.qui-key-value-label {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-key-value-value {
  min-width: 0;
  color: var(--qui-text-strong);
  font-size: var(--qui-font-size-md);
  overflow-wrap: anywhere;
}
.qui-details-section {
  min-width: 0;
  display: grid;
  gap: 0.65rem;
}
.qui-details-section-header {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  flex-wrap: wrap;
}
.qui-details-section > header {
  display: grid;
  gap: 0.15rem;
}
.qui-details-section h3 {
  font-family: var(--qui-font-heavy);
  font-size: 0.95rem;
}
.qui-details-section p {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
}
.qui-entity-panel-layer {
  position: fixed;
  inset: 0;
  z-index: var(--qui-z-overlay);
  display: flex;
  justify-content: flex-end;
  background: var(--qui-shell-overlay-light);
  backdrop-filter: blur(var(--qui-overlay-blur-light));
  -webkit-backdrop-filter: blur(var(--qui-overlay-blur-light));
  transition: background-color var(--qui-motion-medium) ease, backdrop-filter var(--qui-motion-medium) var(--qui-ease-morph);
}
.qui-entity-panel {
  --qui-radius-panel: 0.5rem;
  --qui-panel-width: min(42rem, calc(100vw - 2rem));
  position: relative;
  z-index: 1;
  width: var(--qui-panel-width);
  max-width: 100%;
  height: 100vh;
  display: grid;
  grid-template-rows: [header] auto [tabs] auto [message] auto [body] minmax(0, 1fr) [footer] auto;
  border-left: 1px solid var(--qui-border);
  background: var(--qui-bg-page);
  box-shadow: 0 0 0.25rem rgb(0 0 0 / 0.20);
  transform: translate3d(0, 0, 0);
  opacity: 1;
  will-change: transform, opacity;
  transition: transform var(--qui-motion-panel) var(--qui-ease-morph), opacity var(--qui-motion-fast) ease, box-shadow var(--qui-motion-medium) ease;
}
.qui-entity-panel > .qui-entity-panel-header {
  grid-row: header;
}
.qui-entity-panel > .qui-entity-panel-tabs-slot {
  grid-row: tabs;
}
.qui-entity-panel > .qui-entity-panel-message {
  grid-row: message;
}
.qui-entity-panel > .qui-entity-panel-body {
  grid-row: body;
}
.qui-entity-panel > .qui-entity-panel-footer {
  grid-row: footer;
}
.qui-entity-panel-tabs-slot, .qui-entity-panel-message {
  min-width: 0;
  border-bottom: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-page);
  padding: 0.55rem var(--qui-panel-padding-x);
}
.qui-entity-panel-footer {
  min-width: 0;
  display: flex;
  justify-content: flex-end;
  gap: var(--qui-space-md);
  padding: 0.65rem var(--qui-panel-padding-x);
  border-top: 1px solid var(--qui-border-subtle);
  border-bottom: 0;
  background: var(--qui-bg-page);
}
.qui-entity-panel-body {
  min-width: 0;
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 0.85rem;
  padding: var(--qui-space-xl) var(--qui-panel-padding-x);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.qui-entity-panel-body.is-form-mode {
  display: flex;
  flex-direction: column;
  align-content: stretch;
  gap: 0;
  padding: 0;
  overflow: hidden;
}
.qui-entity-panel-body.is-form-mode > form {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  overflow: hidden;
}
.qui-entity-panel-body.is-form-mode > .qui-messagebar {
  flex: 0 0 auto;
  margin: var(--qui-space-xl) var(--qui-panel-padding-x) 0;
}
.qui-entity-header {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--qui-space-lg);
}
.qui-entity-panel .qui-entity-header-copy > p, .qui-entity-panel .qui-entity-header-avatar, .qui-entity-panel .qui-entity-header-main:has(#contact-panel-title) > :not(.qui-entity-header-copy) {
  display: none;
}
.qui-entity-panel-header .qui-entity-header-actions > .qui-icon-btn:focus-visible {
  border-color: transparent;
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, transparent);
  }
  color: var(--qui-accent-text-hover);
  outline: none;
}
.qui-entity-header-main, .qui-entity-header-title-row {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.65rem;
}
.qui-entity-header-copy {
  min-width: 0;
  display: grid;
  gap: 0.1rem;
}
.qui-entity-header-copy p {
  color: var(--qui-accent-text);
  font-family: var(--qui-font-heavy);
  font-size: 0.7rem;
  text-transform: uppercase;
}
.qui-entity-header-copy h2 {
  overflow-wrap: anywhere;
  font-family: var(--qui-font-heavy);
  font-size: 1.3rem;
  line-height: 1;
}
.qui-entity-header-copy span {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
}
.qui-filter-pills {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .35rem;
  min-width: 0;
  padding: .35rem 0;
}
.qui-filter-pill {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  min-height: 2.25rem;
  padding: .35rem .8rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-surface);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-filter-pill[aria-pressed="true"] {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
}
.qui-filter-pill-count {
  font-weight: 700;
}
.qui-filter-pill:focus-visible, .qui-content-tabs [role="tab"]:focus-visible {
  outline: 2px solid var(--qui-accent);
  outline-offset: 2px;
}
.qui-content-tabs {
  min-width: 0;
}
.qui-content-tabs-wide {
  display: flex;
  gap: 1.25rem;
  border-bottom: 1px solid var(--qui-border);
}
.qui-content-tabs [role="tab"] {
  min-height: 2.75rem;
  padding: .5rem .25rem;
  border: 0;
  border-bottom: 2px solid transparent;
  background: transparent;
  color: var(--qui-text-muted);
  white-space: nowrap;
}
.qui-content-tabs [aria-selected="true"] {
  color: var(--qui-accent-text);
  border-bottom-color: var(--qui-accent);
}
.qui-content-tabs-compact {
  display: none;
}
.qui-tab-command-bar {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.qui-form-section-fields, .qui-datetime-picker-grid {
  min-width: 0;
  display: grid;
  align-items: start;
  gap: 0.65rem;
}
.qui-form-grid {
  min-width: 0;
  display: grid;
  align-items: start;
  gap: 0.65rem;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.qui-form-grid.is-2 {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.qui-form-grid.is-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.qui-panel-footer-content {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: var(--qui-space-md);
}
.qui-field-required {
  color: var(--qui-danger);
}
.qui-form-grid-span-all {
  grid-column: 1 / -1;
}
.qui-delete-confirm-backdrop {
  position: fixed;
  inset: 0;
  border: 0;
  z-index: var(--qui-z-overlay);
  display: grid;
  place-items: center;
  padding: var(--qui-space-xl);
  background: var(--qui-bg-overlay);
}
.qui-dialog, .qui-delete-confirm-panel {
  --qui-radius-panel: 0.5rem;
  width: min(38rem, calc(100vw - 2rem));
  max-height: min(42rem, calc(100dvh - var(--qui-shell-header-height) - 2rem));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-panel);
  background: var(--qui-bg-page);
  box-shadow: var(--qui-shadow-lg);
  overflow: hidden;
}
.qui-delete-confirm-header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-lg);
  padding: 0.85rem var(--qui-panel-padding-x);
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-dialog header {
  padding: 0.85rem var(--qui-panel-padding-x);
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-dialog-body, .qui-delete-confirm-body {
  min-height: 0;
  overflow: auto;
  padding: var(--qui-space-xl) var(--qui-panel-padding-x);
}
.qui-delete-confirm-footer {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-lg);
  padding: 0.75rem var(--qui-panel-padding-x);
  border-top: 1px solid var(--qui-border-subtle);
}
.qui-dialog > footer {
  padding: 0.75rem var(--qui-panel-padding-x);
  border-top: 1px solid var(--qui-border-subtle);
}
.qui-delete-confirm-summary, .qui-delete-confirm-impact {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
}
.qui-delete-confirm-warning {
  font-size: var(--qui-font-size-md);
  border-color: var(--qui-danger-border);
  background: var(--qui-danger-soft);
  color: var(--qui-danger);
}
.qui-delete-confirm-names {
  display: grid;
  gap: 0.35rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.qui-delete-confirm-names li {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 0.45rem 0.55rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-raised);
}
.qui-messagebar strong, .qui-state h3 {
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-lg);
}
.qui-messagebar p, .qui-state p {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
}
.qui-auth-saved-account-loading {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-spinner, .qui-loading-line {
  width: 1rem;
  height: 1rem;
  box-sizing: border-box;
  flex-shrink: 0;
  aspect-ratio: 1;
  border: 2px solid var(--qui-border);
  border-top-color: var(--qui-accent-text);
  border-radius: var(--qui-radius-round);
  animation: qui-spin 0.8s linear infinite;
}
.qui-file-upload {
  min-width: 0;
  display: grid;
  place-items: center;
  gap: 0.45rem;
  min-height: 8rem;
  padding: var(--qui-space-xl);
  border: 1px dashed var(--qui-border-strong);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-raised);
  color: var(--qui-text-muted);
  text-align: center;
}
.qui-file-upload input[type="file"] {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}
.qui-file-upload-icon {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-grid;
  place-items: center;
  border-radius: var(--qui-radius-control);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
}
.qui-file-upload-copy {
  display: grid;
  gap: 0.15rem;
}
.qui-progress {
  display: grid;
  gap: 0.35rem;
  height: 0.45rem;
  overflow: hidden;
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-muted);
}
.qui-progress > span {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--qui-accent);
}
.qui-dashboard-editor {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-width: 0;
  width: 100%;
  min-height: 100%;
}
.qui-dashboard-editor.is-editing {
  grid-template-columns: minmax(0, 1fr) 20rem;
  height: var(--dashboard-height, calc(100dvh - var(--qui-shell-header-height)));
  min-height: 0;
  overflow: hidden;
  background: var(--qui-bg-muted);
}
.qui-dashboard-canvas {
  min-width: 0;
  min-height: 0;
}
.qui-dashboard-editor-panel {
  display: flex;
  flex-direction: column;
  min-width: 0;
  min-height: 0;
  height: 100%;
  border-left: 1px solid var(--qui-border);
  background: var(--qui-bg-page);
  color: var(--qui-text);
  overflow: hidden;
}
.qui-dashboard-editor.is-editing .qui-dashboard-canvas {
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-gutter: stable;
}
.qui-dashboard-editor-tabs {
  display: none;
  gap: .5rem;
  padding: .5rem .75rem;
  border-bottom: 1px solid var(--qui-border);
  background: var(--qui-bg-page);
}
.qui-dashboard-editor-tabs button {
  flex: 1;
  padding: .625rem;
  border-radius: .5rem;
  color: var(--qui-text-muted);
  font-size: .875rem;
}
.qui-dashboard-editor-tabs button[aria-pressed="true"] {
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
}
.qui-dashboard-widget:is(:hover, :focus-within, .is-resizing) .qui-dashboard-resize-handle {
  opacity: 1;
}
.qui-dashboard-title-link:is(:hover, :focus-visible) {
  color: var(--qui-accent-text);
  text-decoration: underline;
  text-underline-offset: .2em;
}
.qui-dashboard-editor-heading {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-shrink: 0;
  gap: .625rem;
  padding: 1rem;
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-dashboard-editor-heading h2 {
  font-family: var(--qui-font-label);
  font-size: .9375rem;
  font-weight: 600;
  color: var(--qui-text-strong);
  overflow-wrap: anywhere;
}
.qui-dashboard-editor-heading p {
  margin-top: .25rem;
  font-size: .75rem;
  line-height: 1.5;
  color: var(--qui-text-muted);
}
.qui-dashboard-editor-scroll {
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  min-height: 0;
  padding: 1rem;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.qui-dashboard-editor-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: .75rem;
  padding: .875rem 1rem;
  border-top: 1px solid var(--qui-border-subtle);
}
.qui-dashboard-library-list {
  display: grid;
  gap: .75rem;
}
.qui-dashboard-library-item {
  display: grid;
  gap: .875rem;
  min-width: 0;
  padding: .875rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: .875rem;
  background: var(--qui-bg-surface);
}
.qui-dashboard-empty-canvas {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .75rem;
  min-height: 16rem;
  padding: 2rem 1rem;
  border: 1px dashed var(--qui-border);
  border-radius: 1.125rem;
  background: var(--qui-bg-page);
  text-align: center;
}
.qui-dashboard-drag-handle {
  display: inline-grid;
  place-items: center;
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: .5rem;
  background: var(--qui-bg-surface);
  color: var(--qui-text-muted);
  cursor: grab;
  touch-action: none;
  user-select: none;
}
.qui-dashboard-drag-handle:disabled {
  cursor: default;
  opacity: .45;
}
.qui-dashboard-drag-handle:focus-visible {
  outline: 2px solid var(--qui-control-border-focus);
  outline-offset: 2px;
}
.qui-dashboard-editor.is-editing .qui-dashboard-widget {
  border-style: dashed;
  border-color: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--qui-accent) 45%, var(--qui-border));
  }
}
.qui-dashboard-widget.is-editor-selected {
  outline: 2px solid var(--qui-accent);
  outline-offset: -1px;
}
.qui-dashboard-editor .is-dragging {
  opacity: .45;
}
.qui-dashboard-widget.is-drop-before {
  box-shadow: inset 0 4px 0 var(--qui-accent);
}
.qui-dashboard-widget.is-drop-after {
  box-shadow: inset 0 -4px 0 var(--qui-accent);
}
.qui-dashboard-editor.is-empty-drop .qui-dashboard-empty-canvas {
  border-color: var(--qui-accent);
  background: var(--qui-accent-soft);
}
.qui-dashboard-drag-preview {
  position: fixed;
  z-index: 100;
  max-width: min(18rem, calc(100vw - 1rem));
  padding: .875rem 1rem;
  border: 1px solid var(--qui-accent);
  border-radius: .75rem;
  background: var(--qui-bg-page);
  color: var(--qui-text-strong);
  box-shadow: var(--qui-shadow-sm);
  font-size: .875rem;
  pointer-events: none;
}
.qui-dashboard-grid, .qui-dashboard-widget-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(20rem, 100%), 1fr));
  gap: var(--qui-space-xl);
}
.qui-dashboard-grid.is-packed {
  container: qui-dashboard / inline-size;
  grid-template-columns: repeat(auto-fill, minmax(min(20rem, 100%), 1fr));
  align-items: start;
  align-content: start;
  gap: 1rem;
}
.qui-dashboard-grid.is-packed > .qui-dashboard-widget {
  min-width: 0;
  max-width: 100%;
  grid-column: span var(--dashboard-span, 1);
}
.qui-dashboard-grid.is-masonry {
  grid-auto-rows: 1px;
  grid-auto-flow: row dense;
  row-gap: 0;
}
.qui-dashboard-grid.is-masonry > .qui-dashboard-widget {
  grid-row-end: span var(--dashboard-rows, 1);
}
.qui-widget-card {
  min-width: 0;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-sm);
  padding: 0.85rem;
}
.qui-dashboard-widget {
  position: relative;
  container: qui-widget / inline-size;
  min-width: 0;
  border: 1px solid var(--qui-border-subtle);
  border-radius: 1.125rem;
  background: var(--qui-bg-page);
  color: var(--qui-text);
  box-shadow: 0 0.25rem 1rem -0.65rem var(--qui-text);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0.25rem 1rem -0.65rem color-mix(in srgb, var(--qui-text) 20%, transparent);
  }
  display: flex;
  flex-direction: column;
  gap: 1.15rem;
  padding: clamp(1rem, 1.5vw, 1.25rem);
}
.qui-dashboard-widget-copy {
  min-width: 0;
  display: grid;
  gap: .1875rem;
}
.qui-dashboard-widget-copy h2 {
  font-family: var(--qui-font-label);
  font-size: .9375rem;
  font-weight: 600;
  line-height: 1.2;
  overflow-wrap: anywhere;
}
.qui-dashboard-widget-copy p {
  margin: 0;
  color: var(--qui-text-muted);
  font-size: .75rem;
  line-height: 1.2;
}
.qui-dashboard-widget-body > .qui-dashboard-metric, .qui-dashboard-widget-body > .qui-empty-state {
  border: 0;
  padding: 0;
  background: transparent;
  box-shadow: none;
}
.qui-dashboard-widget > .qui-dashboard-widget-footer {
  margin-top: auto;
  padding-top: var(--qui-space-lg);
  border-top: 1px solid var(--qui-border-subtle);
}
.qui-dashboard-metric-copy, .qui-dashboard-widget-footer, .qui-widget-card-body {
  min-width: 0;
  display: grid;
  gap: 0.35rem;
}
.qui-dashboard-metric-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--qui-space-lg);
}
.qui-dashboard-metric-grid.is-3 {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.qui-dashboard-metric-grid.is-4 {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}
.qui-dashboard-widget-header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.6rem;
}
.qui-dashboard-widget-title-row {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: .625rem;
}
.qui-dashboard-widget-icon {
  width: 2.125rem;
  height: 2.125rem;
  flex: 0 0 auto;
  display: inline-grid;
  place-items: center;
  border-radius: .75rem;
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
}
.qui-dashboard-widget-symbol {
  width: 1.125rem;
  height: 1.125rem;
}
.qui-dashboard-metric {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--qui-space-lg);
  padding: 0.85rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  font-size: var(--qui-font-size-md);
  line-height: 1.35;
}
.qui-dashboard-metric-copy span, .qui-dashboard-metric-copy small {
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.3;
}
.qui-dashboard-metric-copy strong {
  min-width: 0;
  overflow-wrap: anywhere;
  font-family: var(--qui-font-heavy);
  font-size: 1.6rem;
  line-height: 1.1;
  color: var(--qui-text-strong);
}
.qui-widget-card-metric {
  font-family: var(--qui-font-heavy);
  font-size: 1.6rem;
  line-height: 1.1;
  color: var(--qui-text-strong);
}
.qui-record-action-menu {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.qui-record-action-menu.is-triggerless {
  display: block;
  width: 100%;
  overflow: hidden;
}
.qui-record-action-trigger {
  width: 1.875rem;
  height: 1.875rem;
  display: inline-grid;
  place-items: center;
  border: 1px solid transparent;
  border-radius: var(--qui-radius-control);
  background: transparent;
  color: var(--qui-text-muted);
  cursor: pointer;
  padding: 0;
}
.qui-record-action-trigger:hover, .qui-record-action-trigger:focus-visible, .qui-record-action-trigger[aria-expanded="True"], .qui-record-action-trigger[aria-expanded="true"] {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
  outline: none;
}
.qui-record-action-trigger:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.qui-record-action-backdrop {
  position: fixed;
  inset: 0;
  z-index: calc(var(--qui-z-popover) - 1);
  border: 0;
  background: transparent;
  cursor: default;
  padding: 0;
}
.qui-record-action-menu-list {
  position: absolute;
  top: calc(100% + 0.375rem);
  right: 0;
  z-index: var(--qui-z-popover);
  display: grid;
  min-width: 13rem;
  gap: 0;
  overflow: hidden;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  box-shadow: var(--qui-shadow-md);
  padding: 0;
  text-align: left;
}
.qui-record-action-menu.is-triggerless .qui-record-action-menu-list {
  position: static;
  display: block;
  width: 100%;
  min-width: 0;
  border: 0;
  border-radius: inherit;
  background: transparent;
  box-shadow: none;
  padding: 0;
  overflow: hidden;
}
.qui-record-action-item {
  width: 100%;
  min-height: 2.5rem;
  display: flex;
  align-items: center;
  gap: var(--qui-space-md);
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--qui-text);
  cursor: pointer;
  font: inherit;
  font-size: var(--qui-font-size-md);
  font-weight: 650;
  line-height: 1.2;
  padding: 0.625rem 0.875rem;
  text-align: left;
}
.qui-record-action-item:first-child {
  border-radius: var(--qui-radius-card) var(--qui-radius-card) 0 0;
}
.qui-record-action-item:last-child {
  border-radius: 0 0 var(--qui-radius-card) var(--qui-radius-card);
}
.qui-record-action-item:only-child {
  border-radius: var(--qui-radius-card);
}
.qui-record-action-item:hover, .qui-record-action-item:focus-visible {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, var(--qui-bg-surface));
  }
  color: var(--qui-text-strong);
  outline: none;
}
.qui-record-action-item:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.qui-record-action-item.is-destructive {
  color: var(--qui-danger);
}
.qui-record-action-item small {
  display: block;
  margin-left: auto;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-xs);
  font-weight: 600;
  line-height: 1.2;
}
.qui-mobile-record-card {
  position: relative;
  min-width: 0;
  min-height: 3.875rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.625rem;
  align-items: center;
  border-bottom: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  cursor: pointer;
  padding: var(--qui-space-md) 0.625rem;
}
.qui-mobile-record-card:hover, .qui-mobile-record-card:focus-visible, .qui-mobile-record-card.is-selected {
  background: var(--qui-bg-selected);
  outline: none;
}
.qui-mobile-record-card.is-bulk-selected::before {
  position: absolute;
  inset: 0 auto 0 0;
  width: 0.1875rem;
  background: var(--qui-accent);
  content: "";
}
.qui-mobile-record-card.is-disabled {
  cursor: not-allowed;
  opacity: 0.62;
}
.qui-mobile-record-card-details {
  min-width: 0;
}
.qui-mobile-record-card-main {
  min-width: 0;
  display: grid;
  gap: 0.3125rem;
}
.qui-mobile-record-card-identity {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.625rem;
}
.qui-mobile-record-card-icon {
  width: 2.25rem;
  height: 2.25rem;
  display: inline-grid;
  place-items: center;
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-muted);
  color: var(--qui-accent-text);
}
.qui-mobile-record-card-identity > div:last-child {
  display: grid;
  gap: var(--qui-space-2xs);
  min-width: 0;
}
.qui-mobile-record-card-meta > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-mobile-record-card-identity > div:last-child > strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-strong);
  font-size: var(--qui-font-size-lg);
  line-height: 1.25;
}
.qui-mobile-record-card-identity > div:last-child > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.35;
}
.qui-mobile-record-card-meta {
  min-width: 0;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.35;
  display: flex;
  align-items: center;
  gap: var(--qui-space-md);
}
.qui-mobile-record-card-actions {
  display: flex;
  align-items: center;
  gap: var(--qui-space-md);
  justify-content: flex-end;
}
.qui-mobile-record-card-selector {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  accent-color: var(--qui-accent-text);
  cursor: pointer;
}
.qui-swatch-option {
  min-width: 0;
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: var(--qui-text);
  font-size: var(--qui-font-size-md);
}
.qui-check {
  min-width: 0;
  display: inline-flex;
  align-items: flex-start;
  gap: 0.5rem;
  color: var(--qui-text);
  font-size: var(--qui-font-size-md);
  cursor: pointer;
}
.qui-check > input {
  appearance: none;
  -webkit-appearance: none;
  width: var(--qui-choice-size);
  height: var(--qui-choice-size);
  min-width: var(--qui-choice-size);
  margin: 0.1rem 0 0;
  display: inline-grid;
  place-content: center;
  border: 1px solid var(--qui-border-strong);
  background: var(--qui-bg-surface);
  color: var(--qui-choice-checked-fg);
  transition: border-color var(--qui-motion-fast) ease, background-color var(--qui-motion-fast) ease, box-shadow var(--qui-motion-fast) ease;
  border-radius: 0.2rem;
}
.qui-check > input::before {
  content: "";
  width: 0.5rem;
  height: 0.28rem;
  border-left: 0.125rem solid currentColor;
  border-bottom: 0.125rem solid currentColor;
  transform: translateY(-0.04rem) rotate(-45deg) scale(0);
  transform-origin: center;
  transition: transform var(--qui-motion-fast) ease;
}
.qui-check > input:checked, .qui-check > input:indeterminate {
  border-color: var(--qui-choice-checked-bg);
  background: var(--qui-choice-checked-bg);
  color: var(--qui-choice-checked-fg);
}
.qui-check > input:checked::before {
  transform: translateY(-0.04rem) rotate(-45deg) scale(1);
}
.qui-check > input:indeterminate::before {
  width: 0.5rem;
  height: 0.125rem;
  border: 0;
  background: currentColor;
  transform: scale(1);
}
.qui-check > input:focus-visible {
  outline: 0;
  box-shadow: var(--qui-control-focus-shadow);
}
.qui-check > input:disabled {
  border-color: var(--qui-border-subtle);
  background: var(--qui-bg-muted);
  color: var(--qui-text-disabled);
}
.qui-check:has(input:disabled) {
  cursor: not-allowed;
  color: var(--qui-text-disabled);
}
.qui-check > span {
  min-width: 0;
  display: grid;
  gap: 0.125rem;
}
.qui-check strong {
  color: inherit;
  font-family: var(--qui-font-label);
  font-weight: 600;
  line-height: 1.3;
}
.qui-check small {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.35;
}
.qui-check:has(input:disabled) small {
  color: var(--qui-text-disabled);
}
.qui-color-swatch {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
  display: inline-block;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-round);
  background: var(--qui-accent);
}
.qui-copy-button {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
}
.qui-quick-link-card {
  min-width: 0;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-sm);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem;
  padding: var(--qui-space-lg);
}
.qui-quick-link-icon {
  width: 2rem;
  height: 2rem;
  display: inline-grid;
  place-items: center;
  border-radius: var(--qui-radius-control);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
}
.qui-quick-link-body, .qui-section-heading, .qui-section-heading-content {
  min-width: 0;
  display: grid;
  gap: 0.2rem;
}
.qui-quick-link-title, .qui-section-heading-title {
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: 0.95rem;
}
.qui-quick-link-description, .qui-section-heading-description, .qui-section-heading-eyebrow {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-stepper {
  display: grid;
  gap: 0.45rem;
}
.qui-stepper-item {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.55rem;
  color: var(--qui-text-muted);
}
.qui-stepper-number {
  width: 1.5rem;
  height: 1.5rem;
  display: inline-grid;
  place-items: center;
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-muted);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-stepper-item.is-active .qui-stepper-number, .qui-stepper-item.is-complete .qui-stepper-number {
  background: var(--qui-accent);
  color: var(--qui-accent-contrast);
}
.qui-stepper-copy {
  min-width: 0;
  display: grid;
  gap: 0.05rem;
}
.qui-calendar-grid, .qui-calendar-weekdays {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 0.35rem;
}
.qui-calendar-day {
  min-height: 4rem;
  padding: 0.45rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
}
.qui-picker {
  position: relative;
  min-width: 0;
}
.qui-date-picker, .qui-datetime-picker, .qui-time-picker, .qui-picker-subfield {
  min-width: 0;
}
.qui-picker-backdrop {
  position: fixed;
  inset: 0;
  z-index: calc(var(--qui-z-popover) - 1);
  border: 0;
  background: transparent;
}
.qui-picker-popover {
  position: absolute;
  z-index: var(--qui-z-popover);
  top: calc(100% + 0.35rem);
  left: 0;
  width: min(22rem, calc(100vw - 1.5rem));
  display: grid;
  gap: 0.55rem;
  padding: 0.65rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  box-shadow: var(--qui-shadow-lg);
}
.qui-picker-header, .qui-picker-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-md);
}
.qui-time-list {
  display: grid;
  gap: var(--qui-space-xs);
  max-height: 16rem;
  overflow: auto;
}
.qui-time-option:hover, .qui-time-option.is-selected {
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
}
.qui-identity-hero {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(14rem, 0.46fr) auto;
  align-items: start;
  gap: var(--qui-space-lg);
  padding: 0.9rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
}
.qui-identity-hero-main, .qui-identity-hero-content {
  min-width: 0;
  display: grid;
  gap: 0.45rem;
}
.qui-identity-hero-actions {
  min-width: 0;
  display: grid;
  gap: 0.45rem;
  justify-items: end;
}
.qui-identity-hero-aside {
  min-width: 0;
  display: grid;
  gap: 0.45rem;
  align-self: stretch;
}
.qui-toggle {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 0.6rem;
  width: 100%;
  min-width: 0;
}
.qui-toggle input {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  opacity: 0;
  pointer-events: none;
}
.qui-toggle-track {
  position: relative;
  width: 2.25rem;
  height: 1.25rem;
  display: inline-flex;
  align-items: center;
  padding: 0.125rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-muted);
  transition: border-color var(--qui-motion-fast) ease, background-color var(--qui-motion-fast) ease, box-shadow var(--qui-motion-fast) ease;
}
.qui-toggle-track::before {
  content: "";
  width: 0.875rem;
  height: 0.875rem;
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-surface);
  box-shadow: var(--qui-shadow-sm);
  transition: transform var(--qui-motion-fast) ease, background-color var(--qui-motion-fast) ease;
}
.qui-toggle-track > span {
  display: none;
}
.qui-toggle input:checked + .qui-toggle-track {
  border-color: var(--qui-accent);
  background: var(--qui-accent);
}
.qui-toggle input:checked + .qui-toggle-track::before {
  background: var(--qui-accent-contrast);
  transform: translateX(1rem);
}
.qui-toggle input:focus-visible + .qui-toggle-track {
  outline: 0;
  box-shadow: var(--qui-control-focus-shadow);
}
.qui-toggle input:disabled + .qui-toggle-track {
  border-color: var(--qui-border-subtle);
  background: var(--qui-bg-muted);
  opacity: 0.7;
}
.qui-toggle:has(input:disabled) {
  cursor: not-allowed;
  color: var(--qui-text-disabled);
}
.qui-toggle > span:last-child {
  min-width: 0;
  display: grid;
  gap: 0.15rem;
  overflow-wrap: anywhere;
}
.qui-toggle strong {
  min-width: 0;
  display: block;
  line-height: 1.35;
  overflow-wrap: anywhere;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-label);
  font-size: var(--qui-font-size-md);
  font-weight: 600;
}
.qui-toggle small {
  min-width: 0;
  display: block;
  line-height: 1.35;
  overflow-wrap: anywhere;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-toggle:has(input:disabled) strong, .qui-toggle:has(input:disabled) small {
  color: var(--qui-text-disabled);
}
.qui-account-toggle-card {
  min-height: 4.25rem;
}
.qui-account-toggle-card .qui-card-content {
  height: 100%;
  display: flex;
  align-items: center;
}
.qui-link {
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--qui-accent-text);
  font-family: var(--qui-font-heavy);
}
.qui-link-neutral, .qui-link-quiet {
  color: var(--qui-text-muted);
}
.qui-module-sidebar-rail.is-collapsed {
  width: var(--qui-shell-rail-width);
  flex-basis: var(--qui-shell-rail-width);
}
.qui-module-sidebar-mobile {
  width: min(20rem, calc(100vw - 3.5rem));
  max-width: 20rem;
  flex: 0 0 auto;
  border-right: 1px solid var(--qui-shell-surface-border);
  box-shadow: var(--qui-shadow-md);
}
.qui-module-sidebar-inner {
  min-width: 0;
  min-height: 0;
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  overflow: hidden;
}
.qui-module-sidebar-header {
  min-width: 0;
  min-height: 4rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 3.5rem;
  align-items: stretch;
  gap: 0;
  padding: 0;
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-module-sidebar-header-copy {
  padding: 0;
  min-width: 0;
  display: grid;
  gap: 0.35rem;
}
.qui-module-nav-utilities {
  min-width: 0;
  display: grid;
  gap: 0;
  border-top: 1px solid var(--qui-border-subtle);
  border-bottom: 1px solid var(--qui-border-subtle);
  background: var(--qui-shell-surface);
}
.qui-module-mobile-back-row {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 3.5rem;
  align-items: stretch;
  gap: 0;
  margin: 0;
  padding: 0;
  background: var(--qui-shell-surface);
  border-bottom: 1px solid var(--qui-border-subtle);
  min-height: 3.5rem;
  border-top: 1px solid var(--qui-border-subtle);
}
.qui-module-mobile-back-row .qui-module-back-action {
  width: 100%;
  height: 100%;
  min-height: 3.5rem;
  margin: 0;
}
.qui-module-mobile-back-spacer, .qui-module-title-action-spacer {
  min-width: 0;
}
.qui-module-sidebar-title-row {
  min-width: 0;
  width: 100%;
  box-sizing: border-box;
  display: grid;
  align-items: stretch;
  gap: 0;
  margin: 0;
  padding: 0;
  background: var(--qui-shell-surface);
  border-bottom: 1px solid var(--qui-border-subtle);
  min-height: 3.5rem;
  grid-template-columns: minmax(0, 1fr) 3.5rem;
}
.qui-module-title-main {
  min-width: 0;
  min-height: 3.5rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem var(--qui-space-lg);
}
.qui-module-title-icon {
  width: 2rem;
  height: 2rem;
  display: inline-grid;
  place-items: center;
  color: var(--qui-text-muted);
}
.qui-module-title-icon-svg {
  width: 1.5rem;
  height: 1.5rem;
}
.qui-module-title-copy {
  min-width: 0;
  display: block;
  text-align: left;
}
.qui-module-title-copy strong {
  min-width: 0;
  display: block;
  overflow: hidden;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-label);
  font-size: .875rem;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: 400;
}
.qui-module-title-apps {
  width: 3.5rem;
  min-width: 3.5rem;
  height: 100%;
  min-height: 3.5rem;
  margin: 0;
  padding: 0;
  justify-self: stretch;
}
.qui-module-back-action {
  cursor: pointer;
  font: inherit;
}
.qui-module-back-action:focus-visible, .qui-module-title-apps:focus-visible {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, transparent);
  }
  color: var(--qui-text-strong);
  outline: none;
}
.qui-module-nav-svg {
  width: var(--qui-icon-size-xl);
  height: var(--qui-icon-size-xl);
  flex: 0 0 auto;
  color: currentColor;
  fill: currentColor;
}
.qui-module-nav-svg use {
  fill: currentColor;
}
.qui-module-nav-toggle {
  align-self: stretch;
  width: 3.5rem;
  min-width: 3.5rem;
  height: auto;
  min-height: 100%;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--qui-text-muted);
}
.qui-module-nav-toggle .qui-module-nav-svg {
  width: 1.375rem;
  height: 1.375rem;
}
.qui-module-nav-toggle:hover, .qui-module-nav-toggle:focus-visible {
  border-color: transparent;
  color: var(--qui-accent-text-hover);
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, transparent);
  }
  outline: none;
}
.qui-module-sidebar-summary {
  min-width: 0;
  padding: var(--qui-space-lg);
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-module-nav {
  min-width: 0;
  min-height: 0;
  overflow-y: auto;
  padding: 0;
}
.qui-module-nav-group {
  padding: var(--qui-space-lg) var(--qui-space-xl) 0.35rem;
  color: var(--qui-text-subtle);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-xs);
  text-transform: uppercase;
  letter-spacing: 0;
}
.qui-module-nav-group-items {
  display: grid;
  gap: 0.2rem;
}
.qui-module-nav-item:hover {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, transparent);
  }
  color: var(--qui-text-strong);
}
.qui-module-nav-item.is-active {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 12%, transparent);
  }
  color: var(--qui-accent-text);
  box-shadow: inset 0.1875rem 0 0 var(--qui-accent);
}
.qui-module-nav-icon {
  width: 2rem;
  height: 2rem;
  display: inline-grid;
  place-items: center;
  background: transparent;
  color: currentColor;
}
.qui-module-nav-item.is-active .qui-module-nav-icon {
  background: transparent;
}
.qui-module-nav-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-module-sidebar.is-collapsed {
  flex: 0 0 var(--qui-shell-rail-width);
  width: var(--qui-shell-rail-width);
  min-width: var(--qui-shell-rail-width);
  max-width: var(--qui-shell-rail-width);
}
.qui-module-sidebar.is-collapsed .qui-module-sidebar-header {
  grid-template-columns: 1fr;
  justify-items: stretch;
  padding: 0;
}
.qui-module-sidebar.is-collapsed .qui-module-nav-toggle {
  width: 100%;
  min-width: 100%;
}
.qui-module-sidebar.is-collapsed .qui-module-sidebar-header-copy, .qui-module-sidebar.is-collapsed .qui-module-sidebar-summary, .qui-module-sidebar.is-collapsed .qui-module-nav-group {
  display: none;
}
.qui-module-sidebar.is-collapsed .qui-module-nav {
  overflow-x: hidden;
  overflow-y: auto;
  padding-inline: 0;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.qui-module-sidebar.is-collapsed .qui-module-nav::-webkit-scrollbar {
  width: 0;
  height: 0;
  display: none;
}
.qui-module-sidebar.is-collapsed .qui-module-sidebar-inner {
  overflow-x: hidden;
}
.qui-module-sidebar.is-collapsed .qui-module-nav-item {
  grid-template-columns: 1fr;
  justify-items: center;
  padding-inline: var(--qui-space-lg);
}
.qui-module-sidebar.is-collapsed .qui-module-nav-item:hover {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, transparent);
  }
}
.qui-module-sidebar.is-collapsed .qui-module-nav-item.is-active {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 12%, transparent);
  }
  box-shadow: inset 0.1875rem 0 0 var(--qui-accent);
}
.qui-page-header {
  padding: 0.9rem var(--qui-space-xl);
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-page);
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-lg);
}
.qui-context-trigger {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  min-height: var(--qui-control-size-regular);
  padding: 0.45rem 0.6rem;
  border: 1px solid transparent;
  border-radius: var(--qui-radius-control);
  background: transparent;
  color: var(--qui-text);
  text-align: left;
}
.qui-account-menu-row:hover, .qui-account-menu-row:focus-visible, .qui-account-preference-summary:hover, .qui-account-preference-summary:focus-visible, .qui-account-option-row:hover, .qui-account-option-row:focus-visible {
  border-color: transparent;
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, var(--qui-shell-surface));
  }
  color: var(--qui-text-strong);
  outline: none;
}
.qui-account-line-icon, .qui-notification-line-icon, .qui-command-input-icon svg, .qui-command-suggestion-icon svg, .qui-command-type-card svg {
  width: var(--qui-icon-size-large);
  height: var(--qui-icon-size-large);
  flex: 0 0 auto;
  stroke: currentColor;
}
.qui-account-row-chevron {
  width: var(--qui-icon-size-medium);
  height: var(--qui-icon-size-medium);
  flex: 0 0 auto;
  color: var(--qui-text-subtle);
  transform: rotate(180deg);
}
.qui-module-header-nav-trigger, .qui-mobile-route-back {
  display: none;
}
.qui-topbar-brand {
  --qui-brand-full-display: block;
  --qui-brand-mark-display: none;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--qui-space-xs);
  margin-inline-start: var(--qui-space-xs);
  padding: 0 var(--qui-space-xl);
  color: inherit;
  text-decoration: none;
}
.qui-topbar-brand .qui-topbar-logo-full {
  --qui-brand-logo-display: var(--qui-brand-full-display);
}
.qui-topbar-brand .qui-topbar-logo-mark {
  --qui-brand-logo-display: var(--qui-brand-mark-display);
}
.qui-topbar-brand .qui-topbar-logo {
  display: var(--qui-brand-logo-display);
}
.qui-topbar-brand .qui-topbar-logo-dark, html.dark .qui-topbar-brand .qui-topbar-logo-light {
  display: none;
}
html.dark .qui-topbar-brand .qui-topbar-logo-dark {
  display: var(--qui-brand-logo-display);
}
.qui-command-trigger {
  width: 100%;
  min-height: var(--qui-control-size-regular);
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.55rem;
  padding-inline: var(--qui-space-lg);
  color: var(--qui-text-muted);
}
.qui-command-trigger:not(.qui-command-trigger-compact) {
  background: var(--qui-bg-input);
  box-shadow: var(--qui-shadow-input-inset);
}
.qui-command-trigger-active {
  border-color: var(--qui-control-border-focus);
  background: var(--qui-bg-input);
  box-shadow: var(--qui-shadow-input-inset);
}
.qui-command-trigger:not(.qui-command-trigger-compact):hover:not(:disabled):not(.qui-command-trigger-active) {
  border-color: var(--qui-control-border-hover);
  background: var(--qui-bg-input-hover);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-input-inset);
}
.qui-command-trigger-compact {
  height: 100%;
  min-width: var(--qui-control-size-regular);
  justify-content: center;
  padding: 0 1rem;
}
.qui-command-trigger-compact .qui-line-icon {
  flex: 0 0 auto;
}
.qui-command-trigger-input {
  min-width: 0;
  flex: 1 1 auto;
  border: 0;
  background: transparent;
  color: var(--qui-text);
  outline: 0;
}
.qui-command-trigger-input::placeholder {
  color: var(--qui-text-placeholder);
  opacity: 1;
}
.qui-command-trigger-label {
  min-width: 0;
  flex: 1 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left;
}
.qui-command-trigger-shortcut {
  flex: 0 0 auto;
  color: var(--qui-text-subtle);
  font-size: var(--qui-font-size-xs);
}
.qui-account-shell {
  min-width: 0;
  max-height: inherit;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  min-height: 0;
}
.qui-account-shell.is-subview {
  grid-template-rows: auto minmax(0, 1fr);
}
.qui-account-titlebar {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-lg);
  border-bottom: 1px solid var(--qui-border-subtle);
  min-height: 3.5rem;
  padding: 0;
  color: var(--qui-text-strong);
  font-size: 1.1rem;
  font-weight: 500;
  font-family: var(--qui-font-heavy);
}
.qui-account-titlebar > span {
  min-width: 0;
  flex: 1 1 auto;
  padding: 0.75rem 1rem;
}
.qui-account-titlebar.is-subview > span {
  text-align: center;
}
.qui-account-titlebar > .qui-account-icon-button {
  align-self: stretch;
  width: 3.5rem;
  min-width: 3.5rem;
  height: auto;
  min-height: 0;
}
.qui-account-icon-button {
  width: var(--qui-control-size-compact);
  min-width: var(--qui-control-size-compact);
  height: var(--qui-control-size-compact);
  min-height: var(--qui-control-size-compact);
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--qui-radius-control);
  background: transparent;
  color: var(--qui-text-muted);
  line-height: 1;
  transition: background-color 0.14s ease, border-color 0.14s ease, color 0.14s ease, box-shadow 0.14s ease;
}
.qui-account-icon-button:hover, .qui-notification-icon-button:hover {
  border-color: var(--qui-border-subtle);
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
}
.qui-account-subview-scroll {
  padding: 0;
}
.qui-account-identity {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--qui-space-lg);
  padding: 1rem;
  border: 0;
  border-bottom: 1px solid var(--qui-border-subtle);
  border-radius: 0;
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 3%, var(--qui-shell-surface));
  }
}
.qui-account-avatar-large {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-grid;
  place-items: center;
  border-radius: var(--qui-radius-round);
  background: var(--qui-accent);
  color: var(--qui-accent-contrast);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-lg);
  font-weight: 700;
}
.qui-account-profile-copy {
  min-width: 0;
  display: grid;
  gap: 0.1rem;
}
.qui-account-name {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-lg);
  font-weight: 700;
}
.qui-account-email {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-account-menu {
  display: grid;
  gap: 0;
  padding: 0;
}
.qui-account-menu-row, .qui-account-preference-summary, .qui-account-option-row {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  border: 1px solid transparent;
  background: transparent;
  color: var(--qui-text);
  text-align: left;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  border-width: 0;
  border-radius: 0;
}
.qui-account-menu > :first-child {
  border-radius: var(--qui-radius-control) var(--qui-radius-control) 0 0;
}
.qui-account-menu > :last-child {
  border-radius: 0 0 var(--qui-radius-control) var(--qui-radius-control);
}
.qui-account-menu > :only-child {
  border-radius: var(--qui-radius-control);
}
.qui-account-row-value {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-account-row-trailing {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  flex: 0 1 auto;
  margin-left: auto;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-account-footer {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-lg);
  border-top: 1px solid var(--qui-border-subtle);
  border-bottom: 0;
  padding: 0;
}
.qui-account-signout {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.65rem;
  width: 100%;
  border: 1px solid transparent;
  background: transparent;
  text-align: left;
  min-height: 3rem;
  padding: 0.75rem 1rem;
  border-width: 0;
  justify-content: flex-start;
  color: var(--qui-text);
  border-radius: 0 0 0 var(--qui-radius-large);
}
.qui-account-signout:hover, .qui-account-signout:focus-visible {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, var(--qui-shell-surface));
  }
  color: var(--qui-text-strong);
  outline: none;
}
.qui-account-subview {
  display: grid;
  gap: 0;
}
.qui-account-subview .qui-account-option-row {
  min-height: 3.25rem;
  padding: 0.875rem 1rem;
  border: 0;
  border-radius: 0;
}
.qui-account-subview-note {
  margin: 0;
  padding: 0.875rem 1rem 0.625rem;
  border-bottom: 1px solid var(--qui-border-subtle);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-account-option-check {
  width: 0.75rem;
  height: 0.75rem;
  flex: 0 0 auto;
  border-radius: var(--qui-radius-round);
  border: 1px solid var(--qui-border-strong);
}
.qui-account-option-row.is-selected .qui-account-option-check {
  border-color: var(--qui-accent-text);
  background: var(--qui-accent);
}
.qui-accent-swatch {
  width: 1.125rem;
  height: 1.125rem;
  flex: 0 0 auto;
  border-radius: var(--qui-radius-round);
  border: 1px solid var(--qui-border-subtle);
  background: var(--qui-accent);
}
.qui-accent-swatch[data-accent="blue"], .qui-color-swatch[data-accent="blue"] {
  background: #1657f4;
}
.qui-accent-swatch[data-accent="cyan"], .qui-color-swatch[data-accent="cyan"], .qui-accent-swatch[data-accent="indigo"], .qui-color-swatch[data-accent="indigo"] {
  background: #7adcfb;
}
.qui-accent-swatch[data-accent="beige"], .qui-color-swatch[data-accent="beige"], .qui-accent-swatch[data-accent="purple"], .qui-color-swatch[data-accent="purple"] {
  background: #fff8e7;
  border-color: #d7c49a;
}
.qui-accent-swatch[data-accent="white"], .qui-color-swatch[data-accent="white"], .qui-accent-swatch[data-accent="emerald"], .qui-color-swatch[data-accent="emerald"] {
  background: #000000;
}
.qui-accent-swatch[data-accent="gold"], .qui-color-swatch[data-accent="gold"], .qui-accent-swatch[data-accent="lime"], .qui-color-swatch[data-accent="lime"], .qui-accent-swatch[data-accent="orange"], .qui-color-swatch[data-accent="orange"] {
  background: #7ee787;
}
.qui-accent-swatch[data-accent="amber"], .qui-color-swatch[data-accent="amber"] {
  background: #ffbf00;
}
html.dark .qui-accent-swatch[data-accent="amber"], html.dark .qui-color-swatch[data-accent="amber"] {
  background: #ffd65a;
}
.qui-accent-swatch[data-accent="burgundy"], .qui-color-swatch[data-accent="burgundy"], .qui-accent-swatch[data-accent="rose"], .qui-color-swatch[data-accent="rose"] {
  background: #800020;
}
html.dark .qui-accent-swatch[data-accent="burgundy"], html.dark .qui-color-swatch[data-accent="burgundy"], html.dark .qui-accent-swatch[data-accent="rose"], html.dark .qui-color-swatch[data-accent="rose"] {
  background: #a11d47;
}
html.dark .qui-accent-swatch[data-accent="white"], html.dark .qui-color-swatch[data-accent="white"], html.dark .qui-accent-swatch[data-accent="emerald"], html.dark .qui-color-swatch[data-accent="emerald"] {
  background: #ffffff;
  border-color: #626262;
}
.qui-command-header-docked {
  padding: 0;
}
.qui-command-input-row {
  min-width: 0;
  min-height: 4rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto 3.5rem;
  align-items: center;
  gap: 0.45rem;
  padding: 0.5rem 0 0.5rem 1rem;
}
.qui-command-input-icon {
  width: var(--qui-control-size-compact);
  height: var(--qui-control-size-compact);
  display: inline-grid;
  place-items: center;
  color: var(--qui-text-muted);
}
.qui-command-input {
  min-width: 0;
  min-height: var(--qui-control-size-regular);
  border: 0;
  background: transparent;
  color: var(--qui-text);
  outline: 0;
}
.qui-command-tabs-row {
  min-width: 0;
  min-height: 4rem;
  display: flex;
  align-items: stretch;
  justify-content: space-between;
  gap: 0;
  padding: 0;
}
.qui-command-tabs-row > .qui-command-tabs {
  align-self: center;
  margin-left: 1rem;
}
.qui-command-tabs {
  min-width: 0;
  display: inline-flex;
  gap: var(--qui-space-xs);
  padding: 0.2rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-muted);
}
.qui-command-tab {
  min-height: 1.85rem;
  padding-inline: 0.8rem;
  border: 0;
  border-radius: var(--qui-radius-round);
  background: transparent;
  color: var(--qui-text-muted);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-sm);
}
.qui-command-tab.is-active {
  background: var(--qui-bg-surface);
  color: var(--qui-text-strong);
  box-shadow: var(--qui-shadow-sm);
}
.qui-command-search-tab, .qui-command-assistant-tab, .qui-command-section, .qui-command-list {
  min-width: 0;
  display: grid;
  gap: 0.6rem;
}
.qui-command-suggestion-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--qui-space-lg);
}
.qui-command-section-heading {
  min-width: 0;
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 0.6rem;
}
.qui-command-section-heading span, .qui-command-card-title {
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-md);
  font-weight: 700;
}
.qui-command-section-heading small {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-xs);
}
.qui-command-suggestion, .qui-command-type-card {
  min-width: 0;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-raised);
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.65rem;
  padding: 0.65rem;
  color: var(--qui-text);
  text-align: left;
}
.qui-command-suggestion:hover, .qui-command-result:hover, .qui-command-type-card:hover {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
}
.qui-command-suggestion-icon, .qui-command-assistant-avatar {
  width: var(--qui-control-size-compact);
  height: var(--qui-control-size-compact);
  display: inline-grid;
  place-items: center;
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-muted);
  color: var(--qui-accent-text);
}
.qui-command-suggestion-copy, .qui-command-result-copy, .qui-command-type-card span, .qui-command-assistant-copy {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
}
.qui-command-suggestion-copy strong, .qui-command-result-copy strong, .qui-command-type-card strong, .qui-command-assistant-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-md);
}
.qui-command-suggestion-copy small, .qui-command-result-copy small, .qui-command-type-card small, .qui-command-assistant-copy small, .qui-command-card p, .qui-command-state p {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.35;
}
.qui-command-type-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.55rem;
}
.qui-command-result {
  min-width: 0;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-raised);
  display: grid;
  align-items: center;
  gap: 0.65rem;
  padding: 0.65rem;
  color: var(--qui-text);
  text-align: left;
  grid-template-columns: minmax(0, 1fr) auto;
}
.qui-command-result-badges, .qui-command-chip-row, .qui-command-form-row {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.45rem;
}
.qui-command-result-badges span, .qui-command-chip {
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-muted);
  color: var(--qui-text-muted);
  padding: 0.2rem 0.45rem;
  font-size: var(--qui-font-size-xs);
}
.qui-command-card {
  min-width: 0;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-raised);
  display: grid;
  gap: 0.45rem;
  padding: var(--qui-space-lg);
}
.qui-command-state {
  min-width: 0;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-raised);
  display: grid;
  gap: 0.45rem;
  padding: var(--qui-space-lg);
  place-items: center;
  min-height: 8rem;
  text-align: center;
}
.qui-command-state strong {
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
}
.qui-command-loading-lines {
  width: min(16rem, 100%);
  display: grid;
  gap: 0.35rem;
}
.qui-command-loading-lines span {
  height: 0.55rem;
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-muted);
}
.qui-command-assistant-profile {
  min-width: 0;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-raised);
  display: grid;
  align-items: center;
  gap: 0.65rem;
  padding: 0.65rem;
  color: var(--qui-text);
  text-align: left;
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.qui-global-activity {
  position: fixed;
  inset-inline: 0;
  top: 0;
  z-index: var(--qui-z-toast);
  height: 0.18rem;
  background: transparent;
}
.qui-global-activity-bar {
  width: 100%;
  height: 100%;
  border: 0;
  border-radius: 0;
  background: var(--qui-accent);
  animation: none;
}
@layer utilities {
  .sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
  }
  .qui-stack, .qui-stepper {
    display: grid;
    gap: var(--qui-space-lg);
  }
  .qui-topbar-start, .qui-topbar-end {
    display: flex;
    align-items: center;
    min-width: 0;
  }
  .qui-app-launcher-grid {
    display: grid;
    gap: var(--qui-space-lg);
    grid-template-columns: repeat(2, minmax(0, 1fr));
    min-width: 0;
  }
  .qui-icon-rotate-180 {
    transform: rotate(180deg);
  }
  @keyframes qui-spin {
    to {
      transform: rotate(360deg);
    }
  }
}
#blazor-error-ui {
  color-scheme: light only;
  background: lightyellow;
  bottom: 0;
  box-shadow: 0 -0.0625rem 0.125rem rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  display: none;
  left: 0;
  padding: 0.6rem 1.25rem 0.7rem 1.25rem;
  position: fixed;
  width: 100%;
  z-index: var(--qui-z-system);
}
#blazor-error-ui .dismiss {
  cursor: pointer;
  position: absolute;
  right: 0.75rem;
  top: 0.5rem;
}
.components-reconnect-first-attempt-visible, .components-reconnect-repeated-attempt-visible, .components-reconnect-failed-visible, .components-pause-visible, .components-resume-failed-visible {
  display: none;
}
#components-reconnect-modal.components-reconnect-show .components-reconnect-first-attempt-visible, #components-reconnect-modal.components-reconnect-show .components-rejoining-animation, #components-reconnect-modal.components-reconnect-paused .components-pause-visible, #components-reconnect-modal.components-reconnect-resume-failed .components-resume-failed-visible, #components-reconnect-modal.components-reconnect-retrying, #components-reconnect-modal.components-reconnect-retrying .components-reconnect-repeated-attempt-visible, #components-reconnect-modal.components-reconnect-retrying .components-rejoining-animation, #components-reconnect-modal.components-reconnect-failed, #components-reconnect-modal.components-reconnect-failed .components-reconnect-failed-visible {
  display: block;
}
#components-reconnect-modal {
  background-color: white;
  width: 20rem;
  margin: 20vh auto;
  padding: var(--qui-space-3xl);
  border: 0;
  border-radius: var(--qui-radius-card);
  box-shadow: 0 0.1875rem 0.375rem 0.125rem rgba(0, 0, 0, 0.3);
  opacity: 0;
  transition: display 0.5s allow-discrete, overlay 0.5s allow-discrete;
  animation: components-reconnect-modal-fadeOutOpacity 0.5s both;
}
#components-reconnect-modal::backdrop {
  background-color: rgba(0, 0, 0, 0.4);
  animation: components-reconnect-modal-fadeInOpacity 0.5s ease-in-out;
  opacity: 1;
}
@keyframes components-reconnect-modal-slideUp {
  0% {
    transform: translateY(1.875rem) scale(0.95);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes components-reconnect-modal-fadeInOpacity {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes components-reconnect-modal-fadeOutOpacity {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.components-reconnect-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--qui-space-xl);
}
#components-reconnect-modal p {
  margin: 0;
  text-align: center;
}
#components-reconnect-modal button {
  border: 0;
  background-color: #6b9ed2;
  color: white;
  padding: var(--qui-space-xs) var(--qui-space-2xl);
  border-radius: var(--qui-radius-control);
}
#components-reconnect-modal button:hover {
  background-color: #3b6ea2;
}
#components-reconnect-modal button:active {
  background-color: #6b9ed2;
}
.components-rejoining-animation {
  display: none;
  position: relative;
  width: 5rem;
  height: 5rem;
}
.components-rejoining-animation div {
  position: absolute;
  border: 0.1875rem solid #0087ff;
  opacity: 1;
  border-radius: 50%;
  animation: components-rejoining-animation 1.5s cubic-bezier(0, 0.2, 0.8, 1) infinite;
}
.components-rejoining-animation div:nth-child(2) {
  animation-delay: -0.5s;
}
@keyframes components-rejoining-animation {
  0% {
    top: 2.5rem;
    left: 2.5rem;
    width: 0;
    height: 0;
    opacity: 0;
  }
  4.9% {
    top: 2.5rem;
    left: 2.5rem;
    width: 0;
    height: 0;
    opacity: 0;
  }
  5% {
    top: 2.5rem;
    left: 2.5rem;
    width: 0;
    height: 0;
    opacity: 1;
  }
  100% {
    top: 0;
    left: 0;
    width: 5rem;
    height: 5rem;
    opacity: 0;
  }
}
.qui-assist-actions :is(.qui-control-button, .qui-action-subtle, .qui-action-danger) {
  min-height: var(--qui-control-size-small);
  gap: 0.3125rem;
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}
.qui-assist-actions :is(.qui-control-button, .qui-action-subtle, .qui-action-danger).is-active {
  border-color: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--qui-accent) 28%, var(--qui-border-subtle));
  }
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
}
.qui-assist-actions :is(.qui-control-button, .qui-action-subtle, .qui-action-danger):disabled {
  cursor: not-allowed;
  opacity: 0.68;
}
.qui-assist-actions :is(.qui-control-button, .qui-action-subtle, .qui-action-danger).is-review:disabled {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  color: var(--qui-text-muted);
}
.qui-assist-actions .qui-line-icon {
  width: var(--qui-icon-size-small);
  height: var(--qui-icon-size-small);
}
.dark .qui-assist-actions :is(.qui-control-button, .qui-action-subtle, .qui-action-danger):disabled {
  color: var(--qui-text);
  @supports (color: color-mix(in lab, red, red)) {
    color: color-mix(in srgb, var(--qui-text) 72%, transparent);
  }
  opacity: 0.82;
}
.qui-assist-field.is-wide {
  grid-column: 1 / -1;
}
.qui-record-section.is-danger-zone {
  border-color: var(--qui-danger-border);
  background: var(--qui-danger-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-danger-soft) 72%, transparent);
  }
}
.qui-record-section h3 {
  margin: 0;
  color: var(--qui-text);
  font-weight: 700;
  font-size: var(--qui-font-size-lg);
  line-height: 1.25;
}
.qui-record-section p {
  color: var(--qui-text-muted);
  margin: 0;
  font-size: var(--qui-font-size-md);
  line-height: 1.35;
}
.qui-record-empty.is-quiet {
  border-style: solid;
  background: transparent;
  padding: 0.5625rem 0;
  text-align: left;
}
.qui-mobile-record-card .qui-record-action-trigger {
  display: inline-grid;
  width: 1.875rem;
  height: 1.875rem;
  place-items: center;
  border: 1px solid transparent;
  border-radius: var(--qui-radius-control);
  background: transparent;
  color: var(--qui-accent-text);
  cursor: pointer;
  padding: 0;
}
.qui-mobile-record-card .qui-record-action-trigger:hover, .qui-mobile-record-card .qui-record-action-trigger:focus-visible, .qui-mobile-record-card .qui-record-action-trigger[aria-expanded="True"] {
  border-color: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--qui-accent) 24%, var(--qui-border-subtle));
  }
  background: var(--qui-accent-soft);
  outline: none;
}
.qui-mobile-record-card .qui-record-action-trigger .qui-line-icon {
  width: 0.9375rem;
  height: 0.9375rem;
}
.qui-mobile-record-card .qui-record-action-backdrop {
  position: fixed;
  inset: 0;
  z-index: calc(var(--qui-z-overlay) + 4);
  border: 0;
  background: transparent;
  cursor: default;
  padding: 0;
}
.qui-mobile-record-card.qui-record-action-menu-list {
  position: absolute;
  top: calc(100% + 0.375rem);
  right: 0;
  z-index: calc(var(--qui-z-overlay) + 5);
  display: grid;
  min-width: 13.25rem;
  gap: var(--qui-space-2xs);
  overflow: hidden;
  isolation: isolate;
  border: 1px solid var(--qui-glass-menu-border);
  border-radius: var(--qui-radius-medium);
  box-shadow: var(--qui-glass-menu-shadow);
  padding: var(--qui-space-sm);
  text-align: left;
  backdrop-filter: var(--qui-glass-menu-filter);
  -webkit-backdrop-filter: var(--qui-glass-menu-filter);
  background: var(--qui-glass-menu-bg);
}
.qui-mobile-record-card .qui-record-action-menu-list::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  border-radius: inherit;
  background: var(--qui-glass-menu-sheen);
  pointer-events: none;
}
.qui-mobile-record-card .qui-record-action-menu-list > * {
  position: relative;
  z-index: 1;
}
.qui-mobile-record-card .qui-record-action-item {
  display: flex;
  width: 100%;
  min-height: var(--qui-control-size-compact);
  align-items: center;
  gap: 0.5625rem;
  border: 1px solid transparent;
  border-radius: var(--qui-radius-control);
  background: transparent;
  color: var(--qui-text);
  cursor: pointer;
  font: inherit;
  font-size: var(--qui-font-size-md);
  font-weight: 600;
  line-height: 1.125rem;
  padding: 0 0.5625rem;
  text-align: left;
}
.qui-mobile-record-card .qui-record-action-item:hover, .qui-mobile-record-card .qui-record-action-item:focus-visible {
  border-color: var(--qui-glass-menu-border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--qui-glass-menu-border) 72%, var(--qui-accent-border));
  }
  box-shadow: var(--qui-glass-menu-row-shadow);
  outline: none;
  background: var(--qui-glass-menu-hover);
}
.qui-mobile-record-card .qui-record-action-item:disabled {
  cursor: not-allowed;
  opacity: 0.58;
}
.qui-mobile-record-card .qui-record-action-item .qui-line-icon {
  width: 0.9375rem;
  height: 0.9375rem;
  flex: 0 0 auto;
}
.qui-file-empty-state {
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  padding: 2.125rem 1.125rem;
}
.qui-file-list-host {
  min-width: 0;
}
.qui-file-list-host .qui-datagrid-body {
  display: grid;
  gap: 0.625rem;
}
.qui-file-cell {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-width: 0;
}
.qui-file-copy, .qui-file-meta-stack {
  display: grid;
  gap: var(--qui-space-2xs);
  min-width: 0;
}
.qui-file-meta-stack span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-file-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-md);
}
.qui-file-copy small, .qui-file-meta-stack small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-xs);
}
.qui-file-list-host .qui-file-mobile-list {
  display: none;
}
.qui-filter-stack {
  display: grid;
  gap: 0.625rem;
  min-width: 0;
}
.qui-filter-stack .qui-filter-card .qui-card-content {
  padding: var(--qui-space-lg);
}
.qui-filter-stack .qui-filter-actions {
  align-self: end;
}
.qui-overview-card {
  min-width: 0;
}
.qui-overview-card .qui-dashboard-metric-grid {
  margin-top: var(--qui-space-xs);
}
.qui-summary-card {
  min-width: min(100%, 17.5rem);
}
.qui-full-width-action {
  justify-content: center;
  width: 100%;
}
.qui-standalone-canvas {
  min-height: 100vh;
  background: var(--qui-bg-canvas);
  color: var(--qui-text);
  padding: var(--qui-space-3xl) var(--qui-space-2xl);
}
.qui-standalone-shell {
  display: grid;
  gap: 2.25rem;
  max-width: 70rem;
  margin: 0 auto;
}
.qui-standalone-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-xl);
}
.qui-brand-logo-link {
  display: inline-flex;
  align-items: center;
}
.qui-brand-logo-link span {
  display: inline-flex;
  align-items: center;
}
.qui-brand-logo-dark {
  display: none;
}
.dark .qui-brand-logo-light {
  display: none;
}
.dark .qui-brand-logo-dark {
  display: block;
}
.qui-summary-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 23.75rem);
  gap: var(--qui-space-2xl);
  align-items: start;
}
.qui-supporting-copy {
  margin: 0;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
  line-height: 1.55;
}
.record-list-page > * {
  align-self: stretch;
  min-height: 0;
}
.record-list-page .qui-page-header {
  margin-bottom: 0;
}
.record-list-page .qui-messagebar {
  min-height: 0;
  padding: var(--qui-space-lg) var(--qui-space-xl);
}
.record-list-page .qui-messagebar strong {
  margin: 0;
  font-size: 0.9375rem;
}
.record-list-page .qui-messagebar p {
  margin: 0.125rem 0 0;
  font-size: var(--qui-font-size-md);
}
.record-list-page .qui-selected-command-bar .qui-action-overflow {
  display: inline-flex;
}
.record-list-page .qui-page-header-main, .record-list-page .qui-page-title-row, .record-list-page .qui-page-title-cluster, .record-list-page .qui-page-header-actions, .record-list-page .qui-page-action-bar {
  min-width: 0;
}
.record-list-page .qui-page-header-main > span {
  min-width: 0;
  overflow-wrap: anywhere;
  white-space: normal;
}
.qui-section-description {
  margin: 0 0 var(--qui-space-lg);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-lg);
  line-height: 1.5;
}
.qui-tile-grid {
  display: grid;
  gap: 0.875rem;
  grid-template-columns: repeat(auto-fit, minmax(13.75rem, 1fr));
}
.qui-route-tile {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 0.35rem var(--qui-space-lg);
  align-items: start;
  min-height: 7.5rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  padding: var(--qui-space-xl);
  text-align: left;
  cursor: pointer;
}
.qui-route-tile:hover, .qui-route-tile:focus-visible {
  border-color: var(--qui-accent-text);
  box-shadow: 0 0 0 0.1875rem var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 0.1875rem color-mix(in srgb, var(--qui-accent) 16%, transparent);
  }
  outline: none;
}
.qui-route-icon {
  grid-row: span 2;
  width: var(--qui-icon-size-xl);
  height: var(--qui-icon-size-xl);
  color: var(--qui-accent-text);
}
.qui-route-tile span, .qui-summary-record strong, .qui-choice-row strong, .qui-block-hint strong {
  font-weight: 700;
}
.qui-route-tile small, .qui-detail-table span, .qui-summary-record span, .qui-summary-record small, .qui-choice-row span, .qui-choice-row small, .qui-block-hint small, .qui-structure-list small {
  color: var(--qui-text-muted);
}
.qui-detail-table-wrap {
  overflow: auto;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
}
.qui-detail-table {
  width: 100%;
  min-width: 53.75rem;
  border-collapse: collapse;
}
.qui-detail-table td {
  border-bottom: 1px solid var(--qui-border-subtle);
  padding: 0.8rem 0.9rem;
  text-align: left;
  vertical-align: middle;
}
.qui-detail-table th {
  border-bottom: 1px solid var(--qui-border-subtle);
  padding: 0.8rem 0.9rem;
  text-align: left;
  vertical-align: middle;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  font-weight: 700;
  text-transform: uppercase;
}
.qui-detail-table td:first-child, .qui-detail-table td:nth-child(4) {
  display: grid;
  gap: 0.2rem;
}
.qui-composer-toolbar {
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  display: grid;
  grid-template-columns: repeat(5, minmax(7rem, 1fr)) minmax(15rem, auto);
  gap: var(--qui-space-lg);
  align-items: center;
  padding: 0.85rem;
}
.qui-composer-toolbar > div {
  display: grid;
  gap: 0.2rem;
}
.qui-composer-toolbar span, .qui-editor-heading span {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  font-weight: 700;
  text-transform: uppercase;
}
.qui-composer-toolbar-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--qui-space-md);
}
.qui-composer-grid {
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  display: grid;
  grid-template-columns: minmax(13rem, 0.8fr) minmax(28rem, 2.2fr) minmax(16rem, 1fr);
  min-height: 38rem;
  overflow: hidden;
}
.qui-composer-rail {
  min-width: 0;
  padding: 0.9rem;
  display: grid;
  align-content: start;
  gap: 0.8rem;
  background: var(--qui-bg-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-surface) 88%, var(--qui-bg-page));
  }
  border-right: 1px solid var(--qui-border-subtle);
}
.qui-composer-properties {
  min-width: 0;
  padding: 0.9rem;
  display: grid;
  align-content: start;
  gap: 0.8rem;
  background: var(--qui-bg-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-surface) 88%, var(--qui-bg-page));
  }
  border-left: 1px solid var(--qui-border-subtle);
}
.qui-editor-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-lg);
}
.qui-code-token {
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  min-height: 2.25rem;
  padding: 0.55rem 0.7rem;
  font-family: var(--qui-font-mono);
  font-size: 0.8rem;
}
.qui-block-hint, .qui-structure-list {
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  display: grid;
  gap: var(--qui-space-xs);
  padding: var(--qui-space-lg);
}
.qui-composer-main {
  min-width: 0;
  padding: 0.9rem;
  display: grid;
  grid-template-rows: auto 1fr;
  gap: 0.85rem;
}
.qui-composer-tabs {
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}
.qui-editor-tab {
  min-width: 5.5rem;
  min-height: var(--qui-control-size-regular);
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  font-weight: 700;
  cursor: pointer;
}
.qui-editor-tab.is-active {
  border-color: var(--qui-accent-text);
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 12%, var(--qui-bg-surface));
  }
  color: var(--qui-text);
}
.qui-code-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.85rem;
  min-height: 30rem;
}
.qui-preview-paper {
  min-height: 31rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-raised);
  padding: 1.25rem;
  overflow: auto;
}
.qui-preview-empty {
  display: grid;
  place-items: center;
  gap: 0.35rem;
  min-height: 24rem;
  color: var(--qui-text-muted);
  text-align: center;
}
.qui-preview-icon {
  width: 2rem;
  height: 2rem;
  color: var(--qui-accent-text);
}
.qui-feedback-grid {
  display: grid;
  gap: 0.875rem;
  grid-template-columns: 1.2fr 0.9fr 0.9fr;
}
.qui-editor-section {
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  display: grid;
  gap: 0.85rem;
  align-content: start;
  padding: 0.95rem;
}
.qui-annotated-list, .qui-choice-list {
  display: grid;
  gap: 0.55rem;
  margin: 0;
  padding: 0;
  list-style: none;
}
.qui-annotated-list li {
  display: grid;
  gap: 0.2rem;
  border-left: 0.1875rem solid var(--qui-accent);
  padding-left: 0.65rem;
}
.qui-choice-row {
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  display: grid;
  gap: var(--qui-space-xs);
  width: 100%;
  padding: 0.7rem;
  color: var(--qui-text);
  text-align: left;
}
.qui-version-row {
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  display: grid;
  gap: var(--qui-space-xs);
  width: 100%;
  padding: 0.7rem;
  color: var(--qui-text);
  text-align: left;
  grid-template-columns: 1fr auto;
  align-items: center;
  cursor: pointer;
}
.qui-version-row.is-active {
  border-color: var(--qui-accent-text);
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 10%, var(--qui-bg-surface));
  }
}
.qui-settings-grid {
  display: grid;
  gap: 0.875rem;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.qui-field-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.8rem;
}
.qui-card-grid {
  display: grid;
  gap: 0.875rem;
  grid-template-columns: repeat(auto-fit, minmax(15rem, 1fr));
}
.qui-summary-record {
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  display: grid;
  gap: 0.65rem;
  padding: 0.9rem;
}
.qui-summary-record > div {
  display: grid;
  gap: 0.2rem;
}
.qui-choice-row.is-button {
  cursor: pointer;
}
.qui-choice-row.is-button:hover, .qui-choice-row.is-button:focus-visible {
  border-color: var(--qui-accent-text);
  outline: none;
}
.qui-data-grid-controls {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--qui-space-lg);
  align-items: center;
}
.qui-data-grid-search {
  min-width: 0;
}
.qui-data-grid-search .qui-input {
  width: 100%;
}
.qui-data-grid-filter-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--qui-space-md);
  min-width: 0;
}
.qui-data-grid-column-menu {
  position: relative;
}
.qui-data-grid-error {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.625rem;
  min-width: 0;
}
.qui-data-grid-column-menu summary {
  list-style: none;
  cursor: pointer;
}
.qui-data-grid-column-menu summary::-webkit-details-marker {
  display: none;
}
.qui-data-grid-column-list {
  position: absolute;
  top: calc(100% + 0.375rem);
  right: 0;
  z-index: var(--qui-z-dropdown);
  display: grid;
  min-width: 13.75rem;
  gap: var(--qui-space-sm);
  border: 1px solid var(--qui-glass-menu-border);
  border-radius: var(--qui-radius-medium);
  background: var(--qui-glass-menu-bg);
  box-shadow: var(--qui-glass-menu-shadow);
  padding: var(--qui-space-md);
}
.qui-data-grid-column-list label {
  display: flex;
  align-items: center;
  gap: var(--qui-space-md);
  color: var(--qui-text);
  font-size: var(--qui-font-size-md);
}
.qui-data-grid-table {
  min-width: 0;
}
.qui-data-grid-table table {
  width: 100%;
  min-width: 40rem;
}
.qui-data-grid-table th, .qui-data-grid-table td {
  vertical-align: top;
}
.qui-data-grid-actions-heading, .qui-data-grid-actions-cell {
  width: min(20rem, calc(100vw - 4rem));
  min-width: min(20rem, calc(100vw - 4rem));
  text-align: right;
}
.qui-data-grid-actions-cell > div {
  justify-content: flex-end;
}
.qui-data-grid-actions-cell .qui-command-bar > :is(button, a) {
  flex: 0 0 auto;
}
.qui-data-grid-sort-indicator {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-xs);
  font-weight: 800;
  letter-spacing: 0;
  text-transform: uppercase;
}
.qui-data-grid-retry {
  flex: 0 0 auto;
}
.qui-otp-cell {
  width: 100%;
  min-width: 0;
  height: 2.75rem;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-input);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-input-inset);
  font-family: var(--qui-font-heavy-medium);
  font-size: clamp(1rem, 5vw, 1.1875rem);
  font-weight: 800;
  letter-spacing: 0;
  line-height: 1;
  transition: border-color var(--qui-motion-fast) ease, background-color var(--qui-motion-fast) ease, box-shadow var(--qui-motion-fast) ease;
}
.qui-slide-over-panel-body {
  display: grid;
  align-content: start;
  gap: 0.875rem;
  min-width: 0;
}
.qui-slide-over-size-control {
  display: inline-grid;
}
.qui-slide-over-panel-footer-actions {
  display: flex;
  width: 100%;
  min-width: 0;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--qui-space-md);
}
.qui-slide-over-panel-footer-actions button {
  width: auto;
}
.qui-version-picker {
  display: grid;
  gap: 0.625rem;
  min-width: 0;
}
.qui-version-picker-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.625rem;
  min-width: 0;
}
.qui-version-picker-header > div {
  display: grid;
  gap: var(--qui-space-xs);
  min-width: 0;
}
.qui-version-picker-label {
  color: var(--qui-text);
  font-size: var(--qui-font-size-md);
  font-weight: 800;
}
.qui-version-picker code {
  overflow-wrap: anywhere;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-version-picker-options {
  display: grid;
  gap: var(--qui-space-md);
  min-width: 0;
}
.qui-version-picker-option {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 0.625rem;
  align-items: center;
  min-width: 0;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  padding: 0.625rem;
}
.qui-version-picker-option.is-selected {
  border-color: var(--qui-accent-border);
  box-shadow: inset 0 0 0 0.0625rem var(--qui-accent-border);
}
.qui-version-picker-option.is-disabled {
  opacity: 0.7;
}
.qui-version-picker-option-main {
  display: grid;
  gap: var(--qui-space-sm);
  min-width: 0;
}
.qui-version-picker-option-title {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qui-space-sm);
  min-width: 0;
}
.qui-version-picker-option-title strong {
  overflow-wrap: anywhere;
}
.qui-version-picker-option-meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qui-space-sm);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-version-picker-option-meta span:not(:last-child)::after {
  content: "/";
  margin-left: var(--qui-space-sm);
}
.qui-version-picker-option p, .qui-version-picker-state {
  margin: 0;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
  line-height: 1.4;
}
.qui-version-picker-warning {
  margin: 0;
  font-size: var(--qui-font-size-md);
  line-height: 1.4;
  color: var(--qui-warning);
}
.qui-notification-scrim {
  position: fixed;
  inset: var(--qui-shell-header-height) 0 0 0;
  z-index: calc(var(--qui-z-overlay) + 8);
  background: var(--qui-shell-overlay-medium);
  opacity: 1;
  visibility: visible;
  backdrop-filter: blur(var(--qui-overlay-blur-medium));
  -webkit-backdrop-filter: blur(var(--qui-overlay-blur-medium));
  transition: opacity var(--qui-motion-medium) var(--qui-ease-standard), backdrop-filter var(--qui-motion-panel) var(--qui-ease-morph), visibility 0s linear 0s;
}
.qui-notification-scrim.is-closed {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition-duration: var(--qui-motion-exit), var(--qui-motion-exit), 0s;
  transition-delay: 0s, 0s, var(--qui-motion-exit);
}
.qui-notification-panel.qui-activity-center {
  grid-template-rows: auto auto minmax(0, 1fr);
}
.qui-activity-center > .qui-content-tabs {
  padding: 0 var(--qui-space-lg);
}
.qui-activity-center-content {
  min-height: 0;
  min-width: 0;
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
}
.qui-activity-center-content > .qui-notification-filter-strip {
  grid-row: 1;
}
.qui-activity-center-content > .qui-notification-body {
  grid-row: 2;
  overflow-y: auto;
}
.qui-activity-center-content > .qui-notification-footer {
  grid-row: 3;
}
.qui-notification-panel.is-closed {
  transform: translate3d(0.5rem, -0.25rem, 0) scale(0.98, 0.94);
  transform-origin: top right;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  box-shadow: none;
  filter: none;
  transition-duration: var(--qui-motion-exit), var(--qui-motion-exit), var(--qui-motion-fast), var(--qui-motion-exit), 0s;
  transition-timing-function: var(--qui-ease-exit), var(--qui-ease-exit), ease, ease, linear;
  transition-delay: 0s, 0s, 0s, 0s, var(--qui-motion-exit);
}
.qui-notification-panel.is-closed .qui-notification-header, .qui-notification-panel.is-closed .qui-notification-filter-strip, .qui-notification-panel.is-closed .qui-notification-body, .qui-notification-panel.is-closed .qui-notification-footer {
  opacity: 0;
  transform: translateY(0.375rem);
}
.qui-notification-panel.is-open .qui-notification-header {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 80ms;
}
.qui-notification-panel.is-open .qui-notification-filter-strip {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 110ms;
}
.qui-notification-panel.is-open .qui-notification-body {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 140ms;
}
.qui-notification-panel.is-open .qui-notification-footer {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 170ms;
}
.qui-notification-header {
  transition: opacity var(--qui-motion-fast) ease, transform var(--qui-motion-medium) var(--qui-ease-enter);
  position: relative;
  min-width: 0;
  min-height: 4rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: 0;
  padding: 0;
  border-bottom: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-surface);
}
.qui-notification-header > div:first-child {
  min-width: 0;
  padding: 0.75rem 1rem;
}
.qui-notification-header h2 {
  margin: 0;
  color: var(--qui-text-strong);
  font-size: 1.1rem;
  font-weight: 500;
  font-family: var(--qui-font-heavy);
  line-height: 1.2;
}
.qui-notification-header p {
  margin: 0;
  margin-top: 0.2rem;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.35;
}
.qui-notification-header-actions {
  align-self: stretch;
  display: flex;
  flex: 0 0 auto;
  flex-wrap: nowrap;
  align-items: stretch;
  justify-content: flex-end;
  gap: 0;
}
.qui-notification-icon-button {
  flex: 0 0 2.75rem;
  width: 2.75rem;
  min-width: 2.75rem;
  height: auto;
  min-height: 100%;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--qui-text-muted);
}
.qui-notification-icon-button:hover:not(:disabled), .qui-notification-icon-button:focus-visible:not(:disabled), .qui-notification-icon-button.is-active {
  border-color: transparent;
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, transparent);
  }
  color: var(--qui-accent-text-hover);
  outline: none;
}
.qui-notification-icon-button:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.qui-notification-filter-menu {
  position: absolute;
  min-width: 13rem;
  padding: 0.35rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-menu);
  top: calc(100% - 0.35rem);
  right: 0.75rem;
  z-index: calc(var(--qui-z-overlay) + 12);
  width: min(16rem, calc(100vw - 1.5rem));
}
.qui-notification-filter-title {
  padding: 0.35rem 0.45rem 0.2rem;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.qui-notification-filter-strip {
  transition: opacity var(--qui-motion-fast) ease, transform var(--qui-motion-medium) var(--qui-ease-enter);
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 0.35rem;
  padding: 0.625rem var(--qui-space-xl);
  border-bottom: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-surface);
  overflow-x: auto;
}
.qui-notification-error {
  padding: var(--qui-space-lg);
  border: 1px solid var(--qui-danger-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-danger-soft);
  color: var(--qui-danger);
  font-size: var(--qui-font-size-md);
}
.qui-notification-empty {
  min-height: 10rem;
  display: grid;
  place-items: center;
  gap: 0.45rem;
  padding: 1.25rem;
  border: 1px dashed var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  color: var(--qui-text-muted);
  text-align: center;
}
.qui-notification-empty strong {
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: 0.9375rem;
}
.qui-notification-empty p {
  margin: 0;
  max-width: 18rem;
  font-size: var(--qui-font-size-md);
  line-height: 1.4;
}
.qui-notification-empty-icon {
  width: 2rem;
  height: 2rem;
  display: inline-grid;
  place-items: center;
  border-radius: var(--qui-radius-control);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
}
.qui-notification-group {
  min-width: 0;
  display: grid;
  gap: var(--qui-space-md);
}
.qui-notification-group-title {
  color: var(--qui-text-muted);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-xs);
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.qui-notification-list {
  min-width: 0;
  display: grid;
  gap: var(--qui-space-md);
}
.qui-notification-item {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 0.65rem;
  padding: var(--qui-space-lg);
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  box-shadow: var(--qui-shadow-sm);
}
.qui-notification-item.is-unread {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent-soft) 52%, var(--qui-bg-surface));
  }
}
.qui-notification-item-icon {
  width: 2rem;
  height: 2rem;
  display: inline-grid;
  place-items: center;
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-muted);
  color: var(--qui-accent-text);
}
.qui-notification-item-copy {
  min-width: 0;
  display: grid;
  gap: var(--qui-space-xs);
}
.qui-notification-item-copy h3 {
  margin: 0;
  overflow: hidden;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-lg);
  font-weight: 700;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-notification-item-copy p {
  margin: 0;
  color: var(--qui-text);
  font-size: var(--qui-font-size-md);
  line-height: 1.4;
}
.qui-notification-item-copy small {
  margin: 0;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-notification-item-kicker {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: var(--qui-space-xs);
}
.qui-notification-item-kicker span {
  max-width: 100%;
  overflow: hidden;
  padding: 0.15rem 0.4rem;
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-muted);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-xs);
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-notification-item-actions {
  grid-column: 1 / -1;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.35rem;
}
.qui-notification-footer {
  transition: opacity var(--qui-motion-fast) ease, transform var(--qui-motion-medium) var(--qui-ease-enter);
  min-height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-lg);
  padding: 0.625rem var(--qui-space-xl);
  border-top: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-surface);
}
.qui-notification-footer span {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
}
.qui-account-overlay.is-closed {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition-duration: var(--qui-motion-exit), var(--qui-motion-exit), 0s;
  transition-delay: 0s, 0s, var(--qui-motion-exit);
}
.qui-account-flyout.is-open {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  pointer-events: auto;
  transition: transform var(--qui-motion-panel) var(--qui-ease-morph), opacity var(--qui-motion-fast) ease, box-shadow var(--qui-motion-medium) ease, filter var(--qui-motion-medium) ease, visibility 0s linear 0s;
}
.qui-account-flyout.is-closed {
  opacity: 0;
  transform: translate3d(0.5rem, -0.5rem, 0) scale(0.97, 0.90);
  visibility: hidden;
  pointer-events: none;
  box-shadow: none;
  filter: none;
  transition: transform var(--qui-motion-exit) var(--qui-ease-exit), opacity var(--qui-motion-fast) ease, box-shadow var(--qui-motion-exit) ease, visibility 0s linear var(--qui-motion-exit);
}
.qui-account-flyout .qui-account-shell {
  transition: opacity var(--qui-motion-fast) ease, transform var(--qui-motion-medium) var(--qui-ease-enter);
}
.qui-account-flyout.is-open .qui-account-shell {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 80ms;
}
.qui-account-flyout.is-closed .qui-account-shell {
  opacity: 0;
  transform: translateY(0.375rem);
  transition-delay: 0s;
}
.qui-app-drawer-scrim.is-closed {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition-duration: var(--qui-motion-exit), var(--qui-motion-exit), 0s;
  transition-delay: 0s, 0s, var(--qui-motion-exit);
}
.qui-app-drawer-host {
  position: fixed;
  top: var(--qui-shell-header-height);
  left: 0;
  bottom: auto;
  z-index: calc(var(--qui-z-overlay) + 7);
  width: min(28rem, 100vw);
  max-height: calc(100dvh - var(--qui-shell-header-height) - 1rem);
  visibility: visible;
  border-radius: 0 0 var(--qui-radius-large) 0;
  background: transparent;
  box-shadow: none;
  filter: none;
  transition: box-shadow var(--qui-motion-fast) ease 110ms;
}
.qui-app-drawer-host.is-open {
  box-shadow: 0.35rem 0.65rem 0.9rem -0.65rem rgb(15 23 42 / 0.28);
}
.qui-app-drawer-host.is-closed {
  visibility: hidden;
  pointer-events: none;
  box-shadow: none;
  transition: box-shadow 0s linear 0s, visibility 0s linear var(--qui-motion-exit);
}
html.dark .qui-app-drawer-host {
  box-shadow: none;
  filter: none;
}
html.dark .qui-app-drawer-host.is-open {
  box-shadow: 0.35rem 0.65rem 0.9rem -0.65rem rgb(0 0 0 / 0.50);
}
.qui-app-drawer-host.is-closed .qui-drawer {
  clip-path: inset(0 calc(100% - var(--qui-shell-rail-width)) calc(100% - var(--qui-shell-header-height)) 0 round var(--qui-radius-large));
  transform: translate3d(0, calc(0rem - var(--qui-shell-header-height)), 0);
  opacity: 0;
  border-radius: var(--qui-radius-large);
  box-shadow: none;
  filter: none;
  transition: clip-path var(--qui-motion-exit) var(--qui-ease-exit), transform var(--qui-motion-exit) var(--qui-ease-exit), opacity var(--qui-motion-fast) ease, border-radius var(--qui-motion-exit) var(--qui-ease-exit), box-shadow var(--qui-motion-exit) ease;
}
.qui-drawer > .qui-drawer-layer, .qui-drawer > .qui-drawer-scroll {
  transition: opacity var(--qui-motion-fast) ease, transform var(--qui-motion-medium) var(--qui-ease-enter);
}
.qui-app-drawer-host.is-closed .qui-drawer > .qui-drawer-layer, .qui-app-drawer-host.is-closed .qui-drawer > .qui-drawer-scroll {
  opacity: 0;
  transform: translateY(0.5rem);
  transition-delay: 0s;
}
.qui-app-drawer-host.is-open .qui-drawer > .qui-drawer-layer:nth-child(1) {
  transition-delay: 110ms;
}
.qui-app-drawer-host.is-open .qui-drawer > .qui-drawer-layer:nth-child(2) {
  transition-delay: 140ms;
}
.qui-app-drawer-host.is-open .qui-drawer > .qui-drawer-layer:nth-child(3) {
  transition-delay: 170ms;
}
.qui-app-drawer-host.is-open .qui-drawer > .qui-drawer-scroll {
  transition-delay: 200ms;
}
.qui-drawer-layer {
  padding: 0.625rem 1rem;
  border-color: var(--qui-border-subtle);
}
.qui-app-launcher-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(5rem, 1fr));
  column-gap: var(--qui-space-md);
  row-gap: var(--qui-space-md);
  align-items: start;
}
.qui-drawer-app {
  min-width: 0;
  width: 100%;
  min-height: 5.625rem;
  display: grid;
  grid-template-rows: 3rem 1.95rem;
  align-content: center;
  justify-items: center;
  padding: var(--qui-space-sm) var(--qui-space-xs);
  border: 1px solid transparent;
  border-radius: var(--qui-radius-card);
  background: transparent;
  color: var(--qui-text);
  text-align: center;
  transition: background-color var(--qui-motion-fast) var(--qui-ease-standard), border-color var(--qui-motion-fast) var(--qui-ease-standard), box-shadow var(--qui-motion-fast) var(--qui-ease-standard), color var(--qui-motion-fast) var(--qui-ease-standard), transform var(--qui-motion-fast) var(--qui-ease-standard);
}
.qui-drawer-app:hover:not(.qui-drawer-app-active) {
  border-color: transparent;
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, transparent);
  }
  color: var(--qui-text-strong);
  box-shadow: none;
}
.qui-drawer-app:focus-visible {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, transparent);
  }
  box-shadow: 0 0 0 2px var(--qui-focus);
  outline: none;
}
.qui-drawer-app-icon {
  width: 3rem;
  height: 3rem;
  display: inline-grid;
  place-items: center;
  background: transparent;
  color: currentColor;
}
.qui-drawer-app-icon :is(svg, img) {
  width: 2rem;
  height: 2rem;
  object-fit: contain;
  transform: scale(1);
  transition: transform var(--qui-motion-fast) var(--qui-ease-standard), filter var(--qui-motion-fast) var(--qui-ease-standard);
}
.qui-drawer-app:hover .qui-drawer-app-icon :is(svg, img), .qui-drawer-app:focus-visible .qui-drawer-app-icon :is(svg, img) {
  transform: scale(1.06);
}
.qui-drawer-app-label {
  min-width: 0;
  width: 100%;
  max-width: 100%;
  height: 1.95rem;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-label);
  font-size: var(--qui-font-size-md);
  font-weight: 400;
  line-height: 1.2;
}
.qui-drawer-app-label span {
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  white-space: normal;
  overflow-wrap: anywhere;
}
.qui-drawer-app-active {
  border-color: transparent;
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 12%, transparent);
  }
  color: var(--qui-accent-text);
}
.qui-drawer-app-active .qui-drawer-app-icon {
  background: transparent;
  color: var(--qui-accent-text);
}
.qui-command-scrim.is-closed {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  backdrop-filter: blur(0);
  -webkit-backdrop-filter: blur(0);
  transition-duration: var(--qui-motion-exit), var(--qui-motion-exit), 0s;
  transition-delay: 0s, 0s, var(--qui-motion-exit);
}
.qui-command-palette {
  border: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  width: min(46rem, calc(100vw - 2rem));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  overflow: hidden;
  filter: var(--qui-shell-filter-shadow-down);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  position: relative;
  top: auto;
  left: auto;
  max-height: min(46rem, calc(100dvh - var(--qui-shell-header-height)));
  border-top: 0;
  border-radius: 0 0 var(--qui-radius-large) var(--qui-radius-large);
  transform: translate3d(0, 0, 0);
  transform-origin: top center;
  opacity: 1;
  will-change: transform, opacity;
  transition: transform var(--qui-motion-morph) var(--qui-ease-morph), opacity var(--qui-motion-fast) ease, box-shadow var(--qui-motion-panel) ease, filter var(--qui-motion-medium) ease;
}
.qui-command-scrim.is-closed .qui-command-palette {
  transform: translate3d(0, -0.5rem, 0) scale(0.98, 0.90);
  transform-origin: top center;
  opacity: 0;
  box-shadow: none;
  filter: none;
  transition: transform var(--qui-motion-exit) var(--qui-ease-exit), opacity var(--qui-motion-fast) ease, box-shadow var(--qui-motion-exit) ease;
}
.qui-command-header {
  display: grid;
  gap: 0;
  padding: 0;
  border-bottom: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-surface);
  transition: opacity var(--qui-motion-fast) ease, transform var(--qui-motion-medium) var(--qui-ease-enter);
}
.qui-command-scrim.is-open .qui-command-header {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 110ms;
}
.qui-command-scrim.is-open .qui-command-body {
  opacity: 1;
  transform: translateY(0);
  transition-delay: 170ms;
}
.qui-command-scrim.is-closed .qui-command-header, .qui-command-scrim.is-closed .qui-command-body {
  opacity: 0;
  transform: translateY(0.5rem);
  transition-delay: 0s;
}
@starting-style {
  .qui-app-drawer-scrim, .qui-command-scrim, .qui-notification-scrim, .qui-account-overlay {
    opacity: 0;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
  }
  .qui-app-drawer-host .qui-drawer {
    clip-path: inset(0 calc(100% - var(--qui-shell-rail-width)) calc(100% - var(--qui-shell-header-height)) 0 round var(--qui-radius-large));
    transform: translate3d(0, calc(0rem - var(--qui-shell-header-height)), 0);
    opacity: 0;
    border-radius: var(--qui-radius-large);
    box-shadow: none;
    filter: none;
  }
  .qui-app-drawer-host .qui-drawer > .qui-drawer-layer, .qui-app-drawer-host .qui-drawer > .qui-drawer-scroll, .qui-command-scrim .qui-command-header, .qui-command-scrim .qui-command-body, .qui-notification-panel .qui-notification-header, .qui-notification-panel .qui-notification-filter-strip, .qui-notification-panel .qui-notification-body, .qui-notification-panel .qui-notification-footer, .qui-account-flyout.is-open .qui-account-shell {
    opacity: 0;
    transform: translateY(0.5rem);
  }
  .qui-command-scrim .qui-command-palette {
    transform: translate3d(0, -0.5rem, 0) scale(0.98, 0.90);
    transform-origin: top center;
    opacity: 0;
    box-shadow: none;
    filter: none;
  }
  .qui-notification-panel {
    clip-path: inset(0 0 0 18% round 0 0 0 var(--qui-radius-large));
    transform: translate3d(1.5rem, -0.25rem, 0) scale(0.985);
    transform-origin: top right;
    opacity: 0;
    box-shadow: none;
    filter: none;
  }
  .qui-account-flyout.is-open {
    clip-path: inset(0 0 calc(100% - var(--qui-shell-header-height)) 56% round var(--qui-radius-large));
    transform: translate3d(0.35rem, calc(0rem - var(--qui-shell-header-height)), 0);
    opacity: 0;
    box-shadow: none;
    filter: none;
  }
  .qui-entity-panel-layer {
    background: transparent;
    backdrop-filter: blur(0);
    -webkit-backdrop-filter: blur(0);
  }
  .qui-entity-panel-layer .qui-entity-panel {
    transform: translate3d(1.25rem, 0, 0);
    opacity: 0;
    box-shadow: none;
  }
}
:is(.qui-command-close, .qui-account-titlebar > .qui-account-icon-button, .qui-notification-header-actions > .qui-notification-icon-button:last-child) {
  align-self: stretch;
  width: 3rem;
  min-width: 3rem;
  height: auto;
  min-height: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--qui-text-muted);
  box-shadow: none;
  transition: background-color var(--qui-motion-fast) ease, color var(--qui-motion-fast) ease, transform var(--qui-motion-fast) ease;
}
:is(.qui-command-close, .qui-account-titlebar > .qui-account-icon-button, .qui-notification-header-actions > .qui-notification-icon-button:last-child, .qui-module-nav-close, .qui-entity-panel-header .qui-entity-header-actions > .qui-icon-btn) svg {
  width: 1.25rem;
  height: 1.25rem;
}
:is(.qui-command-close, .qui-account-titlebar > .qui-account-icon-button, .qui-notification-header-actions > .qui-notification-icon-button:last-child, .qui-module-nav-close):hover, :is(.qui-command-close, .qui-account-titlebar > .qui-account-icon-button, .qui-notification-header-actions > .qui-notification-icon-button:last-child, .qui-module-nav-close):focus-visible {
  border-color: transparent;
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, transparent);
  }
  color: var(--qui-accent-text-hover);
  outline: none;
}
:is(.qui-command-close, .qui-account-titlebar > .qui-account-icon-button, .qui-notification-header-actions > .qui-notification-icon-button:last-child, .qui-module-nav-close):hover svg {
  transform: scale(1.05);
}
.qui-entity-panel-header .qui-entity-header-actions > .qui-icon-btn:last-child, .qui-entity-panel-header .qui-entity-header-actions > .qui-icon-btn:last-child:hover:not(:disabled), .qui-entity-panel-header .qui-entity-header-actions > .qui-icon-btn:last-child:focus-visible:not(:disabled) {
  box-shadow: none;
}
.qui-entity-panel-header .qui-entity-header-actions > .qui-icon-btn:last-child svg {
  width: 1.5rem;
  height: 1.5rem;
}
.qui-account-scroll {
  min-width: 0;
  min-height: 0;
  padding: 0;
  overflow-y: auto;
}
.qui-command-body {
  min-height: 0;
  padding: var(--qui-space-lg);
  transition: opacity var(--qui-motion-fast) ease, transform var(--qui-motion-medium) var(--qui-ease-enter);
  overflow-y: auto;
}
.qui-notification-body {
  transition: opacity var(--qui-motion-fast) ease, transform var(--qui-motion-medium) var(--qui-ease-enter);
  min-height: 0;
  display: grid;
  align-content: start;
  gap: var(--qui-space-lg);
  padding: var(--qui-space-lg);
  background: var(--qui-bg-canvas);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-canvas) 42%, var(--qui-bg-surface));
  }
  overflow-y: auto;
}
.qui-module-right-panel-body {
  overflow-y: auto;
}
.qui-drawer-scroll {
  overflow-y: auto;
  padding: var(--qui-space-lg) var(--qui-space-xl) var(--qui-space-xl);
  scrollbar-width: thin;
  scrollbar-gutter: stable;
}
.qui-app-command {
  padding-inline: var(--qui-space-lg);
}
.qui-app-command > span, .qui-export-menu > summary > span, .qui-action-overflow-item > span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qui-app-command .qui-line-icon, .qui-export-menu > summary .qui-line-icon, .qui-action-overflow-trigger .qui-line-icon {
  flex: 0 0 auto;
  width: var(--qui-icon-size-medium);
  height: var(--qui-icon-size-medium);
}
.qui-column-chooser {
  min-width: 0;
  display: grid;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  gap: 0;
  padding: 0;
  overflow: visible;
}
.qui-column-chooser-summary {
  min-width: 0;
  min-height: var(--qui-control-size-compact);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-lg);
  padding: 0.6rem var(--qui-space-lg);
  border-radius: var(--qui-radius-card);
  color: var(--qui-text);
  cursor: pointer;
  list-style: none;
}
.qui-column-chooser-summary::-webkit-details-marker {
  display: none;
}
.qui-column-chooser-summary > span {
  min-width: 0;
  display: grid;
  gap: 0.1rem;
}
.qui-column-chooser-summary strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-column-chooser-summary small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-column-chooser-summary .qui-line-icon {
  flex: 0 0 auto;
  transition: transform 0.14s ease;
}
.qui-column-chooser[open] .qui-column-chooser-summary {
  border-bottom: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card) var(--qui-radius-card) 0 0;
}
.qui-column-chooser[open] .qui-column-chooser-summary .qui-line-icon {
  transform: rotate(180deg);
}
.qui-column-chooser-list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: 0.45rem var(--qui-space-lg);
  padding: 0.7rem var(--qui-space-lg) 0.8rem;
}
.qui-column-chooser-list label {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.45rem;
  color: var(--qui-text);
  font-size: var(--qui-font-size-md);
}
.qui-page-action-bar > *, .qui-record-page-actions > * {
  flex: 0 0 auto;
}
.qui-page-action-bar .qui-action-overflow, .qui-record-page-actions .qui-action-overflow {
  flex: 0 0 var(--qui-control-size-compact);
  width: var(--qui-control-size-compact);
  min-width: var(--qui-control-size-compact);
}
.qui-page-action-bar .qui-action-overflow-trigger, .qui-record-page-actions .qui-action-overflow-trigger {
  width: var(--qui-control-size-compact);
  min-width: var(--qui-control-size-compact);
  padding-inline: 0;
  flex: 0 0 auto;
}
.qui-table .qui-record-action-menu.is-triggerless {
  right: 0;
  left: auto;
  text-align: left;
  width: auto;
  min-width: 0;
}
.qui-table-floating-row-menu .qui-record-action-menu.is-triggerless {
  width: 100%;
  min-width: 0;
}
.qui-table-floating-row-menu .qui-record-action-menu-list {
  width: 100%;
  gap: 0;
  min-width: 11.75rem;
  padding: 0;
}
.qui-table .qui-record-action-menu.is-triggerless .qui-record-action-menu-list {
  gap: 0;
  min-width: 11.75rem;
  padding: 0;
}
.qui-table .qui-record-action-menu.is-triggerless .qui-record-action-item {
  width: 100%;
  min-height: 2.5rem;
  gap: var(--qui-space-md);
  padding: 0.625rem 0.875rem;
}
.qui-table-floating-row-menu .qui-record-action-item {
  min-height: 2.5rem;
  gap: var(--qui-space-md);
  padding: 0.625rem 0.875rem;
}
.qui-module-content > * {
  min-width: 0;
  align-self: start;
}
.qui-provider-workspace {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: var(--qui-space-xl);
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 0.36fr);
}
.qui-provider-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(22rem, 100%), 1fr));
  gap: var(--qui-space-xl);
}
.qui-provider-drafts {
  min-width: 0;
  align-self: start;
}
.qui-provider-workspace .qui-key-value-row, .qui-provider-workspace .qui-key-value-value, .qui-provider-workspace .qui-key-value-value strong {
  min-width: 0;
  overflow-wrap: anywhere;
  word-break: break-word;
}
.qui-module-content-frame.has-footer > .qui-module-body {
  flex: 1 1 0;
}
.qui-module-footer {
  flex: 0 0 auto;
  border-top: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-surface);
  padding: 1rem clamp(1rem, 3vw, 2rem);
  padding-bottom: max(1rem, env(safe-area-inset-bottom));
}
.qui-settings-sections {
  width: 100%;
  max-width: 76rem;
  min-width: 0;
}
.qui-settings-sections > .qui-form-section {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 1.25rem;
  padding-block: 1.75rem;
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-settings-sections > .qui-form-section:first-child {
  padding-top: 0.75rem;
}
.qui-settings-sections > .qui-form-section:last-child {
  border-bottom: 0;
}
.qui-settings-sections .qui-form-section-fields, .qui-settings-sections .qui-form-section-header {
  min-width: 0;
  margin: 0;
}
.qui-settings-values {
  display: grid;
  gap: 1rem;
}
.qui-settings-sections .qui-key-value-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(7rem, 0.6fr);
  gap: 1.5rem;
  align-items: start;
}
.qui-settings-sections .qui-key-value-value, .qui-settings-sections .qui-switch > span {
  min-width: 0;
  overflow-wrap: anywhere;
}
.qui-settings-footer {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  justify-content: space-between;
  flex-wrap: wrap;
}
.qui-settings-mode {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
}
.qui-settings-footer-actions {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  margin-inline-start: auto;
}
html, body {
  height: 100%;
  overflow: hidden;
}
.qui-app-main:has(.qui-module-shell-root) {
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.qui-module-shell-root {
  flex: 1 1 0;
  height: 100%;
  min-height: 0;
}
.qui-topbar-start {
  min-width: 0;
  display: flex;
  align-items: center;
  height: 100%;
  flex: 0 0 auto;
  overflow: hidden;
}
.qui-topbar-search {
  min-width: 0;
  max-width: 36rem;
  width: 100%;
  justify-self: center;
}
.qui-topbar-end {
  min-width: 0;
  display: flex;
  align-items: center;
  height: 100%;
  flex: 0 0 auto;
  justify-content: flex-end;
  justify-self: end;
}
.qui-topbar-mobile-search {
  display: none;
  flex: 0 0 var(--qui-control-size-compact);
}
.qui-account-trigger .qui-avatar {
  flex: 0 0 var(--qui-control-size-compact);
  width: var(--qui-control-size-compact);
  min-width: var(--qui-control-size-compact);
  height: var(--qui-control-size-compact);
  min-height: var(--qui-control-size-compact);
}
.qui-account-trigger {
  min-width: var(--qui-control-size-compact);
  min-height: var(--qui-control-size-regular);
  max-width: min(18rem, 28vw);
  height: 100%;
  display: flex;
  flex: 0 0 auto;
  align-items: center;
  gap: var(--qui-space-md);
  padding: 0 var(--qui-space-xl);
  border-radius: 0;
  overflow: hidden;
}
.qui-account-trigger:hover {
  background: var(--qui-bg-hover);
}
.qui-module-panel-layer-host {
  position: absolute;
  inset: 0;
  z-index: calc(var(--qui-z-overlay) + 2);
  pointer-events: none;
}
.qui-module-shell .qui-module-sidebar-mobile {
  z-index: calc(var(--qui-z-overlay) + 4);
}
.qui-module-shell:has(.qui-module-sidebar-mobile.translate-x-0) > .absolute.inset-0.z-20 {
  z-index: calc(var(--qui-z-overlay) + 3);
}
.qui-module-panel-layer-host > * {
  pointer-events: auto;
}
.qui-entity-panel-layer.is-page-hosted {
  position: absolute;
  inset: 0;
  z-index: calc(var(--qui-z-overlay) + 2);
  min-width: 0;
  height: 100%;
  background: var(--qui-shell-overlay-light);
  backdrop-filter: blur(var(--qui-overlay-blur-light));
  -webkit-backdrop-filter: blur(var(--qui-overlay-blur-light));
}
.qui-entity-panel-layer.is-page-hosted .qui-entity-panel-backdrop {
  position: absolute;
  inset: 0;
}
.qui-entity-panel-layer.is-page-hosted .qui-entity-panel {
  height: 100%;
  max-height: 100%;
  width: min(var(--qui-panel-width), 100%);
}
.qui-page-action-bar {
  min-width: 0;
  display: flex;
  gap: 0.45rem;
  max-width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  overflow: visible;
}
.qui-record-page-actions {
  max-width: 100%;
  flex-wrap: nowrap;
  align-items: center;
  overflow: visible;
}
.qui-page-action-bar > [data-qui-command-hidden="true"], .qui-record-page-actions > [data-qui-command-hidden="true"] {
  display: none !important;
}
.qui-page-action-bar[data-qui-has-overflowed-commands="false"] > .qui-action-overflow, .qui-record-page-actions[data-qui-has-overflowed-commands="false"] > .qui-action-overflow {
  display: none;
}
.qui-page-action-bar .qui-app-command, .qui-record-page-actions .qui-app-command, .qui-page-action-bar .qui-command-primary, .qui-record-page-actions .qui-command-primary {
  flex: 0 0 auto;
  min-width: max-content;
  max-width: none;
}
.qui-page-action-bar .qui-command-primary > span, .qui-record-page-actions .qui-command-primary > span, .qui-page-action-bar .qui-app-command > span, .qui-record-page-actions .qui-app-command > span {
  min-width: 0;
  overflow: visible;
  text-overflow: clip;
  white-space: nowrap;
}
.qui-action-overflow-item[data-qui-overflow-available="false"], .qui-page-action-bar .qui-action-overflow-item[data-qui-overflow-available="false"], .qui-record-page-actions .qui-action-overflow-item[data-qui-overflow-available="false"] {
  display: none !important;
}
.qui-app-header {
  color: var(--qui-text);
  position: relative;
  z-index: var(--qui-z-shell);
  flex: 0 0 auto;
  display: grid;
  align-items: center;
  border: 0;
  background: var(--qui-shell-surface);
  box-shadow: var(--qui-shell-header-shadow);
  backdrop-filter: var(--qui-shell-header-filter);
  -webkit-backdrop-filter: var(--qui-shell-header-filter);
  line-height: 1;
  height: var(--qui-shell-header-height);
  min-height: var(--qui-shell-header-height);
  grid-template-columns: minmax(0, max-content) minmax(12rem, 1fr) minmax(0, max-content);
  gap: var(--qui-space-lg);
  overflow: visible;
}
.qui-app-header .qui-header-action-icon, .qui-app-drawer-close > svg {
  width: var(--qui-shell-action-icon-size);
  min-width: var(--qui-shell-action-icon-size);
  height: var(--qui-shell-action-icon-size);
  flex: 0 0 var(--qui-shell-action-icon-size);
}
.qui-app-header .qui-drawer-icon, .qui-app-header .qui-account-trigger {
  background: transparent;
}
.qui-app-header .qui-drawer-icon:hover, .qui-app-header .qui-account-trigger:hover {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, transparent);
  }
}
.qui-app-header .qui-account-trigger .qui-avatar {
  flex: 0 0 2.25rem;
  width: var(--qui-control-size-regular);
  min-width: var(--qui-control-size-regular);
  height: var(--qui-control-size-regular);
  min-height: var(--qui-control-size-regular);
}
.qui-standard-filter-bar {
  min-width: 0;
  display: grid;
  align-items: center;
  width: 100%;
  grid-template-columns: minmax(14rem, 1fr) auto auto;
  gap: 0.45rem;
}
.qui-standard-filter-search {
  min-width: 0;
  min-height: var(--qui-control-size-compact);
}
.qui-standard-filter-value-search {
  min-height: var(--qui-control-size-compact);
}
.qui-standard-filter-mobile-toggle {
  display: none;
  width: var(--qui-control-size-compact);
  min-width: var(--qui-control-size-compact);
  height: var(--qui-control-size-compact);
  min-height: var(--qui-control-size-compact);
  padding: 0;
}
.qui-standard-filter-apply {
  width: var(--qui-control-size-compact);
  min-width: var(--qui-control-size-compact);
  height: var(--qui-control-size-compact);
  min-height: var(--qui-control-size-compact);
  padding: 0;
}
.qui-standard-filter-apply span {
  display: none;
}
.qui-standard-filter-menu {
  position: relative;
  display: inline-flex;
  min-width: 0;
}
.qui-standard-filter-add {
  place-items: center;
  border: 0;
  background: transparent;
  color: currentColor;
  min-height: 1.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0 0.65rem;
  line-height: 1;
  height: var(--qui-control-size-compact);
}
.qui-standard-filter-popover {
  position: absolute;
  min-width: 13rem;
  padding: 0.35rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-menu);
  top: calc(100% + 0.35rem);
  left: 0;
  display: grid;
  gap: 0.65rem;
  overflow-y: auto;
  z-index: calc(var(--qui-z-overlay) + 12);
  width: min(28rem, calc(100vw - 1rem));
  max-height: min(34rem, calc(100dvh - var(--qui-shell-header-height) - 1rem));
}
.qui-column-chooser-list .qui-check, .qui-column-chooser-check {
  min-width: 0;
}
.qui-column-chooser-list .qui-check > span {
  min-width: 0;
}
.qui-column-chooser-list .qui-check strong {
  overflow-wrap: anywhere;
}
.qui-support-banner {
  display: flex;
  flex-wrap: wrap;
  flex-shrink: 0;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-md);
  padding: var(--qui-space-md) var(--qui-space-xl);
  border-bottom: 2px solid #d97706;
  background: #fef3c7;
  color: #78350f;
  font-size: var(--qui-font-size-md);
}
.dark .qui-support-banner {
  background: #451a03;
  color: #fef3c7;
  border-color: #f59e0b;
}
.qui-auth-shell {
  --qui-bg-canvas: #f4f7fb;
  --qui-bg-page: #f8fbff;
  --qui-bg-surface: #ffffff;
  --qui-bg-raised: #f7f7f7;
  --qui-bg-muted: #f3f3f3;
  --qui-bg-hover: #f5f5f5;
  --qui-bg-selected: #eeeeee;
  --qui-bg-input: #fcfcfc;
  --qui-bg-input-hover: #ffffff;
  --qui-text: #172033;
  --qui-text-strong: #0b1220;
  --qui-text-muted: #50617a;
  --qui-text-subtle: #6b7b91;
  --qui-text-placeholder: #7e8b9d;
  --qui-text-inverse: #ffffff;
  --qui-border: #d6d6d6;
  --qui-border-subtle: #ececec;
  --qui-border-strong: #b8b8b8;
  --qui-danger: #b42318;
  --qui-danger-soft: #fff4f3;
  --qui-danger-border: #f2b8b5;
  --qui-auth-link: #1657f4;
  --qui-auth-link-hover: #0f49d7;
  width: 100%;
  min-height: 100dvh;
  position: relative;
  isolation: isolate;
  place-items: start center;
  padding: clamp(5.25rem, 14vh, 8rem) var(--qui-space-xl) clamp(var(--qui-space-3xl), 6vh, 4rem);
  color: var(--qui-text);
  color-scheme: light;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: var(--qui-bg-canvas);
}
.qui-auth-shell > * {
  position: relative;
  z-index: 1;
}
.qui-auth-method-list {
  padding: 0rem 2rem 2rem;
}
.qui-auth-public .qui-auth-otp-status > button {
  align-self: flex-start;
}
.qui-auth-public .qui-auth-method-title {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
}
.qui-auth-public .qui-auth-account-summary .qui-action-subtle {
  width: auto;
  justify-self: start;
  justify-content: flex-start;
}
.qui-auth-public .qui-auth-link-row > span {
  overflow-wrap: anywhere;
}
.qui-auth-public .qui-auth-stack > :is(.qui-button, .qui-button-secondary) {
  align-self: start;
}
.qui-auth-public .qui-auth-link-row:has(.qui-button, .qui-button-secondary) {
  justify-content: flex-start;
}
@keyframes qui-auth-language-enter {
  from {
    transform: translateY(1rem);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}
.qui-button.qui-btn-big, .qui-button-secondary.qui-btn-big {
  height: auto;
  min-height: 3.5rem;
  padding-block: var(--qui-space-lg);
  white-space: normal;
}
html:has(.qui-auth-layout .qui-auth-public) {
  height: auto;
  min-height: 100%;
  overflow-x: clip;
  overflow-y: auto;
}
body:has(.qui-auth-layout .qui-auth-public) {
  height: auto;
  min-height: 100dvh;
  overflow: visible;
}
html.qui-auth-language-open:has(.qui-auth-public) {
  overflow: hidden;
}
.qui-centered-content {
  width: min(100%, 56rem);
  margin-inline: auto;
  padding: var(--qui-space-2xl);
}
.qui-auth-public.qui-onboarding-shell .qui-auth-shell-inner {
  width: min(100%, 48rem);
}
.qui-onboarding-shell .qui-auth-stage {
  padding-block: 2rem;
}
.qui-onboarding-shell .qui-auth-heading {
  padding-block: 1.5rem;
}
.qui-onboarding-content {
  display: grid;
  gap: 1.5rem;
  min-width: 0;
  padding: 0 var(--qui-auth-content-gutter) 1.5rem;
  text-align: left;
}
.qui-onboarding-content .qui-stepper {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0.5rem;
  padding-bottom: 1.25rem;
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-onboarding-content .qui-stepper-item {
  flex-direction: column;
  align-items: flex-start;
  min-width: 0;
  gap: 0.5rem;
  font-size: var(--qui-font-size-sm);
}
.qui-onboarding-step-heading {
  display: grid;
  gap: 0.35rem;
  scroll-margin-block: 1rem;
}
.qui-onboarding-step-heading > span, .qui-onboarding-save-status, .qui-brand-preview-caption {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-onboarding-step-heading h2 {
  font-family: var(--qui-font-heavy);
  font-size: 1.35rem;
  line-height: 1.25;
  color: var(--qui-text-strong);
}
.qui-onboarding-step-heading p, .qui-onboarding-assist p, .qui-onboarding-completion p, .qui-auth-verification-context p {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
  line-height: 1.5;
}
.qui-onboarding-fields {
  display: grid;
  min-width: 0;
  gap: 1.25rem;
  margin: 0;
  padding: 0;
  border: 0;
}
.qui-onboarding-content .qui-form-grid.is-2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
}
.qui-onboarding-group {
  display: grid;
  gap: 1rem;
  min-width: 0;
}
.qui-onboarding-group > h3 {
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: 1rem;
}
.qui-onboarding-group + .qui-onboarding-group {
  border-top: 1px solid var(--qui-border-subtle);
  padding-top: 1.25rem;
}
.qui-onboarding-assist {
  display: grid;
  gap: 0.65rem;
  padding: 1rem;
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-muted);
}
.qui-onboarding-inline-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
}
.qui-onboarding-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.65rem;
  justify-content: flex-end;
}
.qui-onboarding-actions.is-complete {
  justify-content: center;
  margin-top: 1.5rem;
}
.qui-onboarding-back {
  margin-inline-end: auto;
}
.qui-onboarding-forward-actions, .qui-dashboard-header-actions {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 0.65rem;
}
.qui-auth-text-action {
  display: inline-flex;
  align-self: center;
  align-items: center;
  justify-content: center;
  gap: 0.35rem;
  margin-top: 0.5rem;
  padding: 0.25rem;
  border: 0;
  background: transparent;
  color: var(--qui-accent-text);
  font: inherit;
  cursor: pointer;
  text-underline-offset: 0.2em;
}
.qui-auth-text-action:hover {
  text-decoration: underline;
}
.qui-auth-text-action:focus-visible {
  outline: 2px solid var(--qui-accent);
  outline-offset: 3px;
  border-radius: var(--qui-radius-control);
}
.qui-auth-text-action > svg {
  width: 1rem;
  height: 1rem;
}
.qui-auth-text-action:disabled {
  opacity: 0.5;
  cursor: default;
}
.qui-onboarding-form-footer {
  display: grid;
  gap: 0.75rem;
  margin-top: 1.5rem;
  padding-top: 1rem;
  border-top: 1px solid var(--qui-border-subtle);
}
.qui-onboarding-matches {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 0.75rem;
}
.qui-setup-candidate {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  overflow-wrap: anywhere;
}
.qui-onboarding-match-summary {
  display: grid;
  gap: 0.75rem;
  padding: 1rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  overflow-wrap: anywhere;
}
.qui-onboarding-match-summary h3 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin: 0;
  font-size: 0.875rem;
  color: var(--qui-accent-text);
}
.qui-onboarding-match-summary h3 > svg {
  width: 1rem;
  height: 1rem;
}
.qui-onboarding-match-summary dl {
  display: grid;
  gap: 0.75rem;
  margin: 0;
}
.qui-onboarding-match-summary dt {
  font-size: 0.75rem;
  color: var(--qui-text-muted);
}
.qui-onboarding-match-summary dd {
  margin: 0.15rem 0 0;
}
.qui-setup-logo {
  width: auto;
  max-width: 8rem;
  max-height: 4rem;
  object-fit: contain;
}
.qui-onboarding-branding {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr);
  align-items: start;
  gap: 1.5rem;
}
.qui-logo-upload {
  display: grid;
  gap: 0.5rem;
  justify-items: start;
}
.qui-logo-upload-target {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 0.75rem;
  min-height: 6rem;
  width: 100%;
  padding: 1rem;
  border: 1px dashed var(--qui-border-strong);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-input);
  color: var(--qui-text);
}
.qui-logo-upload-target > input {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}
.qui-logo-upload-target > svg {
  width: 1.5rem;
  height: 1.5rem;
}
.qui-logo-upload-target:focus-within {
  outline: 2px solid var(--qui-accent);
  outline-offset: 3px;
}
.qui-onboarding-accent {
  min-width: 0;
  margin: 0;
  padding: 0;
  border: 0;
}
.qui-onboarding-accent-options {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin: 0.5rem 0;
}
.qui-onboarding-accent-option {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 0.75rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-input);
  cursor: pointer;
}
.qui-onboarding-accent-option:has(input:checked) {
  border-color: var(--qui-accent-text);
  background: var(--qui-bg-selected);
}
.qui-onboarding-accent-option:focus-within {
  outline: 2px solid var(--qui-accent);
  outline-offset: 2px;
}
.qui-brand-preview {
  display: grid;
  gap: 1.25rem;
  min-width: 0;
  max-width: 100%;
  overflow: hidden;
  padding: 1.25rem;
  border: 1px solid var(--qui-border);
  border-top: 4px solid var(--brand-preview-accent, var(--qui-accent));
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  box-shadow: var(--qui-shadow-sm);
}
.qui-brand-preview-identity {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.75rem;
  overflow-wrap: anywhere;
}
.qui-brand-preview-monogram {
  display: grid;
  place-items: center;
  width: 2.75rem;
  height: 2.75rem;
  border: 2px solid var(--brand-preview-accent, var(--qui-accent));
  border-radius: var(--qui-radius-card);
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
}
.qui-brand-preview-document {
  display: grid;
  gap: 0.75rem;
  padding-top: 1rem;
  border-top: 1px solid var(--qui-border-subtle);
  color: var(--qui-text-muted);
}
.qui-brand-preview-line {
  height: 0.4rem;
  background: var(--qui-border-subtle);
  border-radius: var(--qui-radius-control);
}
.qui-brand-preview-line.is-short {
  width: 65%;
}
.qui-brand-preview-accent {
  width: 4rem;
  height: 0.3rem;
  margin-top: 1rem;
  border-radius: var(--qui-radius-control);
  background: var(--brand-preview-accent, var(--qui-accent));
}
.qui-onboarding-completion {
  display: grid;
  justify-items: center;
  gap: 1rem;
  padding-block: 1.5rem;
  text-align: center;
  overflow-wrap: anywhere;
}
.qui-onboarding-completion > strong {
  max-width: 100%;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: 1.4rem;
}
.qui-onboarding-success-mark {
  display: grid;
  place-items: center;
  width: 3.5rem;
  height: 3.5rem;
  border-radius: 50%;
  background: var(--qui-success-soft);
  color: var(--qui-success);
}
.qui-onboarding-success-mark > svg {
  width: 1.75rem;
  height: 1.75rem;
}
.qui-getting-started-details {
  width: 100%;
}
.qui-getting-started-details > summary {
  cursor: pointer;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  padding-bottom: 0.75rem;
}
.qui-first-use-cards {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--qui-space-xl);
}
.qui-getting-started-list {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: var(--qui-space-lg) var(--qui-space-xl);
  list-style: none;
  margin: 0;
  padding: 0;
}
.qui-getting-started-list li {
  display: flex;
  align-items: center;
  gap: var(--qui-space-md);
  min-height: 2rem;
}
.qui-otp-input {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: var(--qui-space-md);
  position: relative;
}
.qui-otp-entry {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  z-index: 1;
  font-size: 1rem;
}
.qui-otp-input:hover:not(:focus-within) .qui-otp-cell {
  border-color: var(--qui-control-border-hover);
  background: var(--qui-bg-input-hover);
  box-shadow: var(--qui-shadow-input-inset);
}
.qui-otp-input:focus-within .qui-otp-cell.is-active {
  border-color: var(--qui-control-border-focus);
  background: var(--qui-bg-input);
  box-shadow: var(--qui-shadow-input-inset);
}
.qui-otp-input:has(.qui-otp-entry:disabled) {
  opacity: .6;
}
.qui-audit-structured {
  margin-block: var(--qui-space-lg);
}
.qui-audit-structured pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  max-height: 24rem;
  overflow-y: auto;
}
.qui-command-tabs-row > .qui-command-close, .qui-command-input-row > .qui-command-close {
  align-self: stretch;
  width: 3.5rem;
  min-width: 3.5rem;
  height: auto;
  min-height: 100%;
  margin-left: auto;
}
.qui-notification-header-actions .qui-notification-line-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.qui-notification-panel {
  border: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-panel-left);
  filter: none;
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  display: grid;
  grid-template-rows: auto auto minmax(0, 1fr) auto;
  overflow: hidden;
  position: fixed;
  top: var(--qui-shell-header-height);
  right: 0;
  bottom: 0;
  z-index: calc(var(--qui-z-overlay) + 10);
  width: min(31rem, 100vw);
  max-height: calc(100dvh - var(--qui-shell-header-height));
  border-top: 0;
  border-right: 0;
  border-radius: 0 0 0 var(--qui-radius-large);
  transform: translate3d(0, 0, 0);
  transform-origin: top right;
  opacity: 1;
  visibility: visible;
  will-change: transform, opacity;
  transition: transform var(--qui-motion-panel) var(--qui-ease-morph), opacity var(--qui-motion-fast) ease, box-shadow var(--qui-motion-panel) ease, visibility 0s linear 0s;
  background-clip: padding-box;
}
.qui-account-flyout {
  border: 1px solid var(--qui-shell-surface-border);
  background: var(--qui-shell-surface);
  color: var(--qui-text);
  position: fixed;
  overflow: hidden;
  box-shadow: var(--qui-shadow-panel-left);
  filter: none;
  backdrop-filter: var(--qui-shell-surface-filter);
  -webkit-backdrop-filter: var(--qui-shell-surface-filter);
  top: var(--qui-shell-header-height);
  right: 0;
  z-index: calc(var(--qui-z-overlay) + 10);
  width: min(25rem, 100vw);
  max-height: calc(100dvh - var(--qui-shell-header-height));
  border-top: 0;
  border-right: 0;
  border-radius: 0 0 0 var(--qui-radius-large);
  transform: translate3d(0, 0, 0);
  transform-origin: top right;
  opacity: 1;
  visibility: visible;
  will-change: transform, opacity;
  background-clip: padding-box;
}
.qui-drawer {
  background: var(--qui-shell-surface-strong);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-panel-right);
  filter: none;
  backdrop-filter: var(--qui-shell-surface-filter);
  -webkit-backdrop-filter: var(--qui-shell-surface-filter);
  max-width: 100%;
  width: 100%;
  height: auto;
  max-height: calc(100dvh - var(--qui-shell-header-height) - 1rem);
  border-top: 0;
  border-left: 0;
  border-radius: 0 0 var(--qui-radius-large) 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  opacity: 1;
  will-change: transform, clip-path, opacity;
  transition: clip-path var(--qui-motion-morph) var(--qui-ease-morph), transform var(--qui-motion-morph) var(--qui-ease-morph), opacity var(--qui-motion-fast) ease, border-radius var(--qui-motion-panel) var(--qui-ease-morph), box-shadow var(--qui-motion-panel) ease, filter var(--qui-motion-medium) ease;
  background-clip: padding-box;
}
:is(.qui-export-menu-panel, .qui-action-overflow-menu, .qui-table-floating-row-menu, .qui-standard-filter-popover, .qui-glass-menu, .qui-notification-filter-menu, .qui-record-action-menu-list) {
  box-shadow: var(--qui-shadow-menu);
}
.qui-account-overlay {
  position: fixed;
  inset: var(--qui-shell-header-height) 0 0 0;
  z-index: calc(var(--qui-z-overlay) + 8);
  opacity: 1;
  visibility: visible;
  transition: opacity var(--qui-motion-medium) var(--qui-ease-standard), backdrop-filter var(--qui-motion-medium) var(--qui-ease-enter), visibility 0s linear 0s;
  background: var(--qui-shell-overlay-medium);
  backdrop-filter: blur(var(--qui-overlay-blur-medium));
  -webkit-backdrop-filter: blur(var(--qui-overlay-blur-medium));
}
.qui-app-drawer-scrim {
  position: fixed;
  inset: var(--qui-shell-header-height) 0 0 0;
  z-index: calc(var(--qui-z-overlay) + 6);
  opacity: 1;
  visibility: visible;
  transition: opacity var(--qui-motion-medium) var(--qui-ease-standard), backdrop-filter var(--qui-motion-panel) var(--qui-ease-morph), visibility 0s linear 0s;
  background: var(--qui-shell-overlay-medium);
  backdrop-filter: blur(var(--qui-overlay-blur-medium));
  -webkit-backdrop-filter: blur(var(--qui-overlay-blur-medium));
}
.qui-command-scrim {
  z-index: var(--qui-z-modal);
  display: grid;
  align-items: start;
  justify-items: center;
  position: fixed;
  top: var(--qui-shell-header-height);
  right: 0;
  bottom: auto;
  left: 0;
  height: calc(100dvh - var(--qui-shell-header-height));
  padding: 0;
  overflow: hidden;
  opacity: 1;
  visibility: visible;
  transition: opacity var(--qui-motion-medium) var(--qui-ease-standard), backdrop-filter var(--qui-motion-panel) var(--qui-ease-morph), visibility 0s linear 0s;
  background: var(--qui-shell-overlay-medium);
  backdrop-filter: blur(var(--qui-overlay-blur-medium));
  -webkit-backdrop-filter: blur(var(--qui-overlay-blur-medium));
}
.qui-account-trigger-copy {
  min-width: 0;
  font-family: var(--qui-font-label);
}
.qui-account-trigger-name {
  font-family: var(--qui-font-label);
  font-weight: 600;
}
.qui-account-trigger-context {
  font-family: var(--qui-font-label);
  font-weight: 400;
}
.qui-record-action-menu-list > .qui-record-action-item + .qui-record-action-item, .qui-action-overflow-menu > .qui-action-overflow-item + .qui-action-overflow-item, .qui-export-menu-panel > button + button {
  border-top: 1px solid var(--qui-border-subtle);
}
select:not(.qui-auth-language-select):not(.qui-select) {
  font-family: var(--qui-font-body);
  color: var(--qui-text);
  background-color: var(--qui-bg-input);
  box-shadow: var(--qui-shadow-input-inset);
}
select:not(.qui-auth-language-select) option, .qui-select option {
  min-height: var(--qui-control-size-regular);
  padding: 0.4rem 0.55rem;
  background: var(--qui-bg-raised);
  color: var(--qui-text);
  font-family: var(--qui-font-body);
  font-size: var(--qui-font-size-md);
}
select:not(.qui-auth-language-select) option:checked, .qui-select option:checked {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, var(--qui-bg-raised));
  }
  color: var(--qui-text-strong);
}
.qui-export-menu {
  position: relative;
  display: inline-flex;
  anchor-scope: --qui-export-anchor;
}
.qui-export-menu > summary {
  min-height: var(--qui-control-size-compact);
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  padding: 0 0.65rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  font-family: var(--qui-font-button);
  font-size: var(--qui-font-size-md);
  font-weight: 400;
  list-style: none;
  cursor: pointer;
  padding-inline: var(--qui-space-lg);
  anchor-name: --qui-export-anchor;
}
.qui-action-overflow {
  position: relative;
  display: inline-flex;
  anchor-scope: --qui-overflow-anchor;
}
.qui-action-overflow-trigger {
  flex: 0 0 var(--qui-control-size-compact);
  width: var(--qui-control-size-compact);
  min-width: var(--qui-control-size-compact);
  padding: 0;
  anchor-name: --qui-overflow-anchor;
}
.qui-export-menu-panel {
  position: absolute;
  z-index: var(--qui-z-popover);
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-menu);
  top: calc(100% + 0.35rem);
  right: 0;
  left: auto;
  min-width: 21rem;
  padding: 0;
  overflow: hidden;
  width: min(21rem, calc(100vw - 1rem));
  max-width: calc(100vw - 1rem);
}
.qui-action-overflow-menu {
  position: absolute;
  z-index: var(--qui-z-popover);
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-menu);
  top: calc(100% + 0.35rem);
  right: 0;
  left: auto;
  padding: 0;
  overflow: hidden;
  width: min(13rem, calc(100vw - 1rem));
  min-width: 0;
  max-width: calc(100vw - 1rem);
}
@supports (position-anchor: --qui-export-anchor) {
  .qui-export-menu-panel {
    --qui-popup-width: min(21rem, calc(100vw - 1rem));
    position: fixed;
    position-anchor: --qui-export-anchor;
    top: calc(anchor(bottom) + 0.35rem);
    right: auto;
    left: clamp( 0.5rem, calc(anchor(right) - var(--qui-popup-width)), calc(100vw - var(--qui-popup-width) - 0.5rem) );
    width: var(--qui-popup-width);
  }
}
@supports (position-anchor: --qui-overflow-anchor) {
  .qui-action-overflow-menu {
    --qui-popup-width: min(13rem, calc(100vw - 1rem));
    position: fixed;
    position-anchor: --qui-overflow-anchor;
    top: calc(anchor(bottom) + 0.35rem);
    right: auto;
    left: clamp( 0.5rem, calc(anchor(right) - var(--qui-popup-width)), calc(100vw - var(--qui-popup-width) - 0.5rem) );
    width: var(--qui-popup-width);
  }
}
.qui-startup-splash-card .qui-state {
  border: 0;
  background: transparent;
  box-shadow: none;
}
.qui-account-menu > :is( .qui-account-menu-row, .qui-account-preference-summary, .qui-account-option-row ) {
  border-top: 1px solid var(--qui-border-subtle);
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-account-menu > :is( .qui-account-menu-row, .qui-account-preference-summary, .qui-account-option-row ) + :is( .qui-account-menu-row, .qui-account-preference-summary, .qui-account-option-row ) {
  margin-top: -1px;
}
.qui-account-menu > :is( .qui-account-menu-row, .qui-account-preference-summary, .qui-account-option-row ):first-child {
  border-top-color: transparent;
}
.qui-account-menu > :is( .qui-account-menu-row, .qui-account-preference-summary, .qui-account-option-row ):last-child {
  border-bottom-color: transparent;
}
.qui-account-subview > .qui-account-option-row {
  border-top: 1px solid var(--qui-border-subtle);
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-account-subview > .qui-account-option-row + .qui-account-option-row {
  margin-top: -1px;
}
.qui-account-subview > .qui-account-option-row:first-of-type {
  border-top-color: transparent;
}
.qui-account-subview > .qui-account-option-row:last-of-type {
  border-bottom-color: transparent;
}
.qui-auth-layout:has(.qui-auth-public) {
  min-height: 100dvh;
  height: auto;
  overflow: visible;
  background: radial-gradient(circle at 12% 10%, rgb(218 232 252 / 0.62), transparent 34rem), radial-gradient(circle at 88% 16%, rgb(243 234 249 / 0.52), transparent 30rem), radial-gradient(circle at 48% 100%, rgb(255 246 230 / 0.58), transparent 36rem), #f7f8fb;
}
html.dark .qui-auth-layout:has(.qui-auth-public) {
  background: radial-gradient(circle at 12% 10%, rgb(66 99 150 / 0.16), transparent 34rem), radial-gradient(circle at 88% 16%, rgb(93 67 105 / 0.12), transparent 30rem), radial-gradient(circle at 48% 100%, rgb(115 92 58 / 0.10), transparent 36rem), var(--qui-bg-canvas);
}
html.dark .qui-auth-public .qui-auth-centered-card {
  box-shadow: 0 1.25rem 3rem rgb(0 0 0 / 0.32), 0 0.25rem 0.75rem rgb(0 0 0 / 0.24);
}
.qui-auth-public.qui-auth-shell {
  width: 100%;
  min-height: 100dvh;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  align-items: stretch;
  padding: 0;
  overflow: visible;
  background: transparent;
  color: var(--qui-text);
}
.qui-auth-stage {
  width: 100%;
  min-width: 0;
  min-height: 0;
  display: grid;
  place-items: center;
  padding: clamp(2.5rem, 8vh, 5.5rem) 1.5rem 2rem;
}
.qui-auth-public .qui-auth-shell-inner, .qui-auth-public.qui-auth-shell-wide .qui-auth-shell-inner {
  width: min(100%, 27.5rem);
  margin: 0;
  gap: 0;
}
.qui-auth-public .qui-auth-logo-link {
  width: fit-content;
  display: inline-flex;
  align-self: center;
  margin: 2.5rem auto 0;
}
.qui-auth-public .qui-auth-logo {
  width: 9.8125rem;
  max-width: min(100%, 11rem);
  height: auto;
}
.qui-auth-public .qui-auth-heading {
  display: grid;
  justify-items: center;
  padding: 2.5rem 2rem 1.5rem;
  text-align: center;
}
.qui-auth-public .qui-auth-heading h1 {
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: 1.65rem;
  line-height: 1.16;
}
.qui-auth-public .qui-auth-heading p {
  overflow-wrap: anywhere;
  max-width: 30rem;
  color: var(--qui-text-muted);
  font-size: 0.875rem;
  line-height: 1.45;
  text-align: center;
}
.qui-auth-public .qui-auth-card-content {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 1rem;
  padding: 0rem;
  text-align: center;
}
.qui-auth-public .qui-auth-centered-card a:not(.qui-button):not(.qui-button-secondary) {
  color: var(--qui-auth-link);
}
.qui-auth-public .qui-auth-centered-card a:not(.qui-button):not(.qui-button-secondary):hover, .qui-auth-public .qui-auth-centered-card a:not(.qui-button):not(.qui-button-secondary):focus-visible {
  color: var(--qui-auth-link-hover);
}
.qui-auth-public .qui-auth-card-content > .qui-auth-stack:not(.qui-auth-inner-padding) {
  padding: 1rem 2rem;
  text-align: left;
}
.qui-auth-public .qui-auth-card-content > form:has(> .qui-auth-stack:not(.qui-auth-inner-padding)) {
  padding: 1rem 2rem;
  text-align: left;
}
.qui-auth-public .qui-auth-card-content:has(> .qui-auth-actions) {
  padding: 1rem 2rem 1.5rem;
}
.qui-auth-public .qui-auth-card-content > .qui-loading-state {
  width: 100%;
  padding: 1rem 2rem 1.5rem;
}
.qui-auth-public .qui-check {
  width: 100%;
  text-align: left;
}
.qui-auth-public .qui-check > span {
  display: block;
}
.qui-auth-public .qui-auth-card-content :is( .qui-field, .qui-auth-section-heading, .qui-auth-account-summary-copy, .qui-auth-saved-account-copy, .qui-auth-method-button, .qui-auth-validation-summary ) {
  text-align: left;
}
.qui-auth-public .qui-auth-route-helper {
  width: 100%;
  padding: 1.5rem 2rem 1.5rem;
  border-top: 1px solid var(--qui-border-subtle);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.45;
  text-align: left;
}
.qui-auth-route-helper .qui-link {
  font-size: var(--qui-font-size-md);
}
.qui-auth-signup-prompt {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.qui-auth-public .qui-auth-actions {
  width: 100%;
  min-width: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: stretch;
  gap: 0.625rem;
  margin: 0.75rem 0rem;
}
.qui-auth-public .qui-auth-actions > .qui-auth-action {
  width: auto;
  min-width: 0;
  flex: 1 1 0;
  justify-content: center;
  white-space: normal;
}
.qui-auth-public .qui-auth-actions > .qui-auth-action:only-child {
  width: 100%;
  flex-basis: 100%;
}
.qui-auth-public .qui-auth-actions > .qui-auth-action:is(.qui-button, .qui-button-secondary) {
  min-height: 2.75rem;
  border-radius: 0.35rem;
}
.qui-auth-public .qui-auth-centered-card:has(.qui-auth-saved-account-list) > .qui-auth-heading {
  display: none;
}
.qui-auth-public .qui-auth-centered-card:has(.qui-auth-saved-account-list) .qui-auth-section-heading h2 {
  width: 100%;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: 1.5rem;
  line-height: 1.16;
  text-align: center;
}
.qui-auth-public .qui-auth-centered-card:has(.qui-auth-saved-account-list) .qui-auth-section-heading p {
  width: 100%;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
  text-align: center;
}
.qui-auth-public .qui-auth-saved-account-row:hover, .qui-auth-public .qui-auth-saved-account-row.is-selected {
  background: var(--qui-bg-hover);
}
.qui-auth-public .qui-auth-saved-account-avatar {
  width: 3rem;
  height: 3rem;
  background: var(--qui-bg-muted);
  color: var(--qui-text);
  font-family: var(--qui-font-heavy);
  font-size: 1rem;
}
.qui-auth-public .qui-auth-saved-account-copy > span {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-auth-public .qui-auth-account-action .qui-icon-button-symbol {
  width: 1rem;
  height: 1rem;
}
.qui-auth-public .qui-auth-account-action.is-danger {
  color: var(--qui-danger);
}
.qui-auth-public .qui-auth-account-action.is-danger:hover:not(:disabled), .qui-auth-public .qui-auth-account-action.is-danger:focus-visible:not(:disabled) {
  border-color: var(--qui-danger-border);
  background: var(--qui-danger-soft);
  color: var(--qui-danger);
}
.qui-auth-public .qui-auth-account-change {
  align-self: center;
  justify-self: end;
}
.qui-auth-public .qui-auth-saved-account-list + .qui-auth-actions {
  width: 100%;
  margin-top: -1px;
  gap: 0;
}
.qui-auth-page-footer {
  width: 100%;
  display: grid;
  justify-items: center;
  gap: 0.4rem;
  padding: 0.75rem 1.5rem max(1rem, env(safe-area-inset-bottom));
  color: var(--qui-text-muted);
  font-size: 0.6875rem;
  line-height: 1.35;
  text-align: center;
}
.qui-auth-page-footer-row {
  margin: 0;
}
.qui-auth-page-footer-language {
  display: flex;
  justify-content: center;
}
.qui-auth-page-footer-links {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem 1rem;
}
.qui-auth-page-footer a {
  color: var(--qui-text-muted);
  text-decoration: none;
}
.qui-auth-page-footer a:hover {
  color: var(--qui-text-strong);
  text-decoration: underline;
  text-underline-offset: 0.15em;
}
.qui-auth-page-footer .qui-auth-language-trigger svg {
  width: 0.875rem;
  height: 0.875rem;
}
.qui-auth-public .qui-field-label, .qui-auth-public .qui-field-helper, .qui-auth-public .qui-field-error, .qui-auth-public .validation-message {
  text-align: left;
}
.qui-auth-public .qui-auth-link-row {
  align-items: center;
  justify-content: center;
}
.qui-auth-public .qui-auth-otp-status {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
  gap: var(--qui-space-sm);
  text-align: center;
  padding: 0.56rem 0;
}
.qui-breadcrumb-item {
  min-width: 0;
  color: var(--qui-text-muted);
  text-decoration: none;
}
.qui-breadcrumb-item.is-current {
  max-width: min(28rem, 42vw);
  overflow: hidden;
  color: var(--qui-text-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-page-header-shell {
  min-width: 0;
  width: 100%;
  display: grid;
  flex: 0 0 auto;
  min-height: min-content;
}
.qui-page-header.is-plain {
  min-width: 0;
  width: 100%;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.qui-page-header-main.is-plain {
  min-width: 0;
  width: 100%;
  display: block;
}
.qui-page-header-row {
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: var(--qui-space-xl);
}
.qui-page-header-identity {
  min-width: 0;
  display: grid;
  grid-template-columns: 3.75rem minmax(0, 1fr);
  align-items: stretch;
  gap: 0.75rem;
}
.qui-page-header-leading {
  min-width: 3.75rem;
  min-height: 3.75rem;
  display: grid;
  place-items: center;
  align-self: stretch;
  color: var(--qui-text-muted);
}
.qui-page-header-leading-icon {
  width: 2.5rem;
  height: 2.5rem;
}
.qui-page-header-copy {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 0.0625rem;
  line-height: 1;
}
.qui-page-header-eyebrow {
  min-width: 0;
  overflow: hidden;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
  font-weight: 500;
  line-height: 1;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-page-header-copy h1 {
  min-width: 0;
  margin: 0;
  overflow-wrap: anywhere;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: 1.5rem;
  line-height: 1;
}
.qui-page-header-subtitle {
  min-width: 0;
  max-width: 72rem;
  margin-top: 0.125rem;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-lg);
  line-height: 1;
}
.qui-page-header-mini-actions {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  justify-self: end;
  align-self: stretch;
  margin-left: auto;
}
.qui-page-breadcrumb-layer {
  min-width: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}
.qui-page-breadcrumb-layer a, .qui-page-breadcrumb-layer span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-page-mini-export-list {
  min-width: 0;
  display: grid;
}
.qui-page-mini-export-item {
  width: 100%;
  min-height: 3rem;
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.7rem;
  padding: 0.625rem 0.875rem;
  border: 0;
  border-bottom: 1px solid var(--qui-border-subtle);
  border-radius: 0;
  background: transparent;
  color: var(--qui-text);
  font: inherit;
  text-align: left;
}
.qui-page-mini-export-item:last-child {
  border-bottom: 0;
}
.qui-page-mini-export-item:hover:not(:disabled), .qui-page-mini-export-item:focus-visible:not(:disabled) {
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
  outline: none;
}
.qui-page-mini-export-item:disabled {
  cursor: not-allowed;
  opacity: 0.55;
}
.qui-app-bar .qui-record-page-actions {
  width: 100%;
  gap: 0.4rem;
}
.qui-app-bar .qui-action-overflow-trigger {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  border-radius: var(--qui-app-bar-radius);
}
.qui-app-bar .qui-app-command:hover:not(:disabled), .qui-app-bar .qui-app-command:focus-visible:not(:disabled), .qui-app-bar .qui-export-menu > summary:hover, .qui-app-bar .qui-export-menu > summary:focus-visible, .qui-app-bar .qui-action-overflow-trigger:hover, .qui-app-bar .qui-action-overflow-trigger:focus-visible {
  border-color: transparent;
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
  outline: none;
}
.qui-app-bar .qui-app-command {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  width: auto;
  min-width: 0;
  padding-inline: 0.875rem;
  justify-content: center;
  border-radius: var(--qui-app-bar-radius);
}
.qui-app-bar .qui-app-command > span {
  display: inline;
}
.qui-app-bar .qui-export-menu {
  width: max-content;
  flex: 0 0 auto;
  min-width: max-content;
}
.qui-app-bar .qui-export-menu > summary {
  border-color: transparent;
  background: transparent;
  box-shadow: none;
  border-radius: var(--qui-app-bar-radius);
  flex: 0 0 auto;
  width: max-content;
  min-width: max-content;
  max-width: none;
  padding-inline: 0.65rem;
  justify-content: flex-start;
  white-space: nowrap;
}
.qui-app-bar .qui-export-menu > summary > span, .qui-app-bar .qui-export-menu > summary > .qui-line-icon {
  flex: 0 0 auto;
  white-space: nowrap;
}
.qui-app-bar .qui-page-action-bar[data-qui-has-overflowed-commands="false"] > .qui-action-overflow, .qui-app-bar .qui-record-page-actions[data-qui-has-overflowed-commands="false"] > .qui-action-overflow {
  display: none;
}
.qui-app-bar .qui-page-action-bar[data-qui-has-overflowed-commands="true"] > .qui-action-overflow, .qui-app-bar .qui-record-page-actions[data-qui-has-overflowed-commands="true"] > .qui-action-overflow {
  display: inline-flex;
}
:is( .qui-record-action-item, .qui-action-overflow-item, .qui-page-mini-export-item, .qui-export-menu-panel > button, .qui-glass-menu-item ) {
  display: grid;
  grid-template-columns: 1.5rem minmax(0, 1fr) auto;
  align-items: center;
  column-gap: 0.7rem;
  text-align: left;
}
:is( .qui-record-action-item, .qui-action-overflow-item, .qui-page-mini-export-item, .qui-export-menu-panel > button, .qui-glass-menu-item ) > .qui-line-icon:first-child, .qui-glass-menu-item > .qui-notification-line-icon:first-child {
  grid-column: 1;
  width: 1.2rem;
  height: 1.2rem;
  min-width: 1.2rem;
  justify-self: center;
}
:is( .qui-record-action-item, .qui-action-overflow-item, .qui-page-mini-export-item, .qui-export-menu-panel > button ) > small {
  grid-column: 3;
  justify-self: end;
}
.qui-account-row-label {
  gap: 0.55rem;
  flex: 1 1 auto;
  min-width: 0;
  grid-template-columns: 1.5rem minmax(0, 1fr);
  align-items: center;
  column-gap: 0.7rem;
  display: grid;
}
.qui-account-row-label > .qui-account-line-icon, .qui-account-row-label > .qui-accent-swatch {
  grid-column: 1;
  justify-self: center;
}
.qui-account-row-label > span:last-child {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  grid-column: 2;
  min-width: 0;
  text-align: left;
}
.qui-record-panel-header-slot {
  min-height: var(--qui-shell-header-height);
}
.qui-entity-panel-header > .qui-record-panel-header {
  min-height: var(--qui-shell-header-height);
  height: var(--qui-shell-header-height);
  align-items: stretch;
}
.qui-entity-panel .qui-record-panel-header .qui-entity-header-copy > p {
  display: block;
  margin: 0;
  color: var(--qui-text-muted);
  font-family: var(--qui-font-body);
  font-size: var(--qui-font-size-xs);
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.035em;
  text-transform: uppercase;
}
.qui-record-panel-header .qui-entity-header-copy h2 {
  margin: 0;
  font-size: 1.15rem;
  line-height: 1;
}
.qui-record-panel-back {
  width: 2.25rem;
  min-width: 2.25rem;
  height: 2.25rem;
  min-height: 2.25rem;
  align-self: center;
  border-radius: var(--qui-radius-control);
}
.qui-record-panel-header .qui-entity-header-actions {
  align-items: stretch;
}
.qui-record-panel-header .qui-entity-header-actions > .qui-icon-btn {
  width: 3.25rem;
  min-width: 3.25rem;
}
.qui-record-panel-header .qui-entity-header-actions > .qui-icon-btn svg {
  width: 1.35rem;
  height: 1.35rem;
}
.qui-entity-panel-body.is-form-mode > .qui-panel-form {
  flex: 1 1 auto;
  width: 100%;
  min-height: 0;
  overflow: hidden;
}
.qui-identity-field-copy > span {
  min-width: 0;
  overflow: hidden;
  color: var(--qui-text-strong);
  font-size: var(--qui-font-size-md);
  line-height: 1.2;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-appbar-menu {
  position: relative;
  flex: 0 0 auto;
}
.qui-appbar-menu-trigger {
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  min-height: var(--qui-control-size-regular);
  padding-inline: 0.75rem;
  border-radius: var(--qui-radius-card);
}
.qui-appbar-menu-trigger.is-icon-only {
  width: var(--qui-control-size-regular);
  min-width: var(--qui-control-size-regular);
  padding-inline: 0;
  justify-content: center;
}
.qui-appbar-menu .qui-record-action-backdrop {
  z-index: calc(var(--qui-z-popover) + 10);
}
.qui-app-bar .qui-command-primary {
  background: var(--qui-accent);
  color: var(--qui-accent-contrast);
}
.qui-app-bar .qui-command-primary:hover:not(:disabled), .qui-app-bar .qui-command-primary:focus-visible:not(:disabled) {
  background: var(--qui-accent);
  filter: brightness(0.96);
  color: var(--qui-accent-contrast);
}
.qui-entity-tabs {
  min-width: 0;
  width: 100%;
  position: relative;
  display: block;
}
.qui-entity-tabs-desktop {
  min-width: 0;
  width: 100%;
  position: relative;
  display: grid;
  grid-template-columns: 2.75rem minmax(0, 1fr) 2.75rem;
  align-items: center;
  gap: 0.55rem;
}
.qui-entity-tabs-strip {
  min-width: 0;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 0.5rem;
  overflow-x: auto;
  overflow-y: hidden;
  padding: 0;
  scroll-behavior: smooth;
  scrollbar-width: none;
}
.qui-entity-tabs-strip::-webkit-scrollbar {
  display: none;
}
.qui-entity-tabs.is-overflowing .qui-entity-tabs-strip {
  padding-inline: 0.35rem;
  mask-image: linear-gradient(to right, transparent 0, #000 1.1rem, #000 calc(100% - 1.1rem), transparent 100%);
}
.qui-entity-tabs .qui-entity-tab::before, .qui-entity-tabs .qui-entity-tab::after {
  display: none;
  content: none;
}
.qui-entity-tabs .qui-entity-tab:hover, .qui-entity-tabs .qui-entity-tab:focus-visible {
  border-color: var(--qui-accent-border);
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
  box-shadow: var(--qui-shadow-sm);
}
.qui-entity-tabs .qui-entity-tab.is-active, .qui-entity-tabs .qui-entity-tab[aria-selected="true"] {
  border-color: var(--qui-accent);
  background: var(--qui-accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent-soft) 72%, var(--qui-bg-surface));
  }
  color: var(--qui-accent-text);
  box-shadow: var(--qui-shadow-sm);
}
html.dark .qui-entity-tabs-nav {
  border-color: var(--qui-border-strong);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--qui-border-strong) 76%, white 8%);
  }
  background: var(--qui-bg-raised);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-raised) 88%, white 12%);
  }
  box-shadow: 0 0.12rem 0.42rem rgb(0 0 0 / 0.30);
}
.qui-entity-tabs-nav > svg {
  width: 1.25rem;
  height: 1.25rem;
  flex: 0 0 1.25rem;
}
.qui-entity-tabs-nav:focus-visible:not(:disabled) {
  background: var(--qui-accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent-soft) 74%, var(--qui-bg-raised));
  }
  color: var(--qui-accent-text);
  box-shadow: var(--qui-shadow-button-hover);
}
.qui-entity-tabs-nav:disabled {
  border-color: transparent;
  background: var(--qui-bg-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-muted) 80%, transparent);
  }
  color: var(--qui-text-subtle);
  box-shadow: none;
  opacity: 0.58;
}
.qui-entity-tabs-mobile {
  min-width: 0;
  width: 100%;
  position: relative;
  display: none;
}
.qui-entity-tabs.is-compact .qui-entity-tabs-desktop {
  position: absolute;
  visibility: hidden;
  pointer-events: none;
}
.qui-entity-tabs.is-compact .qui-entity-tabs-mobile {
  display: block;
}
.qui-record-command-reason {
  display: block;
  white-space: normal;
  font-size: .8rem;
  font-weight: 400;
  color: var(--qui-text-muted);
}
html.dark .qui-entity-tabs-mobile-trigger {
  background: var(--qui-bg-raised);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-raised) 88%, white 12%);
  }
}
.qui-entity-tabs-mobile-trigger > .qui-entity-tabs-menu-icon {
  flex: 0 0 1.25rem;
  width: 1.25rem;
  height: 1.25rem;
}
.qui-entity-tabs-mobile-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  font-size: 1rem;
  font-weight: 650;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-entity-tabs-mobile-chevron {
  flex: 0 0 0.85rem;
  width: 0.85rem;
  height: 0.85rem;
  color: var(--qui-text-muted);
}
.qui-entity-tabs-menu-backdrop {
  position: fixed;
  inset: 0;
  z-index: calc(var(--qui-z-popover) + 10);
  width: 100vw;
  height: 100vh;
  padding: 0;
  border: 0;
  background: transparent;
}
.qui-entity-tabs-menu {
  position: absolute;
  top: calc(100% + 0.35rem);
  left: 0;
  right: 0;
  z-index: calc(var(--qui-z-popover) + 11);
  max-height: min(24rem, 60dvh);
  overflow-y: auto;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  box-shadow: var(--qui-shadow-menu);
}
.qui-entity-tabs-menu-item {
  width: 100%;
  min-height: 2.65rem;
  display: flex;
  align-items: center;
  gap: var(--qui-space-md);
  padding: 0.55rem 0.75rem;
  border: 0;
  border-bottom: 1px solid var(--qui-border-subtle);
  border-radius: 0;
  background: transparent;
  color: var(--qui-text);
  font: inherit;
  text-align: start;
}
.qui-entity-tabs-menu-item > span {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}
.qui-entity-tabs-menu-item:last-child {
  border-bottom: 0;
}
.qui-entity-tabs-menu-item:hover, .qui-entity-tabs-menu-item:focus-visible {
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
}
.qui-entity-tabs-menu-item.is-active {
  background: var(--qui-bg-hover);
  color: var(--qui-accent-text);
}
.qui-entity-tabs-menu-check {
  color: var(--qui-accent-text);
  flex: 0 0 1rem;
  width: 1rem;
  height: 1rem;
  margin-inline-start: auto;
}
.qui-attachment-row:last-child {
  border-bottom: 0;
}
.qui-attachment-row:hover, .qui-attachment-row:focus-visible {
  background: var(--qui-bg-hover);
  outline: none;
}
.qui-dialog-backdrop {
  position: fixed;
  border: 0;
  display: grid;
  place-items: center;
  padding: var(--qui-space-xl);
  background: var(--qui-bg-overlay);
  inset: var(--qui-shell-header-height) 0 0;
  z-index: var(--qui-z-modal);
}
.qui-identity-field-copy {
  min-width: 0;
  gap: 0.03rem;
  display: block;
}
.qui-identity-field-copy small {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-xs);
  line-height: 1.1;
  display: none;
}
.qui-appbar-menu-list {
  z-index: calc(var(--qui-z-popover) + 11);
  min-width: 14rem;
  left: 0;
  right: auto;
}
.qui-record-panel-header .qui-entity-header-copy {
  align-content: center;
  gap: 0;
}
.qui-record-panel {
  --qui-record-panel-padding-x: var(--qui-panel-padding-x);
  --qui-panel-padding-x: 1.125rem;
}
.qui-record-panel-header .qui-entity-header-main {
  min-height: 0;
  padding-block: 0;
  align-items: center;
  padding-inline: var(--qui-panel-padding-x);
}
.qui-identity-field {
  min-width: 0;
  display: grid;
  align-items: center;
  padding: 0.25rem 0;
  padding-block: 0.15rem;
  min-height: 2.15rem;
  grid-template-columns: 1.45rem minmax(0, 1fr) 2rem;
  gap: 0.5rem;
}
.qui-identity-field-icon {
  display: inline-grid;
  place-items: center;
  color: var(--qui-text-muted);
  width: 1.45rem;
  height: 1.45rem;
}
.qui-identity-field-icon .qui-line-icon {
  width: 1.05rem;
  height: 1.05rem;
}
.qui-identity-field-copy strong {
  min-width: 0;
  overflow: hidden;
  color: var(--qui-text-strong);
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-size: 1rem;
  font-weight: 560;
  line-height: 1.2;
}
.qui-identity-field-copy a {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: block;
  font-size: 1rem;
  font-weight: 560;
  line-height: 1.2;
  color: var(--qui-accent-text);
  text-decoration: none;
}
.qui-identity-field-copy a:hover, .qui-identity-field-copy a:focus-visible {
  outline: none;
  color: var(--qui-accent-text-hover);
  text-decoration: underline;
}
.qui-identity-field .qui-copy-button {
  justify-self: end;
}
.qui-attachment-row {
  width: 100%;
  min-width: 0;
  display: grid;
  align-items: center;
  border: 0;
  border-bottom: 1px solid var(--qui-border-subtle);
  border-radius: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  gap: 0.65rem;
  padding: 0.55rem 0;
}
.qui-attachment-copy {
  min-width: 0;
  display: grid;
  gap: 0.03rem;
}
.qui-attachment-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.93rem;
}
.qui-attachment-copy span, .qui-attachment-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: 0.8rem;
}
.qui-attachment-date {
  color: var(--qui-text-muted);
  font-size: 0.8rem;
}
.qui-linked-record-copy small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-linked-detail {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: var(--qui-space-lg);
}
.qui-linked-detail-heading {
  min-width: 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: var(--qui-space-lg);
}
.qui-linked-detail-heading h2 {
  margin: 0;
  font-size: 1.2rem;
}
.qui-linked-detail-heading p {
  margin: 0;
  margin-top: 0.2rem;
  color: var(--qui-text-muted);
}
.qui-linked-detail-actions {
  flex-wrap: wrap;
}
.qui-linked-detail-list {
  display: grid;
}
.qui-linked-detail-list article {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
  padding: 0.55rem 0;
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-linked-detail-list article:last-child {
  border-bottom: 0;
}
.qui-linked-detail-list span, .qui-linked-detail-list small {
  color: var(--qui-text-muted);
}
.qui-record-action-separator {
  height: 1px;
  margin: 0.25rem 0;
  background: var(--qui-border-subtle);
}
.qui-linked-record-main:hover, .qui-linked-record-main:focus-visible {
  outline: none;
  background: transparent;
  box-shadow: none;
}
.qui-attachment-row.qui-linked-record-main:hover, .qui-attachment-row.qui-linked-record-main:focus-visible {
  background: transparent;
  box-shadow: none;
}
.qui-linked-record-menu .qui-record-action-trigger:focus-visible {
  background: var(--qui-bg-hover);
  box-shadow: none;
}
.qui-linked-record-copy strong {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-strong);
  font-size: 0.96rem;
  line-height: 1.15;
}
.qui-linked-record-copy span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: 0.84rem;
  line-height: 1.15;
}
.qui-due {
  width: max-content;
  max-width: 100%;
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.12rem;
  padding: 0.18rem 0.42rem;
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-muted);
  color: var(--qui-text-muted);
  font-size: 0.78rem;
  font-weight: 600;
  line-height: 1.15;
}
.qui-due-icon {
  width: 0.9rem;
  height: 0.9rem;
  flex: 0 0 auto;
}
.qui-due-time {
  color: currentColor;
  font-weight: 500;
  opacity: 0.82;
}
.qui-due.is-overdue {
  background: var(--qui-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-danger) 12%, var(--qui-bg-surface));
  }
  color: var(--qui-danger-text);
}
.qui-due.is-urgent {
  background: var(--qui-danger);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-danger) 9%, var(--qui-bg-surface));
  }
  color: var(--qui-danger-text);
}
.qui-due.is-soon {
  background: var(--qui-warning);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-warning) 16%, var(--qui-bg-surface));
  }
  color: var(--qui-warning-text);
}
.qui-due.is-upcoming {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 10%, var(--qui-bg-surface));
  }
  color: var(--qui-accent-text);
}
.qui-record-panel .qui-linked-record-copy {
  align-content: center;
}
.qui-record-panel .qui-linked-record-copy > strong {
  display: block;
}
.qui-record-panel .qui-attachment-copy > strong {
  display: block;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-record-panel .qui-due > span {
  min-width: 0;
}
.qui-record-panel .qui-due > span:first-of-type {
  font-weight: 700;
  white-space: nowrap;
}
.qui-record-panel .qui-status-pill, .qui-record-panel .qui-status {
  max-width: 100%;
}
.qui-record-panel .qui-linked-record-menu .qui-record-action-trigger .qui-line-icon {
  width: 1.15rem;
  height: 1.15rem;
}
.qui-date-picker-popover {
  position: absolute;
  z-index: var(--qui-z-popover);
  top: calc(100% + 0.35rem);
  left: 0;
  display: grid;
  border: 1px solid var(--qui-border);
  width: min(19rem, calc(100vw - 1.5rem));
  gap: 0.45rem;
  padding: 0.7rem;
  border-color: var(--qui-border-subtle);
  border-radius: 0.65rem;
  background: var(--qui-bg-raised);
  box-shadow: var(--qui-shadow-lg);
}
.qui-date-picker-popover .qui-picker-header {
  min-height: 2.15rem;
}
.qui-date-picker-popover .qui-picker-header > strong {
  color: var(--qui-text-strong);
  font-size: 0.93rem;
  font-weight: 650;
}
.qui-picker-nav {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.15rem;
}
.qui-picker-nav-button {
  width: 2rem;
  min-width: 2rem;
  height: 2rem;
  min-height: 2rem;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 0.4rem;
  background: transparent;
  color: var(--qui-text-muted);
}
.qui-picker-nav-button:hover, .qui-picker-nav-button:focus-visible {
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
  outline: none;
}
.qui-picker-nav-button .qui-picker-icon {
  width: 1rem;
  height: 1rem;
}
.qui-date-picker-popover .qui-calendar-weekdays {
  gap: 0.1rem;
  color: var(--qui-text-muted);
}
.qui-date-picker-popover .qui-calendar-weekdays > span {
  min-height: 1.65rem;
  display: grid;
  place-items: center;
  font-size: 0.72rem;
  font-weight: 600;
}
.qui-date-picker-popover .qui-calendar-grid {
  gap: 0.1rem;
}
.qui-date-picker-popover .qui-calendar-day {
  min-height: 2.2rem;
  height: 2.2rem;
  padding: 0;
  border: 0;
  border-radius: 0.38rem;
  background: transparent;
  color: var(--qui-text);
  font-size: 0.82rem;
  font-weight: 500;
}
.qui-date-picker-popover .qui-calendar-day:hover:not(:disabled), .qui-date-picker-popover .qui-calendar-day:focus-visible:not(:disabled) {
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
  outline: none;
}
.qui-date-picker-popover .qui-calendar-day.is-outside {
  color: var(--qui-text-subtle);
  opacity: 0.58;
}
.qui-date-picker-popover .qui-calendar-day.is-today {
  box-shadow: inset 0 0 0 1px var(--qui-accent-border);
  color: var(--qui-accent-text);
}
.qui-date-picker-popover .qui-calendar-day.is-selected {
  background: var(--qui-accent);
  color: var(--qui-accent-contrast);
  box-shadow: none;
}
.qui-date-picker-popover .qui-calendar-day.is-in-range:not(.is-selected) {
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
}
.qui-date-picker-popover .qui-picker-footer {
  min-height: 2rem;
  padding-top: 0.25rem;
  border-top: 1px solid var(--qui-border-subtle);
}
.qui-picker-footer-button {
  min-height: 1.9rem;
  padding: 0.25rem 0.45rem;
  border: 0;
  border-radius: 0.35rem;
  background: transparent;
  color: var(--qui-text-muted);
  font-size: 0.8rem;
  font-weight: 600;
}
.qui-picker-footer-button:hover, .qui-picker-footer-button:focus-visible, .qui-picker-footer-button.is-primary {
  background: var(--qui-bg-hover);
  color: var(--qui-accent-text);
  outline: none;
}
.qui-time-picker-popover {
  min-width: 0;
  width: min(15rem, calc(100vw - 1.5rem));
  padding: 0.55rem;
  border-color: var(--qui-border-subtle);
  border-radius: 0.65rem;
  background: var(--qui-bg-raised);
}
.qui-time-picker-popover .qui-picker-header {
  min-height: 2rem;
  padding-bottom: 0.3rem;
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-time-option {
  border: 0;
  background: transparent;
  color: var(--qui-text);
  text-align: left;
  min-height: 2rem;
  padding: 0.35rem 0.5rem;
  border-radius: 0.35rem;
}
.qui-record-panel .qui-due {
  width: fit-content;
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.25rem 0.4rem;
  padding: 0.18rem 0.42rem;
  overflow: hidden;
  white-space: normal;
  max-width: 100%;
}
.qui-record-panel .qui-linked-record-copy > span {
  display: block;
  min-width: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qui-record-panel .qui-due-time {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.qui-workspace-switcher-pager > span {
  color: var(--qui-text-muted);
  font-size: 0.76rem;
}
.qui-workspace-support-target > span:last-child {
  min-width: 0;
  display: grid;
  gap: 0.1rem;
}
.qui-record-panel .qui-attachment-row.qui-linked-record-main {
  grid-template-columns: 2rem minmax(0, 1fr) max-content;
  align-items: center;
}
.qui-record-panel .qui-attachment-copy {
  display: block;
  min-width: 0;
}
.qui-record-panel .qui-attachment-meta {
  gap: 0;
  color: var(--qui-text-muted);
  font-size: 0.8rem;
  line-height: 1.2;
  min-width: 0;
  display: flex;
  align-items: center;
  overflow: hidden;
  white-space: nowrap;
}
.qui-record-panel .qui-attachment-meta > span, .qui-record-panel .qui-attachment-meta > small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-record-panel .qui-attachment-meta > span:not(:last-child)::after {
  content: " · ";
  padding-inline: 0.12rem;
}
.qui-record-panel .qui-attachment-date {
  justify-self: end;
  white-space: nowrap;
}
.qui-drawer-app-icon svg {
  overflow: visible;
  isolation: isolate;
}
.qui-drawer-app-icon svg > use {
  pointer-events: none;
}
.qui-topbar-brand:hover, .qui-topbar-brand:focus-visible {
  color: inherit;
  text-decoration: none;
  outline: none;
}
.qui-app-drawer-header {
  box-sizing: border-box;
  width: 100%;
  height: var(--qui-shell-header-height);
  min-height: var(--qui-shell-header-height);
  display: flex;
  align-items: stretch;
  padding: 0 0 0 1rem;
  border-bottom: 1px solid var(--qui-shell-surface-border);
  flex: 0 0 var(--qui-shell-header-height);
  max-height: var(--qui-shell-header-height);
  gap: 0;
}
.qui-app-drawer-header > div {
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 0;
  flex: 1 1 auto;
  margin: 0;
}
.qui-drawer-title {
  font-size: 1.1rem;
  font-weight: 500;
  font-family: var(--qui-font-heavy);
}
.qui-app-drawer-close {
  align-self: stretch;
  color: var(--qui-text-muted);
  width: var(--qui-shell-header-height);
  min-width: var(--qui-shell-header-height);
  height: 100%;
  min-height: 0;
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.qui-app-drawer-close:hover:not(:disabled), .qui-app-drawer-close:focus-visible:not(:disabled) {
  color: var(--qui-accent-text-hover);
  outline: none;
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 10%, transparent);
  }
}
.qui-app-drawer-search-layer {
  border-bottom: 1px solid var(--qui-shell-surface-border);
  padding: 0.75rem 1rem;
}
.qui-workspace-trigger-copy {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  gap: 0.14rem;
  text-align: left;
}
.qui-workspace-trigger-title {
  min-width: 0;
  overflow: hidden;
  color: var(--qui-text-strong);
  font-size: 1rem;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-family: var(--qui-font-heavy-medium);
}
.qui-workspace-trigger-subtitle {
  min-width: 0;
  overflow: hidden;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
  font-weight: 500;
  line-height: 1.2;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-workspace-option:hover, .qui-workspace-option:focus-visible {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 7%, transparent);
  }
  outline: none;
}
.qui-workspace-status.is-active .qui-workspace-status-dot {
  background: var(--qui-success);
}
.qui-workspace-status.is-warning .qui-workspace-status-dot {
  background: var(--qui-warning);
}
.qui-workspace-status.is-blocked .qui-workspace-status-dot {
  background: var(--qui-danger);
}
.qui-workspace-support-target > span {
  min-width: 0;
  display: grid;
  gap: 0.1rem;
}
.qui-workspace-switcher-menu > .qui-glass-menu-layer:last-child {
  flex: 0 0 auto;
  width: 100%;
  box-sizing: border-box;
}
.qui-entity-panel-header {
  min-width: 0;
  border-bottom: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-page);
  box-sizing: border-box;
  height: var(--qui-shell-header-height);
  min-height: var(--qui-shell-header-height);
  padding: 0;
}
.qui-entity-panel-header > .qui-entity-header {
  width: 100%;
  height: 100%;
  min-height: 100%;
  align-items: stretch;
  gap: 0;
}
.qui-entity-panel-header .qui-entity-header-main {
  min-width: 0;
  min-height: 100%;
  flex: 1 1 auto;
  align-items: center;
  padding: 0 var(--qui-panel-padding-x);
}
.qui-entity-panel-header .qui-entity-header-actions {
  width: auto;
  min-width: 0;
  height: 100%;
  flex: 0 0 auto;
  align-self: stretch;
  display: flex;
  align-items: stretch;
  gap: 0;
  overflow: visible;
}
.qui-entity-panel-header .qui-entity-header-actions > .qui-icon-btn {
  align-self: stretch;
  width: var(--qui-shell-header-height);
  min-width: var(--qui-shell-header-height);
  height: 100%;
  min-height: 100%;
  flex: 0 0 var(--qui-shell-header-height);
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.qui-entity-panel-header .qui-entity-header-actions > .qui-icon-btn:hover:not(:disabled) {
  border-color: transparent;
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 10%, transparent);
  }
  color: var(--qui-accent-text-hover);
  outline: none;
}
.qui-entity-panel-header .qui-entity-header-actions > .qui-icon-btn:focus-visible:not(:disabled) {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 10%, transparent);
  }
  color: var(--qui-accent-text-hover);
  outline: none;
}
.qui-slide-over-panel .qui-entity-header-copy > span {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.qui-module-nav-item {
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: 0.6rem;
  padding: 0.5rem var(--qui-space-lg);
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--qui-text-muted);
  text-decoration: none;
  transition: background-color var(--qui-motion-fast) ease, color var(--qui-motion-fast) ease, box-shadow var(--qui-motion-fast) ease;
  min-height: 3.05rem;
}
.qui-module-nav-copy {
  min-width: 0;
  display: grid;
  text-align: left;
  align-content: center;
  gap: 0;
}
.qui-module-nav-copy > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-label);
  font-size: var(--qui-font-size-md);
  line-height: 1.2;
}
.qui-module-nav-copy > small {
  display: none;
}
.qui-appbar-menu-trigger:not(.is-icon-only) {
  grid-template-columns: auto minmax(0, auto) 0.9rem;
  align-items: center;
  justify-content: start;
  column-gap: 0.45rem;
  display: grid;
}
.qui-appbar-menu-trigger:not(.is-icon-only) > .qui-line-icon {
  grid-column: 1;
  align-self: center;
}
.qui-appbar-menu-trigger:not(.is-icon-only) > span:not(.qui-appbar-menu-chevron) {
  grid-column: 2;
  align-self: center;
}
.qui-appbar-menu-chevron {
  color: var(--qui-text-muted);
  font-size: 0.9rem;
  grid-column: 3;
  width: 0.9rem;
  min-width: 0.9rem;
  height: 1rem;
  margin: 0;
  display: inline-grid;
  place-items: center;
  align-self: center;
  justify-self: center;
  line-height: 1;
  transform: translateY(-0.06rem);
}
.qui-record-panel .qui-linked-record-row {
  background: var(--qui-bg-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--qui-bg-surface) 64%, var(--qui-record-tab-surface) 36%);
  }
  box-shadow: 0 0 0 1px var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 1px color-mix(in srgb, var(--qui-border-subtle) 52%, transparent);
  }
}
.qui-record-panel .qui-linked-record-row:hover, .qui-record-panel .qui-linked-record-row:focus-within {
  background: linear-gradient( 105deg, var(--qui-accent) 0%, var(--qui-accent) 48%, transparent 100%), var(--qui-bg-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 105deg, color-mix(in srgb, var(--qui-accent) 10%, transparent) 0%, color-mix(in srgb, var(--qui-accent) 4%, transparent) 48%, transparent 100%), color-mix(in srgb, var(--qui-bg-surface) 50%, transparent);
  }
  box-shadow: 0 0.35rem 1rem var(--qui-accent), 0 0 0 1px var(--qui-accent-border);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0.35rem 1rem color-mix(in srgb, var(--qui-accent) 9%, transparent), 0 0 0 1px color-mix(in srgb, var(--qui-accent-border) 46%, transparent);
  }
}
html.dark .qui-record-panel .qui-linked-record-row {
  background: var(--qui-bg-raised);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--qui-bg-raised) 64%, var(--qui-record-tab-surface) 36%);
  }
}
html.dark .qui-record-panel .qui-linked-record-row:hover, html.dark .qui-record-panel .qui-linked-record-row:focus-within {
  background: linear-gradient( 105deg, var(--qui-accent) 0%, var(--qui-accent) 52%, transparent 100%), var(--qui-bg-raised);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 105deg, color-mix(in srgb, var(--qui-accent) 13%, transparent) 0%, color-mix(in srgb, var(--qui-accent) 5%, transparent) 52%, transparent 100%), color-mix(in srgb, var(--qui-bg-raised) 54%, transparent);
  }
}
.qui-record-panel .qui-linked-record-main:hover, .qui-record-panel .qui-linked-record-main:focus-visible {
  background: transparent;
}
.qui-theme-logo-light {
  display: block;
}
.qui-theme-logo-dark {
  display: none;
}
html.dark .qui-theme-logo-light {
  display: none;
}
html.dark .qui-theme-logo-dark {
  display: block;
}
html.dark .qui-auth-layout {
  --qui-danger: #ff8c8c;
  --qui-danger-soft: rgb(255 140 140 / 0.14);
  --qui-danger-border: rgb(255 140 140 / 0.38);
  color-scheme: dark;
  background: radial-gradient(circle at 12% 10%, rgb(66 99 150 / 0.16), transparent 34rem), radial-gradient(circle at 88% 16%, rgb(93 67 105 / 0.12), transparent 30rem), radial-gradient(circle at 48% 100%, rgb(115 92 58 / 0.10), transparent 36rem), var(--qui-bg-canvas);
  --qui-bg-canvas: #191919;
  --qui-bg-page: #1c1c1c;
  --qui-bg-surface: #222222;
  --qui-bg-raised: #282828;
  --qui-bg-muted: #2d2d2d;
  --qui-bg-hover: #333333;
  --qui-bg-selected: #393939;
  --qui-bg-input: #202020;
  --qui-bg-input-hover: #262626;
  --qui-text: #ffffff;
  --qui-text-strong: #ffffff;
  --qui-text-muted: #d0d0d0;
  --qui-text-subtle: #aaaaaa;
  --qui-text-placeholder: #83878c;
  --qui-border: #414141;
  --qui-border-subtle: #323232;
  --qui-border-strong: #575757;
  --qui-auth-link: #91abff;
  --qui-auth-link-hover: #b1c3ff;
}
html.dark .qui-auth-shell {
  --qui-danger: #ff8c8c;
  --qui-danger-soft: rgb(255 140 140 / 0.14);
  --qui-danger-border: rgb(255 140 140 / 0.38);
  color-scheme: dark;
  --qui-bg-canvas: #191919;
  --qui-bg-page: #1c1c1c;
  --qui-bg-surface: #222222;
  --qui-bg-raised: #282828;
  --qui-bg-muted: #2d2d2d;
  --qui-bg-hover: #333333;
  --qui-bg-selected: #393939;
  --qui-bg-input: #202020;
  --qui-bg-input-hover: #262626;
  --qui-text: #ffffff;
  --qui-text-strong: #ffffff;
  --qui-text-muted: #d0d0d0;
  --qui-text-subtle: #aaaaaa;
  --qui-text-placeholder: #83878c;
  --qui-border: #414141;
  --qui-border-subtle: #323232;
  --qui-border-strong: #575757;
  --qui-auth-link: #91abff;
  --qui-auth-link-hover: #b1c3ff;
}
.qui-auth-public .qui-auth-centered-card {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  overflow: hidden;
  border: 1px solid var(--qui-border);
  border-radius: 1.125rem;
  background: var(--qui-bg-surface);
  text-align: center;
  box-shadow: 0 1.25rem 3rem rgb(15 23 42 / 0.12), 0 0.25rem 0.75rem rgb(15 23 42 / 0.08);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  color: var(--qui-text);
}
.qui-auth-public .qui-auth-account-summary-copy span, .qui-auth-public .qui-auth-saved-account-secondary-text span {
  color: var(--qui-text-muted);
}
.qui-auth-public .qui-auth-account-action {
  width: 2.25rem;
  min-width: 2.25rem;
  height: 2.25rem;
  min-height: 2.25rem;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid var(--qui-border);
  border-radius: 0.5rem;
  box-shadow: none;
  border-color: var(--qui-border);
  background: var(--qui-bg-surface);
  color: var(--qui-text-muted);
}
.qui-auth-public .qui-auth-account-action:hover:not(:disabled), .qui-auth-public .qui-auth-account-action:focus-visible:not(:disabled) {
  outline: none;
  box-shadow: none;
  border-color: var(--qui-accent-border);
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
}
.qui-auth-public .qui-auth-method-button {
  padding: 0.75rem 1rem;
  border-radius: 0.75rem;
  gap: var(--qui-space-xs);
  cursor: pointer;
  overflow-wrap: anywhere;
  border: 1px solid var(--qui-border);
  background: var(--qui-bg-raised);
  color: var(--qui-text);
  box-shadow: none;
}
.qui-auth-public .qui-auth-method-button:hover:not(:disabled), .qui-auth-public .qui-auth-method-button:focus-visible:not(:disabled) {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent-soft) 62%, var(--qui-bg-raised));
  }
  color: var(--qui-text-strong);
  outline: none;
}
.qui-auth-public .qui-auth-method-button.is-selected {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
  color: var(--qui-text-strong);
}
.qui-auth-public .qui-auth-method-button:disabled {
  cursor: not-allowed;
  border-color: var(--qui-border-subtle);
  background: var(--qui-bg-muted);
  color: var(--qui-text-disabled);
  opacity: 1;
}
.qui-auth-public .qui-auth-method-button:focus-visible, .qui-auth-public .qui-auth-saved-account-select:focus-visible, .qui-auth-public .qui-action-subtle:focus-visible {
  outline-offset: 0.1875rem;
  outline: none;
  box-shadow: var(--qui-control-focus-shadow);
}
.qui-auth-public .qui-auth-use-another .qui-button-icon {
  width: 3rem;
  height: 3rem;
  flex: 0 0 3rem;
  padding: 0.82rem;
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-muted);
  color: var(--qui-text-strong);
}
.qui-auth-public .qui-auth-saved-account-list + .qui-auth-actions > .qui-auth-use-another:hover:not(:disabled) {
  border-top-color: #e6e6e6;
  border-bottom-color: transparent;
  box-shadow: none;
  border-color: var(--qui-accent-border);
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
}
.qui-auth-public .qui-button:not(.qui-button-secondary) {
  border-color: var(--qui-accent-solid);
  background: var(--qui-accent-solid);
  color: var(--qui-accent-contrast);
}
.qui-auth-public .qui-button-secondary {
  border-color: var(--qui-border-strong);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
}
.qui-auth-public .qui-action-subtle {
  font-family: var(--qui-font-button);
  white-space: normal;
  text-align: left;
  overflow-wrap: anywhere;
  height: auto;
  border-color: var(--qui-border-subtle);
  background: transparent;
  color: var(--qui-text);
}
.qui-auth-public .qui-button-secondary:hover:not(:disabled), .qui-auth-public .qui-action-subtle:hover:not(:disabled) {
  border-color: var(--qui-accent-border);
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
}
.qui-auth-public .qui-messagebar {
  overflow-wrap: anywhere;
  border-color: var(--qui-border);
  background: var(--qui-bg-raised);
  color: var(--qui-text);
}
.qui-auth-public .qui-messagebar strong, .qui-auth-public .qui-messagebar p {
  color: inherit;
}
.qui-auth-public .qui-messagebar-info {
  border-color: var(--qui-info-border);
  background: var(--qui-info-soft);
  color: var(--qui-info);
}
.qui-auth-public .qui-messagebar-success {
  border-color: var(--qui-success-border);
  background: var(--qui-success-soft);
  color: var(--qui-success);
}
.qui-auth-public .qui-messagebar-warning {
  border-color: var(--qui-warning-border);
  background: var(--qui-warning-soft);
  color: var(--qui-warning);
}
.qui-auth-public .qui-messagebar-danger {
  border-color: var(--qui-danger-border);
  background: var(--qui-danger-soft);
  color: var(--qui-danger);
}
.qui-auth-public .qui-otp-cell {
  border-color: var(--qui-border);
  background: var(--qui-bg-input);
  color: var(--qui-text-strong);
  box-shadow: var(--qui-shadow-input-inset);
}
.qui-auth-language-trigger {
  min-height: 2rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.4rem;
  padding: 0.25rem 0.7rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-raised);
  color: var(--qui-text-muted);
  cursor: pointer;
  box-shadow: none;
}
.qui-auth-language-trigger:hover, .qui-auth-language-trigger:focus-visible {
  border-color: var(--qui-accent-border);
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
  outline: none;
}
.qui-auth-language-trigger svg, .qui-auth-language-close svg {
  width: 1rem;
  height: 1rem;
  flex: 0 0 auto;
}
html.qui-auth-language-open {
  overflow: hidden;
}
.qui-auth-language-sheet {
  position: fixed;
  inset: auto 0 0;
  z-index: var(--qui-z-system);
  width: min(38rem, calc(100% - 1rem));
  max-width: 100%;
  max-height: min(78dvh, 38rem);
  margin: 0 auto;
  padding: 0;
  overflow-y: auto;
  border: 1px solid var(--qui-border);
  border-radius: 1rem 1rem 0 0;
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-lg);
  color-scheme: inherit;
}
.qui-auth-language-sheet::backdrop {
  background: var(--qui-bg-overlay);
  backdrop-filter: blur(0.2rem);
}
.qui-auth-language-sheet[open] {
  animation: qui-auth-language-enter .16s ease-out;
}
.qui-auth-language-sheet-content {
  padding: 1rem 1rem max(1rem, env(safe-area-inset-bottom));
}
.qui-auth-language-sheet-heading {
  min-height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-xl);
  margin-bottom: 0.65rem;
}
.qui-auth-language-sheet-heading h2 {
  color: var(--qui-text-strong);
  font-size: 1rem;
}
.qui-auth-language-close {
  width: 2.75rem;
  min-width: 2.75rem;
  height: 2.75rem;
  min-height: 2.75rem;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 1px solid transparent;
  border-radius: var(--qui-radius-round);
  background: transparent;
  color: var(--qui-text-muted);
}
.qui-auth-language-close:hover, .qui-auth-language-close:focus-visible {
  border-color: var(--qui-accent-border);
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
  outline: none;
}
.qui-auth-language-options {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0.5rem;
}
.qui-auth-language-option {
  min-height: 2.75rem;
  padding: 0.5rem 0.65rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-raised);
  color: var(--qui-text);
  overflow-wrap: anywhere;
}
.qui-auth-language-option:hover, .qui-auth-language-option:focus-visible {
  border-color: var(--qui-accent-border);
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
  outline: none;
}
.qui-auth-language-option[aria-pressed="true"] {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
  box-shadow: inset 0 0 0 1px var(--qui-accent-border);
}
.qui-auth-page-footer .qui-auth-language-trigger {
  min-height: 1.8rem;
  gap: 0.35rem;
  padding: 0.15rem 0.7rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-round);
  font-size: 0.6875rem;
  box-shadow: none;
  border-color: var(--qui-border);
  background: var(--qui-bg-raised);
  color: var(--qui-text-muted);
}
.qui-auth-page-footer .qui-auth-language-trigger:hover, .qui-auth-page-footer .qui-auth-language-trigger:focus-visible {
  border-color: var(--qui-accent-border);
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
}
.qui-startup-splash {
  min-height: 100dvh;
  height: 100dvh;
  display: grid;
  place-items: center;
  overflow: auto;
  padding: clamp(1rem, 4vw, 2rem);
  background: var(--qui-bg-canvas);
}
.qui-startup-splash-card {
  width: min(26rem, calc(100vw - 2rem));
  min-height: 14rem;
  display: grid;
  align-content: center;
  justify-items: center;
  gap: 1rem;
  padding: clamp(1.5rem, 4vw, 2.25rem);
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-large);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  text-align: center;
  box-shadow: var(--qui-shadow-md);
}
.qui-startup-splash-card .qui-startup-logo {
  width: min(11.2rem, 70%);
  height: auto;
}
.qui-startup-splash-card > .qui-loading-state, .qui-startup-splash-card .qui-loading-state {
  border-radius: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 1fr;
  justify-items: center;
  gap: 0.75rem;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--qui-text);
  text-align: center;
  box-shadow: none;
}
.qui-startup-splash-card .qui-loading-state > div {
  display: grid;
  justify-items: center;
  gap: 0.2rem;
  text-align: center;
}
.qui-startup-splash-card .qui-loading-state strong {
  color: var(--qui-text-strong);
}
.qui-startup-splash-card .qui-loading-state p {
  max-width: 24rem;
  color: var(--qui-text-muted);
  text-align: center;
}
.qui-startup-splash-card .qui-spinner {
  width: 1.75rem;
  height: 1.75rem;
  border-width: 0.16rem;
}
.qui-workspace-switcher-menu {
  flex-direction: column;
  position: absolute;
  z-index: var(--qui-z-popover);
  top: calc(100% + 0.4rem);
  left: 0;
  right: 0;
  width: 100%;
  max-width: 100%;
  max-height: min(31rem, calc(100dvh - var(--qui-shell-header-height) - 1rem));
  display: grid;
  grid-template-rows: auto minmax(0, 1fr) auto;
  overflow: hidden;
  box-sizing: border-box;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-menu);
  min-width: 0;
  padding: 0;
}
.qui-workspace-switcher-menu.is-inline {
  position: static;
  width: 100%;
  max-width: none;
  max-height: none;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  overflow: visible;
}
.qui-workspace-switcher-menu.is-inline > .qui-workspace-switcher-results {
  overflow: visible;
}
.qui-workspace-switcher-menu.is-compact {
  left: auto;
  right: auto;
  width: min(22rem, calc(100vw - 1rem));
  max-width: calc(100vw - 1rem);
}
.qui-workspace-switcher-search {
  flex: 0 0 auto;
  border-bottom: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-surface);
  padding: 0.65rem;
}
.qui-workspace-switcher-results {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
  scrollbar-width: thin;
  padding: 0.35rem 0;
}
.qui-workspace-switcher-section {
  padding: 0.2rem 0;
  min-width: 0;
  display: grid;
  gap: 0;
}
.qui-workspace-switcher-section + .qui-workspace-switcher-section {
  margin-top: 0.25rem;
  padding-top: 0.25rem;
  border-top: 1px solid var(--qui-border-subtle);
}
.qui-workspace-switcher-section > strong {
  padding: 0.5rem 0.85rem 0.35rem;
  color: var(--qui-text-muted);
  font-size: 0.74rem;
  font-weight: 650;
}
.qui-workspace-option {
  width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.75rem;
  padding: 0.72rem 0.85rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--qui-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
  transition: background-color var(--qui-motion-fast) ease, color var(--qui-motion-fast) ease, box-shadow var(--qui-motion-fast) ease;
}
.qui-workspace-option:hover:not(:disabled), .qui-workspace-option:focus-visible:not(:disabled) {
  background: linear-gradient( 100deg, var(--qui-accent), transparent 72%);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 100deg, color-mix(in srgb, var(--qui-accent) 9%, transparent), transparent 72%);
  }
  color: var(--qui-text-strong);
  outline: none;
}
.qui-workspace-option.is-selected {
  background: var(--qui-accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent-soft) 64%, transparent);
  }
  box-shadow: inset 0.1875rem 0 0 var(--qui-accent);
}
.qui-workspace-option:disabled {
  cursor: wait;
  opacity: 0.72;
}
.qui-workspace-option-copy {
  min-width: 0;
  display: grid;
  gap: 0.13rem;
}
.qui-workspace-option-copy > strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-strong);
  font-size: 0.95rem;
  font-weight: 650;
  line-height: 1.2;
}
.qui-workspace-option-copy > small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: 0.78rem;
  line-height: 1.25;
}
.qui-workspace-option-badges {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.3rem;
  margin-top: 0.2rem;
}
.qui-workspace-type-badge {
  width: max-content;
  min-height: 1.3rem;
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.4rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-raised);
  color: var(--qui-text-muted);
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1;
}
.qui-workspace-default-badge {
  width: max-content;
  min-height: 1.3rem;
  display: inline-flex;
  align-items: center;
  padding: 0.1rem 0.4rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-round);
  font-size: 0.68rem;
  font-weight: 600;
  line-height: 1;
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
}
.qui-workspace-status {
  font-weight: 650;
  white-space: nowrap;
  justify-self: end;
  min-width: max-content;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  color: var(--qui-text-muted);
  font-size: 0.75rem;
  line-height: 1;
}
.qui-workspace-status-dot {
  width: 0.5rem;
  height: 0.5rem;
  flex: 0 0 0.5rem;
  border-radius: var(--qui-radius-round);
  background: currentColor;
}
.qui-workspace-status.is-active {
  color: var(--qui-success);
}
.qui-workspace-status.is-warning {
  color: var(--qui-warning);
}
.qui-workspace-status.is-blocked {
  color: var(--qui-danger);
}
.qui-workspace-switcher-empty, .qui-workspace-switcher-hint {
  padding: 0.65rem 0.85rem;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.35;
}
.qui-workspace-switcher-switch-error {
  margin: 0.35rem 0.65rem 0.55rem;
}
.qui-workspace-switcher-pager {
  display: flex;
  align-items: center;
  gap: 0.45rem;
  padding: 0.5rem 0.85rem;
}
.qui-workspace-support-entry {
  flex: 1 1 auto;
  overflow-x: hidden;
  min-width: 0;
  min-height: 0;
  display: grid;
  align-content: start;
  gap: 0.7rem;
  overflow-y: auto;
  padding: 0.8rem;
}
.qui-workspace-support-entry-head {
  display: flex;
  justify-content: flex-start;
}
.qui-workspace-support-target {
  align-items: center;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 0.1rem;
  padding: 0.65rem 0.7rem;
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-muted);
}
.qui-workspace-support-target strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-workspace-support-target small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
}
.qui-context-footer-action, .qui-context-footer-link {
  min-width: 0;
}
.qui-record-route-breadcrumbs {
  min-width: 0;
  padding-inline: 0.1rem;
}
.qui-record-route-header {
  min-width: 0;
  overflow: hidden;
  border: 1px solid var(--qui-border-subtle);
  border-radius: 0.8rem;
  background: var(--qui-bg-surface);
  box-shadow: 0 0.12rem 0.35rem color-mix(in srgb, #000 5%, transparent);
}
.qui-record-route-header-main {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: 1rem;
  padding: 1.05rem 1.15rem 1rem;
}
.qui-record-route-leading {
  display: grid;
  width: 3.25rem;
  height: 3.25rem;
  place-items: center;
  border: 1px solid var(--qui-accent-border);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--qui-accent-border) 55%, var(--qui-border-subtle));
  }
  border-radius: 0.72rem;
  background: var(--qui-accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent-soft) 62%, var(--qui-bg-surface));
  }
  color: var(--qui-text);
}
.qui-record-route-copy {
  min-width: 0;
}
.qui-record-route-eyebrow {
  display: block;
  margin-bottom: 0.18rem;
  color: var(--qui-text-muted);
  font-size: 0.76rem;
  font-weight: 650;
  line-height: 1.15;
}
.qui-record-route-copy h1 {
  margin: 0;
  overflow: hidden;
  color: var(--qui-text);
  font-size: clamp(1.45rem, 2vw, 1.8rem);
  font-weight: 700;
  line-height: 1.12;
  text-overflow: ellipsis;
}
.qui-record-route-subtitle {
  margin: 0.28rem 0 0;
  overflow: hidden;
  color: var(--qui-text-muted);
  font-size: 0.92rem;
  line-height: 1.35;
  text-overflow: ellipsis;
}
.qui-record-route-status {
  display: flex;
  min-width: 0;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.55rem;
  margin-top: 0.6rem;
}
.qui-record-route-context {
  overflow: hidden;
  color: var(--qui-text-muted);
  font-size: 0.8rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-record-route-header-actions {
  display: flex;
  align-items: center;
  gap: 0.35rem;
}
.qui-record-route-facts {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  border-top: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-muted) 30%, var(--qui-bg-surface));
  }
}
.qui-record-route-fact {
  display: grid;
  min-width: 0;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem;
  padding: 0.8rem 0.9rem;
  border-right: 1px solid var(--qui-border-subtle);
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-record-route-fact.is-wide {
  grid-column: span 2;
}
.qui-record-route-fact-icon {
  display: grid;
  width: 1.8rem;
  height: 1.8rem;
  place-items: center;
  color: var(--qui-text-muted);
}
.qui-record-route-fact-icon .qui-line-icon {
  width: 1rem;
  height: 1rem;
}
.qui-record-route-fact-copy {
  display: grid;
  min-width: 0;
  gap: 0.14rem;
}
.qui-record-route-fact-label {
  color: var(--qui-text-subtle);
  font-size: 0.68rem;
  font-weight: 650;
  line-height: 1.1;
}
.qui-record-route-fact-value {
  min-width: 0;
  overflow: hidden;
  color: var(--qui-text);
  font-size: 0.84rem;
  font-weight: 520;
  line-height: 1.25;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-record-route-fact-value.is-empty {
  color: var(--qui-text-subtle);
  font-weight: 450;
}
.qui-record-route-fact a.qui-record-route-fact-value:hover {
  text-decoration: underline;
  text-underline-offset: 0.16rem;
}
.qui-record-route-footer {
  min-width: 0;
}
html.dark .qui-record-route-header {
  box-shadow: 0 0.12rem 0.45rem color-mix(in srgb, #000 22%, transparent);
}
.qui-record-route-header-main.is-no-leading {
  grid-template-columns: minmax(0, 1fr) auto;
}
.qui-identity-title-row .qui-copy-button {
  flex: 0 0 auto;
}
.qui-record-route-fact.is-full {
  grid-column: 1 / -1;
}
.qui-organization-identity.is-panel .qui-record-route-header-main {
  padding: 0.9rem 0.95rem 0.8rem;
}
.qui-organization-identity.is-panel .qui-record-route-fact {
  padding: 0.72rem 0.78rem;
}
.qui-record-route-message {
  display: grid;
  gap: 0.65rem;
  padding: 0.75rem 0.8rem 0;
}
.qui-app-bar .qui-record-create-menu {
  flex: 0 0 auto;
}
.qui-breadcrumbs {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  column-gap: 0.55rem;
  row-gap: 0.3rem;
}
.qui-breadcrumb-separator {
  flex: 0 0 auto;
  user-select: none;
  margin-inline: 0.08rem;
  color: var(--qui-text-subtle);
}
a.qui-breadcrumb-item:hover, a.qui-breadcrumb-item:focus-visible {
  color: var(--qui-text-strong);
  outline: none;
  text-decoration: none;
}
.qui-page-header-identity.is-no-leading {
  grid-template-columns: minmax(0, 1fr);
}
.qui-record-route-message:empty {
  display: none;
}
.qui-organization-identity.is-page {
  position: relative;
  overflow: visible;
}
.qui-organization-identity.is-page .qui-record-route-header-actions {
  position: relative;
  z-index: calc(var(--qui-z-popover) + 12);
  overflow: visible;
}
.qui-record-panel .qui-organization-identity.is-panel {
  width: 100%;
  flex: 0 0 auto;
  margin-bottom: 0.8rem;
  min-height: max-content;
  height: auto;
  max-height: none;
}
.qui-record-panel .qui-organization-identity.is-panel .qui-record-route-header-main, .qui-record-panel .qui-organization-identity.is-panel .qui-record-route-facts {
  min-height: 0;
  height: auto;
  max-height: none;
}
.qui-app-header:has(.qui-command-scrim) {
  z-index: calc(var(--qui-z-modal) + 1);
}
.qui-app-header:has(.qui-command-scrim) .qui-command-scrim {
  z-index: var(--qui-z-modal);
  isolation: isolate;
}
html.dark {
  --qui-bg-canvas: #1d1d1d;
  --qui-bg-page: #212121;
  --qui-bg-surface: #2b2b2b;
  --qui-bg-raised: #2d2d2d;
  --qui-bg-muted: #323232;
  --qui-bg-hover: #383838;
  --qui-bg-selected: #3f3f3f;
  --qui-bg-input: #191919;
  --qui-bg-input-hover: #1f1f1f;
  --qui-border: #474747;
  --qui-border-strong: #5d5d5d;
  --qui-border-subtle: #373737;
  --qui-text-muted: #d0d0d0;
  --qui-text-subtle: #aaaaaa;
  --qui-text-placeholder: #83878c;
  --qui-auth-canvas-left-shadow: -0.52rem 0.12rem 1.12rem -0.60rem rgb(0 0 0 / 0.52);
  --qui-auth-canvas-top-shadow: rgb(0 0 0 / 0.38);
}
body:has(.qui-module-sidebar-rail) .qui-app-header {
  border-bottom: 0;
  background: var(--qui-shell-surface);
  box-shadow: none;
}
.qui-module-sidebar-rail {
  width: 17.5rem;
  flex: 0 0 17.5rem;
  min-width: 0;
  overflow: hidden;
  transition: width var(--qui-motion-medium) var(--qui-ease-morph), flex-basis var(--qui-motion-medium) var(--qui-ease-morph);
  will-change: width, flex-basis;
  background: var(--qui-shell-surface);
}
.qui-module-shell {
  min-width: 0;
  display: flex;
  flex: 1 1 auto;
  overflow: hidden;
  color: var(--qui-text);
  min-height: 0;
  background: var(--qui-shell-surface);
}
.qui-module-sidebar {
  min-width: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  color: var(--qui-text);
  transition: width var(--qui-motion-medium) var(--qui-ease-morph), border-color var(--qui-motion-fast) ease, background-color var(--qui-motion-fast) ease;
  background: var(--qui-shell-surface);
  border-right: 0;
  box-shadow: none;
}
.qui-module-content-frame {
  display: flex;
  flex-direction: column;
  min-height: 0;
  z-index: var(--qui-z-canvas);
  isolation: isolate;
  position: relative;
  border-top-left-radius: var(--qui-auth-canvas-radius);
  background: var(--qui-bg-page);
  overflow: hidden;
  box-shadow: var(--qui-auth-canvas-left-shadow);
}
.qui-module-content {
  flex: 1 1 auto;
  min-height: 0;
  overflow-x: hidden;
  overflow-y: auto;
  align-content: start;
  grid-auto-rows: max-content;
  background: var(--qui-bg-page);
}
.qui-module-body {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  background: var(--qui-bg-page);
}
body:has(.qui-module-sidebar-rail) .qui-app-header::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 17.5rem;
  height: 1rem;
  pointer-events: none;
  border: 0;
  box-shadow: none;
  opacity: 1;
  background: linear-gradient( to top, var(--qui-auth-canvas-top-shadow, rgb(15 23 42 / 0.18)) 0%, var(--qui-auth-canvas-top-shadow, rgb(15 23 42 / 0.18)) 32%, transparent 100%);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( to top, color-mix( in srgb, var(--qui-auth-canvas-top-shadow, rgb(15 23 42 / 0.18)) 54%, transparent) 0%, color-mix( in srgb, var(--qui-auth-canvas-top-shadow, rgb(15 23 42 / 0.18)) 22%, transparent) 32%, transparent 100%);
  }
  -webkit-mask-image: linear-gradient( to right, transparent 0, rgb(0 0 0 / 0.18) 0.35rem, rgb(0 0 0 / 0.72) 1rem, #000 var(--qui-auth-canvas-radius, 1.5rem), #000 100%);
  mask-image: linear-gradient( to right, transparent 0, rgb(0 0 0 / 0.18) 0.35rem, rgb(0 0 0 / 0.72) 1rem, #000 var(--qui-auth-canvas-radius, 1.5rem), #000 100%);
}
.qui-module-panel-layer-host .qui-entity-panel-layer.is-page-hosted .qui-entity-panel {
  overflow: hidden;
  border-top-left-radius: var(--qui-auth-canvas-radius, 1.5rem);
}
.qui-rail-popper {
  position: fixed;
  transform: translateY(-50%);
  backdrop-filter: var(--qui-glass-menu-filter);
  -webkit-backdrop-filter: var(--qui-glass-menu-filter);
  min-width: max-content;
  max-width: min(18rem, calc(100vw - 1rem));
  padding: 0.45rem 0.7rem;
  overflow: visible;
  border: 1px solid var(--qui-glass-menu-border);
  border-radius: var(--qui-radius-medium);
  background: var(--qui-bg-surface);
  color: var(--qui-text-strong);
  box-shadow: var(--qui-shadow-menu);
  font-size: var(--qui-font-size-md);
  font-weight: 600;
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
  z-index: var(--qui-z-system);
}
.qui-rail-popper::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -0.5rem;
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-top: 0.42rem solid transparent;
  border-bottom: 0.42rem solid transparent;
  border-right: 0.5rem solid var(--qui-glass-menu-border);
}
.qui-rail-popper::after {
  content: "";
  position: absolute;
  top: 50%;
  left: calc(-0.5rem + 1px);
  width: 0;
  height: 0;
  transform: translateY(-50%);
  border-top: 0.38rem solid transparent;
  border-bottom: 0.38rem solid transparent;
  border-right: 0.46rem solid var(--qui-bg-surface);
}
html.dark .qui-rail-popper {
  background: var(--qui-bg-raised);
}
html.dark .qui-rail-popper::after {
  border-right-color: var(--qui-bg-raised);
}
.qui-module-sidebar-rail:not(.is-collapsed) {
  width: var(--qui-module-sidebar-width);
  flex-basis: var(--qui-module-sidebar-width);
}
body:has(.qui-module-sidebar-rail:not(.is-collapsed)) .qui-app-header::after {
  left: var(--qui-module-sidebar-width);
}
body:has(.qui-module-sidebar-rail.is-collapsed) .qui-app-header::after {
  left: var(--qui-shell-rail-width);
}
.qui-page-status-region {
  min-width: 0;
  display: grid;
  gap: var(--qui-space-md);
}
.qui-page-status-region:empty {
  display: none;
}
.qui-page-status-indicator {
  align-self: stretch;
  width: .25rem;
  border-radius: var(--qui-radius-round);
  background: var(--qui-info);
}
.qui-page-status-warning .qui-page-status-indicator {
  background: var(--qui-warning);
}
.qui-page-status-danger .qui-page-status-indicator {
  background: var(--qui-danger);
}
.qui-page-status-success .qui-page-status-indicator {
  background: var(--qui-success);
}
.qui-page-status-copy > strong {
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-lg);
}
.qui-page-status-actions {
  display: flex;
  align-items: center;
  gap: var(--qui-space-sm);
}
.qui-page-status-dismiss {
  width: 2rem;
  height: 2rem;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: var(--qui-radius-control);
  background: transparent;
  color: var(--qui-text-muted);
}
.qui-page-status-dismiss:hover, .qui-page-status-dismiss:focus-visible {
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
  outline: none;
}
.qui-record-browser {
  width: 100%;
  min-width: 0;
  display: grid;
  align-content: start;
  background: transparent;
  position: relative;
  isolation: isolate;
  z-index: var(--qui-z-record-root);
}
.qui-record-browser-toolbar {
  width: 100%;
  max-width: 100%;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(16rem, 1fr) auto;
  align-items: center;
  gap: var(--qui-space-md);
  position: relative;
  z-index: auto;
  overflow: visible;
}
.qui-record-browser-search-desktop {
  width: min(34rem,100%);
  min-width: 0;
}
.qui-record-browser-search {
  width: 100%;
}
.qui-record-browser-tools {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--qui-space-xs);
}
.qui-record-browser-tool, .qui-record-browser-search-close {
  min-height: var(--qui-control-size-regular);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--qui-space-sm);
  padding: .35rem .7rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  font: inherit;
}
.qui-record-browser-tool:hover, .qui-record-browser-tool:focus-visible, .qui-record-browser-tool.is-open, .qui-record-browser-search-close:hover, .qui-record-browser-search-close:focus-visible {
  border-color: var(--qui-control-border-hover);
  background: var(--qui-bg-hover);
  outline: none;
}
.qui-record-browser-tool > .qui-line-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.qui-record-browser-tool-count {
  min-width: 1.2rem;
  height: 1.2rem;
  display: inline-grid;
  place-items: center;
  padding: 0 .25rem;
  border-radius: var(--qui-radius-round);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
  font-size: .68rem;
  font-style: normal;
  font-weight: 700;
}
.qui-record-browser-search-toggle {
  display: none;
}
.qui-record-browser-search-mobile {
  grid-column: 1/-1;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: var(--qui-space-xs);
}
.qui-record-browser-panel-form {
  display: grid;
  gap: var(--qui-space-lg);
  padding: var(--qui-space-lg);
}
.qui-record-browser-panel-form > strong {
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-md);
}
.qui-record-browser-panel-form label {
  display: grid;
  gap: var(--qui-space-xs);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-record-browser-menu-list, .qui-record-browser-export-menu {
  display: grid;
  gap: 0;
  padding: .35rem 0;
}
.qui-record-browser-menu-heading {
  font-family: var(--qui-font-heavy);
  padding: .5rem .75rem .35rem;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-record-browser-menu-item {
  width: 100%;
  min-height: 2.5rem;
  display: grid;
  grid-template-columns: 1.25rem minmax(0,1fr) auto;
  align-items: center;
  gap: var(--qui-space-md);
  padding: .55rem .75rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--qui-text);
  text-align: left;
}
.qui-record-browser-menu-item:hover:not(:disabled), .qui-record-browser-menu-item:focus-visible:not(:disabled), .qui-record-browser-menu-item.is-selected {
  background: var(--qui-bg-hover);
  outline: none;
}
.qui-record-browser-menu-item:disabled {
  color: var(--qui-text-disabled);
}
.qui-record-browser-menu-separator {
  height: 1px;
  margin: .35rem 0;
  background: var(--qui-border-subtle);
}
.qui-record-browser-export-scope > span {
  min-width: 0;
  display: grid;
  gap: .12rem;
}
.qui-record-browser-export-scope strong {
  color: var(--qui-text-strong);
  font-size: var(--qui-font-size-md);
}
.qui-record-browser-export-scope small {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.35;
}
.qui-column-chooser.is-inline {
  padding: .35rem 0;
}
.qui-column-chooser.is-inline .qui-column-chooser-list {
  display: grid;
  gap: 0;
}
.qui-column-chooser.is-inline .qui-column-chooser-check {
  padding: .55rem .75rem;
}
.qui-record-browser-filter-strip {
  min-width: 0;
  padding-bottom: var(--qui-space-md);
  position: relative;
  z-index: var(--qui-z-record-controls);
}
.qui-record-browser-chips {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qui-space-xs);
}
.qui-record-browser-chip {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  min-height: 1.8rem;
  padding: .2rem .35rem .2rem .55rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-raised);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-record-browser-chip strong {
  color: var(--qui-text-strong);
  font-weight: 650;
}
.qui-record-browser-chip button {
  width: 1.4rem;
  height: 1.4rem;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: var(--qui-radius-round);
  background: transparent;
  color: var(--qui-text-muted);
}
.qui-record-browser-chip button:hover {
  background: var(--qui-bg-hover);
  color: var(--qui-text-strong);
}
.qui-record-browser-clear-filters {
  min-height: 1.8rem;
  border: 0;
  background: transparent;
  color: var(--qui-accent-text);
  font-weight: 650;
}
.qui-record-browser-selection {
  min-width: 0;
  padding-bottom: var(--qui-space-md);
}
.qui-record-browser-header-sort {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: .3rem;
  border: 0;
  background: transparent;
  color: inherit;
  font: inherit;
  text-align: left;
}
.qui-record-browser-sort-indicator {
  color: var(--qui-accent-text);
}
.qui-record-browser-resizer {
  position: absolute;
  top: 15%;
  right: -.35rem;
  bottom: 15%;
  z-index: 2;
  width: .7rem;
  border: 0;
  background: transparent;
  cursor: col-resize;
}
.qui-record-browser-resizer::after {
  content: "";
  position: absolute;
  top: 10%;
  right: .32rem;
  bottom: 10%;
  width: 1px;
  background: var(--qui-border-strong);
  opacity: 0;
  transition: opacity var(--qui-motion-fast) ease;
}
.qui-record-browser-resizer:focus-visible::after {
  opacity: .75;
}
.qui-record-browser-value {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-record-browser-stack {
  min-width: 0;
  display: grid;
  gap: .18rem;
}
.qui-record-browser-stack > strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-record-browser-stack > small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-record-browser-identity {
  min-width: 0;
  display: grid;
  grid-template-columns: 2.15rem minmax(0,1fr);
  align-items: center;
  gap: var(--qui-space-md);
}
.qui-record-browser-identity.is-compact {
  grid-template-columns: 1.85rem minmax(0,1fr);
}
.qui-record-avatar {
  width: 2.15rem;
  height: 2.15rem;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-round);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
  font-size: .72rem;
  font-weight: 750;
}
.qui-record-browser-identity.is-compact .qui-record-avatar {
  width: 1.85rem;
  height: 1.85rem;
}
.qui-smart-pager {
  width: 100%;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--qui-space-md);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  flex-wrap: wrap;
}
.qui-smart-pager-edge, .qui-smart-pager-page {
  min-width: 2rem;
  height: 2rem;
  display: inline-grid;
  place-items: center;
  padding: 0 .4rem;
  border: 1px solid transparent;
  border-radius: var(--qui-radius-control);
  background: transparent;
  color: var(--qui-text);
}
.qui-smart-pager-edge:hover:not(:disabled), .qui-smart-pager-page:hover:not(:disabled), .qui-smart-pager-page:focus-visible {
  border-color: var(--qui-border-subtle);
  background: var(--qui-bg-hover);
  outline: none;
}
.qui-smart-pager-page.is-current {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
  font-weight: 700;
}
.qui-smart-pager-edge:disabled {
  color: var(--qui-text-disabled);
}
.qui-smart-pager-ellipsis {
  min-width: 1.4rem;
  text-align: center;
  color: var(--qui-text-subtle);
}
.qui-record-browser-state {
  margin: var(--qui-space-xl) 0;
}
.qui-record-browser-popover .qui-record-browser-menu-item:first-of-type {
  border-radius: 0;
}
.qui-record-browser-popover .qui-record-browser-menu-item:last-of-type {
  border-radius: 0;
}
.qui-readiness-indicator {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.qui-readiness-state {
  width: 2rem;
  height: 2rem;
  display: inline-grid;
  place-items: center;
  border: 0;
  border-radius: var(--qui-radius-round);
  background: transparent;
}
.qui-readiness-state.is-ready {
  width: 1.5rem;
  height: 1.5rem;
}
.qui-readiness-ready-dot {
  width: 0.65rem;
  height: 0.65rem;
  display: block;
  border-radius: var(--qui-radius-round);
  background: var(--qui-success);
  box-shadow: 0 0 0 0.18rem var(--qui-success);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--qui-success) 12%, transparent);
  }
}
.qui-readiness-state.is-warning {
  color: var(--qui-warning);
  cursor: pointer;
}
.qui-readiness-state.is-warning:hover, .qui-readiness-state.is-warning:focus-visible, .qui-readiness-state.is-warning[aria-expanded="true"] {
  background: var(--qui-warning-soft);
  outline: none;
}
.qui-readiness-state.is-warning .qui-line-icon {
  width: 1.2rem;
  height: 1.2rem;
}
.qui-readiness-popover {
  width: min(17rem, calc(100vw - 1rem));
  min-width: 13rem;
  z-index: calc(var(--qui-z-popover) + 5);
  padding: 0;
  overflow: hidden;
}
.qui-readiness-popover-heading {
  padding: 0.7rem 0.875rem 0.55rem;
  color: var(--qui-text-strong);
  font-size: var(--qui-font-size-md);
}
.qui-readiness-issues {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--qui-border-subtle);
}
.qui-readiness-issue {
  min-height: 2.5rem;
  display: grid;
  grid-template-columns: 1.25rem minmax(0, 1fr);
  align-items: center;
  gap: var(--qui-space-md);
  padding: 0.6rem 0.875rem;
  color: var(--qui-text);
}
.qui-readiness-issue + .qui-readiness-issue {
  border-top: 1px solid var(--qui-border-subtle);
}
.qui-readiness-issue .qui-line-icon {
  color: var(--qui-warning);
}
.qui-record-browser-filter-strip:empty, .qui-record-browser-selection:empty {
  display: none;
  padding: 0;
}
.qui-smart-pager-navigation {
  min-width: 0;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 0.18rem;
}
.qui-smart-pager-select {
  min-width: 5.7rem;
  height: 2rem;
  flex: 0 0 auto;
  margin-left: auto;
  padding: 0 1.8rem 0 0.55rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-control);
  background-color: var(--qui-bg-input);
  color: var(--qui-text);
  box-shadow: var(--qui-shadow-input-inset);
  font: inherit;
  font-size: var(--qui-font-size-sm);
}
.qui-smart-pager-select:hover {
  border-color: var(--qui-control-border-hover);
  background-color: var(--qui-bg-input-hover);
}
.qui-smart-pager-select:focus {
  border-color: var(--qui-control-border-focus);
  outline: none;
  box-shadow: var(--qui-control-focus-shadow);
}
.qui-page-status {
  min-width: 0;
  display: grid;
  grid-template-columns: .3rem minmax(0,1fr) auto auto;
  align-items: center;
  gap: var(--qui-space-lg);
  min-height: 3.25rem;
  padding: .7rem .85rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-raised);
  color: var(--qui-text);
  width: 100%;
}
.qui-page-status-copy {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 0.25rem 0.65rem;
  line-height: 1.15;
}
.qui-page-status-detail {
  min-width: 0;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
  display: inline;
  line-height: 1.2;
}
.qui-record-browser-primary-tools {
  min-width: 0;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--qui-space-xs);
}
.qui-record-browser-selection-toggle {
  width: var(--qui-control-size-regular);
  height: var(--qui-control-size-regular);
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-surface);
  color: var(--qui-text-muted);
  cursor: pointer;
}
.qui-record-browser-selection-toggle:hover, .qui-record-browser-selection-toggle:focus-visible {
  border-color: var(--qui-control-border-hover);
  background: var(--qui-bg-hover);
  outline: none;
}
.qui-record-browser-selection-toggle.is-active {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
}
.qui-record-selector {
  position: relative;
  width: 1.2rem;
  height: 1.2rem;
  display: grid;
  place-items: center;
  line-height: 0;
  padding: 0;
  border: 1px solid var(--qui-border-strong);
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-surface);
  color: var(--qui-accent-contrast);
  cursor: pointer;
}
.qui-record-selector:hover, .qui-record-selector:focus-visible {
  border-color: var(--qui-accent-border);
  outline: none;
  box-shadow: 0 0 0 0.125rem var(--qui-focus);
}
.qui-record-selector.is-checked, .qui-record-selector.is-indeterminate {
  border-color: var(--qui-accent);
  background: var(--qui-accent);
}
.qui-record-selector-mark {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
}
.qui-record-selector.is-checked .qui-record-selector-mark::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.28rem;
  height: 0.52rem;
  border: 0;
  border-right: 0.11rem solid var(--qui-accent-contrast);
  border-bottom: 0.11rem solid var(--qui-accent-contrast);
  transform: translate(-50%, -58%) rotate(45deg);
  transform-origin: center;
}
.qui-record-browser-identity-action {
  width: 100%;
  height: 100%;
  min-width: 0;
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  cursor: pointer;
}
.qui-record-browser-identity-action:hover .qui-record-browser-identity-copy > strong, .qui-record-browser-identity-action:focus-visible .qui-record-browser-identity-copy > strong {
  color: var(--qui-accent-text);
  text-underline-offset: 0.12rem;
  text-decoration: none;
}
.qui-record-browser-identity-action:focus-visible {
  outline: none;
}
.qui-record-browser-identity-copy {
  min-width: 0;
  display: grid;
  gap: 0.05rem;
  line-height: 1;
}
.qui-record-browser-identity-copy > strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-strong);
  font-weight: 700;
  line-height: 1;
}
.qui-record-browser-identity-copy > small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1;
}
.qui-record-browser-mobile-meta {
  display: none;
  min-width: 0;
  overflow: hidden;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 1;
}
.qui-readiness-warning-glyph {
  position: relative;
  width: 1.2rem;
  height: 1.08rem;
  display: grid;
  place-items: center;
  clip-path: polygon(50% 3%, 98% 94%, 2% 94%);
  background: var(--qui-warning);
  color: #ffffff;
}
.qui-readiness-warning-glyph > span {
  position: relative;
  top: 0.08rem;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
}
.qui-readiness-issue-dot {
  width: 0.48rem;
  height: 0.48rem;
  display: block;
  border-radius: var(--qui-radius-round);
  background: var(--qui-warning);
  justify-self: center;
}
.qui-record-browser-popover.is-sort, .qui-record-browser-popover.is-more {
  width: min(13rem, calc(100vw - 1rem));
  min-width: 13rem;
}
.qui-record-browser-popover .qui-record-action-item, .qui-record-browser-popover .qui-record-browser-menu-item {
  min-height: 2.5rem;
  box-sizing: border-box;
  padding: 0.55rem 0.875rem;
  border-radius: 0;
  font-size: var(--qui-font-size-md);
  line-height: 1.2;
}
.qui-record-browser-export-scope {
  width: 100%;
  min-height: 3.6rem;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: center;
  gap: var(--qui-space-md);
  padding: 0.65rem 0.75rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--qui-text);
  text-align: left;
}
.qui-record-browser-export-scope:hover, .qui-record-browser-export-scope:focus-visible {
  background: var(--qui-bg-hover);
  outline: none;
}
.qui-record-browser-switch {
  position: relative;
  width: 2rem;
  height: 1.12rem;
  display: block;
  flex: 0 0 auto;
  border: 1px solid var(--qui-border-strong);
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-muted);
  transition: background-color var(--qui-motion-fast) ease, border-color var(--qui-motion-fast) ease;
}
.qui-record-browser-switch > span {
  position: absolute;
  top: 0.12rem;
  left: 0.12rem;
  width: 0.76rem;
  height: 0.76rem;
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-surface);
  box-shadow: var(--qui-shadow-sm);
  transition: transform var(--qui-motion-fast) ease;
}
.qui-record-browser-switch.is-on {
  border-color: var(--qui-accent);
  background: var(--qui-accent);
}
.qui-record-browser-switch.is-on > span {
  transform: translateX(0.86rem);
}
.qui-record-browser-export-scope-copy {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
}
.qui-record-browser-export-scope-copy strong {
  color: var(--qui-text-strong);
  font-size: var(--qui-font-size-md);
}
.qui-record-browser-export-scope-copy small {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  line-height: 1.25;
}
.qui-record-browser-toolbar-slot {
  min-width: 0;
  padding-bottom: var(--qui-space-md);
  z-index: var(--qui-z-record-controls);
  position: relative;
  overflow: visible;
}
.qui-record-browser-popover {
  top: calc(100% + .45rem);
  right: 0;
  overflow: auto;
  width: min(22rem, calc(100vw - 1rem));
  min-width: 13rem;
  max-width: calc(100vw - 1rem);
  max-height: min(70dvh, 32rem);
  padding: 0;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  box-shadow: var(--qui-shadow-menu);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  position: fixed;
  z-index: calc(var(--qui-z-popover) + 6);
}
.qui-record-browser-pager-slot {
  padding-top: var(--qui-space-lg);
  z-index: var(--qui-z-record-controls);
  width: 100%;
  max-width: 100%;
  min-width: 0;
  position: relative;
}
.qui-record-selector.is-indeterminate .qui-record-selector-mark::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0.55rem;
  height: 0.11rem;
  border: 0;
  border-radius: var(--qui-radius-round);
  background: var(--qui-accent-contrast);
  transform: translate(-50%, -50%);
}
body:has(.qui-module-sidebar-rail:not(.is-collapsed)) {
  --qui-content-overlay-left: var(--qui-module-sidebar-width, 16.5rem);
}
body:has(.qui-module-sidebar-rail.is-collapsed) {
  --qui-content-overlay-left: var(--qui-shell-rail-width);
}
body:has(.qui-module-sidebar-rail) .qui-notification-panel {
  width: min( var(--qui-notification-panel-width, 31rem), calc(100vw - var(--qui-content-overlay-left)));
  max-width: calc(100vw - var(--qui-content-overlay-left));
}
body:has(.qui-module-sidebar-rail) .qui-audit-trail-host .qui-dialog {
  width: min(38rem, calc(100% - 2rem));
}
.qui-delete-confirm-layer:not(.is-inline-preview) {
  position: fixed;
  top: var(--qui-shell-header-height);
  right: 0;
  bottom: 0;
  left: 0;
  z-index: var(--qui-z-modal);
  display: grid;
  place-items: center;
  padding: var(--qui-space-xl);
  pointer-events: none;
}
.qui-delete-confirm-layer:not(.is-inline-preview) .qui-delete-confirm-backdrop {
  width: 100%;
  height: 100%;
  padding: 0;
  pointer-events: auto;
  position: absolute;
  inset: 0;
  z-index: 0;
  background: var(--qui-bg-overlay);
}
.qui-delete-confirm-layer:not(.is-inline-preview) .qui-delete-confirm-panel {
  position: relative;
  z-index: 1;
  pointer-events: auto;
  width: min(38rem, calc(100% - 2rem));
  max-height: min(42rem, calc(100% - 2rem));
}
.qui-delete-confirm-layer.is-inline-preview {
  display: contents;
}
body:has(.qui-module-sidebar-rail) .qui-notification-scrim, body:has(.qui-module-sidebar-rail) .qui-delete-confirm-layer:not(.is-inline-preview) {
  background-clip: padding-box;
  left: var(--qui-content-overlay-left);
  border-top-left-radius: var(--qui-auth-canvas-radius, 1.5rem);
  overflow: hidden;
}
body:has(.qui-module-sidebar-rail) .qui-delete-confirm-layer:not(.is-inline-preview) .qui-delete-confirm-backdrop {
  border-top-left-radius: inherit;
}
body:has(.qui-module-sidebar-rail) .qui-audit-trail-host .qui-dialog-backdrop {
  background-clip: padding-box;
  contain: paint;
  left: var(--qui-content-overlay-left);
  border-top-left-radius: var(--qui-auth-canvas-radius, 1.5rem);
  overflow: hidden;
}
.qui-auth-public {
  --qui-auth-content-gutter: 2rem;
}
.qui-auth-public .qui-auth-method-list {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: var(--qui-space-lg);
  min-width: 0;
  padding-inline: var(--qui-auth-content-gutter);
}
.qui-auth-public .qui-auth-inner-padding {
  padding-inline: var(--qui-auth-content-gutter);
}
.qui-auth-public .qui-auth-card-content > .qui-messagebar {
  margin-inline: var(--qui-auth-content-gutter);
}
.qui-auth-public .qui-auth-centered-card:has(.qui-auth-saved-account-list) .qui-auth-card-content {
  padding: 0 0 0;
  padding-inline: var(--qui-auth-content-gutter);
}
.qui-auth-public .qui-auth-centered-card:has(.qui-auth-saved-account-list) .qui-auth-section-heading {
  margin-bottom: 0;
  padding: 2.5rem 2rem 1.5rem;
  text-align: center;
  padding-inline: 0;
}
.qui-auth-public .qui-auth-saved-account-list {
  gap: 0;
  width: 100%;
}
.qui-auth-public .qui-auth-saved-account-row {
  min-height: 4.25rem;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.25rem;
  margin: 0;
  padding: 0;
  border: 1px solid var(--qui-border-subtle);
  background: transparent;
  color: var(--qui-text);
  width: 100%;
  border-radius: var(--qui-radius-large);
  overflow: hidden;
}
.qui-auth-public .qui-auth-saved-account-select {
  min-height: 4.25rem;
  grid-template-columns: 3rem minmax(0, 1fr);
  align-items: center;
  gap: 1rem;
  transition: background-color var(--qui-motion-fast) ease;
  min-width: 0;
  padding: 0.65rem 0.8rem;
  border-radius: inherit;
}
.qui-auth-public .qui-auth-saved-account-list + .qui-auth-actions > .qui-auth-use-another {
  min-height: 4.25rem;
  justify-content: flex-start;
  gap: 1rem;
  border: 1px solid transparent;
  border-radius: 0.75rem;
  background: transparent;
  color: var(--qui-text-strong);
  box-shadow: none;
  font-weight: 500;
  text-align: left;
  width: 100%;
  min-width: 0;
  padding: 0.6rem 0.8rem;
}
.qui-auth-public .qui-auth-account-remove {
  align-self: center;
  margin: 0 1.5rem 0 0;
  margin-right: 0.75rem;
}
.qui-auth-public .qui-auth-account-summary {
  min-height: 0;
  border-radius: var(--qui-radius-large);
  grid-template-columns: 3rem minmax(0, 1fr) auto;
  align-items: center;
  color: var(--qui-text);
  border: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-raised);
  max-width: none;
  width: auto;
  margin-inline: var(--qui-auth-content-gutter);
  padding: 0.8rem 0.9rem;
}
.qui-auth-public .qui-auth-saved-account-copy {
  gap: 0.08rem;
  max-width: 100%;
  overflow: hidden;
  min-width: 0;
}
.qui-auth-public .qui-auth-account-summary-copy {
  max-width: 100%;
  overflow: hidden;
  min-width: 0;
}
.qui-auth-public .qui-auth-saved-account-copy strong {
  color: var(--qui-text-strong);
  font-size: 0.95rem;
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-auth-public .qui-auth-account-summary-copy strong {
  color: var(--qui-text-strong);
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-auth-public .qui-auth-account-summary-copy > span, .qui-auth-public .qui-auth-saved-account-meta > span:not(.qui-auth-saved-account-loading) {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-auth-public .qui-auth-saved-account-secondary-text {
  color: var(--qui-text-muted);
  max-width: 100%;
  overflow: hidden;
  align-items: center;
  min-width: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.6rem;
}
.qui-auth-public .qui-auth-saved-account-secondary-text > span {
  max-width: 100%;
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  overflow-wrap: normal;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-auth-public .qui-auth-saved-account-secondary-text span:not(:last-child)::after {
  margin-left: 0.6rem;
}
.qui-auth-public .qui-auth-saved-account-meta {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  max-width: 100%;
  overflow: hidden;
  align-items: center;
  min-width: 0;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 0.45rem;
}
.qui-auth-public .qui-auth-saved-account-meta > span {
  flex: 0 1 auto;
}
.qui-auth-method-title {
  display: flex;
  flex-direction: column;
  align-items: start;
  gap: 0.08rem;
  font-family: var(--qui-font-heavy-medium);
  letter-spacing: 0.045rem;
  flex: 1 1 auto;
  min-width: 0;
}
.qui-auth-method-busy {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  gap: 0.4rem;
  margin-left: auto;
  color: var(--qui-text-muted);
  font-family: var(--qui-font-button);
  font-size: var(--qui-font-size-sm);
  white-space: nowrap;
}
.qui-auth-method-busy .qui-spinner {
  width: 0.95rem;
  height: 0.95rem;
  border-width: 0.12rem;
}
.qui-auth-method-button.is-busy {
  border-color: var(--qui-accent-border);
  background: var(--qui-accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--qui-accent-soft) 72%, var(--qui-bg-raised));
  }
  color: var(--qui-text-strong);
}
.qui-auth-method-button.is-busy:disabled {
  opacity: 1;
}
.qui-record-health-indicator {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}
.qui-record-health-state {
  width: 2rem;
  height: 2rem;
  display: inline-grid;
  place-items: center;
  padding: 0;
  border: 0;
  border-radius: var(--qui-radius-round);
  background: transparent;
}
.qui-record-health-state.is-ready, .qui-record-health-state.is-inactive {
  width: 1.5rem;
  height: 1.5rem;
}
.qui-record-health-dot {
  width: 0.65rem;
  height: 0.65rem;
  display: block;
  border-radius: var(--qui-radius-round);
}
.qui-record-health-state.is-ready .qui-record-health-dot {
  background: var(--qui-success);
  box-shadow: 0 0 0 0.18rem var(--qui-success);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--qui-success) 12%, transparent);
  }
}
.qui-record-health-state.is-inactive .qui-record-health-dot {
  background: var(--qui-text-subtle);
  box-shadow: 0 0 0 0.18rem var(--qui-text-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0 0 0.18rem color-mix(in srgb, var(--qui-text-subtle) 12%, transparent);
  }
}
.qui-record-health-state.is-warning {
  color: var(--qui-warning);
  cursor: pointer;
}
.qui-record-health-state.is-warning:hover, .qui-record-health-state.is-warning:focus-visible, .qui-record-health-state.is-warning[aria-expanded="true"] {
  background: var(--qui-warning-soft);
  outline: none;
}
.qui-record-health-warning {
  position: relative;
  width: 1.2rem;
  height: 1.08rem;
  display: grid;
  place-items: center;
  clip-path: polygon(50% 3%, 98% 94%, 2% 94%);
  background: var(--qui-warning);
  color: #ffffff;
}
.qui-record-health-warning > span {
  position: relative;
  top: 0.08rem;
  font-size: 0.72rem;
  font-weight: 800;
  line-height: 1;
}
.qui-record-health-popover {
  width: min(17rem, calc(100vw - 1rem));
  min-width: 13rem;
  padding: 0;
  overflow: hidden;
}
.qui-record-health-heading {
  padding: 0.7rem 0.875rem 0.55rem;
  color: var(--qui-text-strong);
  font-size: var(--qui-font-size-md);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-md);
}
.qui-record-health-close {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  padding: 0;
  border: 0;
  border-radius: var(--qui-radius-control);
  background: transparent;
  color: inherit;
}
.qui-record-health-close:hover {
  background: var(--qui-bg-hover);
}
.qui-record-health-close:focus-visible {
  outline: 2px solid var(--qui-focus);
  outline-offset: 2px;
}
.qui-record-health-close .qui-line-icon {
  width: 1rem;
  height: 1rem;
}
.qui-record-health-issues {
  display: grid;
  gap: 0;
  border-top: 1px solid var(--qui-border-subtle);
}
.qui-record-health-issue {
  min-height: 2.5rem;
  display: grid;
  grid-template-columns: 1.25rem minmax(0, 1fr);
  align-items: center;
  gap: var(--qui-space-md);
  padding: 0.6rem 0.875rem;
  color: var(--qui-text);
}
.qui-record-health-issue + .qui-record-health-issue {
  border-top: 1px solid var(--qui-border-subtle);
}
.qui-record-health-issue-dot {
  width: 0.48rem;
  height: 0.48rem;
  display: block;
  justify-self: center;
  border-radius: var(--qui-radius-round);
  background: var(--qui-warning);
}
.qui-app-bar .qui-page-action-bar {
  width: 100%;
  gap: 0.4rem;
  overflow: visible;
}
.qui-app-bar .qui-action-overflow {
  flex: 0 0 auto;
  margin-left: auto;
  align-self: center;
  overflow: visible;
}
.qui-app-bar .qui-action-overflow-backdrop {
  z-index: calc(var(--qui-z-popover) + 13);
}
.qui-app-bar .qui-action-overflow-menu {
  z-index: calc(var(--qui-z-popover) + 14);
}
.qui-identity-title-row {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--qui-space-xs);
}
.qui-identity-title-row h1 {
  flex: 0 1 auto;
  min-width: 0;
  margin: 0;
}
.qui-related-surface {
  min-width: 0;
  display: grid;
  align-content: start;
}
.qui-related-surface.is-panel-host {
  min-height: 100%;
}
.qui-record-detail-appbar {
  margin-top: var(--qui-space-md);
}
.qui-record-empty {
  border: 1px dashed var(--qui-border-subtle);
  border-radius: var(--qui-radius-medium);
  background: var(--qui-bg-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-muted) 78%, transparent);
  }
  font-size: var(--qui-font-size-md);
  min-height: 7rem;
  display: grid;
  place-content: center;
  gap: var(--qui-space-xs);
  padding: var(--qui-space-xl);
  color: var(--qui-text-muted);
  text-align: center;
}
.qui-record-empty strong {
  color: var(--qui-text-strong);
}
.qui-association-link strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-strong);
}
.qui-association-link span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-association-link:hover strong, .qui-association-link:focus-visible strong {
  color: var(--qui-accent-text);
  text-decoration: underline;
  text-underline-offset: 0.12rem;
}
.qui-association-link:focus-visible {
  outline: none;
}
.qui-association-tags {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qui-space-xs);
}
.qui-association-tags span {
  min-height: 1.5rem;
  display: inline-flex;
  align-items: center;
  padding: 0.15rem 0.45rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-raised);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-xs);
}
.qui-inline-form h3 {
  margin: 0;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-lg);
}
.qui-record-panel .qui-entity-panel-body {
  padding: var(--qui-space-lg);
}
.qui-record-panel .qui-person-identity {
  margin-bottom: 0;
}
.qui-record-route-shell .qui-related-surface {
  min-height: 100%;
}
.qui-record-browser-popover.is-sort .qui-record-browser-sort-item {
  width: 100%;
  min-height: 2.5rem;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--qui-space-md);
  padding: 0.55rem 0.875rem;
  border: 0;
  border-radius: 0;
  background: transparent;
  color: var(--qui-text);
  text-align: left;
}
.qui-record-browser-popover.is-sort .qui-record-browser-sort-item > span:first-child {
  min-width: 0;
  justify-self: start;
  text-align: left;
}
.qui-record-browser-popover.is-sort .qui-record-browser-sort-item > span:last-child {
  justify-self: end;
}
.qui-record-browser-popover.is-sort .qui-record-browser-sort-item:hover, .qui-record-browser-popover.is-sort .qui-record-browser-sort-item:focus-visible, .qui-record-browser-popover.is-sort .qui-record-browser-sort-item.is-selected {
  background: var(--qui-bg-hover);
  outline: none;
}
.qui-person-identity {
  min-width: 0;
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
  border-radius: calc(var(--qui-radius-card) + 0.15rem);
  box-shadow: 0 0.12rem 0.4rem color-mix(in srgb, #000 5%, transparent);
}
.qui-organization-identity {
  border-radius: calc(var(--qui-radius-card) + 0.15rem);
  box-shadow: 0 0.12rem 0.4rem color-mix(in srgb, #000 5%, transparent);
}
.qui-person-identity .qui-record-route-header-main, .qui-organization-identity .qui-record-route-header-main {
  padding: 1rem 1.05rem 0.9rem;
}
.qui-person-identity .qui-record-route-leading {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  width: auto;
  height: auto;
  border: 0;
  background: transparent;
}
.qui-person-identity .qui-record-route-status, .qui-organization-identity .qui-record-route-status {
  margin-top: 0.45rem;
}
.qui-person-identity .qui-record-route-facts, .qui-organization-identity .qui-record-route-facts {
  gap: 0.5rem;
  padding: 0.65rem;
  border-top: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--qui-bg-muted) 18%, var(--qui-bg-surface));
  }
}
.qui-person-identity .qui-record-route-fact, .qui-organization-identity .qui-record-route-fact {
  min-height: 3.75rem;
  padding: 0.65rem 0.75rem;
  border-radius: var(--qui-radius-control);
  background: var(--qui-bg-surface);
  border: 1px solid var(--qui-border-subtle);
}
.qui-person-identity.is-panel .qui-record-route-facts, .qui-organization-identity.is-panel .qui-record-route-facts {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.qui-organization-identity.is-panel .qui-record-route-fact.is-full {
  grid-column: 1 / -1;
}
.qui-person-identity .qui-record-route-fact-icon, .qui-organization-identity .qui-record-route-fact-icon {
  width: 1.55rem;
  height: 1.55rem;
}
.qui-person-identity .qui-record-route-fact-label, .qui-organization-identity .qui-record-route-fact-label {
  font-size: 0.66rem;
}
.qui-person-identity .qui-record-route-fact-value, .qui-organization-identity .qui-record-route-fact-value {
  font-size: 0.82rem;
}
.qui-record-stack .qui-linked-record-row {
  padding-inline: 0.15rem;
}
.qui-record-stack .qui-linked-record-main {
  padding-block: 0.72rem;
}
.qui-record-panel.qui-record-panel .qui-person-identity.is-panel {
  margin-bottom: 0.8rem;
}
.qui-record-browser-export-menu .qui-record-browser-menu-heading {
  padding-bottom: 0.45rem;
}
.record-list-page .qui-app-bar .qui-action-overflow-backdrop {
  pointer-events: auto;
}
.qui-record-health-indicator.is-open .qui-record-health-popover {
  position: fixed;
  overflow: auto;
}
.qui-contact-quick-actions {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qui-space-md);
}
.qui-contact-external-action {
  text-decoration: none;
}
.qui-contact-external-action:hover, .qui-contact-external-action:focus-visible {
  text-decoration: none;
}
.qui-dialog-header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-lg);
}
.qui-dialog-header-title {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--qui-space-md);
  flex: 1 1 auto;
}
.qui-dialog-header-title h3 {
  min-width: 0;
  margin: 0;
}
.qui-dialog-header-actions {
  min-width: 0;
  display: flex;
  align-items: center;
  gap: var(--qui-space-md);
  flex: 0 0 auto;
  margin-left: auto;
}
.qui-audit-trail-dialog > .qui-dialog-header {
  height: var(--qui-shell-header-height);
  min-height: var(--qui-shell-header-height);
  padding-block: 0;
}
.qui-user-profile {
  min-width: 0;
  display: inline-flex;
  align-items: center;
}
.qui-user-profile-trigger {
  min-width: 0;
  padding: 0.125rem 0.25rem;
  border-radius: var(--qui-radius-control);
}
.qui-user-profile-trigger .qui-person-identity {
  min-width: 0;
}
.qui-profile-popover {
  max-height: calc(100dvh - 1rem);
  overflow: auto;
  max-width: min(24rem, calc(100vw - 2rem));
  padding: var(--qui-space-xl);
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-large);
  background: var(--qui-bg-surface);
  color: var(--qui-text);
  min-width: min(20rem, calc(100vw - 2rem));
  box-shadow: var(--qui-shadow-lg);
}
.qui-user-profile-details {
  display: grid;
  grid-template-columns: max-content minmax(0, 1fr);
  gap: 0.35rem 0.75rem;
  margin: var(--qui-space-lg) 0 0;
}
.qui-user-profile-details dt {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  font-weight: 600;
}
.qui-user-profile-details dd {
  min-width: 0;
  margin: 0;
  color: var(--qui-text);
  overflow-wrap: anywhere;
}
.qui-user-profile-description {
  margin: var(--qui-space-lg) 0 0;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-profile-actions {
  margin-top: var(--qui-space-lg);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qui-space-md);
}
.record-list-page > .qui-app-bar .qui-record-page-actions, .record-list-page > .qui-app-bar .qui-page-action-bar {
  align-items: center;
  min-height: 2.25rem;
}
.record-list-page > .qui-page-status-region {
  flex: 0 0 auto;
}
.record-list-page > .qui-page-header {
  position: relative;
  z-index: 4;
  flex: 0 0 auto;
}
.qui-record-browser-primary-tools.is-selection-hidden {
  grid-template-columns: minmax(0, 1fr);
}
.qui-audit-trail-host {
  position: fixed;
  inset: var(--qui-shell-header-height) 0 0;
  z-index: calc(var(--qui-z-modal) + 8);
  pointer-events: none;
}
.qui-audit-trail-host > .qui-dialog-backdrop {
  pointer-events: auto;
  position: absolute;
  inset: 0;
  z-index: 0;
}
.qui-audit-trail-dialog {
  width: min(64rem, calc(100vw - 2rem));
  max-height: min(48rem, calc(100dvh - var(--qui-shell-header-height) - 2rem));
}
.qui-audit-trail-dialog .qui-dialog-body {
  min-height: 0;
  display: grid;
  align-content: start;
  gap: var(--qui-space-lg);
}
.qui-audit-record-browser {
  min-width: 0;
  display: grid;
  gap: 0.65rem;
}
.qui-audit-record-browser .qui-record-browser-popover {
  z-index: calc(var(--qui-z-popover) + 3);
}
.qui-audit-record-header {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(9rem, 1.05fr) minmax(6.5rem, .72fr) minmax(8rem, 1fr) minmax(10rem, 1fr);
  align-items: center;
  min-height: 2.5rem;
  border-bottom: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-page);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--qui-bg-page) 96%, var(--qui-bg-muted));
  }
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  font-weight: 650;
}
.qui-audit-record-header > span, .qui-audit-record-row > * {
  min-width: 0;
  padding: 0.6rem 0.75rem;
}
.qui-audit-record-row {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(9rem, 1.05fr) minmax(6.5rem, .72fr) minmax(8rem, 1fr) minmax(10rem, 1fr);
  align-items: center;
  min-height: 4.25rem;
  border-bottom: 1px solid var(--qui-border-subtle);
  background: var(--qui-bg-page);
  color: var(--qui-text);
  cursor: pointer;
  transition: background-color var(--qui-motion-fast) ease;
}
.qui-audit-record-row:last-child {
  border-bottom: 0;
}
.qui-audit-record-row:hover, .qui-audit-record-row:focus-visible {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix( in srgb, var(--qui-accent) 4%, var(--qui-bg-page));
  }
  outline: none;
}
.qui-audit-record-actor {
  min-width: 0;
  overflow: hidden;
}
.qui-audit-record-actor .qui-user-profile, .qui-audit-record-actor .qui-user-profile-trigger, .qui-audit-record-actor .qui-person-identity {
  min-width: 0;
  max-width: 100%;
}
.qui-audit-record-action, .qui-audit-record-reference, .qui-audit-record-time {
  display: grid;
  gap: 0.15rem;
}
.qui-audit-record-action strong, .qui-audit-record-reference span, .qui-audit-record-time strong {
  min-width: 0;
  overflow: hidden;
  color: var(--qui-text-strong);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-audit-record-action small, .qui-audit-record-reference small, .qui-audit-record-time small {
  min-width: 0;
  overflow: hidden;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-audit-filter-panel {
  width: min(24rem, calc(100vw - 1rem));
}
.qui-audit-filter-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qui-space-sm);
}
.qui-audit-record-pager {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: var(--qui-space-lg);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-contact-list {
  width: 100%;
  min-width: 0;
  display: grid;
  gap: 0;
  border-block: 1px solid var(--qui-border-subtle);
}
.qui-contact-list-open {
  min-width: 0;
  width: 100%;
  display: block;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: start;
  font: inherit;
  cursor: pointer;
}
.qui-contact-list-open:focus-visible {
  outline: 2px solid var(--qui-focus);
  outline-offset: 3px;
}
.qui-contact-list-identity {
  min-width: 0;
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: 0.65rem;
  align-items: center;
}
.qui-contact-list-identity > .qui-record-avatar {
  width: 2rem;
  height: 2rem;
}
.qui-contact-list-copy {
  min-width: 0;
  display: grid;
  gap: 0.12rem;
}
.qui-contact-list-copy > strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 1.05rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--qui-text-strong);
}
.qui-contact-list-copy > small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--qui-font-size-sm);
  line-height: 1.2;
  color: var(--qui-text-muted);
}
.qui-contact-list-meta {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: var(--qui-font-size-sm);
  line-height: 1.2;
  color: var(--qui-text-muted);
  display: none;
}
.qui-contact-list-meta.is-always-visible {
  display: block;
}
.qui-record-sort-item {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 1.25rem;
  align-items: center;
  gap: var(--qui-space-md);
  text-align: start;
}
.qui-record-sort-item > .qui-record-sort-label {
  grid-column: 1;
  justify-self: stretch;
  text-align: start;
  min-width: 0;
}
.qui-record-sort-item > .qui-record-sort-check {
  grid-column: 2;
  justify-self: end;
  text-align: end;
}
.qui-anchored-popover {
  inset: auto;
  min-width: 0;
  box-sizing: border-box;
  overscroll-behavior: contain;
  max-width: calc(100vw - 1rem);
  width: max-content;
  position: fixed;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  transform: none;
}
.qui-anchored-popover::backdrop {
  background: transparent;
  pointer-events: none;
}
.qui-anchored-popover :is(.qui-record-action-item, .qui-action-overflow-item, .qui-record-browser-menu-item, .qui-record-sort-item, .qui-page-mini-export-item) {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 0.75rem;
  width: 100%;
  min-width: 0;
  box-sizing: border-box;
  text-align: start;
}
.qui-anchored-popover :is(.qui-record-action-item, .qui-action-overflow-item, .qui-record-browser-menu-item, .qui-record-sort-item) > svg {
  flex: 0 0 auto;
}
.qui-anchored-popover :is(.qui-record-action-item, .qui-action-overflow-item, .qui-record-browser-menu-item) > span {
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
  text-align: start;
}
.qui-menu-item-copy {
  display: flex;
  flex-direction: column;
  gap: 0.15rem;
}
.qui-menu-item-copy > small {
  font-size: var(--qui-font-size-sm);
  color: var(--qui-text-muted);
}
.qui-anchored-popover .qui-record-sort-label {
  flex: 1 1 auto;
  min-width: 0;
  white-space: normal;
  overflow-wrap: anywhere;
}
.qui-anchored-popover .qui-record-sort-item > .qui-record-sort-check, .qui-anchored-popover .qui-page-mini-command-chevron {
  flex: 0 0 auto;
  margin-inline-start: auto;
}
.qui-page-mini-commandbar {
  min-width: 0;
  display: flex;
  align-items: center;
}
.qui-page-mini-commandbar-desktop {
  display: flex;
  gap: 0.3rem;
  align-items: center;
}
.qui-page-mini-commandbar-mobile {
  display: none;
}
.qui-page-mini-command-menu {
  position: relative;
}
.qui-page-mini-command-menu-trigger {
  width: 2.25rem;
  height: 2.25rem;
  padding: 0;
  border: 0;
  border-radius: var(--qui-radius-control);
  display: inline-grid;
  place-items: center;
  color: var(--qui-text-muted);
  background: var(--qui-bg-muted);
}
.qui-page-mini-command-menu-trigger .qui-line-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.qui-page-mini-command-menu-list {
  position: absolute;
  top: 100%;
  right: 0;
  width: min(23rem, calc(100vw - 1rem));
  padding: 0.3rem 0;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  box-shadow: var(--qui-shadow-menu);
  overflow: auto;
}
.qui-page-mini-command-subview-header {
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.4rem;
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-page-mini-command-subview-back {
  width: 2.5rem;
  height: 2.5rem;
  background: transparent;
  border: 0;
  color: inherit;
  font: inherit;
  font-size: 1.5rem;
}
.qui-page-mini-command-chevron {
  margin-left: auto;
  justify-self: end;
}
.qui-page-mini-command-separator {
  height: 1px;
  background: var(--qui-border-subtle);
  margin-block: 0.25rem;
}
a.qui-app-command, a.qui-action-overflow-item {
  text-decoration: none;
  cursor: pointer;
}
a.qui-app-command[aria-disabled="true"], a.qui-action-overflow-item[aria-disabled="true"] {
  cursor: default;
  opacity: 0.5;
}
.qui-module-content:has(> .record-list-page) {
  display: block;
}
.record-list-page {
  color: var(--qui-text);
  grid-auto-rows: max-content;
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 100%;
  max-height: none;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  align-self: start;
  gap: var(--qui-space-lg);
  overflow: visible;
}
.record-list-page > :is(.qui-page-header-shell, .qui-page-header, .qui-page-status-region, .qui-app-bar) {
  flex: 0 0 auto;
}
.record-list-page > .qui-page-status-region:empty {
  display: none;
}
.record-list-page > .qui-record-browser-host {
  width: 100%;
  min-width: 0;
  min-height: 0;
  flex: 1 0 auto;
  display: flex;
  flex-direction: column;
}
.qui-app-bar {
  --qui-app-bar-radius: 0.7rem;
  min-width: 0;
  width: 100%;
  flex: 0 0 auto;
  position: relative;
  display: block;
  box-sizing: border-box;
  overflow: visible;
  background: var(--qui-bg-surface);
  border-radius: var(--qui-app-bar-radius);
  box-shadow: none;
}
.qui-app-bar-inner {
  min-width: 0;
  width: 100%;
  display: flex;
  align-items: center;
  box-sizing: border-box;
}
.qui-app-bar.is-sticky {
  position: sticky;
  top: calc(var(--qui-sticky-gap, 0.5rem) - var(--qui-sticky-parent-padding, 0px));
  z-index: calc(var(--qui-z-sticky) + 2);
}
.qui-app-bar:not(.is-stuck) {
  box-shadow: none;
  backdrop-filter: none;
}
.qui-app-bar.is-stuck {
  background: var(--qui-bg-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-surface) 90%, transparent);
  }
  box-shadow: var(--qui-shadow-menu);
  backdrop-filter: blur(12px);
}
.qui-record-detail-appbar .qui-app-command, .qui-record-detail-appbar .qui-appbar-menu-trigger {
  min-height: var(--qui-control-size-regular);
}
.qui-record-route-shell {
  --qui-record-section-gap: 1rem;
  --qui-record-content-gutter: 1rem;
  --qui-record-appbar-height: 0px;
  --qui-record-workspace-surface: var(--qui-record-tab-surface);
  min-width: 0;
  width: 100%;
  height: auto;
  min-height: 100%;
  align-self: start;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  overflow: visible;
}
.qui-record-route-shell > * {
  flex: 0 0 auto;
  min-width: 0;
}
.qui-record-route-workspace {
  min-width: 0;
  width: 100%;
  height: auto;
  min-height: 0;
  overflow: visible;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-record-workspace-surface);
}
.qui-record-route-tabs {
  min-width: 0;
  margin: 0;
  padding: 0.65rem var(--qui-record-content-gutter);
  background: var(--qui-record-workspace-surface);
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-record-route-shell.is-sticky-tabs .qui-record-route-tabs {
  position: sticky;
  top: calc(var(--qui-record-appbar-height) + var(--qui-sticky-gap, 0.5rem) - var(--qui-sticky-parent-padding, 0px));
  z-index: calc(var(--qui-z-sticky) + 1);
}
.qui-record-route-tabs.is-stuck {
  box-shadow: var(--qui-shadow-menu);
}
.qui-record-route-body {
  width: 100%;
  min-width: 0;
  height: auto;
  min-height: 0;
  overflow: visible;
  box-sizing: border-box;
}
.qui-record-tab-content {
  min-width: 0;
  box-sizing: border-box;
  padding: 1rem var(--qui-record-content-gutter, 1rem) calc(1.5rem + env(safe-area-inset-bottom));
}
.qui-record-details.is-page-host {
  height: auto;
  min-height: 0;
  margin: 0;
  padding: 0;
  display: block;
  overflow: visible;
}
.qui-record-details.is-page-host > .qui-record-tab-content {
  width: 100%;
  height: auto;
  min-height: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  background: transparent;
}
.qui-record-panel .qui-entity-panel-body:not(.is-form-mode) {
  --qui-record-content-gutter: 1rem;
  min-height: 0;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 1rem var(--qui-panel-padding-x) 0;
}
.qui-record-panel .qui-record-details.is-panel-host {
  height: auto;
  min-height: 100%;
  flex: 1 0 auto;
  gap: 0;
}
.qui-record-panel .qui-record-details.is-panel-host > * {
  flex: 0 0 auto;
}
.qui-record-panel .qui-record-details.is-panel-host > :not(.qui-record-section-tabs):not(.qui-record-tab-content) {
  margin-bottom: 0.9rem;
}
.qui-record-panel .qui-record-section-tabs {
  width: calc(100% + 2 * var(--qui-panel-padding-x));
  margin-inline: calc(-1 * var(--qui-panel-padding-x));
  position: sticky;
  top: -1rem;
  z-index: var(--qui-z-sticky);
  padding: 0.65rem var(--qui-record-content-gutter, 1rem);
  background: var(--qui-record-tab-surface);
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-record-panel .qui-record-details.is-panel-host > .qui-record-tab-content {
  width: calc(100% + 2 * var(--qui-panel-padding-x));
  margin-inline: calc(-1 * var(--qui-panel-padding-x));
  height: auto;
  min-height: 0;
  flex: 1 0 auto;
  overflow: visible;
  background: var(--qui-record-tab-surface);
}
.qui-record-details .qui-record-section-heading h3 {
  margin: 0;
  font-size: 1rem;
  line-height: 1.1;
}
.qui-phone-editor {
  min-width: 0;
  display: grid;
  gap: var(--qui-space-md);
  container: qui-phone-editor / inline-size;
}
.qui-phone-editor-toolbar {
  min-width: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}
.qui-phone-entry {
  min-width: 0;
  display: grid;
  gap: var(--qui-space-md);
  padding: var(--qui-space-lg);
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-surface) 96%, var(--qui-bg-muted));
  }
}
.qui-phone-entry-errors {
  display: grid;
  gap: var(--qui-space-2xs);
}
.qui-phone-row {
  min-width: 0;
  display: grid;
  align-items: start;
  gap: var(--qui-space-md);
}
.qui-phone-row > * {
  min-width: 0;
}
.qui-phone-row-kind {
  grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr);
}
.qui-phone-row-number {
  grid-template-columns: minmax(15rem, 1.65fr) minmax(7rem, .55fr);
}
.qui-phone-row-options {
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  padding-top: var(--qui-space-xs);
}
.qui-phone-row-options .qui-toggle {
  min-width: 0;
}
.qui-phone-entry-actions {
  min-width: 0;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  padding-top: var(--qui-space-xs);
  border-top: 1px solid var(--qui-border-subtle);
}
.qui-phone-detail-value {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qui-space-xs) var(--qui-space-sm);
}
.qui-phone-detail-value > strong {
  min-width: 0;
  overflow-wrap: anywhere;
}
.qui-phone-detail-meta {
  display: inline-flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qui-space-xs);
}
.qui-phone-detail-tag {
  display: inline-flex;
  align-items: center;
  min-height: 1.45rem;
  padding: .1rem .45rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-muted);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-xs);
  font-weight: 650;
  white-space: nowrap;
}
@container qui-phone-editor (max-width: 28rem) {
  .qui-phone-row-number {
    grid-template-columns: minmax(0, 1fr) minmax(7rem, .65fr);
    gap: var(--qui-space-sm);
  }
  .qui-phone-row-number > .qui-phone-number-field {
    grid-column: 1 / -1;
  }
  .qui-phone-row-number > :last-child {
    grid-column: 2;
  }
  .qui-phone-row-number .qui-phone-input {
    grid-template-columns: 5.75rem minmax(0, 1fr);
    gap: var(--qui-space-sm);
  }
  .qui-phone-row-options {
    display: flex;
    flex-wrap: wrap;
    gap: var(--qui-space-sm);
  }
  .qui-phone-row-options > * {
    flex: 1 1 10rem;
  }
}
.qui-icon-action {
  position: relative;
  display: inline-flex;
  flex-shrink: 0;
}
.qui-icon-action > button {
  min-width: 2.75rem;
  min-height: 2.75rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .5rem;
}
.qui-icon-action > .qui-icon-btn-secondary {
  border-color: var(--qui-accent-text);
  background: transparent;
  color: var(--qui-accent-text);
}
.qui-icon-action .qui-rail-popper {
  display: none;
  position: absolute;
  top: calc(100% + .6rem);
  right: 0;
  min-width: 0;
  max-width: min(18rem, 80vw);
  white-space: normal;
}
.qui-icon-action:hover .qui-rail-popper, .qui-icon-action:focus-within .qui-rail-popper {
  display: block;
}
.qui-icon-action .qui-rail-popper::before {
  left: auto;
  right: .75rem;
  top: -.26rem;
  transform: translateY(-50%) rotate(90deg);
}
.qui-icon-action .qui-rail-popper::after {
  left: auto;
  right: .75rem;
  transform: translateY(-50%) rotate(90deg);
  top: calc(-.26rem + 1px);
}
.qui-compact-form {
  display: grid;
  gap: 1rem;
  min-width: 0;
}
.qui-form-fields {
  display: grid;
  gap: 1rem;
  min-width: 0;
  border: 0;
  margin: 0;
  padding: 0;
}
.qui-assist-field {
  color: var(--qui-text);
  font-size: var(--qui-font-size-sm);
  font-weight: 700;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: .4rem;
  min-width: 0;
}
.qui-assist-actions {
  flex-wrap: wrap;
  align-items: center;
  display: flex;
  gap: .25rem;
  padding-top: 1.65rem;
}
.qui-inline-assist, .qui-address-draft {
  display: grid;
  gap: .75rem;
  min-width: 0;
  padding: .85rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-medium);
  background: var(--qui-bg-surface);
}
.qui-search-results {
  display: grid;
  gap: .75rem;
  min-width: 0;
  padding: .85rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-medium);
  background: var(--qui-bg-surface);
  max-height: 20rem;
  overflow-y: auto;
}
.qui-search-result {
  display: grid;
  gap: .25rem;
  width: 100%;
  text-align: start;
  padding: .65rem;
  border-radius: var(--qui-radius-medium);
  color: var(--qui-text-strong);
  overflow-wrap: anywhere;
}
.qui-search-result:hover, .qui-search-result:focus-visible {
  background: var(--qui-bg-raised);
  outline: 2px solid var(--qui-border);
}
.qui-search-result span, .qui-address-draft p {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
  overflow-wrap: anywhere;
}
.qui-form-status {
  display: flex;
  align-items: center;
  gap: .5rem;
  padding: .55rem .75rem;
  border-radius: var(--qui-radius-medium);
  background: var(--qui-bg-raised);
}
.qui-form-status > span {
  flex: 1;
  min-width: 0;
  overflow-wrap: anywhere;
}
.qui-more-details > summary {
  cursor: pointer;
  padding: .4rem 0;
  color: var(--qui-text-strong);
}
.qui-more-details[open] > summary {
  margin-bottom: .75rem;
}
.qui-grouped-record-view {
  min-width: 0;
}
.qui-grouped-record-section {
  min-width: 0;
}
.qui-grouped-record-section .qui-linked-record-copy > strong {
  overflow-wrap: anywhere;
}
.qui-grouped-record-section .qui-linked-record-copy > :is(span, small) {
  overflow-wrap: anywhere;
}
.qui-nested-form-heading {
  min-width: 0;
  display: grid;
  gap: var(--qui-space-2xs);
  padding-bottom: var(--qui-space-sm);
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-nested-form-heading h3 {
  margin: 0;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: 1rem;
  line-height: 1.2;
}
.qui-grouped-record-form .qui-form-fields {
  gap: var(--qui-space-xl);
}
.qui-grouped-record-options {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qui-space-sm) var(--qui-space-lg);
  padding-top: var(--qui-space-xs);
}
.qui-relationship-flags {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--qui-space-sm) var(--qui-space-lg);
  padding-top: var(--qui-space-xs);
}
.qui-relationship-fields {
  container-type: inline-size;
  display: grid;
  gap: var(--qui-space-lg);
  min-width: 0;
}
@container (max-width: 30rem) {
  .qui-relationship-fields .qui-form-grid, .qui-relationship-fields .qui-relationship-flags {
    grid-template-columns: minmax(0, 1fr);
  }
}
.qui-nested-editor.qui-panel-form.is-panel-layout {
  height: auto;
  min-height: 0;
  overflow: visible;
}
.qui-nested-editor.qui-panel-form.is-panel-layout > .qui-panel-form-body {
  flex: 0 0 auto;
  min-height: 0;
  padding: 0;
  overflow: visible;
  overscroll-behavior: auto;
  scrollbar-gutter: auto;
}
.qui-nested-editor.qui-panel-form.is-panel-layout > .qui-panel-form-footer {
  flex: 0 0 auto;
  padding: var(--qui-space-lg) 0 0;
  border-top: 0;
  background: transparent;
}
.qui-nested-editor .qui-panel-footer-content, .qui-nested-editor .qui-command-bar {
  width: 100%;
  justify-content: flex-end;
}
.qui-nested-editor .qui-panel-footer-content > :last-child {
  margin-left: 0;
}
.qui-nested-editor :is(.qui-button, .qui-button-secondary), .qui-inline-actions :is(.qui-button, .qui-button-secondary) {
  border-radius: var(--qui-radius-medium);
}
.qui-relationship-form .qui-form-fields {
  gap: var(--qui-space-xl);
}
.qui-searchable-select-trigger.is-entity {
  min-height: 3.45rem;
  height: auto;
  padding-top: 0.4rem;
  padding-bottom: 0.4rem;
  padding-left: 0.55rem;
  gap: var(--qui-space-sm);
}
.qui-searchable-select-trigger-copy {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  gap: 0.08rem;
}
.qui-searchable-select-trigger-copy > strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: var(--qui-font-size-md);
  font-weight: 700;
}
.qui-searchable-select-trigger-copy > small {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-searchable-select-entity-leading {
  width: 2.25rem;
  height: 2.25rem;
  min-width: 2.25rem;
  display: inline-grid;
  place-items: center;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-medium);
  background: var(--qui-bg-muted);
  color: var(--qui-text-muted);
}
.qui-searchable-select-entity-leading.is-contact {
  border: 0;
  border-radius: var(--qui-radius-round);
  background: transparent;
}
.qui-searchable-select-entity-leading .qui-line-icon {
  width: 1.15rem;
  height: 1.15rem;
}
.qui-searchable-select-entity-leading .qui-record-avatar {
  width: 2.25rem;
  min-width: 2.25rem;
  height: 2.25rem;
  display: inline-grid;
  place-items: center;
  border-radius: var(--qui-radius-round);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
  font-size: var(--qui-font-size-sm);
  font-weight: 750;
  letter-spacing: 0.02em;
}
.qui-object-picker .qui-searchable-select-panel {
  width: min(100%, 34rem);
  min-width: min(20rem, calc(100vw - 2rem));
  padding: 0.45rem;
  gap: 0.4rem;
}
.qui-object-picker .qui-searchable-select-search {
  margin-bottom: 0.1rem;
}
.qui-object-picker .qui-searchable-select-option.is-entity {
  min-height: 3.85rem;
  grid-template-columns: 2.25rem minmax(0, 1fr);
  gap: var(--qui-space-md);
  padding: 0.55rem 0.65rem;
  border-radius: var(--qui-radius-medium);
}
.qui-object-picker .qui-searchable-select-option-copy {
  gap: 0.08rem;
}
.qui-object-picker .qui-searchable-select-option-copy > strong {
  color: var(--qui-text-strong);
  font-size: 0.98rem;
  line-height: 1.2;
}
.qui-object-picker .qui-searchable-select-option-meta {
  color: var(--qui-text);
}
.qui-object-picker .qui-searchable-select-option-detail {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-xs);
}
.qui-object-picker .qui-searchable-select-option.is-selected .qui-searchable-select-option-copy > strong {
  color: var(--qui-accent-text);
}
.qui-inline-form > .qui-object-picker {
  width: 100%;
  min-width: 0;
}
.qui-inline-actions {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: var(--qui-space-sm);
  align-items: center;
}
.qui-appbar-menu-trigger.qui-command-primary {
  border-radius: var(--qui-radius-medium);
}
.qui-readiness-popover.qui-anchored-popover {
  z-index: calc(var(--qui-z-popover) + 20);
  width: min(17rem, calc(100vw - 1rem));
  min-width: min(13rem, calc(100vw - 1rem));
}
.qui-form-section-header {
  min-width: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--qui-space-lg);
}
.qui-form-section-heading {
  min-width: 0;
  flex: 1 1 auto;
  display: grid;
  gap: var(--qui-space-2xs);
}
.qui-form-section-heading > :is(h2, h3, p) {
  margin: 0;
}
.qui-form-section-actions {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: var(--qui-space-sm);
}
.qui-detail-fact-grid .qui-detail-fact.is-wide {
  grid-column: 1 / -1;
}
.qui-detail-fact-grid .qui-detail-fact:last-child {
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-related-card-section {
  gap: var(--qui-space-md);
}
.qui-related-card-card-icon .qui-line-icon {
  width: 1.15rem;
  height: 1.15rem;
}
.qui-address-lines > small {
  color: var(--qui-text-muted);
}
.qui-reference-number {
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: 1.02rem;
}
.qui-related-card-meta-item {
  min-width: 7.5rem;
  display: grid;
  gap: .1rem;
}
.qui-related-card-meta-item > small {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-xs);
}
.qui-related-card-meta-item > strong {
  color: var(--qui-text-strong);
  font-size: var(--qui-font-size-sm);
  font-weight: 650;
  overflow-wrap: anywhere;
}
.qui-purpose-tags {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qui-space-xs);
}
.qui-purpose-tags > span {
  display: inline-flex;
  align-items: center;
  min-height: 1.5rem;
  padding: .1rem .45rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-muted);
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-xs);
}
.qui-record-details .qui-record-section-heading > :is(.qui-command-bar, .qui-page-action-bar) {
  min-width: 0;
  max-width: 100%;
  flex: 0 1 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.35rem;
  align-self: center;
}
.qui-record-details .qui-record-section-heading .qui-button-secondary {
  border-radius: var(--qui-radius-medium);
}
.qui-linked-record-menu.qui-record-action-menu, .qui-related-card-menu > .qui-record-action-menu {
  width: 100%;
  height: 100%;
  min-height: 3.7rem;
  display: flex;
  align-items: stretch;
}
.qui-linked-record-menu .qui-record-action-trigger, .qui-related-card-menu .qui-record-action-trigger {
  background: transparent;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 3.7rem;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.qui-linked-record-menu .qui-record-action-trigger:hover {
  background: var(--qui-bg-hover);
  box-shadow: none;
}
.qui-related-card-menu .qui-record-action-trigger:hover {
  background: var(--qui-bg-hover);
}
.qui-linked-record-menu .qui-record-action-trigger .qui-line-icon, .qui-related-card-menu .qui-record-action-trigger .qui-line-icon {
  width: 1.35rem;
  height: 1.35rem;
}
.qui-association-icon .qui-line-icon {
  width: 1.15rem;
  height: 1.15rem;
}
.qui-related-card-remove-dialog .qui-dialog-body {
  display: grid;
  gap: var(--qui-space-lg);
}
.qui-related-card-remove-summary {
  min-width: 0;
  display: grid;
  grid-template-columns: 2.5rem minmax(0, 1fr);
  align-items: start;
  gap: var(--qui-space-md);
}
.qui-related-card-remove-icon {
  width: 2.5rem;
  height: 2.5rem;
  display: inline-grid;
  place-items: center;
  border-radius: var(--qui-radius-medium);
  background: var(--qui-bg-muted);
  color: var(--qui-danger);
}
.qui-related-card-remove-icon .qui-line-icon {
  width: 1.25rem;
  height: 1.25rem;
}
.qui-related-card-remove-summary > div {
  min-width: 0;
  display: grid;
  gap: var(--qui-space-xs);
}
.qui-related-card-remove-summary :is(strong, p) {
  margin: 0;
}
.qui-related-card-remove-dependency-note {
  margin: 0;
  color: var(--qui-text-muted);
  line-height: 1.4;
}
.qui-related-card-remove-summary p {
  color: var(--qui-text-muted);
  line-height: 1.4;
}
.qui-related-card-remove-actions {
  width: 100%;
  justify-content: flex-end;
  padding: var(--qui-space-md);
}
.qui-record-browser-empty-contact {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-md);
  line-height: 1.3;
}
.qui-anchored-popover .qui-menu-item-copy {
  width: 100%;
  min-width: 0;
  align-items: flex-start;
  line-height: 1.2;
  text-align: left;
}
.qui-anchored-popover .qui-menu-item-copy > :is(span, small) {
  width: 100%;
  min-width: 0;
  text-align: left;
}
.qui-record-route-shell .qui-record-route-workspace {
  border-color: var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--qui-border-subtle) 82%, transparent);
  }
  border-radius: 1.05rem;
  background: var(--qui-record-workspace-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-record-workspace-surface) 96%, var(--qui-bg-surface));
  }
  box-shadow: 0 0.45rem 1.4rem -1.2rem rgb(15 23 42 / 0.22);
}
.qui-record-route-shell .qui-record-route-tabs {
  padding-block: 0.72rem;
  border-bottom-color: var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom-color: color-mix(in srgb, var(--qui-border-subtle) 80%, transparent);
  }
}
.qui-record-details {
  min-width: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  --qui-record-section-gap: 1.05rem;
}
.qui-record-stack {
  min-width: 0;
  display: grid;
  align-content: start;
  gap: 1.05rem;
}
.qui-record-details :is(.qui-record-section, .qui-details-section) {
  display: grid;
  gap: var(--qui-record-section-gap, 1rem);
  margin: 0;
  min-width: 0;
  padding: 1rem;
  border: 1px solid var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--qui-border-subtle) 86%, transparent);
  }
  border-radius: 1rem;
  background: var(--qui-bg-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-surface) 94%, var(--qui-record-tab-surface));
  }
  box-shadow: 0 0.35rem 1rem -1rem rgb(15 23 42 / 0.20);
}
.qui-record-details .qui-record-section-heading {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 0.75rem;
  margin: 0;
  padding: 0;
  min-height: 2.75rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb, var(--qui-border-subtle) 76%, transparent);
  }
  align-items: center;
}
.qui-record-details .qui-details-section-header {
  min-height: 2.75rem;
  padding-bottom: 0.8rem;
  border-bottom: 1px solid var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border-bottom: 1px solid color-mix(in srgb, var(--qui-border-subtle) 76%, transparent);
  }
  align-items: center;
}
.qui-record-details .qui-record-section-heading > div:first-child {
  min-width: 0;
  flex: 1 1 12rem;
  display: grid;
  gap: 0.2rem;
}
.qui-record-details :is(.qui-record-section-heading, .qui-details-section-header) h3 {
  margin: 0;
  color: var(--qui-text-strong);
  font-size: 1.04rem;
  line-height: 1.2;
}
.qui-record-details .qui-record-section-heading p {
  overflow-wrap: break-word;
  margin: 0;
  color: var(--qui-text-muted);
  font-size: 0.86rem;
  line-height: 1.35;
}
.qui-record-details .qui-record-section-heading :is(.qui-button, .qui-button-secondary), .qui-record-stack > .qui-tab-command-bar :is(.qui-button, .qui-button-secondary) {
  border-radius: var(--qui-radius-medium);
}
.qui-insight-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
}
html.dark .qui-insight-card {
  background: linear-gradient( 180deg, var(--qui-bg-raised), var(--qui-bg-surface));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 180deg, color-mix(in srgb, var(--qui-bg-raised) 94%, white 6%), color-mix(in srgb, var(--qui-bg-surface) 94%, var(--qui-bg-muted)));
  }
}
.qui-insight-card > span {
  color: var(--qui-text-muted);
  font-size: 0.78rem;
  font-weight: 650;
  letter-spacing: 0.01em;
}
.qui-insight-card > strong {
  overflow-wrap: anywhere;
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: 1.12rem;
  line-height: 1.18;
}
.qui-insight-card > p {
  margin: 0;
  font-size: 0.82rem;
  margin-top: 0.1rem;
  color: var(--qui-text-muted);
  line-height: 1.35;
}
.qui-attachment-list, .qui-linked-record-list, .qui-related-card-list {
  min-width: 0;
  display: grid;
  gap: 0.65rem;
  border-top: 0;
}
.qui-record-details .qui-contact-list {
  border: 0;
  gap: 0.65rem;
  border-top: 0;
}
.qui-association-list {
  display: grid;
  gap: 0.65rem;
  border-top: 0;
}
.qui-linked-record-main {
  min-width: 0;
  width: 100%;
  display: grid;
  grid-template-columns: 2.35rem minmax(0, 1fr) auto;
  align-items: center;
  gap: 0.65rem;
  border: 0;
  color: inherit;
  text-align: left;
  background: transparent;
  min-height: 4.15rem;
  padding: 0.72rem 0.85rem;
  border-radius: 0.9rem 0 0 0.9rem;
}
.qui-attachment-row.qui-linked-record-main {
  grid-template-columns: 2rem minmax(0, 1fr) auto;
  background: transparent;
  min-height: 4.15rem;
  padding: 0.72rem 0.85rem;
  border-radius: 0.9rem 0 0 0.9rem;
}
.qui-attachment-icon {
  display: inline-grid;
  place-items: center;
  color: var(--qui-text-muted);
  width: 1.9rem;
  height: 1.9rem;
  border-radius: 0.45rem;
  border: 1px solid var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--qui-border-subtle) 82%, transparent);
  }
  background: var(--qui-bg-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-muted) 86%, var(--qui-bg-surface));
  }
}
.qui-linked-record-icon {
  width: 2rem;
  height: 2rem;
  display: inline-grid;
  place-items: center;
  border-radius: var(--qui-radius-control);
  color: var(--qui-text-muted);
  border: 1px solid var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--qui-border-subtle) 82%, transparent);
  }
  background: var(--qui-bg-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-muted) 86%, var(--qui-bg-surface));
  }
}
.qui-related-card-card-icon {
  align-self: start;
  width: 2.15rem;
  height: 2.15rem;
  margin: var(--qui-space-md) 0 0 var(--qui-space-md);
  display: inline-grid;
  place-items: center;
  border-radius: var(--qui-radius-medium);
  color: var(--qui-text-muted);
  border: 1px solid var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--qui-border-subtle) 82%, transparent);
  }
  background: var(--qui-bg-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-muted) 86%, var(--qui-bg-surface));
  }
}
.qui-association-icon {
  width: 2.15rem;
  height: 2.15rem;
  align-self: center;
  justify-self: center;
  display: inline-grid;
  place-items: center;
  border-radius: var(--qui-radius-medium);
  color: var(--qui-text-muted);
  border: 1px solid var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--qui-border-subtle) 82%, transparent);
  }
  background: var(--qui-bg-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-muted) 86%, var(--qui-bg-surface));
  }
}
.qui-linked-record-copy {
  min-width: 0;
  display: grid;
  gap: 0.2rem;
}
.qui-linked-record-copy > strong {
  color: var(--qui-text-strong);
  font-size: 0.96rem;
  line-height: 1.25;
}
.qui-linked-record-copy > span {
  font-size: 0.83rem;
  line-height: 1.35;
}
.qui-linked-record-menu {
  margin-left: 0.35rem;
  display: flex;
  align-items: center;
  align-self: stretch;
  justify-content: stretch;
  width: 3.25rem;
  border-inline-start: 1px solid var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border-inline-start: 1px solid color-mix(in srgb, var(--qui-border-subtle) 74%, transparent);
  }
  padding: 0;
}
.qui-related-card-menu {
  align-self: stretch;
  justify-content: stretch;
  border-inline-start: 1px solid var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border-inline-start: 1px solid color-mix(in srgb, var(--qui-border-subtle) 74%, transparent);
  }
  padding: 0;
}
.qui-related-card-card-copy {
  min-width: 0;
  display: grid;
  gap: 0.55rem;
  padding: 0.85rem 0.95rem;
}
.qui-related-card-card-title-row {
  min-width: 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.55rem;
}
.qui-address-lines {
  min-width: 0;
  display: grid;
  line-height: 1.35;
  gap: 0.2rem;
}
.qui-related-card-meta-grid {
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem 1.35rem;
}
.qui-association-main {
  min-width: 0;
  display: grid;
  align-content: center;
  gap: 0.42rem;
  padding: 0.78rem 0.7rem;
}
.qui-association-link {
  min-width: 0;
  display: grid;
  padding: 0;
  border: 0;
  background: transparent;
  color: inherit;
  text-align: left;
  gap: 0.18rem;
}
.qui-association-link > strong {
  color: var(--qui-text-strong);
  font-size: 0.96rem;
}
.qui-relationship-form, .qui-inline-form.is-edit {
  padding: 1rem;
  border-color: var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--qui-border-subtle) 84%, transparent);
  }
  border-radius: 1rem;
  background: var(--qui-bg-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-surface) 96%, var(--qui-bg-muted));
  }
  box-shadow: 0 0.35rem 1rem -0.9rem rgb(15 23 42 / 0.20);
}
.qui-record-details .qui-key-value-row:not(.qui-detail-fact) {
  min-height: 2.65rem;
  align-items: center;
  padding-block: 0.58rem;
}
.qui-detail-fact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.7rem;
}
.qui-detail-fact-grid .qui-detail-fact {
  grid-template-columns: minmax(8rem, .72fr) minmax(0, 1fr);
  align-items: center;
  gap: var(--qui-space-md);
  border: 1px solid var(--qui-border-subtle);
  min-height: 3.85rem;
  padding: 0.7rem 0.8rem;
  border-radius: 0.8rem;
  background: var(--qui-bg-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-surface) 97%, var(--qui-bg-muted));
  }
}
.qui-entity-tabs .qui-entity-tab {
  flex: 0 0 auto;
  min-height: 2.55rem;
  margin: 0;
  padding: 0.55rem 1.05rem;
  border: 2px solid var(--qui-border-strong);
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-surface);
  color: var(--qui-text-muted);
  box-shadow: none;
  font-size: 0.98rem;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
  transition: border-color 140ms ease, background-color 140ms ease, color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
.qui-entity-tabs-nav {
  position: relative;
  z-index: 2;
  width: 2.65rem;
  min-width: 2.65rem;
  height: 2.65rem;
  min-height: 2.65rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border: 1px solid var(--qui-border-strong);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--qui-border-strong) 78%, transparent);
  }
  border-radius: var(--qui-radius-round);
  background: var(--qui-bg-raised);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-raised) 94%, white 6%);
  }
  color: var(--qui-text-strong);
  box-shadow: 0 0.1rem 0.35rem rgb(15 23 42 / 0.10);
  transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
.qui-entity-tabs-mobile-trigger {
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  min-height: 3rem;
  display: flex;
  align-items: center;
  gap: 0.6rem;
  padding: 0.62rem 0.85rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: 0.85rem;
  background: var(--qui-bg-raised);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-raised) 92%, var(--qui-record-tab-surface) 8%);
  }
  color: var(--qui-text);
  box-shadow: none;
  font: inherit;
  font-size: 1rem;
  text-align: start;
  transition: background-color 140ms ease, color 140ms ease, border-color 140ms ease, box-shadow 140ms ease, transform 140ms ease;
}
@keyframes qui-record-tab-enter {
  from {
    opacity: 0;
    transform: translateY(0.25rem);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes qui-record-inline-enter {
  from {
    opacity: 0;
    transform: translateY(0.18rem) scale(0.996);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.qui-inline-form {
  display: grid;
  gap: var(--qui-space-lg);
  padding: var(--qui-space-lg);
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-surface);
  animation: qui-record-inline-enter 150ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
.qui-nested-editor {
  animation: qui-record-inline-enter 150ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
}
.qui-insight-card {
  min-width: 0;
  display: grid;
  align-content: start;
  min-height: 6rem;
  gap: 0.28rem;
  padding: 0.9rem 0.95rem;
  border: 1px solid var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--qui-border-subtle) 84%, transparent);
  }
  border-radius: 0.9rem;
  background: linear-gradient( 180deg, var(--qui-bg-surface), var(--qui-bg-surface));
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient( 180deg, color-mix(in srgb, var(--qui-bg-surface) 98%, white 2%), color-mix(in srgb, var(--qui-bg-surface) 93%, var(--qui-bg-muted)));
  }
  box-shadow: 0 0.3rem 0.9rem -0.85rem rgb(15 23 42 / 0.22);
  transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
}
.qui-linked-record-row {
  min-width: 0;
  position: relative;
  display: grid;
  align-items: center;
  overflow: hidden;
  background: var(--qui-bg-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-surface) 97%, var(--qui-bg-muted));
  }
  box-shadow: 0 0.25rem 0.75rem -0.75rem rgb(15 23 42 / 0.18);
  transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
  border: 1px solid var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--qui-border-subtle) 88%, transparent);
  }
  border-radius: 0.9rem;
  grid-template-columns: minmax(0, 1fr) 3.25rem;
}
.qui-association-card {
  gap: var(--qui-space-md);
  padding: 0.75rem 0;
  min-width: 0;
  display: grid;
  align-items: stretch;
  overflow: hidden;
  background: var(--qui-bg-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-surface) 97%, var(--qui-bg-muted));
  }
  box-shadow: 0 0.25rem 0.75rem -0.75rem rgb(15 23 42 / 0.18);
  min-height: 4.35rem;
  grid-template-columns: 2.75rem minmax(0, 1fr) 3.25rem;
  transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
  border: 1px solid var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--qui-border-subtle) 88%, transparent);
  }
  border-radius: 0.9rem;
}
.qui-related-card {
  min-width: 0;
  display: grid;
  grid-template-columns: 2.65rem minmax(0, 1fr) 3.25rem;
  align-items: stretch;
  overflow: hidden;
  background: var(--qui-bg-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-surface) 97%, var(--qui-bg-muted));
  }
  box-shadow: 0 0.25rem 0.75rem -0.75rem rgb(15 23 42 / 0.18);
  transition: transform 150ms ease, border-color 150ms ease, background-color 150ms ease, box-shadow 150ms ease;
  border: 1px solid var(--qui-border-subtle);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--qui-border-subtle) 88%, transparent);
  }
  border-radius: 0.9rem;
}
.qui-linked-record-row:hover, .qui-linked-record-row:focus-within, .qui-related-card:hover, .qui-related-card:focus-within {
  background: var(--qui-bg-hover);
  transform: translateY(-1px);
  box-shadow: 0 0.55rem 1.2rem -0.9rem var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0.55rem 1.2rem -0.9rem color-mix(in srgb, var(--qui-accent) 15%, transparent);
  }
  border-color: var(--qui-accent-border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--qui-accent-border) 46%, var(--qui-border-subtle));
  }
}
.qui-insight-card:hover, .qui-association-card:hover, .qui-association-card:focus-within {
  transform: translateY(-1px);
  box-shadow: 0 0.55rem 1.2rem -0.9rem var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    box-shadow: 0 0.55rem 1.2rem -0.9rem color-mix(in srgb, var(--qui-accent) 15%, transparent);
  }
  border-color: var(--qui-accent-border);
  @supports (color: color-mix(in lab, red, red)) {
    border-color: color-mix(in srgb, var(--qui-accent-border) 46%, var(--qui-border-subtle));
  }
}
.qui-entity-tabs-nav:hover:not(:disabled) {
  background: var(--qui-accent-soft);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent-soft) 74%, var(--qui-bg-raised));
  }
  color: var(--qui-accent-text);
  box-shadow: var(--qui-shadow-button-hover);
  transform: translateY(-1px);
}
.qui-entity-tabs .qui-entity-tab:hover:not(:disabled), .qui-entity-tabs-mobile-trigger:hover:not(:disabled) {
  transform: translateY(-1px);
}
.qui-section-nav, .qui-record-host-body, .qui-record-surface {
  min-width: 0;
  max-width: 100%;
}
.qui-section-nav-wide {
  display: flex;
  gap: 1.25rem;
  border-bottom: 1px solid var(--qui-border);
}
.qui-section-nav-wide a {
  display: inline-flex;
  gap: .5rem;
  min-height: 2.75rem;
  align-items: center;
  color: var(--qui-text-muted);
  border-bottom: 2px solid transparent;
}
.qui-section-nav-wide a.active {
  color: var(--qui-accent-text);
  border-color: var(--qui-accent);
}
.qui-section-nav-compact, .qui-board-mobile-select {
  display: none;
}
.qui-form-stack {
  display: grid;
  gap: 1rem;
}
.qui-settings-stack {
  min-width: 0;
  max-width: 100%;
  display: grid;
  gap: 1rem;
}
.qui-form-stack fieldset {
  border: 0;
  padding: 0;
  min-width: 0;
}
.qui-entity-panel-body.is-form-mode:has(> .is-inner-workflow) {
  overflow: hidden;
}
.qui-entity-panel-body.is-form-mode > .qui-record-host-body.is-inner-workflow {
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
}
.qui-workflow-form.is-panel-layout {
  flex: 1 1 auto;
}
.qui-workflow-form .qui-panel-form-footer .qui-panel-footer-content {
  flex-wrap: wrap;
  justify-content: flex-end;
}
.qui-workflow-form .qui-panel-form-footer .qui-panel-footer-content > :last-child {
  margin-left: 0;
}
.qui-workflow-form:not(.is-panel-layout) .qui-panel-form-footer {
  padding-top: .85rem;
  border-top: 1px solid var(--qui-border-subtle);
}
.qui-help-text, .qui-record-facts dt, .qui-record-timeline time {
  color: var(--qui-text-muted);
  font-size: .875rem;
}
.qui-record-source {
  display: inline-flex;
  align-items: center;
  gap: .45rem;
  color: var(--qui-text-muted);
}
.qui-record-source > svg {
  width: 1.35rem;
  height: 1.35rem;
  flex: 0 0 auto;
  background: none;
  border: 0;
  border-radius: 0;
  box-shadow: none;
}
.qui-text-preview {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.qui-record-heading {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: .6rem;
  padding-block: .5rem 1rem;
}
.qui-record-heading h2, .qui-record-heading p {
  flex-basis: 100%;
  overflow-wrap: anywhere;
}
.qui-record-heading-title-row {
  display: flex;
  align-items: center;
  gap: .6rem;
  flex-basis: 100%;
  min-width: 0;
}
.qui-record-heading-title-row > h2 {
  flex: 1;
  min-width: 0;
}
.qui-record-content {
  animation: qui-record-tab-enter 170ms cubic-bezier(0.2, 0.7, 0.2, 1) both;
  padding-block: 1rem;
  min-width: 0;
}
.qui-record-content h3 {
  margin-block: 1.2rem .4rem;
  font-weight: 600;
}
.qui-record-facts {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 1rem;
}
.qui-record-facts dd {
  margin: .3rem 0 0;
  overflow-wrap: anywhere;
}
.qui-text-preserve {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}
.qui-stage-journey {
  display: flex;
  align-items: center;
  gap: .8rem;
  overflow-x: auto;
  max-width: 100%;
  padding-block: 1rem;
  overscroll-behavior-x: contain;
}
.qui-stage-journey > svg {
  width: 1.5rem;
  flex-shrink: 0;
}
.qui-stage-journey-item {
  display: grid;
  gap: .4rem;
  flex: 0 0 10rem;
  padding: .7rem;
  border-bottom: 2px solid var(--qui-border);
  font-size: .85rem;
}
.qui-stage-journey-item.is-current {
  border-color: var(--qui-accent);
  background: var(--qui-accent-soft);
}
.qui-record-timeline {
  list-style: none;
  margin: 0;
  padding-left: 1rem;
  border-left: 1px solid var(--qui-border);
}
.qui-record-timeline li {
  padding: .5rem 0 1.2rem 1rem;
  overflow-wrap: anywhere;
}
.qui-record-timeline-meta {
  display: flex;
  flex-wrap: wrap;
  gap: .35rem .75rem;
  align-items: baseline;
  margin-block: .35rem .6rem;
  color: var(--qui-text-muted);
  font-size: .85rem;
}
.qui-record-timeline-actor {
  flex-basis: 100%;
}
.qui-record-section {
  border: 1px solid var(--qui-border-subtle);
  border-radius: var(--qui-radius-medium);
  background: var(--qui-bg-surface);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-surface) 94%, transparent);
  }
  box-shadow: none;
  padding: var(--qui-space-lg);
  display: grid;
  gap: .65rem;
}
.qui-record-section.is-separated {
  border-top: 1px solid var(--qui-border);
  padding-top: 1rem;
}
.qui-record-commands {
  flex-wrap: wrap;
}
.qui-record-surface .qui-entity-tabs-mobile-trigger {
  min-height: 2.75rem;
  padding: .35rem .65rem;
  border-radius: var(--qui-radius-medium);
  background: var(--qui-bg-surface);
  font-size: .875rem;
}
.qui-record-surface .qui-entity-tabs-mobile-label {
  font-size: .875rem;
  font-weight: 600;
}
.qui-record-surface .qui-entity-tabs-mobile-trigger:focus-visible {
  outline: 2px solid var(--qui-accent);
  outline-offset: 2px;
}
.qui-related-record-row {
  display: flex;
  flex-wrap: wrap;
  gap: .6rem;
  width: 100%;
  text-align: left;
  align-items: center;
  border-bottom: 1px solid var(--qui-border-subtle);
  padding-block: .85rem;
  overflow-wrap: anywhere;
}
.qui-related-record-row strong {
  flex-basis: 100%;
}
.qui-board {
  display: flex;
  align-items: stretch;
  gap: 1rem;
  overflow-x: auto;
  min-width: 0;
  max-width: 100%;
  padding-block: .8rem;
  overscroll-behavior-x: contain;
}
.qui-board-column {
  flex: 0 0 19rem;
  min-width: 0;
  min-height: 28rem;
  display: flex;
  flex-direction: column;
  gap: .65rem;
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-card);
  background: var(--qui-bg-muted);
  padding: .75rem;
}
.qui-board-column.is-pool {
  background: var(--qui-bg-surface);
  border-top: 3px solid var(--qui-accent-border);
}
.qui-board-column.is-drop-target {
  border-color: var(--qui-accent);
  box-shadow: inset 0 0 0 1px var(--qui-accent);
  background: var(--qui-accent-soft);
}
.qui-board-column[data-drop-state="denied"] .qui-board-drop-hint {
  font-weight: 600;
}
.qui-board-cards {
  flex: 1;
  min-height: 12rem;
  display: flex;
  flex-direction: column;
  gap: .55rem;
}
.qui-board-drop-hint {
  min-height: 2.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--qui-text-muted);
  font-size: .85rem;
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-board-column:has(.qui-board-cards:empty) .qui-board-drop-hint {
  min-height: 5rem;
}
.qui-inline-search {
  display: flex;
  align-items: end;
  gap: .5rem;
}
.qui-inline-search > :first-child {
  min-width: 0;
  flex: 1;
}
.qui-board-empty {
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: 24rem;
  padding: 2rem 1rem;
  text-align: center;
}
.qui-board-empty-state.qui-empty-state {
  width: min(100%, 36rem);
  display: grid;
  justify-items: center;
  gap: 1rem;
  padding: 1rem;
  border: 0;
  background: transparent;
  box-shadow: none;
}
.qui-board-empty-state > .qui-state-icon {
  width: 4rem;
  height: 4rem;
  color: var(--qui-accent-text);
}
.qui-board-empty-state > h3 {
  font-size: 1.45rem;
  font-weight: 650;
}
.qui-board-empty > .qui-help-text {
  max-width: 32rem;
  margin-top: 1rem;
}
.qui-board-column > header {
  display: flex;
  gap: .5rem;
  align-items: center;
  padding-bottom: .4rem;
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-board-column > header h3 {
  min-width: 0;
  flex: 1;
  font-size: .95rem;
  font-weight: 650;
  overflow-wrap: anywhere;
}
.qui-board-count {
  flex: 0 0 auto;
  min-width: 1.5rem;
  text-align: center;
  padding: .1rem .4rem;
  border-radius: var(--qui-radius-round);
  color: var(--qui-text-muted);
  background: var(--qui-bg-muted);
  font-size: .8rem;
}
.qui-board-card[draggable="true"] {
  cursor: grab;
}
button.qui-board-card-open {
  display: block;
  width: 100%;
  min-height: 2.75rem;
  height: auto;
  padding: 0;
  text-align: start;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  color: var(--qui-text);
  white-space: normal;
}
button.qui-board-card-open:hover, button.qui-board-card-open:active {
  background: transparent;
  box-shadow: none;
}
.qui-board-card-open > span {
  display: grid;
  gap: .4rem;
  min-width: 0;
  width: 100%;
  text-align: start;
}
.qui-board-card-title {
  padding-inline-end: 2rem;
  font-size: .9rem;
  font-weight: 650;
  overflow-wrap: anywhere;
}
.qui-board-card-description {
  color: var(--qui-text-muted);
  font-size: .8rem;
  overflow-wrap: anywhere;
}
.qui-board-card-meta {
  display: flex;
  align-items: center;
  gap: .5rem;
  min-width: 0;
}
.qui-board-card-meta .qui-status-pill {
  flex: 0 0 auto;
  width: fit-content;
}
.qui-board-card-owner {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-text-muted);
  font-size: .8rem;
}
.qui-board-card-menu {
  position: absolute;
  inset-block-start: .3rem;
  inset-inline-end: .3rem;
}
button.qui-related-record-row > span {
  display: grid;
  gap: .6rem;
  width: 100%;
  text-align: left;
}
.qui-ordered-editors {
  list-style: none;
  padding: 0;
  margin: 0;
}
.qui-ordered-editor {
  display: grid;
  grid-template-columns: 2rem minmax(0, 1fr);
  gap: .65rem .8rem;
  border-bottom: 1px solid var(--qui-border);
  padding-block: 1rem;
  max-width: 60rem;
}
.qui-ordered-editor > .qui-command-bar {
  grid-column: 2;
}
.qui-ordered-editor-position {
  color: var(--qui-accent-text);
  background: var(--qui-accent-soft);
  border-radius: var(--qui-radius-round);
  font-weight: 650;
  display: grid;
  place-items: center;
  width: 2rem;
  height: 2rem;
  margin-top: 1.4rem;
}
.qui-ordered-editor-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
}
.qui-ordered-editor-fields > .qui-help-text {
  grid-column: 1 / -1;
}
.qui-settings-fields {
  display: grid;
  gap: 1rem;
  max-width: 50rem;
}
.qui-settings-add {
  display: grid;
  gap: 1rem;
  max-width: 50rem;
  border-top: 1px solid var(--qui-border);
  padding-top: 1rem;
}
.qui-settings-danger {
  border-top: 1px solid var(--qui-border);
  padding-top: 1rem;
  display: grid;
  gap: .65rem;
  margin-top: .5rem;
}
.qui-settings-danger h3 {
  color: var(--qui-danger);
  font-weight: 600;
}
.qui-settings-panel-body > .qui-panel-form {
  display: grid;
  align-content: start;
  gap: 1rem;
  padding: var(--qui-panel-padding-x);
}
.qui-board-card {
  position: relative;
  padding: .7rem;
  background: var(--qui-bg-surface);
  border: 1px solid var(--qui-border);
  border-radius: var(--qui-radius-medium);
  transition: background-color 120ms ease, border-color 120ms ease, box-shadow 120ms ease;
}
.qui-board-card:hover {
  background: var(--qui-bg-hover);
  border-color: var(--qui-accent-border);
}
.qui-board-card-open:focus-visible, .qui-related-record-row:focus-visible, .qui-section-nav a:focus-visible {
  outline: 2px solid var(--qui-accent);
  outline-offset: 2px;
}
.qui-board-card:active {
  background: var(--qui-accent-soft);
  box-shadow: none;
}
.qui-switch input[type="checkbox"] {
  display: block;
  appearance: none;
  width: 2.25rem;
  height: 1.25rem;
  border-radius: 999px;
  border: 1px solid var(--qui-border-strong);
  background: var(--qui-bg-raised);
  flex-shrink: 0;
}
.qui-switch input[type="checkbox"]::before {
  content: "";
  display: block;
  width: .875rem;
  height: .875rem;
  margin: .125rem;
  border-radius: 50%;
  border: 0;
  transform: none;
  transition: none;
  background: var(--qui-text-muted);
}
.qui-switch input[type="checkbox"]:checked {
  background: var(--qui-accent);
}
.qui-switch input[type="checkbox"]:checked::before {
  transform: translateX(1rem);
  background: var(--qui-accent-contrast);
}
.qui-switch input[type="checkbox"]:focus-visible {
  outline: 2px solid var(--qui-control-border-focus);
  outline-offset: 2px;
}
.qui-switch input[type="checkbox"]:disabled {
  opacity: .5;
  cursor: default;
}
.qui-calendar-workspace {
  display: grid;
  grid-template-columns: 14rem minmax(0, 1fr);
  gap: 1rem;
  min-width: 0;
}
.qui-calendar-inner-pane {
  display: grid;
  align-content: start;
  gap: .75rem;
  min-width: 0;
  padding: .75rem;
  border: 1px solid var(--qui-border);
  border-radius: .5rem;
  background: var(--qui-bg-surface);
}
.qui-calendar-inner-pane h3 {
  font-weight: 600;
  color: var(--qui-text-strong);
}
.qui-calendar-main {
  min-width: 0;
}
.qui-calendar-board {
  min-width: 0;
  border: 1px solid var(--qui-border);
  border-radius: .5rem;
  background: var(--qui-bg-surface);
  overflow: hidden;
}
.qui-calendar-mini-heading {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .25rem;
  font-size: .8rem;
}
.qui-calendar-mini-grid {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: .125rem;
}
.qui-calendar-mini-grid button {
  min-height: 1.75rem;
  border-radius: .25rem;
  font-size: .75rem;
}
.qui-calendar-mini-grid button:hover, .qui-calendar-date:hover, .qui-calendar-more:hover {
  background: var(--qui-accent-soft);
}
.qui-calendar-mini-grid .is-selected {
  background: var(--qui-accent-solid);
  color: var(--qui-accent-contrast);
}
.qui-calendar-mini-grid [aria-current=date] {
  box-shadow: inset 0 0 0 1px var(--qui-accent-border);
}
.qui-calendar-mini-grid .is-muted, .qui-calendar-month-day.is-muted {
  color: var(--qui-text-muted);
  background: var(--qui-bg-subtle, var(--qui-bg-surface));
}
.qui-calendar-month {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
}
.qui-calendar-month-day {
  min-height: 7.5rem;
  border-inline-end: 1px solid var(--qui-border-subtle);
  border-block-end: 1px solid var(--qui-border-subtle);
  padding: .25rem;
  min-width: 0;
}
.qui-calendar-date {
  display: block;
  width: 100%;
  text-align: start;
  padding: .2rem;
  font-size: .75rem;
  border-radius: .25rem;
}
.qui-calendar-month-event {
  display: block;
  max-width: 100%;
  width: 100%;
  text-align: start;
  font-size: .7rem;
  border-radius: .25rem;
  margin-block: .15rem;
  padding: .2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  background: var(--qui-accent-soft);
  border-inline-start: 2px solid var(--qui-accent);
  color: var(--qui-text);
}
.qui-calendar-more {
  display: block;
  max-width: 100%;
  width: 100%;
  text-align: start;
  font-size: .7rem;
  border-radius: .25rem;
  margin-block: .15rem;
  padding: .2rem;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: var(--qui-accent-text);
}
.qui-calendar-time-scroll {
  max-height: min(70vh, 48rem);
  overflow: auto;
  overscroll-behavior: contain;
}
.qui-calendar-time-grid {
  display: flex;
  min-width: 100%;
  width: max-content;
}
.qui-calendar-time-column {
  flex: 1 0 8.5rem;
  min-width: 8.5rem;
  border-inline-start: 1px solid var(--qui-border-subtle);
}
.qui-calendar-board[data-view=day] .qui-calendar-time-column {
  min-width: 12rem;
}
.qui-calendar-day-heading {
  position: sticky;
  top: 0;
  height: 2.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .75rem;
  font-weight: 600;
  background: var(--qui-bg-surface);
  border-bottom: 1px solid var(--qui-border);
  z-index: 1;
}
.qui-calendar-day-body {
  position: relative;
  height: 72rem;
}
.qui-calendar-slot {
  display: block;
  position: relative;
  height: calc(72rem / var(--calendar-hours));
  width: 100%;
  border-bottom: 1px solid var(--qui-border-subtle);
  background: transparent;
}
.qui-calendar-slot > span {
  position: absolute;
  top: .15rem;
  left: .15rem;
  font-size: .6rem;
  color: var(--qui-text-muted);
}
.qui-calendar-slot.is-outside {
  background: var(--qui-text-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-text-muted) 7%, var(--qui-bg-surface));
  }
}
.qui-calendar-slot:hover {
  background: var(--qui-accent-soft);
}
.qui-calendar-event {
  min-width: 0;
  border: 1px solid var(--qui-accent-border);
  border-radius: var(--qui-radius-control);
  background: var(--qui-accent-soft);
  color: var(--qui-accent-text);
  font-size: 0.72rem;
  position: absolute;
  top: var(--calendar-top);
  height: var(--calendar-height);
  left: calc(2.2rem + var(--calendar-column) * (100% - 2.2rem) / var(--calendar-columns));
  width: calc((100% - 2.2rem) / var(--calendar-columns));
  min-height: .75rem;
  padding: 1px;
}
.qui-calendar-event-content {
  display: flex;
  flex-direction: column;
  width: 100%;
  height: 100%;
  min-height: 0;
  overflow: hidden;
  gap: .1rem;
  padding: .2rem .3rem;
  border: 1px solid var(--qui-accent-border);
  border-inline-start: 3px solid var(--qui-accent);
  border-radius: .25rem;
  background: var(--qui-accent-soft);
  color: var(--qui-text);
  text-align: start;
  font-size: .7rem;
  line-height: 1.2;
}
.qui-calendar-event-content strong, .qui-calendar-event-content span, .qui-calendar-event-content time {
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-calendar-event.is-busy .qui-calendar-event-content {
  border-color: var(--qui-border-strong);
  background: var(--qui-text-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-text-muted) 15%, var(--qui-bg-surface));
  }
}
.qui-calendar-event[data-can-move=true] .qui-calendar-event-content {
  cursor: grab;
  touch-action: none;
}
.qui-calendar-resize {
  position: absolute;
  bottom: 0;
  left: 20%;
  width: 60%;
  height: .5rem;
  cursor: ns-resize;
  touch-action: none;
  border-bottom: 2px solid var(--qui-accent-text);
}
.qui-calendar-now {
  position: absolute;
  top: var(--calendar-top);
  left: 0;
  right: 0;
  border-top: 2px solid var(--qui-accent);
  pointer-events: none;
}
.qui-calendar-board.is-pointer-active {
  cursor: grabbing;
  user-select: none;
}
.qui-calendar-agenda {
  padding: .75rem;
  display: grid;
  gap: 1rem;
}
.qui-calendar-agenda h3 {
  font-weight: 600;
  margin-block-end: .5rem;
}
.qui-calendar-agenda-event {
  display: grid;
  grid-template-columns: minmax(7rem, .4fr) minmax(0, 1fr) auto;
  gap: .5rem;
  width: 100%;
  text-align: start;
  padding: .65rem .5rem;
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-calendar-agenda-event:hover {
  background: var(--qui-accent-soft);
}
.qui-calendar-help {
  color: var(--qui-text-muted);
  font-size: .75rem;
  padding-block: .5rem;
}
.qui-calendar-assistant {
  display: grid;
  gap: .5rem;
  padding-block: .5rem;
}
.qui-calendar-availability-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .5rem;
}
.qui-calendar-share-row {
  display: grid;
  gap: .5rem;
  padding-block: .5rem;
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-calendar-board button:focus-visible, .qui-calendar-mini button:focus-visible {
  outline: 2px solid var(--qui-control-border-focus);
  outline-offset: -2px;
}
.qui-calendar-board button:active, .qui-calendar-mini button:active {
  filter: brightness(.95);
}
.qui-dashboard-grid.qui-overview-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  grid-auto-flow: row;
  align-items: start;
}
.qui-widget-empty {
  min-height: 0;
}
.qui-overview-grid > .qui-dashboard-widget-full {
  grid-column: 1 / -1;
}
.qui-overview-grid > .qui-dashboard-widget-large, .qui-overview-grid > .qui-dashboard-widget-extra-large {
  grid-column: span 2;
}
.qui-widget-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(9rem, 100%), 1fr));
  gap: var(--qui-space-lg);
}
.qui-widget-metrics a {
  display: flex;
  flex-direction: column;
  gap: .75rem;
  min-width: 0;
  padding: 1.1rem;
  border: 1px solid var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    border: 1px solid color-mix(in srgb, var(--qui-accent) 12%, var(--qui-border-subtle));
  }
  border-radius: 1rem;
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 8%, var(--qui-bg-page));
  }
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  text-decoration: none;
  transition: background var(--qui-motion-fast) ease;
}
.qui-widget-metrics strong {
  font-family: var(--qui-font-heavy);
  font-size: clamp(1.75rem, 3vw, 2.5rem);
  color: var(--qui-text-strong);
  line-height: 1.1;
  overflow-wrap: anywhere;
  font-variant-numeric: tabular-nums;
}
.qui-widget-metrics a:is(:hover, :focus-visible) {
  background: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-accent) 15%, var(--qui-bg-page));
  }
}
.qui-widget-row {
  display: flex;
  justify-content: space-between;
  gap: .75rem;
  align-items: center;
  padding-block: .875rem;
  border-bottom: 1px solid var(--qui-border);
  overflow-wrap: anywhere;
  color: var(--qui-text);
  text-decoration: none;
}
.qui-widget-row > span {
  min-width: 0;
}
.qui-widget-row small {
  display: block;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-widget-generated {
  margin-top: auto;
  padding-top: 1rem;
  border-top: 1px solid var(--qui-border-subtle);
  color: var(--qui-text-subtle);
  font-size: .75rem;
}
.qui-widget-series details {
  margin-block: .75rem;
}
.qui-widget-series summary {
  cursor: pointer;
  margin-bottom: .75rem;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-widget-series summary strong {
  float: right;
  color: var(--qui-text-strong);
  font-variant-numeric: tabular-nums;
}
.qui-widget-bar {
  display: flex;
  justify-content: space-between;
  gap: .5rem;
  align-items: center;
  min-height: 2.5rem;
  margin-block: .4rem;
  padding: .5rem .75rem;
  border-radius: .625rem;
  font-size: var(--qui-font-size-sm);
  color: var(--qui-text);
  text-decoration: none;
  background: linear-gradient(to right, var(--qui-accent) 0 var(--qui-widget-bar-width), var(--qui-bg-surface) var(--qui-widget-bar-width) 100%);
  @supports (color: color-mix(in lab, red, red)) {
    background: linear-gradient(to right, color-mix(in srgb, var(--qui-accent) 22%, var(--qui-bg-page)) 0 var(--qui-widget-bar-width), var(--qui-bg-surface) var(--qui-widget-bar-width) 100%);
  }
}
.qui-summary-canvas {
  min-height: 100%;
  background: var(--qui-bg-muted);
  @supports (color: color-mix(in lab, red, red)) {
    background: color-mix(in srgb, var(--qui-bg-muted) 60%, var(--qui-bg-canvas));
  }
}
.qui-dashboard-metric-large .qui-dashboard-metric-copy strong {
  font-size: clamp(2rem, 3vw, 2.75rem);
  font-variant-numeric: tabular-nums;
}
.qui-dashboard-widget-body {
  min-width: 0;
  display: flex;
  flex-direction: column;
  flex: 1 1 auto;
  gap: 1rem;
}
.qui-dashboard-widget-body .qui-empty-state {
  min-height: 8rem;
  align-content: center;
}
.qui-interactive-chart {
  min-width: 0;
}
.qui-interactive-chart-host {
  position: relative;
  width: 100%;
  height: 15rem;
  min-width: 0;
  overflow: hidden;
}
.qui-interactive-chart-host:focus-visible {
  outline: 2px solid var(--qui-control-border-focus);
  outline-offset: 2px;
  border-radius: .5rem;
}
.qui-interactive-chart-host.is-pending {
  visibility: hidden;
}
.qui-interactive-chart.is-map .qui-interactive-chart-host {
  height: 18rem;
}
.qui-interactive-chart.is-donut .qui-interactive-chart-host {
  height: 13rem;
}
.qui-interactive-chart.is-bar .qui-interactive-chart-host {
  height: 9rem;
}
.qui-chart-data-scroll {
  max-height: 16rem;
  overflow: auto;
}
.qui-chart-data-scroll table {
  width: 100%;
  border-collapse: collapse;
}
.qui-chart-data-scroll :is(th, td) {
  padding: .5rem;
  border-bottom: 1px solid var(--qui-border-subtle);
  text-align: start;
}
.qui-widget-content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1 1 auto;
  min-width: 0;
}
.qui-dashboard-widget.is-summary {
  gap: .5rem;
  padding: .875rem 1rem;
}
.qui-dashboard-summary-metrics {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(8rem, 100%), 1fr));
  gap: .375rem .75rem;
  min-width: 0;
}
.qui-dashboard-summary-metric {
  display: flex;
  align-items: center;
  gap: .625rem;
  min-width: 0;
  min-height: 2.5rem;
  padding: .25rem .5rem;
  border-inline-start: 1px solid var(--qui-border-subtle);
  border-radius: .25rem;
  text-decoration: none;
}
.qui-dashboard-summary-metric:is(:hover, :focus-visible) {
  background: var(--qui-bg-hover);
}
.qui-dashboard-summary-metric strong {
  color: var(--qui-text-strong);
  font-family: var(--qui-font-heavy);
  font-size: 1.625rem;
  line-height: 1;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.qui-dashboard-summary-metric span {
  color: var(--qui-text-muted);
  font-size: .6875rem;
  line-height: 1.35;
}
.qui-widget-range-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  align-self: start;
  gap: .125rem;
  max-width: 100%;
  border-bottom: 1px solid var(--qui-border-subtle);
}
.qui-widget-range-bar button {
  flex: 0 0 auto;
  white-space: nowrap;
  padding: .5rem .625rem;
  border-bottom: 2px solid transparent;
  font-size: .75rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--qui-text-muted);
}
.qui-widget-range-bar button[aria-pressed="true"] {
  border-bottom-color: var(--qui-accent-text);
  color: var(--qui-accent-text);
}
.qui-widget-range-bar button:disabled {
  opacity: .5;
}
.qui-widget-kpi-row, .qui-review-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  min-width: 0;
}
.qui-widget-kpi-row > div, .qui-review-summary > div:first-child {
  display: grid;
  gap: .25rem;
}
.qui-widget-kpi-row strong, .qui-review-summary > div:first-child strong {
  font-family: var(--qui-font-heavy);
  font-size: 1.875rem;
  line-height: 1.15;
  color: var(--qui-text-strong);
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}
.qui-widget-kpi-row span, .qui-review-summary span {
  color: var(--qui-text-muted);
  font-size: .75rem;
  line-height: 1.5;
}
.qui-widget-kpi-row strong.is-success {
  color: var(--qui-success);
}
.qui-widget-note {
  color: var(--qui-text-muted);
  font-size: .75rem;
  line-height: 1.5;
  margin-top: .5rem;
}
.qui-review-reasons {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: .375rem;
  padding: .5rem .625rem;
  border-radius: .625rem;
  background: var(--qui-warning-soft);
  color: var(--qui-warning);
  font-size: .75rem;
}
.qui-widget-success {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: var(--qui-success);
  font-size: .75rem;
}
.qui-recent-summary {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: var(--qui-text-muted);
  font-size: .75rem;
}
.qui-widget-section-label {
  color: var(--qui-text-muted);
  font-size: .75rem;
}
.qui-widget-timeline, .qui-widget-records {
  position: relative;
  min-width: 0;
}
.qui-widget-timeline::before {
  content: "";
  position: absolute;
  top: 1rem;
  bottom: 1rem;
  left: .875rem;
  width: 1px;
  background: var(--qui-border-subtle);
}
.qui-widget-timeline-row {
  position: relative;
  display: flex;
  align-items: center;
  gap: .75rem;
  min-width: 0;
  padding-block: .75rem;
  border-bottom: 1px solid var(--qui-border-subtle);
  color: var(--qui-text);
  text-decoration: none;
}
.qui-widget-timeline-row:hover {
  background: var(--qui-bg-hover);
}
.qui-widget-timeline-marker {
  display: grid;
  place-items: center;
  align-self: start;
  flex: 0 0 1.75rem;
  height: 1.75rem;
  border: 1px solid var(--qui-border-subtle);
  border-radius: 50%;
  color: var(--qui-accent-text);
  background: var(--qui-bg-page);
}
.qui-widget-timeline-copy {
  display: grid;
  gap: .2rem;
  flex: 1 1 auto;
  min-width: 0;
}
.qui-widget-timeline-copy strong {
  font-size: .8125rem;
  overflow-wrap: anywhere;
}
.qui-widget-record-type, .qui-widget-record-time {
  font-size: .6875rem;
  color: var(--qui-text-muted);
}
.qui-widget-empty-state {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: .5rem;
  min-height: 8rem;
  padding-block: 1rem;
  text-align: center;
}
.qui-widget-content.is-compact .qui-widget-empty-state {
  min-height: 4rem;
  padding-block: 0;
}
.qui-source-distribution {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 1rem;
}
.qui-source-donut {
  position: relative;
  flex: 1 1 11rem;
  min-width: 0;
}
.qui-source-total {
  position: absolute;
  top: 6.5rem;
  left: 50%;
  display: grid;
  gap: .25rem;
  transform: translate(-50%, -50%);
  text-align: center;
  pointer-events: none;
}
.qui-source-total strong {
  font-family: var(--qui-font-heavy);
  font-size: 1.5rem;
  color: var(--qui-text-strong);
}
.qui-source-total span {
  font-size: .75rem;
  color: var(--qui-text-muted);
}
.qui-source-ranking {
  display: grid;
  gap: .625rem;
  flex: 1 1 8rem;
  min-width: 0;
}
.qui-source-ranking a, .qui-provider-health-list a {
  display: flex;
  align-items: center;
  gap: .5rem;
  color: var(--qui-text);
  font-size: .75rem;
  text-decoration: none;
}
.qui-source-ranking a > span, .qui-provider-health-list a > span:nth-child(2) {
  flex: 1 1 auto;
  min-width: 0;
  overflow-wrap: anywhere;
}
.qui-provider-empty {
  display: flex;
  align-items: flex-start;
  gap: .75rem;
  padding-block: 1rem;
  color: var(--qui-accent-text);
}
.qui-provider-empty strong {
  color: var(--qui-text-strong);
  font-size: .875rem;
}
.qui-provider-empty p {
  margin-top: .375rem;
  color: var(--qui-text-muted);
  font-size: .75rem;
  line-height: 1.5;
}
.qui-widget-inline-link {
  display: inline-flex;
  align-items: center;
  gap: .375rem;
  padding-block: .375rem;
  font-size: .75rem;
  color: var(--qui-accent-text);
}
.qui-provider-health-list {
  display: grid;
  gap: .625rem;
}
.qui-provider-health-dot {
  flex: 0 0 .375rem;
  height: .375rem;
  border-radius: 50%;
}
.qui-dashboard-resize-handle {
  opacity: 0;
  transition: opacity .15s ease;
  position: absolute;
  right: .25rem;
  bottom: .25rem;
  display: grid;
  place-items: center;
  width: 1.75rem;
  height: 1.75rem;
  border-radius: .375rem;
  background: var(--qui-bg-page);
  color: var(--qui-text-muted);
  cursor: nwse-resize;
  touch-action: none;
  user-select: none;
}
.qui-dashboard-resize-handle svg {
  transform: rotate(45deg);
}
.qui-dashboard-resize-handle:focus-visible, .qui-widget-range-bar button:focus-visible {
  outline: 2px solid var(--qui-control-border-focus);
  outline-offset: 2px;
}
.qui-dashboard-widget.is-resizing {
  outline: 2px solid var(--qui-accent);
}
@container qui-widget (max-width: 18rem) {
  .qui-widget-detail {
    display: none;
  }
  .qui-dashboard-summary-metrics {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .qui-dashboard-summary-metric {
    flex-direction: column;
    align-items: flex-start;
    gap: .25rem;
  }
}
.qui-module-content-frame > .qui-module-content-topbar {
  flex: 0 0 auto;
}
.qui-record-browser-viewport {
  position: relative;
  isolation: isolate;
  z-index: var(--qui-z-record-viewport);
  min-width: 0;
  width: 100%;
  overflow-x: auto;
  overscroll-behavior-inline: contain;
  border-block: 1px solid var(--qui-border-subtle);
}
.qui-record-row {
  --qui-record-row-surface: var(--qui-bg-page);
  display: grid;
  grid-template-columns: var(--qui-record-columns);
  width: 100%;
  min-width: max(100%, var(--qui-record-min-width, 0px));
  min-height: 4.4rem;
  align-items: stretch;
  border-bottom: 1px solid var(--qui-border-subtle);
  background: var(--qui-record-row-surface);
  color: var(--qui-text);
}
.qui-record-row:last-child {
  border-bottom: 0;
}
.qui-record-row:not(.is-header):is(:hover, :focus-within) {
  --qui-record-row-surface: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    --qui-record-row-surface: color-mix(in srgb, var(--qui-accent) 4%, var(--qui-bg-page));
  }
}
.qui-record-row[aria-selected="true"] {
  --qui-record-row-surface: var(--qui-accent);
  @supports (color: color-mix(in lab, red, red)) {
    --qui-record-row-surface: color-mix(in srgb, var(--qui-accent) 7%, var(--qui-bg-page));
  }
}
.qui-record-row.is-header {
  --qui-record-row-surface: var(--qui-bg-page);
  @supports (color: color-mix(in lab, red, red)) {
    --qui-record-row-surface: color-mix(in srgb, var(--qui-bg-page) 96%, var(--qui-bg-muted));
  }
  position: sticky;
  top: 0;
  z-index: var(--qui-z-record-header);
  min-height: 2.75rem;
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
  font-weight: 650;
}
.qui-record-row-cell {
  position: relative;
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 0.65rem 0.75rem;
  background: var(--qui-record-row-surface);
  overflow: hidden;
}
.qui-record-row-select {
  min-width: 0;
  display: flex;
  align-items: center;
  padding: 0.65rem 0.75rem;
  background: var(--qui-record-row-surface);
  position: sticky;
  left: 0;
  z-index: var(--qui-z-record-selector);
  justify-content: center;
  padding-inline: 0.35rem;
}
.qui-record-row-cell.is-primary {
  position: sticky;
  left: var(--qui-record-sticky-left, 0px);
  z-index: var(--qui-z-record-frozen);
}
.qui-record-row-cell.is-primary .qui-record-browser-identity-copy > strong {
  font-size: 1.05rem;
  line-height: 1;
}
.qui-record-row-actions {
  min-width: 0;
  display: flex;
  align-items: center;
  background: var(--qui-record-row-surface);
  position: sticky;
  right: 0;
  z-index: var(--qui-z-record-frozen);
  grid-column: -2 / -1;
  justify-content: center;
  padding: 0;
}
.qui-record-row.is-header > .qui-record-row-cell {
  overflow: visible;
}
.qui-record-row.is-header > .qui-record-row-actions > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.qui-record-row.is-header .qui-record-browser-resizer::after {
  background: var(--qui-border-strong);
}
.qui-record-row.is-header .qui-record-row-cell:hover .qui-record-browser-resizer::after {
  opacity: 0.75;
}
.qui-record-row-actions > .qui-record-action-menu {
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 100%;
}
.qui-record-row-actions .qui-record-action-trigger {
  width: 100%;
  min-width: 0;
  height: 100%;
  min-height: 3.7rem;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}
.qui-record-row-actions .qui-record-action-trigger:hover:not(:disabled) {
  background: var(--qui-bg-hover);
}
.qui-record-row-actions .qui-record-action-trigger .qui-line-icon {
  width: 1.35rem;
  height: 1.35rem;
}
.qui-record-browser-viewport.is-horizontally-scrolled .qui-record-row-cell.is-primary {
  box-shadow: 0.72rem 0 0.95rem -0.82rem rgb(15 23 42 / 0.38);
}
html.dark .qui-record-browser-viewport.is-horizontally-scrolled .qui-record-row-cell.is-primary {
  box-shadow: 0.72rem 0 1rem -0.78rem rgb(0 0 0 / 0.72);
}
.qui-record-row.is-embedded {
  grid-template-columns: minmax(0, 1fr) 3.25rem;
  min-width: 0;
}
.qui-record-row.is-embedded.has-selection {
  grid-template-columns: 42px minmax(0, 1fr) 3.25rem;
}
.qui-record-row.is-embedded > * {
  position: relative;
  inset: auto;
}
.qui-record-row.is-interactive {
  cursor: pointer;
}
.qui-record-row.is-interactive:focus-visible {
  outline: 2px solid var(--qui-accent);
  outline-offset: -2px;
}
.qui-record-title {
  color: var(--qui-text);
  font-weight: 650;
  overflow-wrap: anywhere;
}
.qui-record-title:hover {
  color: var(--qui-accent-text);
}
.qui-record-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--qui-space-sm);
  font-size: var(--qui-font-size-sm);
  color: var(--qui-text-muted);
}
.qui-content-stack, .qui-stack {
  display: grid;
  align-content: start;
  gap: var(--qui-space-lg);
  min-width: 0;
  color: var(--qui-text);
}
.qui-content-page {
  display: grid;
  align-content: start;
  gap: var(--qui-space-lg);
  min-width: 0;
  color: var(--qui-text);
  padding: 1.25rem var(--qui-space-xl);
}
.qui-content-page > *, .qui-content-stack > * {
  min-width: 0;
}
.qui-content-page .qui-page-header, .qui-content-stack .qui-page-header {
  margin-bottom: 0;
}
.qui-detail-layout {
  display: grid;
  align-items: start;
  gap: var(--qui-space-lg);
  min-width: 0;
  grid-template-columns: minmax(0, 1fr) minmax(20rem, 26.25rem);
}
.qui-master-detail-layout {
  display: grid;
  align-items: start;
  gap: var(--qui-space-lg);
  min-width: 0;
  grid-template-columns: minmax(17.5rem, 21.25rem) minmax(0, 1fr);
}
.qui-grid-2 {
  display: grid;
  align-items: start;
  gap: var(--qui-space-lg);
  min-width: 0;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.qui-grid-3 {
  display: grid;
  align-items: start;
  gap: var(--qui-space-lg);
  min-width: 0;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.qui-grid-5 {
  display: grid;
  align-items: start;
  gap: var(--qui-space-lg);
  min-width: 0;
  grid-template-columns: repeat(5, minmax(0, 1fr));
}
.qui-grid-6 {
  display: grid;
  align-items: start;
  gap: var(--qui-space-lg);
  min-width: 0;
  grid-template-columns: repeat(6, minmax(0, 1fr));
}
.qui-min-width-0 {
  min-width: 0;
}
.qui-align-end {
  align-self: end;
}
.qui-span-full {
  grid-column: 1 / -1;
}
.qui-collection-summary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--qui-space-lg) var(--qui-space-2xl);
  margin: 0;
  padding: var(--qui-space-md) 0;
}
.qui-summary-metric {
  display: flex;
  align-items: baseline;
  gap: var(--qui-space-sm);
  min-width: 0;
}
.qui-summary-metric dt {
  color: var(--qui-text-muted);
  font-size: var(--qui-font-size-sm);
}
.qui-summary-metric dd {
  margin: 0;
  color: var(--qui-text-strong);
  font-weight: 600;
}
.qui-card-content.qui-card-content-compact {
  padding: var(--qui-space-md);
}
.qui-path-command {
  flex-wrap: nowrap;
  overflow-x: auto;
  min-width: 0;
}
.qui-path-command > * {
  flex-shrink: 0;
  white-space: nowrap;
}
@media (max-height: 48rem) {
  .qui-dashboard-editor-heading {
    padding: .75rem;
  }
  .qui-dashboard-editor-heading p, .qui-dashboard-editor-footer > span {
    display: none;
  }
  .qui-dashboard-editor-scroll {
    gap: .625rem;
    padding: .75rem;
  }
  .qui-dashboard-editor-footer {
    padding: .625rem .75rem;
  }
  .qui-auth-shell {
    padding-top: var(--qui-space-2xl);
    padding-bottom: var(--qui-space-2xl);
  }
  .qui-auth-public.qui-auth-shell {
    padding: 0;
  }
  .qui-record-panel .qui-organization-identity.is-panel {
    margin-bottom: 0.65rem;
  }
  .qui-record-panel.qui-record-panel .qui-person-identity.is-panel {
    margin-bottom: 0.65rem;
  }
}
@media (prefers-reduced-motion: reduce) {
  .qui-button, .qui-button-secondary {
    transition: none;
  }
  .qui-app-drawer-scrim, .qui-command-scrim, .qui-notification-scrim, .qui-account-overlay {
    transition: none;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }
  .qui-drawer > .qui-drawer-layer, .qui-drawer > .qui-drawer-scroll, .qui-command-header, .qui-command-body, .qui-notification-header, .qui-notification-filter-strip, .qui-notification-body, .qui-notification-footer, .qui-account-shell, .qui-topbar-start > .qui-drawer-icon[aria-haspopup="dialog"] {
    transition: none;
    transform: none;
  }
  .qui-drawer, .qui-command-palette, .qui-notification-panel, .qui-account-flyout {
    transition: none;
    transform: none;
    clip-path: none;
  }
  .qui-record-content, .qui-inline-form, .qui-nested-editor {
    animation: none !important;
  }
  .qui-insight-card, .qui-linked-record-row, .qui-association-card, .qui-related-card, .qui-entity-tabs .qui-entity-tab, .qui-entity-tabs-nav, .qui-entity-tabs-mobile-trigger {
    transition: none !important;
    transform: none !important;
  }
  .qui-board-card {
    transition: none;
    transform: none;
  }
  .qui-stage-journey {
    scroll-behavior: auto;
  }
  .qui-calendar-board *, .qui-calendar-mini * {
    scroll-behavior: auto;
    transition: none;
  }
}
@media print {
  @layer utilities {
    body {
      background: var(--qui-bg-surface);
      color: #000000;
    }
    .qui-page-action-bar, .qui-action-overflow, .qui-table-row-action, .qui-app-header {
      display: none !important;
    }
  }
}
@media (max-width: 80rem) {
  .qui-detail-layout, .qui-master-detail-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-grid-5, .qui-grid-6 {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  @layer utilities {
    .qui-standard-filter-bar {
      grid-template-columns: minmax(0, 1fr) auto auto;
    }
    .qui-standard-filter-tools {
      grid-column: 1 / -1;
    }
    .qui-table-priority-5, .qui-table-priority-6 {
      display: none;
    }
  }
  .qui-module-right-panel {
    flex: 0 0 auto;
  }
  .qui-module-right-panel-body {
    height: auto;
    overflow: visible;
  }
  .qui-composer-toolbar, .qui-feedback-grid, .qui-settings-grid, .qui-field-grid, .qui-code-grid {
    grid-template-columns: 1fr;
  }
  .qui-composer-grid {
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .qui-composer-rail {
    border: 0;
    border-bottom: 1px solid var(--qui-border-subtle);
  }
  .qui-composer-properties {
    border: 0;
    border-bottom: 1px solid var(--qui-border-subtle);
    border-top: 1px solid var(--qui-border-subtle);
  }
  .qui-composer-toolbar-actions {
    justify-content: flex-start;
  }
  .qui-provider-workspace {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-account-trigger {
    justify-content: center;
  }
  .qui-account-trigger-copy {
    display: none;
  }
  .qui-module-body {
    flex-direction: column;
    overflow: hidden;
  }
  .qui-calendar-workspace {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-calendar-inner-pane {
    display: none;
  }
  .qui-calendar-workspace.is-pane-open .qui-calendar-inner-pane {
    display: grid;
    max-width: 22rem;
  }
  .qui-dashboard-grid.qui-overview-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .qui-module-body.has-right-panel {
    overflow-x: hidden;
    overflow-y: auto;
  }
  .qui-module-body.has-right-panel > .qui-module-content {
    flex: 0 0 auto;
    min-height: auto;
    overflow: visible;
  }
  .qui-module-body.has-right-panel > .qui-module-right-panel {
    flex: 0 0 auto;
  }
  .qui-module-body.has-right-panel > .qui-module-right-panel > .qui-module-right-panel-body {
    height: auto;
    overflow: visible;
  }
}
@media (max-width: 60rem) {
  .qui-dashboard-editor.is-editing {
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto minmax(0, 1fr);
  }
  .qui-dashboard-editor-panel {
    display: none;
    border-left: 0;
  }
  .qui-dashboard-editor-tabs {
    display: flex;
  }
  .qui-dashboard-editor.is-library-visible .qui-dashboard-editor-panel {
    display: flex;
  }
  .qui-dashboard-editor.is-library-visible .qui-dashboard-canvas {
    display: none;
  }
  @layer utilities {
    .qui-page-header, .qui-page-shell {
      padding: 0.8rem;
    }
    .qui-card-header, .qui-entity-header {
      align-items: stretch;
      flex-direction: column;
    }
    .qui-entity-panel-header > .qui-entity-header {
      align-items: stretch;
      flex-direction: row;
      gap: 0;
    }
    .qui-entity-panel-header .qui-entity-header-main {
      min-width: 0;
      flex: 1 1 auto;
    }
    .qui-entity-panel-header .qui-entity-header-actions {
      flex: 0 0 auto;
      align-self: stretch;
    }
    .qui-page-action-bar, .qui-standard-filter-tools {
      align-items: stretch;
    }
    .qui-page-action-bar > *, .qui-standard-filter-tools > * {
      flex: 1 1 auto;
    }
    .qui-table-priority-4 {
      display: none;
    }
    .qui-form-grid, .qui-form-grid.is-2, .qui-form-grid.is-3 {
      grid-template-columns: 1fr;
    }
  }
  .qui-form-grid, .qui-form-grid.is-2, .qui-form-grid.is-3, .qui-datetime-picker-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-file-list .qui-file-table {
    display: none;
  }
  .qui-file-list .qui-file-mobile-list {
    display: grid;
  }
  .qui-file-list .qui-file-mobile-list .qui-list-item {
    grid-template-columns: auto minmax(0, 1fr);
    align-items: start;
    gap: 0.55rem 0.65rem;
  }
  .qui-file-list .qui-file-mobile-list .qui-list-item-icon {
    margin-top: 0.2rem;
  }
  .qui-file-list .qui-file-mobile-list .qui-list-item-main, .qui-file-list .qui-file-mobile-list .qui-list-item-meta, .qui-file-list .qui-file-mobile-list .qui-list-item > .qui-status {
    grid-column: 2;
    justify-self: start;
  }
  .qui-file-list .qui-file-mobile-list .qui-list-item-main strong, .qui-file-list .qui-file-mobile-list .qui-list-item-main > span {
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .qui-file-list .qui-file-mobile-list .qui-list-item-details {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--qui-space-xs) 0.45rem;
  }
  .qui-file-list .qui-file-mobile-list .qui-list-item-details > span {
    white-space: normal;
    overflow-wrap: anywhere;
  }
  .qui-file-list .qui-file-mobile-list .qui-list-item-actions {
    grid-column: 1 / -1;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
  }
  .qui-file-list .qui-file-mobile-list .qui-list-item-actions :is(.qui-control-button, .qui-action-subtle, .qui-action-danger) {
    flex: 1 1 6.5rem;
    justify-content: center;
  }
  .qui-file-list-host .qui-file-table {
    display: none;
  }
  .qui-file-list-host .qui-file-mobile-list {
    display: grid;
  }
  .qui-standalone-canvas {
    padding: 1.25rem var(--qui-space-lg);
  }
  .qui-standalone-shell {
    gap: var(--qui-space-2xl);
  }
  .qui-summary-layout {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-master-detail-layout {
    grid-template-columns: 1fr;
  }
  .qui-page-breadcrumb-layer a, .qui-page-breadcrumb-layer span:not(.qui-breadcrumb-separator) {
    max-width: 14rem;
  }
  .qui-record-route-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .qui-organization-identity.is-page .qui-record-route-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .qui-module-sidebar-rail:not(.is-responsive-expanded):not(.is-collapsed) {
    width: var(--qui-shell-rail-width);
    flex-basis: var(--qui-shell-rail-width);
  }
  .qui-module-sidebar-rail:not(.is-responsive-expanded):not(.is-collapsed) .qui-module-sidebar {
    width: var(--qui-shell-rail-width);
    min-width: var(--qui-shell-rail-width);
    max-width: var(--qui-shell-rail-width);
    flex: 0 0 var(--qui-shell-rail-width);
  }
  .qui-module-sidebar-rail:not(.is-responsive-expanded):not(.is-collapsed) .qui-module-sidebar-header {
    grid-template-columns: 1fr;
    justify-items: stretch;
    padding: 0;
  }
  .qui-module-sidebar-rail:not(.is-responsive-expanded):not(.is-collapsed) .qui-module-sidebar-header-copy, .qui-module-sidebar-rail:not(.is-responsive-expanded):not(.is-collapsed) .qui-module-sidebar-summary, .qui-module-sidebar-rail:not(.is-responsive-expanded):not(.is-collapsed) .qui-module-nav-group, .qui-module-sidebar-rail:not(.is-responsive-expanded):not(.is-collapsed) .qui-module-nav-copy {
    display: none;
  }
  .qui-module-sidebar-rail:not(.is-responsive-expanded):not(.is-collapsed) .qui-module-nav-toggle {
    width: 100%;
    min-width: 100%;
  }
  .qui-module-sidebar-rail:not(.is-responsive-expanded):not(.is-collapsed) .qui-module-nav {
    overflow-x: hidden;
    overflow-y: auto;
    padding-inline: 0;
    scrollbar-width: none;
    -ms-overflow-style: none;
  }
  .qui-module-sidebar-rail:not(.is-responsive-expanded):not(.is-collapsed) .qui-module-nav::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none;
  }
  .qui-module-sidebar-rail:not(.is-responsive-expanded):not(.is-collapsed) .qui-module-nav-item {
    grid-template-columns: 1fr;
    justify-items: center;
    padding-inline: var(--qui-space-lg);
  }
  body:has( .qui-module-sidebar-rail:not(.is-responsive-expanded):not(.is-collapsed)) .qui-app-header::after {
    left: var(--qui-shell-rail-width);
  }
  .qui-record-browser-tool > span {
    display: none;
  }
  .qui-record-browser-tool {
    width: var(--qui-control-size-regular);
    padding-inline: 0;
  }
  .qui-record-browser-pager-slot {
    justify-self: stretch;
    align-self: stretch;
  }
  .qui-record-browser-primary-tools {
    justify-self: stretch;
    align-self: stretch;
    width: 100%;
    max-width: 100%;
  }
  .qui-record-browser-toolbar {
    justify-self: stretch;
    align-self: stretch;
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .qui-record-browser-search-desktop {
    width: 100%;
    max-width: none;
  }
  .qui-page-status-copy {
    display: grid;
    gap: 0.18rem;
  }
}
@media (max-width: 48rem) {
  .qui-onboarding-branding, .qui-onboarding-content .qui-form-grid.is-2 {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-onboarding-content .qui-stepper-copy {
    font-size: 0.75rem;
  }
  .qui-content-page {
    padding: var(--qui-space-lg);
  }
  .qui-grid-2, .qui-grid-3, .qui-grid-5, .qui-grid-6 {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-workspace-page-actions .qui-app-bar-inner {
    padding: 0.5rem;
  }
  .qui-workspace-page-actions .qui-command-bar {
    gap: 0.45rem;
    flex-wrap: wrap;
  }
  .qui-workspace-page-actions .qui-command-bar > :last-child {
    margin-inline-start: 0;
  }
  .qui-workspace-page-header.qui-module-overview-header .qui-overview-module-icon {
    width: 1.4rem;
    height: 1.4rem;
  }
  .qui-content-tabs-wide {
    display: none;
  }
  .qui-content-tabs-compact {
    display: block;
  }
  .qui-slide-over-panel .qui-entity-panel-header .qui-entity-header-actions > .qui-slide-over-size-control {
    display: none;
  }
  .qui-module-header-nav-trigger {
    display: inline-flex;
  }
  .qui-mobile-route-back {
    display: inline-flex;
    flex: 0 0 auto;
  }
  .qui-mobile-route-back .qui-line-icon, .qui-mobile-route-back svg {
    width: 1.375rem;
    height: 1.375rem;
  }
  .qui-module-sidebar-mobile .qui-module-nav {
    border-bottom: 1px solid var(--qui-border-subtle);
  }
  .qui-module-sidebar-mobile .qui-module-mobile-back-row {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .qui-module-sidebar-mobile .qui-module-nav-close {
    width: 100%;
    min-width: 0;
    max-width: none;
    height: 100%;
    min-height: 3.5rem;
    margin: 0;
    padding: 0;
    align-self: stretch;
    justify-self: stretch;
  }
  .qui-header-app-launcher.is-mobile-secondary {
    display: none;
  }
  .qui-topbar-search {
    display: none;
  }
  .qui-command-suggestion-grid, .qui-command-type-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-command-input-row {
    grid-template-columns: auto minmax(0, 1fr) auto 3.5rem;
    gap: 0.375rem;
    padding: 0.5rem 0 0.5rem 0.75rem;
  }
  .qui-command-input-row > .qui-command-search-button.qui-btn {
    width: auto;
    min-width: 0;
    height: var(--qui-control-size-compact);
    min-height: var(--qui-control-size-compact);
    padding-inline: 0.625rem;
    font-size: var(--qui-font-size-sm);
  }
  .qui-command-input-row > .qui-command-close.qui-btn-icon {
    grid-column: 4;
    justify-self: stretch;
    width: 3.5rem;
    min-width: 3.5rem;
    height: 100%;
    min-height: 100%;
    margin: 0;
  }
  .record-list-page .qui-messagebar {
    padding: 0.5625rem 0.6875rem;
  }
  .record-list-page .qui-messagebar strong {
    font-size: var(--qui-font-size-lg);
    line-height: 1.2;
  }
  .record-list-page .qui-messagebar p {
    margin-top: 0.0625rem;
    font-size: var(--qui-font-size-sm);
    line-height: 1.3;
  }
  .record-list-page {
    gap: 0.625rem;
  }
  .qui-data-grid-controls {
    grid-template-columns: 1fr;
  }
  .qui-data-grid-filter-actions {
    justify-content: flex-start;
  }
  .qui-data-grid-column-list {
    right: auto;
    left: 0;
  }
  .qui-data-grid-error {
    align-items: flex-start;
    flex-direction: column;
  }
  .qui-version-picker-option {
    grid-template-columns: 1fr;
  }
  .qui-version-picker-header {
    grid-template-columns: 1fr;
    display: grid;
  }
  .qui-app-drawer-host {
    inset: var(--qui-shell-header-height) 0 0 0;
    width: 100vw;
    height: auto;
    max-height: 100%;
    overflow: hidden;
  }
  .qui-drawer {
    height: calc(100dvh - var(--qui-shell-header-height));
    max-height: calc(100dvh - var(--qui-shell-header-height));
    border-right: 0;
    border-radius: 0;
  }
  .qui-app-launcher-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .qui-account-flyout {
    top: var(--qui-shell-header-height);
    max-height: calc(100dvh - var(--qui-shell-header-height) - 0.5rem);
    left: 0;
    right: 0;
    width: 100vw;
    border-left: 0;
    border-radius: 0;
  }
  .qui-notification-panel {
    left: 0;
    right: 0;
    width: 100vw;
    border-left: 0;
    border-radius: 0;
  }
  .qui-command-scrim {
    top: var(--qui-shell-header-height);
    right: 0;
    bottom: auto;
    left: 0;
    height: calc(100dvh - var(--qui-shell-header-height));
    padding: 0;
  }
  .qui-command-palette {
    width: 100vw;
    max-height: calc(100dvh - var(--qui-shell-header-height));
    top: auto;
    right: auto;
    left: auto;
    transform: none;
    border-left: 0;
    border-right: 0;
    border-radius: 0;
  }
  .qui-notification-header {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: stretch;
    gap: 0;
  }
  .qui-notification-header-actions {
    justify-content: flex-end;
    flex-wrap: nowrap;
  }
  .qui-notification-filter-menu {
    top: calc(100% - 0.2rem);
    right: 0.75rem;
    left: 0.75rem;
    width: auto;
  }
  .qui-notification-body {
    padding: var(--qui-space-lg);
  }
  .qui-notification-item-copy h3 {
    white-space: normal;
  }
  .qui-notification-item-actions {
    justify-content: flex-start;
  }
  .qui-notification-footer {
    align-items: stretch;
  }
  .qui-record-page-actions {
    width: 100%;
    flex-wrap: nowrap;
    align-items: center;
    gap: 0.45rem;
    overflow: visible;
  }
  .qui-record-page-actions > * {
    flex: 0 0 auto;
  }
  .qui-record-page-actions .qui-command-priority-1 {
    flex: 0 0 auto;
    max-width: min(13rem, calc(100% - 8rem));
  }
  .qui-record-page-actions .qui-export-menu {
    flex: 0 1 auto;
    min-width: 0;
    max-width: 7.75rem;
  }
  .qui-record-page-actions .qui-export-menu > summary {
    max-width: 100%;
  }
  .qui-record-page-actions .qui-action-overflow {
    flex: 0 0 var(--qui-control-size-compact);
    width: var(--qui-control-size-compact);
    min-width: var(--qui-control-size-compact);
    margin-left: auto;
  }
  .qui-record-page-actions .qui-action-overflow-trigger {
    width: var(--qui-control-size-compact);
    min-width: var(--qui-control-size-compact);
  }
  .qui-record-page-actions .qui-action-overflow-menu {
    right: 0;
    left: auto;
  }
  .qui-standard-filter-bar {
    grid-template-columns: minmax(0, 1fr) var(--qui-control-size-compact) var(--qui-control-size-compact);
    gap: 0.4rem;
  }
  .qui-standard-filter-apply {
    width: var(--qui-control-size-compact);
    min-width: var(--qui-control-size-compact);
    padding: 0;
  }
  .qui-standard-filter-mobile-toggle .qui-standard-filter-count {
    position: absolute;
    top: -0.25rem;
    right: -0.25rem;
    min-width: 1rem;
    height: 1rem;
    padding-inline: var(--qui-space-xs);
    border: 1px solid var(--qui-bg-surface);
    font-size: 0.65rem;
    line-height: 1;
  }
  .qui-standard-filter-apply span {
    display: none;
  }
  .qui-standard-filter-mobile-toggle {
    width: var(--qui-control-size-compact);
    min-width: var(--qui-control-size-compact);
    padding: 0;
    position: relative;
    overflow: visible;
    display: inline-flex;
  }
  .qui-standard-filter-tools {
    grid-column: 1 / -1;
    display: none;
  }
  .qui-standard-filter-tools.is-mobile-open {
    display: flex;
    align-items: center;
  }
  .qui-standard-filter-tools > * {
    flex: 0 1 auto;
  }
  .qui-standard-filter-chip {
    max-width: 100%;
  }
  .qui-column-chooser-list {
    grid-template-columns: 1fr;
    max-height: min(16rem, 45dvh);
    overflow-y: auto;
  }
  .qui-topbar-start, .qui-topbar-end {
    gap: 0;
  }
  .qui-topbar-start > .qui-drawer-icon, .qui-topbar-end > .qui-drawer-icon {
    width: 2.75rem;
    min-width: 2.75rem;
    flex-basis: 2.75rem;
  }
  .qui-topbar-start > .qui-drawer-icon:first-child {
    width: 3.25rem;
    min-width: 3.25rem;
    flex-basis: 3.25rem;
  }
  .qui-topbar-mobile-search {
    flex: 0 0 auto;
    display: block;
    height: 100%;
    width: 2.75rem;
    min-width: 2.75rem;
    flex-basis: 2.75rem;
    padding-inline: 0;
  }
  .qui-command-trigger-compact {
    width: 2.75rem;
    min-width: 2.75rem;
    flex-basis: 2.75rem;
    padding-inline: 0;
  }
  .qui-account-trigger {
    width: 3.25rem;
    min-width: 3.25rem;
    max-width: 3.25rem;
    gap: 0;
    padding-inline: 0.375rem;
    border-radius: 0;
  }
  .qui-topbar-brand img {
    max-width: min(7.25rem, 34vw);
  }
  .qui-entity-panel-layer.is-page-hosted .qui-entity-panel {
    width: 100%;
  }
  .qui-entity-panel-header > .qui-entity-header {
    flex-direction: row;
    flex-wrap: nowrap;
  }
  .qui-entity-panel-header .qui-entity-header-main {
    overflow: hidden;
  }
  .qui-auth-public .qui-auth-actions > .qui-auth-action {
    min-height: var(--qui-control-size-touch);
  }
  .qui-breadcrumb-item.is-current {
    min-width: 0;
    max-width: 12rem;
    flex: 0 1 auto;
  }
  .qui-page-header-subtitle {
    display: none;
    --qui-page-subtitle-display: none;
  }
  .qui-page-header-identity {
    display: grid;
    grid-template-columns: 2.5rem minmax(0, 1fr);
    gap: 0.55rem;
  }
  .qui-page-header-leading {
    display: grid;
    min-width: 2.5rem;
    min-height: 3rem;
  }
  .qui-page-header-leading-icon {
    width: 1.65rem;
    height: 1.65rem;
  }
  .qui-page-header-eyebrow {
    display: block;
  }
  .qui-page-header-copy {
    display: grid;
    align-content: center;
    gap: 0.0625rem;
  }
  .qui-page-header-copy h1 {
    overflow: visible;
    font-size: 1.4rem;
    line-height: 1;
    text-overflow: clip;
    white-space: normal;
  }
  .qui-page-breadcrumb-layer {
    display: flex;
  }
  .qui-entity-tabs-desktop {
    display: none;
  }
  .qui-entity-tabs-mobile {
    display: block;
  }
  .qui-record-panel-header .qui-entity-header-main {
    min-width: 0;
    flex: 1 1 auto;
  }
  .qui-record-panel-header .qui-entity-header-actions {
    width: auto;
    min-width: max-content;
    flex: 0 0 auto;
    display: flex;
    overflow: visible;
  }
  .qui-record-panel-header .qui-entity-header-actions > .qui-icon-btn {
    width: 2.75rem;
    min-width: 2.75rem;
    flex: 0 0 2.75rem;
  }
  .qui-app-drawer-host .qui-app-launcher-grid {
    column-gap: 0.65rem;
    row-gap: 0.75rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
  .qui-record-panel .qui-linked-record-main {
    grid-template-columns: 2.35rem minmax(0, 1fr);
    align-items: start;
  }
  .qui-record-panel .qui-linked-record-main > .qui-status-pill, .qui-record-panel .qui-linked-record-main > .qui-status {
    grid-column: 2;
    justify-self: start;
    margin-top: 0.25rem;
  }
  .qui-record-panel .qui-linked-record-copy {
    width: 100%;
    min-width: 0;
  }
  .qui-record-panel .qui-due {
    border-radius: 0.55rem;
  }
  .qui-topbar-brand {
    width: auto;
    min-width: 0;
    margin-inline-start: 0;
    padding-inline: 0.65rem;
    overflow: hidden;
  }
  .qui-topbar-brand .qui-topbar-logo-full {
    max-width: 7rem;
    height: 1.35rem;
    object-fit: contain;
  }
  .qui-app-header {
    grid-template-columns: minmax(0, 1fr) auto;
    justify-content: space-between;
    height: var(--qui-shell-header-height);
    gap: 0;
    align-items: stretch;
  }
  .qui-app-header .qui-topbar-start, .qui-app-header .qui-topbar-end {
    height: 100%;
    align-items: stretch;
  }
  .qui-app-header .qui-header-action {
    box-sizing: border-box;
    color: var(--qui-text-muted);
    width: var(--qui-shell-header-height);
    min-width: var(--qui-shell-header-height);
    max-width: var(--qui-shell-header-height);
    height: 100%;
    min-height: 100%;
    flex: 0 0 var(--qui-shell-header-height);
    margin: 0;
    padding: 0;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .qui-app-header .qui-topbar-mobile-search {
    box-sizing: border-box;
    display: block;
    width: var(--qui-shell-header-height);
    min-width: var(--qui-shell-header-height);
    max-width: var(--qui-shell-header-height);
    height: 100%;
    min-height: 100%;
    flex: 0 0 var(--qui-shell-header-height);
    margin: 0;
    padding: 0;
  }
  .qui-app-header .qui-topbar-mobile-search > *, .qui-app-header .qui-topbar-mobile-search .qui-command-trigger-compact {
    color: var(--qui-text-muted);
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0;
    background: transparent;
    box-shadow: none;
  }
  .qui-app-header .qui-header-action:hover:not(:disabled), .qui-app-header .qui-header-action:focus-visible:not(:disabled), .qui-app-header .qui-topbar-mobile-search .qui-command-trigger-compact:hover:not(:disabled), .qui-app-header .qui-topbar-mobile-search .qui-command-trigger-compact:focus-visible:not(:disabled) {
    background: var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      background: color-mix(in srgb, var(--qui-accent) 10%, transparent);
    }
    color: var(--qui-accent-text-hover);
    outline: none;
    box-shadow: inset 0 -2px 0 var(--qui-accent);
    @supports (color: color-mix(in lab, red, red)) {
      box-shadow: inset 0 -2px 0 color-mix(in srgb, var(--qui-accent) 64%, transparent);
    }
  }
  .qui-app-header .qui-account-trigger .qui-avatar {
    width: 2.35rem;
    min-width: 2.35rem;
    height: 2.35rem;
    min-height: 2.35rem;
  }
  .qui-record-route-header-main {
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 0.75rem;
    padding: 0.9rem;
  }
  .qui-record-route-leading {
    width: 2.75rem;
    height: 2.75rem;
  }
  .qui-record-route-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .qui-record-route-fact, .qui-record-route-fact.is-wide {
    grid-column: span 1;
  }
  .qui-organization-identity.is-panel .qui-record-route-facts, .qui-organization-identity.is-page .qui-record-route-facts {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .qui-app-header:has(.qui-command-scrim) {
    z-index: auto;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
    filter: none;
    transform: none;
  }
  .qui-app-header:has(.qui-command-scrim) .qui-command-scrim {
    isolation: isolate;
    position: fixed;
    inset: var(--qui-shell-header-height) 0 0 0;
    width: 100vw;
    height: auto;
    min-height: 0;
    z-index: var(--qui-z-system);
    display: block;
    overflow: hidden;
  }
  .qui-app-header:has(.qui-command-scrim) .qui-command-palette {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    max-height: none;
    display: grid;
    grid-template-rows: auto minmax(0, 1fr);
    border: 0;
    border-radius: 0;
    overflow: hidden;
    background: var(--qui-bg-surface);
    box-shadow: none;
    transform: none;
  }
  .qui-app-header:has(.qui-command-scrim) .qui-command-header {
    min-height: 0;
    flex: 0 0 auto;
    background: var(--qui-bg-surface);
  }
  .qui-app-header:has(.qui-command-scrim) .qui-command-body {
    min-width: 0;
    min-height: 0;
    height: 100%;
    overscroll-behavior: contain;
    background: var(--qui-bg-surface);
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: auto;
  }
  .qui-app-header:has(.qui-command-scrim) .qui-command-search-tab, .qui-app-header:has(.qui-command-scrim) .qui-command-assistant-tab {
    min-width: 0;
    width: 100%;
  }
  .qui-notification-scrim, .qui-audit-trail-host .qui-dialog-backdrop, .qui-delete-confirm-layer:not(.is-inline-preview) {
    left: 0;
    border-top-left-radius: 0;
  }
  .qui-delete-confirm-layer:not(.is-inline-preview) .qui-delete-confirm-backdrop {
    border-top-left-radius: 0;
  }
  .qui-auth-public {
    --qui-auth-content-gutter: 1.5rem;
  }
  .qui-auth-public .qui-auth-account-summary {
    grid-template-columns: 3rem minmax(0, 1fr) auto;
  }
  .qui-record-panel .qui-entity-panel-body {
    padding-inline: var(--qui-space-md);
  }
  .record-list-page > .qui-page-status-region:empty {
    display: none;
  }
  .qui-user-profile.is-compact-mobile .qui-user-profile-trigger {
    padding: 0.125rem;
  }
  .qui-user-profile.is-compact-mobile .qui-user-profile-trigger .qui-person-copy {
    display: none;
  }
  .qui-audit-trail-host {
    left: 0;
  }
  .qui-audit-trail-dialog {
    width: min(100%, calc(100vw - 1rem));
    max-height: calc(100dvh - var(--qui-shell-header-height) - 1rem);
  }
  .qui-audit-trail-dialog .qui-dialog-body {
    padding: 0.75rem;
  }
  .qui-audit-record-header {
    display: none;
  }
  .qui-audit-record-row {
    grid-template-columns: minmax(0, 1fr);
    min-height: 4.5rem;
    padding: 0.35rem 0;
  }
  .qui-audit-record-row > * {
    padding: 0.35rem 0.55rem;
  }
  .qui-audit-record-actor {
    grid-column: 1;
    grid-row: 3;
    align-self: start;
  }
  .qui-audit-record-action {
    grid-column: 1;
    grid-row: 1;
  }
  .qui-audit-record-reference {
    display: grid;
    grid-column: 1;
    grid-row: 2;
  }
  .qui-audit-record-time {
    grid-column: 1;
    grid-row: 4;
  }
  .qui-audit-record-pager {
    grid-template-columns: 1fr;
    justify-items: center;
    gap: 0.35rem;
    text-align: center;
  }
  .qui-audit-record-browser .qui-record-browser-pager-slot {
    padding-top: 0.35rem;
  }
  .qui-page-mini-commandbar-desktop {
    display: none;
  }
  .qui-page-mini-commandbar-mobile {
    display: block;
  }
  .qui-app-bar.is-mobile-collapsed {
    display: none !important;
  }
  .qui-record-route-shell {
    --qui-record-content-gutter: 1rem;
  }
  .qui-record-details .qui-record-section-heading {
    gap: 0.55rem;
  }
  .qui-record-details .qui-record-section-heading > div:first-child {
    flex: 1 1 10rem;
  }
  .qui-record-details .qui-record-section-heading > :is(.qui-command-bar, .qui-page-action-bar) {
    flex: 0 0 auto;
    flex-wrap: wrap;
  }
  .qui-record-details :is(.qui-record-section-heading, .qui-record-section-heading > .qui-command-bar, .qui-record-section-heading > .qui-page-action-bar) > :is(button, a)[aria-label]:has(> :is(.qui-button-icon, .qui-line-icon)) {
    box-sizing: border-box;
    width: 2.55rem;
    min-width: 2.55rem;
    height: 2.55rem;
    min-height: 2.55rem;
    flex: 0 0 2.55rem;
    padding: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 0;
    border-radius: 0.6rem;
    background: var(--qui-bg-muted);
    box-shadow: none;
  }
  .qui-record-details :is(.qui-record-section-heading, .qui-record-section-heading > .qui-command-bar, .qui-record-section-heading > .qui-page-action-bar) > :is(button, a)[aria-label]:has(> :is(.qui-button-icon, .qui-line-icon)) > span {
    display: none;
  }
  .qui-record-details :is(.qui-record-section-heading, .qui-record-section-heading > .qui-command-bar, .qui-record-section-heading > .qui-page-action-bar) > :is(button, a)[aria-label]:has(> :is(.qui-button-icon, .qui-line-icon)):hover:not(:disabled), .qui-record-details :is(.qui-record-section-heading, .qui-record-section-heading > .qui-command-bar, .qui-record-section-heading > .qui-page-action-bar) > :is(button, a)[aria-label]:has(> :is(.qui-button-icon, .qui-line-icon)):focus-visible {
    background: var(--qui-bg-hover);
    box-shadow: var(--qui-shadow-sm);
  }
  .qui-phone-entry {
    padding: var(--qui-space-md);
    gap: var(--qui-space-sm);
  }
  .qui-phone-row-kind {
    grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr);
    gap: var(--qui-space-sm);
  }
  .qui-phone-row-number {
    grid-template-columns: minmax(0, 1.7fr) minmax(5.75rem, .55fr);
    gap: var(--qui-space-sm);
  }
  .qui-phone-row-options {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: var(--qui-space-sm);
  }
  .qui-detail-fact-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-detail-fact-grid .qui-detail-fact.is-wide {
    grid-column: auto;
  }
  .qui-related-card {
    grid-template-columns: 2.5rem minmax(0, 1fr) 3.1rem;
  }
  .qui-record-details :is(.qui-record-section, .qui-details-section) {
    padding: 0.85rem;
    border-radius: 0.9rem;
  }
  .qui-association-card {
    grid-template-columns: 2.5rem minmax(0, 1fr) 3.1rem;
  }
  .qui-dashboard-grid.qui-overview-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-overview-grid > .qui-dashboard-widget {
    grid-column: 1;
  }
  :root, html.dark {
    --qui-auth-canvas-radius: 0px;
    --qui-auth-canvas-left-shadow: none;
    --qui-auth-canvas-top-shadow: transparent;
    --qui-notification-panel-width: 100vw;
  }
  body:has(.qui-module-sidebar-rail:not(.is-collapsed)), body:has(.qui-module-sidebar-rail.is-collapsed) {
    --qui-content-overlay-left: 0px;
  }
  body:has(.qui-module-sidebar-rail) .qui-app-header::after {
    display: none;
  }
  .qui-module-shell {
    background: var(--qui-bg-page);
  }
  .qui-module-sidebar {
    border-right: 1px solid var(--qui-shell-surface-border);
  }
  .qui-record-row.is-collection {
    min-width: 0;
    grid-template-columns: minmax(0, 1fr) 3.25rem;
  }
  .qui-record-row.is-collection.has-selection {
    grid-template-columns: 42px minmax(0, 1fr) 3.25rem;
  }
  .qui-record-row.is-collection > .qui-record-row-cell:not(.is-primary) {
    display: none;
  }
  .qui-record-row.is-collection > * {
    position: relative;
    inset: auto;
  }
  .qui-record-row.is-collection.is-header {
    position: relative;
    top: auto;
  }
  .qui-record-row.is-collection .qui-record-browser-resizer {
    display: none;
  }
  .qui-contact-list-meta, .qui-record-browser-mobile-meta {
    display: block;
  }
  .qui-record-browser-viewport.is-horizontally-scrolled .qui-record-row-cell.is-primary, html.dark .qui-record-browser-viewport.is-horizontally-scrolled .qui-record-row-cell.is-primary {
    box-shadow: none;
  }
}
@media (max-width: 40rem) {
  .qui-list-item {
    grid-template-columns: auto minmax(0, 1fr);
  }
  .qui-list-item:not(:has(> .qui-list-item-icon)) {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-list-item > :is(.qui-list-item-meta, .qui-status, .qui-list-item-actions) {
    grid-column: -2;
  }
  @layer utilities {
    .qui-page-title-cluster h1 {
      font-size: 1.25rem;
    }
    .qui-standard-filter-bar {
      grid-template-columns: minmax(0, 1fr) auto auto;
    }
    .qui-standard-filter-apply {
      grid-column: auto;
    }
    .qui-standard-filter-tools {
      display: none;
    }
    .qui-standard-filter-tools.is-mobile-open {
      display: grid;
      grid-template-columns: 1fr;
    }
    .qui-table-priority-3, .qui-table-priority-4, .qui-table-priority-5, .qui-table-priority-6 {
      display: none;
    }
    .qui-key-value-row {
      grid-template-columns: 1fr;
      gap: 0.15rem;
    }
    .qui-identity-hero {
      grid-template-columns: minmax(0, 1fr);
      gap: 0.85rem;
      padding: var(--qui-space-lg);
    }
    .qui-identity-hero-main, .qui-identity-hero-content, .qui-identity-hero-aside {
      width: 100%;
    }
    .qui-identity-hero-actions {
      width: 100%;
      justify-items: start;
    }
    .qui-entity-panel {
      width: 100vw;
    }
    .qui-auth-shell {
      place-items: start center;
      padding: clamp(3.25rem, 8vh, 4.75rem) var(--qui-space-lg) 1.75rem;
    }
    .qui-auth-shell-inner, .qui-auth-shell-wide .qui-auth-shell-inner {
      width: 100%;
      gap: 0.85rem;
    }
    .qui-auth-heading h1 {
      font-size: 1.35rem;
    }
    .qui-auth-card {
      padding: var(--qui-space-xl);
      box-shadow: 0 0.0625rem 0.125rem rgb(15 23 42 / 0.035), 0 0.4375rem 1rem -1.0625rem rgb(15 23 42 / 0.22), inset 0 0.0625rem 0 rgb(255 255 255 / 0.72);
    }
    .qui-auth-shell .qui-form-grid, .qui-auth-shell .qui-form-section-fields {
      display: flex;
      flex-direction: column;
      align-items: stretch;
    }
    .qui-auth-actions {
      gap: var(--qui-space-md);
    }
    .qui-auth-shell:not(.qui-auth-public) .qui-auth-account-summary {
      align-items: stretch;
      grid-template-columns: auto minmax(0, 1fr);
    }
    .qui-auth-shell:not(.qui-auth-public) .qui-auth-account-summary :is(.qui-button, .qui-button-secondary, .qui-control-button, .qui-action-subtle, .qui-action-danger) {
      grid-column: 1 / -1;
    }
    .qui-auth-shell:not(.qui-auth-public) .qui-auth-saved-account-row {
      align-items: stretch;
      grid-template-columns: minmax(0, 1fr);
    }
    .qui-auth-shell:not(.qui-auth-public) .qui-auth-saved-account-select {
      width: 100%;
    }
    .qui-auth-saved-account-copy strong, .qui-auth-saved-account-copy > span:not(.qui-auth-saved-account-meta), .qui-auth-saved-account-meta span {
      white-space: normal;
    }
    .qui-auth-footer-primary, .qui-auth-footer-secondary, .qui-auth-footer-links {
      gap: 0.35rem;
    }
    .qui-auth-language {
      gap: 0.35rem;
      width: 100%;
    }
  }
  .qui-page-header {
    padding: var(--qui-space-lg);
  }
  .qui-auth-shell {
    place-items: start center;
    padding: clamp(2.75rem, 7vh, 4rem) var(--qui-space-lg) var(--qui-space-2xl);
  }
  .qui-auth-shell-inner, .qui-auth-shell-wide .qui-auth-shell-inner {
    width: 100%;
    gap: var(--qui-space-lg);
  }
  .qui-auth-heading {
    gap: 0.22rem;
  }
  .qui-auth-card {
    padding: 0.95rem;
    box-shadow: 0 0.0625rem 0.125rem rgb(15 23 42 / 0.03), 0 0.375rem 0.875rem -1rem rgb(15 23 42 / 0.2), inset 0 0.0625rem 0 rgb(255 255 255 / 0.7);
  }
  .qui-auth-shell .qui-form-grid, .qui-auth-shell .qui-form-grid.is-2, .qui-auth-shell .qui-form-grid.is-3, .qui-auth-shell .qui-form-section-fields {
    display: flex;
    flex-direction: column;
    align-items: stretch;
  }
  .qui-dashboard-metric-grid, .qui-dashboard-metric-grid.is-3, .qui-dashboard-metric-grid.is-4, .qui-dashboard-widget-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-key-value-row {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-identity-hero {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.85rem;
    padding: var(--qui-space-lg);
  }
  .qui-identity-hero-main, .qui-identity-hero-content, .qui-identity-hero-aside {
    width: 100%;
  }
  .qui-identity-hero-actions {
    width: 100%;
    justify-items: start;
  }
  .qui-filter-stack .qui-filter-actions {
    align-self: stretch;
  }
  .qui-centered-content {
    padding: var(--qui-space-xl);
  }
  .qui-auth-public.qui-auth-shell {
    min-height: 100dvh;
    grid-template-rows: minmax(0, 1fr) auto;
    background: var(--qui-bg-surface);
  }
  .qui-auth-public .qui-auth-stage {
    display: block;
    min-height: 0;
    height: 100%;
    padding: 0;
  }
  .qui-auth-public .qui-auth-shell-inner, .qui-auth-public.qui-auth-shell-wide .qui-auth-shell-inner {
    width: 100%;
    min-height: 0;
    height: 100%;
  }
  .qui-auth-public .qui-auth-centered-card {
    width: 100%;
    min-height: 100%;
    height: 100%;
    justify-content: flex-start;
    padding: 0;
    border: 0;
    border-radius: 0;
    box-shadow: none;
  }
  .qui-auth-public .qui-auth-logo-link {
    margin-top: max(2.5rem, env(safe-area-inset-top));
  }
  .qui-auth-public .qui-auth-heading {
    margin-top: 1.4rem;
    padding: 2rem 2rem 1.5rem;
  }
  .qui-auth-public .qui-auth-card-content {
    padding: 0;
  }
  .qui-auth-public .qui-auth-route-helper {
    padding-inline: 1.5rem;
    padding-bottom: 1.25rem;
  }
  .qui-auth-public .qui-auth-inner-padding, .qui-auth-public .qui-auth-card-content > .qui-auth-stack:not(.qui-auth-inner-padding), .qui-auth-public .qui-auth-card-content > form:has(> .qui-auth-stack:not(.qui-auth-inner-padding)), .qui-auth-public .qui-auth-card-content:has(> .qui-auth-actions), .qui-auth-public .qui-auth-card-content > .qui-loading-state {
    padding-inline: 1.5rem;
  }
  .qui-auth-public .qui-auth-actions {
    gap: 0.5rem;
  }
  .qui-auth-public .qui-auth-page-footer {
    position: relative;
    z-index: 1;
    background: var(--qui-bg-surface);
    padding: 0.75rem 1rem max(1rem, env(safe-area-inset-bottom));
  }
  .qui-auth-public .qui-auth-saved-account-row {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .qui-auth-public .qui-auth-account-remove {
    width: 2.25rem;
    min-width: 2.25rem;
    justify-self: auto;
  }
}
@media (max-width: 30rem) {
  .qui-auth-public.qui-onboarding-shell .qui-auth-shell-inner {
    width: 100%;
  }
  .qui-onboarding-content {
    padding: 0 1rem 1.25rem;
  }
  .qui-onboarding-content .qui-stepper-copy {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
  }
  .qui-onboarding-content .qui-stepper-item {
    align-items: center;
  }
  .qui-onboarding-actions {
    gap: 0.5rem;
  }
  .qui-workspace-page-header.qui-dashboard-page-header .qui-page-header-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.75rem;
  }
  .qui-dashboard-page-header .qui-page-header-mini-actions {
    justify-self: start;
    margin-left: 0;
  }
  .qui-dashboard-header-actions {
    justify-content: flex-start;
  }
  .qui-workspace-page-header .qui-page-header-row {
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
  }
  .qui-workspace-page-actions .qui-command-bar > :is(.qui-button, .qui-button-secondary, .qui-link) {
    min-width: 0;
  }
  .qui-module-overview-header .qui-page-header-leading {
    display: none;
  }
  .qui-module-overview-header .qui-page-header-identity {
    grid-template-columns: minmax(0, 1fr);
    display: grid;
  }
  .qui-settings-sections .qui-key-value-row {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.25rem;
  }
  .qui-settings-mode {
    display: none;
  }
  .qui-otp-input {
    gap: var(--qui-space-sm);
  }
  .qui-app-launcher-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: 0.5rem;
  }
  .qui-topbar-start > .qui-drawer-icon, .qui-topbar-end > .qui-drawer-icon {
    width: 2.5rem;
    min-width: 2.5rem;
    flex-basis: 2.5rem;
  }
  .qui-topbar-start > .qui-drawer-icon:first-child {
    width: 3rem;
    min-width: 3rem;
    flex-basis: 3rem;
  }
  .qui-topbar-mobile-search, .qui-command-trigger-compact {
    width: 2.5rem;
    min-width: 2.5rem;
    flex-basis: 2.5rem;
    padding-inline: 0;
  }
  .qui-account-trigger {
    width: 3rem;
    min-width: 3rem;
    max-width: 3rem;
    padding-inline: 0.25rem;
    border-radius: 0;
  }
  .qui-topbar-brand {
    --qui-brand-full-display: none;
    --qui-brand-mark-display: block;
    width: var(--qui-shell-header-height);
    min-width: var(--qui-shell-header-height);
    height: 100%;
    margin-inline-start: 0;
    padding: 0;
    display: grid;
    place-items: center;
    line-height: 0;
    overflow: visible;
  }
  .qui-topbar-brand .qui-topbar-logo-mark {
    width: 2rem;
    min-width: 2rem;
    max-width: 2rem;
    height: 2rem;
    margin: 0;
    align-self: center;
    justify-self: center;
    object-fit: contain;
    transform: none;
    vertical-align: middle;
  }
  .qui-page-header-identity {
    display: block;
  }
  .qui-page-header-row {
    align-items: center;
    gap: var(--qui-space-md);
  }
  .qui-page-header-copy h1 {
    overflow: hidden;
    font-size: 1.35rem;
    line-height: 1;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .qui-entity-panel {
    --qui-panel-padding-x: var(--qui-space-xl);
  }
  .qui-record-panel {
    --qui-panel-padding-x: 1rem;
  }
  .qui-linked-record-main {
    grid-template-columns: 2.25rem minmax(0, 1fr);
  }
  .qui-linked-record-main > .qui-status-pill, .qui-attachment-date {
    grid-column: 2;
    justify-self: start;
  }
  .qui-due {
    font-size: 0.74rem;
  }
  .qui-record-panel .qui-due-time {
    flex-basis: 100%;
    margin-left: 1.15rem;
    white-space: normal;
  }
  .qui-app-drawer-host .qui-app-launcher-grid {
    column-gap: 0.5rem;
    row-gap: 0.7rem;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
  .qui-record-panel .qui-attachment-row.qui-linked-record-main {
    grid-template-columns: 2rem minmax(0, 1fr);
    align-items: start;
  }
  .qui-record-panel .qui-attachment-icon {
    grid-column: 1;
    grid-row: 1 / span 2;
  }
  .qui-record-panel .qui-attachment-copy {
    grid-column: 2;
    grid-row: 1;
  }
  .qui-record-panel .qui-attachment-date {
    grid-column: 2;
    grid-row: 2;
    justify-self: start;
    margin-top: 0.22rem;
    white-space: nowrap;
  }
  .qui-page-header-leading, .qui-page-header-subtitle, .qui-page-breadcrumb-layer {
    display: none;
  }
  .qui-page-header-eyebrow {
    display: block;
    margin-bottom: 0.22rem;
    overflow: hidden;
    color: var(--qui-text-muted);
    font-size: 0.78rem;
    font-weight: 650;
    line-height: 1.05;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .qui-page-header-copy {
    display: grid;
    gap: 0.1rem;
  }
  .qui-auth-language-options {
    grid-template-columns: 1fr;
  }
  .qui-workspace-switcher-menu.is-compact {
    width: calc(100vw - 1rem);
  }
  .qui-workspace-option {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.4rem;
  }
  .qui-workspace-status {
    justify-self: start;
  }
  .qui-record-route-breadcrumbs {
    display: none;
  }
  .qui-record-route-header-main {
    grid-template-columns: auto minmax(0, 1fr) auto;
  }
  .qui-record-route-copy h1 {
    font-size: 1.3rem;
  }
  .qui-record-route-subtitle {
    font-size: 0.82rem;
  }
  .qui-record-route-context {
    flex-basis: 100%;
    white-space: normal;
  }
  .qui-record-route-facts {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-record-route-fact, .qui-record-route-fact.is-wide {
    grid-column: auto;
    border-right: 0;
  }
  .qui-organization-identity .qui-record-route-header-main {
    grid-template-columns: minmax(0, 1fr) auto;
  }
  .qui-organization-identity.is-page .qui-record-route-facts {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-organization-identity .qui-record-route-fact, .qui-organization-identity .qui-record-route-fact.is-full {
    grid-column: auto;
  }
  .qui-record-browser-popover {
    right: 0;
    left: 0;
  }
  .qui-record-browser-identity {
    grid-template-columns: 2rem minmax(0,1fr);
  }
  .qui-record-avatar {
    width: 2rem;
    height: 2rem;
  }
  .qui-smart-pager-page.is-optional {
    display: none;
  }
  .qui-smart-pager-edge, .qui-smart-pager-page {
    min-width: 1.85rem;
    height: 1.85rem;
  }
  .qui-smart-pager-select {
    min-width: 4.9rem;
    padding-inline-start: 0.4rem;
    font-size: var(--qui-font-size-xs);
  }
  .qui-record-browser-search-desktop {
    display: none;
  }
  .qui-record-browser-search-toggle {
    display: inline-flex;
    margin-right: auto;
  }
  .qui-smart-pager {
    gap: 0.12rem;
  }
  .qui-smart-pager-navigation {
    gap: 0;
  }
  .qui-record-browser-toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--qui-space-xs);
  }
  .qui-record-browser-primary-tools {
    grid-template-columns: auto auto minmax(0, 1fr);
    display: contents;
  }
  .qui-record-browser-selection-toggle {
    order: 1;
    flex: 0 0 var(--qui-control-size-regular);
    margin: 0;
  }
  .qui-record-browser-tools {
    grid-column: 1;
    order: 2;
    min-width: 0;
    flex: 1 1 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .qui-record-browser-search-mobile {
    grid-column: 1;
    order: 3;
    flex: 1 0 100%;
    width: 100%;
  }
  .qui-business-name-identity .qui-record-browser-mobile-meta {
    max-width: 100%;
  }
  .qui-organization-identity.is-panel .qui-record-route-facts, .qui-person-identity .qui-record-route-facts {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-record-stack .qui-linked-record-main {
    grid-template-columns: 2.25rem minmax(0, 1fr);
  }
  .qui-record-stack .qui-linked-record-main > .qui-status-pill {
    grid-column: 2;
    justify-self: start;
    margin-top: 0.25rem;
  }
  .qui-audit-record-browser-toolbar .qui-record-browser-primary-tools {
    display: none;
  }
  .qui-audit-record-browser-toolbar .qui-record-browser-tools {
    width: 100%;
    justify-content: flex-end;
  }
  .qui-audit-record-browser-toolbar .qui-record-browser-search-toggle {
    margin-right: auto;
  }
  .qui-audit-record-browser .qui-record-browser-popover {
    right: 0;
    left: 0;
    width: min(calc(100vw - 2rem), 24rem);
  }
  .qui-phone-entry {
    padding-inline: .75rem;
  }
  .qui-phone-row-kind, .qui-phone-row-number, .qui-phone-row-options {
    column-gap: .6rem;
  }
  .qui-phone-row-number .qui-phone-input {
    grid-template-columns: 5.75rem minmax(0, 1fr);
    gap: .5rem;
  }
  .qui-grouped-record-form .qui-form-fields {
    gap: var(--qui-space-lg);
  }
  .qui-relationship-flags {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-object-picker .qui-searchable-select-panel {
    width: 100%;
    min-width: min(16rem, calc(100vw - 1rem));
  }
  .qui-object-picker .qui-searchable-select-option.is-entity {
    min-height: 3.65rem;
    padding-inline: 0.55rem;
  }
  .qui-nested-editor.qui-panel-form.is-panel-layout > .qui-panel-form-footer {
    padding-top: var(--qui-space-md);
  }
  .qui-form-section-header {
    align-items: flex-start;
    gap: var(--qui-space-md);
  }
  .qui-detail-fact-grid .qui-detail-fact {
    grid-template-columns: minmax(0, 1fr);
    gap: var(--qui-space-xs);
  }
  .qui-related-card-meta-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
  .qui-record-details :is(.qui-record-section, .qui-details-section) {
    padding: 0.75rem;
  }
  .qui-record-details .qui-record-section-heading, .qui-record-details .qui-details-section-header {
    min-height: 0;
    gap: 0.65rem;
  }
  .qui-insight-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-insight-card {
    min-height: 0;
  }
  .qui-section-nav-wide {
    display: none;
  }
  .qui-section-nav-compact {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 2.75rem;
    border-bottom: 1px solid var(--qui-border);
  }
  .qui-board-mobile-select {
    display: block;
  }
  .qui-board {
    display: block;
    overflow-x: clip;
  }
  .qui-board-column {
    display: none;
    width: 100%;
  }
  .qui-board-column.is-mobile-selected {
    display: block;
  }
  .qui-record-facts, .qui-ordered-editor-fields {
    grid-template-columns: minmax(0, 1fr);
  }
  .qui-ordered-editor {
    grid-template-columns: 1.5rem minmax(0, 1fr);
    gap: .5rem;
  }
  .qui-ordered-editor-position {
    width: 1.5rem;
    height: 1.5rem;
  }
  .qui-record-commands {
    flex-direction: column;
    align-items: stretch;
  }
  .qui-form-stack .qui-control-button {
    min-height: 2.75rem;
  }
  .qui-calendar-month-day {
    min-height: 5rem;
    padding: .1rem;
  }
  .qui-calendar-date {
    font-size: .65rem;
  }
  .qui-calendar-month-event {
    font-size: .6rem;
  }
  .qui-calendar-agenda-event {
    grid-template-columns: minmax(0, 1fr);
    gap: .2rem;
  }
  .qui-calendar-time-scroll {
    max-height: 60vh;
  }
}
@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-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-ordinal {
  syntax: "*";
  inherits: false;
}
@property --tw-slashed-zero {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-figure {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-spacing {
  syntax: "*";
  inherits: false;
}
@property --tw-numeric-fraction {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 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-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-duration {
  syntax: "*";
  inherits: false;
}
@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-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-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-ordinal: initial;
      --tw-slashed-zero: initial;
      --tw-numeric-figure: initial;
      --tw-numeric-spacing: initial;
      --tw-numeric-fraction: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-duration: initial;
    }
  }
}