/**
 * @alfadocs/ui-kit — host-compat stylesheet.  GENERATED — DO NOT EDIT.
 *
 * Regenerate with `npm run build:host-compat`; `npm run check:host-compat`
 * fails the build if this file drifts from dist/tokens.css. Source:
 * scripts/build-host-compat.mjs. Docs: Storybook →
 * "29. Host Compatibility — Root Font Size".
 *
 * WHAT THIS IS
 * Every dimension the kit ships is rem-based and designed against the
 * browser default root font size of 16px. A host page that overrides
 * `html { font-size }` rescales the whole design system — the AlfaDocs
 * platform's legacy Material bundle sets 10px, so the kit renders at
 * 62.5%. This sheet re-declares every rem-valued kit dimension in
 * absolute px so the rem is never evaluated against the host root.
 *
 * LOAD IT ONLY IF THE HOST ROOT IS NOT 16px. Check first:
 *   getComputedStyle(document.documentElement).fontSize
 * On a healthy 16px host this sheet is a pure regression — it freezes
 * kit dimensions against the user's browser text-size preference.
 *
 * LOAD ORDER: after `@alfadocs/ui-kit/tokens`. The token block below is
 * unlayered and so wins regardless of order, but the layered block is
 * ranked by source order within its layer and must come second.
 *
 * NOT COVERED (by construction, not by omission):
 *   - `@media` preludes — rem in a media query resolves against the
 *     browser's INITIAL font size, not the document root, so the kit's
 *     breakpoints are already correct on a non-16px host. Left alone.
 *   - `@container` preludes — container-query rem DOES follow the root,
 *     but a prelude is not a declaration and no overlay can reach it.
 *     Fixed at source: the kit authors container thresholds in px.
 *   - rem written by the CONSUMER in its own CSS or in a host-authored
 *     arbitrary utility class. Use px or a kit token on a non-16px host.
 */

/* The kit's layer order, repeated so this file is still correct if a
   consumer loads it before the tokens sheet. A repeat of an already
   established order is a no-op. */
@layer properties, theme, base, components, utilities, ui-kit-tokens, ui-kit-components;

/* ───────────────────────────────────────────────────────────────────────
   SECTION A — design tokens (custom properties).  UNLAYERED.
   99 declarations across 75 token names and 27 selectors.

   Unlayered normal declarations outrank every layered one regardless of
   source order and specificity, so this block beats the kit's own
   `@layer ui-kit-tokens` and `@layer theme` wherever it is loaded.

   Each selector is mirrored verbatim from dist/tokens.css. A flat
   `:root` block would not reach the theme-scoped overrides
   (`.theme-accessible` ships deliberately larger QR sizes) and could
   not reach the element-scoped arbitrary-property `ds:` utilities at all —
   a declaration set on the element itself always beats an inherited
   value from `:root`, whatever the specificity.
   ─────────────────────────────────────────────────────────────────── */
:root,:host {
  --ds-spacing:4px;
  --ds-container-xs:320px;
  --ds-container-sm:384px;
  --ds-container-md:448px;
  --ds-container-lg:512px;
  --ds-container-xl:576px;
  --ds-container-2xl:672px;
  --ds-container-3xl:768px;
  --ds-container-4xl:896px;
  --ds-container-5xl:1024px;
  --ds-container-6xl:1152px;
  --ds-container-7xl:1280px;
  --ds-text-xs:12px;
  --ds-text-sm:14px;
  --ds-text-base:16px;
  --ds-text-lg:18px;
  --ds-text-2xl:24px;
  --ds-radius-sm:4px;
  --ds-radius-md:6px;
  --ds-radius-2xl:16px;
}
.ds\:\[--carousel-fade-distance\:5rem\] {
  --carousel-fade-distance:80px;
}
.ds\:\[--carousel-item-inline-size\:14rem\] {
  --carousel-item-inline-size:224px;
}
.ds\:\[--carousel-item-inline-size\:20rem\] {
  --carousel-item-inline-size:320px;
}
.ds\:\[--carousel-item-inline-size\:28rem\] {
  --carousel-item-inline-size:448px;
}
.ds\:\[--heatmap-max-block-size\:48rem\] {
  --heatmap-max-block-size:768px;
}
.ds\:\[--inc1-nav-block-size\:2\.5rem\] {
  --inc1-nav-block-size:40px;
}
.ds\:\[--map-block-size\:14rem\] {
  --map-block-size:224px;
}
.ds\:\[--map-block-size\:20rem\] {
  --map-block-size:320px;
}
.ds\:\[--map-block-size\:28rem\] {
  --map-block-size:448px;
}
.ds\:\[--marker-box\:0\.75rem\] {
  --marker-box:12px;
}
.ds\:\[--marker-box\:1\.25rem\] {
  --marker-box:20px;
}
.ds\:\[--marker-box\:1rem\] {
  --marker-box:16px;
}
.ds\:\[--qr-edge\:var\(--qr-code-size-lg\,16rem\)\] {
  --qr-edge:var(--qr-code-size-lg,256px);
}
.ds\:\[--qr-edge\:var\(--qr-code-size-md\,12rem\)\] {
  --qr-edge:var(--qr-code-size-md,192px);
}
.ds\:\[--qr-edge\:var\(--qr-code-size-sm\,8rem\)\] {
  --qr-edge:var(--qr-code-size-sm,128px);
}
.ds\:\[--tool-rail-panel-inline-size\:26rem\] {
  --tool-rail-panel-inline-size:416px;
}
.ds\:\[--tool-rail-panel-inline-size\:34rem\] {
  --tool-rail-panel-inline-size:544px;
}
:root,.theme-light {
  --spacing:4px;
  --spacing-2xs:2px;
  --spacing-xs:4px;
  --spacing-sm:8px;
  --spacing-md:16px;
  --spacing-lg:24px;
  --spacing-xl:32px;
  --spacing-2xl:48px;
  --skeleton-label-h:16px;
  --skeleton-label-w:80px;
  --skeleton-value-h:36px;
  --skeleton-value-w:128px;
  --avatar-size-2xl:128px;
  --avatar-size-3xl:192px;
  --avatar-text-size-2xl:48px;
  --avatar-text-size-3xl:64px;
  --row-height-compact:32px;
  --row-height-expanded:64px;
  --header-height-expanded:56px;
  --form-label-inline-size:160px;
  --font-size-2xs:10px;
  --font-size-xs:12px;
  --font-size-sm:14px;
  --font-size-base:16px;
  --font-size-lg:18px;
  --font-size-xl:20px;
  --font-size-2xl:24px;
  --font-size-3xl:30px;
  --font-size-4xl:36px;
  --font-size-5xl:48px;
  --type-title-hero-size:clamp(36px, 4vw, 56px);
  --badge-truncate-max-width:192px;
  --dialog-width-sm:320px;
  --dialog-width-md:480px;
  --dialog-width-lg:640px;
  --dialog-width-xl:576px;
  --header-workspace-max-inline-size:192px;
  --arrow-size:8px;
  --rich-text-editor-min-block-size:160px;
  --rich-text-editor-min-inline-size:96px;
  --qr-code-size-sm:128px;
  --qr-code-size-md:192px;
  --qr-code-size-lg:256px;
  --heatmap-max-block-size:576px;
}
.theme-dark {
  --qr-code-size-sm:128px;
  --qr-code-size-md:192px;
  --qr-code-size-lg:256px;
}
.theme-accessible {
  --qr-code-size-sm:144px;
  --qr-code-size-md:208px;
  --qr-code-size-lg:288px;
  --type-title-hero-size:clamp(40px, 4.5vw, 64px);
}
.theme-dark.theme-accessible {
  --qr-code-size-sm:144px;
  --qr-code-size-md:208px;
  --qr-code-size-lg:288px;
}
.ag-theme-alfadocs {
  --ag-menu-min-width:224px;
  --ag-tab-min-width:288px;
  --ag-side-bar-panel-width:240px;
  --ag-chart-menu-panel-width:256px;
}
.redactor-theme-alfadocs[data-min-height=sm] {
  --rich-text-editor-min-block-size:128px;
}
.redactor-theme-alfadocs[data-min-height=md] {
  --rich-text-editor-min-block-size:256px;
}
.redactor-theme-alfadocs[data-min-height=lg] {
  --rich-text-editor-min-block-size:384px;
}
.redactor-theme-alfadocs[data-min-height=fill] {
  --rich-text-editor-min-block-size:max(128px, 30dvh);
}

/* ───────────────────────────────────────────────────────────────────────
   SECTION B — non-token declarations.  ORIGINAL LAYER PRESERVED.
   155 declarations across 151 rules.

   Kit-authored arbitrary-value utilities (`ds:w-[20rem]`) and the
   vendored AG Grid rules. These set real properties on real elements,
   so their layer rank is deliberate — `@layer ui-kit-components`
   intentionally outranks `@layer utilities`, and host legacy CSS
   intentionally outranks both. Re-emitting each rule in its ORIGINAL
   layer keeps every one of those relationships intact and wins on
   source order alone; hoisting them unlayered would invert them.

   Consequence: this block only works if the sheet is loaded AFTER
   `@alfadocs/ui-kit/tokens`.
   ─────────────────────────────────────────────────────────────────── */
@layer utilities {
  .ds\:-inset-\[calc\(\(var\(--min-target-size\)-1\.5rem\)\/2\)\] {
    inset:calc(calc((var(--min-target-size) - 24px) / 2) * -1);
  }
  .ds\:-inset-\[calc\(\(var\(--min-target-size\)-1\.25rem\)\/2\)\] {
    inset:calc(calc((var(--min-target-size) - 20px) / 2) * -1);
  }
  .ds\:-inset-\[calc\(\(var\(--min-target-size\)-1rem\)\/2\)\] {
    inset:calc(calc((var(--min-target-size) - 16px) / 2) * -1);
  }
  .ds\:size-\[1\.5rem\] {
    width:24px;
    height:24px;
  }
  .ds\:size-\[1\.125rem\] {
    width:18px;
    height:18px;
  }
  .ds\:size-\[4\.5rem\] {
    width:72px;
    height:72px;
  }
  .ds\:size-\[7\.5rem\] {
    width:120px;
    height:120px;
  }
  .ds\:\!h-\[9\.25rem\] {
    height:148px!important;
  }
  .ds\:\!h-\[11\.75rem\] {
    height:188px!important;
  }
  .ds\:h-\[8rem\] {
    height:128px;
  }
  .ds\:h-\[12rem\] {
    height:192px;
  }
  .ds\:h-\[16rem\] {
    height:256px;
  }
  .ds\:h-\[20rem\] {
    height:320px;
  }
  .ds\:h-\[28rem\] {
    height:448px;
  }
  .ds\:h-\[31rem\] {
    height:496px;
  }
  .ds\:h-\[32rem\] {
    height:512px;
  }
  .ds\:h-\[36rem\] {
    height:576px;
  }
  .ds\:h-\[40rem\] {
    height:640px;
  }
  .ds\:h-\[44rem\] {
    height:704px;
  }
  .ds\:h-\[calc\(100dvh-6rem\)\] {
    height:calc(100dvh - 96px);
  }
  .ds\:h-\[clamp\(24rem\,60vh\,42rem\)\] {
    height:clamp(384px,60vh,672px);
  }
  .ds\:max-h-\[18rem\] {
    max-height:288px;
  }
  .ds\:max-h-\[20rem\] {
    max-height:320px;
  }
  .ds\:max-h-\[24rem\] {
    max-height:384px;
  }
  .ds\:max-h-\[32rem\] {
    max-height:512px;
  }
  .ds\:max-h-\[min\(20rem\,var\(--radix-popover-content-available-height\)\)\] {
    max-height:min(320px,var(--radix-popover-content-available-height));
  }
  .ds\:max-h-\[min\(24rem\,var\(--radix-popover-content-available-height\)\)\] {
    max-height:min(384px,var(--radix-popover-content-available-height));
  }
  .ds\:min-h-\[3rem\] {
    min-height:48px;
  }
  .ds\:min-h-\[20rem\] {
    min-height:320px;
  }
  .ds\:min-h-\[24rem\] {
    min-height:384px;
  }
  .ds\:min-h-\[30rem\] {
    min-height:480px;
  }
  .ds\:min-h-\[32rem\] {
    min-height:512px;
  }
  .ds\:w-\[4rem\] {
    width:64px;
  }
  .ds\:w-\[9rem\] {
    width:144px;
  }
  .ds\:w-\[11rem\] {
    width:176px;
  }
  .ds\:w-\[12rem\] {
    width:192px;
  }
  .ds\:w-\[13rem\] {
    width:208px;
  }
  .ds\:w-\[16rem\] {
    width:256px;
  }
  .ds\:w-\[18rem\] {
    width:288px;
  }
  .ds\:w-\[20rem\] {
    width:320px;
  }
  .ds\:w-\[22rem\] {
    width:352px;
  }
  .ds\:w-\[24rem\] {
    width:384px;
  }
  .ds\:w-\[26rem\] {
    width:416px;
  }
  .ds\:w-\[28rem\] {
    width:448px;
  }
  .ds\:w-\[32rem\] {
    width:512px;
  }
  .ds\:w-\[34rem\] {
    width:544px;
  }
  .ds\:w-\[36rem\] {
    width:576px;
  }
  .ds\:w-\[40rem\] {
    width:640px;
  }
  .ds\:w-\[42rem\] {
    width:672px;
  }
  .ds\:w-\[44rem\] {
    width:704px;
  }
  .ds\:w-\[60rem\] {
    width:960px;
  }
  .ds\:w-\[64rem\] {
    width:1024px;
  }
  .ds\:w-\[72rem\] {
    width:1152px;
  }
  .ds\:w-\[80rem\] {
    width:1280px;
  }
  .ds\:w-\[calc\(100vw-2rem\)\] {
    width:calc(100vw - 32px);
  }
  .ds\:w-\[min\(22rem\,calc\(100vw-2\*var\(--spacing-md\)\)\)\] {
    width:min(352px,calc(100vw - 2 * var(--spacing-md)));
  }
  .ds\:w-\[min\(22rem\,calc\(100vw-var\(--spacing-xl\)\)\)\] {
    width:min(352px,calc(100vw - var(--spacing-xl)));
  }
  .ds\:w-\[min\(24rem\,calc\(100vw-2\*var\(--spacing-md\)\)\)\] {
    width:min(384px,calc(100vw - 2 * var(--spacing-md)));
  }
  .ds\:w-\[min\(26rem\,calc\(100vw-2\*var\(--spacing-md\)\)\)\] {
    width:min(416px,calc(100vw - 2 * var(--spacing-md)));
  }
  .ds\:max-w-\[12rem\] {
    max-width:192px;
  }
  .ds\:max-w-\[16rem\] {
    max-width:256px;
  }
  .ds\:max-w-\[18rem\] {
    max-width:288px;
  }
  .ds\:max-w-\[20rem\] {
    max-width:320px;
  }
  .ds\:max-w-\[24rem\] {
    max-width:384px;
  }
  .ds\:max-w-\[26rem\] {
    max-width:416px;
  }
  .ds\:max-w-\[28rem\] {
    max-width:448px;
  }
  .ds\:max-w-\[32rem\] {
    max-width:512px;
  }
  .ds\:max-w-\[40rem\] {
    max-width:640px;
  }
  .ds\:max-w-\[42rem\] {
    max-width:672px;
  }
  .ds\:max-w-\[44rem\] {
    max-width:704px;
  }
  .ds\:max-w-\[48rem\] {
    max-width:768px;
  }
  .ds\:max-w-\[56rem\] {
    max-width:896px;
  }
  .ds\:max-w-\[76rem\] {
    max-width:1216px;
  }
  .ds\:max-w-\[80rem\] {
    max-width:1280px;
  }
  .ds\:max-w-\[min\(42rem\,90\%\)\] {
    max-width:min(672px,90%);
  }
  .ds\:max-w-\[min\(42rem\,calc\(100\%-var\(--spacing-xl\)-var\(--spacing-sm\)\)\)\] {
    max-width:min(672px,calc(100% - var(--spacing-xl) - var(--spacing-sm)));
  }
  .ds\:min-w-\[3\.5rem\] {
    min-width:56px;
  }
  .ds\:min-w-\[3rem\] {
    min-width:48px;
  }
  .ds\:min-w-\[6rem\] {
    min-width:96px;
  }
  .ds\:min-w-\[8rem\] {
    min-width:128px;
  }
  .ds\:min-w-\[10rem\] {
    min-width:160px;
  }
  .ds\:min-w-\[11rem\] {
    min-width:176px;
  }
  .ds\:min-w-\[12rem\] {
    min-width:192px;
  }
  .ds\:min-w-\[14rem\] {
    min-width:224px;
  }
  .ds\:min-w-\[16rem\] {
    min-width:256px;
  }
  .ds\:min-w-\[18rem\] {
    min-width:288px;
  }
  .ds\:min-w-\[32rem\] {
    min-width:512px;
  }
  .ds\:min-w-\[36rem\] {
    min-width:576px;
  }
  .ds\:auto-rows-\[14rem\] {
    grid-auto-rows:224px;
  }
  .ds\:auto-rows-\[19rem\] {
    grid-auto-rows:304px;
  }
  .ds\:auto-rows-\[22rem\] {
    grid-auto-rows:352px;
  }
  .ds\:auto-rows-\[minmax\(12rem\,auto\)\] {
    grid-auto-rows:minmax(192px,auto);
  }
  .ds\:\[grid-template-columns\:minmax\(2\.75rem\,auto\)_repeat\(4\,minmax\(0\,1fr\)\)\] {
    grid-template-columns:minmax(44px,auto) repeat(4,minmax(0,1fr));
  }
  .ds\:\[grid-template-columns\:minmax\(2\.75rem\,auto\)_repeat\(6\,minmax\(0\,1fr\)\)\] {
    grid-template-columns:minmax(44px,auto) repeat(6,minmax(0,1fr));
  }
  .ds\:\[grid-template-columns\:repeat\(auto-fill\,minmax\(2rem\,1fr\)\)\] {
    grid-template-columns:repeat(auto-fill,minmax(32px,1fr));
  }
  .ds\:\[grid-template-columns\:repeat\(auto-fit\,minmax\(14rem\,1fr\)\)\] {
    grid-template-columns:repeat(auto-fit,minmax(224px,1fr));
  }
  .ds\:\[grid-template-columns\:repeat\(auto-fit\,minmax\(16rem\,1fr\)\)\] {
    grid-template-columns:repeat(auto-fit,minmax(256px,1fr));
  }
  .ds\:grid-cols-\[1fr_2rem_1fr\] {
    grid-template-columns:1fr 32px 1fr;
  }
  .ds\:grid-cols-\[minmax\(0\,6rem\)_minmax\(0\,1fr\)\] {
    grid-template-columns:minmax(0,96px) minmax(0,1fr);
  }
  .ds\:grid-cols-\[repeat\(auto-fill\,minmax\(12rem\,1fr\)\)\] {
    grid-template-columns:repeat(auto-fill,minmax(192px,1fr));
  }
  .ds\:grid-cols-\[repeat\(auto-fit\,minmax\(8rem\,1fr\)\)\] {
    grid-template-columns:repeat(auto-fit,minmax(128px,1fr));
  }
  .ds\:grid-cols-\[repeat\(auto-fit\,minmax\(12rem\,1fr\)\)\] {
    grid-template-columns:repeat(auto-fit,minmax(192px,1fr));
  }
  .ds\:py-\[0\.0625rem\] {
    padding-block:1px;
  }
  .ds\:text-\[7rem\] {
    font-size:112px;
  }
  .ds\:\[block-size\:20rem\] {
    block-size:320px;
  }
  .ds\:\[block-size\:32rem\] {
    block-size:512px;
  }
  .ds\:\[block-size\:34rem\] {
    block-size:544px;
  }
  .ds\:\[block-size\:44rem\] {
    block-size:704px;
  }
  .ds\:\[block-size\:48rem\] {
    block-size:768px;
  }
  .ds\:\[inline-size\:3rem\] {
    inline-size:48px;
  }
  .ds\:\[inline-size\:17\.5rem\] {
    inline-size:280px;
  }
  .ds\:\[inline-size\:18rem\] {
    inline-size:288px;
  }
  .ds\:\[inline-size\:22\.5rem\] {
    inline-size:360px;
  }
  .ds\:\[inline-size\:22rem\] {
    inline-size:352px;
  }
  .ds\:\[inline-size\:24rem\] {
    inline-size:384px;
  }
  .ds\:\[inline-size\:26rem\] {
    inline-size:416px;
  }
  .ds\:\[inline-size\:32rem\] {
    inline-size:512px;
  }
  .ds\:\[inline-size\:40rem\] {
    inline-size:640px;
  }
  .ds\:\[inline-size\:min\(24rem\,calc\(100vw-\(var\(--spacing-lg\)\*2\)\)\)\] {
    inline-size:min(384px,calc(100vw - (var(--spacing-lg) * 2)));
  }
  .ds\:\[inline-size\:var\(--tool-rail-panel-inline-size\,var\(--ai-tools-rail-panel-inline-size\,22rem\)\)\] {
    inline-size:var(--tool-rail-panel-inline-size,var(--ai-tools-rail-panel-inline-size,352px));
  }
  .ds\:\[max-block-size\:10rem\] {
    max-block-size:160px;
  }
  .ds\:\[max-block-size\:12rem\] {
    max-block-size:192px;
  }
  .ds\:\[max-block-size\:14rem\] {
    max-block-size:224px;
  }
  .ds\:\[max-block-size\:16\.5rem\] {
    max-block-size:264px;
  }
  .ds\:\[max-inline-size\:6\.5rem\] {
    max-inline-size:104px;
  }
  .ds\:\[max-inline-size\:16rem\] {
    max-inline-size:256px;
  }
  .ds\:\[max-inline-size\:20rem\] {
    max-inline-size:320px;
  }
  .ds\:\[max-inline-size\:24rem\] {
    max-inline-size:384px;
  }
  .ds\:\[max-inline-size\:28rem\] {
    max-inline-size:448px;
  }
  .ds\:\[max-inline-size\:32rem\] {
    max-inline-size:512px;
  }
  .ds\:\[max-inline-size\:34rem\] {
    max-inline-size:544px;
  }
  .ds\:\[max-inline-size\:36rem\] {
    max-inline-size:576px;
  }
  .ds\:\[max-inline-size\:40rem\] {
    max-inline-size:640px;
  }
  .ds\:\[max-inline-size\:48rem\] {
    max-inline-size:768px;
  }
  .ds\:\[max-inline-size\:64rem\] {
    max-inline-size:1024px;
  }
  .ds\:\[min-block-size\:18rem\] {
    min-block-size:288px;
  }
  .ds\:\[min-block-size\:30rem\] {
    min-block-size:480px;
  }
  @media (min-width:40rem) {
    .ds\:sm\:text-\[8rem\] {
      font-size:128px;
    }
    .ds\:sm\:\[max-block-size\:var\(--message-tray-max-block-size\,26rem\)\] {
      max-block-size:var(--message-tray-max-block-size,416px);
    }
    .ds\:sm\:\[max-block-size\:var\(--notification-tray-max-block-size\,24rem\)\] {
      max-block-size:var(--notification-tray-max-block-size,384px);
    }
    .ds\:sm\:\[max-block-size\:var\(--product-hub-tray-max-block-size\,24rem\)\] {
      max-block-size:var(--product-hub-tray-max-block-size,384px);
    }
  }
  @media (min-width:64rem) {
    .ds\:lg\:w-\[15rem\] {
      width:240px;
    }
    .ds\:lg\:w-\[28rem\] {
      width:448px;
    }
  }
}
.ag-watermark-text {
  padding-left:11.2px;
}
.ag-pill-container {
  gap:4px;
}
.ag-pill {
  padding:0 4px;
}
.ag-rich-select-list .ag-rich-select-loading {
  min-height:32px;
}
.ag-ltr .ag-rich-select-typing-multi .ag-rich-select-field-input {
  margin-left:4px;
}
.ag-rtl .ag-rich-select-typing-multi .ag-rich-select-field-input {
  margin-right:4px;
}
.ag-skeleton-effect {
  border-radius:4px;
}
.calendar-vertical-resource-labels .fc-resource.fc-col-header-cell .fc-col-header-cell-cushion:not(:has([data-component=resource-chip],[data-component=avatar])) {
  max-inline-size:120px;
}