/* libs/design-system/styles/tokens.css */
:root {
  --font-family-system:
    "Segoe UI",
    system-ui,
    -apple-system,
    Roboto,
    Arial,
    sans-serif;
  --colors-background: #F6F4EF;
  --colors-surface: #FFFFFF;
  --colors-surface-today: #FBFAF7;
  --colors-surface-subtle: #F8F6F2;
  --colors-surface-sunken: #EFEBE3;
  --colors-divider: #F0ECE4;
  --colors-track: #EDE8DF;
  --colors-border: #E7E2D9;
  --colors-border-control: #A29376;
  --colors-switch-off: #A1937C;
  --colors-checkbox-ring: #9E9381;
  --colors-on-surface-strong: #1E1B18;
  --colors-on-surface: #2B2B2B;
  --colors-on-surface-control: #3A3631;
  --colors-on-surface-variant: #4A453E;
  --colors-on-surface-tabbar: #5E584F;
  --colors-on-surface-muted: #6A645B;
  --colors-on-primary: #FFFFFF;
  --colors-primary: #0F6464;
  --colors-primary-hover: #0B4D4D;
  --colors-primary-accent: #138C8A;
  --colors-primary-container: #E6F4F4;
  --colors-primary-selected-surface: #F4FAFA;
  --colors-navy: #1F4D78;
  --colors-navy-container: #E5ECF4;
  --colors-amber: #8A4B0B;
  --colors-amber-container: #FBEFD9;
  --colors-amber-accent: #B86E12;
  --colors-amber-border: #E9CFA0;
  --colors-amber-deep: #6B3F0A;
  --colors-red: #A3261B;
  --colors-red-container: #FBE4E1;
  --colors-red-accent: #C2412F;
  --colors-green: #1D5B3F;
  --colors-green-container: #DDEFE6;
  --colors-gray: #4A453E;
  --colors-gray-container: #F0ECE4;
  --colors-gray-accent: #9C9488;
  --colors-brand-gradient-start: #1FB2AF;
  --colors-brand-gradient-end: #007F86;
  --typography-display-font-family: var(--font-family-system);
  --typography-display-font-size: 28px;
  --typography-display-font-weight: 700;
  --typography-display-line-height: 1.2;
  --typography-display-mobile-font-family: var(--font-family-system);
  --typography-display-mobile-font-size: 24px;
  --typography-display-mobile-font-weight: 700;
  --typography-kpi-value-font-family: var(--font-family-system);
  --typography-kpi-value-font-size: 24px;
  --typography-kpi-value-font-weight: 700;
  --typography-stepper-value-font-family: var(--font-family-system);
  --typography-stepper-value-font-size: 20px;
  --typography-stepper-value-font-weight: 700;
  --typography-calendar-day-font-family: var(--font-family-system);
  --typography-calendar-day-font-size: 18px;
  --typography-calendar-day-font-weight: 700;
  --typography-kpi-value-mobile-font-family: var(--font-family-system);
  --typography-kpi-value-mobile-font-size: 18px;
  --typography-kpi-value-mobile-font-weight: 700;
  --typography-title-font-family: var(--font-family-system);
  --typography-title-font-size: 17px;
  --typography-title-font-weight: 700;
  --typography-title-mobile-font-family: var(--font-family-system);
  --typography-title-mobile-font-size: 16px;
  --typography-title-mobile-font-weight: 700;
  --typography-button-mobile-font-family: var(--font-family-system);
  --typography-button-mobile-font-size: 16px;
  --typography-button-mobile-font-weight: 700;
  --typography-heading-sm-font-family: var(--font-family-system);
  --typography-heading-sm-font-size: 15px;
  --typography-heading-sm-font-weight: 700;
  --typography-body-doc-font-family: var(--font-family-system);
  --typography-body-doc-font-size: 15px;
  --typography-body-doc-font-weight: 400;
  --typography-body-doc-line-height: 1.6;
  --typography-task-title-font-family: var(--font-family-system);
  --typography-task-title-font-size: 15px;
  --typography-task-title-font-weight: 600;
  --typography-field-mobile-font-family: var(--font-family-system);
  --typography-field-mobile-font-size: 16px;
  --typography-field-mobile-font-weight: 400;
  --typography-amount-font-family: var(--font-family-system);
  --typography-amount-font-size: 15px;
  --typography-amount-font-weight: 700;
  --typography-body-font-family: var(--font-family-system);
  --typography-body-font-size: 14px;
  --typography-body-font-weight: 400;
  --typography-body-strong-font-family: var(--font-family-system);
  --typography-body-strong-font-size: 14px;
  --typography-body-strong-font-weight: 600;
  --typography-nav-item-font-family: var(--font-family-system);
  --typography-nav-item-font-size: 14px;
  --typography-nav-item-font-weight: 500;
  --typography-label-button-font-family: var(--font-family-system);
  --typography-label-button-font-size: 14px;
  --typography-label-button-font-weight: 600;
  --typography-card-title-font-family: var(--font-family-system);
  --typography-card-title-font-size: 14px;
  --typography-card-title-font-weight: 700;
  --typography-body-sm-font-family: var(--font-family-system);
  --typography-body-sm-font-size: 13px;
  --typography-body-sm-font-weight: 400;
  --typography-label-filter-font-family: var(--font-family-system);
  --typography-label-filter-font-size: 13px;
  --typography-label-filter-font-weight: 600;
  --typography-card-title-sm-font-family: var(--font-family-system);
  --typography-card-title-sm-font-size: 13px;
  --typography-card-title-sm-font-weight: 700;
  --typography-overline-font-family: var(--font-family-system);
  --typography-overline-font-size: 12px;
  --typography-overline-font-weight: 600;
  --typography-overline-letter-spacing: 0.05em;
  --typography-label-chip-font-family: var(--font-family-system);
  --typography-label-chip-font-size: 12px;
  --typography-label-chip-font-weight: 600;
  --typography-caption-font-family: var(--font-family-system);
  --typography-caption-font-size: 12px;
  --typography-caption-font-weight: 400;
  --typography-calendar-event-title-font-family: var(--font-family-system);
  --typography-calendar-event-title-font-size: 12px;
  --typography-calendar-event-title-font-weight: 700;
  --typography-calendar-event-title-line-height: 1.25;
  --typography-event-meta-font-family: var(--font-family-system);
  --typography-event-meta-font-size: 11px;
  --typography-event-meta-font-weight: 500;
  --typography-overline-nav-font-family: var(--font-family-system);
  --typography-overline-nav-font-size: 11px;
  --typography-overline-nav-font-weight: 600;
  --typography-overline-nav-letter-spacing: 0.06em;
  --typography-label-compact-font-family: var(--font-family-system);
  --typography-label-compact-font-size: 11px;
  --typography-label-compact-font-weight: 600;
  --typography-pdf-doc-number-font-family: var(--font-family-system);
  --typography-pdf-doc-number-font-size: 19pt;
  --typography-pdf-doc-number-font-weight: 700;
  --typography-pdf-doc-number-line-height: 1.15;
  --typography-pdf-net-due-font-family: var(--font-family-system);
  --typography-pdf-net-due-font-size: 15pt;
  --typography-pdf-net-due-font-weight: 700;
  --typography-pdf-subject-font-family: var(--font-family-system);
  --typography-pdf-subject-font-size: 12.5pt;
  --typography-pdf-subject-font-weight: 600;
  --typography-pdf-subject-line-height: 1.3;
  --typography-pdf-grand-total-font-family: var(--font-family-system);
  --typography-pdf-grand-total-font-size: 12pt;
  --typography-pdf-grand-total-font-weight: 700;
  --typography-pdf-section-title-font-family: var(--font-family-system);
  --typography-pdf-section-title-font-size: 10.5pt;
  --typography-pdf-section-title-font-weight: 700;
  --typography-pdf-party-name-font-family: var(--font-family-system);
  --typography-pdf-party-name-font-size: 9pt;
  --typography-pdf-party-name-font-weight: 700;
  --typography-pdf-body-font-family: var(--font-family-system);
  --typography-pdf-body-font-size: 8.6pt;
  --typography-pdf-body-font-weight: 400;
  --typography-pdf-body-line-height: 1.42;
  --typography-pdf-subline-font-family: var(--font-family-system);
  --typography-pdf-subline-font-size: 7.9pt;
  --typography-pdf-subline-font-weight: 400;
  --typography-pdf-description-font-family: var(--font-family-system);
  --typography-pdf-description-font-size: 7.6pt;
  --typography-pdf-description-font-weight: 400;
  --typography-pdf-description-line-height: 1.35;
  --typography-pdf-doc-kind-font-family: var(--font-family-system);
  --typography-pdf-doc-kind-font-size: 7.6pt;
  --typography-pdf-doc-kind-font-weight: 700;
  --typography-pdf-doc-kind-letter-spacing: 0.14em;
  --typography-pdf-overline-font-family: var(--font-family-system);
  --typography-pdf-overline-font-size: 6.9pt;
  --typography-pdf-overline-font-weight: 700;
  --typography-pdf-overline-letter-spacing: 0.1em;
  --typography-pdf-th-font-family: var(--font-family-system);
  --typography-pdf-th-font-size: 6.9pt;
  --typography-pdf-th-font-weight: 700;
  --typography-pdf-th-letter-spacing: 0.07em;
  --typography-pdf-footer-font-family: var(--font-family-system);
  --typography-pdf-footer-font-size: 6.9pt;
  --typography-pdf-footer-font-weight: 400;
  --rounded-xs: 2px;
  --rounded-sm: 4px;
  --rounded-md: 8px;
  --rounded-segment: 9px;
  --rounded-lg: 10px;
  --rounded-xl: 12px;
  --rounded-2xl: 14px;
  --rounded-full: 999px;
  --spacing-2: 2px;
  --spacing-4: 4px;
  --spacing-6: 6px;
  --spacing-8: 8px;
  --spacing-10: 10px;
  --spacing-12: 12px;
  --spacing-14: 14px;
  --spacing-16: 16px;
  --spacing-18: 18px;
  --spacing-20: 20px;
  --spacing-22: 22px;
  --spacing-24: 24px;
  --spacing-28: 28px;
  --spacing-36: 36px;
  --spacing-48: 48px;
  --spacing-sidebar-width: 248px;
  --spacing-main-min-width: 560px;
  --spacing-page-padding-top: 28px;
  --spacing-page-padding-x: 36px;
  --spacing-page-padding-bottom: 48px;
  --spacing-page-padding-top-mobile: 24px;
  --spacing-page-padding-x-mobile: 18px;
  --spacing-page-padding-bottom-mobile: 20px;
  --spacing-section-gap: 22px;
  --spacing-column-gap: 24px;
  --spacing-kpi-gap: 16px;
  --spacing-doc-max-width: 760px;
  --spacing-target-desktop: 40px;
  --spacing-target-mobile: 44px;
  --spacing-tab-bar-height: 84px;
  --spacing-universe-bar-height: 56px;
  --spacing-panel-width: 380px;
  --spacing-signature-pad-height: 240px;
  --spacing-signature-pad-height-phone: 180px;
  --spacing-email-width: 600px;
  --spacing-pdf-margin-top: 13mm;
  --spacing-pdf-margin-x: 16mm;
  --spacing-pdf-margin-bottom: 10mm;
  --components-card-background-color: var(--colors-surface);
  --components-card-border-color: var(--colors-border);
  --components-card-rounded: var(--rounded-2xl);
  --components-card-padding: 20px 22px;
  --components-kpi-tile-background-color: var(--colors-surface);
  --components-kpi-tile-border-color: var(--colors-border);
  --components-kpi-tile-rounded: var(--rounded-2xl);
  --components-kpi-tile-padding: 18px 20px;
  --components-kpi-tile-mobile-background-color: var(--colors-surface);
  --components-kpi-tile-mobile-border-color: var(--colors-border);
  --components-kpi-tile-mobile-rounded: var(--rounded-xl);
  --components-kpi-tile-mobile-padding: 12px;
  --components-kpi-tile-reste-background-color: var(--colors-primary-container);
  --components-kpi-tile-reste-border-color: var(--colors-primary-container);
  --components-kpi-tile-reste-text-color: var(--colors-primary);
  --components-achievement-tile-background-color: var(--colors-surface);
  --components-achievement-tile-border-color: var(--colors-border);
  --components-achievement-tile-text-color: var(--colors-on-surface-strong);
  --components-achievement-tile-rounded: var(--rounded-2xl);
  --components-achievement-tile-padding: 18px 20px;
  --components-achievement-tile-gap: 20px;
  --components-button-primary-background-color: var(--colors-primary);
  --components-button-primary-border-color: var(--colors-primary);
  --components-button-primary-text-color: var(--colors-on-primary);
  --components-button-primary-rounded: var(--rounded-lg);
  --components-button-primary-height: 40px;
  --components-button-primary-padding: 0 16px;
  --components-button-secondary-background-color: var(--colors-surface);
  --components-button-secondary-border-color: var(--colors-border-control);
  --components-button-secondary-text-color: var(--colors-on-surface);
  --components-button-secondary-rounded: var(--rounded-lg);
  --components-button-secondary-height: 40px;
  --components-button-secondary-padding: 0 16px;
  --components-button-small-rounded: var(--rounded-lg);
  --components-button-small-height: 34px;
  --components-button-small-padding: 0 12px;
  --components-button-disabled-background-color: var(--colors-track);
  --components-button-disabled-border-color: var(--colors-track);
  --components-button-disabled-text-color: var(--colors-on-surface-muted);
  --components-button-primary-mobile-background-color: var(--colors-primary);
  --components-button-primary-mobile-text-color: var(--colors-on-primary);
  --components-button-primary-mobile-rounded: var(--rounded-2xl);
  --components-button-primary-mobile-height: 52px;
  --components-chip-rounded: var(--rounded-full);
  --components-chip-padding: 2px 10px;
  --components-chip-compact-rounded: var(--rounded-full);
  --components-chip-compact-padding: 1px 8px;
  --components-chip-teal-background-color: var(--colors-primary-container);
  --components-chip-teal-text-color: var(--colors-primary);
  --components-chip-navy-background-color: var(--colors-navy-container);
  --components-chip-navy-text-color: var(--colors-navy);
  --components-chip-amber-background-color: var(--colors-amber-container);
  --components-chip-amber-text-color: var(--colors-amber);
  --components-chip-red-background-color: var(--colors-red-container);
  --components-chip-red-text-color: var(--colors-red);
  --components-chip-gray-background-color: var(--colors-gray-container);
  --components-chip-gray-text-color: var(--colors-gray);
  --components-chip-green-background-color: var(--colors-green-container);
  --components-chip-green-text-color: var(--colors-green);
  --components-filter-chip-background-color: var(--colors-surface);
  --components-filter-chip-border-color: var(--colors-border-control);
  --components-filter-chip-text-color: var(--colors-on-surface-control);
  --components-filter-chip-rounded: var(--rounded-full);
  --components-filter-chip-height: 32px;
  --components-filter-chip-padding: 0 12px;
  --components-filter-chip-active-background-color: var(--colors-primary);
  --components-filter-chip-active-border-color: var(--colors-primary);
  --components-filter-chip-active-text-color: var(--colors-on-primary);
  --components-filter-chip-mobile-height: 38px;
  --components-filter-chip-mobile-padding: 0 14px;
  --components-segmented-border-color: var(--colors-border-control);
  --components-segmented-text-color: var(--colors-on-surface-control);
  --components-segmented-rounded: var(--rounded-lg);
  --components-segmented-height: 38px;
  --components-segmented-active-background-color: var(--colors-primary-container);
  --components-segmented-active-text-color: var(--colors-primary);
  --components-segmented-mobile-background-color: var(--colors-surface-sunken);
  --components-segmented-mobile-text-color: var(--colors-on-surface-variant);
  --components-segmented-mobile-rounded: var(--rounded-xl);
  --components-segmented-mobile-height: 40px;
  --components-segmented-mobile-active-background-color: var(--colors-surface);
  --components-segmented-mobile-active-text-color: var(--colors-primary);
  --components-segmented-mobile-active-rounded: var(--rounded-segment);
  --components-tab-text-color: var(--colors-on-surface-variant);
  --components-tab-height: 40px;
  --components-tab-active-text-color: var(--colors-primary);
  --components-tab-active-border-color: var(--colors-primary);
  --components-input-background-color: var(--colors-surface);
  --components-input-border-color: var(--colors-border-control);
  --components-input-text-color: var(--colors-on-surface);
  --components-input-rounded: var(--rounded-lg);
  --components-input-height: 40px;
  --components-input-mobile-background-color: var(--colors-surface);
  --components-input-mobile-border-color: var(--colors-border-control);
  --components-input-mobile-rounded: var(--rounded-xl);
  --components-input-mobile-height: 46px;
  --components-select-background-color: var(--colors-surface);
  --components-select-border-color: var(--colors-border-control);
  --components-select-text-color: var(--colors-on-surface);
  --components-select-icon-color: var(--colors-on-surface-muted);
  --components-select-rounded: var(--rounded-lg);
  --components-select-height: 40px;
  --components-select-padding: 0 12px;
  --components-object-link-background-color: var(--colors-navy-container);
  --components-object-link-text-color: var(--colors-navy);
  --components-object-link-rounded: var(--rounded-full);
  --components-object-link-padding: 0 8px;
  --components-stepper-border-color: var(--colors-border-control);
  --components-stepper-rounded: var(--rounded-xl);
  --components-stepper-size: 46px;
  --components-switch-background-color: var(--colors-switch-off);
  --components-switch-rounded: var(--rounded-full);
  --components-switch-width: 48px;
  --components-switch-height: 28px;
  --components-switch-on-background-color: var(--colors-primary);
  --components-task-checkbox-border-color: var(--colors-checkbox-ring);
  --components-task-checkbox-rounded: var(--rounded-full);
  --components-task-checkbox-size: 24px;
  --components-task-checkbox-checked-background-color: var(--colors-primary);
  --components-task-checkbox-checked-border-color: var(--colors-primary);
  --components-task-checkbox-checked-text-color: var(--colors-on-primary);
  --components-task-row-border-color: var(--colors-divider);
  --components-task-row-padding: 14px 0;
  --components-agenda-item-rounded: var(--rounded-xl);
  --components-agenda-item-padding: 12px 14px;
  --components-calendar-event-rounded: var(--rounded-md);
  --components-calendar-event-padding: 5px 8px;
  --components-kanban-column-background-color: var(--colors-surface-sunken);
  --components-kanban-column-rounded: var(--rounded-2xl);
  --components-kanban-column-padding: 14px;
  --components-kanban-card-background-color: var(--colors-surface);
  --components-kanban-card-border-color: var(--colors-border);
  --components-kanban-card-rounded: var(--rounded-xl);
  --components-kanban-card-padding: 12px;
  --components-kanban-card-selected-border-color: var(--colors-primary-accent);
  --components-milestone-card-border-color: var(--colors-primary-accent);
  --components-milestone-card-rounded: var(--rounded-xl);
  --components-milestone-card-at-risk-border-color: var(--colors-red-accent);
  --components-dependency-card-background-color: var(--colors-surface);
  --components-dependency-card-border-color: var(--colors-border);
  --components-dependency-card-rounded: var(--rounded-xl);
  --components-dependency-card-padding: 14px 16px;
  --components-opportunity-card-background-color: var(--colors-surface);
  --components-opportunity-card-border-color: var(--colors-border);
  --components-opportunity-card-rounded: var(--rounded-2xl);
  --components-opportunity-card-padding: 14px;
  --components-detail-panel-background-color: var(--colors-surface);
  --components-detail-panel-border-color: var(--colors-border);
  --components-detail-panel-rounded: var(--rounded-2xl);
  --components-table-header-text-color: var(--colors-on-surface-muted);
  --components-table-header-border-color: var(--colors-border);
  --components-table-row-border-color: var(--colors-divider);
  --components-progress-bar-background-color: var(--colors-track);
  --components-progress-bar-fill-color: var(--colors-primary-accent);
  --components-progress-bar-rounded: var(--rounded-full);
  --components-progress-bar-height: 8px;
  --components-progress-bar-overrun-fill-color: var(--colors-red-accent);
  --components-avatar-background-color: var(--colors-primary-container);
  --components-avatar-text-color: var(--colors-primary);
  --components-avatar-rounded: var(--rounded-full);
  --components-avatar-size: 32px;
  --components-avatar-sm-rounded: var(--rounded-full);
  --components-avatar-sm-size: 26px;
  --components-person-pill-background-color: var(--colors-background);
  --components-person-pill-rounded: var(--rounded-full);
  --components-person-pill-padding: 4px 12px 4px 4px;
  --components-nav-item-text-color: var(--colors-on-surface-control);
  --components-nav-item-rounded: var(--rounded-lg);
  --components-nav-item-height: 40px;
  --components-nav-item-padding: 0 12px;
  --components-nav-item-active-background-color: var(--colors-primary-container);
  --components-nav-item-active-text-color: var(--colors-primary);
  --components-nav-counter-background-color: var(--colors-gray-container);
  --components-nav-counter-text-color: var(--colors-gray);
  --components-nav-counter-rounded: var(--rounded-full);
  --components-sidebar-background-color: var(--colors-surface);
  --components-sidebar-border-color: var(--colors-border);
  --components-sidebar-width: var(--spacing-sidebar-width);
  --components-discreet-toggle-background-color: var(--colors-surface);
  --components-discreet-toggle-border-color: var(--colors-border-control);
  --components-discreet-toggle-text-color: var(--colors-on-surface-control);
  --components-discreet-toggle-rounded: var(--rounded-xl);
  --components-discreet-toggle-size: 44px;
  --components-discreet-toggle-on-background-color: var(--colors-primary);
  --components-discreet-toggle-on-border-color: var(--colors-primary);
  --components-discreet-toggle-on-text-color: var(--colors-on-primary);
  --components-universe-bar-background-color: var(--colors-surface);
  --components-universe-bar-border-color: var(--colors-border);
  --components-universe-bar-height: var(--spacing-universe-bar-height);
  --components-universe-tab-text-color: var(--colors-on-surface-variant);
  --components-universe-tab-rounded: var(--rounded-lg);
  --components-universe-tab-height: var(--spacing-target-desktop);
  --components-universe-tab-active-background-color: var(--colors-primary-container);
  --components-universe-tab-active-text-color: var(--colors-primary);
  --components-shortcut-button-text-color: var(--colors-on-surface-control);
  --components-shortcut-button-rounded: var(--rounded-xl);
  --components-shortcut-button-size: var(--spacing-target-desktop);
  --components-tab-bar-background-color: var(--colors-surface);
  --components-tab-bar-border-color: var(--colors-border);
  --components-tab-bar-text-color: var(--colors-on-surface-tabbar);
  --components-tab-bar-active-text-color: var(--colors-primary);
  --components-tab-bar-height: var(--spacing-tab-bar-height);
  --components-tab-bar-fab-background-color: var(--colors-primary);
  --components-tab-bar-fab-text-color: var(--colors-on-primary);
  --components-tab-bar-fab-rounded: var(--rounded-full);
  --components-tab-bar-fab-size: 52px;
  --components-editor-tool-rounded: var(--rounded-md);
  --components-editor-tool-size: 34px;
  --components-wiki-tree-item-rounded: var(--rounded-md);
  --components-wiki-tree-item-height: 36px;
  --components-wiki-tree-item-active-background-color: var(--colors-primary-container);
  --components-wiki-tree-item-active-text-color: var(--colors-primary);
  --components-connection-banner-background-color: var(--colors-red-container);
  --components-connection-banner-text-color: var(--colors-red);
  --components-connection-banner-rounded: var(--rounded-xl);
  --components-bell-badge-background-color: var(--colors-primary);
  --components-bell-badge-text-color: var(--colors-on-primary);
  --components-bell-badge-rounded: var(--rounded-full);
  --components-bell-badge-size: 18px;
  --components-notification-panel-background-color: var(--colors-surface);
  --components-notification-panel-border-color: var(--colors-border);
  --components-notification-panel-rounded: var(--rounded-xl);
  --components-notification-panel-width: var(--spacing-panel-width);
  --components-notification-unread-dot-background-color: var(--colors-primary-accent);
  --components-notification-unread-dot-rounded: var(--rounded-full);
  --components-notification-unread-dot-size: 8px;
  --components-feed-new-marker-border-color: var(--colors-primary-accent);
  --components-feed-new-marker-width: 2px;
  --components-quote-line-row-border-color: var(--colors-divider);
  --components-quote-line-price-text-color: var(--colors-on-surface);
  --components-quote-subline-border-color: var(--colors-divider);
  --components-quote-subline-indent: 24px;
  --components-internal-columns-background-color: var(--colors-surface-sunken);
  --components-internal-columns-negative-text-color: var(--colors-red);
  --components-demo-banner-background-color: var(--colors-navy-container);
  --components-demo-banner-text-color: var(--colors-navy);
  --components-external-page-background-color: var(--colors-background);
  --components-external-page-header-background-color: var(--colors-surface);
  --components-external-page-header-border-color: var(--colors-border);
  --components-external-page-max-width: var(--spacing-doc-max-width);
  --components-signature-pad-background-color: var(--colors-surface);
  --components-signature-pad-border-color: var(--colors-border-control);
  --components-signature-pad-baseline-color: var(--colors-divider);
  --components-signature-pad-stroke-color: var(--colors-on-surface-strong);
  --components-signature-pad-rounded: var(--rounded-xl);
  --components-signature-pad-height: var(--spacing-signature-pad-height);
  --components-signature-pad-height-phone: var(--spacing-signature-pad-height-phone);
  --components-pdf-viewer-background-color: var(--colors-surface-sunken);
  --components-pdf-viewer-page-background-color: var(--colors-surface);
  --components-pdf-viewer-page-border-color: var(--colors-border);
  --components-pdf-viewer-rounded: var(--rounded-2xl);
  --components-pdf-page-background-color: var(--colors-surface);
  --components-pdf-page-text-color: var(--colors-on-surface);
  --components-pdf-page-accent-color: var(--colors-primary);
  --components-pdf-page-rule-color: var(--colors-border);
  --components-pdf-page-padding: var(--spacing-pdf-margin-top) var(--spacing-pdf-margin-x) var(--spacing-pdf-margin-bottom);
  --components-pdf-net-due-background-color: var(--colors-primary-container);
  --components-pdf-net-due-text-color: var(--colors-primary);
  --components-email-frame-background-color: var(--colors-background);
  --components-email-frame-content-background-color: var(--colors-surface);
  --components-email-frame-border-color: var(--colors-border);
  --components-email-frame-width: var(--spacing-email-width);
}

/* libs/design-system/styles/base.css */
*,
*::before,
*::after {
  box-sizing: border-box;
}
html {
  font-family: var(--typography-body-font-family);
  background: var(--colors-background);
}
body {
  margin: 0;
  background: var(--colors-background);
  color: var(--colors-on-surface);
  font-family: var(--typography-body-font-family);
  font-size: var(--typography-body-font-size);
  font-weight: var(--typography-body-font-weight);
}
button,
input,
select,
textarea {
  font: inherit;
  color: inherit;
}
@media (max-width: 807.98px) {
  input,
  select,
  textarea,
  [contenteditable]:not([contenteditable=false]) {
    font-size: max(1em, var(--typography-field-mobile-font-size));
  }
}
:focus-visible {
  outline: 2px solid var(--colors-primary-accent);
  outline-offset: 2px;
}
:root {
  --so-target: var(--spacing-target-desktop);
}
html {
  scroll-padding-top: calc(var(--components-universe-bar-height) + var(--spacing-8));
}
@media (max-width: 807.98px) {
  :root {
    --so-target: var(--spacing-target-mobile);
  }
  html {
    scroll-padding-top: calc(var(--spacing-8) * 2 + var(--spacing-target-mobile) + 1px + env(safe-area-inset-top, 0px));
  }
}
:where(a[href]:not(.ProseMirror a, [contenteditable] a), button, summary, [role=button], [role=tab], [role=menuitem], [role=option], [role=switch]) {
  position: relative;
}
:where(a[href]:not(.ProseMirror a, [contenteditable] a), button, summary, [role=button], [role=tab], [role=menuitem], [role=option], [role=switch])::after {
  content: "";
  position: absolute;
  top: min(0px, calc(50% - var(--so-target) / 2));
  right: min(0px, calc(50% - var(--so-target) / 2));
  bottom: min(0px, calc(50% - var(--so-target) / 2));
  left: min(0px, calc(50% - var(--so-target) / 2));
}
.so-no-target::after {
  content: none;
}
.is-mobile table.so-stack,
.is-mobile table.so-stack > tbody,
.is-mobile table.so-stack > tfoot,
.is-mobile table.so-stack > tbody > tr,
.is-mobile table.so-stack > tfoot > tr,
.is-mobile table.so-stack > tbody > tr > td,
.is-mobile table.so-stack > tfoot > tr > td {
  display: block;
}
.is-mobile table.so-stack > thead {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.is-mobile table.so-stack > tbody {
  display: grid;
  gap: var(--spacing-10);
}
.is-mobile table.so-stack > tfoot {
  margin-top: var(--spacing-10);
}
.is-mobile table.so-stack > tbody > tr,
.is-mobile table.so-stack > tfoot > tr {
  display: grid;
  gap: var(--spacing-8);
  padding: var(--spacing-12) var(--spacing-14);
  background: var(--colors-surface);
  border: 1px solid var(--colors-border);
  border-radius: var(--rounded-xl);
}
.is-mobile table.so-stack > tbody > tr > td,
.is-mobile table.so-stack > tfoot > tr > td {
  padding: 0;
  border: 0;
  text-align: left;
  white-space: normal;
}
.is-mobile table.so-stack > tbody > tr > td[data-label],
.is-mobile table.so-stack > tfoot > tr > td[data-label] {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--spacing-12);
}
.is-mobile table.so-stack td[data-label]::before {
  content: attr(data-label);
  content: attr(data-label) / "";
  color: var(--colors-on-surface-muted);
  font-size: var(--typography-body-sm-font-size);
  font-weight: var(--typography-body-sm-font-weight);
}
.is-mobile table.so-stack td:empty {
  display: none;
}
.so-visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
}
.so-num {
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}
.so-marker {
  display: inline-block;
  flex: none;
  width: var(--so-marker-size, 10px);
  height: var(--so-marker-size, 10px);
  background: var(--so-marker-color, var(--colors-primary-accent));
}
.so-marker--diamond {
  border-radius: var(--rounded-xs);
  transform: rotate(45deg);
}
.so-marker--diamond-hollow {
  --so-marker-color: var(--colors-amber-accent);
  border: 1.5px solid var(--so-marker-color);
  border-radius: var(--rounded-xs);
  background: transparent;
  transform: rotate(45deg);
}
.so-marker--dot {
  --so-marker-color: var(--colors-amber-accent);
  border-radius: var(--rounded-full);
}
.so-marker--bar {
  width: 2px;
  height: var(--so-marker-length, 100%);
  min-height: var(--so-marker-size, 10px);
}

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