/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: var(--theme-font-sans);
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New',
    monospace;
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-blue-500: oklch(62.3% 0.214 259.815);
    --color-blue-600: oklch(54.6% 0.245 262.881);
    --color-blue-700: oklch(48.8% 0.243 264.376);
    --color-gray-100: oklch(96.7% 0.003 264.542);
    --color-gray-300: oklch(87.2% 0.01 258.338);
    --color-gray-600: oklch(44.6% 0.03 256.802);
    --color-gray-700: oklch(37.3% 0.034 259.733);
    --color-gray-800: oklch(27.8% 0.033 256.848);
    --color-gray-900: oklch(21% 0.034 264.665);
    --color-black: #000;
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-md: 28rem;
    --container-xl: 36rem;
    --container-5xl: 64rem;
    --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-2xl: 1.5rem;
    --text-2xl--line-height: calc(2 / 1.5);
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --leading-tight: 1.25;
    --leading-normal: 1.5;
    --radius-lg: 0.5rem;
    --radius-xl: 0.75rem;
    --ease-out: cubic-bezier(0, 0, 0.2, 1);
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
    --color-surface: var(--theme-surface);
    --color-surface-subtle: var(--theme-surface-subtle);
    --color-panel: var(--theme-panel);
    --color-border: var(--theme-border);
    --color-border-strong: var(--theme-border-strong);
    --color-text: var(--theme-text);
    --color-text-muted: var(--theme-text-muted);
    --color-text-dim: var(--theme-text-dim);
    --color-accent: var(--theme-accent);
    --color-accent-hover: var(--theme-accent-hover);
    --color-accent-contrast: var(--theme-accent-contrast);
    --color-accent-soft: var(--theme-accent-soft);
    --color-accent-line: var(--theme-accent-line);
    --color-hover: var(--theme-hover);
    --color-neutral-surface: var(--theme-neutral-surface);
    --color-danger: var(--theme-danger);
    --color-danger-border: var(--theme-danger-border);
    --color-danger-surface: var(--theme-danger-surface);
    --color-danger-text: var(--theme-danger-text);
    --color-success-border: var(--theme-success-border);
    --color-success-surface: var(--theme-success-surface);
    --color-success-text: var(--theme-success-text);
    --color-warn-border: var(--theme-warn-border);
    --color-warn-surface: var(--theme-warn-surface);
    --color-warn-text: var(--theme-warn-text);
    --color-violet: var(--theme-violet);
    --color-violet-surface: var(--theme-violet-surface);
    --color-avatar-from: var(--theme-avatar-from);
    --color-avatar-to: var(--theme-avatar-to);
    --color-modal-scrim: var(--theme-modal-scrim);
    --spacing-page: var(--theme-spacing-page);
    --spacing-panel: var(--theme-spacing-panel);
    --container-narrow: var(--theme-container-narrow);
    --radius-control: var(--theme-radius-control);
    --radius-item: var(--theme-radius-item);
    --radius-field: var(--theme-radius-field);
    --radius-panel: var(--theme-radius-panel);
    --radius-dialog: var(--theme-radius-dialog);
    --text-h1: var(--theme-font-size-h1);
    --text-h1--line-height: var(--theme-leading-h1);
    --text-h1--letter-spacing: var(--theme-tracking-h1);
    --text-h1-compact: var(--theme-font-size-h1-compact);
    --text-h1-compact--line-height: var(--theme-leading-h1-compact);
    --text-h1-compact--letter-spacing: var(--theme-tracking-h1-compact);
    --text-h2: var(--theme-font-size-h2);
    --text-h2--line-height: var(--theme-leading-h2);
    --text-h2--letter-spacing: var(--theme-tracking-h2);
    --text-caption: var(--theme-font-size-caption);
    --leading-body: var(--theme-leading-body);
    --tracking-heading: var(--theme-tracking-heading);
  }
}
@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;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .relative {
    position: relative;
  }
  .static {
    position: static;
  }
  .static\! {
    position: static !important;
  }
  .\!start {
    inset-inline-start: var(--spacing) !important;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .\!end {
    inset-inline-end: var(--spacing) !important;
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .order-1 {
    order: 1;
  }
  .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;
    }
  }
  .my-2 {
    margin-block: calc(var(--spacing) * 2);
  }
  .-mt-2 {
    margin-top: calc(var(--spacing) * -2);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6);
  }
  .block {
    display: block;
  }
  .contents {
    display: contents;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline {
    display: inline;
  }
  .table {
    display: table;
  }
  .table\! {
    display: table !important;
  }
  .h-5\/6 {
    height: calc(5 / 6 * 100%);
  }
  .h-full {
    height: 100%;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-3\/4 {
    width: calc(3 / 4 * 100%);
  }
  .w-full {
    width: 100%;
  }
  .max-w-md {
    max-width: var(--container-md);
  }
  .min-w-\[300px\] {
    min-width: 300px;
  }
  .shrink {
    flex-shrink: 1;
  }
  .grow {
    flex-grow: 1;
  }
  .\!transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,) !important;
  }
  .transform {
    transform: var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,);
  }
  .cursor-pointer {
    cursor: pointer;
  }
  .resize {
    resize: both;
  }
  .flex-col {
    flex-direction: column;
  }
  .items-center {
    align-items: center;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .truncate {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-\[8px\] {
    border-radius: 8px;
  }
  .rounded-\[12px\] {
    border-radius: 12px;
  }
  .rounded-lg {
    border-radius: var(--radius-lg);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-gray-300 {
    border-color: var(--color-gray-300);
  }
  .bg-\[\#007acc\] {
    background-color: #007acc;
  }
  .bg-blue-500 {
    background-color: var(--color-blue-500);
  }
  .bg-gray-100 {
    background-color: var(--color-gray-100);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .p-4 {
    padding: calc(var(--spacing) * 4);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .px-6 {
    padding-inline: calc(var(--spacing) * 6);
  }
  .px-8 {
    padding-inline: calc(var(--spacing) * 8);
  }
  .py-2 {
    padding-block: calc(var(--spacing) * 2);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .text-center {
    text-align: center;
  }
  .text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
  }
  .text-base {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-\[1\.5em\] {
    font-size: 1.5em;
  }
  .text-\[1em\] {
    font-size: 1em;
  }
  .text-\[2\.5em\] {
    font-size: 2.5em;
  }
  .text-\[3em\] {
    font-size: 3em;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .break-words {
    overflow-wrap: break-word;
  }
  .whitespace-pre-wrap {
    white-space: pre-wrap;
  }
  .text-\[\#007acc\] {
    color: #007acc;
  }
  .text-\[\#333\] {
    color: #333;
  }
  .text-black {
    color: var(--color-black);
  }
  .text-blue-500 {
    color: var(--color-blue-500);
  }
  .text-blue-600 {
    color: var(--color-blue-600);
  }
  .text-gray-600 {
    color: var(--color-gray-600);
  }
  .text-gray-700 {
    color: var(--color-gray-700);
  }
  .text-gray-800 {
    color: var(--color-gray-800);
  }
  .text-gray-900 {
    color: var(--color-gray-900);
  }
  .text-red-600 {
    color: var(--color-red-600);
  }
  .text-white {
    color: var(--color-white);
  }
  .capitalize {
    text-transform: capitalize;
  }
  .lowercase {
    text-transform: lowercase;
  }
  .uppercase {
    text-transform: uppercase;
  }
  .\!ordinal {
    --tw-ordinal: ordinal !important;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,) !important;
  }
  .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,);
  }
  .underline {
    text-decoration-line: underline;
  }
  .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-lg {
    --tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 4px 6px -4px 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-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 2px 4px -2px 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);
  }
  .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,) !important;
  }
  .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));
  }
  .duration-200 {
    --tw-duration: 200ms;
    transition-duration: 200ms;
  }
  .block-min {
    block-size: min-content;
  }
  .hover\:bg-\[\#005f99\] {
    &:hover {
      @media (hover: hover) {
        background-color: #005f99;
      }
    }
  }
  .hover\:bg-blue-600 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-600);
      }
    }
  }
  .hover\:text-blue-700 {
    &:hover {
      @media (hover: hover) {
        color: var(--color-blue-700);
      }
    }
  }
  .hover\:underline {
    &:hover {
      @media (hover: hover) {
        text-decoration-line: underline;
      }
    }
  }
  .focus\:ring-2 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  .focus\:ring-\[\#007acc\] {
    &:focus {
      --tw-ring-color: #007acc;
    }
  }
  .focus\:outline-none {
    &:focus {
      --tw-outline-style: none;
      outline-style: none;
    }
  }
  .active\:bg-\[\#004b80\] {
    &:active {
      background-color: #004b80;
    }
  }
  .active\:bg-blue-700 {
    &:active {
      background-color: var(--color-blue-700);
    }
  }
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("fonts/inter-cyrillic-wght-normal.woff2") format("woff2");
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("fonts/inter-latin-ext-wght-normal.woff2") format("woff2");
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: "Inter";
  font-style: normal;
  font-display: swap;
  font-weight: 100 900;
  src: url("fonts/inter-latin-wght-normal.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
  color-scheme: light;
  --theme-surface: #e9edf3;
  --theme-surface-subtle: #f8fafc;
  --theme-panel: #ffffff;
  --theme-border: #e5e9f0;
  --theme-border-strong: #d7dde8;
  --theme-text: #111827;
  --theme-text-muted: #475569;
  --theme-text-dim: #5b6b82;
  --theme-accent: #2563eb;
  --theme-accent-hover: #1d4ed8;
  --theme-accent-contrast: #ffffff;
  --theme-accent-soft: #eff4ff;
  --theme-accent-line: #c7d7fb;
  --theme-hover: #f8fafc;
  --theme-neutral-surface: #f1f5f9;
  --theme-danger: #e11d48;
  --theme-danger-border: #f6c2cd;
  --theme-danger-surface: #fdecef;
  --theme-danger-text: #be123c;
  --theme-success-border: #c8e9d5;
  --theme-success-surface: #e8f6ed;
  --theme-success-text: #157c3b;
  --theme-warn-border: #f7dcae;
  --theme-warn-surface: #fef4e6;
  --theme-warn-text: #b45309;
  --theme-violet: #4f46e5;
  --theme-violet-surface: #eef0ff;
  --theme-avatar-from: #60a5fa;
  --theme-avatar-to: #4f46e5;
  --theme-modal-scrim: rgb(15 23 42 / 0.45);
  --theme-spacing-page: 24px;
  --theme-spacing-panel: 20px;
  --theme-container-narrow: 660px;
  --theme-radius-control: 8px;
  --theme-radius-item: 9px;
  --theme-radius-field: 12px;
  --theme-radius-panel: 18px;
  --theme-radius-dialog: 20px;
  --theme-shadow-card: 0 1px 2px rgb(15 23 42 / 0.04), 0 8px 24px rgb(15 23 42 / 0.05);
  --theme-shadow-pop: 0 18px 44px rgb(15 23 42 / 0.16);
  --theme-shadow-segment: 0 1px 2px rgb(15 23 42 / 0.08);
  --theme-font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif;
  --theme-font-size-h1: 30px;
  --theme-leading-h1: 1.15;
  --theme-tracking-h1: -0.02em;
  --theme-font-size-h1-compact: 24px;
  --theme-leading-h1-compact: 1.2;
  --theme-tracking-h1-compact: -0.02em;
  --theme-font-size-h2: 20px;
  --theme-leading-h2: 1.25;
  --theme-tracking-h2: -0.01em;
  --theme-font-size-caption: 13px;
  --theme-leading-body: 1.45;
  --theme-tracking-heading: -0.01em;
}
@layer base {
  *, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
  }
}
@layer base {
  body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-family: var(--font-sans);
    font-size: var(--text-sm);
    line-height: var(--leading-body);
    color: var(--color-text);
    background-color: var(--color-surface);
  }
}
@layer components {
  :root:has(.sidebar--open) {
    @media (width < 64rem) {
      overflow: hidden;
    }
  }
  :root:has(.modal) {
    overflow: hidden;
  }
  .app {
    display: flex;
    width: 100%;
    flex-direction: column;
    min-height: 100dvh;
  }
  .layout {
    display: flex;
    min-height: 100dvh;
  }
  .layout__main {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
  }
  .layout__content {
    flex: 1;
    padding: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      padding: var(--spacing-page);
    }
  }
  .layout__content :is(a[href], button, input, select, textarea, [tabindex]):not(.modal *) {
    scroll-margin-top: calc(var(--spacing) * 16);
  }
  .layout__content-inner {
    width: 100%;
  }
  .layout__scrim {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 30;
    background-color: var(--color-modal-scrim);
    @media (width >= 64rem) {
      display: none;
    }
  }
  .sidebar {
    visibility: hidden;
    position: fixed;
    inset-block: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 40;
    display: flex;
    width: calc(var(--spacing) * 62);
    --tw-translate-x: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y);
    flex-direction: column;
    overflow-y: auto;
    border-right-style: var(--tw-border-style);
    border-right-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 5);
    --tw-outline-style: none;
    outline-style: none;
    transition: translate 200ms,visibility 0s linear 200ms;
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
    @media (width >= 64rem) {
      visibility: visible;
    }
    @media (width >= 64rem) {
      position: sticky;
    }
    @media (width >= 64rem) {
      top: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      z-index: auto;
    }
    @media (width >= 64rem) {
      height: 100dvh;
    }
    @media (width >= 64rem) {
      width: calc(var(--spacing) * 58);
    }
    @media (width >= 64rem) {
      flex-shrink: 0;
    }
    @media (width >= 64rem) {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y);
    }
    @media (width >= 64rem) {
      align-self: flex-start;
    }
    @media (width >= 64rem) {
      transition-property: none;
    }
  }
  .sidebar--open {
    visibility: visible;
    --tw-translate-x: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    --tw-shadow: var(--theme-shadow-pop);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-delay: 0s;
    @media (width >= 64rem) {
      animation: sidebar-docked 1ms;
    }
    @media (width >= 64rem) {
      --tw-shadow: 0 0 #0000;
      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    }
  }
  @keyframes sidebar-docked {
    from {
      opacity: 1;
    }
    to {
      opacity: 1;
    }
  }
  .sidebar__brand {
    padding-inline: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 1.5);
    padding-bottom: calc(var(--spacing) * 6.5);
    font-size: 17px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-heading);
    letter-spacing: var(--tracking-heading);
    color: var(--color-text);
  }
  .sidebar__nav {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .sidebar__group {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .sidebar__group--admin:has(.sidebar__link) {
    &::before {
      content: var(--tw-content);
      margin-inline: calc(var(--spacing) * 3);
    }
    &::before {
      content: var(--tw-content);
      margin-block: calc(var(--spacing) * 2.5);
    }
    &::before {
      content: var(--tw-content);
      height: 1px;
    }
    &::before {
      content: var(--tw-content);
      background-color: var(--color-border);
    }
  }
  .sidebar__group--foot {
    margin-top: auto;
  }
  .sidebar__group--foot:has(.sidebar__link) {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
    padding-top: calc(var(--spacing) * 4);
  }
  .sidebar__link {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-field);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    white-space: nowrap;
    color: var(--color-text-muted);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .sidebar__link:hover {
    background-color: var(--color-surface-subtle);
    color: var(--color-text);
  }
  .sidebar__link:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: calc(2px * -1);
    outline-color: var(--color-accent);
  }
  .sidebar__link--active, .sidebar__link--active:hover {
    background-color: var(--color-accent-soft);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-accent);
  }
  .sidebar__link-label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .sidebar__count {
    margin-left: auto;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-dim);
  }
  .sidebar__link--active .sidebar__count {
    color: var(--color-accent);
  }
  .topbar {
    position: sticky;
    top: calc(var(--spacing) * 0);
    z-index: 20;
    display: flex;
    height: calc(var(--spacing) * 16);
    flex-shrink: 0;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    padding-inline: calc(var(--spacing) * 3);
    @media (width >= 64rem) {
      padding-inline: var(--spacing-page);
    }
  }
  .layout__main > .api-status {
    top: calc(var(--spacing) * 16);
    z-index: 15;
  }
  .topbar__menu {
    display: grid;
    width: calc(var(--spacing) * 9.5);
    height: calc(var(--spacing) * 9.5);
    flex-shrink: 0;
    cursor: pointer;
    place-items: center;
    border-radius: var(--radius-item);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    color: var(--color-text-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width < 40rem) {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
    @media (width >= 64rem) {
      display: none;
    }
  }
  .topbar__menu:hover {
    background-color: var(--color-surface-subtle);
    color: var(--color-text);
  }
  .topbar__menu:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .user-menu {
    position: relative;
  }
  .topbar__menu + .user-menu {
    margin-left: auto;
  }
  .user-menu__trigger {
    display: flex;
    max-width: calc(var(--spacing) * 70);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-field);
    padding: calc(var(--spacing) * 1);
    text-align: left;
    color: var(--color-text-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 1.5);
    }
  }
  .user-menu__trigger:hover {
    background-color: var(--color-surface-subtle);
  }
  .user-menu__trigger:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .user-menu__text, .user-menu__trigger > .icon {
    display: none;
    @media (width >= 64rem) {
      display: block;
    }
  }
  .user-menu__text {
    min-width: calc(var(--spacing) * 0);
  }
  .user-menu__name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .user-menu__roles {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .user-menu__panel {
    position: absolute;
    top: calc(100% + 6px);
    right: calc(var(--spacing) * 0);
    z-index: 50;
    display: flex;
    width: calc(var(--spacing) * 64);
    flex-direction: column;
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    padding: calc(var(--spacing) * 1.5);
    --tw-shadow: var(--theme-shadow-pop);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .user-menu__account {
    margin-bottom: calc(var(--spacing) * 1.5);
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-top: calc(var(--spacing) * 1.5);
    padding-bottom: calc(var(--spacing) * 2.5);
  }
  .user-menu__account-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .user-menu__email {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .user-menu__item {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
    border-radius: var(--radius-item);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2.25);
    text-align: left;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .user-menu__item:hover, .user-menu__item[aria-current="page"] {
    background-color: var(--color-surface-subtle);
  }
  .user-menu__item:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: calc(2px * -1);
    outline-color: var(--color-accent);
  }
}
@layer components {
  .access-denied {
    max-width: var(--container-narrow);
  }
  .access-denied__text {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
}
@layer components {
  .alert {
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-body);
    line-height: var(--leading-body);
  }
  .alert--danger {
    border-color: var(--color-danger-border);
    background-color: var(--color-danger-surface);
    color: var(--color-danger-text);
  }
  .alert--warn {
    border-color: var(--color-warn-border);
    background-color: var(--color-warn-surface);
    color: var(--color-warn-text);
  }
  .alert--success {
    border-color: var(--color-success-border);
    background-color: var(--color-success-surface);
    color: var(--color-success-text);
  }
  .alert--info {
    border-color: var(--color-accent-line);
    background-color: var(--color-accent-soft);
    color: var(--color-accent);
  }
  .alert--neutral {
    border-color: var(--color-border);
    background-color: var(--color-surface-subtle);
    color: var(--color-text-muted);
  }
}
@layer components {
  .avatar {
    display: grid;
    width: calc(var(--spacing) * 9.5);
    height: calc(var(--spacing) * 9.5);
    flex-shrink: 0;
    place-items: center;
    border-radius: calc(infinity * 1px);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-accent-contrast);
    text-transform: uppercase;
    background: linear-gradient(140deg, var(--color-avatar-from), var(--color-avatar-to));
  }
}
@layer components {
  .button {
    display: inline-flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-control);
    border-style: var(--tw-border-style);
    border-width: 1px;
    --tw-leading: var(--leading-body);
    line-height: var(--leading-body);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .button:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .button:disabled {
    cursor: not-allowed;
    opacity: 50%;
  }
  .button--medium {
    padding-inline: calc(var(--spacing) * 4.5);
    padding-block: calc(var(--spacing) * 2.25);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .button--small {
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 1.75);
    font-size: var(--text-caption);
  }
  .button--large {
    padding-inline: calc(var(--spacing) * 5.5);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .button--compact {
    height: calc(var(--spacing) * 9);
    padding-inline: calc(var(--spacing) * 4);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .button--icon-only.button--small {
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    padding: calc(var(--spacing) * 0);
    @media (width < 40rem) {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
  }
  .button--icon-only.button--medium {
    width: calc(var(--spacing) * 10);
    height: calc(var(--spacing) * 10);
    padding: calc(var(--spacing) * 0);
    @media (width < 40rem) {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
  }
  .button--auto {
    width: auto;
  }
  .button--block {
    width: 100%;
  }
  .button--primary {
    border-color: var(--color-accent);
    background-color: var(--color-accent);
    color: var(--color-accent-contrast);
  }
  .button--primary:hover:not(:disabled) {
    border-color: var(--color-accent-hover);
    background-color: var(--color-accent-hover);
  }
  .button--secondary {
    border-color: var(--color-border-strong);
    background-color: var(--color-panel);
    color: var(--color-text-muted);
  }
  .button--secondary:hover:not(:disabled) {
    background-color: var(--color-hover);
    color: var(--color-text);
  }
  .button--danger {
    border-color: var(--color-danger-border);
    background-color: var(--color-panel);
    color: var(--color-danger-text);
  }
  .button--danger:hover:not(:disabled) {
    background-color: var(--color-danger-surface);
  }
  .button--success {
    border-color: var(--color-success-border);
    background-color: var(--color-panel);
    color: var(--color-success-text);
  }
  .button--success:hover:not(:disabled) {
    background-color: var(--color-success-surface);
  }
  .button--ghost {
    border-color: transparent;
    color: var(--color-text-muted);
  }
  .button--ghost:hover:not(:disabled) {
    background-color: var(--color-hover);
    color: var(--color-text);
  }
}
@layer components {
  .checkbox {
    width: 16px;
    height: 16px;
    accent-color: var(--theme-accent);
  }
}
@layer components {
  .chip {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: calc(infinity * 1px);
    --tw-leading: var(--leading-body);
    line-height: var(--leading-body);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
  }
  .chip--medium {
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.25);
    font-size: var(--text-caption);
  }
  .chip--large {
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 1.75);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .chip--neutral {
    background-color: var(--color-neutral-surface);
    color: var(--color-text-muted);
  }
  .chip--info {
    background-color: var(--color-accent-soft);
    color: var(--color-accent);
  }
  .chip--warn {
    background-color: var(--color-warn-surface);
    color: var(--color-warn-text);
  }
  .chip--danger {
    background-color: var(--color-danger-surface);
    color: var(--color-danger-text);
  }
  .chip--success {
    background-color: var(--color-success-surface);
    color: var(--color-success-text);
  }
  .chip--role {
    background-color: var(--color-violet-surface);
    color: var(--color-violet);
  }
}
@layer components {
  .clear-button {
    position: absolute;
    top: calc(1 / 2 * 100%);
    right: calc(var(--spacing) * 1.5);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    cursor: pointer;
    border-radius: var(--radius-control);
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1;
    line-height: 1;
    color: var(--color-text-dim);
    @media (width < 40rem) {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
    @media (width < 40rem) {
      &::before {
        content: var(--tw-content);
        inset: calc(var(--spacing) * -3);
      }
    }
  }
  .clear-button:hover:not(:disabled) {
    background-color: var(--color-hover);
    color: var(--color-text);
  }
  .clear-button:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .clear-button:disabled {
    cursor: default;
  }
  .input[type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none;
    appearance: none;
  }
}
@layer components {
  .comment-feed {
    margin-top: calc(var(--spacing) * 6);
  }
  .comment-feed__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .comment-feed__composer {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .comment-feed__entry {
    display: flex;
    align-items: flex-end;
    gap: calc(var(--spacing) * 2);
    @media (width < 64rem) {
      flex-direction: column;
    }
    @media (width < 64rem) {
      align-items: stretch;
    }
  }
  .comment-feed__entry > .button {
    flex-shrink: 0;
  }
  .comment-feed__entry > .textarea {
    min-height: calc(var(--spacing) * 16);
  }
  .comment-feed__input {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    @media (width < 64rem) {
      flex: none;
    }
  }
  .comment-feed__input:read-only {
    cursor: not-allowed;
    opacity: 60%;
  }
  .comment-feed__error {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-danger-text);
  }
  .comment-feed__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .comment-feed__hint {
    font-size: 11px;
    color: var(--color-text-dim);
  }
  .comment-feed__list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    overflow-y: auto;
    border-radius: var(--radius-control);
    max-height: var(--comment-feed-list-height, none);
  }
  .comment-feed__list:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .comment-feed__items {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .comment-feed__items:empty {
    display: none;
  }
  .comment-feed__item {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3.5);
  }
  .comment-feed__avatar .avatar {
    width: calc(var(--spacing) * 8.5);
    height: calc(var(--spacing) * 8.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-muted);
    background: var(--color-neutral-surface);
  }
  .comment-feed__content {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
  }
  .comment-feed__meta {
    margin-bottom: calc(var(--spacing) * 1.5);
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: calc(var(--spacing) * 2);
    row-gap: calc(var(--spacing) * 0.5);
  }
  .comment-feed__author {
    min-width: calc(var(--spacing) * 0);
    font-size: var(--text-caption);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: anywhere;
  }
  .comment-feed__time {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: nowrap;
    color: var(--color-text-dim);
    --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,);
  }
  .comment-feed__text {
    max-width: 100%;
    border-radius: var(--radius-field);
    background-color: var(--color-surface-subtle);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-normal);
    line-height: var(--leading-normal);
    overflow-wrap: anywhere;
    white-space: pre-wrap;
  }
  .comment-feed__item--own .comment-feed__text {
    background-color: var(--color-accent-soft);
  }
  .comment-feed__empty {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .comment-feed__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block: calc(var(--spacing) * 3);
  }
  .comment-feed__loading-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .comment-feed__failure {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .comment-feed__failure .button:focus-visible {
    outline-offset: calc(2px * -1);
  }
  .comment-feed__read-only {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
}
@layer components {
  .confirmation-dialog {
    display: contents;
  }
  .confirmation-dialog__subject {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    overflow-wrap: anywhere;
    font-size: 13.5px;
  }
  .confirmation-dialog__note--absent {
    display: none;
  }
}
@layer components {
  .data-table-wrap {
    width: 100%;
    overflow-x: auto;
    @media (width < 64rem) {
      position: relative;
    }
  }
  .data-table-wrap:first-child {
    border-top-left-radius: inherit;
    border-top-right-radius: inherit;
  }
  .data-table-wrap:last-child {
    border-bottom-left-radius: inherit;
    border-bottom-right-radius: inherit;
  }
  .data-table {
    width: 100%;
    border-collapse: collapse;
    @media (width < 40rem) {
      display: block;
    }
  }
  .data-table > thead {
    @media (width < 40rem) {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
  }
  :where(.data-table > tbody, .data-table > tbody > tr) {
    @media (width < 40rem) {
      display: block;
    }
  }
  .data-table__column {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-surface-subtle);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-text-dim);
    @media (width < 64rem) {
      white-space: normal;
    }
  }
  .data-table__cell {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3.25);
    vertical-align: middle;
  }
  .data-table__column:where(:first-child), .data-table__cell:where(:first-child) {
    padding-left: var(--spacing-panel);
  }
  .data-table__column:where(:last-child), .data-table__cell:where(:last-child) {
    padding-right: var(--spacing-panel);
  }
  .data-table__row:last-child .data-table__cell {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .data-table__row {
    @media (width < 40rem) {
      display: grid;
    }
    @media (width < 40rem) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    @media (width < 40rem) {
      row-gap: calc(var(--spacing) * 1.5);
    }
    @media (width < 40rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    @media (width < 40rem) {
      border-color: var(--color-border);
    }
    @media (width < 40rem) {
      padding-inline: var(--spacing-panel);
    }
    @media (width < 40rem) {
      padding-block: calc(var(--spacing) * 3.5);
    }
  }
  .data-table__row:last-child {
    @media (width < 40rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .data-table .data-table__cell:not(.data-table__cell--optional) {
    @media (width < 40rem) {
      display: block;
    }
    @media (width < 40rem) {
      width: auto;
    }
    @media (width < 40rem) {
      max-width: none;
    }
    @media (width < 40rem) {
      min-width: calc(var(--spacing) * 0);
    }
    @media (width < 40rem) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    @media (width < 40rem) {
      padding: calc(var(--spacing) * 0);
    }
    @media (width < 40rem) {
      text-align: left;
    }
    @media (width < 40rem) {
      white-space: normal;
    }
  }
  .data-table__cell .chip {
    @media (width < 64rem) {
      white-space: normal;
    }
  }
  .data-table__column--optional, .data-table__cell--optional {
    display: none;
    @media (width >= 64rem) {
      display: table-cell;
    }
  }
  .data-table__primary {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .data-table__label {
    margin-right: calc(var(--spacing) * 1.5);
    display: none;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-text-dim);
    @media (width < 40rem) {
      display: inline-block;
    }
  }
  .data-table__empty {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 14);
    text-align: center;
    color: var(--color-text-muted);
    @media (width < 40rem) {
      display: block;
    }
  }
  .data-table__empty > .empty-state {
    padding: calc(var(--spacing) * 0);
  }
}
@media (width < 64rem) {
  @layer components {
    .data-table__column, .data-table__cell {
      padding-inline: calc(var(--spacing) * 2);
    }
  }
}
@layer components {
  .department-picker {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .department-picker__field {
    position: relative;
    display: flex;
    align-items: center;
  }
  .department-picker__chosen {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .department-picker--single .department-picker__chosen {
    min-height: calc(var(--spacing) * 11);
    width: 100%;
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border-strong);
    background-color: var(--color-panel);
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 1.5);
  }
  .department-picker__choice.chip {
    max-width: 100%;
    gap: calc(var(--spacing) * 1);
    padding-right: calc(var(--spacing) * 1.5);
    white-space: normal;
  }
  .department-picker__choice-path {
    min-width: calc(var(--spacing) * 0);
    overflow-wrap: break-word;
  }
  .department-picker__remove {
    display: inline-flex;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-panel);
      }
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
    &:focus-visible {
      outline-color: var(--color-accent);
    }
    &:disabled {
      cursor: default;
    }
    &:disabled {
      color: var(--color-text-dim);
    }
    @media (width < 40rem) {
      position: relative;
    }
    @media (width < 40rem) {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
    @media (width < 40rem) {
      &::before {
        content: var(--tw-content);
        inset: calc(var(--spacing) * -3);
      }
    }
  }
  .department-picker__results {
    position: fixed;
    z-index: 30;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    padding-block: calc(var(--spacing) * 1);
    --tw-shadow: var(--theme-shadow-pop);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    top: var(--department-picker-top, auto);
    bottom: var(--department-picker-bottom, auto);
    left: var(--department-picker-left, 0);
    width: var(--department-picker-width, 100%);
    max-height: var(--department-picker-height, 16rem);
  }
  .department-picker__result {
    display: flex;
    width: 100%;
    flex-shrink: 0;
    cursor: pointer;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.75);
    text-align: left;
    font-size: var(--text-caption);
    color: var(--color-text);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-hover);
      }
    }
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
    @media (width < 40rem) {
      justify-content: center;
    }
  }
  .department-picker__result--chosen {
    background-color: var(--color-accent-soft);
    color: var(--color-accent);
  }
  .department-picker__result--cursor {
    background-color: var(--color-hover);
  }
  .department-picker__result--clear {
    color: var(--color-text-dim);
  }
  .department-picker__result-parent {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
    &:empty {
      display: none;
    }
  }
  .department-picker__result-name {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .department-picker__result--chosen .department-picker__result-name {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .department-picker__result--depth-1 {
    padding-left: calc(var(--spacing) * 6);
  }
  .department-picker__result--depth-2 {
    padding-left: calc(var(--spacing) * 9);
  }
  .department-picker__result--depth-3 {
    padding-left: calc(var(--spacing) * 12);
  }
  .department-picker__result--depth-4 {
    padding-left: calc(var(--spacing) * 15);
  }
  .department-picker__empty {
    flex-shrink: 0;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.75);
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .department-picker__failure {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .department-picker__chosen--absent, .department-picker__field--absent, .department-picker__results--absent, .department-picker__results:empty {
    display: none;
  }
}
@layer components {
  .empty-state {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 14);
    text-align: center;
    color: var(--color-text-muted);
  }
  .empty-state__title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .empty-state__actions {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: calc(var(--spacing) * 2.5);
  }
}
@layer components {
  .error-banner {
    width: 100%;
  }
}
@layer components {
  .filter-bar {
    margin-bottom: var(--spacing-panel);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: calc(var(--spacing) * 2.5);
  }
  .filter-bar__field {
    display: flex;
    flex-direction: column;
  }
  .filter-bar__field--grow {
    min-width: min(15rem, 100%);
    flex: 1;
  }
  .filter-bar__label {
    margin-bottom: calc(var(--spacing) * 1.5);
    display: block;
    font-size: var(--text-caption);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-muted);
  }
  .filter-bar__action {
    display: flex;
    gap: calc(var(--spacing) * 2.5);
  }
}
@layer components {
  .history-feed {
    margin-top: calc(var(--spacing) * 6);
  }
  .history-feed__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .history-feed__list {
    display: flex;
    max-height: calc(var(--spacing) * 120);
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    overflow-y: auto;
    border-radius: var(--radius-control);
  }
  .history-feed__list:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .history-feed__items {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .history-feed__item {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .history-feed__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 0.5);
  }
  .history-feed__kind {
    min-width: calc(var(--spacing) * 0);
    font-size: var(--text-caption);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: anywhere;
  }
  .history-feed__author {
    min-width: calc(var(--spacing) * 0);
    font-size: var(--text-caption);
    overflow-wrap: anywhere;
    color: var(--color-text-muted);
  }
  .history-feed__time {
    margin-left: auto;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: nowrap;
    color: var(--color-text-dim);
    --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,);
  }
  .history-feed__notes {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .history-feed__note {
    font-size: var(--text-caption);
    overflow-wrap: anywhere;
    color: var(--color-text-muted);
  }
  .history-feed__changes {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .history-feed__change, .history-feed__order {
    display: grid;
    grid-template-columns: 11rem minmax(0,1fr) auto minmax(0,1fr);
    align-items: flex-start;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1);
  }
  .history-feed__field {
    min-width: calc(var(--spacing) * 0);
    padding-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-caption);
    overflow-wrap: anywhere;
    color: var(--color-text-dim);
  }
  .history-feed__value {
    min-width: calc(var(--spacing) * 0);
  }
  .history-feed__paragraph {
    grid-column: span 3 / span 3;
    min-width: calc(var(--spacing) * 0);
  }
  .history-feed__value--old {
    color: var(--color-text-muted);
  }
  .history-feed__arrow {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text-dim);
  }
  .history-feed__text {
    display: block;
    max-width: 70ch;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    overflow-wrap: anywhere;
    white-space: pre-wrap;
    --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,);
  }
  .history-feed__text--clamped {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .history-feed__toggle {
    cursor: pointer;
    border-radius: var(--radius-control);
    padding-block: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-accent);
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .history-feed__toggle:hover {
    text-decoration-line: underline;
  }
  .history-feed__toggle:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .history-feed__order-number {
    grid-column: span 3 / span 3;
    min-width: calc(var(--spacing) * 0);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    overflow-wrap: anywhere;
    color: var(--color-text-muted);
  }
  .history-feed__lines {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .history-feed__line {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
    border-left-style: var(--tw-border-style);
    border-left-width: 2px;
    border-color: var(--color-border);
    padding-left: calc(var(--spacing) * 3);
  }
  .history-feed__request {
    font-size: var(--text-caption);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: anywhere;
  }
  .history-feed__request-link {
    border-radius: var(--radius-control);
    color: var(--color-accent);
    text-decoration-line: none;
  }
  .history-feed__request-link:hover {
    color: var(--color-accent-hover);
  }
  .history-feed__request-link:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .history-feed__empty {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .history-feed__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-block: calc(var(--spacing) * 3);
  }
  .history-feed__loading-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .history-feed__failure {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .history-feed__failure .button:focus-visible {
    outline-offset: calc(2px * -1);
  }
  .history-feed__items:empty, .history-feed__notes:empty, .history-feed__changes:empty, .history-feed__lines:empty, .history-feed__order--absent, .history-feed__value--absent, .history-feed__arrow--absent, .history-feed__toggle--absent {
    display: none;
  }
}
@media (width < 64rem) {
  @layer components {
    .history-feed__list {
      max-height: calc(var(--spacing) * 96);
    }
    .history-feed__change, .history-feed__order {
      grid-template-columns: auto minmax(0,1fr);
    }
    .history-feed__field, .history-feed__value--old, .history-feed__paragraph, .history-feed__order-number {
      grid-column: span 2 / span 2;
    }
  }
}
@layer components {
  .icon {
    display: inline-block;
    flex-shrink: 0;
    fill: none;
    stroke: currentcolor;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
  }
  .icon--small {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4);
  }
  .icon--medium {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
  }
  .icon--large {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
  }
}
@layer components {
  .input {
    width: 100%;
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-panel);
    padding-inline: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-body);
    line-height: var(--leading-body);
    color: var(--color-text);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width < 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .input::placeholder {
    color: var(--color-text-dim);
  }
  .input:focus-visible {
    border-color: var(--color-accent);
    --tw-outline-style: none;
    outline-style: none;
  }
  .input:disabled {
    cursor: not-allowed;
    background-color: var(--color-surface-subtle);
    color: var(--color-text-muted);
  }
  .input--medium {
    padding-block: calc(var(--spacing) * 2.75);
  }
  .input--compact {
    height: calc(var(--spacing) * 9);
    padding-block: calc(var(--spacing) * 0);
    @media (width < 40rem) {
      height: calc(var(--spacing) * 11);
    }
  }
  .input--neutral {
    border-color: var(--color-border-strong);
  }
  .input--invalid {
    border-color: var(--color-danger);
  }
  .input-field {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .input-field__label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .input-field__hint {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .input-field__error {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-danger-text);
  }
}
@layer components {
  .modal {
    position: fixed;
    inset: calc(var(--spacing) * 0);
    z-index: 50;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--color-modal-scrim);
    padding: calc(var(--spacing) * 4);
    backdrop-filter: blur(2px);
  }
  .modal__window {
    display: flex;
    max-height: 90vh;
    width: 100%;
    max-width: calc(var(--spacing) * 160);
    flex-direction: column;
    border-radius: var(--radius-panel);
    background-color: var(--color-panel);
    --tw-shadow: var(--theme-shadow-pop);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    --tw-outline-style: none;
    outline-style: none;
    @media (width < 64rem) {
      max-height: calc(100dvh - 2rem);
    }
  }
  .modal__window--wide {
    max-width: calc(var(--spacing) * 200);
  }
  .modal__header {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: calc(var(--spacing) * 7);
    padding-top: calc(var(--spacing) * 6.5);
    padding-bottom: calc(var(--spacing) * 1.5);
  }
  .modal__title {
    flex: 1;
    font-size: var(--text-h2);
    line-height: var(--tw-leading, var(--text-h2--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .modal__close {
    display: grid;
    width: calc(var(--spacing) * 9);
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    place-items: center;
    border-radius: var(--radius-item);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    color: var(--color-text-dim);
    @media (width < 40rem) {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
  }
  .modal__close:hover {
    border-color: var(--color-border);
    background-color: var(--color-hover);
    color: var(--color-text);
  }
  .modal__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    overflow-y: auto;
    padding-inline: calc(var(--spacing) * 7);
    padding-top: calc(var(--spacing) * 4.5);
    padding-bottom: calc(var(--spacing) * 1);
  }
  .modal__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2.5);
    padding-inline: calc(var(--spacing) * 7);
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 6.5);
  }
  .modal__pending {
    margin-right: auto;
    display: inline-flex;
    align-items: center;
  }
  .modal__cancel, .modal__confirm {
    display: inline-flex;
  }
  .modal__error--absent, .modal__pending--absent {
    display: none;
  }
}
@layer components {
  .page-head {
    margin-bottom: calc(var(--spacing) * 4.5);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2.5);
  }
  .page-head__crumbs {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    color: var(--color-text-dim);
  }
  .page-head__back {
    display: inline-flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-control);
    color: var(--color-text-dim);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .page-head__back:hover {
    color: var(--color-accent);
  }
  .page-head__back:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .page-head__crumb {
    min-width: calc(var(--spacing) * 0);
    overflow-wrap: anywhere;
  }
  .page-head__main {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    column-gap: calc(var(--spacing) * 7);
    row-gap: calc(var(--spacing) * 4);
  }
  .page-head__heading {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: calc(var(--spacing) * 5);
    row-gap: calc(var(--spacing) * 2);
  }
  .page-head__text {
    min-width: calc(var(--spacing) * 0);
  }
  .page-head__meta {
    margin-bottom: calc(var(--spacing) * 1);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-dim);
  }
  .page-head__title {
    font-size: var(--text-h1-compact);
    line-height: var(--tw-leading, var(--text-h1-compact--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h1-compact--letter-spacing));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    overflow-wrap: anywhere;
    @media (width >= 64rem) {
      font-size: var(--text-h1);
      line-height: var(--tw-leading, var(--text-h1--line-height));
      letter-spacing: var(--tw-tracking, var(--text-h1--letter-spacing));
    }
  }
  .page-head__subtitle {
    margin-top: calc(var(--spacing) * 1.5);
    color: var(--color-text-muted);
  }
  .page-head__subtitle:empty {
    display: none;
  }
  .page-head__status {
    display: flex;
    align-items: center;
  }
  .page-head__aside {
    display: flex;
    flex-direction: column;
    padding-top: calc(var(--spacing) * 1.5);
    text-align: right;
    font-size: var(--text-caption);
    color: var(--color-text-muted);
  }
  .page-head__aside > :first-child {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .page-head__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .page-head__actions:empty {
    display: none;
  }
}
@layer components {
  .pagination {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-top: calc(var(--spacing) * 3.5);
    color: var(--color-text-muted);
  }
  .pagination__previous, .pagination__next {
    display: inline-flex;
  }
  .pagination__page {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .pagination__total {
    order: -9999;
    width: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    @media (width >= 64rem) {
      margin-right: auto;
    }
    @media (width >= 64rem) {
      width: auto;
    }
  }
}
@layer components {
  .panel {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    border-radius: var(--radius-panel);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    --tw-shadow: var(--theme-shadow-card);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .panel--comfortable {
    padding: calc(var(--spacing) * 6);
  }
  .panel--tight {
    padding: calc(var(--spacing) * 4);
  }
  .panel--framed {
    gap: calc(var(--spacing) * 0);
    padding: calc(var(--spacing) * 0);
  }
  .panel__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    padding-inline: var(--spacing-panel);
    padding-top: var(--spacing-panel);
  }
  .panel__header-title {
    flex: 1;
    font-size: var(--text-h2);
    line-height: var(--tw-leading, var(--text-h2--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
  }
  .panel__body {
    padding: var(--spacing-panel);
    padding-top: calc(var(--spacing) * 4.5);
  }
  .panel__toolbar {
    padding-inline: var(--spacing-panel);
    padding-top: calc(var(--spacing) * 4.5);
  }
  .panel__section {
    padding-inline: var(--spacing-panel);
    padding-bottom: var(--spacing-panel);
  }
  .panel__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 14);
  }
  .panel__loading-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .panel__alert {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .panel__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
}
@layer components {
  .progress-bar {
    height: calc(var(--spacing) * 1.5);
    width: 100%;
    overflow: hidden;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-border);
  }
  .progress-bar__fill {
    height: 100%;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-accent);
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
}
@layer components {
  .search-choice {
    position: relative;
  }
  .search-choice__input {
    padding-right: calc(var(--spacing) * 8);
  }
  .search-choice__options {
    position: absolute;
    top: 100%;
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    max-height: calc(var(--spacing) * 60);
    flex-direction: column;
    overflow-y: auto;
    border-radius: var(--radius-control);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border-strong);
    background-color: var(--color-panel);
    padding-block: calc(var(--spacing) * 1);
    --tw-shadow: var(--theme-shadow-card);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .search-choice__option {
    cursor: pointer;
    --tw-border-style: none;
    border-style: none;
    background-color: transparent;
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 1.5);
    text-align: left;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text);
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .search-choice__option:hover {
    background-color: var(--color-hover);
  }
  .search-choice__option:focus-visible {
    background-color: var(--color-hover);
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: calc(2px * -1);
    outline-color: var(--color-accent);
  }
  .search-choice__clear--absent, .search-choice__options--absent {
    display: none;
  }
}
@layer components {
  .segmented {
    display: inline-flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 0.75);
    border-radius: var(--radius-field);
    background-color: var(--color-neutral-surface);
    padding: calc(var(--spacing) * 0.75);
  }
  .segmented__option {
    cursor: pointer;
    border-radius: var(--radius-item);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 2);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .segmented__option:hover:not(:disabled) {
    color: var(--color-text);
  }
  .segmented__option:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .segmented__option:disabled {
    cursor: not-allowed;
    opacity: 60%;
  }
  .segmented__option--selected {
    background-color: var(--color-panel);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
    --tw-shadow: var(--theme-shadow-segment);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
}
@layer components {
  .select {
    width: 100%;
    cursor: pointer;
    appearance: none;
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-panel);
    padding-right: calc(var(--spacing) * 9.5);
    padding-left: calc(var(--spacing) * 3.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-body);
    line-height: var(--leading-body);
    color: var(--color-text);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width < 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .select-field {
    position: relative;
    display: block;
  }
  .select-field::after {
    pointer-events: none;
    position: absolute;
    top: calc(1 / 2 * 100%);
    right: calc(var(--spacing) * 4);
    width: calc(var(--spacing) * 2);
    height: calc(var(--spacing) * 2);
    --tw-translate-y: calc(calc(3 / 4 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
    rotate: 45deg;
    border-right-style: var(--tw-border-style);
    border-right-width: 2px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px;
    border-color: var(--color-text-muted);
    content: "";
  }
  .select-field:has(.select:disabled)::after {
    opacity: 60%;
  }
  .select:focus-visible {
    border-color: var(--color-accent);
    --tw-outline-style: none;
    outline-style: none;
  }
  .select:disabled {
    cursor: not-allowed;
    background-color: var(--color-surface-subtle);
    color: var(--color-text-muted);
  }
  .select--medium {
    padding-block: calc(var(--spacing) * 2.75);
  }
  .select--compact {
    height: calc(var(--spacing) * 9);
    padding-block: calc(var(--spacing) * 0);
    @media (width < 40rem) {
      height: calc(var(--spacing) * 11);
    }
  }
  .select--neutral {
    border-color: var(--color-border-strong);
  }
  .select--invalid {
    border-color: var(--color-danger);
  }
}
@layer components {
  .spinner {
    display: inline-block;
    flex-shrink: 0;
    border-radius: calc(infinity * 1px);
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-border);
    border-top-color: var(--color-accent);
    animation: spinner-spin 0.65s linear infinite;
  }
  .spinner--medium {
    width: calc(var(--spacing) * 5.5);
    height: calc(var(--spacing) * 5.5);
  }
  .spinner--small {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  @media (prefers-reduced-motion: reduce) {
    .spinner {
      animation-duration: 2.4s;
    }
  }
}
@keyframes spinner-spin {
  to {
    transform: rotate(360deg);
  }
}
@layer components {
  .textarea {
    min-height: calc(var(--spacing) * 24);
    width: 100%;
    resize: vertical;
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    background-color: var(--color-panel);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.75);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-leading: var(--leading-body);
    line-height: var(--leading-body);
    color: var(--color-text);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width < 64rem) {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height));
    }
  }
  .textarea::placeholder {
    color: var(--color-text-dim);
  }
  .textarea:focus-visible {
    border-color: var(--color-accent);
    --tw-outline-style: none;
    outline-style: none;
  }
  .textarea:disabled {
    cursor: not-allowed;
    background-color: var(--color-surface-subtle);
    color: var(--color-text-muted);
  }
  .textarea--neutral {
    border-color: var(--color-border-strong);
  }
  .textarea--invalid {
    border-color: var(--color-danger);
  }
}
@layer components {
  .api-status {
    position: sticky;
    top: calc(var(--spacing) * 4);
    z-index: 25;
    margin-inline: auto;
    margin-top: calc(var(--spacing) * 4);
    width: 100%;
    max-width: var(--container-xl);
  }
}
@layer components {
  .categories {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .categories__table-wrap {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
  }
  .categories__name {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .categories__row--inactive .categories__name {
    color: var(--color-text-dim);
  }
  .categories__requires-approval {
    color: var(--color-text-dim);
  }
  .categories__actions-column, .categories__row-action {
    width: 1px;
    text-align: right;
    white-space: nowrap;
  }
  .categories__row-buttons {
    display: flex;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 1.5);
  }
  .categories__edit, .categories__status-action {
    display: inline-flex;
  }
  .categories__inactive-toggle {
    display: flex;
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: 13.5px;
  }
  .categories__failure {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .categories__form {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3.5);
  }
  .categories__requires-approval-toggle {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text);
  }
}
@layer components {
  .delivery-calendar {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .delivery-calendar .page-head {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .delivery-calendar__nav {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .delivery-calendar__switch-link {
    display: inline-flex;
    align-items: center;
    text-decoration-line: none;
  }
  .delivery-calendar__failure {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .delivery-calendar__empty-period {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .delivery-calendar__empty-text {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .delivery-calendar__queue-link {
    border-radius: var(--radius-control);
    color: var(--color-accent);
    text-decoration-line: none;
    @media (width < 40rem) {
      display: inline-flex;
    }
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
    @media (width < 40rem) {
      align-items: center;
    }
  }
  .delivery-calendar__queue-link:hover {
    color: var(--color-accent-hover);
  }
  .delivery-calendar__layout {
    position: relative;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      grid-template-columns: repeat(3, minmax(0, 1fr));
    }
  }
  .delivery-calendar__main {
    min-width: calc(var(--spacing) * 0);
    @media (width < 40rem) {
      display: none;
    }
    @media (width >= 64rem) {
      grid-column: span 2 / span 2;
    }
  }
  .delivery-calendar__details {
    min-width: calc(var(--spacing) * 0);
    @media (width < 40rem) {
      display: none;
    }
  }
  .delivery-calendar__agenda {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      display: none;
    }
  }
  .delivery-calendar__loading {
    position: absolute;
    inset-inline: calc(var(--spacing) * 0);
    top: calc(var(--spacing) * 4);
    z-index: 10;
    display: flex;
    justify-content: center;
  }
  .delivery-calendar__loading-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .delivery-calendar__grid {
    padding: calc(var(--spacing) * 2);
  }
  .delivery-calendar__weekdays, .delivery-calendar__days {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: calc(var(--spacing) * 1);
  }
  .delivery-calendar__weekday {
    padding-inline: calc(var(--spacing) * 1);
    padding-bottom: calc(var(--spacing) * 1);
    text-align: center;
    font-size: var(--text-caption);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-dim);
  }
  .delivery-calendar__day {
    display: flex;
    min-height: calc(var(--spacing) * 24);
    min-width: calc(var(--spacing) * 0);
    cursor: pointer;
    flex-direction: column;
    align-items: stretch;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-item);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    padding: calc(var(--spacing) * 1);
    text-align: left;
    vertical-align: top;
    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));
  }
  .delivery-calendar__days--week .delivery-calendar__day {
    min-height: calc(var(--spacing) * 48);
  }
  .delivery-calendar__day:hover {
    background-color: var(--color-hover);
  }
  .delivery-calendar__day:focus-visible, .delivery-calendar__agenda-day:focus-visible, .delivery-calendar__order-link:focus-visible, .delivery-calendar__queue-link:focus-visible, .delivery-calendar__details-heading:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .delivery-calendar__day--outside {
    background-color: var(--color-surface-subtle);
    opacity: 60%;
  }
  .delivery-calendar__day--today {
    border-style: var(--tw-border-style);
    border-width: 2px;
    border-color: var(--color-accent);
  }
  .delivery-calendar__day--selected, .delivery-calendar__day--selected:hover {
    background-color: var(--color-accent-soft);
    opacity: 100%;
  }
  .delivery-calendar__day-number {
    font-size: var(--text-caption);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .delivery-calendar__chips {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .delivery-calendar__chip {
    display: block;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding-inline: calc(var(--spacing) * 1.5);
    padding-block: calc(var(--spacing) * 0.5);
    text-align: left;
    font-size: 11px;
    line-height: 1.3;
  }
  .delivery-calendar__days--week .delivery-calendar__chip, .delivery-calendar__agenda-day .delivery-calendar__chip {
    border-radius: var(--radius-item);
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .delivery-calendar__agenda-day .delivery-calendar__chip {
    width: fit-content;
    max-width: 100%;
  }
  .delivery-calendar__day--selected .delivery-calendar__chip, .delivery-calendar__agenda-day--selected .delivery-calendar__chip {
    background-color: var(--color-panel);
  }
  .delivery-calendar__day-more, .delivery-calendar__day-note {
    color: var(--color-text-dim);
    font-size: 11px;
    line-height: 1.3;
  }
  .delivery-calendar__details-body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    padding: var(--spacing-panel);
  }
  .delivery-calendar__details-heading {
    border-radius: var(--radius-control);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .delivery-calendar__details-note {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .delivery-calendar__entries {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .delivery-calendar__entry {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
    padding-top: calc(var(--spacing) * 3);
  }
  .delivery-calendar__entry-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 2.5);
    row-gap: calc(var(--spacing) * 1);
  }
  .delivery-calendar__order-link {
    border-radius: var(--radius-control);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-accent);
    text-decoration-line: none;
    @media (width < 40rem) {
      display: inline-flex;
    }
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
    @media (width < 40rem) {
      align-items: center;
    }
  }
  .delivery-calendar__order-link:hover {
    color: var(--color-accent-hover);
  }
  .delivery-calendar__supplier {
    min-width: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    overflow-wrap: anywhere;
    color: var(--color-text);
  }
  .delivery-calendar__entry-fact {
    font-size: var(--text-caption);
    overflow-wrap: anywhere;
    color: var(--color-text-muted);
  }
  .delivery-calendar__accept {
    display: flex;
  }
  .delivery-calendar__lines {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .delivery-calendar__line {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-item);
    background-color: var(--color-surface-subtle);
    padding: calc(var(--spacing) * 2);
  }
  .delivery-calendar__line-head {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: calc(var(--spacing) * 2);
    row-gap: calc(var(--spacing) * 0.5);
  }
  .delivery-calendar__line-number {
    font-size: var(--text-caption);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-text-muted);
  }
  .delivery-calendar__line-title {
    min-width: calc(var(--spacing) * 0);
    overflow-wrap: anywhere;
    color: var(--color-text);
  }
  .delivery-calendar__line-own {
    font-size: var(--text-caption);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-accent);
  }
  .delivery-calendar__line-meta {
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 0.5);
    font-size: var(--text-caption);
    overflow-wrap: anywhere;
    color: var(--color-text-dim);
  }
  .delivery-calendar__agenda-item {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .delivery-calendar__agenda-day {
    display: flex;
    min-height: calc(var(--spacing) * 11);
    width: 100%;
    cursor: pointer;
    flex-direction: column;
    align-items: stretch;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-item);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
  }
  .delivery-calendar__agenda-day--selected {
    border-color: var(--color-accent);
    background-color: var(--color-accent-soft);
  }
  .delivery-calendar__agenda-title {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .delivery-calendar__agenda-summary {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .delivery-calendar__agenda-details {
    border-radius: var(--radius-item);
  }
}
@layer components {
  .departments {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .departments__table-wrap {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
  }
  .departments__name {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .departments__name--depth-0 {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .departments__search-field {
    width: calc(var(--spacing) * 60);
    max-width: 100%;
  }
  .departments__search-box {
    position: relative;
  }
  .departments__search {
    padding-right: calc(var(--spacing) * 8);
  }
  .departments__search-clear--absent {
    display: none;
  }
  .departments__name--depth-1 {
    padding-left: calc(var(--spacing) * 4);
  }
  .departments__name--depth-2 {
    padding-left: calc(var(--spacing) * 8);
  }
  .departments__name--depth-3 {
    padding-left: calc(var(--spacing) * 12);
  }
  .departments__name--depth-4 {
    padding-left: calc(var(--spacing) * 16);
  }
  .departments__name--depth-5 {
    padding-left: calc(var(--spacing) * 20);
  }
  .departments__name--depth-6 {
    padding-left: calc(var(--spacing) * 24);
  }
  .departments__actions-column, .departments__row-action {
    width: 1px;
    text-align: right;
    white-space: nowrap;
  }
  .departments__row-buttons {
    display: flex;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 1.5);
    @media (width < 64rem) {
      margin-left: auto;
    }
    @media (width < 64rem) {
      width: max-content;
    }
    @media (width < 64rem) {
      max-width: 100%;
    }
    @media (width < 64rem) {
      flex-wrap: wrap;
    }
    @media (width < 64rem) {
      row-gap: calc(var(--spacing) * 1);
    }
  }
  .departments__rename, .departments__move, .departments__add-child, .departments__status-action {
    display: inline-flex;
  }
  .departments__status-action {
    @media (width < 64rem) {
      display: contents;
    }
    @media (width < 64rem) {
      &::after {
        content: var(--tw-content);
        width: calc(var(--spacing) * 0);
      }
    }
    @media (width < 64rem) {
      &::after {
        content: var(--tw-content);
        min-width: 100%;
      }
    }
    @media (width < 64rem) {
      &::after {
        content: var(--tw-content);
        text-align: right;
      }
    }
    @media (width < 64rem) {
      &::after {
        content: var(--tw-content);
        font-size: var(--text-xs);
        line-height: var(--tw-leading, var(--text-xs--line-height));
      }
    }
    @media (width < 64rem) {
      &::after {
        content: var(--tw-content);
        white-space: normal;
      }
    }
    @media (width < 64rem) {
      &::after {
        content: var(--tw-content);
        color: var(--color-text-dim);
      }
    }
    @media (width < 64rem) {
      &::after {
        --tw-content: attr(title);
        content: var(--tw-content);
      }
    }
  }
  .departments__status-action[title=""] {
    @media (width < 64rem) {
      &::after {
        content: var(--tw-content);
        display: none;
      }
    }
  }
  .departments__add-child--absent {
    display: none;
  }
  .departments__row--inactive .departments__name {
    color: var(--color-text-dim);
  }
  .departments__inactive-toggle {
    display: flex;
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    align-self: flex-end;
    font-size: 13.5px;
    @media (width < 40rem) {
      height: calc(var(--spacing) * 11);
    }
  }
  .departments__status-alert {
    margin-bottom: var(--spacing-panel);
  }
  .departments__parent-cell, .departments__employees {
    color: var(--color-text-dim);
  }
  .departments__form {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3.5);
  }
}
@media (width < 40rem) {
  @layer components {
    .departments__name--depth-3, .departments__name--depth-4, .departments__name--depth-5, .departments__name--depth-6 {
      padding-left: calc(var(--spacing) * 9);
    }
  }
}
@layer components {
  .draft-list {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .draft-list__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .draft-list__new-draft {
    white-space: nowrap;
    text-decoration-line: none;
  }
  .draft-list__tabs {
    max-width: 100%;
  }
  .draft-list__body {
    display: flex;
    flex-direction: column;
  }
  .draft-list__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 14);
  }
  .draft-list__loading-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .draft-list__failure {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .draft-list__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .draft-list__forbidden {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 14);
    text-align: center;
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .draft-list__table-wrap:focus-visible, .draft-list__title-link:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .draft-list__title-cell {
    min-width: calc(var(--spacing) * 32);
    overflow-wrap: anywhere;
  }
  .draft-list__title-link {
    border-radius: var(--radius-control);
    color: var(--color-accent);
    text-decoration-line: underline;
  }
  .draft-list__requester, .draft-list__preparer {
    min-width: calc(var(--spacing) * 28);
    overflow-wrap: anywhere;
  }
  .draft-list__state {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .draft-list__number {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: nowrap;
    color: var(--color-text-muted);
  }
  .draft-list__updated {
    white-space: nowrap;
    color: var(--color-text-dim);
    --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,);
  }
  .new-draft {
    margin-inline: auto;
    width: 100%;
    max-width: var(--container-narrow);
  }
  .new-draft__panel {
    width: 100%;
    gap: calc(var(--spacing) * 4.5);
    padding: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .new-draft__heading {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-heading);
    letter-spacing: var(--tracking-heading);
  }
  .new-draft__requester-chip {
    display: flex;
    max-width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
  }
  .new-draft__requester-search--absent, .new-draft__requester-chip--absent {
    display: none;
  }
  .new-draft__requester-name {
    min-width: calc(var(--spacing) * 0);
    overflow-wrap: anywhere;
    white-space: normal;
  }
  .new-draft__requester-reset {
    position: static;
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y);
  }
  .new-draft__actions {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .new-draft__pending {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .new-draft__uncertain {
    margin-top: calc(var(--spacing) * 1);
  }
  .new-draft__retry {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
  }
  .new-draft__conflict {
    margin-top: calc(var(--spacing) * 1);
  }
  .new-draft__conflict-number {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-h2);
    line-height: var(--tw-leading, var(--text-h2--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .new-draft__conflict-actions {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
  }
  .draft-withdraw {
    display: contents;
  }
  .draft-withdraw__explanation {
    overflow-wrap: anywhere;
  }
  .draft-withdraw__counter {
    align-self: flex-end;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
    --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,);
  }
  .draft-confirm {
    display: contents;
  }
  .modal:has(.draft-confirm--no-departments) .modal__pending {
    display: none;
  }
}
@media (max-width: 420px) {
  @layer components {
    .new-draft__actions {
      flex-direction: column;
      align-items: stretch;
    }
  }
}
@layer components {
  .home__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
  }
  .home__error {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .home-card {
    gap: calc(var(--spacing) * 5);
  }
  .home-card__head {
    display: flex;
    align-items: flex-start;
    gap: calc(var(--spacing) * 4);
  }
  .home-card__icon {
    display: grid;
    width: calc(var(--spacing) * 12);
    height: calc(var(--spacing) * 12);
    flex-shrink: 0;
    place-items: center;
    border-radius: 14px;
  }
  .home-card__icon > .icon {
    width: calc(var(--spacing) * 6);
    height: calc(var(--spacing) * 6);
  }
  .home-card__icon--blue {
    background-color: var(--color-accent-soft);
    color: var(--color-accent);
  }
  .home-card__text {
    min-width: calc(var(--spacing) * 0);
  }
  .home-card__title {
    font-size: var(--text-h2);
    line-height: var(--tw-leading, var(--text-h2--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    color: var(--color-text);
  }
  .home-card__subtitle {
    margin-top: calc(var(--spacing) * 0.5);
    color: var(--color-text-muted);
  }
  .home-card__link {
    margin-left: auto;
    display: inline-flex;
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    align-self: center;
    border-radius: var(--radius-control);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-accent);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .home-card__link:hover {
    color: var(--color-accent-hover);
  }
  .home-card__link:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .home__tiles {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(200px,1fr));
    gap: calc(var(--spacing) * 3.5);
  }
  .home-tile-menu {
    position: relative;
    display: flex;
  }
  .home-tile {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 3.5);
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-surface-subtle);
    padding-inline: calc(var(--spacing) * 4.5);
    padding-block: calc(var(--spacing) * 4);
    text-align: left;
    color: var(--color-text);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .home-tile:hover, .home-tile[aria-expanded="true"] {
    border-color: var(--color-border-strong);
    background-color: var(--color-panel);
  }
  .home-tile:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .home-tile__icon {
    display: grid;
    width: calc(var(--spacing) * 10.5);
    height: calc(var(--spacing) * 10.5);
    flex-shrink: 0;
    place-items: center;
    border-radius: var(--radius-field);
  }
  .home-tile--requests .home-tile__icon {
    background-color: var(--color-accent-soft);
    color: var(--color-accent);
  }
  .home-tile--drafts .home-tile__icon {
    background-color: var(--color-accent-soft);
    color: var(--color-accent);
  }
  .home-tile--orders .home-tile__icon {
    background-color: var(--color-violet-surface);
    color: var(--color-violet);
  }
  .home-tile--approval .home-tile__icon {
    background-color: var(--color-warn-surface);
    color: var(--color-warn-text);
  }
  .home-tile--payment .home-tile__icon {
    background-color: var(--color-success-surface);
    color: var(--color-success-text);
  }
  .home-tile--delivery .home-tile__icon {
    background-color: var(--color-danger-surface);
    color: var(--color-danger);
  }
  .home-tile__text {
    display: grid;
    min-width: calc(var(--spacing) * 0);
    grid-template-rows: 1fr auto 1fr;
  }
  .home-tile__label {
    align-self: flex-end;
    font-size: var(--text-caption);
    color: var(--color-text-muted);
  }
  .home-tile__value {
    font-size: 28px;
    --tw-leading: 1.15;
    line-height: 1.15;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
    color: var(--color-text);
  }
  .home-tile__hint {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .home-tile__hint--warn {
    color: var(--color-warn-text);
  }
  .home-tile__go {
    margin-left: auto;
    display: flex;
    flex-shrink: 0;
    align-self: center;
    color: var(--color-text-dim);
  }
  .home-list {
    container-type: inline-size;
    position: absolute;
    top: calc(100% + 6px);
    right: calc(var(--spacing) * 0);
    left: calc(var(--spacing) * 0);
    z-index: 10;
    display: flex;
    flex-direction: column;
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    padding: calc(var(--spacing) * 1.5);
    --tw-shadow: var(--theme-shadow-pop);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .home-list__loading {
    display: flex;
    justify-content: center;
    padding-block: calc(var(--spacing) * 4);
  }
  .home-list__error {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
    padding: calc(var(--spacing) * 2.5);
  }
  .home-list__empty {
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2.25);
    color: var(--color-text-muted);
  }
  .home-list__row {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: calc(var(--spacing) * 2.5);
    row-gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-item);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-block: calc(var(--spacing) * 2.25);
    color: var(--color-text);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
    @container (width >= 28rem) {
      flex-wrap: nowrap;
    }
  }
  .home-list__row:hover {
    background-color: var(--color-surface-subtle);
  }
  .home-list__row--plain:hover {
    background-color: transparent;
  }
  .home-list__row:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: calc(2px * -1);
    outline-color: var(--color-accent);
  }
  .home-list__number {
    max-width: 100%;
    flex-shrink: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .home-list__caption {
    order: 9999;
    width: 100%;
    min-width: calc(var(--spacing) * 0);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: var(--color-text-muted);
    @container (width >= 28rem) {
      order: 0;
    }
    @container (width >= 28rem) {
      width: auto;
    }
    @container (width >= 28rem) {
      flex: 1;
    }
  }
  .home-list__status {
    display: flex;
    max-width: 100%;
    min-width: calc(var(--spacing) * 0);
    @container (width >= 28rem) {
      max-width: 40%;
    }
    @container (width >= 28rem) {
      flex-shrink: 0;
    }
  }
  .home-list__row--draft .home-list__number {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .home-list__row--draft .home-list__caption {
    @container (width >= 28rem) {
      width: auto;
    }
    @container (width >= 28rem) {
      max-width: 35%;
    }
    @container (width >= 28rem) {
      flex: none;
    }
  }
  .home-list__status > span {
    max-width: 100%;
    white-space: normal;
  }
  .home-list__all {
    margin-top: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-item);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
    padding-inline: calc(var(--spacing) * 2.5);
    padding-top: calc(var(--spacing) * 2.5);
    padding-bottom: calc(var(--spacing) * 1);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-accent);
    text-decoration-line: none;
    @media (width < 40rem) {
      display: flex;
    }
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
    @media (width < 40rem) {
      align-items: center;
    }
  }
  .home-list__all:hover {
    color: var(--color-accent-hover);
  }
  .home-list__all:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: calc(2px * -1);
    outline-color: var(--color-accent);
  }
  .home__actions {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(230px,1fr));
    gap: calc(var(--spacing) * 3.5);
  }
  .home-action {
    display: flex;
    height: calc(var(--spacing) * 18);
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    padding-inline: calc(var(--spacing) * 4.5);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .home-action:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .home-action__icon {
    display: grid;
    width: calc(var(--spacing) * 9.5);
    height: calc(var(--spacing) * 9.5);
    flex-shrink: 0;
    place-items: center;
    border-radius: 11px;
  }
  .home-action__text {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
  }
  .home-action__hint {
    margin-top: 1px;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .home-action--primary {
    border-color: var(--color-accent);
    background-color: var(--color-accent);
    color: var(--color-accent-contrast);
  }
  .home-action--primary:hover {
    border-color: var(--color-accent-hover);
    background-color: var(--color-accent-hover);
  }
  .home-action--primary .home-action__icon {
    background-color: var(--color-accent-contrast);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent-contrast) 20%, transparent);
    }
    color: var(--color-accent-contrast);
  }
  .home-action--primary .home-action__hint {
    color: var(--color-accent-contrast);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent-contrast) 75%, transparent);
    }
  }
  .home-customize {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .home-customize__hint {
    color: var(--color-text-muted);
  }
  .home-customize__list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .home-customize__row {
    display: flex;
    min-height: calc(var(--spacing) * 12);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 1.5);
    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));
    --tw-duration: 200ms;
    transition-duration: 200ms;
    --tw-ease: var(--ease-out);
    transition-timing-function: var(--ease-out);
    @media (prefers-reduced-motion: reduce) {
      transition-property: none;
    }
  }
  .home-customize__row--hidden {
    background-color: var(--color-surface-subtle);
    color: var(--color-text-muted);
  }
  .home-customize__row--divided {
    position: relative;
    &::before {
      content: var(--tw-content);
      pointer-events: none;
    }
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
    &::before {
      content: var(--tw-content);
      inset-inline: calc(var(--spacing) * 3);
    }
    &::before {
      content: var(--tw-content);
      top: calc(var(--spacing) * -1.25);
    }
    &::before {
      content: var(--tw-content);
      height: 1px;
    }
    &::before {
      content: var(--tw-content);
      background-color: var(--color-border);
    }
    &::before {
      content: var(--tw-content);
      @media (prefers-reduced-motion: no-preference) {
        animation: home-customize-divider 200ms ease-out 200ms backwards;
      }
    }
  }
  @keyframes home-customize-divider {
    from {
      opacity: 0;
    }
  }
  .home-customize__row--dragging {
    position: relative;
    z-index: 10;
    border-color: var(--color-accent);
    --tw-shadow: var(--theme-shadow-pop);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    transition-property: none;
  }
  .home-customize__toggle {
    flex-shrink: 0;
    cursor: pointer;
  }
  .home-customize__name {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .home-customize__handle {
    display: grid;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    flex-shrink: 0;
    cursor: grab;
    touch-action: none;
    place-items: center;
    border-radius: var(--radius-item);
    color: var(--color-text-dim);
    -webkit-user-select: none;
    user-select: none;
    @media (width < 40rem) {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
  }
  .home-customize__handle:hover {
    background-color: var(--color-hover);
    color: var(--color-text);
  }
  .home-customize__handle:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .home-customize__row--dragging .home-customize__handle {
    cursor: grabbing;
  }
}
@layer components {
  .login {
    display: flex;
    min-height: 100dvh;
    width: 100%;
    flex: 1;
    align-items: center;
    justify-content: center;
    background-color: var(--color-surface);
    padding: calc(var(--spacing) * 6);
  }
  .login__panel {
    width: 100%;
    max-width: 420px;
    gap: calc(var(--spacing) * 0);
    border-radius: var(--radius-dialog);
    padding: calc(var(--spacing) * 6);
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 9);
    }
  }
  .login__brand {
    margin-bottom: calc(var(--spacing) * 5.5);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .login__title {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-heading);
    letter-spacing: var(--tracking-heading);
  }
  .login__subtitle {
    color: var(--color-text-muted);
  }
  .login__error {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .login__field {
    margin-bottom: calc(var(--spacing) * 4);
  }
  .login__channel {
    margin-bottom: calc(var(--spacing) * 4);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .login__channel-legend {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .login__channel-options {
    display: flex;
    width: 100%;
  }
  .login__channel-option {
    flex: 1;
  }
  .login__hint {
    margin-bottom: calc(var(--spacing) * 4);
    color: var(--color-text-muted);
  }
  .login__actions {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
}
@layer components {
  .notifications {
    position: relative;
    margin-left: auto;
  }
  .topbar__notifications {
    position: relative;
    display: grid;
    width: calc(var(--spacing) * 9.5);
    height: calc(var(--spacing) * 9.5);
    flex-shrink: 0;
    cursor: pointer;
    place-items: center;
    border-radius: var(--radius-item);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    color: var(--color-text-muted);
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    @media (width < 40rem) {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
  }
  .topbar__notifications:hover {
    background-color: var(--color-surface-subtle);
    color: var(--color-text);
  }
  .topbar__notifications:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .topbar__notifications-count {
    position: absolute;
    top: calc(var(--spacing) * -1.5);
    right: calc(var(--spacing) * -1.5);
    min-width: calc(var(--spacing) * 5);
    border-radius: calc(infinity * 1px);
    background-color: var(--color-accent);
    padding-inline: calc(var(--spacing) * 1);
    text-align: center;
    font-size: 11px;
    --tw-leading: calc(var(--spacing) * 5);
    line-height: calc(var(--spacing) * 5);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-accent-contrast);
  }
  .notifications__live {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .notifications-panel {
    position: fixed;
    inset-inline: calc(var(--spacing) * 0);
    top: calc(var(--spacing) * 16);
    z-index: 50;
    display: flex;
    max-height: 70vh;
    flex-direction: column;
    overflow-y: auto;
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    --tw-shadow: var(--theme-shadow-pop);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
    @media (width >= 40rem) {
      position: absolute;
    }
    @media (width >= 40rem) {
      inset-inline: auto;
    }
    @media (width >= 40rem) {
      top: calc(100% + 6px);
    }
    @media (width >= 40rem) {
      right: calc(var(--spacing) * 0);
    }
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 96);
    }
    @media (width >= 40rem) {
      max-width: calc(100vw - 1.5rem);
    }
    @media (width >= 40rem) {
      border-radius: var(--radius-field);
    }
    @media (width >= 40rem) {
      border-style: var(--tw-border-style);
      border-width: 1px;
    }
  }
  .notifications-panel__header {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .notifications-panel__title {
    font-size: 15px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .notifications-panel__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 2);
  }
  .notifications-panel__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 8);
  }
  .notifications-panel__retry {
    display: flex;
    padding-inline: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 2);
  }
  .notifications-panel__footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .notifications-panel__all {
    border-radius: var(--radius-control);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-accent);
    text-decoration-line: none;
  }
  .notifications-panel__all:hover {
    text-decoration-line: underline;
  }
  .notifications-panel__all:focus-visible, .notification-item:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: calc(2px * -1);
    outline-color: var(--color-accent);
  }
  .notification-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .notification-item {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-item);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .notification-item:hover {
    background-color: var(--color-surface-subtle);
  }
  .notification-item--unread {
    background-color: var(--color-accent-soft);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .notification-item__text {
    overflow-wrap: anywhere;
  }
  .notification-item__meta {
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-text-dim);
  }
  .notification-item__unread {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .notifications-page {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .notifications-page__toolbar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .notifications-page__filter {
    display: flex;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text);
  }
  .notifications-page__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .notifications-page__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .notifications-page__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 14);
  }
  .notifications-page__retry {
    display: flex;
  }
}
@layer components {
  .new-order {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .new-order__number-link:focus-visible, .new-order__candidates-wrap:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .new-order__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .new-order__intro {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .new-order__heading {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-heading);
    letter-spacing: var(--tracking-heading);
  }
  .new-order__subtitle {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text-dim);
  }
  .new-order__section-title {
    margin-top: calc(var(--spacing) * 2);
    font-size: 15px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .new-order__notice {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .new-order__ineligible {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-danger-border);
    background-color: var(--color-danger-surface);
    font-size: var(--text-caption);
    color: var(--color-danger-text);
    padding: 11px 15px;
  }
  .new-order__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 14);
  }
  .new-order__loading-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .new-order__retry-load {
    display: flex;
  }
  .new-order__include-column {
    width: 1px;
  }
  .new-order__numeric-column {
    text-align: right;
  }
  .new-order__checkbox {
    width: 16px;
    height: 16px;
    accent-color: var(--theme-accent);
  }
  .new-order__candidate--selected .data-table__cell {
    background-color: var(--color-accent-soft);
  }
  .new-order__candidate--selected {
    @media (width < 40rem) {
      background-color: var(--color-accent-soft);
    }
  }
  .new-order__candidate {
    @media (width < 40rem) {
      grid-template-columns: auto minmax(0,1fr);
    }
    @media (width < 40rem) {
      grid-template-areas: 'include number' 'include title' 'include supplier';
    }
  }
  .new-order__include {
    @media (width < 40rem) {
      grid-area: include;
    }
  }
  .new-order__include-target {
    @media (width < 40rem) {
      display: flex;
    }
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
    @media (width < 40rem) {
      min-width: calc(var(--spacing) * 11);
    }
    @media (width < 40rem) {
      cursor: pointer;
    }
    @media (width < 40rem) {
      align-items: center;
    }
  }
  .new-order__candidate .new-order__number {
    @media (width < 40rem) {
      grid-area: number;
    }
  }
  .new-order__candidate .new-order__request-title {
    @media (width < 40rem) {
      grid-area: title;
    }
  }
  .new-order__supplier-cell {
    @media (width < 40rem) {
      overflow-wrap: anywhere;
    }
    @media (width < 40rem) {
      grid-area: supplier;
    }
  }
  .new-order__number {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-accent);
  }
  .new-order__number-link {
    border-radius: var(--radius-control);
    color: var(--color-accent);
    text-decoration-line: none;
    @media (width < 40rem) {
      display: inline-flex;
    }
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
    @media (width < 40rem) {
      align-items: center;
    }
  }
  .new-order__number-link:hover {
    color: var(--color-accent-hover);
  }
  .new-order__request-title, .new-order__line-title {
    min-width: calc(var(--spacing) * 40);
    overflow-wrap: anywhere;
  }
  .new-order__numeric {
    text-align: right;
    white-space: nowrap;
    --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,);
  }
  .new-order__line--ineligible .data-table__cell {
    background-color: var(--color-danger-surface);
  }
  .new-order__line--ineligible {
    @media (width < 40rem) {
      background-color: var(--color-danger-surface);
    }
  }
  .new-order__line-reason {
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-danger-text);
  }
  .new-order__title-quantity, .new-order__title-price {
    margin-top: calc(var(--spacing) * 0.5);
    display: none;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-text-dim);
    @media (width < 64rem) {
      display: block;
    }
  }
  .new-order__line-amount-cell {
    min-width: calc(var(--spacing) * 36);
  }
  .new-order__line-amount {
    text-align: right;
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .new-order__line-hint {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .new-order__line--ineligible .new-order__line-hint, .new-order__line-amount.input--invalid + .new-order__line-hint {
    color: var(--color-danger-text);
  }
  .new-order__fields {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: calc(var(--spacing) * 4);
    @media (width >= 40rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .new-order__field {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
  }
  .new-order__hint {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .new-order__warning {
    margin-top: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-danger-border);
    background-color: var(--color-danger-surface);
    color: var(--color-danger-text);
    padding: 8px 12px;
    font-size: 12.5px;
  }
  .new-order__actions {
    margin-top: calc(var(--spacing) * 2);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .new-order__cancel {
    text-decoration-line: none;
  }
  .new-order__cancel[aria-disabled="true"] {
    cursor: not-allowed;
    opacity: 50%;
  }
  .new-order__cancel[aria-disabled="true"]:hover {
    background-color: var(--color-panel);
    color: var(--color-text-muted);
  }
  .new-order__preselection-failed {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-caption);
    color: var(--color-danger-text);
  }
  .new-order__pending {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .new-order__uncertain, .new-order__conflict {
    margin-top: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-danger-border);
    background-color: var(--color-danger-surface);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-danger-text);
  }
  .new-order__retry, .new-order__create-another {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .new-order__success {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .new-order__success-number, .new-order__conflict-number {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .new-order__saved {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .new-order__saved-row {
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(var(--spacing) * 3);
  }
  .new-order__saved-label {
    min-width: 10rem;
    color: var(--color-text-dim);
  }
  .new-order__saved-value {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    overflow-wrap: break-word;
  }
  .new-order__saved-lines-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .new-order__saved-lines {
    background-color: var(--color-panel);
  }
  .new-order__open-order {
    text-decoration-line: none;
  }
  .order-card {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .order-card__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
  }
  .order-card__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 14);
  }
  .order-card__loading-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .order-card__notice {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 14);
    text-align: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text-dim);
  }
  .order-card__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .order-card__status-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .order-card__fields {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(170px,1fr));
    column-gap: calc(var(--spacing) * 5);
    row-gap: calc(var(--spacing) * 4.5);
  }
  .order-card__field {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .order-card__label {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .order-card__value {
    min-width: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: anywhere;
    white-space: pre-wrap;
  }
  .order-card__lines-card {
    margin-top: calc(var(--spacing) * 5);
  }
  .order-card__lines-heading {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .order-card__lines-subtitle {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text-dim);
  }
  .order-card__lines-wrap {
    margin-top: calc(var(--spacing) * 4.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
  }
  .order-card__lines-footer {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: calc(var(--spacing) * 6);
    row-gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
    padding-inline: var(--spacing-panel);
    padding-block: calc(var(--spacing) * 4);
  }
  .order-card__summary {
    margin-left: auto;
    display: flex;
    align-items: baseline;
    gap: calc(var(--spacing) * 2);
  }
  .order-card__total-label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text-dim);
  }
  .order-card__total {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    --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,);
  }
  .order-card__hint {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .order-card__composition-warning {
    margin-top: calc(var(--spacing) * 1);
    flex-basis: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-warn-border);
    background-color: var(--color-warn-surface);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-warn-text);
  }
  .order-card__lines-wrap:focus-visible, .order-card__request-link:focus-visible, .order-card__product-link:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .order-card__numeric-column {
    text-align: right;
    white-space: normal;
  }
  .order-card__line--openable {
    cursor: pointer;
  }
  .order-card__line--openable:hover .data-table__cell {
    background-color: var(--color-surface-subtle);
  }
  .order-card__request-link {
    border-radius: var(--radius-control);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-accent);
    text-decoration-line: none;
  }
  .order-card__request-link:hover {
    color: var(--color-accent-hover);
  }
  .order-card__request-title {
    min-width: calc(var(--spacing) * 40);
    overflow-wrap: anywhere;
    @media (width >= 64rem) {
      min-width: calc(var(--spacing) * 32);
    }
  }
  .order-card__category {
    min-width: calc(var(--spacing) * 30);
    overflow-wrap: anywhere;
  }
  .order-card__lines :is(.data-table__column, .data-table__cell):not(:first-child) {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 3);
    }
  }
  .order-card__lines :is(.data-table__column, .data-table__cell):not(:last-child) {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 3);
    }
  }
  .order-card__title-text {
    display: block;
  }
  .order-card__title-price-quantity {
    margin-top: calc(var(--spacing) * 0.5);
    display: none;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-text-dim);
    @media (width < 96rem) {
      display: block;
    }
  }
  .order-card__product-link {
    margin-top: calc(var(--spacing) * 1);
    display: inline-block;
    border-radius: var(--radius-control);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-accent);
    text-decoration-line: underline;
    @media (width < 40rem) {
      display: inline-flex;
    }
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
    @media (width < 40rem) {
      align-items: center;
    }
  }
  .order-card__numeric {
    text-align: right;
    white-space: nowrap;
    --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,);
  }
  .order-card__price-quantity {
    white-space: normal;
  }
  .order-card__line-actions-column {
    width: 1px;
  }
  .order-card__line-actions {
    white-space: nowrap;
  }
  .order-card__line-actions .button {
    min-width: calc(var(--spacing) * 36);
    white-space: normal;
  }
  .order-card__line-buttons {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
    @media (width < 40rem) {
      flex-direction: row;
    }
    @media (width < 40rem) {
      flex-wrap: wrap;
    }
  }
  .order-card__line-buttons .button {
    @media (width < 96rem) {
      white-space: normal;
    }
    @media (width >= 64rem) {
      @media (width < 96rem) {
        min-width: calc(var(--spacing) * 28);
      }
    }
  }
  .order-card__order-actions {
    margin-bottom: calc(var(--spacing) * 4.5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .order-card__order-actions:empty {
    display: none;
  }
  .order-card__rejection {
    margin-top: calc(var(--spacing) * 5);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .order-card__rejection-label {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .order-card__rejection-reason {
    overflow-wrap: anywhere;
    white-space: pre-wrap;
  }
  .order-approval {
    margin-top: calc(var(--spacing) * 5);
  }
  .order-approval__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .order-approval__round, .order-approval__earlier-round {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    padding-inline: calc(var(--spacing) * 4);
    padding-block: calc(var(--spacing) * 3);
  }
  .order-approval__round-head, .order-approval__toggle {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .order-approval__toggle {
    width: 100%;
    cursor: pointer;
    border-radius: var(--radius-control);
    text-align: left;
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .order-approval__chevron {
    margin-left: auto;
    display: flex;
    flex-shrink: 0;
    color: var(--color-text-dim);
    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));
  }
  .order-approval__toggle:hover .order-approval__chevron {
    color: var(--color-text);
  }
  .order-approval__toggle[aria-expanded="true"] .order-approval__chevron {
    rotate: 180deg;
  }
  .order-approval__round-number, .order-approval__earlier-number {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .order-approval__counts {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --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,);
  }
  .order-approval__total-above {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-warn-border);
    background-color: var(--color-warn-surface);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-warn-text);
  }
  .order-approval__submitted, .order-approval__no-decisions, .order-approval__earlier-counts, .order-approval__decision-time {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
    --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,);
  }
  .order-approval__decisions {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .order-approval__decision {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 2.5);
    row-gap: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .order-approval__approver {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    overflow-wrap: anywhere;
  }
  .order-approval__comment {
    flex-basis: 100%;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    overflow-wrap: anywhere;
    white-space: pre-wrap;
    color: var(--color-text-muted);
  }
  .order-approval__comment:empty {
    display: none;
  }
  .order-approval__lines-wrap:focus-visible, .order-approval__toggle:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .order-approval__numeric-column {
    text-align: right;
  }
  .order-approval__numeric {
    text-align: right;
    white-space: nowrap;
    --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,);
  }
  .order-approval__request {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: nowrap;
  }
  .order-approval__reason {
    min-width: calc(var(--spacing) * 40);
  }
  .order-approval__earlier-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-muted);
  }
  .order-approval__earlier {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .order-card__payment, .order-card__delivery {
    margin-top: calc(var(--spacing) * 5);
  }
  .order-card__payment-head:last-child {
    padding-bottom: var(--spacing-panel);
  }
  .order-card__payment-facts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 6);
    row-gap: calc(var(--spacing) * 3);
  }
  .order-card__delivery-facts {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 6);
    row-gap: calc(var(--spacing) * 3);
  }
  .order-card__payment-fact, .order-card__delivery-fact {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .order-card__payment-label, .order-card__delivery-label {
    font-size: 11.5px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-text-dim);
    text-transform: uppercase;
  }
  .order-card__payment-value, .order-card__delivery-value {
    min-width: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    overflow-wrap: anywhere;
  }
  .order-card__payment-amount, .order-card__payment-paid-at, .order-card__delivery-date {
    --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,);
  }
  .order-card__acceptance .chip {
    border-radius: var(--radius-xl);
    white-space: normal;
  }
  .order-card__table-head-row .data-table__column {
    white-space: normal;
  }
  .order-card__lines .data-table__column--optional, .order-card__lines .data-table__cell--optional {
    display: none;
    @media (width >= 96rem) {
      display: table-cell;
    }
  }
  .order-card__line-date {
    white-space: nowrap;
    color: var(--color-text-dim);
  }
  .order-card__line-date--own {
    color: var(--color-text);
  }
  .order-card__line-date-caption {
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: nowrap;
    color: var(--color-text-dim);
  }
  .order-card__deliveries {
    margin-top: calc(var(--spacing) * 5);
  }
  .order-card__deliveries-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .order-card__deliveries-item {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: calc(var(--spacing) * 6);
    row-gap: calc(var(--spacing) * 3);
    &:not(*:first-child) {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px;
    }
    &:not(*:first-child) {
      border-color: var(--color-border);
    }
    &:not(*:first-child) {
      padding-top: calc(var(--spacing) * 4);
    }
  }
  .order-card__deliveries-fact {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .order-card__deliveries-label {
    font-size: 11.5px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-text-dim);
    text-transform: uppercase;
  }
  .order-card__deliveries-value {
    min-width: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    overflow-wrap: anywhere;
  }
  .order-card__deliveries-date {
    --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,);
  }
  .order-card__deliveries-checks {
    grid-column: 1 / -1;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .order-card__deliveries-check--failed {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-danger-text);
  }
  .order-acceptance__page {
    min-width: calc(var(--spacing) * 0);
  }
  .order-acceptance__notice {
    margin-bottom: calc(var(--spacing) * 4.5);
  }
  .order-acceptance {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    @media (width >= 64rem) {
      display: grid;
    }
    @media (width >= 64rem) {
      grid-template-columns: minmax(0,1fr) 22.5rem;
    }
    @media (width >= 64rem) {
      column-gap: calc(var(--spacing) * 5);
    }
  }
  .order-acceptance__lines-card {
    min-width: calc(var(--spacing) * 0);
    @media (width >= 64rem) {
      align-self: flex-start;
    }
  }
  .order-acceptance__side {
    @media (width < 64rem) {
      display: contents;
    }
    @media (width >= 64rem) {
      display: flex;
    }
    @media (width >= 64rem) {
      min-width: calc(var(--spacing) * 0);
    }
    @media (width >= 64rem) {
      flex-direction: column;
    }
    @media (width >= 64rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .order-acceptance .input-field {
    @media (width < 64rem) {
      scroll-margin-bottom: calc(var(--spacing) * 32);
    }
  }
  .order-acceptance__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 3);
  }
  .order-acceptance__heading {
    min-width: calc(var(--spacing) * 0);
  }
  .order-acceptance__hint {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .order-acceptance__head-actions {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2);
  }
  .order-acceptance .button {
    @media (width < 64rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .order-acceptance__lines {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .order-acceptance__line {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    &:not(*:last-child) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    &:not(*:last-child) {
      border-color: var(--color-border);
    }
    &:not(*:last-child) {
      padding-bottom: calc(var(--spacing) * 3);
    }
  }
  .order-acceptance__line-main {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: center;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .order-acceptance__line-text {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .order-acceptance__line-title {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: anywhere;
  }
  .order-acceptance__line-meta, .order-acceptance__line-date {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    overflow-wrap: anywhere;
    color: var(--color-text-dim);
  }
  .order-acceptance__segments {
    display: flex;
    width: 100%;
    flex-shrink: 0;
    flex-wrap: nowrap;
    @media (width >= 40rem) {
      width: auto;
    }
  }
  .order-acceptance__segment {
    min-height: calc(var(--spacing) * 11);
    flex: 1;
    white-space: nowrap;
  }
  .order-acceptance__problem {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .order-acceptance__problem-error {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-danger-text);
  }
  .order-acceptance__accepted {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
  }
  .order-acceptance__accepted-line {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .order-acceptance__facts {
    min-width: calc(var(--spacing) * 0);
  }
  .order-acceptance__fields {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .order-acceptance__summary {
    position: sticky;
    bottom: calc(var(--spacing) * 0);
    z-index: 10;
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    border-radius: var(--radius-panel);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    padding: calc(var(--spacing) * 3);
    --tw-shadow-color: var(--color-panel);
    @supports (color: color-mix(in lab, red, red)) {
      --tw-shadow-color: color-mix(in oklab, var(--color-panel) var(--tw-shadow-alpha), transparent);
    }
    @media (width >= 64rem) {
      margin-top: auto;
    }
  }
  .order-acceptance__summary-text {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    --tw-numeric-spacing: tabular-nums;
    font-variant-numeric: var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);
  }
  .order-acceptance__submit {
    min-height: calc(var(--spacing) * 11);
  }
  .order-acceptance__line-chip {
    align-self: flex-start;
  }
  .order-acceptance__pending {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .order-acceptance__unavailable-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: calc(var(--spacing) * 3);
  }
  .order-acceptance__card-link {
    display: inline-flex;
    min-height: calc(var(--spacing) * 11);
    align-items: center;
    border-radius: var(--radius-control);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-accent);
    text-decoration-line: none;
  }
  .order-acceptance__card-link:hover {
    color: var(--color-accent-hover);
  }
  .order-payment-dialog, .order-line-category {
    display: contents;
  }
  .order-delivery-modal {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .order-delivery-modal__tracking {
    width: 100%;
  }
  .order-delivery-modal__lines {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .order-delivery-modal__lines-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .order-delivery-modal__line {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
    padding-top: calc(var(--spacing) * 3);
    @media (width >= 40rem) {
      flex-direction: row;
    }
    @media (width >= 40rem) {
      align-items: flex-start;
    }
    @media (width >= 40rem) {
      justify-content: space-between;
    }
    @media (width >= 40rem) {
      gap: calc(var(--spacing) * 4);
    }
  }
  .order-delivery-modal__line-text {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .order-delivery-modal__line-title {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    overflow-wrap: anywhere;
    color: var(--color-text);
  }
  .order-delivery-modal__line-meta, .order-delivery-modal__line-order-date {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    overflow-wrap: anywhere;
    color: var(--color-text-dim);
  }
  .order-delivery-modal__line-controls {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-shrink: 0;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    @media (width >= 40rem) {
      width: calc(var(--spacing) * 48);
    }
  }
  .order-delivery-modal__line-own {
    display: inline-flex;
    min-height: calc(var(--spacing) * 6);
    align-items: center;
    gap: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text);
  }
  .order-delivery-modal__line-date {
    width: 100%;
  }
  .order-card__status--issues {
    @media (width < 64rem) {
      white-space: normal;
    }
  }
  .order-line-issues__count {
    margin-left: calc(var(--spacing) * 2);
    @media (width < 64rem) {
      white-space: normal;
    }
  }
  .order-card__line:has(+ .order-line-issues__row) {
    @media (width < 40rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 0px;
    }
  }
  .order-card__line:has(+ .order-line-issues__row) .data-table__cell {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
  }
  .data-table .order-line-issues__cell {
    background-color: var(--color-surface-subtle);
  }
  .order-line-issues__list {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .order-line-issues__item {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
    padding-top: calc(var(--spacing) * 3);
    &:first-child {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
    &:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .order-line-issues__head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1);
  }
  .order-line-issues__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .order-line-issues__created-at, .order-line-issues__resolved-at, .order-line-issues__reopened-at {
    white-space: nowrap;
    --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,);
  }
  .order-line-issues__description, .order-line-issues__resolution, .order-line-issues__reopen-explanation {
    min-width: calc(var(--spacing) * 0);
    overflow-wrap: anywhere;
    white-space: pre-wrap;
  }
  .order-line-issues__outcome, .order-line-issues__reopen {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .order-line-issues__caption {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-dim);
  }
  .order-line-issues__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    &:empty {
      display: none;
    }
  }
  .order-line-issue-modal {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .order-line-issue-modal__control {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .order-line-issue-modal__counter {
    align-self: flex-end;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
    --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,);
  }
  .order-docs {
    margin-top: calc(var(--spacing) * 5);
  }
  .order-docs__head {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .order-docs__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .order-doc {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-surface-subtle);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .order-doc__icon {
    display: flex;
    color: var(--color-text-muted);
  }
  .order-doc--empty .order-doc__icon, .order-doc--empty .order-doc__name {
    color: var(--color-text-dim);
  }
  .order-doc__body {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .order-doc__name {
    min-width: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    overflow-wrap: anywhere;
  }
  .order-doc__meta, .order-doc__percent {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
    --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,);
  }
  .order-doc__status {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-muted);
    &:empty {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip-path: inset(50%);
      white-space: nowrap;
      border-width: 0;
    }
  }
  .order-doc__upload-name {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: anywhere;
  }
  .order-doc__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    &:empty {
      display: none;
    }
  }
  .order-doc__alert, .order-doc__conflict {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .order-doc__alert-text, .order-doc__conflict-text {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
  }
  .order-actions {
    display: contents;
  }
  .order-actions__buttons {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .order-actions__notice {
    flex-basis: 100%;
  }
  .order-actions__buttons:empty, .order-actions__notice:empty {
    display: none;
  }
  .order-send {
    display: contents;
  }
  .order-send__composition-warning, .order-send__total-warning {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-warn-border);
    background-color: var(--color-warn-surface);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-warn-text);
  }
  .order-send__total {
    --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,);
  }
  .order-send__method {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .order-send__method-label {
    font-size: 11.5px;
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: 0.04em;
    letter-spacing: 0.04em;
    color: var(--color-text-dim);
    text-transform: uppercase;
  }
  .order-send__method-value {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .order-send__hint {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .order-return {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .order-return__reason {
    min-width: calc(var(--spacing) * 0);
  }
  .order-edit__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .order-edit__fields {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(240px,1fr));
    column-gap: calc(var(--spacing) * 5);
    row-gap: calc(var(--spacing) * 4);
  }
  .order-edit__field {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .order-edit__composition-warning {
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-warn-border);
    background-color: var(--color-warn-surface);
    padding-inline: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-warn-text);
  }
  .order-edit__total, .order-edit__quantity, .order-edit__price, .order-edit__amount {
    --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,);
  }
  .order-edit__estimates {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 2);
  }
  .order-edit__estimates-text {
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(var(--spacing) * 2);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
    --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,);
  }
  .order-edit__missing-prices {
    color: var(--color-warn-text);
  }
  .order-edit__insert-estimates, .order-edit__cancel, .order-edit__save {
    display: inline-flex;
  }
  .order-edit__lines-title {
    margin-top: calc(var(--spacing) * 2);
    font-size: 15px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .order-edit__lines {
    display: flex;
    flex-direction: column;
    :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)));
    }
    :where(& > :not(:last-child)) {
      border-color: var(--color-border);
    }
    border-block-style: var(--tw-border-style);
    border-block-width: 1px;
    border-color: var(--color-border);
  }
  .order-edit__line {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    padding-block: calc(var(--spacing) * 4);
  }
  .order-edit__line-head {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: calc(var(--spacing) * 2);
  }
  .order-edit__line-number {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
  }
  .order-edit__line-title {
    min-width: calc(var(--spacing) * 0);
    overflow-wrap: anywhere;
    color: var(--color-text-muted);
  }
  .order-edit__line-fields {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(160px,1fr));
    column-gap: calc(var(--spacing) * 4);
    row-gap: calc(var(--spacing) * 3);
  }
  .order-edit__line-field {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .order-edit__line-error {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-danger-text);
  }
  .order-edit__line-estimate {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-muted);
  }
  .order-edit__line-estimate--differs {
    color: var(--color-warn-text);
  }
  .order-edit__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 2.5);
  }
  .order-edit__pending {
    margin-right: auto;
    display: inline-flex;
    align-items: center;
  }
  .order-edit__estimates-text:empty, .order-edit__line-error:empty, .order-edit__line-estimate:empty, .order-edit__insert-line-estimate--absent, .order-edit__lines-error:empty, .order-edit__error:empty, .order-edit__pending--absent {
    display: none;
  }
  .modal__window:has(.order-inclusion) {
    max-width: var(--container-5xl);
  }
  .order-exclusion, .order-inclusion {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .order-exclusion__question {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .order-inclusion__hint {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text-dim);
  }
  .order-inclusion__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 10);
  }
  .order-inclusion__loading-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .order-inclusion__retry {
    display: flex;
  }
  .order-inclusion__candidates-wrap:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .order-inclusion__select-column {
    width: 1px;
  }
  .order-inclusion__author {
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .order-inclusion__other-supplier {
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-warn-text);
  }
  .order-inclusion__line-reason {
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-danger-text);
  }
  .order-inclusion__candidate--blocked .order-inclusion__request-title, .order-inclusion__candidate--blocked .order-inclusion__supplier {
    color: var(--color-text-dim);
  }
  .order-inclusion__amount {
    width: calc(var(--spacing) * 32);
  }
  .order-inclusion__other-supplier:empty, .order-inclusion__line-reason:empty, .order-inclusion__amount-error:empty {
    display: none;
  }
  .order-reject {
    display: contents;
  }
  .order-reject__comment {
    min-width: calc(var(--spacing) * 0);
  }
  .order-list {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .order-list__new-order {
    white-space: nowrap;
    text-decoration-line: none;
  }
  .order-list__toolbar {
    margin-bottom: calc(var(--spacing) * 4.5);
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: calc(var(--spacing) * 2.5);
  }
  .order-list__filter {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .order-list__open-issues {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    padding-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text-muted);
  }
  .order-row-issue-count {
    margin-left: calc(var(--spacing) * 1.5);
    white-space: nowrap;
  }
  .order-row-status--issues {
    white-space: nowrap;
  }
  .order-list__refresh {
    margin-left: auto;
    display: inline-flex;
  }
  .order-list__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 14);
  }
  .order-list__loading-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .order-list__actions {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .order-list__denied-text {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .order-list__forbidden {
    padding-inline: calc(var(--spacing) * 6);
    padding-block: calc(var(--spacing) * 14);
    text-align: center;
  }
  .order-list__table-wrap {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
  }
  .order-list__table :is(.data-table__column, .data-table__cell):not(:first-child) {
    @media (width >= 64rem) {
      padding-left: calc(var(--spacing) * 3);
    }
  }
  .order-list__table :is(.data-table__column, .data-table__cell):not(:last-child) {
    @media (width >= 64rem) {
      padding-right: calc(var(--spacing) * 3);
    }
  }
  .order-list__table-wrap:focus-visible, .order-list__number-link:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .order-list__row {
    cursor: pointer;
  }
  .order-list__row:hover .data-table__cell {
    background-color: var(--color-surface-subtle);
  }
  .order-list__number-link {
    border-radius: var(--radius-control);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-accent);
    text-decoration-line: none;
  }
  .order-list__number-link:hover {
    color: var(--color-accent-hover);
  }
  .order-list__supplier {
    min-width: calc(var(--spacing) * 32);
    overflow-wrap: anywhere;
  }
  .order-list__lines {
    width: 24%;
    max-width: calc(var(--spacing) * 0);
  }
  .order-list__lines-title {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .order-list__lines-more {
    margin-top: 1px;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .order-list__total-column {
    text-align: right;
  }
  .order-list__total {
    text-align: right;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    --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,);
  }
  .order-list__manager {
    min-width: calc(var(--spacing) * 32);
    overflow-wrap: anywhere;
  }
  .order-list__created {
    white-space: nowrap;
    color: var(--color-text-dim);
    --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,);
  }
}
@media (width < 40rem) {
  @layer components {
    .order-card__fields {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .order-card__payment-facts, .order-card__delivery-facts, .order-card__deliveries-item {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .order-doc {
      flex-wrap: wrap;
    }
    .order-doc__icon {
      height: calc(var(--spacing) * 5);
      align-items: center;
      align-self: flex-start;
    }
    .order-doc__actions {
      flex-basis: 100%;
    }
  }
}
@layer components {
  .profile {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .profile__cards {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    align-items: flex-start;
    gap: calc(var(--spacing) * 4.5);
    @media (width >= 64rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .profile__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .profile__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 14);
  }
  .profile__loading-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .profile__readonly {
    border-radius: var(--radius-control);
    background-color: var(--color-neutral-surface);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3);
  }
  .profile__readonly-label {
    margin-bottom: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .profile__roles {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .profile__roles .profile__readonly-label {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .profile__readonly-value {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    word-break: break-all;
  }
  .profile__roles-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 1.5);
  }
  .profile__roles-loading, .profile__roles-empty {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text-dim);
  }
  .profile__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .profile__language-following {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .profile__notifications-note {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text-dim);
  }
  .profile__notifications-groups {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .profile__notifications-option {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2.5);
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .profile__notifications-option:has(.profile__notifications-checkbox:disabled) {
    cursor: not-allowed;
  }
  .profile__notifications-checkbox {
    margin-top: calc(var(--spacing) * 0.5);
    flex-shrink: 0;
  }
  .profile__notifications-checkbox:disabled {
    cursor: not-allowed;
  }
  .profile__notifications-text {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .profile__notifications-label {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .profile__notifications-hint {
    font-size: var(--text-caption);
    overflow-wrap: anywhere;
    color: var(--color-text-dim);
  }
  .profile__notifications-checkbox:disabled + .profile__notifications-text .profile__notifications-label {
    color: var(--color-text-dim);
  }
  .profile__notifications-link-hint {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text-dim);
  }
  .profile__notifications-channels {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .profile__notifications-row {
    display: grid;
    min-width: calc(var(--spacing) * 0);
    align-items: flex-start;
    column-gap: calc(var(--spacing) * 3);
    grid-template-columns: minmax(0, 1fr) 5.5rem 5.5rem;
  }
  .profile__notifications-channel-title--app {
    grid-column-start: 2;
  }
  .profile__notifications-channel-title {
    text-align: center;
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .profile__notifications-channel {
    display: flex;
    cursor: pointer;
    align-items: flex-start;
    justify-content: center;
    gap: calc(var(--spacing) * 2);
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
    @media (width < 40rem) {
      align-items: center;
    }
    @media (width < 40rem) {
      justify-content: flex-start;
    }
  }
  .profile__notifications-channel:has(.checkbox:disabled) {
    cursor: not-allowed;
  }
  .profile__notifications-channel-caption {
    display: none;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    @media (width < 40rem) {
      display: inline;
    }
  }
  .profile__notifications-row:has(.checkbox:disabled) .profile__notifications-label {
    color: var(--color-text-dim);
  }
  .profile__notifications-telegram-checkbox {
    margin-top: calc(var(--spacing) * 0.5);
    flex-shrink: 0;
  }
  .profile__notifications-telegram-checkbox:disabled {
    cursor: not-allowed;
  }
  .profile__telegram {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .profile__telegram .profile__readonly-label {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .profile__telegram-status {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .profile__telegram-open {
    display: flex;
    align-items: center;
    align-self: flex-start;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-accent);
    text-decoration-line: underline;
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .profile__telegram-expiry {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  @media (width < 40rem) {
    .profile__notifications-row {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
    .profile__notifications-row .profile__notifications-text {
      grid-column: 1 / -1;
    }
    .profile__notifications-heading {
      display: none;
    }
  }
}
@layer components {
  .order-queue {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .order-queue__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 14);
  }
  .order-queue__loading-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .order-queue__forbidden {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    padding-top: var(--spacing-panel);
  }
  .order-queue__forbidden-title {
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .order-queue__forbidden-text {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .order-queue__failure {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    padding-top: var(--spacing-panel);
  }
  .order-queue__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .order-queue__table-wrap:focus-visible, .order-queue__number-link:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .order-queue__cell--number {
    white-space: nowrap;
  }
  .order-queue__number-link {
    border-radius: var(--radius-control);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-accent);
    text-decoration-line: underline;
  }
  .order-queue__cell--supplier {
    min-width: calc(var(--spacing) * 40);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    overflow-wrap: anywhere;
  }
  .order-queue__cell--amount {
    text-align: right;
    white-space: nowrap;
    --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,);
  }
  .order-queue__cell--lines {
    min-width: calc(var(--spacing) * 48);
    overflow-wrap: anywhere;
  }
  .order-queue__more {
    margin-left: calc(var(--spacing) * 1);
    color: var(--color-text-dim);
  }
  .order-queue__more:empty {
    display: none;
  }
  .order-queue__cell--requests .order-queue__cell-value {
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-muted);
  }
  .order-queue__cell--manager {
    min-width: calc(var(--spacing) * 32);
    overflow-wrap: anywhere;
  }
  .order-queue__cell--approvals {
    white-space: nowrap;
    --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,);
  }
  .order-queue__cell--expected, .order-queue__cell--tracking {
    white-space: nowrap;
  }
  .order-queue__cell--since {
    white-space: nowrap;
    color: var(--color-text-dim);
    --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,);
  }
  .order-queue__bulk-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .order-queue__bulk-results {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-border);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .order-queue__bulk-progress {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    color: var(--color-text-muted);
  }
  .order-queue__bulk-summary {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .order-queue__bulk-list {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .order-queue__bulk-result {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: calc(var(--spacing) * 2);
    overflow-wrap: anywhere;
  }
  .order-queue__bulk-number {
    border-radius: var(--radius-control);
    font-family: var(--font-mono);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-accent);
    text-decoration-line: underline;
  }
  .order-queue__bulk-number:focus-visible, .order-queue__checkbox:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .order-queue__bulk-close {
    display: flex;
  }
  .order-queue__select-heading {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .order-queue__cell.order-queue__select {
    width: calc(var(--spacing) * 11);
    padding: calc(var(--spacing) * 0);
  }
  .order-queue__select-target {
    display: flex;
    min-height: calc(var(--spacing) * 11);
    cursor: pointer;
    align-items: center;
    padding-right: calc(var(--spacing) * 1.5);
    padding-left: var(--spacing-panel);
    @media (width < 40rem) {
      min-width: calc(var(--spacing) * 6);
    }
    @media (width < 40rem) {
      padding-right: calc(var(--spacing) * 0);
    }
    @media (width < 40rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .order-queue__checkbox {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
    cursor: pointer;
    accent-color: var(--theme-accent);
  }
  .order-queue__checkbox:disabled {
    cursor: not-allowed;
    opacity: 40%;
  }
  .order-queue__select-target:has(.order-queue__checkbox:disabled) {
    cursor: not-allowed;
  }
  .order-queue__row--approval {
    @media (width < 40rem) {
      grid-template-columns: auto minmax(0,1fr);
    }
    @media (width < 40rem) {
      column-gap: calc(var(--spacing) * 3);
    }
  }
  .order-queue__row--approval > .order-queue__cell {
    @media (width < 40rem) {
      grid-column: span 2 / span 2;
    }
  }
  .order-queue__row--approval > .order-queue__select, .order-queue__row--approval > .order-queue__cell--number {
    @media (width < 40rem) {
      grid-column: span 1 / span 1;
    }
    @media (width < 40rem) {
      align-self: center;
    }
  }
}
@layer components {
  .new-request {
    margin-inline: auto;
    max-width: var(--container-narrow);
  }
  .new-request__panel {
    width: 100%;
    gap: calc(var(--spacing) * 4.5);
    padding: calc(var(--spacing) * 5);
    @media (width >= 64rem) {
      padding: calc(var(--spacing) * 7);
    }
  }
  .new-request__supplier-note {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .new-request__intro {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .new-request__heading {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight);
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    --tw-tracking: var(--tracking-heading);
    letter-spacing: var(--tracking-heading);
  }
  .new-request__type {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .new-request__row {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(180px,1fr));
    gap: calc(var(--spacing) * 4.5);
  }
  .new-request__actions {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .new-request__pending {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .new-request__summary {
    margin-inline: calc(var(--spacing) * 0.5);
    margin-top: calc(var(--spacing) * 3.5);
    color: var(--color-text-dim);
  }
  .new-request__summary-total {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .new-request__uncertain {
    margin-top: calc(var(--spacing) * 1);
  }
  .new-request__retry {
    margin-top: calc(var(--spacing) * 3);
    display: flex;
  }
  .new-request__success {
    margin-top: calc(var(--spacing) * 1);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .new-request__success-number {
    font-size: var(--text-h2);
    line-height: var(--tw-leading, var(--text-h2--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .new-request__saved {
    display: flex;
    flex-direction: column;
  }
  .new-request__saved-row {
    display: flex;
    flex-wrap: wrap;
    column-gap: calc(var(--spacing) * 4);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
    padding-block: calc(var(--spacing) * 2.5);
  }
  .new-request__saved-label {
    width: calc(var(--spacing) * 44);
    flex-shrink: 0;
    color: var(--color-text-dim);
  }
  .new-request__saved-value {
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    overflow-wrap: break-word;
    white-space: pre-wrap;
  }
  .new-request__create-another {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .new-request__open-request {
    text-decoration-line: none;
  }
  .new-request__conflict {
    margin-top: calc(var(--spacing) * 1);
  }
  .new-request__conflict-number {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-h2);
    line-height: var(--tw-leading, var(--text-h2--line-height));
    letter-spacing: var(--tw-tracking, var(--text-h2--letter-spacing));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .request-list {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .request-list__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .request-list__new-request {
    white-space: nowrap;
    text-decoration-line: none;
  }
  .request-list__toolbar {
    margin-bottom: calc(var(--spacing) * 4.5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .request-list__filters-count {
    display: inline-grid;
    height: calc(var(--spacing) * 5);
    min-width: calc(var(--spacing) * 5);
    place-items: center;
    border-radius: calc(infinity * 1px);
    background-color: var(--color-accent);
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-accent-contrast);
  }
  .request-list__refresh {
    margin-left: auto;
    display: inline-flex;
  }
  .request-list__applied {
    margin-bottom: calc(var(--spacing) * 4.5);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .request-list__applied-filter {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-control);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-accent-line);
    background-color: var(--color-accent-soft);
    padding-block: calc(var(--spacing) * 1.25);
    padding-right: calc(var(--spacing) * 1.5);
    padding-left: calc(var(--spacing) * 3);
    font-size: var(--text-caption);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-accent);
  }
  .request-list__applied-text {
    min-width: calc(var(--spacing) * 0);
    overflow-wrap: anywhere;
  }
  .request-list__applied-remove {
    display: inline-flex;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    flex-shrink: 0;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    border-radius: calc(infinity * 1px);
    color: var(--color-text-dim);
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-panel);
      }
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-accent);
      }
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
    &:focus-visible {
      outline-color: var(--color-accent);
    }
    @media (width < 40rem) {
      position: relative;
    }
    @media (width < 40rem) {
      &::before {
        content: var(--tw-content);
        position: absolute;
      }
    }
    @media (width < 40rem) {
      &::before {
        content: var(--tw-content);
        inset: calc(var(--spacing) * -3);
      }
    }
  }
  .request-list__applied-reset {
    cursor: pointer;
    border-radius: var(--radius-control);
    padding-inline: calc(var(--spacing) * 1.5);
    font-size: var(--text-caption);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-accent);
    &:hover {
      @media (hover: hover) {
        color: var(--color-accent-hover);
      }
    }
    &:focus-visible {
      outline-style: var(--tw-outline-style);
      outline-width: 2px;
    }
    &:focus-visible {
      outline-offset: 2px;
    }
    &:focus-visible {
      outline-color: var(--color-accent);
    }
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .request-list__filter {
    min-width: calc(var(--spacing) * 36);
  }
  .request-list__filter-error, .request-list__inactive-days-error {
    flex-basis: 100%;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-danger-text);
  }
  .request-list__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 14);
  }
  .request-list__loading-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .request-list__actions {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .request-list__selection {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 3.5);
    row-gap: calc(var(--spacing) * 2);
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
    border-color: var(--color-accent-line);
    background-color: var(--color-accent-soft);
    padding-inline: var(--spacing-panel);
    padding-block: calc(var(--spacing) * 3);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-accent);
  }
  .request-list__selection-total {
    margin-left: calc(var(--spacing) * -2.5);
  }
  .request-list__selection--empty {
    border-color: var(--color-border);
    background-color: var(--color-surface-subtle);
    color: var(--color-text-dim);
  }
  .request-list__selection-actions {
    margin-left: auto;
    display: flex;
    flex-wrap: wrap;
    gap: calc(var(--spacing) * 2.5);
  }
  .request-list__selection-hint {
    flex-basis: 100%;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-text-muted);
  }
  .request-list__supplier-mismatch {
    flex-basis: 100%;
    border-radius: var(--radius-lg);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-danger-border);
    background-color: var(--color-danger-surface);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-danger-text);
    padding: 8px 12px;
  }
  .request-list__table-wrap {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
  }
  .request-list__selection + .request-list__table-wrap {
    border-top-style: var(--tw-border-style);
    border-top-width: 0px;
  }
  .request-list__table-wrap:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: calc(2px * -1);
    outline-color: var(--color-accent);
  }
  .request-list__column, .request-list__cell {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .request-list__column:where(:first-child), .request-list__cell:where(:first-child) {
    padding-left: var(--spacing-panel);
  }
  .request-list__column:where(:last-child), .request-list__cell:where(:last-child) {
    padding-right: var(--spacing-panel);
  }
  .request-list__column {
    white-space: normal;
  }
  .request-list__column--price {
    text-align: right;
  }
  .request-list__column.request-list__column--select {
    width: calc(var(--spacing) * 11);
    padding-inline: calc(var(--spacing) * 0);
  }
  .request-list__select-heading, .request-list__more-heading {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .request-list__row--selected .request-list__cell {
    background-color: var(--color-accent-soft);
  }
  .request-list__row--selected {
    @media (width < 40rem) {
      background-color: var(--color-accent-soft);
    }
  }
  .request-list__cell.request-list__select {
    width: calc(var(--spacing) * 11);
    padding: calc(var(--spacing) * 0);
    @media (width < 40rem) {
      grid-area: select;
    }
  }
  .request-list__select-target {
    display: flex;
    min-height: calc(var(--spacing) * 11);
    cursor: pointer;
    align-items: center;
    padding-right: calc(var(--spacing) * 1.5);
    padding-left: var(--spacing-panel);
    @media (width < 40rem) {
      min-width: calc(var(--spacing) * 11);
    }
    @media (width < 40rem) {
      padding-left: calc(var(--spacing) * 0);
    }
  }
  .request-list__checkbox, .request-list__group-checkbox {
    width: calc(var(--spacing) * 4.5);
    height: calc(var(--spacing) * 4.5);
    cursor: pointer;
    accent-color: var(--theme-accent);
  }
  .request-list__checkbox:focus-visible, .request-list__group-checkbox:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .request-list__checkbox:disabled, .request-list__group-checkbox:disabled {
    cursor: not-allowed;
    opacity: 40%;
  }
  .request-list__select-target:has(.request-list__checkbox:disabled) {
    cursor: not-allowed;
  }
  .request-list__row {
    cursor: pointer;
    @media (width < 40rem) {
      grid-template-columns: auto minmax(0,1fr) auto;
    }
    @media (width < 40rem) {
      grid-template-areas: 'select number more' 'select title title' 'select status status';
    }
  }
  .request-list__row:not(.request-list__row--selected):hover .data-table__cell {
    background-color: var(--color-surface-subtle);
  }
  .request-list__number {
    @media (width < 40rem) {
      align-self: center;
    }
    @media (width < 40rem) {
      grid-area: number;
    }
  }
  .request-list__number-link {
    border-radius: var(--radius-control);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    color: var(--color-accent);
    text-decoration-line: none;
  }
  .request-list__number-link:hover {
    color: var(--color-accent-hover);
  }
  .request-list__number-link:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .request-list__title-cell {
    min-width: calc(var(--spacing) * 28);
    @media (width < 40rem) {
      grid-area: title;
    }
  }
  .request-list__title {
    display: block;
    overflow-wrap: anywhere;
  }
  .request-list__author {
    margin-top: calc(var(--spacing) * 0.5);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    overflow-wrap: anywhere;
    color: var(--color-text-dim);
  }
  .request-list__supplier {
    min-width: calc(var(--spacing) * 20);
    overflow-wrap: anywhere;
  }
  .request-list__price {
    text-align: right;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    white-space: nowrap;
    --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,);
  }
  .request-list__order-number {
    margin-top: calc(var(--spacing) * 1);
    display: block;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: nowrap;
    color: var(--color-text-dim);
  }
  .request-list__created, .request-list__last-activity {
    color: var(--color-text-dim);
    --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,);
  }
  .request-list__created {
    white-space: nowrap;
  }
  .request-list__status {
    @media (width < 40rem) {
      grid-area: status;
    }
  }
  .request-list__cell.request-list__more {
    padding-left: calc(var(--spacing) * 0);
    text-align: right;
    @media (width < 40rem) {
      grid-area: more;
    }
  }
  .request-list__more-link {
    display: inline-grid;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    place-items: center;
    border-radius: var(--radius-control);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: transparent;
    color: var(--color-text-dim);
    text-decoration-line: none;
    @media (width < 40rem) {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
  }
  .request-list__more-link:hover {
    border-color: var(--color-border);
    background-color: var(--color-panel);
    color: var(--color-text);
  }
  .request-list__more-link:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .request-list__row--selected .request-list__created, .request-list__row--selected .request-list__last-activity {
    color: var(--color-text-muted);
  }
  .request-list__row--selected .chip--neutral, .request-list__row--selected .chip--info {
    background-color: var(--color-panel);
  }
  .request-list__column--sortable {
    position: relative;
  }
  .request-list__sort {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 1);
    border-radius: var(--radius-control);
    text-align: left;
    &::before {
      content: var(--tw-content);
      position: absolute;
    }
    &::before {
      content: var(--tw-content);
      inset: calc(var(--spacing) * 0);
    }
    &:hover {
      @media (hover: hover) {
        color: var(--color-text);
      }
    }
  }
  .request-list__sort:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .request-list__sort-mark {
    display: inline-flex;
    flex-shrink: 0;
    color: var(--color-accent);
  }
  .request-list__sort-mark .icon {
    width: calc(var(--spacing) * 3.5);
    height: calc(var(--spacing) * 3.5);
  }
  .request-list__sort-mark--ascending {
    rotate: 180deg;
  }
  .request-list__sort-mark--unsorted {
    color: currentcolor;
    opacity: 50%;
  }
  .request-list__product-link {
    margin-left: calc(var(--spacing) * 1);
    display: inline-grid;
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5);
    place-items: center;
    border-radius: var(--radius-control);
    vertical-align: middle;
    color: var(--color-text-dim);
    text-decoration-line: none;
    @media (width < 40rem) {
      width: calc(var(--spacing) * 11);
      height: calc(var(--spacing) * 11);
    }
  }
  .request-list__product-link:hover {
    color: var(--color-accent);
  }
  .request-list__product-link:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .request-list__cell.request-list__group-cell {
    background-color: var(--color-surface-subtle);
    padding-block: calc(var(--spacing) * 2);
    text-align: left;
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .data-table .data-table__cell.request-list__cell.request-list__group-cell {
    @media (width < 40rem) {
      padding-inline: var(--spacing-panel);
    }
    @media (width < 40rem) {
      padding-block: calc(var(--spacing) * 2);
    }
  }
  .request-list__group {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 2.5);
    row-gap: calc(var(--spacing) * 1);
  }
  .request-list__group-select {
    display: flex;
    cursor: pointer;
    align-items: center;
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
    @media (width < 40rem) {
      min-width: calc(var(--spacing) * 11);
    }
  }
  .request-list__group-select:has(.request-list__group-checkbox:disabled) {
    cursor: not-allowed;
  }
  .request-list__group-label {
    min-width: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: anywhere;
  }
  .request-list__group-count {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    white-space: nowrap;
    color: var(--color-text-dim);
  }
  .request-card {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .edit-request__number {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-dim);
  }
  .request-card__layout {
    display: grid;
    align-items: flex-start;
    gap: calc(var(--spacing) * 6);
    grid-template-columns: minmax(0, 1fr) clamp(272px, 21vw, 360px);
  }
  .request-card__main {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
  }
  .request-card__aside {
    position: sticky;
    display: flex;
    flex-direction: column;
    align-self: flex-start;
    top: calc(calc(var(--spacing) * 16) + var(--theme-spacing-page));
  }
  .request-card__heading {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex: 1;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .request-card__type {
    color: var(--color-text-muted);
  }
  .request-card__body {
    display: flex;
    flex-direction: column;
  }
  .request-card__loading {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: calc(var(--spacing) * 14);
  }
  .request-card__loading-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .request-card__notices {
    margin-bottom: calc(var(--spacing) * 4.5);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .request-card__notices:empty {
    display: none;
  }
  .request-card__actions {
    margin-top: calc(var(--spacing) * 4);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .request-card__number {
    color: var(--color-text-dim);
  }
  .request-card__title {
    overflow-wrap: anywhere;
  }
  .request-card .page-head__subtitle:empty {
    display: none;
  }
  .request-card__prepared {
    overflow-wrap: anywhere;
  }
  .request-card__subscription-hint {
    display: block;
  }
  .request-card__status-label {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip-path: inset(50%);
    white-space: nowrap;
    border-width: 0;
  }
  .request-card .page-head__status:has(.request-card__draft-reason) {
    flex-direction: column;
    align-items: flex-end;
    gap: calc(var(--spacing) * 1);
  }
  .request-card__draft-reason {
    max-width: 100%;
    font-size: var(--text-caption);
    overflow-wrap: anywhere;
    color: var(--color-text-muted);
  }
  .request-card__fields {
    display: grid;
    grid-template-columns: repeat(auto-fit,minmax(170px,1fr));
    column-gap: calc(var(--spacing) * 5);
    row-gap: calc(var(--spacing) * 4.5);
  }
  .request-card__field {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .request-card__section {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
    padding-inline: var(--spacing-panel);
    padding-block: calc(var(--spacing) * 5);
  }
  .request-card__label {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .request-card__value {
    min-width: calc(var(--spacing) * 0);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    overflow-wrap: anywhere;
    white-space: pre-wrap;
  }
  .request-card__section .request-card__value {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
  }
  .request-card__price, .request-card__quantity {
    --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,);
  }
  .request-card__link {
    display: inline-flex;
    max-width: 100%;
    align-items: center;
    gap: calc(var(--spacing) * 1.5);
    border-radius: var(--radius-control);
    overflow-wrap: anywhere;
    color: var(--color-accent);
    text-decoration-line: none;
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .request-card__link:hover {
    color: var(--color-accent-hover);
    text-decoration-line: underline;
  }
  .request-card__link:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .request-card__order-link {
    border-radius: var(--radius-control);
    color: var(--color-accent);
    text-decoration-line: none;
    @media (width < 40rem) {
      display: inline-flex;
    }
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
    @media (width < 40rem) {
      align-items: center;
    }
  }
  .request-card__order-link:hover {
    color: var(--color-accent-hover);
    text-decoration-line: underline;
  }
  .request-card__order-link:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .request-card__next-body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .request-card__next-hint {
    margin-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .request-card__next-action {
    display: flex;
    width: 100%;
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 3);
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    background-color: var(--color-panel);
    padding-inline: calc(var(--spacing) * 3.5);
    padding-block: calc(var(--spacing) * 3);
    text-align: left;
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
    text-decoration-line: none;
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .request-card__next-action:hover:not(:disabled) {
    border-color: var(--color-border-strong);
    background-color: var(--color-surface-subtle);
  }
  .request-card__next-action:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
  .request-card__next-action:disabled {
    cursor: not-allowed;
    opacity: 50%;
  }
  .request-card__next-action--locked:disabled {
    opacity: 100%;
  }
  .request-card__next-action--locked .request-card__next-icon, .request-card__next-action--locked .request-card__next-label {
    opacity: 50%;
  }
  .request-card__next-action--primary {
    border-color: var(--color-accent);
    background-color: var(--color-accent);
    padding: calc(var(--spacing) * 3.5);
    color: var(--color-accent-contrast);
  }
  .request-card__next-action--primary:hover:not(:disabled) {
    border-color: var(--color-accent-hover);
    background-color: var(--color-accent-hover);
  }
  .request-card__next-icon {
    display: grid;
    width: calc(var(--spacing) * 8);
    height: calc(var(--spacing) * 8);
    flex-shrink: 0;
    place-items: center;
    border-radius: var(--radius-item);
    background-color: var(--color-surface-subtle);
    color: var(--color-text-muted);
  }
  .request-card__next-action--primary .request-card__next-icon {
    background-color: var(--color-accent-contrast);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-accent-contrast) 18%, transparent);
    }
    color: var(--color-accent-contrast);
  }
  .request-card__next-text {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
  }
  .request-card__next-note {
    margin-top: 1px;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal);
    color: var(--color-text-dim);
  }
  .request-card__next-action--primary .request-card__next-note {
    color: var(--color-accent-contrast);
    @supports (color: color-mix(in lab, red, red)) {
      color: color-mix(in oklab, var(--color-accent-contrast) 75%, transparent);
    }
  }
  .request-card__next-empty {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .request-card__cancellation {
    margin-bottom: calc(var(--spacing) * 4.5);
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .request-card__cancellation-summary {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .request-card__cancellation-reason {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .request-card__cancellation-reason-label {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .request-card__cancellation-reason-text {
    overflow-wrap: anywhere;
    white-space: pre-wrap;
    color: var(--color-text);
  }
  .request-card__in-order {
    display: flex;
    flex-wrap: wrap;
    align-items: baseline;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1);
  }
  .request-card__revision {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .request-card__revision-summary {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .request-card__revision-comment {
    overflow-wrap: anywhere;
    white-space: pre-wrap;
  }
  .request-lifecycle__withdraw-dialog, .request-lifecycle__cancel-dialog, .request-lifecycle__return-dialog, .request-lifecycle__resubmit-dialog, .request-lifecycle__category-dialog {
    display: contents;
  }
  .request-lifecycle__cancel-form, .request-lifecycle__return-form, .request-lifecycle__category-form {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .request-category-field {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .request-category-load__failure {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .request-lifecycle__reason, .request-lifecycle__revision {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .request-lifecycle__counter {
    align-self: flex-end;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
    --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,);
  }
}
@media (width < 64rem) {
  @layer components {
    .request-list__filters {
      gap: calc(var(--spacing) * 2);
    }
    .request-card__layout {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
    .request-card__aside {
      position: static;
      order: -9999;
    }
  }
}
@media (width < 40rem) {
  @layer components {
    .request-list__selection-actions {
      width: 100%;
      flex-direction: column;
      align-items: stretch;
    }
    .request-list__clear-selection .button, .request-list__create-order .button {
      width: 100%;
    }
    .new-request__actions {
      flex-direction: column;
      align-items: stretch;
    }
    .new-request__saved-row {
      flex-direction: column;
    }
  }
  .request-list__issue-badge {
    margin-left: calc(var(--spacing) * 1.5);
    white-space: nowrap;
  }
  .request-order-line__header {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: calc(var(--spacing) * 2);
  }
  .request-order-line__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .request-order-line__issues {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    &:empty {
      display: none;
    }
  }
  .request-order-line__issue {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
    padding-top: calc(var(--spacing) * 3);
    &:first-child {
      border-top-style: var(--tw-border-style);
      border-top-width: 0px;
    }
    &:first-child {
      padding-top: calc(var(--spacing) * 0);
    }
  }
  .request-order-line__issue-head {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 1);
  }
  .request-order-line__meta {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    column-gap: calc(var(--spacing) * 3);
    row-gap: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .request-order-line__created-at, .request-order-line__resolved-at, .request-order-line__reopened-at {
    white-space: nowrap;
    --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,);
  }
  .request-order-line__description, .request-order-line__resolution, .request-order-line__reopen-explanation {
    min-width: calc(var(--spacing) * 0);
    overflow-wrap: anywhere;
    white-space: pre-wrap;
  }
  .request-order-line__outcome, .request-order-line__reopen {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    gap: calc(var(--spacing) * 0.5);
  }
  .request-order-line__caption {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text-dim);
  }
  .request-order-line__actions, .request-order-line__report {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .request-line-issue-modal {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .request-line-issue-modal__control {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
  }
  .request-line-issue-modal__counter {
    align-self: flex-end;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
    --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,);
  }
}
@layer components {
  .settings {
    max-width: var(--container-narrow);
  }
  .settings__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .settings__loading {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .settings__loading-text {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text-dim);
  }
  .settings__language {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1.5);
  }
  .settings__language-legend {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .settings__language-options {
    align-self: flex-start;
  }
  .settings__actions {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .approval-ladder {
    max-width: var(--container-narrow);
  }
  .approval-ladder__section {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    padding-top: calc(var(--spacing) * 4.5);
  }
  .approval-ladder__toolbar {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
    padding-bottom: calc(var(--spacing) * 4.5);
  }
  .approval-ladder__changed {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .approval-ladder__table-wrap {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
  }
  .approval-ladder__table {
    width: 100%;
  }
  .approval-ladder__cell {
    vertical-align: top;
  }
  .approval-ladder__cell-label {
    @media (width < 40rem) {
      margin-bottom: calc(var(--spacing) * 1);
    }
    @media (width < 40rem) {
      display: block;
    }
  }
  .approval-ladder__bound, .approval-ladder__approvals {
    width: calc(var(--spacing) * 40);
  }
  .approval-ladder__no-limit {
    display: inline-flex;
    height: calc(var(--spacing) * 9);
    align-items: center;
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text-muted);
    @media (width < 40rem) {
      height: calc(var(--spacing) * 11);
    }
  }
  .approval-ladder__bound--absent, .approval-ladder__no-limit--absent, .approval-ladder__remove--absent {
    display: none;
  }
  .approval-ladder__error {
    margin-top: calc(var(--spacing) * 1);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-danger-text);
  }
  .approval-ladder__error:empty {
    display: none;
  }
  .approval-ladder__actions-column {
    width: calc(var(--spacing) * 24);
  }
  .approval-ladder__footer {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
    padding-top: calc(var(--spacing) * 4.5);
  }
  .approval-ladder__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
  .notification-events {
    margin-top: calc(var(--spacing) * 6);
  }
  .notification-events__body {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
  }
  .notification-events__loading {
    display: flex;
    align-items: center;
    gap: calc(var(--spacing) * 2);
  }
  .notification-events__loading-text {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    color: var(--color-text-dim);
  }
  .notification-events__group {
    margin: calc(var(--spacing) * 0);
    min-width: calc(var(--spacing) * 0);
    border-style: var(--tw-border-style);
    border-width: 0px;
    padding: calc(var(--spacing) * 0);
  }
  .notification-events__legend {
    margin-bottom: calc(var(--spacing) * 2);
    padding: calc(var(--spacing) * 0);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-text);
  }
  .notification-events__options {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .notification-events__option {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    cursor: pointer;
    align-items: flex-start;
    gap: calc(var(--spacing) * 2.5);
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
  }
  .notification-events__option:has(.notification-events__checkbox:disabled) {
    cursor: not-allowed;
  }
  .notification-events__checkbox {
    margin-top: calc(var(--spacing) * 0.5);
    flex-shrink: 0;
  }
  .notification-events__checkbox:disabled {
    cursor: not-allowed;
  }
  .notification-events__option-label {
    min-width: calc(var(--spacing) * 0);
    overflow-wrap: anywhere;
  }
  .notification-events__checkbox:disabled + .notification-events__option-label {
    color: var(--color-text-dim);
  }
  .notification-events__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 2.5);
  }
}
@layer components {
  .statistics {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .statistics__period {
    align-items: flex-start;
  }
  .statistics__date {
    width: calc(var(--spacing) * 44);
  }
  .statistics__apply {
    @media (width < 40rem) {
      flex-basis: 100%;
    }
    @media (width >= 40rem) {
      margin-top: calc(var(--spacing) * 6.5);
    }
  }
  .statistics__reports {
    margin-bottom: var(--spacing-panel);
    align-self: flex-start;
  }
  .statistics__report-option {
    text-align: left;
  }
  .statistics__report {
    min-width: calc(var(--spacing) * 0);
  }
  .statistics__report-dates {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .statistics__body {
    display: flex;
    min-width: calc(var(--spacing) * 0);
    flex-direction: column;
    padding-top: calc(var(--spacing) * 4);
  }
  .statistics__table-title {
    padding-inline: var(--spacing-panel);
    padding-top: calc(var(--spacing) * 4);
    padding-bottom: calc(var(--spacing) * 2);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .statistics__table-wrap:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: calc(2px * -1);
    outline-color: var(--color-accent);
  }
  .statistics__column--number {
    text-align: right;
  }
  .statistics__table .statistics__cell--number:not(.data-table__cell--optional) {
    text-align: right;
    white-space: nowrap;
    --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,);
  }
  .statistics__foot .data-table__cell {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 0px;
    border-color: var(--color-border);
    background-color: var(--color-surface-subtle);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .statistics__notes {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 1);
    padding-inline: var(--spacing-panel);
    padding-block: calc(var(--spacing) * 4);
  }
  .statistics__note {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .statistics__empty .statistics__notes {
    padding-inline: calc(var(--spacing) * 0);
    padding-bottom: calc(var(--spacing) * 0);
    text-align: center;
  }
  .statistics__loading {
    padding: calc(var(--spacing) * 14);
  }
  .statistics__failure {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 4);
    padding-top: var(--spacing-panel);
  }
  .statistics__actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: calc(var(--spacing) * 3);
  }
  .statistics__table {
    @media (width < 40rem) {
      display: table;
    }
    @media (width < 40rem) {
      min-width: max-content;
    }
  }
  .statistics__table > thead {
    @media (width < 40rem) {
      position: static;
      width: auto;
      height: auto;
      padding: 0;
      margin: 0;
      overflow: visible;
      clip-path: none;
      white-space: normal;
    }
    @media (width < 40rem) {
      display: table-header-group;
    }
  }
  .statistics__table > tbody {
    @media (width < 40rem) {
      display: table-row-group;
    }
  }
  .statistics__table > tfoot {
    @media (width < 40rem) {
      display: table-footer-group;
    }
  }
  .statistics__table .data-table__row {
    @media (width < 40rem) {
      display: table-row;
    }
    @media (width < 40rem) {
      border-style: var(--tw-border-style);
      border-width: 0px;
    }
    @media (width < 40rem) {
      padding: calc(var(--spacing) * 0);
    }
  }
  .statistics__table .data-table__column {
    @media (width < 40rem) {
      white-space: nowrap;
    }
  }
  .statistics__table .data-table__cell:not(.data-table__cell--optional) {
    @media (width < 40rem) {
      display: table-cell;
    }
    @media (width < 40rem) {
      border-bottom-style: var(--tw-border-style);
      border-bottom-width: 1px;
    }
    @media (width < 40rem) {
      border-color: var(--color-border);
    }
    @media (width < 40rem) {
      padding-inline: calc(var(--spacing) * 2);
    }
    @media (width < 40rem) {
      padding-block: calc(var(--spacing) * 3.25);
    }
    @media (width < 40rem) {
      white-space: nowrap;
    }
  }
  .statistics__table .statistics__cell--number:not(.data-table__cell--optional) {
    @media (width < 40rem) {
      text-align: right;
    }
  }
}
@layer components {
  .suppliers {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .suppliers__table-wrap {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
  }
  .suppliers__name {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    overflow-wrap: anywhere;
  }
  .suppliers__row--inactive .suppliers__name {
    color: var(--color-text-dim);
  }
  .suppliers__search-field {
    width: calc(var(--spacing) * 60);
    max-width: 100%;
  }
  .suppliers__inactive-toggle {
    display: flex;
    height: calc(var(--spacing) * 9);
    cursor: pointer;
    align-items: center;
    gap: calc(var(--spacing) * 2);
    align-self: flex-end;
    font-size: 13.5px;
    @media (width < 40rem) {
      height: calc(var(--spacing) * 11);
    }
  }
  .suppliers__added-by {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .suppliers__actions-column, .suppliers__row-action {
    width: 1px;
    text-align: right;
    white-space: nowrap;
  }
  .suppliers__row-buttons {
    display: flex;
    justify-content: flex-end;
    gap: calc(var(--spacing) * 1.5);
    @media (width < 64rem) {
      margin-left: auto;
    }
    @media (width < 64rem) {
      width: max-content;
    }
    @media (width < 64rem) {
      max-width: 100%;
    }
    @media (width < 64rem) {
      flex-wrap: wrap;
    }
    @media (width < 64rem) {
      row-gap: calc(var(--spacing) * 1);
    }
  }
  .suppliers__rename, .suppliers__status-action {
    display: inline-flex;
  }
  .suppliers__status-alert {
    margin-bottom: var(--spacing-panel);
  }
  .suppliers__failure {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3);
  }
  .suppliers__form {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 3.5);
  }
}
@media (width < 30rem) {
  @layer components {
    .suppliers .data-table .suppliers__added-column, .suppliers .data-table .data-table__cell.suppliers__added-cell {
      display: none;
    }
  }
}
@layer components {
  .users {
    display: flex;
    width: 100%;
    flex-direction: column;
  }
  .users__table-wrap {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px;
    border-color: var(--color-border);
  }
  .users__status-select {
    min-width: calc(var(--spacing) * 37.5);
  }
  .users__name-email {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .users__name-telegram, .users__name-limit {
    margin-top: calc(var(--spacing) * 0.5);
    display: none;
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .users__email {
    overflow-wrap: break-word;
  }
  .users__department-parent {
    margin-top: calc(var(--spacing) * 0.5);
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .users__department-parent:empty {
    display: none;
  }
  .users__department-inactive {
    margin-top: calc(var(--spacing) * 1);
  }
  .users__telegram-id {
    white-space: nowrap;
  }
  .users__column--limit {
    text-align: right;
    -webkit-hyphens: auto;
    hyphens: auto;
    white-space: normal;
  }
  .users__limit {
    text-align: right;
    white-space: nowrap;
    --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,);
  }
  .users__limit--unset {
    color: var(--color-text-dim);
  }
  .users__row-edit, .users__row-status {
    margin-block: calc(var(--spacing) * 0.5);
    display: inline-flex;
    white-space: nowrap;
  }
  .users__row-action {
    white-space: nowrap;
  }
  .users__row-action > span {
    vertical-align: middle;
  }
  .users__row-edit {
    margin-right: calc(var(--spacing) * 1.5);
  }
  .users__roles {
    min-width: calc(var(--spacing) * 35);
    vertical-align: middle;
  }
  .users__roles-none {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
    color: var(--color-text-dim);
  }
  .users__roles-none--absent {
    display: none;
  }
  .users__role-badge {
    margin-block: calc(var(--spacing) * 0.5);
    margin-right: calc(var(--spacing) * 1);
  }
}
@media (width < 64rem) {
  @layer components {
    .users__filters {
      gap: calc(var(--spacing) * 2);
    }
    .users__name-email, .users__telegram-id {
      overflow-wrap: anywhere;
      white-space: normal;
    }
  }
}
@media (width < 64rem) {
  @layer components {
    .users__name-telegram, .users__name-limit {
      display: block;
    }
  }
}
@layer components {
  .user-editor {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 5);
  }
  .create-user {
    display: contents;
  }
  .create-user__show-existing {
    margin-top: calc(var(--spacing) * -1.5);
    display: flex;
  }
  .user-editor__subject {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    word-break: break-all;
    font-size: 13.5px;
  }
  .user-editor__section {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .user-editor__heading {
    font-size: 15px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .role-editor__options, .limit-editor__choices {
    display: grid;
    border-radius: var(--radius-field);
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-border);
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
    gap: 8px;
    padding: 10px 12px;
  }
  .role-editor__option, .limit-editor__option {
    display: flex;
    cursor: pointer;
    align-items: flex-start;
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
    gap: 8px;
    font-size: 13.5px;
  }
  .role-editor__option {
    -webkit-user-select: none;
    user-select: none;
  }
  .role-editor__option-label {
    white-space: nowrap;
  }
  .role-editor__checkbox, .limit-editor__radio {
    margin-top: calc((1em * var(--leading-body) - 16px) / 2);
  }
  .limit-editor__radio {
    width: 16px;
    height: 16px;
    accent-color: var(--theme-accent);
  }
  .role-editor__checkbox:disabled + .role-editor__option-label, .limit-editor__radio:disabled + .limit-editor__option-label {
    color: var(--color-text-dim);
  }
  .role-editor__no-choice {
    font-size: var(--text-caption);
    color: var(--color-text-dim);
  }
  .role-editor__no-choice--absent {
    display: none;
  }
  .department-editor__section {
    display: flex;
    flex-direction: column;
    gap: calc(var(--spacing) * 2);
  }
  .department-editor__label {
    font-size: 13.5px;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    color: var(--color-text);
  }
  .limit-editor__details, .limit-editor__more {
    margin-left: calc(var(--spacing) * 1);
  }
  .limit-editor__details--absent {
    display: none;
  }
  .limit-editor__more {
    cursor: pointer;
    border-radius: var(--radius-control);
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    color: var(--color-accent);
    @media (width < 40rem) {
      display: inline-flex;
    }
    @media (width < 40rem) {
      min-height: calc(var(--spacing) * 11);
    }
    @media (width < 40rem) {
      min-width: calc(var(--spacing) * 11);
    }
    @media (width < 40rem) {
      align-items: center;
    }
    @media (width < 40rem) {
      justify-content: center;
    }
  }
  .limit-editor__more:hover {
    text-decoration-line: underline;
  }
  .limit-editor__more:focus-visible {
    outline-width: 1px;
    outline-style: var(--tw-outline-style);
    outline-width: 2px;
    outline-offset: 2px;
    outline-color: var(--color-accent);
  }
}
@layer components {
  .not-found {
    max-width: var(--container-narrow);
  }
}
@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-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-font-weight {
  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;
}
@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-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-content {
  syntax: "*";
  initial-value: "";
  inherits: false;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-ease {
  syntax: "*";
  inherits: false;
}
@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-border-style: solid;
      --tw-font-weight: 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;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-tracking: initial;
      --tw-content: "";
      --tw-outline-style: solid;
      --tw-leading: initial;
      --tw-ease: initial;
      --tw-divide-y-reverse: 0;
    }
  }
}