/* src/styles.scss */
:root {
  --dxp-palette-neutral-0: #ffffff;
  --dxp-palette-neutral-50: #f2f2f3;
  --dxp-palette-neutral-100: #f5f5f7;
  --dxp-palette-neutral-300: #d9d9de;
  --dxp-palette-neutral-500: #a6a6ad;
  --dxp-palette-neutral-600: #5f5f66;
  --dxp-palette-neutral-800: #3a3a3f;
  --dxp-palette-neutral-850: #242428;
  --dxp-palette-neutral-900: #1a1a1a;
  --dxp-palette-neutral-925: #1c1c1f;
  --dxp-palette-neutral-950: #121214;
  --dxp-palette-slate-50: #f9fafb;
  --dxp-palette-slate-100: #f3f4f6;
  --dxp-palette-slate-300: #e5e7eb;
  --dxp-palette-slate-400: #d1d5dc;
  --dxp-palette-slate-500: #99a1af;
  --dxp-palette-slate-600: #6a7282;
  --dxp-palette-slate-700: #4a5565;
  --dxp-palette-slate-750: #364153;
  --dxp-palette-slate-800: #1e2939;
  --dxp-palette-slate-900: #101828;
  --dxp-palette-primary-100: #8adaf2;
  --dxp-palette-primary-200: #5fc9ec;
  --dxp-palette-primary-300: #0ea5e9;
  --dxp-palette-primary-500: #007ea8;
  --dxp-palette-primary-700: #00668a;
  --dxp-palette-primary-900: #004e6b;
  --dxp-palette-danger-50: #fdecea;
  --dxp-palette-danger-100: #f4b8b1;
  --dxp-palette-danger-150: #f8d6d1;
  --dxp-palette-danger-200: #ef9a9a;
  --dxp-palette-danger-250: #ffb4a8;
  --dxp-palette-danger-500: #c62828;
  --dxp-palette-danger-600: #d32f2f;
  --dxp-palette-danger-700: #611a15;
  --dxp-palette-danger-800: #7a1f16;
  --dxp-palette-danger-850: #6b2f27;
  --dxp-palette-danger-900: #3a1f1c;
  --dxp-palette-success-200: #a5d6a7;
  --dxp-palette-success-500: #2e7d32;
  --dxp-palette-warning-200: #ffcc80;
  --dxp-palette-warning-600: #b25000;
  --dxp-palette-warning-notice-bg: #fff3cd;
  --dxp-palette-warning-notice-text: #856404;
  --dxp-palette-warning-notice-bg-dark: #3a2e12;
  --dxp-palette-warning-notice-text-dark: #ffd98a;
  --dxp-palette-link-500: #2563eb;
  --dxp-palette-link-200: #8ab4ff;
  --dxp-palette-shadow-100: rgba(0, 0, 0, 0.08);
  --dxp-palette-shadow-200: rgba(0, 0, 0, 0.16);
  --dxp-palette-shadow-300: rgba(0, 0, 0, 0.1);
  --dxp-palette-shadow-none: none;
  --dxp-palette-overlay: rgba(0, 0, 0, 0.4);
  --dxp-palette-bubble-assisted-100: #e3f2fd;
  --dxp-palette-bubble-assisted-900: #14313d;
  --dxp-palette-bubble-operator-100: #e0f2f1;
  --dxp-palette-bubble-operator-900: #14332f;
  --dxp-palette-status-new-100: #e6ecfd;
  --dxp-palette-status-new-200: #c3d1ff;
  --dxp-palette-status-new-700: #1d3fae;
  --dxp-palette-status-new-900: #253566;
  --dxp-palette-status-active-100: #e1f5e6;
  --dxp-palette-status-active-200: #a8e8bb;
  --dxp-palette-status-active-700: #1a6e33;
  --dxp-palette-status-active-900: #1f4028;
  --dxp-palette-status-archived-100: #ececee;
  --dxp-palette-status-archived-200: #cacace;
  --dxp-palette-status-archived-700: #45454b;
  --dxp-palette-status-archived-900: #33333a;
  --dxp-palette-channel-voice-100: #e3f2fd;
  --dxp-palette-channel-voice-200: #9fdcf0;
  --dxp-palette-channel-voice-700: #00668a;
  --dxp-palette-channel-voice-900: #123542;
  --dxp-palette-channel-web-100: #e0f2f1;
  --dxp-palette-channel-web-200: #9fe0d6;
  --dxp-palette-channel-web-700: #00695c;
  --dxp-palette-channel-web-900: #123b35;
  --dxp-space-xs: 0.25rem;
  --dxp-space-sm: 0.5rem;
  --dxp-space-md: 1rem;
  --dxp-space-lg: 1.5rem;
  --dxp-space-xl: 2rem;
  --dxp-font-family:
    "Inter",
    system-ui,
    -apple-system,
    "Segoe UI",
    sans-serif;
  --dxp-font-size-xs: 0.75rem;
  --dxp-font-size-sm: 0.875rem;
  --dxp-font-size-md: 1rem;
  --dxp-font-size-lg: 1.125rem;
  --dxp-line-height-xs: 1.5;
  --dxp-line-height-sm: 1.5;
  --dxp-line-height-md: 1.4;
  --dxp-line-height-lg: 1.3;
  --dxp-font-weight-regular: 400;
  --dxp-font-weight-medium: 500;
  --dxp-font-weight-emphasis: 600;
  --dxp-radius-sm: 0.25rem;
  --dxp-radius-md: 0.625rem;
  --dxp-radius-lg: 1rem;
  --dxp-radius-xl: 1.25rem;
  --dxp-radius-full: 9999px;
  --dxp-transition-duration: 150ms;
  --dxp-transition-duration-message: 200ms;
  --dxp-transition-duration-screen: 400ms;
  --dxp-breakpoint-md: 768px;
  --dxp-breakpoint-lg: 1024px;
  --dxp-app-header-block-size: 4.5rem;
  --dxp-app-header-block-size-compact: 4rem;
  --dxp-ai-panel-inline-size: clamp(20rem, 30vw, 23.375rem);
  --dxp-modal-max-inline-size: 29.5rem;
  --dxp-control-block-size: 2.75rem;
  --dxp-option-row-block-size: 3.5rem;
  --dxp-composer-block-size: 3rem;
  --dxp-color-bg: var(--dxp-color-surface);
  --dxp-color-bg-elevated: var(--dxp-color-surface-variant);
  --dxp-color-text: var(--dxp-color-on-surface);
  --dxp-color-text-muted: var(--dxp-color-on-surface-muted);
}
:root[data-theme=light] {
  color-scheme: light;
  --dxp-color-surface: var(--dxp-palette-neutral-0);
  --dxp-color-surface-variant: var(--dxp-palette-slate-50);
  --dxp-color-surface-sunken: var(--dxp-palette-slate-100);
  --dxp-color-surface-raised: var(--dxp-palette-neutral-0);
  --dxp-color-on-surface: var(--dxp-palette-slate-700);
  --dxp-color-on-surface-muted: var(--dxp-palette-slate-600);
  --dxp-color-on-surface-heading: var(--dxp-palette-slate-800);
  --dxp-color-on-surface-strong: var(--dxp-palette-slate-900);
  --dxp-color-on-surface-emphasis: var(--dxp-palette-slate-750);
  --dxp-color-on-surface-placeholder: var(--dxp-palette-slate-500);
  --dxp-color-on-primary: var(--dxp-palette-neutral-0);
  --dxp-color-primary: var(--dxp-palette-primary-500);
  --dxp-color-primary-hover: var(--dxp-palette-primary-700);
  --dxp-color-primary-accent: var(--dxp-palette-primary-300);
  --dxp-color-primary-on-muted-surface: var(--dxp-palette-primary-700);
  --dxp-color-app-header-bg: var(--dxp-palette-primary-500);
  --dxp-color-app-header-hover: var(--dxp-palette-primary-700);
  --dxp-color-on-app-header: var(--dxp-palette-neutral-0);
  --dxp-color-danger: var(--dxp-palette-danger-500);
  --dxp-color-danger-icon: var(--dxp-palette-danger-600);
  --dxp-color-danger-text: var(--dxp-palette-danger-600);
  --dxp-color-on-danger: var(--dxp-palette-neutral-0);
  --dxp-color-success: var(--dxp-palette-success-500);
  --dxp-color-warning: var(--dxp-palette-warning-600);
  --dxp-color-warning-notice-bg: var(--dxp-palette-warning-notice-bg);
  --dxp-color-warning-notice-text: var(--dxp-palette-warning-notice-text);
  --dxp-color-link: var(--dxp-palette-link-500);
  --dxp-color-border: var(--dxp-palette-slate-300);
  --dxp-color-surface-control: var(--dxp-palette-slate-300);
  --dxp-color-surface-hover: var(--dxp-palette-slate-100);
  --dxp-color-border-strong: var(--dxp-palette-slate-600);
  --dxp-color-border-subtle: var(--dxp-palette-slate-400);
  --dxp-color-focus-ring: var(--dxp-palette-primary-500);
  --dxp-color-overlay: var(--dxp-palette-overlay);
  --dxp-color-bubble-assisted-bg: var(--dxp-palette-bubble-assisted-100);
  --dxp-color-bubble-operator-bg: var(--dxp-palette-bubble-operator-100);
  --dxp-color-on-bubble: var(--dxp-palette-slate-700);
  --dxp-color-status-new-bg: var(--dxp-palette-status-new-100);
  --dxp-color-status-new-text: var(--dxp-palette-status-new-700);
  --dxp-color-status-active-bg: var(--dxp-palette-status-active-100);
  --dxp-color-status-active-text: var(--dxp-palette-status-active-700);
  --dxp-color-status-archived-bg: var(--dxp-palette-status-archived-100);
  --dxp-color-status-archived-text: var(--dxp-palette-status-archived-700);
  --dxp-color-channel-voice-bg: var(--dxp-palette-channel-voice-100);
  --dxp-color-channel-voice-text: var(--dxp-palette-channel-voice-700);
  --dxp-color-channel-web-bg: var(--dxp-palette-channel-web-100);
  --dxp-color-channel-web-text: var(--dxp-palette-channel-web-700);
  --dxp-color-notice-error-bg: var(--dxp-palette-danger-50);
  --dxp-color-notice-error-text: var(--dxp-palette-danger-700);
  --dxp-color-notice-error-border: var(--dxp-palette-danger-100);
  --dxp-color-notice-error-action: var(--dxp-palette-danger-800);
  --dxp-elevation-1: 0 1px 3px var(--dxp-palette-shadow-100);
  --dxp-elevation-2: 0 4px 8px var(--dxp-palette-shadow-200);
  --dxp-elevation-3: 0 10px 15px var(--dxp-palette-shadow-300);
}
:root[data-theme=dark] {
  color-scheme: dark;
  --dxp-color-surface: var(--dxp-palette-neutral-950);
  --dxp-color-surface-variant: var(--dxp-palette-neutral-925);
  --dxp-color-surface-sunken: var(--dxp-palette-neutral-900);
  --dxp-color-surface-raised: var(--dxp-palette-neutral-850);
  --dxp-color-on-surface: var(--dxp-palette-neutral-50);
  --dxp-color-on-surface-muted: var(--dxp-palette-neutral-500);
  --dxp-color-on-surface-heading: var(--dxp-palette-neutral-0);
  --dxp-color-on-surface-strong: var(--dxp-palette-neutral-0);
  --dxp-color-on-surface-emphasis: var(--dxp-palette-neutral-50);
  --dxp-color-on-surface-placeholder: var(--dxp-palette-neutral-500);
  --dxp-color-on-primary: var(--dxp-palette-neutral-950);
  --dxp-color-primary: var(--dxp-palette-primary-200);
  --dxp-color-primary-hover: var(--dxp-palette-primary-100);
  --dxp-color-primary-accent: var(--dxp-palette-primary-300);
  --dxp-color-primary-on-muted-surface: var(--dxp-palette-primary-200);
  --dxp-color-app-header-bg: var(--dxp-palette-primary-900);
  --dxp-color-app-header-hover: var(--dxp-palette-primary-700);
  --dxp-color-on-app-header: var(--dxp-palette-neutral-50);
  --dxp-color-danger: var(--dxp-palette-danger-200);
  --dxp-color-danger-icon: var(--dxp-palette-danger-250);
  --dxp-color-danger-text: var(--dxp-palette-danger-250);
  --dxp-color-on-danger: var(--dxp-palette-neutral-950);
  --dxp-color-success: var(--dxp-palette-success-200);
  --dxp-color-warning: var(--dxp-palette-warning-200);
  --dxp-color-warning-notice-bg: var(--dxp-palette-warning-notice-bg-dark);
  --dxp-color-warning-notice-text: var(--dxp-palette-warning-notice-text-dark);
  --dxp-color-link: var(--dxp-palette-link-200);
  --dxp-color-border: var(--dxp-palette-neutral-800);
  --dxp-color-surface-control: var(--dxp-palette-neutral-800);
  --dxp-color-surface-hover: var(--dxp-palette-neutral-900);
  --dxp-color-border-strong: var(--dxp-palette-neutral-500);
  --dxp-color-border-subtle: var(--dxp-palette-neutral-800);
  --dxp-color-focus-ring: var(--dxp-palette-primary-200);
  --dxp-color-overlay: var(--dxp-palette-overlay);
  --dxp-color-bubble-assisted-bg: var(--dxp-palette-bubble-assisted-900);
  --dxp-color-bubble-operator-bg: var(--dxp-palette-bubble-operator-900);
  --dxp-color-on-bubble: var(--dxp-palette-neutral-50);
  --dxp-color-status-new-bg: var(--dxp-palette-status-new-900);
  --dxp-color-status-new-text: var(--dxp-palette-status-new-200);
  --dxp-color-status-active-bg: var(--dxp-palette-status-active-900);
  --dxp-color-status-active-text: var(--dxp-palette-status-active-200);
  --dxp-color-status-archived-bg: var(--dxp-palette-status-archived-900);
  --dxp-color-status-archived-text: var(--dxp-palette-status-archived-200);
  --dxp-color-channel-voice-bg: var(--dxp-palette-channel-voice-900);
  --dxp-color-channel-voice-text: var(--dxp-palette-channel-voice-200);
  --dxp-color-channel-web-bg: var(--dxp-palette-channel-web-900);
  --dxp-color-channel-web-text: var(--dxp-palette-channel-web-200);
  --dxp-color-notice-error-bg: var(--dxp-palette-danger-900);
  --dxp-color-notice-error-text: var(--dxp-palette-danger-150);
  --dxp-color-notice-error-border: var(--dxp-palette-danger-850);
  --dxp-color-notice-error-action: var(--dxp-palette-danger-250);
  --dxp-elevation-1: var(--dxp-palette-shadow-none);
  --dxp-elevation-2: var(--dxp-palette-shadow-none);
  --dxp-elevation-3: var(--dxp-palette-shadow-none);
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/inter-variable-latin.woff2) format("woff2");
  unicode-range:
    U+0000-00FF,
    U+0131,
    U+0152-0153,
    U+02BB-02BC,
    U+02C6,
    U+02DA,
    U+02DC,
    U+0304,
    U+0308,
    U+0329,
    U+2000-206F,
    U+20AC,
    U+2122,
    U+2191,
    U+2193,
    U+2212,
    U+2215,
    U+FEFF,
    U+FFFD;
}
@font-face {
  font-family: Inter;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url(/fonts/inter-variable-latin-ext.woff2) format("woff2");
  unicode-range:
    U+0100-02BA,
    U+02BD-02C5,
    U+02C7-02CC,
    U+02CE-02D7,
    U+02DD-02FF,
    U+0304,
    U+0308,
    U+0329,
    U+1D00-1DBF,
    U+1E00-1E9F,
    U+1EF2-1EFF,
    U+2020,
    U+20A0-20AB,
    U+20AD-20C0,
    U+2113,
    U+2C60-2C7F,
    U+A720-A7FF;
}
html {
  margin: 0;
  padding: 0;
  background-color: var(--dxp-color-bg);
}
body {
  margin: 0;
  padding: 0;
  font-family: var(--dxp-font-family);
  font-size: var(--dxp-font-size-sm);
  line-height: var(--dxp-line-height-sm);
  background-color: var(--dxp-color-bg);
  color: var(--dxp-color-text);
}
html,
body,
dxp-root {
  block-size: 100%;
}
body {
  overflow: hidden;
}
* {
  box-sizing: border-box;
}
router-outlet + * {
  animation: dxp-view-enter var(--dxp-transition-duration-screen) cubic-bezier(0.2, 0, 0.2, 1);
}
@keyframes dxp-view-enter {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.rich-text-input__field ul,
.rich-text-input__field ol {
  margin-block: 0;
  padding-inline-start: var(--dxp-space-lg);
}
.chat-bubble__text ul,
.chat-bubble__text ol {
  margin-block: 0;
  padding-inline-start: var(--dxp-space-lg);
}
.suggested-reply-card__text ul,
.suggested-reply-card__text ol {
  margin-block: 0;
  padding-inline-start: var(--dxp-space-lg);
}
@media (prefers-reduced-motion: reduce) {
  router-outlet + * {
    animation: none;
  }
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */