/* [project]/app/design-tokens.generated.css [app-client] (css) */
:root {
  --dzsh-border-style-default: solid;
  --dzsh-border-width-focus: 3px;
  --dzsh-border-width-none: 0px;
  --dzsh-border-width-strong: 2px;
  --dzsh-border-width-thin: 1px;
  --dzsh-breakpoint-desktop: 80rem;
  --dzsh-breakpoint-laptop: 64rem;
  --dzsh-breakpoint-large-phone: 30rem;
  --dzsh-breakpoint-small-phone: 20rem;
  --dzsh-breakpoint-standard-phone: 22.5rem;
  --dzsh-breakpoint-tablet: 48rem;
  --dzsh-breakpoint-wide: 96rem;
  --dzsh-color-action-accent-background: #925008;
  --dzsh-color-action-accent-border: #925008;
  --dzsh-color-action-accent-disabled-background: #dde2e8;
  --dzsh-color-action-accent-disabled-foreground: #4b5869;
  --dzsh-color-action-accent-foreground: #fff;
  --dzsh-color-action-accent-hover: #613606;
  --dzsh-color-action-accent-pressed: #4a2905;
  --dzsh-color-action-danger-background: #a62d2d;
  --dzsh-color-action-danger-border: #a62d2d;
  --dzsh-color-action-danger-disabled-background: #dde2e8;
  --dzsh-color-action-danger-disabled-foreground: #4b5869;
  --dzsh-color-action-danger-foreground: #fff;
  --dzsh-color-action-danger-hover: #6f1d1d;
  --dzsh-color-action-danger-pressed: #521515;
  --dzsh-color-action-primary-background: #29445e;
  --dzsh-color-action-primary-border: #29445e;
  --dzsh-color-action-primary-disabled-background: #dde2e8;
  --dzsh-color-action-primary-disabled-foreground: #4b5869;
  --dzsh-color-action-primary-foreground: #fff;
  --dzsh-color-action-primary-hover: #20364b;
  --dzsh-color-action-primary-pressed: #182a3b;
  --dzsh-color-action-secondary-background: #fff;
  --dzsh-color-action-secondary-border: #29445e;
  --dzsh-color-action-secondary-disabled-background: #eef1f4;
  --dzsh-color-action-secondary-disabled-foreground: #667384;
  --dzsh-color-action-secondary-foreground: #20364b;
  --dzsh-color-action-secondary-hover: #f2f5f8;
  --dzsh-color-action-secondary-pressed: #e2e9f0;
  --dzsh-color-background-inverse: #0e1925;
  --dzsh-color-background-page: #f7f8fa;
  --dzsh-color-background-scrim: #0e1925a3;
  --dzsh-color-background-subtle: #f2f5f8;
  --dzsh-color-border-default: #c4cbd4;
  --dzsh-color-border-disabled: #dde2e8;
  --dzsh-color-border-inverse: #667384;
  --dzsh-color-border-strong: #4b5869;
  --dzsh-color-border-subtle: #dde2e8;
  --dzsh-color-brand-accent: #a45b08;
  --dzsh-color-brand-algerian-green: #176b52;
  --dzsh-color-brand-conversation-blue: #1f4b6e;
  --dzsh-color-brand-growth-gold: #a45b08;
  --dzsh-color-brand-primary: #1f4b6e;
  --dzsh-color-brand-secondary: #176b52;
  --dzsh-color-data-series1: #29445e;
  --dzsh-color-data-series2: #176b52;
  --dzsh-color-data-series3: #925008;
  --dzsh-color-data-series4: #57448e;
  --dzsh-color-data-series5: #19899a;
  --dzsh-color-data-series6: #b94a74;
  --dzsh-color-data-series7: #2465a2;
  --dzsh-color-data-series8: #4b5869;
  --dzsh-color-focus-inner: #fff;
  --dzsh-color-focus-ring: #b86a0c;
  --dzsh-color-palette-amber100: #fdedc0;
  --dzsh-color-palette-amber300: #e9bd62;
  --dzsh-color-palette-amber50: #fff8e7;
  --dzsh-color-palette-amber500: #b86a0c;
  --dzsh-color-palette-amber600: #925008;
  --dzsh-color-palette-amber800: #613606;
  --dzsh-color-palette-black: #000;
  --dzsh-color-palette-blue100: #dbeafe;
  --dzsh-color-palette-blue400: #4e8fd0;
  --dzsh-color-palette-blue50: #eff6ff;
  --dzsh-color-palette-blue600: #2465a2;
  --dzsh-color-palette-blue800: #1e456d;
  --dzsh-color-palette-cyan500: #19899a;
  --dzsh-color-palette-green100: #d9f1e8;
  --dzsh-color-palette-green200: #b5e2d3;
  --dzsh-color-palette-green300: #83cdb5;
  --dzsh-color-palette-green400: #4eae91;
  --dzsh-color-palette-green50: #eff9f5;
  --dzsh-color-palette-green500: #2d8c70;
  --dzsh-color-palette-green600: #176b52;
  --dzsh-color-palette-green700: #155642;
  --dzsh-color-palette-green800: #154536;
  --dzsh-color-palette-green900: #12382d;
  --dzsh-color-palette-green950: #092019;
  --dzsh-color-palette-navy100: #e2e9f0;
  --dzsh-color-palette-navy200: #c5d3e1;
  --dzsh-color-palette-navy300: #9cb2c9;
  --dzsh-color-palette-navy400: #6f8ead;
  --dzsh-color-palette-navy50: #f2f5f8;
  --dzsh-color-palette-navy500: #4b6e91;
  --dzsh-color-palette-navy600: #365776;
  --dzsh-color-palette-navy700: #29445e;
  --dzsh-color-palette-navy800: #20364b;
  --dzsh-color-palette-navy900: #182a3b;
  --dzsh-color-palette-navy950: #0e1925;
  --dzsh-color-palette-red100: #ffe0e0;
  --dzsh-color-palette-red400: #d85b5b;
  --dzsh-color-palette-red50: #fff1f1;
  --dzsh-color-palette-red600: #a62d2d;
  --dzsh-color-palette-red800: #6f1d1d;
  --dzsh-color-palette-rose500: #b94a74;
  --dzsh-color-palette-slate100: #eef1f4;
  --dzsh-color-palette-slate200: #dde2e8;
  --dzsh-color-palette-slate300: #c4cbd4;
  --dzsh-color-palette-slate400: #8a95a3;
  --dzsh-color-palette-slate50: #f7f8fa;
  --dzsh-color-palette-slate500: #667384;
  --dzsh-color-palette-slate600: #4b5869;
  --dzsh-color-palette-slate700: #364252;
  --dzsh-color-palette-slate800: #252f3d;
  --dzsh-color-palette-slate900: #18212f;
  --dzsh-color-palette-slate950: #0d141e;
  --dzsh-color-palette-violet400: #8b76c8;
  --dzsh-color-palette-violet700: #57448e;
  --dzsh-color-palette-white: #fff;
  --dzsh-color-status-error-background: #fff1f1;
  --dzsh-color-status-error-border: #a62d2d;
  --dzsh-color-status-error-foreground: #6f1d1d;
  --dzsh-color-status-error-icon: #a62d2d;
  --dzsh-color-status-info-background: #eff6ff;
  --dzsh-color-status-info-border: #2465a2;
  --dzsh-color-status-info-foreground: #1e456d;
  --dzsh-color-status-info-icon: #2465a2;
  --dzsh-color-status-meeting-background: #f3f0fa;
  --dzsh-color-status-meeting-border: #8b76c8;
  --dzsh-color-status-meeting-foreground: #57448e;
  --dzsh-color-status-meeting-icon: #57448e;
  --dzsh-color-status-neutral-background: #eef1f4;
  --dzsh-color-status-neutral-border: #8a95a3;
  --dzsh-color-status-neutral-foreground: #252f3d;
  --dzsh-color-status-neutral-icon: #4b5869;
  --dzsh-color-status-payment-background: #f2f5f8;
  --dzsh-color-status-payment-border: #365776;
  --dzsh-color-status-payment-foreground: #20364b;
  --dzsh-color-status-payment-icon: #365776;
  --dzsh-color-status-risk-background: #fff8e7;
  --dzsh-color-status-risk-border: #925008;
  --dzsh-color-status-risk-foreground: #613606;
  --dzsh-color-status-risk-icon: #925008;
  --dzsh-color-status-subscription-background: #eff9f5;
  --dzsh-color-status-subscription-border: #176b52;
  --dzsh-color-status-subscription-foreground: #154536;
  --dzsh-color-status-subscription-icon: #155642;
  --dzsh-color-status-success-background: #eff9f5;
  --dzsh-color-status-success-border: #176b52;
  --dzsh-color-status-success-foreground: #154536;
  --dzsh-color-status-success-icon: #155642;
  --dzsh-color-status-trial-background: #eff6ff;
  --dzsh-color-status-trial-border: #2465a2;
  --dzsh-color-status-trial-foreground: #1e456d;
  --dzsh-color-status-trial-icon: #2465a2;
  --dzsh-color-status-warning-background: #fff8e7;
  --dzsh-color-status-warning-border: #925008;
  --dzsh-color-status-warning-foreground: #613606;
  --dzsh-color-status-warning-icon: #925008;
  --dzsh-color-surface-base: #fff;
  --dzsh-color-surface-disabled: #eef1f4;
  --dzsh-color-surface-raised: #fff;
  --dzsh-color-surface-selected: #eff6ff;
  --dzsh-color-surface-sunken: #eef1f4;
  --dzsh-color-text-disabled: #4b5869;
  --dzsh-color-text-inverse: #fff;
  --dzsh-color-text-link: #1e456d;
  --dzsh-color-text-link-visited: #57448e;
  --dzsh-color-text-muted: #4b5869;
  --dzsh-color-text-primary: #18212f;
  --dzsh-color-text-secondary: #364252;
  --dzsh-color-text-selection-background: #b5e2d3;
  --dzsh-color-text-selection-foreground: #0e1925;
  --dzsh-font-family-base: "Times New Roman", Tinos, serif;
  --dzsh-font-family-code: ui-monospace, SFMono-Regular, Consolas, monospace;
  --dzsh-font-letter-spacing-caps: .045em;
  --dzsh-font-letter-spacing-label: .01em;
  --dzsh-font-letter-spacing-normal: 0em;
  --dzsh-font-letter-spacing-tight: -.015em;
  --dzsh-font-line-height-body: 1.58;
  --dzsh-font-line-height-control: 1.3;
  --dzsh-font-line-height-heading: 1.2;
  --dzsh-font-line-height-relaxed: 1.65;
  --dzsh-font-line-height-tight: 1.12;
  --dzsh-font-size-body: 1.125rem;
  --dzsh-font-size-display: 4rem;
  --dzsh-font-size-h1: 3rem;
  --dzsh-font-size-h2: 2.5rem;
  --dzsh-font-size-h3: 2rem;
  --dzsh-font-size-h4: 1.625rem;
  --dzsh-font-size-h5: 1.375rem;
  --dzsh-font-size-h6: 1.25rem;
  --dzsh-font-size-lg: 1.25rem;
  --dzsh-font-size-metric: 2.75rem;
  --dzsh-font-size-sm: 1.0625rem;
  --dzsh-font-size-xs: 1rem;
  --dzsh-font-weight-bold: 700;
  --dzsh-font-weight-medium: 600;
  --dzsh-font-weight-regular: 400;
  --dzsh-icon-size-lg: 1.5rem;
  --dzsh-icon-size-md: 1.25rem;
  --dzsh-icon-size-sm: 1rem;
  --dzsh-icon-stroke-default: 1.75;
  --dzsh-icon-stroke-strong: 2;
  --dzsh-layout-auth-max: 32rem;
  --dzsh-layout-content-max: 80rem;
  --dzsh-layout-form-max: 38rem;
  --dzsh-layout-gutter-desktop: 2rem;
  --dzsh-layout-gutter-mobile: 1rem;
  --dzsh-layout-gutter-tablet: 1.5rem;
  --dzsh-layout-reading-max: 42rem;
  --dzsh-layout-sidebar: 17rem;
  --dzsh-layout-wide-max: 96rem;
  --dzsh-motion-distance-lg: 1rem;
  --dzsh-motion-distance-md: .5rem;
  --dzsh-motion-distance-sm: .25rem;
  --dzsh-motion-duration-deliberate: .24s;
  --dzsh-motion-duration-fast: 80ms;
  --dzsh-motion-duration-instant: 0s;
  --dzsh-motion-duration-slow: .32s;
  --dzsh-motion-duration-standard: .16s;
  --dzsh-motion-easing-enter: cubic-bezier(0, 0, 0, 1);
  --dzsh-motion-easing-exit: cubic-bezier(.3, 0, 1, 1);
  --dzsh-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);
  --dzsh-opacity-disabled: .52;
  --dzsh-opacity-scrim: .64;
  --dzsh-opacity-subtle: .78;
  --dzsh-radius-card: .75rem;
  --dzsh-radius-control: .5rem;
  --dzsh-radius-full: 9999px;
  --dzsh-radius-lg: .75rem;
  --dzsh-radius-md: .5rem;
  --dzsh-radius-none: 0rem;
  --dzsh-radius-sm: .25rem;
  --dzsh-radius-xs: .125rem;
  --dzsh-shadow-dark-modal: 0 16px 40px #0000008a;
  --dzsh-shadow-dark-popover: 0 8px 24px #00000075;
  --dzsh-shadow-dark-raised: 0 2px 8px #00000052;
  --dzsh-shadow-dark-sticky: 0 4px 12px #00000061;
  --dzsh-shadow-light-modal: 0 16px 40px #0e192533;
  --dzsh-shadow-light-popover: 0 8px 24px #0e192529;
  --dzsh-shadow-light-raised: 0 2px 8px #0e19251a;
  --dzsh-shadow-light-sticky: 0 4px 12px #0e19251f;
  --dzsh-shadow-modal: 0 16px 40px #0e192533;
  --dzsh-shadow-popover: 0 8px 24px #0e192529;
  --dzsh-shadow-raised: 0 2px 8px #0e19251a;
  --dzsh-shadow-sticky: 0 4px 12px #0e19251f;
  --dzsh-size-avatar-lg: 4.5rem;
  --dzsh-size-avatar-md: 3rem;
  --dzsh-size-avatar-sm: 2rem;
  --dzsh-size-control: 3rem;
  --dzsh-size-icon-lg: 1.5rem;
  --dzsh-size-icon-md: 1.25rem;
  --dzsh-size-icon-sm: 1rem;
  --dzsh-size-touch-minimum: 2.75rem;
  --dzsh-size-touch-preferred: 3rem;
  --dzsh-space-0: 0rem;
  --dzsh-space-1: .25rem;
  --dzsh-space-10: 2.5rem;
  --dzsh-space-12: 3rem;
  --dzsh-space-16: 4rem;
  --dzsh-space-2: .5rem;
  --dzsh-space-20: 5rem;
  --dzsh-space-24: 6rem;
  --dzsh-space-3: .75rem;
  --dzsh-space-4: 1rem;
  --dzsh-space-5: 1.25rem;
  --dzsh-space-6: 1.5rem;
  --dzsh-space-8: 2rem;
  --dzsh-space-component-lg: 1.5rem;
  --dzsh-space-component-md: 1rem;
  --dzsh-space-component-sm: .5rem;
  --dzsh-space-component-xl: 2rem;
  --dzsh-space-component-xs: .25rem;
  --dzsh-z-index-base: 0;
  --dzsh-z-index-critical: 900;
  --dzsh-z-index-dropdown: 300;
  --dzsh-z-index-modal: 500;
  --dzsh-z-index-sticky: 100;
  --dzsh-z-index-toast: 700;
}

[data-dzsh-theme="dark"] {
  --dzsh-color-action-accent-background: #e9bd62;
  --dzsh-color-action-accent-border: #e9bd62;
  --dzsh-color-action-accent-disabled-background: #364252;
  --dzsh-color-action-accent-disabled-foreground: #c4cbd4;
  --dzsh-color-action-accent-foreground: #0d141e;
  --dzsh-color-action-accent-hover: #fdedc0;
  --dzsh-color-action-accent-pressed: #fff3d2;
  --dzsh-color-action-danger-background: #d85b5b;
  --dzsh-color-action-danger-border: #d85b5b;
  --dzsh-color-action-danger-disabled-background: #364252;
  --dzsh-color-action-danger-disabled-foreground: #c4cbd4;
  --dzsh-color-action-danger-foreground: #0d141e;
  --dzsh-color-action-danger-hover: #f07c7c;
  --dzsh-color-action-danger-pressed: #ffa1a1;
  --dzsh-color-action-primary-background: #9cb2c9;
  --dzsh-color-action-primary-border: #9cb2c9;
  --dzsh-color-action-primary-disabled-background: #364252;
  --dzsh-color-action-primary-disabled-foreground: #c4cbd4;
  --dzsh-color-action-primary-foreground: #0e1925;
  --dzsh-color-action-primary-hover: #c5d3e1;
  --dzsh-color-action-primary-pressed: #e2e9f0;
  --dzsh-color-action-secondary-background: #18212f;
  --dzsh-color-action-secondary-border: #9cb2c9;
  --dzsh-color-action-secondary-disabled-background: #252f3d;
  --dzsh-color-action-secondary-disabled-foreground: #8a95a3;
  --dzsh-color-action-secondary-foreground: #c5d3e1;
  --dzsh-color-action-secondary-hover: #182a3b;
  --dzsh-color-action-secondary-pressed: #20364b;
  --dzsh-color-background-inverse: #f7f8fa;
  --dzsh-color-background-page: #0d141e;
  --dzsh-color-background-scrim: #000000a3;
  --dzsh-color-background-subtle: #0e1925;
  --dzsh-color-border-default: #4b5869;
  --dzsh-color-border-disabled: #364252;
  --dzsh-color-border-inverse: #8a95a3;
  --dzsh-color-border-strong: #c4cbd4;
  --dzsh-color-border-subtle: #364252;
  --dzsh-color-brand-accent: #e9bd62;
  --dzsh-color-brand-primary: #9cb2c9;
  --dzsh-color-brand-secondary: #83cdb5;
  --dzsh-color-data-series1: #9cb2c9;
  --dzsh-color-data-series2: #83cdb5;
  --dzsh-color-data-series3: #e9bd62;
  --dzsh-color-data-series4: #c0acef;
  --dzsh-color-data-series5: #62c7d5;
  --dzsh-color-data-series6: #e68ab0;
  --dzsh-color-data-series7: #8fc6f2;
  --dzsh-color-data-series8: #c4cbd4;
  --dzsh-color-focus-inner: #0d141e;
  --dzsh-color-focus-ring: #e9bd62;
  --dzsh-color-status-error-background: #321414;
  --dzsh-color-status-error-border: #d85b5b;
  --dzsh-color-status-error-foreground: #ffe0e0;
  --dzsh-color-status-error-icon: #d85b5b;
  --dzsh-color-status-info-background: #10263b;
  --dzsh-color-status-info-border: #4e8fd0;
  --dzsh-color-status-info-foreground: #dbeafe;
  --dzsh-color-status-info-icon: #4e8fd0;
  --dzsh-color-status-meeting-background: #211a35;
  --dzsh-color-status-meeting-border: #8b76c8;
  --dzsh-color-status-meeting-foreground: #ded3fa;
  --dzsh-color-status-meeting-icon: #c0acef;
  --dzsh-color-status-neutral-background: #252f3d;
  --dzsh-color-status-neutral-border: #667384;
  --dzsh-color-status-neutral-foreground: #eef1f4;
  --dzsh-color-status-neutral-icon: #c4cbd4;
  --dzsh-color-status-payment-background: #0e1925;
  --dzsh-color-status-payment-border: #6f8ead;
  --dzsh-color-status-payment-foreground: #e2e9f0;
  --dzsh-color-status-payment-icon: #9cb2c9;
  --dzsh-color-status-risk-background: #2d210b;
  --dzsh-color-status-risk-border: #e9bd62;
  --dzsh-color-status-risk-foreground: #fdedc0;
  --dzsh-color-status-risk-icon: #e9bd62;
  --dzsh-color-status-subscription-background: #092019;
  --dzsh-color-status-subscription-border: #4eae91;
  --dzsh-color-status-subscription-foreground: #d9f1e8;
  --dzsh-color-status-subscription-icon: #83cdb5;
  --dzsh-color-status-success-background: #092019;
  --dzsh-color-status-success-border: #4eae91;
  --dzsh-color-status-success-foreground: #d9f1e8;
  --dzsh-color-status-success-icon: #83cdb5;
  --dzsh-color-status-trial-background: #10263b;
  --dzsh-color-status-trial-border: #4e8fd0;
  --dzsh-color-status-trial-foreground: #dbeafe;
  --dzsh-color-status-trial-icon: #4e8fd0;
  --dzsh-color-status-warning-background: #2d210b;
  --dzsh-color-status-warning-border: #e9bd62;
  --dzsh-color-status-warning-foreground: #fdedc0;
  --dzsh-color-status-warning-icon: #e9bd62;
  --dzsh-color-surface-base: #18212f;
  --dzsh-color-surface-disabled: #252f3d;
  --dzsh-color-surface-raised: #252f3d;
  --dzsh-color-surface-selected: #20364b;
  --dzsh-color-surface-sunken: #0d141e;
  --dzsh-color-text-disabled: #c4cbd4;
  --dzsh-color-text-inverse: #0d141e;
  --dzsh-color-text-link: #8fc6f2;
  --dzsh-color-text-link-visited: #c0acef;
  --dzsh-color-text-muted: #c4cbd4;
  --dzsh-color-text-primary: #f7f8fa;
  --dzsh-color-text-secondary: #dde2e8;
  --dzsh-color-text-selection-background: #83cdb5;
  --dzsh-color-text-selection-foreground: #0d141e;
  --dzsh-shadow-modal: 0 16px 40px #0000008a;
  --dzsh-shadow-popover: 0 8px 24px #00000075;
  --dzsh-shadow-raised: 0 2px 8px #00000052;
  --dzsh-shadow-sticky: 0 4px 12px #00000061;
}

:root {
  --lightningcss-light: initial;
  --lightningcss-dark: ;
  color-scheme: light;
}

[data-dzsh-theme="dark"] {
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
}

/* [project]/app/globals.css [app-client] (css) */
:root {
  --ink: var(--dzsh-color-text-primary);
  --muted: var(--dzsh-color-text-muted);
  --surface: var(--dzsh-color-surface-base);
  --canvas: var(--dzsh-color-background-page);
  --brand: var(--dzsh-color-action-primary-background);
  --brand-dark: var(--dzsh-color-action-primary-hover);
  --line: var(--dzsh-color-border-default);
  --danger: var(--dzsh-color-action-danger-background);
  --success: var(--dzsh-color-status-success-border);
}

.discovery-search {
  gap: 1.25rem;
  display: grid;
}

.discovery-search-form {
  border: 1px solid var(--color-border, #b9b3a7);
  background: var(--color-surface, #fff);
  border-radius: 1rem;
  gap: 1rem;
  padding: clamp(1rem, 3vw, 1.5rem);
  display: grid;
}

.discovery-search-row {
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .75rem;
  display: grid;
}

.discovery-search-row input {
  min-block-size: 2.75rem;
  inline-size: 100%;
  font: inherit;
  border: 1px solid;
  border-radius: .6rem;
  padding-inline: .875rem;
}

.discovery-search-row button {
  color: #fff;
  min-block-size: 2.75rem;
  min-inline-size: 6rem;
  font: inherit;
  background: #183b35;
  border: 0;
  border-radius: .6rem;
  padding-inline: 1rem;
  font-weight: 700;
}

.discovery-search-row button:disabled {
  opacity: .55;
}

.discovery-family-picker {
  border: 0;
  flex-wrap: wrap;
  gap: .5rem 1rem;
  padding: 0;
  display: flex;
}

.discovery-family-picker legend {
  inline-size: 100%;
  margin-block-end: .5rem;
  font-weight: 700;
}

.discovery-family-picker label {
  text-transform: capitalize;
  align-items: center;
  gap: .4rem;
  min-block-size: 2.75rem;
  display: inline-flex;
}

.discovery-family-picker input {
  block-size: 1.2rem;
  inline-size: 1.2rem;
}

.discovery-filters summary {
  cursor: pointer;
  min-block-size: 2.75rem;
  font-weight: 700;
}

.discovery-filter-grid {
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: .75rem;
  display: grid;
}

.discovery-filter-grid label {
  gap: .35rem;
  display: grid;
}

.discovery-filter-grid input, .discovery-filter-grid select {
  background: var(--color-surface, #fff);
  min-block-size: 2.75rem;
  color: inherit;
  font: inherit;
  border: 1px solid;
  border-radius: .55rem;
  padding-inline: .65rem;
}

.discovery-status {
  min-block-size: 1.5rem;
  margin: 0;
}

.discovery-suggestions {
  flex-wrap: wrap;
  align-items: center;
  gap: .5rem;
  display: flex;
}

.discovery-suggestions button, .discovery-load-more {
  background: var(--color-surface, #fff);
  min-block-size: 2.75rem;
  color: inherit;
  font: inherit;
  border: 1px solid;
  border-radius: 999px;
  padding-inline: .9rem;
}

.discovery-facets {
  background: var(--color-surface-subtle, #f5f3ee);
  border-inline-start: .25rem solid #183b35;
  padding: .75rem 1rem;
}

.discovery-facets p {
  margin: .25rem 0;
}

.discovery-results {
  gap: .8rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.discovery-results article {
  border: 1px solid var(--color-border, #b9b3a7);
  background: var(--color-surface, #fff);
  border-radius: .8rem;
  gap: .5rem;
  padding: 1rem;
  display: grid;
}

.discovery-results h2, .discovery-results p {
  margin: 0;
}

.discovery-results mark {
  color: inherit;
  background: #ffe79a;
  padding: 0;
}

.discovery-result-meta {
  color: var(--color-text-muted, #514c45);
  text-transform: capitalize;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: .5rem;
  font-size: .875rem;
  display: flex;
}

@media (max-width: 40rem) {
  .discovery-search-row {
    grid-template-columns: 1fr;
  }

  .discovery-search-row button {
    inline-size: 100%;
  }
}

html {
  font-family: var(--dzsh-font-family-base);
  text-rendering: optimizelegibility;
  -webkit-text-size-adjust: 100%;
  font-size: 100%;
}

* {
  box-sizing: border-box;
}

body {
  min-height: 100dvh;
  color: var(--ink);
  background: var(--canvas);
  font-family: inherit;
  font-size: var(--dzsh-font-size-body);
  line-height: var(--dzsh-font-line-height-body);
  margin: 0;
}

button, input, select, textarea {
  font: inherit;
}

img, picture, svg, video {
  max-inline-size: 100%;
  display: block;
}

::selection {
  color: var(--dzsh-color-text-selection-foreground);
  background: var(--dzsh-color-text-selection-background);
}

a {
  color: var(--brand);
  text-underline-offset: .2em;
}

a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible {
  outline: var(--dzsh-border-width-focus) solid var(--dzsh-color-focus-ring);
  outline-offset: 3px;
}

.skip-link {
  z-index: var(--dzsh-z-index-critical);
  background: var(--dzsh-color-surface-base);
  padding: .75rem;
  position: absolute;
  inset-block-start: 0;
  inset-inline-start: -10000px;
}

.skip-link:focus {
  inset-block-start: 1rem;
  inset-inline-start: 1rem;
}

.site-header {
  background: var(--surface);
  border-bottom: 1px solid var(--line);
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem clamp(1rem, 5vw, 4rem);
  display: flex;
}

.brand {
  color: var(--ink);
  align-items: center;
  gap: .55rem;
  text-decoration: none;
  display: flex;
}

.brand span {
  color: #fff;
  background: var(--brand);
  border-radius: .7rem;
  place-items: center;
  width: 2.35rem;
  height: 2.35rem;
  font-weight: 800;
  display: grid;
}

nav {
  gap: 1rem;
  display: flex;
}

main {
  min-height: calc(100vh - 9rem);
}

footer {
  color: var(--muted);
  text-align: center;
  padding: 1.25rem;
}

.auth-shell, .dashboard-shell {
  width: min(100% - 2rem, 68rem);
  margin: 0 auto;
  padding: clamp(2rem, 7vw, 5rem) 0;
}

.auth-card {
  border: 1px solid var(--line);
  background: var(--surface);
  border-radius: 1.25rem;
  width: min(100%, 32rem);
  margin: 0 auto;
  padding: clamp(1.25rem, 5vw, 2.5rem);
  box-shadow: 0 1rem 3rem #14221d14;
}

h1 {
  letter-spacing: -.035em;
  margin: 0 0 .6rem;
  font-size: clamp(2rem, 8vw, 3rem);
  line-height: 1.05;
}

h2 {
  margin-top: 0;
}

.lede {
  color: var(--muted);
  margin: 0 0 2rem;
  line-height: 1.55;
}

form {
  gap: 1rem;
  display: grid;
}

label {
  gap: .4rem;
  font-weight: 650;
  display: grid;
}

input, select, textarea {
  width: 100%;
  min-height: 2.9rem;
  color: var(--ink);
  font: inherit;
  background: #fff;
  border: 1px solid #798c82;
  border-radius: .55rem;
  padding: .7rem .8rem;
}

.email-address {
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}

textarea {
  resize: vertical;
}

small, .field-help {
  color: var(--muted);
  font-weight: 450;
  line-height: 1.45;
}

fieldset {
  border: 1px solid var(--line);
  border-radius: .7rem;
  min-width: 0;
  margin: 0;
  padding: 1rem;
}

legend {
  padding: 0 .35rem;
  font-weight: 750;
}

.check {
  grid-template-columns: auto 1fr;
  align-items: start;
  font-weight: 500;
  line-height: 1.45;
}

.check input {
  width: 1.25rem;
  min-height: 1.25rem;
  margin-top: .12rem;
}

button {
  color: #fff;
  background: var(--brand);
  min-height: 2.9rem;
  font: inherit;
  cursor: pointer;
  border: 0;
  border-radius: .55rem;
  padding: .7rem 1rem;
  font-weight: 750;
}

button:hover {
  background: var(--brand-dark);
}

button:disabled {
  cursor: wait;
  opacity: .65;
}

.secondary {
  color: var(--brand);
  border: 1px solid var(--brand);
  background: #fff;
}

.secondary:hover {
  color: #fff;
}

.text-button {
  min-height: auto;
  color: var(--brand);
  text-underline-offset: .2em;
  background: none;
  padding: .35rem;
  text-decoration: underline;
}

.text-button:hover {
  color: var(--brand-dark);
  background: none;
}

.status {
  border-inline-start: 4px solid var(--success);
  background: #edf8f2;
  padding: .8rem;
  line-height: 1.45;
}

.status.error {
  border-color: var(--danger);
  color: #701b1b;
  background: #fff0f0;
}

.links {
  flex-wrap: wrap;
  gap: .75rem 1.25rem;
  margin-top: 1.4rem;
  display: flex;
}

.dashboard-header {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: end;
  gap: 1rem;
  margin-bottom: 2rem;
  display: flex;
}

.dashboard-nav {
  flex-wrap: wrap;
  gap: .6rem;
  display: flex;
}

.dashboard-nav a {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 999px;
  padding: .65rem .9rem;
  text-decoration: none;
}

.panel-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 22rem), 1fr));
  gap: 1rem;
  display: grid;
}

.panel {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 1rem;
  padding: 1.4rem;
}

.profile-stack {
  gap: 1rem;
  display: grid;
}

.profile-layout {
  grid-template-columns: minmax(0, 1.65fr) minmax(18rem, .75fr);
  align-items: start;
}

.partner-preview {
  position: sticky;
  top: 1rem;
}

.privacy-note {
  background: #eef5f1;
  border-radius: .65rem;
  padding: .8rem;
  line-height: 1.5;
}

.action-banner {
  background: #fff7e8;
  border: 2px solid #b5650a;
  border-radius: 1rem;
  padding: 1.25rem;
}

.action-banner h2 {
  color: #713d05;
}

.onboarding-shell {
  width: min(100% - 2rem, 54rem);
}

.onboarding-card {
  border: 1px solid var(--line);
  background: #fff;
  border-radius: 1.2rem;
  padding: clamp(1rem, 4vw, 2rem);
  box-shadow: 0 1rem 3rem #14221d14;
}

.onboarding-card progress {
  width: 100%;
  height: .7rem;
  accent-color: var(--brand);
  margin: .6rem 0 1.5rem;
}

.progress-copy {
  color: var(--muted);
  justify-content: space-between;
  gap: 1rem;
  display: flex;
}

.progress-copy strong {
  color: var(--ink);
  text-align: right;
}

.step-panel {
  gap: 1rem;
  min-height: 20rem;
  display: grid;
}

.choice-card {
  border: 1px solid var(--line);
  border-radius: .65rem;
  grid-template-columns: auto 1fr;
  align-items: start;
  padding: .75rem;
  font-weight: 500;
}

.choice-card input {
  width: 1.2rem;
  min-height: 1.2rem;
  margin-top: .15rem;
}

.choice-card span {
  gap: .25rem;
  display: grid;
}

.choice-grid {
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  gap: .7rem;
  display: grid;
}

.time-row {
  grid-template-columns: 1.3fr 1fr 1fr auto;
  align-items: end;
  gap: .65rem;
  margin-bottom: .8rem;
  display: grid;
}

.topic-entry {
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-areas: "field action"
                       "help help";
  align-items: end;
  gap: .35rem .7rem;
  margin-top: 1rem;
  display: grid;
}

.topic-entry-field {
  grid-area: field;
}

.topic-entry-action {
  grid-area: action;
}

.topic-entry-help {
  grid-area: help;
}

.topic-list {
  flex-wrap: wrap;
  gap: .55rem;
  padding: 0;
  list-style: none;
  display: flex;
}

.topic-list li {
  border: 1px solid var(--line);
  background: var(--canvas);
  border-radius: 999px;
  align-items: center;
  gap: .35rem;
  padding: .35rem .45rem .35rem .7rem;
  display: inline-flex;
}

.topic-list .text-button {
  min-height: 2rem;
  padding: .2rem .45rem;
}

.form-actions {
  border-top: 1px solid var(--line);
  flex-wrap: wrap;
  align-items: center;
  gap: .7rem;
  padding-top: 1rem;
  display: flex;
}

.review-grid, .readonly-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  display: grid;
}

.review-grid p, .readonly-grid p {
  background: var(--canvas);
  border-radius: .65rem;
  gap: .3rem;
  margin: 0;
  padding: .8rem;
  display: grid;
}

.review-grid span, .readonly-grid span {
  overflow-wrap: anywhere;
}

.wide {
  grid-column: 1 / -1;
}

.panel dl, .partner-preview dl {
  grid-template-columns: minmax(8rem, auto) 1fr;
  gap: .45rem 1rem;
  display: grid;
}

.panel dt {
  color: var(--muted);
  font-weight: 700;
}

.panel dd {
  overflow-wrap: anywhere;
  margin: 0;
}

.session-list {
  gap: .8rem;
  padding: 0;
  list-style: none;
  display: grid;
}

.session {
  border: 1px solid var(--line);
  border-radius: .75rem;
  grid-template-columns: 1fr auto;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  display: grid;
}

.session p {
  color: var(--muted);
  margin: .25rem 0;
}

.trial-stack {
  gap: 1rem;
  display: grid;
}

.status-card {
  border-top: .45rem solid var(--brand);
}

.state-pill {
  color: #26332e;
  letter-spacing: .04em;
  background: #e8eeeb;
  border-radius: 999px;
  width: fit-content;
  margin: 0 0 .7rem;
  padding: .25rem .6rem;
  font-size: .78rem;
  font-weight: 800;
  display: inline-flex;
}

.state-low {
  color: #0b5032;
  background: #dff5e8;
}

.state-medium {
  color: #66430a;
  background: #fff0c9;
}

.state-high, .state-blocked {
  color: #7b2020;
  background: #ffe2e2;
}

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

table {
  border-collapse: collapse;
  width: 100%;
}

th, td {
  border-bottom: 1px solid var(--line);
  text-align: start;
  vertical-align: top;
  padding: .75rem;
}

th {
  color: var(--muted);
  font-size: .85rem;
}

.compact-actions {
  flex-wrap: wrap;
  gap: .45rem;
  display: flex;
}

.compact-actions button {
  min-height: 2.3rem;
  padding: .45rem .65rem;
  font-size: .85rem;
}

.danger {
  background: var(--danger);
}

.danger:hover {
  background: #761a1a;
}

.plain-list {
  gap: .75rem;
  padding: 0;
  list-style: none;
  display: grid;
}

.plain-list li {
  border-bottom: 1px solid var(--line);
  gap: .35rem;
  padding-bottom: .75rem;
  display: grid;
}

code {
  overflow-wrap: anywhere;
}

.commercial-stack, .payment-list {
  gap: 1rem;
  display: grid;
}

.offer-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr));
  gap: 1rem;
  display: grid;
}

.offer-card {
  align-content: start;
  gap: .65rem;
  display: grid;
}

.offer-card h2, .offer-card h3, .offer-card p, .offer-card ul {
  margin: 0;
}

.price {
  font-size: 1.35rem;
}

.button-link {
  color: #fff;
  background: var(--brand);
  border-radius: .55rem;
  align-items: center;
  width: fit-content;
  min-height: 2.9rem;
  padding: .7rem 1rem;
  font-weight: 750;
  text-decoration: none;
  display: inline-flex;
}

.button-link:hover {
  background: var(--brand-dark);
}

.empty-state {
  text-align: center;
}

.payment-card {
  grid-template-columns: 1fr auto;
  align-items: start;
  gap: 1rem;
  display: grid;
}

.payment-card dl {
  grid-column: 1 / -1;
}

.public-commercial {
  width: min(100% - 2rem, 72rem);
}

.meeting-stack {
  gap: var(--dzsh-space-6);
  display: grid;
}

.meeting-grid {
  gap: var(--dzsh-space-4);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr));
  display: grid;
}

.meeting-stack pre {
  white-space: pre-wrap;
  max-inline-size: 100%;
  font-family: var(--dzsh-font-family-code);
  overflow: auto;
}

.matching-groups {
  gap: var(--dzsh-space-3);
  margin-block: var(--dzsh-space-4);
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  display: grid;
}

.matching-group {
  padding: var(--dzsh-space-4);
  border: 1px solid var(--line);
  border-radius: var(--dzsh-radius-card);
  background: var(--canvas);
}

.matching-group h3 {
  margin-block-start: 0;
}

.learning-stack {
  gap: 1rem;
  display: grid;
}

.learning-stack > progress {
  block-size: .75rem;
  inline-size: 100%;
  accent-color: var(--brand);
}

.feedback-form {
  gap: 1.25rem;
}

.feedback-form > label {
  border-block-end: 1px solid var(--line);
  padding-block-end: 1rem;
}

.completion-panel {
  text-align: center;
}

.completion-panel .links {
  justify-content: center;
}

.recap-panel {
  border-block-start: .45rem solid var(--brand);
}

.reflection-note, .safety-guidance {
  background: #f7effd;
  border: 1px solid #b796d0;
  border-radius: 1rem;
  padding: 1.2rem;
  line-height: 1.5;
}

.safety-guidance {
  background: #fff0f0;
  border-color: #c46565;
}

.reflection-note p, .safety-guidance p {
  margin-block-end: 0;
}

.creative-panel {
  border-block-start: .45rem solid #8956a8;
}

.safety-panel {
  border-block-start: .45rem solid var(--danger);
}

.insight-values {
  grid-template-columns: repeat(auto-fit, minmax(9rem, 1fr)) !important;
  gap: .7rem !important;
  display: grid !important;
}

.insight-values div {
  background: var(--canvas);
  border-radius: .65rem;
  min-width: 0;
  padding: .8rem;
}

.insight-values dt {
  text-transform: capitalize;
}

.insight-values dd {
  margin-block-start: .2rem;
  font-size: 1.08rem;
  font-weight: 750;
}

.metric-row {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .8rem;
  display: grid;
}

.metric-row > div {
  background: var(--canvas);
  border-radius: .7rem;
  padding: 1rem;
  display: grid;
}

.metric-row strong {
  font-size: clamp(2rem, 8vw, 3rem);
}

.metric-row span {
  color: var(--muted);
}

.participation-board {
  gap: .6rem;
  padding-inline-start: 0;
  list-style: none;
  display: grid;
}

.participation-board li {
  border-block-end: 1px solid var(--line);
  justify-content: space-between;
  gap: 1rem;
  padding: .8rem;
  display: flex;
}

.case-list, .feature-list {
  gap: .8rem;
  padding: 0;
  list-style: none;
  display: grid;
}

.case-list li, .feature-list li {
  border: 1px solid var(--line);
  border-radius: .7rem;
  justify-content: space-between;
  align-items: center;
  gap: 1rem;
  padding: 1rem;
  display: flex;
}

.case-list p, .feature-list p {
  color: var(--muted);
  margin: .2rem 0 0;
}

.recommendation {
  border-block-start: 1px solid var(--line);
  padding-block: 1rem;
}

.compact-query {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
}

.compact-query h2 {
  grid-column: 1 / -1;
}

.control-plane-stack {
  gap: 1rem;
  display: grid;
}

.control-plane-stack > section[id] {
  scroll-margin-block-start: 4rem;
}

.control-plane-summary {
  border-block-start: .45rem solid var(--brand);
  grid-template-columns: 1fr minmax(13rem, 18rem);
  align-items: end;
  gap: 1rem;
  display: grid;
}

.control-plane-summary .privacy-note {
  grid-column: 1 / -1;
  margin: 0;
}

.control-plane-summary h2, .control-plane-summary p {
  margin-block: .2rem;
}

.internal-test-selector {
  border: 1px solid var(--line);
  border-radius: .8rem;
  min-inline-size: 0;
  padding: 1rem;
  position: relative;
}

.internal-test-selector legend {
  padding-inline: .35rem;
  font-weight: 750;
}

.recipient-combobox {
  position: relative;
}

.recipient-combobox-input {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: stretch;
  gap: .4rem;
  display: grid;
}

.recipient-combobox-input button {
  min-inline-size: 2.75rem;
  padding-inline: .6rem;
}

.recipient-options-popover {
  z-index: 8;
  border: 1px solid var(--line);
  background: var(--surface, #fff);
  border-radius: .7rem;
  max-block-size: min(24rem, 60vh);
  padding: .6rem;
  position: absolute;
  inset-inline: 0;
  overflow: auto;
  box-shadow: 0 .75rem 2rem #10243429;
}

.recipient-options-popover ul {
  gap: .3rem;
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.recipient-options-popover [role="option"] {
  cursor: pointer;
  overflow-wrap: anywhere;
  border-radius: .5rem;
  gap: .15rem;
  padding: .7rem 4rem .7rem .7rem;
  display: grid;
  position: relative;
}

[dir="rtl"] .recipient-options-popover [role="option"] {
  padding: .7rem .7rem .7rem 4rem;
}

.recipient-options-popover [role="option"].active {
  outline: 2px solid var(--brand);
  background: #edf5ff;
}

.recipient-add-label {
  color: var(--brand);
  font-weight: 750;
  position: absolute;
  inset-block-start: 50%;
  inset-inline-end: .7rem;
  translate: 0 -50%;
}

.selected-recipients {
  margin-block-start: 1rem;
}

.selected-recipients h3 {
  margin-block-end: .5rem;
  font-size: 1rem;
}

.recipient-selection {
  border-inline-start: .3rem solid var(--success);
  justify-content: space-between;
  align-items: center;
  gap: .75rem;
  display: flex;
}

.recipient-selection > div {
  gap: .15rem;
  min-inline-size: 0;
  display: grid;
}

.recipient-selection.stale, .recipient-selection.missing, .recipient-selection.ineligible, .recipient-selection.unavailable {
  border-inline-start-color: var(--danger);
  background: #fff8ec;
}

.masked-email {
  overflow-wrap: anywhere;
  unicode-bidi: isolate;
}

.technical-suffix {
  color: var(--muted);
  font-size: .85rem;
}

.visually-hidden {
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
  block-size: 1px !important;
  inline-size: 1px !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.eyebrow {
  color: var(--muted);
  letter-spacing: .08em;
  text-transform: uppercase;
  font-size: .78rem;
  font-weight: 800;
}

.control-plane-nav {
  z-index: 2;
  border: 1px solid var(--line);
  background: #fffffff2;
  border-radius: .8rem;
  gap: .5rem;
  padding: .7rem;
  display: flex;
  position: sticky;
  inset-block-start: 0;
  overflow-x: auto;
}

.control-plane-nav a {
  border-radius: 999px;
  flex: none;
  padding: .45rem .65rem;
  text-decoration: none;
}

.provider-card-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
  gap: .8rem;
  display: grid;
}

.provider-card {
  border: 1px solid var(--line);
  border-radius: .75rem;
  gap: .65rem;
  padding: 1rem;
  display: grid;
}

.provider-card h3, .provider-card p {
  text-transform: capitalize;
  margin: 0;
}

.secret-vault-panel {
  border-block-start: .45rem solid #4f3970;
}

.secret-metadata-list li {
  grid-template-columns: 1fr auto;
  align-items: center;
}

.secret-metadata-list p {
  color: var(--muted);
  margin: .25rem 0 0;
}

@media (max-width: 38rem) {
  .site-header {
    align-items: flex-start;
  }

  .site-header nav {
    text-align: end;
    flex-direction: column;
    gap: .4rem;
  }

  .session, .profile-layout {
    grid-template-columns: 1fr;
  }

  .partner-preview {
    position: static;
  }

  .time-row, .review-grid, .readonly-grid {
    grid-template-columns: 1fr;
  }

  .topic-entry {
    grid-template-columns: 1fr;
    grid-template-areas: "field"
                         "help"
                         "action";
  }

  .topic-entry-action {
    width: 100%;
  }

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

  .payment-card dl {
    grid-column: auto;
  }

  .progress-copy {
    display: grid;
  }

  .progress-copy strong {
    text-align: start;
  }

  .compact-query {
    grid-template-columns: 1fr;
  }

  .compact-query h2 {
    grid-column: auto;
  }

  .control-plane-summary {
    grid-template-columns: 1fr;
  }

  .control-plane-summary .privacy-note {
    grid-column: auto;
  }

  .recipient-selection {
    flex-direction: column;
    align-items: stretch;
  }

  .recipient-options-popover {
    max-block-size: 50vh;
  }

  .secret-metadata-list li {
    grid-template-columns: 1fr;
  }

  .case-list li, .feature-list li, .participation-board li {
    flex-direction: column;
    align-items: stretch;
  }
}

@media (prefers-reduced-motion: no-preference) {
  button {
    transition: background-color .14s, opacity .14s;
  }
}

@media (prefers-reduced-motion: reduce) {
  *, :before, :after {
    scroll-behavior: auto !important;
    transition-duration: .01ms !important;
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
  }
}

@media (forced-colors: active) {
  :focus-visible {
    outline-color: highlight;
  }
}

.notification-runtime-stack, .notification-runtime-settings {
  gap: var(--space-6);
  display: grid;
}

.notification-runtime-toolbar {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  display: flex;
}

.notification-runtime-list, .notification-runtime-preferences, .notification-runtime-channels {
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.notification-runtime-list > li, .notification-runtime-detail, .notification-runtime-settings > section {
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  background: var(--color-surface-raised);
}

.notification-runtime-list > li.is-unread {
  border-inline-start: 4px solid var(--color-border-focus);
}

.notification-runtime-list h2 {
  margin-block: var(--space-2);
  font-size: var(--font-size-lg);
}

.notification-runtime-list p, .notification-runtime-detail p {
  max-width: 70ch;
}

.notification-runtime-meta {
  gap: var(--space-2) var(--space-4);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  flex-wrap: wrap;
  display: flex;
}

.notification-runtime-check {
  align-items: center;
  gap: var(--space-2);
  min-height: 44px;
  display: inline-flex;
}

.notification-runtime-preferences > li, .notification-runtime-channels > li {
  justify-content: space-between;
  align-items: center;
  gap: var(--space-4);
  border-block-end: 1px solid var(--color-border-subtle);
  padding-block: var(--space-3);
  display: flex;
}

.notification-runtime-preferences > li > div {
  gap: var(--space-1);
  display: grid;
}

.notification-runtime-time-grid, .notification-runtime-statistics {
  gap: var(--space-4);
  margin-block: var(--space-4);
  grid-template-columns: repeat(auto-fit, minmax(11rem, 1fr));
  display: grid;
}

.notification-runtime-time-grid label {
  gap: var(--space-2);
  display: grid;
}

.notification-runtime-time-grid input {
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  min-height: 44px;
  padding-inline: var(--space-3);
  background: var(--color-surface-default);
  color: var(--color-text-default);
}

.notification-runtime-table-wrap {
  overflow-x: auto;
}

.notification-runtime-table-wrap table {
  border-collapse: collapse;
  width: 100%;
}

.notification-runtime-table-wrap th, .notification-runtime-table-wrap td {
  text-align: start;
  padding: var(--space-3);
  border-block-end: 1px solid var(--color-border-subtle);
}

@media (max-width: 40rem) {
  .notification-runtime-toolbar, .notification-runtime-preferences > li, .notification-runtime-channels > li {
    flex-direction: column;
    align-items: stretch;
  }

  .notification-runtime-list > li, .notification-runtime-detail, .notification-runtime-settings > section {
    padding: var(--space-4);
  }
}

@media (prefers-reduced-motion: reduce) {
  .notification-runtime-list *, .notification-runtime-settings * {
    scroll-behavior: auto !important;
    transition: none !important;
  }
}

.support-ticket-list, .support-conversation, .support-internal-notes ol {
  gap: var(--space-3);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.support-ticket-list > li, .support-ticket-detail > section, .support-internal-notes {
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  background: var(--color-surface-raised);
}

.support-ticket-list > li > div {
  gap: var(--space-2);
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
  flex-wrap: wrap;
  display: flex;
}

.support-ticket-list h2 {
  margin-block: var(--space-2);
}

.support-composer, .support-ticket-detail, .support-ticket-detail form {
  gap: var(--space-4);
  display: grid;
}

.support-composer label, .support-ticket-detail label {
  gap: var(--space-2);
  font-weight: 650;
  display: grid;
}

.support-composer input, .support-composer select, .support-composer textarea, .support-ticket-detail textarea {
  border: 1px solid var(--color-border-default);
  border-radius: var(--radius-md);
  min-height: 44px;
  padding: var(--space-3);
  background: var(--color-surface-default);
  color: var(--color-text-default);
  font: inherit;
}

.support-conversation > li {
  border-inline-start: 4px solid var(--color-border-subtle);
  padding-inline-start: var(--space-4);
}

.support-conversation time {
  color: var(--color-text-muted);
  font-size: var(--font-size-sm);
}

.support-internal-notes {
  border-color: var(--color-border-warning);
  background: var(--color-surface-warning, var(--color-surface-raised));
}

@media (max-width: 40rem) {
  .support-ticket-list > li, .support-ticket-detail > section, .support-internal-notes {
    padding: var(--space-4);
  }
}

.support-operation-nav, .support-operation-counts, .support-operations-queue {
  gap: var(--dzsh-space-3);
  margin: var(--dzsh-space-4) 0;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
  display: flex;
}

.support-operation-nav a, .support-operation-counts li, .support-operations-queue li {
  border: 1px solid var(--dzsh-color-border-default);
  border-radius: var(--dzsh-radius-control);
  padding: var(--dzsh-space-3);
}

.support-operation-counts li {
  min-inline-size: 9rem;
  display: grid;
}

.support-operations-queue {
  display: grid;
}

.support-operations-queue li {
  inline-size: 100%;
}

.support-operations-queue li > div {
  gap: var(--dzsh-space-2);
  flex-wrap: wrap;
  display: flex;
}

.support-satisfaction {
  border-block-start: .25rem solid var(--dzsh-color-border-default);
  margin-block-start: var(--dzsh-space-6);
  padding-block-start: var(--dzsh-space-5);
}

.support-satisfaction fieldset {
  gap: var(--dzsh-space-3);
  margin-block: var(--dzsh-space-4);
  flex-wrap: wrap;
  display: flex;
}

.observability-stack {
  gap: var(--dzsh-space-5);
  margin-block: var(--dzsh-space-5);
  display: grid;
}

.observability-nav {
  gap: var(--dzsh-space-2);
  flex-wrap: wrap;
  display: flex;
}

.observability-nav a {
  min-block-size: 44px;
  padding-inline: var(--dzsh-space-3);
  border: 1px solid var(--dzsh-color-border-default);
  border-radius: var(--dzsh-radius-control);
  align-items: center;
  display: inline-flex;
}

.observability-summary {
  gap: var(--dzsh-space-3);
  grid-template-columns: repeat(auto-fit, minmax(10rem, 1fr));
  margin: 0;
  display: grid;
}

.observability-summary > div, .observability-cards li, .observability-incidents li {
  border: 1px solid var(--dzsh-color-border-default);
  border-radius: var(--dzsh-radius-control);
  padding: var(--dzsh-space-4);
}

.observability-summary dd {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 750;
}

.observability-cards, .observability-incidents {
  gap: var(--dzsh-space-3);
  margin: 0;
  padding: 0;
  list-style: none;
  display: grid;
}

.observability-cards {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 14rem), 1fr));
}

.observability-cards h2, .observability-cards p, .observability-incidents h2, .observability-incidents p {
  margin-block: var(--dzsh-space-2);
}

/*# sourceMappingURL=app_12ow4bw._.css.map*/