/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/globals.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
@layer properties;
@layer theme, base, components, utilities;
@layer theme {
  :root, :host {
    --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",
      "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
      "Courier New", monospace;
    --color-amber-50: oklch(98.7% 0.022 95.277);
    --color-amber-200: oklch(92.4% 0.12 95.746);
    --color-amber-700: oklch(55.5% 0.163 48.998);
    --color-amber-900: oklch(41.4% 0.112 45.904);
    --color-emerald-50: oklch(97.9% 0.021 166.113);
    --color-emerald-200: oklch(90.5% 0.093 164.15);
    --color-emerald-700: oklch(50.8% 0.118 165.612);
    --color-emerald-900: oklch(37.8% 0.077 168.94);
    --color-blue-100: oklch(93.2% 0.032 255.585);
    --color-blue-200: oklch(88.2% 0.059 254.128);
    --color-blue-300: oklch(80.9% 0.105 251.813);
    --color-blue-400: oklch(70.7% 0.165 254.624);
    --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-rose-50: oklch(96.9% 0.015 12.422);
    --color-rose-200: oklch(89.2% 0.058 10.001);
    --color-rose-700: oklch(51.4% 0.222 16.935);
    --color-rose-900: oklch(41% 0.159 10.272);
    --color-slate-50: oklch(98.4% 0.003 247.858);
    --color-slate-100: oklch(96.8% 0.007 247.896);
    --color-slate-200: oklch(92.9% 0.013 255.508);
    --color-slate-300: oklch(86.9% 0.022 252.894);
    --color-slate-400: oklch(70.4% 0.04 256.788);
    --color-slate-500: oklch(55.4% 0.046 257.417);
    --color-slate-600: oklch(44.6% 0.043 257.281);
    --color-slate-700: oklch(37.2% 0.044 257.287);
    --color-slate-900: oklch(20.8% 0.042 265.755);
    --color-slate-950: oklch(12.9% 0.042 264.695);
    --color-white: #fff;
    --spacing: 0.25rem;
    --container-3xl: 48rem;
    --text-xs: 0.75rem;
    --text-xs--line-height: calc(1 / 0.75);
    --text-sm: 0.875rem;
    --text-sm--line-height: calc(1.25 / 0.875);
    --font-weight-medium: 500;
    --font-weight-semibold: 600;
    --font-weight-bold: 700;
    --radius-xl: 0.75rem;
    --radius-2xl: 1rem;
    --shadow-sm: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
    --shadow-md: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --blur-sm: 8px;
    --default-transition-duration: 150ms;
    --default-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    --default-font-family: var(--font-sans);
    --default-mono-font-family: var(--font-mono);
  }
}
@layer base {
  *, ::after, ::before, ::backdrop, ::file-selector-button {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    border: 0 solid;
  }
  html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent;
  }
  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px;
  }
  abbr:where([title]) {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted;
  }
  h1, h2, h3, h4, h5, h6 {
    font-size: inherit;
    font-weight: inherit;
  }
  a {
    color: inherit;
    -webkit-text-decoration: inherit;
    text-decoration: inherit;
  }
  b, strong {
    font-weight: bolder;
  }
  code, kbd, samp, pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em;
  }
  small {
    font-size: 80%;
  }
  sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
  }
  sub {
    bottom: -0.25em;
  }
  sup {
    top: -0.5em;
  }
  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse;
  }
  :-moz-focusring {
    outline: auto;
  }
  progress {
    vertical-align: baseline;
  }
  summary {
    display: list-item;
  }
  ol, ul, menu {
    list-style: none;
  }
  img, svg, video, canvas, audio, iframe, embed, object {
    display: block;
    vertical-align: middle;
  }
  img, video {
    max-width: 100%;
    height: auto;
  }
  button, input, select, optgroup, textarea, ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    border-radius: 0;
    background-color: transparent;
    opacity: 1;
  }
  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder;
  }
  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px;
  }
  ::file-selector-button {
    margin-inline-end: 4px;
  }
  ::placeholder {
    opacity: 1;
  }
  @supports (not (-webkit-appearance: -apple-pay-button))  or (contain-intrinsic-size: 1px) {
    ::placeholder {
      color: currentcolor;
      @supports (color: color-mix(in lab, red, red)) {
        color: color-mix(in oklab, currentcolor 50%, transparent);
      }
    }
  }
  textarea {
    resize: vertical;
  }
  ::-webkit-search-decoration {
    -webkit-appearance: none;
  }
  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit;
  }
  ::-webkit-datetime-edit {
    display: inline-flex;
  }
  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0;
  }
  ::-webkit-datetime-edit, ::-webkit-datetime-edit-year-field, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute-field, ::-webkit-datetime-edit-second-field, ::-webkit-datetime-edit-millisecond-field, ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0;
  }
  ::-webkit-calendar-picker-indicator {
    line-height: 1;
  }
  :-moz-ui-invalid {
    box-shadow: none;
  }
  button, input:where([type="button"], [type="reset"], [type="submit"]), ::file-selector-button {
    appearance: button;
  }
  ::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto;
  }
  [hidden]:where(:not([hidden="until-found"])) {
    display: none !important;
  }
}
@layer utilities {
  .visible {
    visibility: visible;
  }
  .absolute {
    position: absolute;
  }
  .fixed {
    position: fixed;
  }
  .static {
    position: static;
  }
  .start {
    inset-inline-start: var(--spacing);
  }
  .end {
    inset-inline-end: var(--spacing);
  }
  .container {
    width: 100%;
    @media (width >= 40rem) {
      max-width: 40rem;
    }
    @media (width >= 48rem) {
      max-width: 48rem;
    }
    @media (width >= 64rem) {
      max-width: 64rem;
    }
    @media (width >= 80rem) {
      max-width: 80rem;
    }
    @media (width >= 96rem) {
      max-width: 96rem;
    }
  }
  .m-0 {
    margin: calc(var(--spacing) * 0);
  }
  .my-6 {
    margin-block: calc(var(--spacing) * 6);
  }
  .mt-2 {
    margin-top: calc(var(--spacing) * 2);
  }
  .mt-3 {
    margin-top: calc(var(--spacing) * 3);
  }
  .mt-6 {
    margin-top: calc(var(--spacing) * 6);
  }
  .mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
  }
  .mb-1 {
    margin-bottom: calc(var(--spacing) * 1);
  }
  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2);
  }
  .ml-auto {
    margin-left: auto;
  }
  .block {
    display: block;
  }
  .flex {
    display: flex;
  }
  .grid {
    display: grid;
  }
  .hidden {
    display: none;
  }
  .inline-flex {
    display: inline-flex;
  }
  .table {
    display: table;
  }
  .h-full {
    height: 100%;
  }
  .min-h-7 {
    min-height: calc(var(--spacing) * 7);
  }
  .min-h-8\.5 {
    min-height: calc(var(--spacing) * 8.5);
  }
  .min-h-11 {
    min-height: calc(var(--spacing) * 11);
  }
  .min-h-25 {
    min-height: calc(var(--spacing) * 25);
  }
  .min-h-\[36px\] {
    min-height: 36px;
  }
  .min-h-\[540px\] {
    min-height: 540px;
  }
  .min-h-screen {
    min-height: 100vh;
  }
  .w-full {
    width: 100%;
  }
  .max-w-3xl {
    max-width: var(--container-3xl);
  }
  .max-w-\[88\%\] {
    max-width: 88%;
  }
  .max-w-\[560px\] {
    max-width: 560px;
  }
  .flex-1 {
    flex: 1;
  }
  .flex-shrink {
    flex-shrink: 1;
  }
  .flex-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,);
  }
  .resize {
    resize: both;
  }
  .resize-none {
    resize: none;
  }
  .grid-cols-\[minmax\(0\,0\.94fr\)_minmax\(420px\,0\.96fr\)\] {
    grid-template-columns: minmax(0,0.94fr) minmax(420px,0.96fr);
  }
  .flex-col {
    flex-direction: column;
  }
  .flex-wrap {
    flex-wrap: wrap;
  }
  .items-center {
    align-items: center;
  }
  .items-start {
    align-items: flex-start;
  }
  .justify-between {
    justify-content: space-between;
  }
  .justify-center {
    justify-content: center;
  }
  .gap-0\.5 {
    gap: calc(var(--spacing) * 0.5);
  }
  .gap-1 {
    gap: calc(var(--spacing) * 1);
  }
  .gap-1\.5 {
    gap: calc(var(--spacing) * 1.5);
  }
  .gap-2 {
    gap: calc(var(--spacing) * 2);
  }
  .gap-2\.5 {
    gap: calc(var(--spacing) * 2.5);
  }
  .gap-3 {
    gap: calc(var(--spacing) * 3);
  }
  .gap-3\.5 {
    gap: calc(var(--spacing) * 3.5);
  }
  .gap-4 {
    gap: calc(var(--spacing) * 4);
  }
  .space-y-2\.5 {
    :where(& > :not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 2.5) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 2.5) * calc(1 - var(--tw-space-y-reverse)));
    }
  }
  .overflow-hidden {
    overflow: hidden;
  }
  .overflow-y-auto {
    overflow-y: auto;
  }
  .rounded {
    border-radius: 0.25rem;
  }
  .rounded-2xl {
    border-radius: var(--radius-2xl);
  }
  .rounded-\[14px\] {
    border-radius: 14px;
  }
  .rounded-\[18px\] {
    border-radius: 18px;
  }
  .rounded-\[22px\] {
    border-radius: 22px;
  }
  .rounded-\[26px\] {
    border-radius: 26px;
  }
  .rounded-full {
    border-radius: calc(infinity * 1px);
  }
  .rounded-xl {
    border-radius: var(--radius-xl);
  }
  .border {
    border-style: var(--tw-border-style);
    border-width: 1px;
  }
  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px;
  }
  .border-dashed {
    --tw-border-style: dashed;
    border-style: dashed;
  }
  .border-amber-200 {
    border-color: var(--color-amber-200);
  }
  .border-emerald-200 {
    border-color: var(--color-emerald-200);
  }
  .border-rose-200 {
    border-color: var(--color-rose-200);
  }
  .border-slate-200 {
    border-color: var(--color-slate-200);
  }
  .border-transparent {
    border-color: transparent;
  }
  .border-white\/10 {
    border-color: color-mix(in srgb, #fff 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      border-color: color-mix(in oklab, var(--color-white) 10%, transparent);
    }
  }
  .bg-amber-50 {
    background-color: var(--color-amber-50);
  }
  .bg-blue-600 {
    background-color: var(--color-blue-600);
  }
  .bg-emerald-50 {
    background-color: var(--color-emerald-50);
  }
  .bg-rose-50 {
    background-color: var(--color-rose-50);
  }
  .bg-slate-50 {
    background-color: var(--color-slate-50);
  }
  .bg-slate-100 {
    background-color: var(--color-slate-100);
  }
  .bg-slate-200 {
    background-color: var(--color-slate-200);
  }
  .bg-white {
    background-color: var(--color-white);
  }
  .bg-white\/5 {
    background-color: color-mix(in srgb, #fff 5%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 5%, transparent);
    }
  }
  .bg-white\/6 {
    background-color: color-mix(in srgb, #fff 6%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
      background-color: color-mix(in oklab, var(--color-white) 6%, transparent);
    }
  }
  .bg-gradient-to-b {
    --tw-gradient-position: to bottom in oklab;
    background-image: linear-gradient(var(--tw-gradient-stops));
  }
  .bg-\[linear-gradient\(135deg\,\#eef3f8_0\%\,\#e7edf5_100\%\)\] {
    background-image: linear-gradient(135deg,#eef3f8 0%,#e7edf5 100%);
  }
  .bg-\[linear-gradient\(180deg\,\#12283d_0\%\,\#0f2437_100\%\)\] {
    background-image: linear-gradient(180deg,#12283d 0%,#0f2437 100%);
  }
  .from-blue-500 {
    --tw-gradient-from: var(--color-blue-500);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .to-blue-700 {
    --tw-gradient-to: var(--color-blue-700);
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position));
  }
  .p-3 {
    padding: calc(var(--spacing) * 3);
  }
  .p-8 {
    padding: calc(var(--spacing) * 8);
  }
  .p-9 {
    padding: calc(var(--spacing) * 9);
  }
  .px-2\.5 {
    padding-inline: calc(var(--spacing) * 2.5);
  }
  .px-3 {
    padding-inline: calc(var(--spacing) * 3);
  }
  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5);
  }
  .px-4 {
    padding-inline: calc(var(--spacing) * 4);
  }
  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5);
  }
  .py-3 {
    padding-block: calc(var(--spacing) * 3);
  }
  .py-4 {
    padding-block: calc(var(--spacing) * 4);
  }
  .py-5 {
    padding-block: calc(var(--spacing) * 5);
  }
  .pt-1 {
    padding-top: calc(var(--spacing) * 1);
  }
  .text-center {
    text-align: center;
  }
  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height));
  }
  .text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height));
  }
  .text-\[10px\] {
    font-size: 10px;
  }
  .text-\[11px\] {
    font-size: 11px;
  }
  .text-\[13px\] {
    font-size: 13px;
  }
  .text-\[14px\] {
    font-size: 14px;
  }
  .text-\[15px\] {
    font-size: 15px;
  }
  .text-\[16px\] {
    font-size: 16px;
  }
  .text-\[18px\] {
    font-size: 18px;
  }
  .text-\[22px\] {
    font-size: 22px;
  }
  .text-\[24px\] {
    font-size: 24px;
  }
  .text-\[34px\] {
    font-size: 34px;
  }
  .text-\[36px\] {
    font-size: 36px;
  }
  .leading-6 {
    --tw-leading: calc(var(--spacing) * 6);
    line-height: calc(var(--spacing) * 6);
  }
  .leading-7 {
    --tw-leading: calc(var(--spacing) * 7);
    line-height: calc(var(--spacing) * 7);
  }
  .leading-\[1\.03\] {
    --tw-leading: 1.03;
    line-height: 1.03;
  }
  .leading-none {
    --tw-leading: 1;
    line-height: 1;
  }
  .font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
  }
  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
  }
  .font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
  }
  .tracking-\[-0\.02em\] {
    --tw-tracking: -0.02em;
    letter-spacing: -0.02em;
  }
  .tracking-\[0\.08em\] {
    --tw-tracking: 0.08em;
    letter-spacing: 0.08em;
  }
  .tracking-\[0\.12em\] {
    --tw-tracking: 0.12em;
    letter-spacing: 0.12em;
  }
  .text-amber-700 {
    color: var(--color-amber-700);
  }
  .text-amber-900 {
    color: var(--color-amber-900);
  }
  .text-blue-100 {
    color: var(--color-blue-100);
  }
  .text-blue-200 {
    color: var(--color-blue-200);
  }
  .text-blue-300 {
    color: var(--color-blue-300);
  }
  .text-blue-700 {
    color: var(--color-blue-700);
  }
  .text-emerald-700 {
    color: var(--color-emerald-700);
  }
  .text-emerald-900 {
    color: var(--color-emerald-900);
  }
  .text-rose-700 {
    color: var(--color-rose-700);
  }
  .text-rose-900 {
    color: var(--color-rose-900);
  }
  .text-slate-300 {
    color: var(--color-slate-300);
  }
  .text-slate-400 {
    color: var(--color-slate-400);
  }
  .text-slate-500 {
    color: var(--color-slate-500);
  }
  .text-slate-600 {
    color: var(--color-slate-600);
  }
  .text-slate-700 {
    color: var(--color-slate-700);
  }
  .text-slate-900 {
    color: var(--color-slate-900);
  }
  .text-slate-950 {
    color: var(--color-slate-950);
  }
  .text-white {
    color: var(--color-white);
  }
  .uppercase {
    text-transform: uppercase;
  }
  .underline {
    text-decoration-line: underline;
  }
  .shadow-\[0_4px_14px_rgba\(15\,23\,42\,0\.04\)\] {
    --tw-shadow: 0 4px 14px var(--tw-shadow-color, rgba(15,23,42,0.04));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_8px_18px_rgba\(37\,99\,235\,0\.2\)\] {
    --tw-shadow: 0 8px 18px var(--tw-shadow-color, rgba(37,99,235,0.2));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_12px_24px_rgba\(37\,99\,235\,0\.24\)\] {
    --tw-shadow: 0 12px 24px var(--tw-shadow-color, rgba(37,99,235,0.24));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_12px_32px_rgba\(15\,23\,42\,0\.05\)\] {
    --tw-shadow: 0 12px 32px var(--tw-shadow-color, rgba(15,23,42,0.05));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-\[0_24px_60px_rgba\(15\,23\,42\,0\.12\)\] {
    --tw-shadow: 0 24px 60px var(--tw-shadow-color, rgba(15,23,42,0.12));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .shadow-sm {
    --tw-shadow: 0 1px 3px 0 var(--tw-shadow-color, rgb(0 0 0 / 0.1)), 0 1px 2px -1px var(--tw-shadow-color, rgb(0 0 0 / 0.1));
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
  }
  .outline {
    outline-style: var(--tw-outline-style);
    outline-width: 1px;
  }
  .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,);
  }
  .backdrop-blur-sm {
    --tw-backdrop-blur: blur(var(--blur-sm));
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .backdrop-filter {
    -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
    backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
  }
  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
  }
  .outline-none {
    --tw-outline-style: none;
    outline-style: none;
  }
  .hover\:-translate-y-px {
    &:hover {
      @media (hover: hover) {
        --tw-translate-y: -1px;
        translate: var(--tw-translate-x) var(--tw-translate-y);
      }
    }
  }
  .hover\:border-slate-300 {
    &:hover {
      @media (hover: hover) {
        border-color: var(--color-slate-300);
      }
    }
  }
  .hover\:bg-blue-700 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-blue-700);
      }
    }
  }
  .hover\:bg-slate-50 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-50);
      }
    }
  }
  .hover\:bg-slate-200 {
    &:hover {
      @media (hover: hover) {
        background-color: var(--color-slate-200);
      }
    }
  }
  .focus\:border-blue-400 {
    &:focus {
      border-color: var(--color-blue-400);
    }
  }
  .focus\:ring-4 {
    &:focus {
      --tw-ring-shadow: var(--tw-ring-inset,) 0 0 0 calc(4px + 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-blue-100 {
    &:focus {
      --tw-ring-color: var(--color-blue-100);
    }
  }
  .disabled\:opacity-60 {
    &:disabled {
      opacity: 60%;
    }
  }
  .max-\[1240px\]\:grid-cols-1 {
    @media (width < 1240px) {
      grid-template-columns: repeat(1, minmax(0, 1fr));
    }
  }
  .md\:grid-cols-2 {
    @media (width >= 48rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-2 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-5 {
    @media (width >= 80rem) {
      grid-template-columns: repeat(5, minmax(0, 1fr));
    }
  }
  .xl\:grid-cols-\[minmax\(0\,1fr\)_auto\] {
    @media (width >= 80rem) {
      grid-template-columns: minmax(0,1fr) auto;
    }
  }
  .xl\:items-end {
    @media (width >= 80rem) {
      align-items: flex-end;
    }
  }
}
* {
  box-sizing: border-box;
}
html,
body {
  margin: 0;
  padding: 0;
  min-height: 100%;
  max-width: 100%;
  overflow-x: hidden;
}
body {
  font-family: var(--t-font-family), sans-serif;
  color: var(--t-font-color-primary);
  background: var(--t-background-secondary);
}
a {
  color: inherit;
  text-decoration: none;
}
button,
input,
select,
textarea {
  font: inherit;
}
:root {
  --surface: #ffffff;
  --surface-muted: #f7f9fc;
  --surface-elevated: #ffffff;
  --surface-border: rgba(214, 224, 236, 0.9);
  --text-strong: #0f1d2d;
  --text: #334155;
  --text-muted: #64748b;
  --accent: #2f6fed;
  --accent-strong: #1a52c7;
  --accent-soft: rgba(47, 111, 237, 0.08);
  --primary: #2f6fed;
  --primary-hover: #1a52c7;
  --success: #1f8f5f;
  --warning: #c47d16;
  --danger: #d24a43;
  --shadow-sm: 0 2px 8px rgba(15, 29, 45, 0.06), 0 1px 2px rgba(15, 29, 45, 0.04);
  --shadow-md: 0 8px 24px rgba(15, 29, 45, 0.10), 0 2px 6px rgba(15, 29, 45, 0.05);
}
.card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
}
.metric-card {
  border: 1px solid rgba(216, 224, 234, 0.9);
  border-radius: 18px;
  padding: 16px 18px;
  background: linear-gradient(180deg, #ffffff 0%, #f9fbff 100%);
  box-shadow: var(--shadow-sm);
}
.metric-card__label {
  margin: 0;
  color: var(--text-muted);
  font-size: 13px;
}
.metric-card__value {
  margin: 8px 0 0;
  font-size: 34px;
  font-weight: 700;
  color: var(--text-strong);
}
.metric-card__meta {
  margin: 8px 0 0;
  color: var(--text-muted);
  font-size: 13px;
}
.kanban__stack,
.list-stack {
  display: grid;
  gap: 10px;
  padding: 12px;
}
.kanban__card {
  position: relative;
  display: grid;
  gap: 7px;
  padding: 12px 12px 11px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid #d7e1ec;
  box-shadow: 0 3px 10px rgba(17, 37, 63, 0.04);
  cursor: grab;
}
.kanban__card--link {
  transition: transform 120ms ease, box-shadow 120ms ease, border-color 120ms ease;
}
.kanban__card--link:hover {
  transform: translateY(-1px);
  box-shadow: 0 10px 20px rgba(17, 37, 63, 0.08);
  border-color: #bdd0e5;
}
.kanban__card--dragging {
  opacity: 0.5;
}
.kanban__card-link {
  display: grid;
  gap: 8px;
}
.kanban__card-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
}
.kanban__card-eyebrow {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0 9px;
  border-radius: 999px;
  background: #f1f5fa;
  color: var(--text-muted);
  font-size: 11px;
  font-weight: 700;
}
.kanban__card-tag {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
}
.kanban__card-title {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
  color: var(--accent-strong);
  font-weight: 700;
}
.kanban__card-subtitle {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: var(--text);
}
.kanban__card-description {
  margin: 0;
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.4;
}
.kanban__card-footer {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 12px;
}
.kanban__card-meta {
  display: grid;
  gap: 4px;
}
.kanban__card-meta-primary {
  font-size: 13px;
  font-weight: 700;
  color: var(--text-strong);
}
.kanban__card-meta-secondary {
  font-size: 12px;
  color: var(--text-muted);
}
.detail-stack,
.detail-pane,
.section-stack {
  display: grid;
  gap: 16px;
}
.workflow-switcher {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.workflow-switcher__action {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 42px;
  padding: 0 16px;
  border-radius: 999px;
  border: 1px solid rgba(47, 111, 237, 0.14);
  background: rgba(246, 249, 255, 0.92);
  color: var(--text-strong);
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
  transition: background-color 0.18s ease, border-color 0.18s ease, color 0.18s ease, transform 0.18s ease;
}
.workflow-switcher__action:hover {
  border-color: rgba(47, 111, 237, 0.24);
  background: rgba(233, 241, 255, 0.96);
  transform: translateY(-1px);
}
.workflow-switcher__action--active {
  border-color: transparent;
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-hover) 100%);
  color: #ffffff;
  box-shadow: 0 14px 28px rgba(47, 111, 237, 0.22);
}
.detail-highlight {
  padding: 14px 16px;
  border-radius: 14px;
  border: 1px solid #dce6f3;
  background: #f8fbff;
}
.detail-highlight__title {
  margin: 0;
  font-size: 18px;
  color: var(--text-strong);
}
.detail-highlight__description {
  margin: 8px 0 0;
  color: var(--text-muted);
  line-height: 1.55;
}
.property-grid {
  display: grid;
  gap: 10px;
}
.property-grid__row {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding: 12px 0;
  border-bottom: 1px solid rgba(216, 224, 234, 0.82);
}
.property-grid__row:last-child {
  border-bottom: 0;
}
.property-grid__label {
  color: var(--text-muted);
  font-size: 13px;
}
.property-grid__value {
  color: var(--text-strong);
  font-size: 14px;
  font-weight: 600;
  text-align: right;
}
.feed-card {
  display: grid;
  gap: 8px;
  padding: 13px 14px;
  border-radius: 12px;
  border: 1px solid var(--surface-border);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.feed-card__meta {
  color: var(--text-muted);
  font-size: 12px;
}
.feed-card__meta-row {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}
.registry-head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 16px;
}
.registry-head__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.registry-chip {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(47, 111, 237, 0.08);
  color: var(--accent-strong);
  font-size: 13px;
  font-weight: 700;
}
.table-card {
  overflow: hidden;
  border-radius: 12px;
  border: 1px solid var(--surface-border);
  background: var(--surface);
  box-shadow: var(--shadow-sm);
}
.table-card .table {
  background: transparent;
}
.table-card .table tbody tr:hover {
  background: rgba(45, 108, 223, 0.03);
}
.record-link {
  display: grid;
  gap: 4px;
}
.record-link__title {
  color: var(--accent-strong);
  font-weight: 700;
}
.record-link__subtitle {
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.45;
}
.calendar-week {
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 12px;
}
.calendar-day {
  display: grid;
  align-content: start;
  gap: 12px;
  min-height: 360px;
  padding: 14px;
  border-radius: 18px;
  border: 1px solid rgba(216, 224, 234, 0.9);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, rgba(243, 246, 250, 0.94) 100%);
}
.calendar-day__header {
  display: grid;
  gap: 4px;
}
.calendar-day__title {
  margin: 0;
  font-size: 15px;
  color: var(--text-strong);
}
.calendar-day__meta {
  color: var(--text-muted);
  font-size: 12px;
}
.calendar-slot {
  display: grid;
  gap: 8px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(216, 224, 234, 0.86);
  background: rgba(255, 255, 255, 0.86);
}
.calendar-slot__time {
  color: var(--accent-strong);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}
.calendar-slot__title {
  color: var(--text-strong);
  font-size: 14px;
  font-weight: 700;
}
.calendar-slot__meta {
  color: var(--text-muted);
  font-size: 13px;
}
.settings-grid,
.feature-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}
.feature-card {
  display: grid;
  gap: 10px;
  padding: 18px;
  border-radius: 18px;
  border: 1px solid rgba(216, 224, 234, 0.92);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(244, 248, 253, 0.92) 100%);
  box-shadow: var(--shadow-sm);
}
.feature-card__eyebrow {
  color: var(--accent);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.feature-card__title {
  margin: 0;
  font-size: 18px;
  color: var(--text-strong);
}
.feature-card__description {
  margin: 0;
  color: var(--text-muted);
  line-height: 1.6;
}
.feature-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-top: auto;
}
.spacer-top-md {
  margin-top: 16px;
}
.spacer-top-lg {
  margin-top: 20px;
}
.align-between {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.table th,
.table td {
  padding: 14px 14px;
  border-bottom: 1px solid var(--surface-border);
  text-align: left;
  vertical-align: top;
}
.table thead th {
  position: sticky;
  top: 0;
  background: #f8fbfe;
  color: var(--text-muted);
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.chip-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.chip {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 12px;
  border-radius: 999px;
  background: var(--surface);
  border: 1px solid var(--surface-border);
  color: var(--text-muted);
  font-size: 13px;
}
.cta-button,
.secondary-button,
.ghost-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 34px;
  border-radius: 8px;
  padding: 0 14px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: background 0.1s, border-color 0.1s, color 0.1s;
  text-decoration: none;
  white-space: nowrap;
  flex-shrink: 0;
}
.cta-button {
  border: 1px solid #1d4ed8;
  background: #2563eb;
  color: #ffffff !important;
}
.cta-button:hover {
  background: #1d4ed8;
  border-color: #1e40af;
}
.cta-button:active {
  background: #1e40af;
}
.secondary-button {
  border: 1px solid #bfdbfe;
  background: #eff6ff;
  color: #1e40af !important;
}
.secondary-button:hover {
  background: #dbeafe;
  border-color: #93c5fd;
}
.ghost-button {
  border: 1px solid #dde5f0;
  background: #ffffff;
  color: #1e2d42 !important;
}
.ghost-button:hover {
  background: #f6f8fc;
  border-color: #c8d4e8;
}
.checkbox-row {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--text-muted);
  font-size: 14px;
}
.login-layout {
  min-height: 100vh;
  display: grid;
  grid-template-columns: minmax(360px, 540px) minmax(360px, 1fr);
}
.login-panel,
.login-aside {
  padding: 48px;
}
.login-panel {
  display: flex;
  align-items: center;
  justify-content: center;
}
.login-card {
  width: 100%;
  padding: 34px;
  border-radius: 24px;
  border: 1px solid var(--surface-border);
  background: var(--surface);
  box-shadow: var(--shadow-md);
}
.login-card__eyebrow {
  margin: 0;
  color: var(--accent);
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 12px;
}
.login-card__title {
  margin: 12px 0 0;
  font-size: 36px;
  line-height: 1.08;
  color: var(--text-strong);
}
.login-card__description {
  margin: 12px 0 0;
  color: var(--text-muted);
  line-height: 1.6;
}
.login-card__support {
  display: grid;
  gap: 10px;
  margin-top: 22px;
}
.login-card__support-item {
  padding: 12px 14px;
  border-radius: 14px;
  border: 1px solid var(--surface-border);
  background: var(--surface-muted);
}
.login-card__support-item strong {
  display: block;
  color: var(--text-strong);
}
.login-card__support-item p {
  margin: 8px 0 0;
  color: var(--text-muted);
  line-height: 1.5;
}
.login-form {
  display: grid;
  gap: 16px;
  margin-top: 24px;
}
.login-form__note {
  margin: 0;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.55;
}
.input-group {
  display: grid;
  gap: 8px;
}
.input-group input,
.input-group select,
.input-group textarea {
  width: 100%;
  padding: 13px 14px;
  border-radius: 12px;
  border: 1px solid var(--surface-border);
  background: var(--surface);
}
.form-grid {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.form-grid--single {
  grid-template-columns: 1fr;
}
.form-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}
.form-error {
  color: var(--danger);
  font-size: 13px;
  line-height: 1.5;
}
.form-error--block {
  margin: 0;
  padding: 12px 14px;
  border-radius: 14px;
  background: rgba(210, 74, 67, 0.1);
  border: 1px solid rgba(210, 74, 67, 0.15);
}
.text-muted {
  color: var(--text-muted);
}
.inline-link {
  color: var(--accent-strong);
  font-weight: 700;
}
.status-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}
.status-badge[data-tone="neutral"] {
  background: #e7edf4;
  color: #516172;
}
.status-badge[data-tone="success"] {
  background: rgba(31, 143, 95, 0.12);
  color: var(--success);
}
.status-badge[data-tone="warning"] {
  background: rgba(196, 125, 22, 0.14);
  color: var(--warning);
}
.status-badge[data-tone="danger"] {
  background: rgba(210, 74, 67, 0.12);
  color: var(--danger);
}
.login-aside {
  display: grid;
  align-content: center;
  background: linear-gradient(180deg, #f6faff 0%, #eef4fb 100%);
}
.login-aside__inner {
  max-width: 520px;
}
.login-aside__title {
  margin: 0;
  font-size: 42px;
  line-height: 1.06;
  color: var(--text-strong);
}
.login-aside__description {
  margin: 18px 0 0;
  color: var(--text-muted);
  line-height: 1.7;
}
.login-aside__timeline {
  display: grid;
  gap: 12px;
  margin-top: 26px;
}
.login-aside__step {
  display: grid;
  gap: 6px;
  padding: 16px 18px;
  border-radius: 18px;
  border: 1px solid var(--surface-border);
  background: rgba(255, 255, 255, 0.88);
}
.login-aside__step span {
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.login-aside__step strong {
  color: var(--text-strong);
}
.login-aside__step p {
  margin: 0;
  color: var(--text-muted);
  line-height: 1.55;
}
.empty-state__action {
  margin-top: 16px;
}
.form-actions--split {
  justify-content: space-between;
  align-items: center;
}
.workflow-action-group {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.toggle-card {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 10px 14px;
  border-radius: 999px;
  background: #f4f8fd;
  border: 1px solid rgba(47, 111, 237, 0.12);
  color: var(--text-strong);
  font-size: 13px;
  font-weight: 600;
}
.toggle-card input {
  margin: 0;
}
.intake-layout {
  display: grid;
  gap: 20px;
  grid-template-columns: minmax(0, 1.7fr) minmax(320px, 0.9fr);
}
.intake-layout__main,
.intake-layout__side {
  display: grid;
  gap: 16px;
}
.intake-section {
  display: grid;
  gap: 16px;
  padding: 20px;
  border-radius: 20px;
  background: rgba(247, 250, 253, 0.95);
  border: 1px solid rgba(214, 224, 236, 0.9);
}
.intake-section--accent {
  background: linear-gradient(180deg, rgba(242, 248, 255, 0.98) 0%, rgba(249, 252, 255, 0.98) 100%);
  border-color: rgba(47, 111, 237, 0.16);
}
.intake-section__header {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
}
.intake-section__title {
  margin: 0;
  font-size: 18px;
  color: var(--text-strong);
}
.intake-section__description {
  margin: 6px 0 0;
  color: var(--text-muted);
  line-height: 1.6;
}
.side-flow-card {
  display: grid;
  gap: 12px;
  padding: 22px;
  border-radius: 22px;
  background: linear-gradient(180deg, #f8fbff 0%, #eef5fe 100%);
  border: 1px solid rgba(47, 111, 237, 0.12);
}
.side-flow-card--muted {
  background: #f8fafc;
  border-color: rgba(214, 224, 236, 0.9);
}
.side-flow-card__eyebrow {
  margin: 0;
  color: var(--accent-strong);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}
.side-flow-card__title {
  margin: 0;
  font-size: 20px;
  line-height: 1.2;
  color: var(--text-strong);
}
.side-flow-card__description {
  margin: 0;
  color: var(--text-muted);
  line-height: 1.6;
}
.quick-start-panel {
  display: grid;
  gap: 12px;
}
.quick-start-panel__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.quick-start-panel__note {
  margin: 0;
  color: var(--text-muted);
  line-height: 1.55;
}
.workflow-list {
  display: grid;
  gap: 12px;
  margin: 0;
  padding-left: 20px;
  color: var(--text-strong);
  line-height: 1.65;
}
.dependent-entity-block {
  display: grid;
  gap: 14px;
}
.context-hint {
  margin: 0;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.55;
}
.inline-helper-card {
  display: flex;
  gap: 14px;
  justify-content: space-between;
  align-items: center;
  padding: 15px 16px;
  border-radius: 18px;
  background: #f5f9ff;
  border: 1px solid rgba(47, 111, 237, 0.12);
}
.inline-helper-card--warning {
  border-color: rgba(212, 149, 12, 0.28);
  background: linear-gradient(135deg, rgba(255, 251, 235, 0.98), rgba(255, 244, 212, 0.94));
}
.inline-helper-card__text {
  margin: 0;
  color: var(--text-muted);
  line-height: 1.55;
}
.quick-create-panel {
  display: grid;
  gap: 14px;
  padding: 20px;
  border-radius: 20px;
  background: #ffffff;
  border: 1px solid rgba(214, 224, 236, 0.9);
  box-shadow: 0 20px 50px rgba(15, 35, 58, 0.08);
}
.quick-create-panel__header {
  display: flex;
  gap: 12px;
  justify-content: space-between;
  align-items: flex-start;
}
.quick-create-panel__title {
  margin: 0;
  font-size: 18px;
  color: var(--text-strong);
}
.quick-create-panel__description {
  margin: 6px 0 0;
  color: var(--text-muted);
  line-height: 1.55;
}
@media (max-width: 1360px) {
  .card-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 1180px) {
  .detail-layout,
  .intake-layout,
  .settings-grid,
  .feature-grid,
  .calendar-week,
  .card-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 900px) {
  .login-layout {
    grid-template-columns: 1fr;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .login-panel,
  .login-aside {
    padding: 28px;
  }
  .login-aside__title {
    font-size: 30px;
  }
  .inline-helper-card,
  .intake-section__header,
  .quick-create-panel__header,
  .form-actions--split,
  .quick-start-panel__actions {
    flex-direction: column;
    align-items: stretch;
  }
}
@property --tw-rotate-x {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-y {
  syntax: "*";
  inherits: false;
}
@property --tw-rotate-z {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-x {
  syntax: "*";
  inherits: false;
}
@property --tw-skew-y {
  syntax: "*";
  inherits: false;
}
@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0;
}
@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-gradient-position {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000;
}
@property --tw-gradient-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false;
}
@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%;
}
@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%;
}
@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-leading {
  syntax: "*";
  inherits: false;
}
@property --tw-font-weight {
  syntax: "*";
  inherits: false;
}
@property --tw-tracking {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false;
}
@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-ring-inset {
  syntax: "*";
  inherits: false;
}
@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0px;
}
@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff;
}
@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000;
}
@property --tw-outline-style {
  syntax: "*";
  inherits: false;
  initial-value: solid;
}
@property --tw-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false;
}
@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%;
}
@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false;
}
@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false;
}
@property --tw-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;
}
@layer properties {
  @supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))) {
    *, ::before, ::after, ::backdrop {
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-border-style: solid;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-outline-style: solid;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
    }
  }
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./app/twenty-crm.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ═══════════════════════════════════════════════════════════════════
   Pilot CRM — Design System 2026
   Принципы: чистая типографика · тёплые нейтралы · 4px-сетка · ноль шума
   ═══════════════════════════════════════════════════════════════════ */

/* ── Base ─────────────────────────────────────────────────────────── */

body {
  font-family: -apple-system, "Inter", "Segoe UI", system-ui, sans-serif;
  font-size: 14px;
  line-height: 1.5;
  color: #374151;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* ═══════════════════════════════════════════════════════════════════
   SHELL — двухколоночный каркас
   ═══════════════════════════════════════════════════════════════════ */

.shell {
  display: grid;
  grid-template-columns: 228px minmax(0, 1fr);
  height: 100dvh;
  overflow: hidden;
}

/* ─────────────────────────────────────────────────────────────────
   SIDEBAR
   ─────────────────────────────────────────────────────────────── */

.shell__sidebar {
  height: 100dvh;
  display: flex;
  flex-direction: column;
  background: #0f1f35;
  border-right: 1px solid rgba(255 255 255 / 0.05);
  overflow: hidden;
  flex-shrink: 0;
}

.shell__sidebar-inner {
  flex: 1;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
  padding: 10px 8px 8px;
  scrollbar-width: none;
}

.shell__sidebar-inner::-webkit-scrollbar { display: none; }

/* Brand */
.shell__brand {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 6px 8px 12px;
  margin-bottom: 6px;
  border-bottom: 1px solid rgba(255 255 255 / 0.06);
  text-decoration: none;
}

.shell__brand-mark {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 32px;
  height: 32px;
  border-radius: 9px;
  background: linear-gradient(135deg, #2563eb, #1d4ed8);
  color: #fff;
  font-size: 14px;
  font-weight: 800;
  letter-spacing: -0.03em;
  flex-shrink: 0;
  box-shadow: 0 2px 8px rgba(37 99 235 / 0.4);
}

.shell__brand-copy {
  display: grid;
  min-width: 0;
}

.shell__brand-copy strong {
  font-size: 13.5px;
  font-weight: 700;
  color: #e8f0fb;
  letter-spacing: -0.02em;
  line-height: 1.25;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.shell__brand-copy span {
  font-size: 10px;
  color: rgba(148 175 210 / 0.45);
  letter-spacing: 0.06em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 1px;
}

/* Nav */
.shell__nav {
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 2px;
  margin-top: 2px;
}

.shell__nav-group {
  display: flex;
  flex-direction: column;
}

.shell__nav-group:not(:last-child) {
  border-bottom: 1px solid rgba(255 255 255 / 0.05);
  padding-bottom: 6px;
  margin-bottom: 6px;
}

/* Section header button */
.shell__nav-label {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: 4px 8px 3px;
  background: none;
  border: none;
  cursor: pointer;
  font-size: 9px;
  font-weight: 700;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: rgba(100 135 175 / 0.45);
  transition: color 0.12s;
  font-family: inherit;
}

.shell__nav-label:hover {
  color: rgba(148 185 225 / 0.7);
}

.shell__nav-chevron {
  color: rgba(100 135 175 / 0.3);
  flex-shrink: 0;
  transition: transform 0.16s ease, color 0.12s;
}

.shell__nav-label:hover .shell__nav-chevron {
  color: rgba(148 185 225 / 0.6);
}

.shell__nav-chevron--collapsed {
  transform: rotate(-90deg);
}

/* Collapse animation via CSS grid trick */
.shell__nav-group-items {
  display: grid;
  grid-template-rows: 1fr;
  transition: grid-template-rows 0.18s ease;
  overflow: hidden;
}

.shell__nav-group-items--collapsed {
  grid-template-rows: 0fr;
}

.shell__nav-group-items__inner {
  min-height: 0;
  display: flex;
  flex-direction: column;
  gap: 1px;
  padding-bottom: 2px;
}

/* Nav item */
.shell__nav-item {
  display: flex;
  align-items: center;
  gap: 9px;
  height: 34px;
  padding: 0 8px;
  border-radius: 8px;
  color: rgba(172 205 238 / 0.5);
  font-size: 13px;
  font-weight: 400;
  letter-spacing: -0.01em;
  text-decoration: none;
  transition: background 0.1s, color 0.1s;
  position: relative;
}

.shell__nav-item:hover {
  background: rgba(255 255 255 / 0.06);
  color: rgba(220 238 255 / 0.9);
}

.shell__nav-item:hover .shell__nav-icon {
  opacity: 0.85;
}

.shell__nav-item--active {
  background: rgba(37 99 235 / 0.18);
  color: #bfdbfe;
  font-weight: 500;
}

.shell__nav-item--active::before {
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
  bottom: 6px;
  width: 3px;
  border-radius: 0 3px 3px 0;
  background: #3b82f6;
}

.shell__nav-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex-shrink: 0;
  opacity: 0.4;
  transition: opacity 0.1s;
}

.shell__nav-item--active .shell__nav-icon {
  opacity: 1;
}

.shell__nav-text {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shell__nav-divider {
  height: 1px;
  background: rgba(255 255 255 / 0.06);
  margin: 4px 4px;
}

/* User footer */
.shell__user {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 10px 12px;
  border-top: 1px solid rgba(255 255 255 / 0.05);
  background: rgba(0 0 0 / 0.15);
  flex-shrink: 0;
}

.shell__user-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border-radius: 7px;
  background: rgba(37 99 235 / 0.2);
  color: #93c5fd;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.02em;
  flex-shrink: 0;
}

.shell__user-info {
  flex: 1;
  display: grid;
  min-width: 0;
}

.shell__user-info strong {
  font-size: 12px;
  font-weight: 600;
  color: #d8eaf8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  letter-spacing: -0.01em;
  line-height: 1.3;
}

.shell__user-info span {
  font-size: 10px;
  color: rgba(140 175 210 / 0.4);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.3;
}

.shell__logout-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 26px;
  height: 26px;
  border-radius: 6px;
  border: 1px solid rgba(255 255 255 / 0.06);
  background: transparent;
  color: rgba(140 175 210 / 0.35);
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.1s, color 0.1s;
  font-family: inherit;
}

.shell__logout-btn:hover {
  background: rgba(255 255 255 / 0.06);
  color: #b8d4f0;
}

/* ─────────────────────────────────────────────────────────────────
   MAIN — контентная колонка
   ─────────────────────────────────────────────────────────────── */

.shell__main {
  display: flex;
  flex-direction: column;
  min-width: 0;
  height: 100dvh;
  overflow-y: auto;
  background: #eef1f5;
}

/* Topbar — стеклянный, прилипает при скролле */
.shell__topbar {
  position: sticky;
  top: 0;
  z-index: 20;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  height: 48px;
  padding: 0 24px;
  background: rgba(238 241 245 / 0.9);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border-bottom: 1px solid rgba(214 222 234 / 0.7);
  flex-shrink: 0;
}

/* Search */
.shell__search {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  max-width: 380px;
  height: 32px;
  padding: 0 10px;
  border-radius: 8px;
  background: rgba(255 255 255 / 0.7);
  border: 1px solid rgba(200 214 232 / 0.8);
  transition: border-color 0.12s, background 0.12s, box-shadow 0.12s;
}

.shell__search:focus-within {
  background: #fff;
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(147 197 253 / 0.15);
}

.shell__search-icon {
  color: #9baaba;
  flex-shrink: 0;
  width: 14px;
  height: 14px;
}

.shell__search input {
  flex: 1;
  border: none;
  background: transparent;
  color: #1e293b;
  font-size: 13px;
  outline: none;
  min-width: 0;
  font-family: inherit;
}

.shell__search input::placeholder { color: #a8b8c8; }

.shell-live-search {
  overflow: visible;
  z-index: 40;
}

.shell-live-search__dropdown {
  position: absolute;
  z-index: 80;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  display: grid;
  gap: 4px;
  max-height: min(420px, 70vh);
  overflow-y: auto;
  padding: 8px;
  border: 1px solid #cfd9e8;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 46px rgba(15 23 42 / 0.18);
}

.shell-live-search__search-row,
.shell-live-search__item {
  width: 100%;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #1e293b;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}

.shell-live-search__search-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 10px;
  background: #eff6ff;
}

.shell-live-search__search-row span {
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
}

.shell-live-search__search-row strong {
  min-width: 0;
  color: #1d4ed8;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shell-live-search__item {
  display: grid;
  gap: 7px;
  padding: 10px;
}

.shell-live-search__item:hover,
.shell-live-search__item--active {
  background: #f5f8fc;
}

.shell-live-search__item-main {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.shell-live-search__item-main strong {
  color: #0f172a;
  font-size: 13.5px;
  line-height: 1.25;
}

.shell-live-search__item-main span {
  color: #64748b;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.shell-live-search__item-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.shell-live-search__field-match {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  min-height: 24px;
  padding: 3px 7px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #ffffff;
  color: #334155;
  font-size: 11.5px;
}

.shell-live-search__field-match span {
  color: #94a3b8;
}

.shell-live-search__field-match strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.shell-live-search__state {
  padding: 12px 10px;
  color: #64748b;
  font-size: 12.5px;
}

/* Topbar right */
.shell__topbar-right {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-left: auto;
}

.shell__topbar-right--full {
  flex: 1;
  justify-content: flex-end;
}

.shell__date {
  font-size: 11.5px;
  color: #9baaba;
  white-space: nowrap;
  font-variant-numeric: tabular-nums;
}

.shell__profile {
  display: flex;
  align-items: center;
  gap: 8px;
  height: 34px;
  padding: 0 10px 0 6px;
  border-radius: 8px;
  border: 1px solid rgba(200 214 232 / 0.8);
  background: rgba(255 255 255 / 0.7);
  transition: border-color 0.1s, background 0.1s;
  cursor: default;
  text-decoration: none;
}

.shell__profile:hover {
  border-color: #b0c4de;
  background: #fff;
}

.shell__profile-avatar {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 22px;
  height: 22px;
  border-radius: 5px;
  background: #dbeafe;
  color: #1d4ed8;
  font-size: 9px;
  font-weight: 800;
  letter-spacing: 0.02em;
  flex-shrink: 0;
}

.shell__profile-info { display: grid; }

.shell__profile-info strong {
  font-size: 11.5px;
  font-weight: 600;
  color: #1e293b;
  white-space: nowrap;
  line-height: 1.3;
  letter-spacing: -0.01em;
}

.shell__profile-info span {
  font-size: 10px;
  color: #94a3b8;
  white-space: nowrap;
  line-height: 1.3;
}

/* Content */
.shell__content {
  flex: 1;
  min-width: 0;
  padding: 20px 24px 28px;
  overflow-x: hidden;
}

/* Когда внутри funnel-page — убираем padding у контейнера */
.shell__content:has(.funnel-page) {
  padding: 0;
  overflow-x: hidden;
}

/* ═══════════════════════════════════════════════════════════════════
   PAGE COMPONENTS  (.tw-*)
   ═══════════════════════════════════════════════════════════════════ */

.tw-page {
  display: grid;
  gap: 18px;
  align-content: start;
  min-width: 0;
  width: 100%;
}

/* ─────────────────────────────────────────────────────────────────
   PAGE HEADER
   ─────────────────────────────────────────────────────────────── */

.tw-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 16px;
  flex-wrap: wrap;
  padding-bottom: 18px;
  border-bottom: 1px solid #dde4ef;
}

.tw-header__copy {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.tw-header__copy h1,
.tw-page .tw-header__copy h1 {
  margin: 0;
  font-size: 22px;
  line-height: 1.15;
  letter-spacing: -0.03em;
  color: #0f172a;
  font-weight: 700;
  overflow-wrap: anywhere;
}

.tw-header__copy p,
.tw-page .tw-header__copy p {
  margin: 0;
  max-width: 560px;
  color: #6b7e96;
  line-height: 1.55;
  font-size: 13px;
  overflow-wrap: anywhere;
}

.tw-header__eyebrow {
  margin: 0;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #2563eb;
}

.tw-header__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  flex-shrink: 0;
  padding-top: 2px;
}

/* ─────────────────────────────────────────────────────────────────
   BUTTONS
   ─────────────────────────────────────────────────────────────── */

.tw-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
  height: 32px;
  padding: 0 12px;
  border-radius: 7px;
  border: 1px solid #d4dce9;
  background: #ffffff;
  color: #1e2d42;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: -0.01em;
  cursor: pointer;
  transition: background 0.1s, border-color 0.1s;
  text-decoration: none;
  white-space: nowrap;
  font-family: inherit;
}

.tw-button:hover {
  background: #f5f8fc;
  border-color: #b8c8de;
}

.tw-button:active { background: #edf2f8; }

.tw-button--primary {
  background: #2563eb;
  border-color: #2563eb;
  color: #ffffff;
  font-weight: 600;
}

.tw-button--primary:hover {
  background: #1d4ed8;
  border-color: #1d4ed8;
}

.tw-button--primary:active { background: #1e40af; }

.tw-button--secondary {
  background: #eff6ff;
  border-color: #bfdbfe;
  color: #1e40af;
  font-weight: 500;
}

.tw-button--secondary:hover {
  background: #dbeafe;
  border-color: #93c5fd;
}

.tw-button--ghost {
  background: #ffffff;
  border-color: #e2e8f0;
  color: #475569;
}

.tw-button--icon-label {
  display: inline-flex;
  align-items: center;
  gap: 5px;
}

.tw-button--active {
  background: #eff6ff;
  border-color: #93c5fd;
  color: #1d4ed8;
  font-weight: 600;
}

.tw-button--active:hover {
  background: #dbeafe;
  border-color: #60a5fa;
}

/* Board region inside deals workspace */
.tw-deals-board-region {
  padding: 12px 0 4px;
  overflow-x: auto;
}

.tw-inline-filter {
  display: flex;
  flex-wrap: wrap;
  align-items: end;
  gap: 10px;
  margin-bottom: 14px;
}

.tw-inline-filter label {
  display: grid;
  gap: 5px;
  min-width: min(280px, 100%);
  color: #64748b;
  font-size: 12px;
}

.tw-inline-filter select {
  min-height: 34px;
  border: 1px solid #d4dce9;
  border-radius: 7px;
  background: #fff;
  color: #1e2d42;
  font: inherit;
}

/* ─────────────────────────────────────────────────────────────────
   METRIC STRIP — единая горизонтальная панель
   ─────────────────────────────────────────────────────────────── */

.tw-metrics {
  display: flex;
  background: #ffffff;
  border: 1px solid #dde6f0;
  border-radius: 10px;
  overflow: hidden;
}

.tw-metric {
  flex: 1;
  min-width: 0;
  display: grid;
  gap: 4px;
  padding: 16px 20px;
  border-right: 1px solid #e8eef6;
  position: relative;
}

.tw-metric:last-child { border-right: none; }

.tw-metric--warning { background: #fffcf0; }
.tw-metric--success { background: #f0fdf8; }
.tw-metric--danger  { background: #fff5f5; }

.tw-metric--warning::before,
.tw-metric--success::before,
.tw-metric--danger::before {
  content: "";
  position: absolute;
  top: 0; left: 0; right: 0;
  height: 2px;
}

.tw-metric--warning::before { background: #f59e0b; }
.tw-metric--success::before { background: #10b981; }
.tw-metric--danger::before  { background: #ef4444; }

.tw-metric__label {
  font-size: 10.5px;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.tw-metric__value {
  font-size: 26px;
  line-height: 1;
  color: #0f172a;
  font-weight: 800;
  letter-spacing: -0.04em;
  font-variant-numeric: tabular-nums;
  overflow-wrap: anywhere;
}

.tw-metric__meta {
  font-size: 11px;
  color: #94a3b8;
  overflow-wrap: anywhere;
}

.sales-deals-summary {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
  border: 1px solid #dde6f0;
  border-radius: 10px;
  overflow: hidden;
  background: #ffffff;
}

.sales-deals-summary .tw-metrics {
  border: 0;
  border-radius: 0;
}

.sales-funnel-metric {
  border-right: 0;
  border-left: 1px solid #e8eef6;
}

.sales-funnel-select {
  display: grid;
  gap: 6px;
}

.sales-funnel-select span {
  font-size: 10.5px;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0;
  font-weight: 600;
}

.sales-funnel-select select {
  width: 100%;
  min-height: 34px;
  border: 1px solid #cfd9e8;
  border-radius: 7px;
  background: #ffffff;
  color: #0f172a;
  font-family: inherit;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: 0;
  outline: none;
}

.sales-funnel-select select:focus {
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(147 197 253 / 0.16);
}

.deals-live-search {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  width: 100%;
  min-width: 0;
}

.deals-live-search__field {
  position: relative;
  flex: 1 1 auto;
  min-width: 240px;
  display: flex;
  align-items: stretch;
  gap: 8px;
}

.deals-live-search__field input {
  flex: 1 1 auto;
  min-width: 0;
  padding-left: 12px;
}

.deals-live-search__filters {
  position: relative;
  flex-shrink: 0;
}

.deals-live-search__filter-button {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 32px;
  padding: 0 12px;
  border: 1px solid #d4dce9;
  border-radius: 7px;
  background: #fff;
  color: #475569;
  font: inherit;
  font-size: 13px;
  cursor: pointer;
}

.deals-live-search__filter-button--active {
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(147 197 253 / 0.14);
}

.deals-live-search__filter-button strong {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 22px;
  height: 22px;
  padding: 0 6px;
  border-radius: 999px;
  background: #eff6ff;
  color: #1d4ed8;
  font-size: 11px;
}

.deals-live-search__filters-panel {
  position: absolute;
  top: calc(100% + 8px);
  right: 0;
  z-index: 40;
  width: min(1120px, calc(100vw - 64px));
  max-height: min(80vh, 920px);
  overflow: auto;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(15 23 42 / 0.18);
}

.deals-live-search__dropdown {
  position: absolute;
  z-index: 30;
  top: calc(100% + 6px);
  left: 0;
  right: 0;
  display: grid;
  gap: 4px;
  max-height: min(440px, 68vh);
  overflow-y: auto;
  padding: 8px;
  border: 1px solid #cfd9e8;
  border-radius: 8px;
  background: #ffffff;
  box-shadow: 0 18px 46px rgba(15 23 42 / 0.16);
}

.deals-live-search__search-row,
.deals-live-search__item {
  width: 100%;
  border: 0;
  border-radius: 7px;
  background: transparent;
  color: #1e293b;
  font-family: inherit;
  text-align: left;
  cursor: pointer;
}

.deals-live-search__search-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 9px 10px;
  background: #eff6ff;
}

.deals-live-search__search-row span {
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
}

.deals-live-search__search-row strong {
  min-width: 0;
  color: #1d4ed8;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.deals-live-search__item {
  display: grid;
  gap: 7px;
  padding: 10px;
}

.deals-live-search__item:hover,
.deals-live-search__item--active {
  background: #f5f8fc;
}

.deals-live-search__item-main {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.deals-live-search__item-main strong {
  color: #0f172a;
  font-size: 13.5px;
  line-height: 1.25;
}

.deals-live-search__item-main span {
  color: #64748b;
  font-size: 12px;
  overflow-wrap: anywhere;
}

.deals-live-search__item-fields {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.deals-live-search__field-match {
  display: inline-flex;
  align-items: center;
  gap: 4px;
  max-width: 100%;
  min-height: 24px;
  padding: 3px 7px;
  border: 1px solid #e2e8f0;
  border-radius: 999px;
  background: #ffffff;
  color: #334155;
  font-size: 11.5px;
}

.deals-live-search__field-match span {
  color: #94a3b8;
}

.deals-live-search__field-match strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.deals-live-search__state {
  padding: 12px 10px;
  color: #64748b;
  font-size: 12.5px;
}

.deals-filters {
  display: grid;
  gap: 14px;
  padding: 14px;
  border: 1px solid #dde6f0;
  border-radius: 12px;
  background: linear-gradient(180deg, #fdfefe 0%, #f7f9fc 100%);
}

.deals-filters__topbar {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 12px;
  align-items: center;
}

.deals-filters__topbar--compact {
  grid-template-columns: auto;
  justify-content: end;
}

.deals-filters__search input,
.deals-filters__tag-search input,
.deals-filters__properties input,
.deals-filters__properties select {
  width: 100%;
  min-width: 0;
  min-height: 32px;
  padding: 6px 10px;
  border: 1px solid #cfd9e8;
  border-radius: 6px;
  background: #fff;
  color: #1e293b;
  font: inherit;
  font-size: 13px;
}

.deals-filters__search input:focus,
.deals-filters__tag-search input:focus,
.deals-filters__properties input:focus,
.deals-filters__properties select:focus {
  outline: none;
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(147 197 253 / 0.14);
}

.deals-filters__summary {
  font-size: 12px;
  font-weight: 700;
  color: #64748b;
}

.deals-filters__layout {
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr) 280px;
  gap: 18px;
  align-items: start;
}

.deals-filters__views,
.deals-filters__properties,
.deals-filters__tags {
  display: grid;
  gap: 10px;
  min-width: 0;
}

.deals-filter-view {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 36px;
  padding: 0 12px;
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  background: #fff;
  color: #334155;
  font-size: 13px;
  cursor: pointer;
}

.deals-filter-view input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.deals-filter-view--active {
  border-color: #93c5fd;
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 600;
}

.deals-filters__column-title {
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  color: #64748b;
}

.deals-filters__column-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.deals-filters__column-head span {
  font-size: 12px;
  color: #64748b;
  text-decoration: underline;
}

.deals-filter-range {
  display: grid;
  grid-template-columns: repeat(2, minmax(132px, 1fr));
  gap: 8px;
}

.deals-filter-date-group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.deals-filters__column-title--small {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--tw-text-tertiary, #7b8fa6);
  padding-top: 4px;
}

.deals-filter-dropdown {
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  background: #fff;
  overflow: hidden;
}

.deals-filter-trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  min-height: 36px;
  padding: 0 10px;
  cursor: pointer;
  list-style: none;
  font-size: 13px;
  color: #334155;
}

.deals-filter-trigger::-webkit-details-marker {
  display: none;
}

.deals-filter-trigger strong {
  color: #64748b;
  font-size: 12px;
  font-weight: 600;
}

.deals-filter-dropdown[open] .deals-filter-trigger {
  border-bottom: 1px solid #e6edf6;
}

.deals-filter-dropdown__body {
  display: grid;
  gap: 2px;
  max-height: 220px;
  overflow-y: auto;
  padding: 8px;
}

.deals-filter-check {
  display: grid;
  grid-template-columns: 16px minmax(0, 1fr);
  gap: 8px;
  align-items: start;
  padding: 6px 4px;
  border-radius: 6px;
}

.deals-filter-check:hover {
  background: #f8fafc;
}

.deals-filter-check input {
  margin-top: 2px;
}

.deals-filter-check span {
  font-size: 13px;
  color: #334155;
}

.deals-filter-check small {
  grid-column: 2;
  color: #94a3b8;
  font-size: 11px;
}

.deals-filters__tag-list {
  display: grid;
  gap: 6px;
  max-height: 720px;
  overflow-y: auto;
  padding-right: 2px;
}

.deals-filter-tag {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 10px;
  align-items: center;
  min-height: 34px;
  padding: 0 10px;
  border: 1px solid #dbe4ef;
  border-radius: 7px;
  background: #fff;
  cursor: pointer;
}

.deals-filter-tag input {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}

.deals-filter-tag span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 13px;
  color: #334155;
}

.deals-filter-tag strong {
  font-size: 12px;
  color: #94a3b8;
}

.deals-filter-tag--active {
  border-color: #93c5fd;
  background: #eff6ff;
}

.deals-filters__actions {
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
  position: sticky;
  bottom: 0;
  background: #fff;
  border-top: 1px solid #e8ecf2;
  padding: 10px 16px;
  z-index: 1;
}

.deals-shell-overlay__backdrop {
  position: fixed;
  inset: 0;
  z-index: 39;
  border: 0;
  background: transparent;
  cursor: default;
}

.deals-shell-overlay__panel {
  position: fixed;
  z-index: 40;
  max-height: min(80vh, 920px);
  overflow: auto;
  border-radius: 12px;
  box-shadow: 0 20px 50px rgba(15 23 42 / 0.18);
}

/* ─────────────────────────────────────────────────────────────────
   GRID LAYOUTS
   ─────────────────────────────────────────────────────────────── */

.tw-grid {
  display: grid;
  gap: 14px;
  min-width: 0;
}

.tw-grid--wide {
  grid-template-columns: minmax(0, 1.55fr) minmax(280px, 1fr);
}

.tw-grid--equal {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

/* ─────────────────────────────────────────────────────────────────
   SURFACE — белая карточка
   ─────────────────────────────────────────────────────────────── */

.tw-surface {
  display: grid;
  gap: 0;
  background: #ffffff;
  border: 1px solid #dde6f0;
  border-radius: 10px;
  overflow: hidden;
  min-width: 0;
}

.tw-surface__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 14px 20px;
  border-bottom: 1px solid #edf1f8;
  flex-wrap: wrap;
  min-width: 0;
}

.tw-surface__header--tall {
  align-items: flex-start;
}

.tw-surface__copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.tw-surface__copy h2,
.tw-page .tw-surface__copy h2 {
  margin: 0;
  font-size: 13.5px;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.015em;
  overflow-wrap: anywhere;
}

.tw-surface__copy p,
.tw-page .tw-surface__copy p {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: #94a3b8;
  overflow-wrap: anywhere;
}

.tw-surface__extra {
  min-width: 0;
  flex-shrink: 0;
}

.tw-surface__body {
  padding: 16px 20px;
  min-width: 0;
}

.tw-surface__body--flush { padding: 0; }

/* ─────────────────────────────────────────────────────────────────
   FOCUS PANEL — горизонтальный акцент-баннер
   ─────────────────────────────────────────────────────────────── */

.tw-focus-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 16px;
  padding: 16px 20px;
  border-radius: 10px;
  border: 1px solid #dde6f0;
  background: #f8fafd;
}

.tw-focus-panel__copy { display: grid; gap: 3px; min-width: 0; }

.tw-focus-panel__copy h2 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.02em;
}

.tw-focus-panel__copy p {
  margin: 0;
  font-size: 13px;
  line-height: 1.5;
  color: #64748b;
}

/* ─────────────────────────────────────────────────────────────────
   EMPTY STATE
   ─────────────────────────────────────────────────────────────── */

.tw-empty {
  display: grid;
  justify-items: center;
  gap: 8px;
  padding: 36px 24px;
  border-radius: 8px;
  border: 1px dashed #cdd7e8;
  background: #f8fafd;
  text-align: center;
}

.tw-empty strong {
  font-size: 13.5px;
  font-weight: 700;
  color: #1e2d42;
  letter-spacing: -0.015em;
}

.tw-empty span {
  max-width: 320px;
  font-size: 12.5px;
  line-height: 1.6;
  color: #94a3b8;
}

/* ─────────────────────────────────────────────────────────────────
   LISTS & LINK CARDS
   ─────────────────────────────────────────────────────────────── */

.tw-list,
.tw-stack,
.tw-dashboard-actions,
.tw-dashboard-shortcuts {
  display: grid;
  gap: 4px;
}

.tw-link-card,
.tw-plain-card,
.tw-dashboard-action,
.tw-dashboard-shortcut {
  display: grid;
  gap: 2px;
  padding: 10px 14px;
  border-radius: 8px;
  border: 1px solid #e8eef6;
  background: #f8fafd;
  min-width: 0;
  transition: border-color 0.1s, background 0.1s;
  align-content: start;
  text-decoration: none;
}

.tw-link-card {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}

.tw-link-card:hover,
.tw-dashboard-action:hover,
.tw-dashboard-shortcut:hover {
  border-color: #bfdbfe;
  background: #f0f7ff;
}

.tw-link-card__copy,
.tw-card-copy {
  display: grid;
  gap: 2px;
  min-width: 0;
}

.tw-link-card__copy strong,
.tw-card-copy strong,
.tw-dashboard-action strong,
.tw-dashboard-shortcut strong {
  font-size: 13px;
  font-weight: 600;
  color: #0f172a;
  overflow-wrap: anywhere;
  letter-spacing: -0.01em;
}

.tw-link-card__copy span,
.tw-card-copy span,
.tw-card-copy p,
.tw-dashboard-action span,
.tw-dashboard-shortcut span {
  margin: 0;
  font-size: 12px;
  line-height: 1.45;
  color: #94a3b8;
  overflow-wrap: anywhere;
}

/* ─────────────────────────────────────────────────────────────────
   PILLS & BADGES
   ─────────────────────────────────────────────────────────────── */

.tw-pill {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 20px;
  padding: 0 7px;
  border-radius: 5px;
  background: #eef2f8;
  border: 1px solid #dce4f0;
  color: #5a6e88;
  font-size: 10.5px;
  font-weight: 600;
  white-space: nowrap;
  letter-spacing: 0.01em;
}

.tw-pill--accent {
  background: #eff6ff;
  color: #1e40af;
  border-color: #bfdbfe;
}

.tw-tag-row {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

/* ─────────────────────────────────────────────────────────────────
   TOOLBAR
   ─────────────────────────────────────────────────────────────── */

.tw-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
  min-width: 0;
}

.tw-toolbar__group {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  min-width: 0;
}

.tw-toolbar__group--grow { flex: 1 1 240px; }
.tw-toolbar__form { width: 100%; }

.tw-toolbar input,
.tw-toolbar textarea {
  width: 100%;
  max-width: 100%;
  height: 32px;
  padding: 0 10px;
  border-radius: 7px;
  border: 1px solid #d4dce9;
  background: #f8fafd;
  color: #1e293b;
  min-width: 0;
  font-size: 13px;
  font-family: inherit;
  transition: border-color 0.1s, background 0.1s, box-shadow 0.1s;
}

.tw-toolbar input:focus,
.tw-toolbar textarea:focus {
  outline: none;
  border-color: #93c5fd;
  background: #fff;
  box-shadow: 0 0 0 3px rgba(147 197 253 / 0.15);
}

.tw-toolbar input::placeholder,
.tw-toolbar textarea::placeholder { color: #a8b8c8; }

/* ─────────────────────────────────────────────────────────────────
   BOARD — статичная доска (TwentyBoard)
   ─────────────────────────────────────────────────────────────── */

.tw-board {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 10px;
  width: 100%;
  align-items: start;
}

.tw-board__column {
  display: grid;
  gap: 8px;
  min-height: 200px;
  padding: 12px;
  border-radius: 9px;
  background: #f4f7fb;
  border: 1px solid #dde6f0;
}

.tw-board__column-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.tw-board__column-header strong {
  display: block;
  font-size: 12.5px;
  font-weight: 700;
  color: #1e293b;
  letter-spacing: -0.01em;
}

.tw-board__column-header span {
  font-size: 11px;
  color: #94a3b8;
}

.tw-board__cards {
  display: grid;
  align-content: start;
  gap: 7px;
}

.tw-board-card {
  display: grid;
  gap: 6px;
  padding: 12px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #dde6f0;
  transition: border-color 0.1s;
  text-decoration: none;
}

.tw-board-card:hover { border-color: #93c5fd; }

.tw-board-card__copy { display: grid; gap: 3px; }

.tw-board-card__copy strong {
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  letter-spacing: -0.01em;
}

.tw-board-card__copy span,
.tw-board-card__copy p {
  margin: 0;
  font-size: 12px;
  color: #64748b;
  overflow-wrap: anywhere;
}

.tw-board-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.tw-board-card__footer strong {
  font-size: 13px;
  color: #1e40af;
  font-weight: 700;
}

.tw-board-card__meta { font-size: 11px; color: #94a3b8; }
.tw-board-card__meta--success { color: #059669; }
.tw-board-card__meta--warning { color: #d97706; }

/* ─────────────────────────────────────────────────────────────────
   FORMS
   ─────────────────────────────────────────────────────────────── */

.tw-deals-workspace { display: grid; gap: 10px; }
.tw-deals-workspace--board, .tw-deals-board-region { min-height: 0; }

/* ── Funnel page layout ─────────────────────────────────────────── */
.funnel-page {
  display: flex;
  flex-direction: column;
  min-height: 0;
}

.funnel-board {
  flex: 1;
  overflow-x: auto;
  padding: 12px 24px 24px;
}

.funnel-list {
  padding: 16px 24px 24px;
}

/* ── Funnel toolbar ─────────────────────────────────────────────── */
.funnel-toolbar {
  display: grid;
  grid-template-columns: 3fr 6fr 1fr;
  gap: 0;
  align-items: center;
  padding: 10px 24px;
  background: #fff;
  border-bottom: 1px solid #e8ecf2;
  min-height: 52px;
}

.funnel-toolbar__left {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-right: 12px;
  border-right: 1px solid #e8ecf2;
}

.funnel-toolbar__center {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 0 16px;
}

.funnel-toolbar__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding-left: 12px;
  border-left: 1px solid #e8ecf2;
}

/* Picker — выбор воронки */
.funnel-picker {
  position: relative;
  flex: 1;
  min-width: 0;
}

.funnel-picker__trigger {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  width: 100%;
  padding: 6px 10px;
  border: 1px solid #dde6f0;
  border-radius: 6px;
  background: #f8fafc;
  cursor: pointer;
  font: inherit;
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  transition: border-color 0.15s, background 0.15s;
  text-align: left;
}

.funnel-picker__trigger:hover {
  border-color: #93c5fd;
  background: #f0f7ff;
}

.funnel-picker__label {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  min-width: 0;
}

.funnel-picker__chevron {
  flex-shrink: 0;
  color: #64748b;
  transition: transform 0.15s;
}

.funnel-picker__chevron--open {
  transform: rotate(180deg);
}

.funnel-picker__menu {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  min-width: 200px;
  z-index: 200;
  background: #fff;
  border: 1px solid #dde6f0;
  border-radius: 8px;
  box-shadow: 0 8px 24px rgba(15 23 42 / 0.12);
  overflow: hidden;
}

.funnel-picker__option {
  display: block;
  padding: 10px 14px;
  font-size: 13px;
  font-weight: 500;
  color: #334155;
  text-decoration: none;
  transition: background 0.12s;
  border-bottom: 1px solid #f1f5f9;
}

.funnel-picker__option:last-child { border-bottom: 0; }

.funnel-picker__divider {
  height: 1px;
  background: #f1f5f9;
  margin: 2px 0;
}

.funnel-picker__option:hover { background: #f8fafc; color: #1d4ed8; }

.funnel-picker__option--active {
  background: #eff6ff;
  color: #1d4ed8;
  font-weight: 600;
}

/* View toggle — список / канбан */
.funnel-view-toggle {
  display: flex;
  border: 1px solid #dde6f0;
  border-radius: 6px;
  overflow: hidden;
  flex-shrink: 0;
}

.funnel-view-toggle__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  height: 30px;
  color: #64748b;
  background: #f8fafc;
  text-decoration: none;
  transition: background 0.12s, color 0.12s;
  border-right: 1px solid #dde6f0;
}

.funnel-view-toggle__btn:last-child { border-right: 0; }

.funnel-view-toggle__btn:hover { background: #f0f7ff; color: #2563eb; }

.funnel-view-toggle__btn--active {
  background: #eff6ff;
  color: #2563eb;
}

/* Search */
.funnel-search {
  display: flex;
  align-items: center;
  gap: 8px;
  flex: 1;
  min-width: 0;
  padding: 0 10px;
  height: 32px;
  border: 1px solid #dde6f0;
  border-radius: 6px;
  background: #f8fafc;
  transition: border-color 0.15s;
}

.funnel-search:focus-within {
  border-color: #93c5fd;
  background: #fff;
}

.funnel-search__icon { color: #94a3b8; flex-shrink: 0; }

.funnel-search__input {
  flex: 1;
  border: 0;
  background: transparent;
  font: inherit;
  font-size: 13px;
  color: #1e293b;
  outline: none;
  min-width: 0;
}

.funnel-search__input::placeholder { color: #94a3b8; }

/* Inline stats */
.funnel-stats-inline {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
  white-space: nowrap;
}

.funnel-stats-inline__item {
  font-size: 12px;
  color: #64748b;
}

.funnel-stats-inline__item strong {
  font-weight: 600;
  color: #1e293b;
}

.funnel-stats-inline__sep { color: #cbd5e1; }

/* ── Filters dropdown ───────────────────────────────────────────── */
.funnel-filters-dropdown {
  border-bottom: 1px solid #e8ecf2;
  background: #fff;
  overflow-y: auto;
  max-height: calc(100vh - 200px);
}

/* Stats modal */
.funnel-stats-modal {
  position: fixed;
  inset: 0;
  z-index: 500;
  display: flex;
  align-items: center;
  justify-content: center;
}

.funnel-stats-modal__backdrop {
  position: absolute;
  inset: 0;
  background: rgba(15 23 42 / 0.35);
}

.funnel-stats-modal__panel {
  position: relative;
  z-index: 1;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 20px 60px rgba(15 23 42 / 0.18);
  width: min(680px, calc(100vw - 48px));
  max-height: calc(100vh - 80px);
  overflow-y: auto;
  display: flex;
  flex-direction: column;
}

.funnel-stats-modal__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 16px 20px;
  border-bottom: 1px solid #e8ecf2;
}

.funnel-stats-modal__header strong {
  font-size: 15px;
  font-weight: 700;
  color: #1e293b;
}

.funnel-stats-modal__close {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 6px;
  background: transparent;
  color: #64748b;
  cursor: pointer;
  transition: background 0.12s;
}

.funnel-stats-modal__close:hover { background: #f1f5f9; color: #1e293b; }

.funnel-stats-modal__body {
  padding: 20px;
}

.dealership-workspace {
  display: grid;
  grid-template-columns: 260px minmax(0, 1fr);
  gap: 16px;
  min-height: 0;
}

.dealership-funnels {
  align-self: start;
  overflow: hidden;
  border: 1px solid #dbe5ef;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 16px 40px rgba(15, 23, 42, 0.08);
}

.dealership-funnels__title {
  padding: 18px 18px 16px;
  border-bottom: 1px solid #eef3f8;
  color: #162033;
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}

.dealership-funnels__list {
  display: grid;
}

.dealership-funnels__item {
  display: flex;
  min-height: 48px;
  align-items: center;
  border-bottom: 1px solid #eef3f8;
  padding: 0 18px;
  color: #334155;
  font-size: 14px;
  font-weight: 650;
  text-decoration: none;
  transition: background 0.16s ease, color 0.16s ease;
}

.dealership-funnels__item:hover {
  background: #f8fbff;
  color: #1d4ed8;
}

.dealership-funnels__item--active {
  background: #f3f7ff;
  color: #1d4ed8;
}

.dealership-funnels__add {
  display: flex;
  width: 100%;
  min-height: 54px;
  align-items: center;
  justify-content: space-between;
  border: 0;
  background: #fff;
  padding: 0 18px;
  color: #94a3b8;
  font: inherit;
  font-size: 14px;
  font-weight: 650;
}

.dealership-funnels__add span {
  display: inline-grid;
  width: 28px;
  height: 28px;
  place-items: center;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  color: #64748b;
}

.dealership-board {
  min-width: 0;
}

.dealership-amo-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.7fr) minmax(300px, 0.9fr);
  gap: 16px;
  align-items: start;
}

.dealership-amo-sidebar,
.dealership-amo-stack {
  display: grid;
  gap: 16px;
}

.dealership-amo-panel {
  display: grid;
  gap: 14px;
  padding: 16px 18px;
  border: 1px solid #dde6f0;
  border-radius: 12px;
  background: linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.dealership-amo-panel--spotlight {
  background: linear-gradient(135deg, #f7fbff 0%, #eef4ff 45%, #f8fbff 100%);
  border-color: #cfe0ff;
}

.dealership-amo-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
}

.dealership-amo-panel__header strong {
  display: block;
  margin: 0 0 4px;
  color: #0f172a;
  font-size: 15px;
}

.dealership-amo-panel__header span {
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.5;
}

.dealership-amo-badges {
  display: flex;
  gap: 8px;
  flex-wrap: wrap;
}

.dealership-amo-badge {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #e2e8f0;
  color: #334155;
  font-size: 12px;
  font-weight: 700;
}

.dealership-amo-badge--success {
  background: #dcfce7;
  color: #166534;
}

.dealership-amo-kpis {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.dealership-amo-kpi {
  display: grid;
  gap: 4px;
  padding: 14px;
  border-radius: 10px;
  border: 1px solid #dbe5ef;
  background: rgba(255, 255, 255, 0.9);
}

.dealership-amo-kpi span,
.dealership-amo-kpi small {
  color: #64748b;
  font-size: 12px;
}

.dealership-amo-kpi strong {
  color: #0f172a;
  font-size: 18px;
  line-height: 1.2;
}

.dealership-amo-grid {
  display: grid;
  gap: 16px;
}

.dealership-amo-grid--main {
  grid-template-columns: minmax(0, 1.3fr) minmax(280px, 0.9fr);
}

.dealership-amo-grid--triple {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.dealership-amo-timeline,
.dealership-amo-feed {
  display: grid;
  gap: 10px;
}

.dealership-amo-timeline__item,
.dealership-amo-feed__item,
.dealership-amo-task {
  display: grid;
  gap: 10px;
  align-items: start;
  padding: 12px 14px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #fff;
}

.dealership-amo-timeline__item {
  grid-template-columns: auto minmax(0, 1fr) auto;
}

.dealership-amo-dot {
  width: 10px;
  height: 10px;
  margin-top: 5px;
  border-radius: 999px;
  background: #cbd5e1;
}

.dealership-amo-dot--done { background: #10b981; }
.dealership-amo-dot--active { background: #2563eb; }
.dealership-amo-dot--planned { background: #f59e0b; }
.dealership-amo-dot--idle { background: #cbd5e1; }

.dealership-amo-timeline__copy,
.dealership-amo-feed__copy,
.dealership-amo-task__copy {
  display: grid;
  gap: 4px;
}

.dealership-amo-timeline__copy strong,
.dealership-amo-feed__copy strong,
.dealership-amo-task__copy strong {
  color: #0f172a;
  font-size: 13px;
}

.dealership-amo-timeline__copy span,
.dealership-amo-feed__copy span,
.dealership-amo-task__copy span {
  color: #64748b;
  font-size: 12.5px;
  line-height: 1.5;
}

.dealership-amo-status {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: #f1f5f9;
  color: #475569;
  font-size: 12px;
  font-weight: 700;
}

.dealership-amo-status--done {
  background: #dcfce7;
  color: #166534;
}

.dealership-amo-status--active {
  background: #dbeafe;
  color: #1d4ed8;
}

.dealership-amo-status--planned {
  background: #fef3c7;
  color: #b45309;
}

.dealership-amo-status--idle {
  background: #e2e8f0;
  color: #475569;
}

.dealership-amo-note {
  padding: 13px 14px;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  background: #fff;
  color: #475569;
  font-size: 12.5px;
  line-height: 1.6;
}

.dealership-amo-note--accent {
  border-color: #bfdbfe;
  background: #eff6ff;
}

.dealership-amo-feed__item {
  grid-template-columns: 56px minmax(0, 1fr);
}

.dealership-amo-feed__time {
  color: #1d4ed8;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.tw-create-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.5fr) minmax(260px, 1fr);
  gap: 14px;
  align-items: start;
}

.tw-create-layout--embedded {
  grid-template-columns: minmax(0, 1.4fr) minmax(240px, 0.9fr);
}

.tw-create-main, .tw-create-side, .tw-form {
  display: grid;
  gap: 12px;
}

.tw-form-section, .tw-quick-panel {
  display: grid;
  gap: 14px;
  padding: 16px 20px;
  border-radius: 9px;
  border: 1px solid #dde6f0;
  background: #f8fafd;
}

.tw-form-section--accent {
  background: #f0f6ff;
  border-color: #bfdbfe;
}

.tw-form-section__header, .tw-quick-panel__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.tw-form-section__copy, .tw-quick-panel__copy { display: grid; gap: 2px; }

.tw-form-section__copy h3, .tw-quick-panel__copy h3 {
  margin: 0;
  font-size: 14px;
  font-weight: 700;
  color: #0f172a;
  letter-spacing: -0.015em;
}

.tw-form-section__copy p, .tw-quick-panel__copy p {
  margin: 0;
  font-size: 12.5px;
  line-height: 1.5;
  color: #64748b;
}

.tw-form-grid { display: grid; gap: 10px; }
.tw-form-grid--two { grid-template-columns: repeat(2, minmax(0, 1fr)); }

.tw-field { display: grid; gap: 5px; }

.tw-field > span {
  font-size: 11px;
  font-weight: 600;
  color: #5a6e88;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.tw-field input, .tw-field select, .tw-field textarea {
  width: 100%;
  min-height: 34px;
  padding: 0 11px;
  border-radius: 7px;
  border: 1px solid #d4dce9;
  background: #fff;
  color: #1e293b;
  font: inherit;
  font-size: 13px;
  transition: border-color 0.1s, box-shadow 0.1s;
}

.tw-field input:focus, .tw-field select:focus, .tw-field textarea:focus {
  outline: none;
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(147 197 253 / 0.15);
}

.tw-field textarea {
  min-height: 100px;
  padding: 10px 11px;
  resize: vertical;
}

.tw-toggle {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 34px;
  padding: 0 11px;
  border-radius: 7px;
  border: 1px solid #d4dce9;
  background: #fff;
  color: #374151;
  font-size: 13px;
  font-weight: 400;
  font-family: inherit;
}

.tw-toggle input { accent-color: #2563eb; }

.tw-callout {
  display: grid;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 8px;
  border: 1px solid #dde6f0;
  background: #f8fafd;
}

.tw-callout--warning { background: #fffbeb; border-color: #fcd34d; }
.tw-callout--danger  { background: #fff1f2; border-color: #fca5a5; }

.tw-callout__text, .tw-note {
  margin: 0;
  font-size: 13px;
  line-height: 1.6;
  color: #64748b;
}

.tw-button-row { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; }

.tw-form-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

.tw-checklist {
  display: grid;
  gap: 5px;
  margin: 0;
  padding-left: 18px;
  color: #64748b;
  font-size: 13px;
  line-height: 1.6;
}

/* ─────────────────────────────────────────────────────────────────
   TABLE
   ─────────────────────────────────────────────────────────────── */

.tw-table-wrap {
  overflow-x: auto;
  max-width: 100%;
}

.tw-table {
  width: 100%;
  min-width: 480px;
  border-collapse: collapse;
}

.tw-page--deals .tw-table {
  min-width: 1800px;
}

.tw-table th, .tw-table td {
  padding: 11px 16px;
  border-bottom: 1px solid #edf1f8;
  text-align: left;
  vertical-align: middle;
  overflow-wrap: anywhere;
}

.tw-table tr:last-child td { border-bottom: 0; }

.tw-table tbody tr { transition: background 0.07s; }
.tw-table tbody tr:hover { background: #f5f8fd; }

.tw-table th {
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #94a3b8;
  background: #f8fafd;
  white-space: nowrap;
  border-bottom: 1px solid #dde6f0;
}

.tw-table td {
  font-size: 13px;
  color: #374151;
}

.tw-table__cell-link { display: grid; gap: 2px; }

.tw-table__cell-link strong {
  font-size: 13px;
  color: #2563eb;
  font-weight: 600;
  letter-spacing: -0.01em;
  text-decoration: none;
}

.tw-table__cell-link strong:hover { text-decoration: underline; }

.tw-table__cell-link span {
  font-size: 11.5px;
  color: #94a3b8;
}

.tw-table__cell-muted {
  font-size: 12.5px;
  color: #94a3b8;
  font-variant-numeric: tabular-nums;
}

.tw-row-actions {
  display: flex;
  align-items: center;
  gap: 4px;
  justify-content: flex-end;
}

.tw-row-actions .tw-button {
  height: 26px;
  padding: 0 8px;
  font-size: 11.5px;
  border-radius: 6px;
}

/* ─────────────────────────────────────────────────────────────────
   INFO LIST / SPLIT
   ─────────────────────────────────────────────────────────────── */

.tw-split {
  display: grid;
  gap: 14px;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
}

.tw-split__pane { min-width: 0; }

.tw-info-list {
  display: grid;
  border: 1px solid #dde6f0;
  border-radius: 9px;
  overflow: hidden;
}

.tw-info-list__row {
  display: grid;
  grid-template-columns: 130px minmax(0, 1fr);
  gap: 12px;
  padding: 10px 16px;
  border-bottom: 1px solid #edf1f8;
  background: #fff;
}

.tw-info-list__row:nth-child(odd) { background: #f8fafd; }
.tw-info-list__row:last-child { border-bottom: 0; }

.tw-info-list__row > span {
  font-size: 10.5px;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #94a3b8;
  font-weight: 600;
  padding-top: 1px;
}

.tw-info-list__row > div {
  min-width: 0;
  font-size: 13px;
  color: #1e293b;
  overflow-wrap: anywhere;
}

/* ─────────────────────────────────────────────────────────────────
   INTAKE
   ─────────────────────────────────────────────────────────────── */

.tw-intake-results { display: grid; gap: 16px; margin-top: 14px; }
.tw-intake-section { display: grid; gap: 5px; }

.tw-intake-section__label {
  margin: 0;
  font-size: 10.5px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  color: #94a3b8;
}

/* ─────────────────────────────────────────────────────────────────
   CHAT / COMMENTS
   ─────────────────────────────────────────────────────────────── */

.tw-chat { display: grid; gap: 14px; min-width: 0; }

.tw-chat__messages {
  display: grid;
  gap: 6px;
  min-height: 240px;
}

.tw-chat__message {
  display: grid;
  gap: 5px;
  padding: 12px 14px;
  border-radius: 8px;
  background: #f8fafd;
  border: 1px solid #e8eef6;
}

.tw-chat__message-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  flex-wrap: wrap;
}

.tw-chat__message-head strong {
  font-size: 13px;
  font-weight: 700;
  color: #1e293b;
  letter-spacing: -0.01em;
}

.tw-chat__message-head span,
.tw-chat__message p,
.tw-chat__composer-footer span {
  font-size: 12.5px;
  line-height: 1.5;
  color: #64748b;
}

.tw-chat__message p { margin: 0; }

.tw-chat__composer {
  display: grid;
  gap: 10px;
  padding: 12px 14px;
  border-radius: 8px;
  background: #f8fafd;
  border: 1px solid #e8eef6;
}

.tw-chat__composer textarea {
  width: 100%;
  min-height: 90px;
  padding: 10px 11px;
  border-radius: 7px;
  border: 1px solid #d4dce9;
  background: #fff;
  color: #1e293b;
  resize: vertical;
  font: inherit;
  font-size: 13px;
}

.tw-chat__composer textarea:focus {
  outline: none;
  border-color: #93c5fd;
  box-shadow: 0 0 0 3px rgba(147 197 253 / 0.15);
}

.tw-chat__composer textarea::placeholder { color: #a8b8c8; }

.tw-chat__composer-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  flex-wrap: wrap;
}

/* ═══════════════════════════════════════════════════════════════════
   KANBAN BOARD  (.board-*)
   Drag & drop доска сделок / лидов / заказ-нарядов — стиль amoCRM
   ═══════════════════════════════════════════════════════════════════ */

.board-root { display: grid; gap: 8px; }

.board-error {
  padding: 10px 14px;
  border-radius: 6px;
  border: 1px solid #fca5a5;
  background: #fff1f2;
  font-size: 13px;
  font-weight: 600;
  color: #dc2626;
}

.board-saving {
  margin: 0;
  font-size: 12px;
  color: #94a3b8;
}

/* Scroll container */
.board-scroll {
  overflow-x: auto;
  overflow-y: visible;
  padding-bottom: 12px;
}

.board-scroll::-webkit-scrollbar { height: 5px; }
.board-scroll::-webkit-scrollbar-track { background: transparent; }
.board-scroll::-webkit-scrollbar-thumb {
  background: rgba(148 163 184 / 0.35);
  border-radius: 4px;
}
.board-scroll::-webkit-scrollbar-thumb:hover {
  background: rgba(148 163 184 / 0.6);
}

.board-grid {
  display: grid;
  grid-auto-flow: column;
  grid-auto-columns: 260px;
  gap: 8px;
  align-items: start;
  min-width: max-content;
}

/* ── Column ─────────────────────────────────────────────────────── */
.board-col {
  display: flex;
  flex-direction: column;
  gap: 0;
  background: #f4f6f9;
  border-radius: 6px;
  overflow: hidden;
  transition: background 0.15s;
}

.board-col--over { background: #e8f0fe; }

/* Цветная полоска сверху колонки */
.board-col__header {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 10px 12px 8px;
  border-bottom: 1px solid #e8ecf2;
  background: #f4f6f9;
}

.board-col__accent {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3px;
  background: #94a3b8;
}

.board-col[data-color="sky"]     .board-col__accent { background: #0ea5e9; }
.board-col[data-color="violet"]  .board-col__accent { background: #8b5cf6; }
.board-col[data-color="emerald"] .board-col__accent { background: #10b981; }
.board-col[data-color="amber"]   .board-col__accent { background: #f59e0b; }
.board-col[data-color="rose"]    .board-col__accent { background: #f43f5e; }
.board-col[data-color="indigo"]  .board-col__accent { background: #6366f1; }

/* Лёгкий тинт заголовка под цвет полоски */
.board-col[data-color="sky"]     .board-col__header { background: #f0f9ff; }
.board-col[data-color="violet"]  .board-col__header { background: #f5f3ff; }
.board-col[data-color="emerald"] .board-col__header { background: #f0fdf4; }
.board-col[data-color="amber"]   .board-col__header { background: #fffbeb; }
.board-col[data-color="rose"]    .board-col__header { background: #fff1f2; }
.board-col[data-color="indigo"]  .board-col__header { background: #eef2ff; }

.board-col__meta { min-width: 0; padding-top: 5px; }

.board-col__title {
  margin: 0;
  font-size: 11px;
  font-weight: 700;
  color: #1e293b;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.board-col__hint {
  margin: 2px 0 0;
  font-size: 11px;
  color: #64748b;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.board-col__cards {
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 6px 6px 10px;
  min-height: 80px;
}

.board-col__empty {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 64px;
  border-radius: 4px;
  border: 1.5px dashed #c8d3e0;
  font-size: 11px;
  color: #a8bace;
  transition: border-color 0.15s, color 0.15s;
  margin: 2px 0;
}

.board-col--over .board-col__empty {
  border-color: #93c5fd;
  color: #3b82f6;
}

/* ── Card — стиль amoCRM ─────────────────────────────────────────── */
.board-card {
  border-radius: 4px;
  border: 1px solid #e2e8f0;
  border-left: 3px solid #94a3b8;
  background: #ffffff;
  cursor: grab;
  transition: border-color 0.1s, box-shadow 0.1s;
  position: relative;
}

/* Цветная левая граница карточки совпадает с цветом колонки */
.board-col[data-color="sky"]     .board-card { border-left-color: #0ea5e9; }
.board-col[data-color="violet"]  .board-card { border-left-color: #8b5cf6; }
.board-col[data-color="emerald"] .board-card { border-left-color: #10b981; }
.board-col[data-color="amber"]   .board-card { border-left-color: #f59e0b; }
.board-col[data-color="rose"]    .board-card { border-left-color: #f43f5e; }
.board-col[data-color="indigo"]  .board-card { border-left-color: #6366f1; }

.board-card:hover {
  border-color: #b8c8dc;
  box-shadow: 0 2px 8px rgba(15 23 42 / 0.08);
}

/* Сохраняем цвет левой границы при hover */
.board-col[data-color="sky"]     .board-card:hover { border-left-color: #0ea5e9; }
.board-col[data-color="violet"]  .board-card:hover { border-left-color: #8b5cf6; }
.board-col[data-color="emerald"] .board-card:hover { border-left-color: #10b981; }
.board-col[data-color="amber"]   .board-card:hover { border-left-color: #f59e0b; }
.board-col[data-color="rose"]    .board-card:hover { border-left-color: #f43f5e; }
.board-col[data-color="indigo"]  .board-card:hover { border-left-color: #6366f1; }

.board-card:active { cursor: grabbing; }

.board-card--dragging {
  opacity: 0.45;
  transform: rotate(1deg) scale(0.98);
  border-color: #93c5fd;
}

.board-card__link,
.board-card__inner {
  display: flex;
  flex-direction: column;
  gap: 3px;
  padding: 8px 10px 8px 9px;
  text-decoration: none;
  color: inherit;
}

/* Строка: ответственный (слева) */
.board-card__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 4px;
  min-width: 0;
  margin-bottom: 1px;
}

.board-card__eyebrow {
  font-size: 11px;
  font-weight: 400;
  color: #94a3b8;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
}

.board-card__date {
  font-size: 10.5px;
  color: #b0bec5;
  white-space: nowrap;
  flex-shrink: 0;
}

/* Название сделки — синяя ссылка */
.board-card__title {
  margin: 0;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.35;
  color: #2563eb;
}

.board-card__link:hover .board-card__title { text-decoration: underline; }

/* Имя клиента */
.board-card__subtitle {
  margin: 0;
  font-size: 12px;
  line-height: 1.35;
  color: #334155;
  font-weight: 500;
}

/* Автомобиль */
.board-card__desc {
  margin: 0;
  font-size: 11px;
  line-height: 1.35;
  color: #64748b;
}

/* Нижняя строка: теги + сумма + точка */
.board-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 6px;
  margin-top: 5px;
}

.board-card__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  min-width: 0;
}

.board-card__pill {
  display: inline-flex;
  align-items: center;
  height: 16px;
  padding: 0 5px;
  border-radius: 3px;
  background: #f1f5f9;
  border: 1px solid #e2e8f0;
  color: #64748b;
  font-size: 10px;
  font-weight: 500;
  white-space: nowrap;
}

.board-card__bottom {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-shrink: 0;
}

.board-card__amount {
  font-size: 12px;
  font-weight: 600;
  color: #1e293b;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.board-card__dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #d0dae8;
}

.board-card__dot[data-activity="fresh"]   { background: #10b981; }
.board-card__dot[data-activity="warning"] { background: #f59e0b; }
.board-card__dot[data-activity="danger"]  { background: #ef4444; }

.tw-surface--board-workspace { overflow: hidden; }
.tw-surface--board-workspace > .tw-surface__body { padding: 0; }

/* ─────────────────────────────────────────────────────────────────
   AMO-LIKE DEAL CARD
   ─────────────────────────────────────────────────────────────── */

.amo-page {
  display: grid;
  grid-template-columns: 386px minmax(0, 1fr);
  min-height: calc(100vh - 80px);
  margin: -12px -16px -20px;
  background: #f4f4f4;
  border: 1px solid #d8dde3;
}

.amo-left {
  min-width: 0;
  background: #fff;
  border-right: 1px solid #d7dce3;
}

.amo-lead-head {
  color: #dce9f4;
  background: #153246;
  border-bottom: 1px solid #10283a;
}

.amo-lead-head__top {
  display: grid;
  grid-template-columns: 20px minmax(0, 1fr) 24px;
  align-items: center;
  gap: 8px;
  min-height: 40px;
  padding: 0 12px;
}

.amo-lead-head__top a,
.amo-lead-head__top span {
  color: #a9bfd3;
  text-decoration: none;
  font-size: 18px;
  line-height: 1;
}

.amo-lead-head__top strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #fff;
  font-size: 18px;
  font-weight: 800;
}

.amo-lead-head__tags {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  padding: 0 12px 9px 32px;
  overflow: hidden;
}

.amo-lead-head__tags span {
  display: inline-flex;
  align-items: center;
  height: 22px;
  max-width: 128px;
  padding: 0 8px;
  border-radius: 2px;
  color: #dce9f4;
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.08);
  font-size: 11px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.amo-stage-select {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 78px;
  gap: 8px;
  padding: 0 12px 10px 32px;
}

.amo-stage-select select,
.amo-stage-select button {
  min-height: 30px;
  border-radius: 2px;
  font-size: 12px;
}

.amo-stage-select select {
  border: 1px solid rgba(255, 255, 255, 0.16);
  color: #fff;
  background: #1c4058;
}

.amo-stage-select button {
  border: 0;
  color: #fff;
  background: #2778c4;
  font-weight: 700;
}

.amo-stage-select button:disabled {
  opacity: 0.48;
  cursor: not-allowed;
}

.amo-tabs {
  display: flex;
  gap: 18px;
  min-width: 0;
  padding: 0 12px;
  overflow-x: auto;
  border-top: 1px solid rgba(255, 255, 255, 0.07);
}

.amo-tabs__item {
  display: inline-flex;
  align-items: center;
  height: 36px;
  color: #8ea7bd;
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
}

.amo-tabs__item--active {
  color: #fff;
  border-bottom: 3px solid #fff;
}

.amo-fields {
  display: grid;
  padding: 12px 0;
}

.amo-fields--contact {
  padding-top: 0;
  border-top: 1px solid #e7ebf0;
}

.amo-field {
  display: grid;
  grid-template-columns: 158px minmax(0, 1fr);
  align-items: start;
  gap: 12px;
  min-height: 25px;
  padding: 4px 14px 4px 20px;
}

.amo-field:hover {
  background: #f7fafc;
}

.amo-field label {
  padding-top: 6px;
  color: #8a95a3;
  font-size: 12px;
  line-height: 1.2;
}

.amo-field > div {
  min-width: 0;
}

.amo-field input,
.amo-field select,
.amo-field textarea {
  width: 100%;
  min-height: 28px;
  padding: 4px 7px;
  border: 1px solid transparent;
  border-radius: 2px;
  color: #303a45;
  background: transparent;
  font-size: 12px;
}

.amo-field textarea {
  min-height: 58px;
  resize: vertical;
}

.amo-field input:hover,
.amo-field select:hover,
.amo-field textarea:hover,
.amo-field input:focus,
.amo-field select:focus,
.amo-field textarea:focus {
  outline: none;
  border-color: #cfd7df;
  background: #fff;
}

.amo-field--muted span {
  display: block;
  padding-top: 6px;
  color: #9aa6b2;
  font-size: 12px;
}

.amo-fields__save {
  padding: 10px 14px 2px 178px;
}

.amo-fields__save button,
.amo-result-line button,
.amo-bottom-composer button,
.amo-stage-dialog button,
.amo-stage-bar__item {
  min-height: 32px;
  padding: 0 14px;
  border: 0;
  border-radius: 2px;
  color: #fff;
  background: #2d7dcc;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.amo-contact-card {
  display: grid;
  grid-template-columns: 34px minmax(0, 1fr) 24px;
  gap: 8px;
  align-items: center;
  padding: 12px 20px;
  border-top: 1px solid #e2e7ec;
  border-bottom: 1px solid #e2e7ec;
  background: #fafbfc;
}

.amo-contact-card__avatar {
  display: grid;
  place-items: center;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  color: #fff;
  background: #34495e;
  font-size: 13px;
  font-weight: 800;
}

.amo-contact-card__body {
  display: grid;
  gap: 4px;
  min-width: 0;
}

.amo-contact-card__body strong {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  color: #354250;
  font-size: 13px;
}

.amo-contact-card__channels {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
}

.amo-contact-card__channels span {
  display: inline-flex;
  align-items: center;
  min-height: 16px;
  padding: 0 5px;
  border-radius: 8px;
  color: #537083;
  background: #edf4f7;
  font-size: 9px;
  font-weight: 700;
}

.amo-contact-card a {
  color: #8897a6;
  text-decoration: none;
  font-size: 18px;
}

.amo-field-settings {
  margin: 0 14px 12px;
  border: 1px solid #dce3ea;
  border-radius: 2px;
  background: #fafbfc;
}

.amo-field-settings summary {
  padding: 9px 10px;
  color: #586777;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
}

.amo-field-settings__create {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 80px;
  gap: 6px;
  padding: 0 10px 10px;
}

.amo-field-settings input {
  min-height: 28px;
  border: 1px solid #cfd7df;
  border-radius: 2px;
  color: #354250;
  background: #fff;
  font-size: 12px;
}

.amo-field-settings button {
  min-height: 28px;
  border: 0;
  border-radius: 2px;
  color: #fff;
  background: #74889a;
  font-size: 11px;
  font-weight: 800;
}

.amo-field-settings__list {
  display: grid;
  gap: 4px;
  max-height: 240px;
  overflow: auto;
  padding: 0 10px 10px;
}

.amo-field-settings__list form {
  display: grid;
  grid-template-columns: minmax(0, 1.3fr) minmax(0, 0.9fr) 78px;
  gap: 6px;
  align-items: center;
}

.amo-field-settings__list label {
  display: flex;
  align-items: center;
  gap: 5px;
  min-width: 0;
  color: #657383;
  font-size: 11px;
}

.amo-field-settings__list span {
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.amo-main {
  display: grid;
  grid-template-rows: auto auto auto minmax(220px, 1fr) auto auto auto;
  min-width: 0;
  background: #f7f7f7;
}

.amo-search {
  display: flex;
  align-items: center;
  min-height: 42px;
  padding: 0 18px;
  border-bottom: 1px solid #dedede;
  color: #9aa1aa;
  background: #fff;
  font-size: 13px;
}

.amo-stage-bar {
  display: flex;
  flex-wrap: wrap;
  gap: 7px;
  padding: 12px 18px;
  border-bottom: 1px solid #e3e3e3;
  background: #fff;
}

.amo-stage-bar form {
  margin: 0;
}

.amo-stage-bar__item {
  color: #34404c;
  background: #e9eef4;
}

.amo-stage-bar__item--active {
  color: #153246;
  background: #c9f15b;
}

.amo-stage-bar__item:disabled {
  cursor: default;
  opacity: 0.74;
}

.amo-stage-dialog {
  position: relative;
}

.amo-stage-dialog summary {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 14px;
  border-radius: 2px;
  color: #34404c;
  background: #ffdfa1;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  list-style: none;
}

.amo-stage-dialog summary::-webkit-details-marker {
  display: none;
}

.amo-stage-dialog form {
  position: absolute;
  z-index: 5;
  top: 38px;
  left: 0;
  display: grid;
  gap: 10px;
  width: 280px;
  padding: 12px;
  border: 1px solid #d1d9e0;
  box-shadow: 0 18px 40px rgba(24, 36, 48, 0.16);
  background: #fff;
}

.amo-stage-dialog label {
  display: grid;
  gap: 4px;
  color: #7d8792;
  font-size: 11px;
}

.amo-stage-dialog input,
.amo-stage-dialog select,
.amo-result-line input,
.amo-bottom-composer input,
.amo-bottom-composer textarea,
.amo-task-composer textarea {
  width: 100%;
  min-height: 32px;
  border: 1px solid #cfd7df;
  border-radius: 2px;
  background: #fff;
  color: #354250;
  font-size: 12px;
}

.amo-today {
  justify-self: center;
  margin: 10px 0 4px;
  padding: 2px 12px;
  border: 1px solid #dedede;
  border-radius: 10px;
  color: #9ca3ad;
  background: #fff;
  font-size: 11px;
}

.amo-feed {
  display: grid;
  align-content: start;
  gap: 10px;
  min-width: 0;
  padding: 8px 18px 24px;
}

.amo-event {
  display: grid;
  grid-template-columns: 32px minmax(0, 1fr);
  gap: 10px;
  max-width: 100%;
}

.amo-event__icon {
  display: grid;
  place-items: center;
  width: 28px;
  height: 28px;
  border: 1px solid #d1d8df;
  border-radius: 50%;
  color: #9aa5b0;
  background: #fff;
  font-size: 13px;
}

.amo-event__body {
  min-width: 0;
  padding: 12px 14px;
  border: 1px solid #dedede;
  border-radius: 2px;
  background: #fff;
  color: #384450;
}

.amo-event__meta {
  margin-bottom: 4px;
  color: #9aa3ad;
  font-size: 11px;
}

.amo-event__body strong {
  display: block;
  margin-bottom: 4px;
  color: #354250;
  font-size: 13px;
}

.amo-event__body p {
  margin: 0;
  color: #52606c;
  font-size: 12px;
  line-height: 1.5;
}

.amo-event--task .amo-event__body {
  border-color: #dfa2b9;
  box-shadow: inset 3px 0 0 #d989a9;
}

.amo-event--task .amo-event__icon,
.amo-event--task-lite .amo-event__icon {
  border-color: #d989a9;
  color: #c06183;
}

.amo-event--system .amo-event__body {
  background: #fbfcfd;
}

.amo-result-line {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 104px;
  gap: 8px;
  margin-top: 10px;
}

.amo-empty-feed {
  padding: 28px;
  text-align: center;
  color: #98a3ad;
  font-size: 13px;
}

.amo-bottom-composer {
  display: grid;
  gap: 10px;
  padding: 12px 18px 18px;
  border-top: 1px solid #dedede;
  background: #fff;
}

.amo-bottom-composer form {
  display: grid;
  gap: 8px;
}

.amo-composer-tabs {
  display: flex;
  gap: 16px;
  min-width: 0;
  color: #8d96a0;
  font-size: 12px;
}

.amo-composer-tabs__item--active {
  color: #2d7dcc;
  border-bottom: 2px solid #2d7dcc;
}

.amo-bottom-composer textarea {
  min-height: 76px;
  resize: vertical;
}

.amo-bottom-composer button {
  justify-self: end;
}

.amo-deal-tasks {
  display: grid;
  gap: 10px;
  padding: 12px 18px 18px;
  border-top: 1px solid #dedede;
  background: #fff;
}

.amo-deal-tasks__head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 12px;
  color: #34404c;
  font-size: 13px;
}

.amo-deal-tasks__head span {
  color: #8d96a0;
  font-size: 11px;
}

.amo-task-composer {
  display: grid;
  gap: 8px;
  grid-template-columns: minmax(0, 1fr) 210px 120px;
}

.amo-task-composer textarea,
.amo-task-composer button {
  grid-column: auto;
}

.amo-task-composer input,
.amo-task-composer select,
.amo-task-composer textarea {
  width: 100%;
  min-height: 32px;
  border: 1px solid #cfd7df;
  border-radius: 2px;
  background: #fff;
  color: #354250;
  font-size: 12px;
}

.amo-checkbox-line {
  display: flex;
  align-items: center;
  gap: 8px;
  padding-left: 14px;
  color: #657383;
  font-size: 12px;
}

.amo-completed {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  padding: 0 18px 18px;
  color: #7b8792;
  font-size: 12px;
}

.amo-completed strong {
  color: #34404c;
}

/* ─────────────────────────────────────────────────────────────────
   Icon util (legacy)
   ─────────────────────────────────────────────────────────────── */

.crm-rail__svg {
  display: block;
  width: 15px;
  height: 15px;
}

/* ═══════════════════════════════════════════════════════════════════
   RESPONSIVE
   ═══════════════════════════════════════════════════════════════════ */

@media (max-width: 1024px) {
  .shell {
    grid-template-columns: 1fr;
    height: auto;
    overflow: visible;
  }

  .shell__sidebar {
    height: auto;
    overflow: visible;
  }

  .shell__main {
    height: auto;
    overflow-y: visible;
  }

  .tw-grid--wide,
  .tw-grid--equal,
  .tw-split,
  .amo-page,
  .dealership-workspace,
  .dealership-amo-layout,
  .dealership-amo-grid--main,
  .dealership-amo-grid--triple,
  .dealership-amo-kpis,
  .tw-create-layout,
  .tw-create-layout--embedded {
    grid-template-columns: 1fr;
  }

  .dealership-funnels__list {
    max-height: 288px;
    overflow: auto;
  }

  .amo-page {
    margin: 0;
    min-height: auto;
  }

  .amo-main {
    min-height: 720px;
  }

  .tw-metrics { flex-wrap: wrap; }

  .sales-deals-summary {
    grid-template-columns: 1fr;
  }

  .deals-filters__layout {
    grid-template-columns: 1fr;
  }

  .deals-filters__tag-list {
    max-height: 320px;
  }

  .deals-live-search__filters-panel {
    width: min(100vw - 48px, 1120px);
  }

  .sales-funnel-metric {
    border-left: 0;
    border-top: 1px solid #e8eef6;
  }

  .tw-metric {
    flex: 1 1 40%;
    border-bottom: 1px solid #e8eef6;
  }

  .tw-metric:nth-last-child(-n+2):not(:nth-child(odd)) {
    border-bottom: none;
  }
}

@media (max-width: 768px) {
  .shell__content { padding: 14px 16px 20px; }

  .tw-header__copy h1,
  .tw-page .tw-header__copy h1 { font-size: 18px; }

  .tw-metric {
    flex: 1 1 100%;
    border-right: none;
    border-bottom: 1px solid #e8eef6;
  }

  .tw-metric:last-child { border-bottom: none; }

  .tw-header__actions {
    flex-direction: column;
    align-items: stretch;
    width: 100%;
  }

  .tw-header__actions .tw-button { width: 100%; }

  .tw-form-grid--two,
  .tw-info-list__row,
  .amo-field,
  .amo-task-composer,
  .amo-result-line { grid-template-columns: 1fr; }

  .deals-filters__topbar {
    grid-template-columns: 1fr;
  }

  .deals-filters__actions {
    flex-direction: column;
    align-items: stretch;
  }

  .deals-filter-range {
    grid-template-columns: 1fr;
  }

  .deals-live-search__field {
    min-width: 0;
    flex-wrap: wrap;
  }

  .deals-live-search__filters-panel {
    right: auto;
    left: 0;
    width: calc(100vw - 32px);
  }

  .amo-fields__save { padding-left: 14px; }

  .amo-stage-dialog form {
    position: static;
    width: 100%;
    margin-top: 8px;
  }

  .tw-link-card { grid-template-columns: 1fr; }

  .dealership-amo-timeline__item,
  .dealership-amo-feed__item {
    grid-template-columns: 1fr;
  }
}

/* ── Tasks page ──────────────────────────────────────────────────────────── */

.tasks-toolbar {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 0 4px;
}

.tasks-toolbar__left,
.tasks-toolbar__right {
  display: flex;
  align-items: center;
  gap: 8px;
}

.tasks-filters-dropdown {
  border: 1px solid #dbe4ef;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 4px 20px rgba(0,0,0,0.08);
  padding: 16px;
  margin-bottom: 8px;
}

.tasks-filters {
  display: flex;
  flex-direction: column;
  gap: 0;
}

.tasks-filters__body {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 12px 16px;
  padding-bottom: 16px;
}

.tasks-filters__group {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.tasks-filters__label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: var(--tw-text-tertiary, #7b8fa6);
}

.tasks-filters__select,
.tasks-filters__input {
  height: 34px;
  min-width: 0;
  padding: 0 10px;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  font-size: 13px;
  color: var(--tw-text-primary, #1a2534);
  background: #fff;
  outline: none;
  width: 100%;
}

.tasks-filters__select:focus,
.tasks-filters__input:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59,130,246,0.12);
}

.tasks-filters__date-range {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 8px;
}

.tasks-filters__date-field {
  display: grid;
  grid-template-columns: 28px minmax(0, 1fr);
  align-items: center;
  gap: 8px;
}

.tasks-filters__date-field span {
  font-size: 12px;
  font-weight: 600;
  color: var(--tw-text-tertiary, #7b8fa6);
}

.tasks-filters__date-range input {
  height: 34px;
  min-width: 0;
  padding: 0 8px;
  border: 1px solid #dbe4ef;
  border-radius: 8px;
  font-size: 13px;
  color: var(--tw-text-primary, #1a2534);
  background: #fff;
  outline: none;
  width: 100%;
}

.tasks-filters__date-range input:focus {
  border-color: #3b82f6;
  box-shadow: 0 0 0 2px rgba(59,130,246,0.12);
}

.deals-filters input[type="date"],
.deals-filters input[type="datetime-local"],
.tasks-filters input[type="date"],
.tasks-filters input[type="datetime-local"],
.tw-card input[type="date"],
.tw-card input[type="datetime-local"],
.tw-panel input[type="date"],
.tw-panel input[type="datetime-local"],
.input-group input[type="date"],
.input-group input[type="datetime-local"] {
  min-width: 0;
  line-height: 1.2;
  color-scheme: light;
}

.deals-filters input[type="date"],
.tasks-filters input[type="date"] {
  padding-right: 8px;
}

.deals-filters input[type="datetime-local"],
.tasks-filters input[type="datetime-local"],
.tw-card input[type="datetime-local"],
.tw-panel input[type="datetime-local"],
.input-group input[type="datetime-local"] {
  padding-right: 10px;
}

.deals-filters input[type="date"]::-webkit-calendar-picker-indicator,
.deals-filters input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.tasks-filters input[type="date"]::-webkit-calendar-picker-indicator,
.tasks-filters input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.tw-card input[type="date"]::-webkit-calendar-picker-indicator,
.tw-card input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.tw-panel input[type="date"]::-webkit-calendar-picker-indicator,
.tw-panel input[type="datetime-local"]::-webkit-calendar-picker-indicator,
.input-group input[type="date"]::-webkit-calendar-picker-indicator,
.input-group input[type="datetime-local"]::-webkit-calendar-picker-indicator {
  width: 16px;
  height: 16px;
  margin-left: 4px;
  opacity: 0.65;
}

.tasks-filters__stages {
  display: flex;
  flex-direction: column;
  gap: 4px;
  max-height: 160px;
  overflow-y: auto;
}

.tasks-filters__stage-check {
  display: flex;
  align-items: center;
  gap: 6px;
  font-size: 13px;
  cursor: pointer;
  padding: 2px 0;
}

.tasks-filters__actions {
  display: flex;
  gap: 8px;
  padding-top: 12px;
  border-top: 1px solid #f0f4f8;
}

/* ── Tasks Kanban ──────────────────────────────────────────────────────────── */

.tasks-kanban {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  padding: 8px 0 16px;
  align-items: stretch;
}

.tasks-kanban__group {
  flex: 0 0 280px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  background: #f8fafc;
  border: 1px solid #e8eef5;
  border-radius: 8px;
  padding: 14px 10px 12px;
  min-height: 104px;
}

.tasks-kanban__group--warning {
  background: #fffafa;
  border-color: #ffe0e0;
}

.tasks-kanban__group-header {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: 8px;
  min-height: 58px;
  padding-bottom: 12px;
  border-bottom: 2px solid #c9cdd3;
  text-align: center;
}

.tasks-kanban__group--overdue .tasks-kanban__group-header {
  border-bottom-color: #ff6b6b;
}

.tasks-kanban__group--today .tasks-kanban__group-header {
  border-bottom-color: #58c99a;
}

.tasks-kanban__group-title {
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #3f4652;
}

.tasks-kanban__group--warning .tasks-kanban__group-title {
  color: #3f4652;
}

.tasks-kanban__group-count {
  font-size: 16px;
  font-weight: 400;
  color: #858b94;
  background: transparent;
  border-radius: 0;
  padding: 0;
  min-width: 0;
  text-align: center;
}

.tasks-kanban__group--warning .tasks-kanban__group-count {
  color: #858b94;
}

.tasks-kanban__cards {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* ── Task Card ──────────────────────────────────────────────────────────────── */

.task-card {
  background: #fff;
  border: 1px solid #e8eef5;
  border-radius: 8px;
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  cursor: pointer;
  transition: box-shadow 0.15s;
}

.task-card:hover {
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
}

.task-card__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 8px;
}

.task-card__title {
  font-size: 13px;
  font-weight: 600;
  color: var(--tw-text-primary, #1a2534);
  text-decoration: none;
  flex: 1;
}

.task-card__title:hover {
  color: #2563eb;
}

.task-card__type {
  font-size: 11px;
  color: var(--tw-text-tertiary, #7b8fa6);
  background: #f0f4f8;
  border-radius: 4px;
  padding: 2px 6px;
  display: inline-block;
}

.task-card__meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.task-card__due {
  font-size: 11px;
  color: var(--tw-text-tertiary, #7b8fa6);
}

.task-card__due--overdue {
  color: #c2410c;
  font-weight: 600;
}

.task-card__assignee {
  font-size: 11px;
  color: var(--tw-text-tertiary, #7b8fa6);
}

@media (min-width: 1440px) {
  .shell { grid-template-columns: 228px minmax(0, 1fr); }
}

@media (min-width: 1920px) {
  .shell { grid-template-columns: 240px minmax(0, 1fr); }

  .shell__content { padding: 24px 32px 32px; }
  .shell__content:has(.funnel-page) { padding: 0; }

  .shell__content .tw-page { max-width: 1600px; }
}

/*!***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.14_react-dom@19.2.4_react@19.2.4__react@19.2.4/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/twenty-ui/src/theme-constants/theme-light.css ***!
  \***************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* This file is generated from packages/twenty-ui/src/theme/constants/.
   Do not edit manually — regenerate by running the generation script. */

.light {
  --t-icon-size-sm: 14;
  --t-icon-size-md: 16;
  --t-icon-size-lg: 20;
  --t-icon-size-xl: 24;
  --t-icon-stroke-sm: 1.6;
  --t-icon-stroke-md: 2;
  --t-icon-stroke-lg: 2.5;
  --t-modal-size-sm-width: 300px;
  --t-modal-size-md-width: 400px;
  --t-modal-size-lg-width: 53%;
  --t-modal-size-xl-width: 1200px;
  --t-modal-size-xl-height: 800px;
  --t-modal-size-fullscreen-width: 100dvw;
  --t-modal-size-fullscreen-height: 100dvh;
  --t-text-line-height-lg: 1.5;
  --t-text-line-height-md: 1.1;
  --t-text-icon-size-medium: 16;
  --t-text-icon-size-small: 14;
  --t-text-icon-strike-light: 1.6;
  --t-text-icon-strike-medium: 2;
  --t-text-icon-strike-bold: 2.5;
  --t-animation-duration-instant: 0.075;
  --t-animation-duration-fast: 0.15;
  --t-animation-duration-normal: 0.3;
  --t-animation-duration-slow: 1.5;
  --t-spacing-multiplicator: 4;
  --t-spacing-0: 0px;
  --t-spacing-1: 4px;
  --t-spacing-2: 8px;
  --t-spacing-3: 12px;
  --t-spacing-4: 16px;
  --t-spacing-5: 20px;
  --t-spacing-6: 24px;
  --t-spacing-7: 28px;
  --t-spacing-8: 32px;
  --t-spacing-9: 36px;
  --t-spacing-10: 40px;
  --t-spacing-11: 44px;
  --t-spacing-12: 48px;
  --t-spacing-13: 52px;
  --t-spacing-14: 56px;
  --t-spacing-15: 60px;
  --t-spacing-16: 64px;
  --t-spacing-17: 68px;
  --t-spacing-18: 72px;
  --t-spacing-19: 76px;
  --t-spacing-20: 80px;
  --t-spacing-21: 84px;
  --t-spacing-22: 88px;
  --t-spacing-23: 92px;
  --t-spacing-24: 96px;
  --t-spacing-25: 100px;
  --t-spacing-26: 104px;
  --t-spacing-27: 108px;
  --t-spacing-28: 112px;
  --t-spacing-29: 116px;
  --t-spacing-30: 120px;
  --t-spacing-31: 124px;
  --t-spacing-32: 128px;
  --t-spacing-0_5: 2px;
  --t-spacing-1_5: 6px;
  --t-between-siblings-gap: 2px;
  --t-table-horizontal-cell-margin: 8px;
  --t-table-checkbox-column-width: 32px;
  --t-table-horizontal-cell-padding: 8px;
  --t-side-panel-width: 500px;
  --t-clickable-element-background-transition: background 0.1s ease;
  --t-last-layer-z-index: 2147483647;
  --t-buttons-secondary-text-color: color(display-p3 0.63 0.69 1);
  --t-accent-primary: color(display-p3 0.831 0.87 1);
  --t-accent-secondary: color(display-p3 0.831 0.87 1);
  --t-accent-tertiary: color(display-p3 0.933 0.948 0.992);
  --t-accent-quaternary: color(display-p3 0.971 0.977 0.998);
  --t-accent-accent3570: color(display-p3 0.569 0.639 0.916);
  --t-accent-accent4060: color(display-p3 0.569 0.639 0.916);
  --t-accent-accent1: color(display-p3 0.992 0.992 0.996);
  --t-accent-accent2: color(display-p3 0.971 0.977 0.998);
  --t-accent-accent3: color(display-p3 0.933 0.948 0.992);
  --t-accent-accent4: color(display-p3 0.885 0.914 1);
  --t-accent-accent5: color(display-p3 0.831 0.87 1);
  --t-accent-accent6: color(display-p3 0.767 0.814 0.995);
  --t-accent-accent7: color(display-p3 0.685 0.74 0.957);
  --t-accent-accent8: color(display-p3 0.569 0.639 0.916);
  --t-accent-accent9: color(display-p3 0.276 0.384 0.837);
  --t-accent-accent10: color(display-p3 0.234 0.343 0.801);
  --t-accent-accent11: color(display-p3 0.256 0.354 0.755);
  --t-accent-accent12: color(display-p3 0.133 0.175 0.348);
  --t-background-noisy: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIYAAABQCAIAAABTfJr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF0WlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNy4xLWMwMDAgNzkuOWNjYzRkZTkzLCAyMDIyLzAzLzE0LTE0OjA3OjIyICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjMuMyAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMjMtMDctMThUMTI6MjY6MzQrMDI6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDIzLTA3LTE4VDEyOjI4OjMyKzAyOjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDIzLTA3LTE4VDEyOjI4OjMyKzAyOjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDphZWU5ZDg2OC04OWRmLTRiMDAtYWQ5ZS0zZDQyMTJjZjNhM2UiIHhtcE1NOkRvY3VtZW50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);
  --t-background-primary: color(display-p3 1 1 1);
  --t-background-secondary: color(display-p3 0.988 0.988 0.988);
  --t-background-tertiary: color(display-p3 0.945 0.945 0.945);
  --t-background-quaternary: color(display-p3 0.922 0.922 0.922);
  --t-background-inverted-primary: color(display-p3 0.2 0.2 0.2);
  --t-background-inverted-secondary: color(display-p3 0.4 0.4 0.4);
  --t-background-danger: color(display-p3 0.985 0.925 0.925);
  --t-background-transparent-primary: color(display-p3 1 1 1 / 0.5);
  --t-background-transparent-secondary: color(display-p3 1 1 1 / 0.4);
  --t-background-transparent-strong: color(display-p3 0 0 0 / 0.161);
  --t-background-transparent-medium: color(display-p3 0 0 0 / 0.078);
  --t-background-transparent-light: color(display-p3 0 0 0 / 0.039);
  --t-background-transparent-lighter: color(display-p3 0 0 0 / 0.02);
  --t-background-transparent-danger: #f3000d14;
  --t-background-transparent-blue: #0047f112;
  --t-background-transparent-orange: #ff9c0029;
  --t-background-transparent-success: #00a43319;
  --t-background-overlay-primary: color(display-p3 0 0 0 / 0.722);
  --t-background-overlay-secondary: color(display-p3 0 0 0 / 0.361);
  --t-background-overlay-tertiary: color(display-p3 0 0 0 / 0.071);
  --t-background-radial-gradient: radial-gradient(
    50% 62.62% at 50% 0%,
    color(display-p3 0.6 0.6 0.6) 0%,
    color(display-p3 0.514 0.514 0.514) 100%
  );
  --t-background-radial-gradient-hover: radial-gradient(
    76.32% 95.59% at 50% 0%,
    color(display-p3 0.514 0.514 0.514) 0%,
    color(display-p3 0.4 0.4 0.4) 100%
  );
  --t-background-primary-inverted: color(display-p3 0.2 0.2 0.2);
  --t-background-primary-inverted-hover: color(display-p3 0.4 0.4 0.4);
  --t-blur-light: blur(6px) saturate(200%) contrast(50%) brightness(130%);
  --t-blur-medium: blur(12px) saturate(200%) contrast(50%) brightness(130%);
  --t-blur-strong: blur(20px) saturate(200%) contrast(50%) brightness(130%);
  --t-border-color-strong: color(display-p3 0.839 0.839 0.839);
  --t-border-color-medium: color(display-p3 0.922 0.922 0.922);
  --t-border-color-light: color(display-p3 0.945 0.945 0.945);
  --t-border-color-secondary-inverted: color(display-p3 0.4 0.4 0.4);
  --t-border-color-inverted: color(display-p3 0.2 0.2 0.2);
  --t-border-color-danger: color(display-p3 0.984 0.812 0.811);
  --t-border-color-blue: color(display-p3 0.685 0.74 0.957);
  --t-border-color-transparent-strong: color(display-p3 0 0 0 / 0.071);
  --t-border-radius-xs: 2px;
  --t-border-radius-sm: 4px;
  --t-border-radius-md: 8px;
  --t-border-radius-xl: 20px;
  --t-border-radius-xxl: 40px;
  --t-border-radius-pill: 999px;
  --t-border-radius-rounded: 100%;
  --t-box-shadow-color: color(display-p3 0 0 0 / 0.039);
  --t-box-shadow-light: 0px 2px 4px 0px color(display-p3 0 0 0 / 0.039),
    0px 0px 4px 0px color(display-p3 0 0 0 / 0.078);
  --t-box-shadow-strong: 2px 4px 16px 0px color(display-p3 0 0 0 / 0.161),
    0px 2px 4px 0px color(display-p3 0 0 0 / 0.078);
  --t-box-shadow-underline: 0px 1px 0px 0px color(display-p3 0 0 0 / 0.361);
  --t-box-shadow-super-heavy: 0px 0px 8px 0px color(display-p3 0 0 0 / 0.161),
    0px 8px 64px -16px color(display-p3 0 0 0 / 0.478),
    0px 24px 56px -16px color(display-p3 0 0 0 / 0.078);
  --t-font-color-primary: color(display-p3 0.2 0.2 0.2);
  --t-font-color-secondary: color(display-p3 0.4 0.4 0.4);
  --t-font-color-tertiary: color(display-p3 0.6 0.6 0.6);
  --t-font-color-light: color(display-p3 0.702 0.702 0.702);
  --t-font-color-extra-light: color(display-p3 0.8 0.8 0.8);
  --t-font-color-inverted: color(display-p3 1 1 1);
  --t-font-color-danger: color(display-p3 0.83 0.329 0.324);
  --t-font-size-xxs: 0.625rem;
  --t-font-size-xs: 0.85rem;
  --t-font-size-sm: 0.92rem;
  --t-font-size-md: 1rem;
  --t-font-size-lg: 1.23rem;
  --t-font-size-xl: 1.54rem;
  --t-font-size-xxl: 1.85rem;
  --t-font-weight-regular: 400;
  --t-font-weight-medium: 500;
  --t-font-weight-semi-bold: 600;
  --t-font-family: Inter, sans-serif;
  --t-name: light;
  --t-snack-bar-success-color: color(display-p3 0.297 0.637 0.581);
  --t-snack-bar-success-background-color: #00a43319;
  --t-snack-bar-error-color: color(display-p3 0.83 0.329 0.324);
  --t-snack-bar-error-background-color: #f3000d14;
  --t-snack-bar-warning-color: color(display-p3 0.9 0.45 0.2);
  --t-snack-bar-warning-background-color: #ff9c0029;
  --t-snack-bar-info-color: color(display-p3 0.276 0.384 0.837);
  --t-snack-bar-info-background-color: #0047f112;
  --t-snack-bar-default-color: color(display-p3 0.2 0.2 0.2);
  --t-snack-bar-default-background-color: color(display-p3 0 0 0 / 0.039);
  --t-tag-text-gray: color(display-p3 0.4 0.4 0.4);
  --t-tag-text-mauve: color(display-p3 0.395 0.388 0.424);
  --t-tag-text-slate: color(display-p3 0.379 0.392 0.421);
  --t-tag-text-sage: color(display-p3 0.377 0.395 0.389);
  --t-tag-text-olive: color(display-p3 0.38 0.395 0.374);
  --t-tag-text-sand: color(display-p3 0.388 0.388 0.37);
  --t-tag-text-tomato: color(display-p3 0.755 0.259 0.152);
  --t-tag-text-red: color(display-p3 0.744 0.234 0.222);
  --t-tag-text-ruby: color(display-p3 0.728 0.211 0.311);
  --t-tag-text-crimson: color(display-p3 0.731 0.195 0.388);
  --t-tag-text-pink: color(display-p3 0.698 0.219 0.528);
  --t-tag-text-plum: color(display-p3 0.543 0.263 0.619);
  --t-tag-text-purple: color(display-p3 0.473 0.281 0.687);
  --t-tag-text-violet: color(display-p3 0.383 0.317 0.702);
  --t-tag-text-iris: color(display-p3 0.337 0.326 0.748);
  --t-tag-text-cyan: color(display-p3 0.08 0.48 0.63);
  --t-tag-text-turquoise: color(display-p3 0.08 0.5 0.43);
  --t-tag-text-sky: color(display-p3 0.193 0.448 0.605);
  --t-tag-text-blue: color(display-p3 0.256 0.354 0.755);
  --t-tag-text-jade: color(display-p3 0.15 0.5 0.37);
  --t-tag-text-green: color(display-p3 0.19 0.5 0.32);
  --t-tag-text-grass: color(display-p3 0.263 0.488 0.261);
  --t-tag-text-mint: color(display-p3 0.203 0.463 0.397);
  --t-tag-text-lime: color(display-p3 0.386 0.482 0.227);
  --t-tag-text-bronze: color(display-p3 0.471 0.373 0.336);
  --t-tag-text-gold: color(display-p3 0.433 0.386 0.305);
  --t-tag-text-brown: color(display-p3 0.485 0.374 0.288);
  --t-tag-text-orange: color(display-p3 0.76 0.34 0);
  --t-tag-text-amber: color(display-p3 0.64 0.4 0);
  --t-tag-text-yellow: color(display-p3 0.6 0.44 0);
  --t-tag-background-gray: color(display-p3 0.976 0.976 0.976);
  --t-tag-background-mauve: color(display-p3 0.946 0.938 0.952);
  --t-tag-background-slate: color(display-p3 0.94 0.941 0.953);
  --t-tag-background-sage: color(display-p3 0.935 0.944 0.94);
  --t-tag-background-olive: color(display-p3 0.939 0.945 0.937);
  --t-tag-background-sand: color(display-p3 0.943 0.942 0.936);
  --t-tag-background-tomato: color(display-p3 0.985 0.924 0.909);
  --t-tag-background-red: color(display-p3 0.985 0.925 0.925);
  --t-tag-background-ruby: color(display-p3 0.983 0.92 0.928);
  --t-tag-background-crimson: color(display-p3 0.987 0.917 0.941);
  --t-tag-background-pink: color(display-p3 0.981 0.917 0.96);
  --t-tag-background-plum: color(display-p3 0.973 0.923 0.98);
  --t-tag-background-purple: color(display-p3 0.963 0.931 0.989);
  --t-tag-background-violet: color(display-p3 0.953 0.943 0.993);
  --t-tag-background-iris: color(display-p3 0.943 0.945 0.992);
  --t-tag-background-cyan: color(display-p3 0.888 0.965 0.975);
  --t-tag-background-turquoise: color(display-p3 0.895 0.971 0.952);
  --t-tag-background-sky: color(display-p3 0.899 0.963 0.989);
  --t-tag-background-blue: color(display-p3 0.933 0.948 0.992);
  --t-tag-background-jade: color(display-p3 0.912 0.965 0.932);
  --t-tag-background-green: color(display-p3 0.913 0.964 0.925);
  --t-tag-background-grass: color(display-p3 0.923 0.965 0.917);
  --t-tag-background-mint: color(display-p3 0.888 0.972 0.95);
  --t-tag-background-lime: color(display-p3 0.939 0.965 0.851);
  --t-tag-background-bronze: color(display-p3 0.958 0.932 0.919);
  --t-tag-background-gold: color(display-p3 0.947 0.94 0.909);
  --t-tag-background-brown: color(display-p3 0.959 0.936 0.909);
  --t-tag-background-orange: color(display-p3 0.989 0.938 0.85);
  --t-tag-background-amber: color(display-p3 0.994 0.969 0.782);
  --t-tag-background-yellow: color(display-p3 0.997 0.982 0.749);
  --t-code-text-gray: color(display-p3 0.514 0.514 0.514);
  --t-code-text-sky: color(display-p3 0.555 0.845 0.959);
  --t-code-text-pink: color(display-p3 0.748 0.27 0.581);
  --t-code-text-orange: color(display-p3 0.877 0.597 0.379);
  --t-code-text-green: color(display-p3 0.585 0.707 0.378);
  --t-code-font-family: DM Mono;
  --t--illustration-icon-color-blue: color(display-p3 0.569 0.639 0.916);
  --t--illustration-icon-color-gray: color(display-p3 0.6 0.6 0.6);
  --t--illustration-icon-fill-blue: color(display-p3 0.831 0.87 1);
  --t--illustration-icon-fill-gray: color(display-p3 0.922 0.922 0.922);
  --t-gray-scale-gray1: color(display-p3 1 1 1);
  --t-gray-scale-gray2: color(display-p3 0.988 0.988 0.988);
  --t-gray-scale-gray3: color(display-p3 0.976 0.976 0.976);
  --t-gray-scale-gray4: color(display-p3 0.945 0.945 0.945);
  --t-gray-scale-gray5: color(display-p3 0.922 0.922 0.922);
  --t-gray-scale-gray6: color(display-p3 0.839 0.839 0.839);
  --t-gray-scale-gray7: color(display-p3 0.8 0.8 0.8);
  --t-gray-scale-gray8: color(display-p3 0.702 0.702 0.702);
  --t-gray-scale-gray9: color(display-p3 0.6 0.6 0.6);
  --t-gray-scale-gray10: color(display-p3 0.514 0.514 0.514);
  --t-gray-scale-gray11: color(display-p3 0.4 0.4 0.4);
  --t-gray-scale-gray12: color(display-p3 0.2 0.2 0.2);
  --t-color-red: color(display-p3 0.83 0.329 0.324);
  --t-color-ruby: color(display-p3 0.83 0.323 0.408);
  --t-color-crimson: color(display-p3 0.843 0.298 0.507);
  --t-color-tomato: color(display-p3 0.831 0.345 0.231);
  --t-color-orange: color(display-p3 0.9 0.45 0.2);
  --t-color-amber: color(display-p3 1 0.77 0.26);
  --t-color-yellow: color(display-p3 1 0.92 0.22);
  --t-color-lime: color(display-p3 0.78 0.928 0.466);
  --t-color-grass: color(display-p3 0.38 0.647 0.378);
  --t-color-green: color(display-p3 0.332 0.634 0.442);
  --t-color-jade: color(display-p3 0.319 0.63 0.521);
  --t-color-mint: color(display-p3 0.62 0.908 0.834);
  --t-color-turquoise: color(display-p3 0.297 0.637 0.581);
  --t-color-cyan: color(display-p3 0.282 0.627 0.765);
  --t-color-sky: color(display-p3 0.585 0.877 0.983);
  --t-color-blue: color(display-p3 0.276 0.384 0.837);
  --t-color-iris: color(display-p3 0.357 0.357 0.81);
  --t-color-violet: color(display-p3 0.417 0.341 0.784);
  --t-color-purple: color(display-p3 0.523 0.318 0.751);
  --t-color-plum: color(display-p3 0.624 0.313 0.708);
  --t-color-pink: color(display-p3 0.775 0.297 0.61);
  --t-color-bronze: color(display-p3 0.611 0.507 0.455);
  --t-color-gold: color(display-p3 0.579 0.517 0.41);
  --t-color-brown: color(display-p3 0.651 0.505 0.368);
  --t-color-gray: color(display-p3 0.6 0.6 0.6);
  --t-color-yellow1: color(display-p3 0.992 0.992 0.978);
  --t-color-yellow2: color(display-p3 0.995 0.99 0.922);
  --t-color-yellow3: color(display-p3 0.997 0.982 0.749);
  --t-color-yellow4: color(display-p3 0.992 0.953 0.627);
  --t-color-yellow5: color(display-p3 0.984 0.91 0.51);
  --t-color-yellow6: color(display-p3 0.934 0.847 0.474);
  --t-color-yellow7: color(display-p3 0.876 0.785 0.46);
  --t-color-yellow8: color(display-p3 0.811 0.689 0.313);
  --t-color-yellow9: color(display-p3 1 0.92 0.22);
  --t-color-yellow10: color(display-p3 0.977 0.868 0.291);
  --t-color-yellow11: color(display-p3 0.6 0.44 0);
  --t-color-yellow12: color(display-p3 0.271 0.233 0.137);
  --t-color-green1: color(display-p3 0.986 0.996 0.989);
  --t-color-green2: color(display-p3 0.963 0.983 0.967);
  --t-color-green3: color(display-p3 0.913 0.964 0.925);
  --t-color-green4: color(display-p3 0.859 0.94 0.879);
  --t-color-green5: color(display-p3 0.796 0.907 0.826);
  --t-color-green6: color(display-p3 0.718 0.863 0.761);
  --t-color-green7: color(display-p3 0.61 0.801 0.675);
  --t-color-green8: color(display-p3 0.451 0.715 0.559);
  --t-color-green9: color(display-p3 0.332 0.634 0.442);
  --t-color-green10: color(display-p3 0.308 0.595 0.417);
  --t-color-green11: color(display-p3 0.19 0.5 0.32);
  --t-color-green12: color(display-p3 0.132 0.228 0.18);
  --t-color-turquoise1: color(display-p3 0.983 0.996 0.992);
  --t-color-turquoise2: color(display-p3 0.958 0.983 0.976);
  --t-color-turquoise3: color(display-p3 0.895 0.971 0.952);
  --t-color-turquoise4: color(display-p3 0.831 0.949 0.92);
  --t-color-turquoise5: color(display-p3 0.761 0.914 0.878);
  --t-color-turquoise6: color(display-p3 0.682 0.864 0.825);
  --t-color-turquoise7: color(display-p3 0.581 0.798 0.756);
  --t-color-turquoise8: color(display-p3 0.433 0.716 0.671);
  --t-color-turquoise9: color(display-p3 0.297 0.637 0.581);
  --t-color-turquoise10: color(display-p3 0.275 0.599 0.542);
  --t-color-turquoise11: color(display-p3 0.08 0.5 0.43);
  --t-color-turquoise12: color(display-p3 0.11 0.235 0.219);
  --t-color-sky1: color(display-p3 0.98 0.995 0.999);
  --t-color-sky2: color(display-p3 0.953 0.98 0.99);
  --t-color-sky3: color(display-p3 0.899 0.963 0.989);
  --t-color-sky4: color(display-p3 0.842 0.937 0.977);
  --t-color-sky5: color(display-p3 0.777 0.9 0.954);
  --t-color-sky6: color(display-p3 0.701 0.851 0.921);
  --t-color-sky7: color(display-p3 0.604 0.785 0.879);
  --t-color-sky8: color(display-p3 0.457 0.696 0.829);
  --t-color-sky9: color(display-p3 0.585 0.877 0.983);
  --t-color-sky10: color(display-p3 0.555 0.845 0.959);
  --t-color-sky11: color(display-p3 0.193 0.448 0.605);
  --t-color-sky12: color(display-p3 0.145 0.241 0.329);
  --t-color-blue1: color(display-p3 0.992 0.992 0.996);
  --t-color-blue2: color(display-p3 0.971 0.977 0.998);
  --t-color-blue3: color(display-p3 0.933 0.948 0.992);
  --t-color-blue4: color(display-p3 0.885 0.914 1);
  --t-color-blue5: color(display-p3 0.831 0.87 1);
  --t-color-blue6: color(display-p3 0.767 0.814 0.995);
  --t-color-blue7: color(display-p3 0.685 0.74 0.957);
  --t-color-blue8: color(display-p3 0.569 0.639 0.916);
  --t-color-blue9: color(display-p3 0.276 0.384 0.837);
  --t-color-blue10: color(display-p3 0.234 0.343 0.801);
  --t-color-blue11: color(display-p3 0.256 0.354 0.755);
  --t-color-blue12: color(display-p3 0.133 0.175 0.348);
  --t-color-purple1: color(display-p3 0.995 0.988 0.996);
  --t-color-purple2: color(display-p3 0.983 0.971 0.993);
  --t-color-purple3: color(display-p3 0.963 0.931 0.989);
  --t-color-purple4: color(display-p3 0.937 0.888 0.981);
  --t-color-purple5: color(display-p3 0.904 0.837 0.966);
  --t-color-purple6: color(display-p3 0.86 0.774 0.942);
  --t-color-purple7: color(display-p3 0.799 0.69 0.91);
  --t-color-purple8: color(display-p3 0.719 0.583 0.874);
  --t-color-purple9: color(display-p3 0.523 0.318 0.751);
  --t-color-purple10: color(display-p3 0.483 0.289 0.7);
  --t-color-purple11: color(display-p3 0.473 0.281 0.687);
  --t-color-purple12: color(display-p3 0.234 0.132 0.363);
  --t-color-pink1: color(display-p3 0.998 0.989 0.996);
  --t-color-pink2: color(display-p3 0.992 0.97 0.985);
  --t-color-pink3: color(display-p3 0.981 0.917 0.96);
  --t-color-pink4: color(display-p3 0.963 0.867 0.932);
  --t-color-pink5: color(display-p3 0.939 0.815 0.899);
  --t-color-pink6: color(display-p3 0.907 0.756 0.859);
  --t-color-pink7: color(display-p3 0.869 0.683 0.81);
  --t-color-pink8: color(display-p3 0.825 0.59 0.751);
  --t-color-pink9: color(display-p3 0.775 0.297 0.61);
  --t-color-pink10: color(display-p3 0.748 0.27 0.581);
  --t-color-pink11: color(display-p3 0.698 0.219 0.528);
  --t-color-pink12: color(display-p3 0.363 0.101 0.279);
  --t-color-red1: color(display-p3 0.998 0.989 0.988);
  --t-color-red2: color(display-p3 0.995 0.971 0.971);
  --t-color-red3: color(display-p3 0.985 0.925 0.925);
  --t-color-red4: color(display-p3 0.999 0.866 0.866);
  --t-color-red5: color(display-p3 0.984 0.812 0.811);
  --t-color-red6: color(display-p3 0.955 0.751 0.749);
  --t-color-red7: color(display-p3 0.915 0.675 0.672);
  --t-color-red8: color(display-p3 0.872 0.575 0.572);
  --t-color-red9: color(display-p3 0.83 0.329 0.324);
  --t-color-red10: color(display-p3 0.798 0.294 0.285);
  --t-color-red11: color(display-p3 0.744 0.234 0.222);
  --t-color-red12: color(display-p3 0.36 0.115 0.143);
  --t-color-orange1: color(display-p3 0.995 0.988 0.985);
  --t-color-orange2: color(display-p3 0.994 0.968 0.934);
  --t-color-orange3: color(display-p3 0.989 0.938 0.85);
  --t-color-orange4: color(display-p3 1 0.874 0.687);
  --t-color-orange5: color(display-p3 1 0.821 0.583);
  --t-color-orange6: color(display-p3 0.975 0.767 0.545);
  --t-color-orange7: color(display-p3 0.919 0.693 0.486);
  --t-color-orange8: color(display-p3 0.877 0.597 0.379);
  --t-color-orange9: color(display-p3 0.9 0.45 0.2);
  --t-color-orange10: color(display-p3 0.87 0.409 0.164);
  --t-color-orange11: color(display-p3 0.76 0.34 0);
  --t-color-orange12: color(display-p3 0.323 0.185 0.127);
  --t-color-gray1: color(display-p3 1 1 1);
  --t-color-gray2: color(display-p3 0.988 0.988 0.988);
  --t-color-gray3: color(display-p3 0.976 0.976 0.976);
  --t-color-gray4: color(display-p3 0.945 0.945 0.945);
  --t-color-gray5: color(display-p3 0.922 0.922 0.922);
  --t-color-gray6: color(display-p3 0.839 0.839 0.839);
  --t-color-gray7: color(display-p3 0.8 0.8 0.8);
  --t-color-gray8: color(display-p3 0.702 0.702 0.702);
  --t-color-gray9: color(display-p3 0.6 0.6 0.6);
  --t-color-gray10: color(display-p3 0.514 0.514 0.514);
  --t-color-gray11: color(display-p3 0.4 0.4 0.4);
  --t-color-gray12: color(display-p3 0.2 0.2 0.2);
  --t-color-mauve1: color(display-p3 0.991 0.988 0.992);
  --t-color-mauve2: color(display-p3 0.98 0.976 0.984);
  --t-color-mauve3: color(display-p3 0.946 0.938 0.952);
  --t-color-mauve4: color(display-p3 0.915 0.906 0.925);
  --t-color-mauve5: color(display-p3 0.886 0.876 0.901);
  --t-color-mauve6: color(display-p3 0.856 0.846 0.875);
  --t-color-mauve7: color(display-p3 0.814 0.804 0.84);
  --t-color-mauve8: color(display-p3 0.735 0.728 0.777);
  --t-color-mauve9: color(display-p3 0.555 0.549 0.596);
  --t-color-mauve10: color(display-p3 0.514 0.508 0.552);
  --t-color-mauve11: color(display-p3 0.395 0.388 0.424);
  --t-color-mauve12: color(display-p3 0.128 0.122 0.147);
  --t-color-slate1: color(display-p3 0.988 0.988 0.992);
  --t-color-slate2: color(display-p3 0.976 0.976 0.984);
  --t-color-slate3: color(display-p3 0.94 0.941 0.953);
  --t-color-slate4: color(display-p3 0.908 0.909 0.925);
  --t-color-slate5: color(display-p3 0.88 0.881 0.901);
  --t-color-slate6: color(display-p3 0.85 0.852 0.876);
  --t-color-slate7: color(display-p3 0.805 0.808 0.838);
  --t-color-slate8: color(display-p3 0.727 0.733 0.773);
  --t-color-slate9: color(display-p3 0.547 0.553 0.592);
  --t-color-slate10: color(display-p3 0.503 0.512 0.549);
  --t-color-slate11: color(display-p3 0.379 0.392 0.421);
  --t-color-slate12: color(display-p3 0.113 0.125 0.14);
  --t-color-sage1: color(display-p3 0.986 0.992 0.988);
  --t-color-sage2: color(display-p3 0.97 0.977 0.974);
  --t-color-sage3: color(display-p3 0.935 0.944 0.94);
  --t-color-sage4: color(display-p3 0.904 0.913 0.909);
  --t-color-sage5: color(display-p3 0.875 0.885 0.88);
  --t-color-sage6: color(display-p3 0.844 0.854 0.849);
  --t-color-sage7: color(display-p3 0.8 0.811 0.806);
  --t-color-sage8: color(display-p3 0.725 0.738 0.732);
  --t-color-sage9: color(display-p3 0.531 0.556 0.546);
  --t-color-sage10: color(display-p3 0.492 0.515 0.506);
  --t-color-sage11: color(display-p3 0.377 0.395 0.389);
  --t-color-sage12: color(display-p3 0.107 0.129 0.118);
  --t-color-olive1: color(display-p3 0.989 0.992 0.989);
  --t-color-olive2: color(display-p3 0.974 0.98 0.973);
  --t-color-olive3: color(display-p3 0.939 0.945 0.937);
  --t-color-olive4: color(display-p3 0.907 0.914 0.905);
  --t-color-olive5: color(display-p3 0.878 0.885 0.875);
  --t-color-olive6: color(display-p3 0.846 0.855 0.843);
  --t-color-olive7: color(display-p3 0.803 0.812 0.8);
  --t-color-olive8: color(display-p3 0.727 0.738 0.723);
  --t-color-olive9: color(display-p3 0.541 0.556 0.532);
  --t-color-olive10: color(display-p3 0.5 0.515 0.491);
  --t-color-olive11: color(display-p3 0.38 0.395 0.374);
  --t-color-olive12: color(display-p3 0.117 0.129 0.111);
  --t-color-sand1: color(display-p3 0.992 0.992 0.989);
  --t-color-sand2: color(display-p3 0.977 0.977 0.973);
  --t-color-sand3: color(display-p3 0.943 0.942 0.936);
  --t-color-sand4: color(display-p3 0.913 0.912 0.903);
  --t-color-sand5: color(display-p3 0.885 0.883 0.873);
  --t-color-sand6: color(display-p3 0.854 0.852 0.839);
  --t-color-sand7: color(display-p3 0.813 0.81 0.794);
  --t-color-sand8: color(display-p3 0.738 0.734 0.713);
  --t-color-sand9: color(display-p3 0.553 0.553 0.528);
  --t-color-sand10: color(display-p3 0.511 0.511 0.488);
  --t-color-sand11: color(display-p3 0.388 0.388 0.37);
  --t-color-sand12: color(display-p3 0.129 0.126 0.111);
  --t-color-tomato1: color(display-p3 0.998 0.989 0.988);
  --t-color-tomato2: color(display-p3 0.994 0.974 0.969);
  --t-color-tomato3: color(display-p3 0.985 0.924 0.909);
  --t-color-tomato4: color(display-p3 0.996 0.868 0.835);
  --t-color-tomato5: color(display-p3 0.98 0.812 0.77);
  --t-color-tomato6: color(display-p3 0.953 0.75 0.698);
  --t-color-tomato7: color(display-p3 0.917 0.673 0.611);
  --t-color-tomato8: color(display-p3 0.875 0.575 0.502);
  --t-color-tomato9: color(display-p3 0.831 0.345 0.231);
  --t-color-tomato10: color(display-p3 0.802 0.313 0.2);
  --t-color-tomato11: color(display-p3 0.755 0.259 0.152);
  --t-color-tomato12: color(display-p3 0.335 0.165 0.132);
  --t-color-ruby1: color(display-p3 0.998 0.989 0.992);
  --t-color-ruby2: color(display-p3 0.995 0.971 0.974);
  --t-color-ruby3: color(display-p3 0.983 0.92 0.928);
  --t-color-ruby4: color(display-p3 0.987 0.869 0.885);
  --t-color-ruby5: color(display-p3 0.968 0.817 0.839);
  --t-color-ruby6: color(display-p3 0.937 0.758 0.786);
  --t-color-ruby7: color(display-p3 0.897 0.685 0.721);
  --t-color-ruby8: color(display-p3 0.851 0.588 0.639);
  --t-color-ruby9: color(display-p3 0.83 0.323 0.408);
  --t-color-ruby10: color(display-p3 0.795 0.286 0.375);
  --t-color-ruby11: color(display-p3 0.728 0.211 0.311);
  --t-color-ruby12: color(display-p3 0.36 0.115 0.171);
  --t-color-crimson1: color(display-p3 0.998 0.989 0.992);
  --t-color-crimson2: color(display-p3 0.991 0.969 0.976);
  --t-color-crimson3: color(display-p3 0.987 0.917 0.941);
  --t-color-crimson4: color(display-p3 0.975 0.866 0.904);
  --t-color-crimson5: color(display-p3 0.953 0.813 0.864);
  --t-color-crimson6: color(display-p3 0.921 0.755 0.817);
  --t-color-crimson7: color(display-p3 0.88 0.683 0.761);
  --t-color-crimson8: color(display-p3 0.834 0.592 0.694);
  --t-color-crimson9: color(display-p3 0.843 0.298 0.507);
  --t-color-crimson10: color(display-p3 0.807 0.266 0.468);
  --t-color-crimson11: color(display-p3 0.731 0.195 0.388);
  --t-color-crimson12: color(display-p3 0.352 0.111 0.221);
  --t-color-plum1: color(display-p3 0.995 0.988 0.999);
  --t-color-plum2: color(display-p3 0.988 0.971 0.99);
  --t-color-plum3: color(display-p3 0.973 0.923 0.98);
  --t-color-plum4: color(display-p3 0.953 0.875 0.966);
  --t-color-plum5: color(display-p3 0.926 0.825 0.945);
  --t-color-plum6: color(display-p3 0.89 0.765 0.916);
  --t-color-plum7: color(display-p3 0.84 0.686 0.877);
  --t-color-plum8: color(display-p3 0.775 0.58 0.832);
  --t-color-plum9: color(display-p3 0.624 0.313 0.708);
  --t-color-plum10: color(display-p3 0.587 0.29 0.667);
  --t-color-plum11: color(display-p3 0.543 0.263 0.619);
  --t-color-plum12: color(display-p3 0.299 0.114 0.352);
  --t-color-violet1: color(display-p3 0.991 0.988 0.995);
  --t-color-violet2: color(display-p3 0.978 0.974 0.998);
  --t-color-violet3: color(display-p3 0.953 0.943 0.993);
  --t-color-violet4: color(display-p3 0.916 0.897 1);
  --t-color-violet5: color(display-p3 0.876 0.851 1);
  --t-color-violet6: color(display-p3 0.825 0.793 0.981);
  --t-color-violet7: color(display-p3 0.752 0.712 0.943);
  --t-color-violet8: color(display-p3 0.654 0.602 0.902);
  --t-color-violet9: color(display-p3 0.417 0.341 0.784);
  --t-color-violet10: color(display-p3 0.381 0.306 0.741);
  --t-color-violet11: color(display-p3 0.383 0.317 0.702);
  --t-color-violet12: color(display-p3 0.179 0.15 0.359);
  --t-color-iris1: color(display-p3 0.992 0.992 0.999);
  --t-color-iris2: color(display-p3 0.972 0.973 0.998);
  --t-color-iris3: color(display-p3 0.943 0.945 0.992);
  --t-color-iris4: color(display-p3 0.902 0.906 1);
  --t-color-iris5: color(display-p3 0.857 0.861 1);
  --t-color-iris6: color(display-p3 0.799 0.805 0.987);
  --t-color-iris7: color(display-p3 0.721 0.727 0.955);
  --t-color-iris8: color(display-p3 0.61 0.619 0.918);
  --t-color-iris9: color(display-p3 0.357 0.357 0.81);
  --t-color-iris10: color(display-p3 0.318 0.318 0.774);
  --t-color-iris11: color(display-p3 0.337 0.326 0.748);
  --t-color-iris12: color(display-p3 0.154 0.161 0.371);
  --t-color-cyan1: color(display-p3 0.982 0.992 0.996);
  --t-color-cyan2: color(display-p3 0.955 0.981 0.984);
  --t-color-cyan3: color(display-p3 0.888 0.965 0.975);
  --t-color-cyan4: color(display-p3 0.821 0.941 0.959);
  --t-color-cyan5: color(display-p3 0.751 0.907 0.935);
  --t-color-cyan6: color(display-p3 0.671 0.862 0.9);
  --t-color-cyan7: color(display-p3 0.564 0.8 0.854);
  --t-color-cyan8: color(display-p3 0.388 0.715 0.798);
  --t-color-cyan9: color(display-p3 0.282 0.627 0.765);
  --t-color-cyan10: color(display-p3 0.264 0.583 0.71);
  --t-color-cyan11: color(display-p3 0.08 0.48 0.63);
  --t-color-cyan12: color(display-p3 0.108 0.232 0.277);
  --t-color-jade1: color(display-p3 0.986 0.996 0.992);
  --t-color-jade2: color(display-p3 0.962 0.983 0.969);
  --t-color-jade3: color(display-p3 0.912 0.965 0.932);
  --t-color-jade4: color(display-p3 0.858 0.941 0.893);
  --t-color-jade5: color(display-p3 0.795 0.909 0.847);
  --t-color-jade6: color(display-p3 0.715 0.864 0.791);
  --t-color-jade7: color(display-p3 0.603 0.802 0.718);
  --t-color-jade8: color(display-p3 0.44 0.72 0.629);
  --t-color-jade9: color(display-p3 0.319 0.63 0.521);
  --t-color-jade10: color(display-p3 0.299 0.592 0.488);
  --t-color-jade11: color(display-p3 0.15 0.5 0.37);
  --t-color-jade12: color(display-p3 0.142 0.229 0.194);
  --t-color-grass1: color(display-p3 0.986 0.996 0.985);
  --t-color-grass2: color(display-p3 0.966 0.983 0.964);
  --t-color-grass3: color(display-p3 0.923 0.965 0.917);
  --t-color-grass4: color(display-p3 0.872 0.94 0.865);
  --t-color-grass5: color(display-p3 0.811 0.908 0.802);
  --t-color-grass6: color(display-p3 0.733 0.864 0.724);
  --t-color-grass7: color(display-p3 0.628 0.803 0.622);
  --t-color-grass8: color(display-p3 0.477 0.72 0.482);
  --t-color-grass9: color(display-p3 0.38 0.647 0.378);
  --t-color-grass10: color(display-p3 0.344 0.598 0.342);
  --t-color-grass11: color(display-p3 0.263 0.488 0.261);
  --t-color-grass12: color(display-p3 0.151 0.233 0.153);
  --t-color-mint1: color(display-p3 0.98 0.995 0.992);
  --t-color-mint2: color(display-p3 0.957 0.985 0.977);
  --t-color-mint3: color(display-p3 0.888 0.972 0.95);
  --t-color-mint4: color(display-p3 0.819 0.951 0.916);
  --t-color-mint5: color(display-p3 0.747 0.918 0.873);
  --t-color-mint6: color(display-p3 0.668 0.87 0.818);
  --t-color-mint7: color(display-p3 0.567 0.805 0.744);
  --t-color-mint8: color(display-p3 0.42 0.724 0.649);
  --t-color-mint9: color(display-p3 0.62 0.908 0.834);
  --t-color-mint10: color(display-p3 0.585 0.871 0.797);
  --t-color-mint11: color(display-p3 0.203 0.463 0.397);
  --t-color-mint12: color(display-p3 0.136 0.259 0.236);
  --t-color-lime1: color(display-p3 0.989 0.992 0.981);
  --t-color-lime2: color(display-p3 0.975 0.98 0.954);
  --t-color-lime3: color(display-p3 0.939 0.965 0.851);
  --t-color-lime4: color(display-p3 0.896 0.94 0.76);
  --t-color-lime5: color(display-p3 0.843 0.903 0.678);
  --t-color-lime6: color(display-p3 0.778 0.852 0.599);
  --t-color-lime7: color(display-p3 0.694 0.784 0.508);
  --t-color-lime8: color(display-p3 0.585 0.707 0.378);
  --t-color-lime9: color(display-p3 0.78 0.928 0.466);
  --t-color-lime10: color(display-p3 0.734 0.896 0.397);
  --t-color-lime11: color(display-p3 0.386 0.482 0.227);
  --t-color-lime12: color(display-p3 0.222 0.25 0.128);
  --t-color-bronze1: color(display-p3 0.991 0.988 0.988);
  --t-color-bronze2: color(display-p3 0.989 0.97 0.961);
  --t-color-bronze3: color(display-p3 0.958 0.932 0.919);
  --t-color-bronze4: color(display-p3 0.929 0.894 0.877);
  --t-color-bronze5: color(display-p3 0.898 0.853 0.832);
  --t-color-bronze6: color(display-p3 0.861 0.805 0.778);
  --t-color-bronze7: color(display-p3 0.812 0.739 0.706);
  --t-color-bronze8: color(display-p3 0.741 0.647 0.606);
  --t-color-bronze9: color(display-p3 0.611 0.507 0.455);
  --t-color-bronze10: color(display-p3 0.563 0.461 0.414);
  --t-color-bronze11: color(display-p3 0.471 0.373 0.336);
  --t-color-bronze12: color(display-p3 0.251 0.191 0.172);
  --t-color-gold1: color(display-p3 0.992 0.992 0.989);
  --t-color-gold2: color(display-p3 0.98 0.976 0.953);
  --t-color-gold3: color(display-p3 0.947 0.94 0.909);
  --t-color-gold4: color(display-p3 0.914 0.904 0.865);
  --t-color-gold5: color(display-p3 0.88 0.865 0.816);
  --t-color-gold6: color(display-p3 0.84 0.818 0.756);
  --t-color-gold7: color(display-p3 0.788 0.753 0.677);
  --t-color-gold8: color(display-p3 0.715 0.66 0.565);
  --t-color-gold9: color(display-p3 0.579 0.517 0.41);
  --t-color-gold10: color(display-p3 0.538 0.479 0.38);
  --t-color-gold11: color(display-p3 0.433 0.386 0.305);
  --t-color-gold12: color(display-p3 0.227 0.209 0.173);
  --t-color-brown1: color(display-p3 0.995 0.992 0.989);
  --t-color-brown2: color(display-p3 0.987 0.976 0.964);
  --t-color-brown3: color(display-p3 0.959 0.936 0.909);
  --t-color-brown4: color(display-p3 0.934 0.897 0.855);
  --t-color-brown5: color(display-p3 0.909 0.856 0.798);
  --t-color-brown6: color(display-p3 0.88 0.808 0.73);
  --t-color-brown7: color(display-p3 0.841 0.742 0.639);
  --t-color-brown8: color(display-p3 0.782 0.647 0.514);
  --t-color-brown9: color(display-p3 0.651 0.505 0.368);
  --t-color-brown10: color(display-p3 0.601 0.465 0.344);
  --t-color-brown11: color(display-p3 0.485 0.374 0.288);
  --t-color-brown12: color(display-p3 0.236 0.202 0.183);
  --t-color-amber1: color(display-p3 0.995 0.992 0.985);
  --t-color-amber2: color(display-p3 0.994 0.986 0.921);
  --t-color-amber3: color(display-p3 0.994 0.969 0.782);
  --t-color-amber4: color(display-p3 0.989 0.937 0.65);
  --t-color-amber5: color(display-p3 0.97 0.902 0.527);
  --t-color-amber6: color(display-p3 0.936 0.844 0.506);
  --t-color-amber7: color(display-p3 0.89 0.762 0.443);
  --t-color-amber8: color(display-p3 0.85 0.65 0.3);
  --t-color-amber9: color(display-p3 1 0.77 0.26);
  --t-color-amber10: color(display-p3 0.959 0.741 0.274);
  --t-color-amber11: color(display-p3 0.64 0.4 0);
  --t-color-amber12: color(display-p3 0.294 0.208 0.145);
  --t-color-transparent-green1: #00c04004;
  --t-color-transparent-green2: #00a32f0b;
  --t-color-transparent-green3: #00a43319;
  --t-color-transparent-green4: #00a83829;
  --t-color-transparent-green5: #019c393b;
  --t-color-transparent-green6: #00963c52;
  --t-color-transparent-green7: #00914071;
  --t-color-transparent-green8: #00924ba4;
  --t-color-transparent-green9: #008f4acf;
  --t-color-transparent-green10: #008647d4;
  --t-color-transparent-green11: #00713fde;
  --t-color-transparent-green12: #002616e6;
  --t-color-transparent-turquoise1: #00cc9905;
  --t-color-transparent-turquoise2: #00aa800c;
  --t-color-transparent-turquoise3: #00c69d1f;
  --t-color-transparent-turquoise4: #00c39633;
  --t-color-transparent-turquoise5: #00b49047;
  --t-color-transparent-turquoise6: #00a6855e;
  --t-color-transparent-turquoise7: #0099807c;
  --t-color-transparent-turquoise8: #009783ac;
  --t-color-transparent-turquoise9: #009e8ced;
  --t-color-transparent-turquoise10: #009684f2;
  --t-color-transparent-turquoise11: #008573;
  --t-color-transparent-turquoise12: #00332df2;
  --t-color-transparent-sky1: #00d5ff06;
  --t-color-transparent-sky2: #00a4db0e;
  --t-color-transparent-sky3: #00b3ee1e;
  --t-color-transparent-sky4: #00ace42e;
  --t-color-transparent-sky5: #00a1d841;
  --t-color-transparent-sky6: #0092ca56;
  --t-color-transparent-sky7: #0089c172;
  --t-color-transparent-sky8: #0085bf9f;
  --t-color-transparent-sky9: #00c7fe83;
  --t-color-transparent-sky10: #00bcf38b;
  --t-color-transparent-sky11: #00749e;
  --t-color-transparent-sky12: #002540e2;
  --t-color-transparent-blue1: #00008002;
  --t-color-transparent-blue2: #0040ff08;
  --t-color-transparent-blue3: #0047f112;
  --t-color-transparent-blue4: #0044ff1e;
  --t-color-transparent-blue5: #0044ff2d;
  --t-color-transparent-blue6: #003eff3e;
  --t-color-transparent-blue7: #0037ed54;
  --t-color-transparent-blue8: #0034dc72;
  --t-color-transparent-blue9: #0031d2c1;
  --t-color-transparent-blue10: #002ec9cc;
  --t-color-transparent-blue11: #002bb7c5;
  --t-color-transparent-blue12: #001046e0;
  --t-color-transparent-purple1: #aa00aa03;
  --t-color-transparent-purple2: #8000e008;
  --t-color-transparent-purple3: #8e00f112;
  --t-color-transparent-purple4: #8d00e51d;
  --t-color-transparent-purple5: #8000db2a;
  --t-color-transparent-purple6: #7a01d03b;
  --t-color-transparent-purple7: #6d00c350;
  --t-color-transparent-purple8: #6600c06c;
  --t-color-transparent-purple9: #5c00adb1;
  --t-color-transparent-purple10: #53009eb8;
  --t-color-transparent-purple11: #52009aba;
  --t-color-transparent-purple12: #250049df;
  --t-color-transparent-pink1: #ff00aa03;
  --t-color-transparent-pink2: #e0008008;
  --t-color-transparent-pink3: #f4008c16;
  --t-color-transparent-pink4: #e2008b23;
  --t-color-transparent-pink5: #d1008331;
  --t-color-transparent-pink6: #c0007840;
  --t-color-transparent-pink7: #b6006f53;
  --t-color-transparent-pink8: #af006f6c;
  --t-color-transparent-pink9: #c8007fbf;
  --t-color-transparent-pink10: #c2007ac7;
  --t-color-transparent-pink11: #b60074d6;
  --t-color-transparent-pink12: #59003bed;
  --t-color-transparent-red1: #ff000003;
  --t-color-transparent-red2: #ff000008;
  --t-color-transparent-red3: #f3000d14;
  --t-color-transparent-red4: #ff000824;
  --t-color-transparent-red5: #ff000632;
  --t-color-transparent-red6: #f8000442;
  --t-color-transparent-red7: #df000356;
  --t-color-transparent-red8: #d2000571;
  --t-color-transparent-red9: #db0007b7;
  --t-color-transparent-red10: #d10005c1;
  --t-color-transparent-red11: #c40006d3;
  --t-color-transparent-red12: #55000de8;
  --t-color-transparent-orange1: #c0400004;
  --t-color-transparent-orange2: #ff8e0012;
  --t-color-transparent-orange3: #ff9c0029;
  --t-color-transparent-orange4: #ff91014a;
  --t-color-transparent-orange5: #ff8b0065;
  --t-color-transparent-orange6: #ff81007d;
  --t-color-transparent-orange7: #ed6c008c;
  --t-color-transparent-orange8: #e35f00aa;
  --t-color-transparent-orange9: #f65e00ea;
  --t-color-transparent-orange10: #ef5f00;
  --t-color-transparent-orange11: #cc4e00;
  --t-color-transparent-orange12: #431200e2;
  --t-color-transparent-yellow1: #aaaa0006;
  --t-color-transparent-yellow2: #f4dd0016;
  --t-color-transparent-yellow3: #ffee0047;
  --t-color-transparent-yellow4: #ffe3016b;
  --t-color-transparent-yellow5: #ffd5008f;
  --t-color-transparent-yellow6: #ebbc0097;
  --t-color-transparent-yellow7: #d2a10098;
  --t-color-transparent-yellow8: #c99700c6;
  --t-color-transparent-yellow9: #ffe100d6;
  --t-color-transparent-yellow10: #ffdc00;
  --t-color-transparent-yellow11: #9e6c00;
  --t-color-transparent-yellow12: #2e2000e0;
  --t-color-transparent-gray1: color(display-p3 0 0 0 / 0.02);
  --t-color-transparent-gray2: color(display-p3 0 0 0 / 0.039);
  --t-color-transparent-gray3: color(display-p3 0 0 0 / 0.047);
  --t-color-transparent-gray4: color(display-p3 0 0 0 / 0.071);
  --t-color-transparent-gray5: color(display-p3 0 0 0 / 0.078);
  --t-color-transparent-gray6: color(display-p3 0 0 0 / 0.114);
  --t-color-transparent-gray7: color(display-p3 0 0 0 / 0.161);
  --t-color-transparent-gray8: color(display-p3 0 0 0 / 0.22);
  --t-color-transparent-gray9: color(display-p3 0 0 0 / 0.361);
  --t-color-transparent-gray10: color(display-p3 0 0 0 / 0.478);
  --t-color-transparent-gray11: color(display-p3 0 0 0 / 0.722);
  --t-color-transparent-gray12: color(display-p3 0 0 0 / 0.91);
  --t-color-transparent-mauve1: #55005503;
  --t-color-transparent-mauve2: #2b005506;
  --t-color-transparent-mauve3: #30004010;
  --t-color-transparent-mauve4: #20003618;
  --t-color-transparent-mauve5: #20003820;
  --t-color-transparent-mauve6: #14003527;
  --t-color-transparent-mauve7: #10003332;
  --t-color-transparent-mauve8: #08003145;
  --t-color-transparent-mauve9: #05001d73;
  --t-color-transparent-mauve10: #0500197d;
  --t-color-transparent-mauve11: #0400119c;
  --t-color-transparent-mauve12: #020008e0;
  --t-color-transparent-slate1: #00005503;
  --t-color-transparent-slate2: #00005506;
  --t-color-transparent-slate3: #0000330f;
  --t-color-transparent-slate4: #00002d17;
  --t-color-transparent-slate5: #0009321f;
  --t-color-transparent-slate6: #00002f26;
  --t-color-transparent-slate7: #00062e32;
  --t-color-transparent-slate8: #00083046;
  --t-color-transparent-slate9: #00051d74;
  --t-color-transparent-slate10: #00071b7f;
  --t-color-transparent-slate11: #0007149f;
  --t-color-transparent-slate12: #000509e3;
  --t-color-transparent-sage1: #00804004;
  --t-color-transparent-sage2: #00402008;
  --t-color-transparent-sage3: #002d1e11;
  --t-color-transparent-sage4: #001f1519;
  --t-color-transparent-sage5: #00180820;
  --t-color-transparent-sage6: #00140d28;
  --t-color-transparent-sage7: #00140a34;
  --t-color-transparent-sage8: #000f0847;
  --t-color-transparent-sage9: #00110b79;
  --t-color-transparent-sage10: #00100a83;
  --t-color-transparent-sage11: #000a07a0;
  --t-color-transparent-sage12: #000805e5;
  --t-color-transparent-olive1: #00550003;
  --t-color-transparent-olive2: #00490007;
  --t-color-transparent-olive3: #00200010;
  --t-color-transparent-olive4: #00160018;
  --t-color-transparent-olive5: #00180020;
  --t-color-transparent-olive6: #00140028;
  --t-color-transparent-olive7: #000f0033;
  --t-color-transparent-olive8: #040f0047;
  --t-color-transparent-olive9: #050f0078;
  --t-color-transparent-olive10: #040e0082;
  --t-color-transparent-olive11: #020a00a0;
  --t-color-transparent-olive12: #010600e3;
  --t-color-transparent-sand1: #55550003;
  --t-color-transparent-sand2: #25250007;
  --t-color-transparent-sand3: #20100010;
  --t-color-transparent-sand4: #1f150019;
  --t-color-transparent-sand5: #1f180021;
  --t-color-transparent-sand6: #19130029;
  --t-color-transparent-sand7: #19140035;
  --t-color-transparent-sand8: #1915014a;
  --t-color-transparent-sand9: #0f0f0079;
  --t-color-transparent-sand10: #0c0c0083;
  --t-color-transparent-sand11: #080800a1;
  --t-color-transparent-sand12: #060500e3;
  --t-color-transparent-tomato1: #ff000003;
  --t-color-transparent-tomato2: #ff200008;
  --t-color-transparent-tomato3: #f52b0018;
  --t-color-transparent-tomato4: #ff35002c;
  --t-color-transparent-tomato5: #ff2e003d;
  --t-color-transparent-tomato6: #f92d0050;
  --t-color-transparent-tomato7: #e7280067;
  --t-color-transparent-tomato8: #db250084;
  --t-color-transparent-tomato9: #df2600d1;
  --t-color-transparent-tomato10: #d72400da;
  --t-color-transparent-tomato11: #cd2200ea;
  --t-color-transparent-tomato12: #460900e0;
  --t-color-transparent-ruby1: #ff005503;
  --t-color-transparent-ruby2: #ff002008;
  --t-color-transparent-ruby3: #f3002515;
  --t-color-transparent-ruby4: #ff002523;
  --t-color-transparent-ruby5: #ff002a31;
  --t-color-transparent-ruby6: #e4002440;
  --t-color-transparent-ruby7: #ce002553;
  --t-color-transparent-ruby8: #c300286d;
  --t-color-transparent-ruby9: #db002cb9;
  --t-color-transparent-ruby10: #d2002cc4;
  --t-color-transparent-ruby11: #c10030db;
  --t-color-transparent-ruby12: #550016e8;
  --t-color-transparent-crimson1: #ff005503;
  --t-color-transparent-crimson2: #e0004008;
  --t-color-transparent-crimson3: #ff005216;
  --t-color-transparent-crimson4: #f8005123;
  --t-color-transparent-crimson5: #e5004f31;
  --t-color-transparent-crimson6: #d0004b41;
  --t-color-transparent-crimson7: #bf004753;
  --t-color-transparent-crimson8: #b6004a6c;
  --t-color-transparent-crimson9: #e2005bc2;
  --t-color-transparent-crimson10: #d70056cb;
  --t-color-transparent-crimson11: #c4004fe2;
  --t-color-transparent-crimson12: #530026e9;
  --t-color-transparent-plum1: #aa00ff03;
  --t-color-transparent-plum2: #c000c008;
  --t-color-transparent-plum3: #cc00cc14;
  --t-color-transparent-plum4: #c200c921;
  --t-color-transparent-plum5: #b700bd2e;
  --t-color-transparent-plum6: #a400b03d;
  --t-color-transparent-plum7: #9900a852;
  --t-color-transparent-plum8: #9000a56e;
  --t-color-transparent-plum9: #89009eb5;
  --t-color-transparent-plum10: #7f0092bb;
  --t-color-transparent-plum11: #730086c1;
  --t-color-transparent-plum12: #40004be6;
  --t-color-transparent-violet1: #5500aa03;
  --t-color-transparent-violet2: #4900ff07;
  --t-color-transparent-violet3: #4400ee0f;
  --t-color-transparent-violet4: #4300ff1b;
  --t-color-transparent-violet5: #3600ff26;
  --t-color-transparent-violet6: #3100fb35;
  --t-color-transparent-violet7: #2d01dd4a;
  --t-color-transparent-violet8: #2b00d066;
  --t-color-transparent-violet9: #2400b7a9;
  --t-color-transparent-violet10: #2300abb2;
  --t-color-transparent-violet11: #1f0099af;
  --t-color-transparent-violet12: #0b0043d9;
  --t-color-transparent-iris1: #0000ff02;
  --t-color-transparent-iris2: #0000ff07;
  --t-color-transparent-iris3: #0011ee0f;
  --t-color-transparent-iris4: #000bff19;
  --t-color-transparent-iris5: #000eff25;
  --t-color-transparent-iris6: #000aff34;
  --t-color-transparent-iris7: #0008e647;
  --t-color-transparent-iris8: #0008d964;
  --t-color-transparent-iris9: #0000c0a4;
  --t-color-transparent-iris10: #0000b6ae;
  --t-color-transparent-iris11: #0600abac;
  --t-color-transparent-iris12: #000246d8;
  --t-color-transparent-cyan1: #0099cc05;
  --t-color-transparent-cyan2: #009db10d;
  --t-color-transparent-cyan3: #00c2d121;
  --t-color-transparent-cyan4: #00bcd435;
  --t-color-transparent-cyan5: #01b4cc4a;
  --t-color-transparent-cyan6: #00a7c162;
  --t-color-transparent-cyan7: #009fbb82;
  --t-color-transparent-cyan8: #00a3c0c2;
  --t-color-transparent-cyan9: #00a2c7;
  --t-color-transparent-cyan10: #0094b7f8;
  --t-color-transparent-cyan11: #007491ef;
  --t-color-transparent-cyan12: #00323ef2;
  --t-color-transparent-jade1: #00c08004;
  --t-color-transparent-jade2: #00a3460b;
  --t-color-transparent-jade3: #00ae4819;
  --t-color-transparent-jade4: #00a85129;
  --t-color-transparent-jade5: #00a2553c;
  --t-color-transparent-jade6: #009a5753;
  --t-color-transparent-jade7: #00945f74;
  --t-color-transparent-jade8: #00976ea9;
  --t-color-transparent-jade9: #00916bd6;
  --t-color-transparent-jade10: #008764d9;
  --t-color-transparent-jade11: #007152df;
  --t-color-transparent-jade12: #002217e2;
  --t-color-transparent-grass1: #00c00004;
  --t-color-transparent-grass2: #0099000a;
  --t-color-transparent-grass3: #00970016;
  --t-color-transparent-grass4: #009f0725;
  --t-color-transparent-grass5: #00930536;
  --t-color-transparent-grass6: #008f0a4d;
  --t-color-transparent-grass7: #018b0f6b;
  --t-color-transparent-grass8: #008d199a;
  --t-color-transparent-grass9: #008619b9;
  --t-color-transparent-grass10: #007b17c1;
  --t-color-transparent-grass11: #006514d5;
  --t-color-transparent-grass12: #002006df;
  --t-color-transparent-mint1: #00d5aa06;
  --t-color-transparent-mint2: #00b18a0d;
  --t-color-transparent-mint3: #00d29e22;
  --t-color-transparent-mint4: #00cc9937;
  --t-color-transparent-mint5: #00c0914c;
  --t-color-transparent-mint6: #00b08663;
  --t-color-transparent-mint7: #00a17d81;
  --t-color-transparent-mint8: #009e7fb3;
  --t-color-transparent-mint9: #00d3a579;
  --t-color-transparent-mint10: #00c39982;
  --t-color-transparent-mint11: #007763fd;
  --t-color-transparent-mint12: #00312ae9;
  --t-color-transparent-lime1: #66990005;
  --t-color-transparent-lime2: #6b95000c;
  --t-color-transparent-lime3: #96c80029;
  --t-color-transparent-lime4: #8fc60042;
  --t-color-transparent-lime5: #81bb0059;
  --t-color-transparent-lime6: #72aa006e;
  --t-color-transparent-lime7: #61990087;
  --t-color-transparent-lime8: #559200ab;
  --t-color-transparent-lime9: #93e4009c;
  --t-color-transparent-lime10: #8fdc00b3;
  --t-color-transparent-lime11: #375f00d0;
  --t-color-transparent-lime12: #1e2900e3;
  --t-color-transparent-bronze1: #55000003;
  --t-color-transparent-bronze2: #cc33000a;
  --t-color-transparent-bronze3: #92250015;
  --t-color-transparent-bronze4: #80280020;
  --t-color-transparent-bronze5: #7423002c;
  --t-color-transparent-bronze6: #7324003a;
  --t-color-transparent-bronze7: #6c1f004c;
  --t-color-transparent-bronze8: #671c0066;
  --t-color-transparent-bronze9: #551a008d;
  --t-color-transparent-bronze10: #4c150097;
  --t-color-transparent-bronze11: #3d0f00ab;
  --t-color-transparent-bronze12: #1d0600d4;
  --t-color-transparent-gold1: #55550003;
  --t-color-transparent-gold2: #9d8a000d;
  --t-color-transparent-gold3: #75600018;
  --t-color-transparent-gold4: #6b4e0024;
  --t-color-transparent-gold5: #60460030;
  --t-color-transparent-gold6: #64440040;
  --t-color-transparent-gold7: #63420055;
  --t-color-transparent-gold8: #633d0072;
  --t-color-transparent-gold9: #5332009a;
  --t-color-transparent-gold10: #492d00a1;
  --t-color-transparent-gold11: #362100b4;
  --t-color-transparent-gold12: #130c00d4;
  --t-color-transparent-brown1: #aa550003;
  --t-color-transparent-brown2: #aa550009;
  --t-color-transparent-brown3: #a04b0018;
  --t-color-transparent-brown4: #9b4a0026;
  --t-color-transparent-brown5: #9f4d0035;
  --t-color-transparent-brown6: #a04e0048;
  --t-color-transparent-brown7: #a34e0060;
  --t-color-transparent-brown8: #9f4a0081;
  --t-color-transparent-brown9: #823c00a7;
  --t-color-transparent-brown10: #723300ac;
  --t-color-transparent-brown11: #522100b9;
  --t-color-transparent-brown12: #140600d1;
  --t-color-transparent-amber1: #c0800004;
  --t-color-transparent-amber2: #f4d10016;
  --t-color-transparent-amber3: #ffde003d;
  --t-color-transparent-amber4: #ffd40063;
  --t-color-transparent-amber5: #f8cf0088;
  --t-color-transparent-amber6: #eab5008c;
  --t-color-transparent-amber7: #dc9b009d;
  --t-color-transparent-amber8: #da8a00c9;
  --t-color-transparent-amber9: #ffb300c2;
  --t-color-transparent-amber10: #ffb300e7;
  --t-color-transparent-amber11: #ab6400;
  --t-color-transparent-amber12: #341500dd;
}