/* Helden: gerado a partir de project/tokens.json por build_tokens.py. Não edite à mão. */
@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600;6..72,700&display=swap");
:root, [data-theme="light"] {
  --carvao-400: #6E655D;
  --carvao-500: #4A433D;
  --carvao-600: #2E2925;
  --carvao-700: #1C1815;
  --vinho-400: #C45A68;
  --vinho-500: #9B3442;
  --vinho-600: #7A2833;
  --vinho-700: #5E1F28;
  --linho: #F5F3F0;
  --papel: #FFFFFF;
  --pedra: #EDE9E4;
  --borda: #E3DED8;
  --rosa: #F3E4E6;
  --white: #FFFFFF;
  --stone-100: oklch(97% 0.001 106.424);
  --gray-100: oklch(96.7% 0.003 264.542);
  --gray-200: oklch(92.8% 0.006 264.531);
  --gray-700: oklch(37.3% 0.034 259.733);
  --gray-800: oklch(27.8% 0.033 256.848);
  --green-100: oklch(96.2% 0.044 156.743);
  --green-200: oklch(92.5% 0.084 155.995);
  --green-500: oklch(72.3% 0.219 149.579);
  --green-600: oklch(62.7% 0.194 149.214);
  --green-800: oklch(44.8% 0.119 151.328);
  --green-900: oklch(39.3% 0.095 152.535);
  --yellow-100: oklch(97.3% 0.071 103.193);
  --yellow-200: oklch(94.5% 0.129 101.54);
  --yellow-400: oklch(85.2% 0.199 91.936);
  --yellow-800: oklch(47.6% 0.114 61.907);
  --yellow-900: oklch(42.1% 0.095 57.708);
  --red-100: oklch(93.6% 0.032 17.717);
  --red-200: oklch(88.5% 0.062 18.334);
  --red-400: oklch(70.4% 0.191 22.216);
  --red-500: oklch(63.7% 0.237 25.331);
  --red-600: oklch(57.7% 0.245 27.325);
  --red-700: oklch(50.5% 0.213 27.518);
  --red-800: oklch(44.4% 0.177 26.899);
  --red-900: oklch(39.6% 0.141 25.723);
  --surface-page: var(--linho);
  --surface-card: var(--papel);
  --surface-card-plain: var(--linho);
  --surface-modal: var(--papel);
  --border-default: var(--borda);
  --border-strong: #D6CFC7;
  --border-divider: var(--borda);
  --text-heading: var(--carvao-700);
  --text-body: var(--carvao-500);
  --text-muted: var(--carvao-400);
  --text-error: var(--red-700);
  --helden-primary: var(--vinho-500);
  --focus-ring: var(--helden-primary);
  --button-primary-bg: var(--carvao-700);
  --button-primary-bg-hover: var(--carvao-600);
  --button-primary-fg: var(--white);
  --button-secondary-border: var(--border-strong);
  --button-secondary-border-hover: #B5ABA1;
  --button-secondary-fg: var(--carvao-700);
  --button-transparent-fg: var(--carvao-400);
  --overlay-backdrop: rgba(28, 24, 21, 0.48);
  --modal-close-fg: var(--carvao-400);
  --modal-close-fg-hover: var(--carvao-700);
  --input-bg: var(--papel);
  --input-fg: var(--carvao-700);
  --input-placeholder: #7D746B;
  --input-border: #C9C1B8;
  --input-border-hover: #9C9289;
  --input-border-error: var(--red-500);
  --input-disabled-bg: var(--pedra);
  --input-chevron: var(--carvao-400);
  --checkbox-border: var(--carvao-400);
  --checkbox-checked-bg: var(--carvao-700);
  --checkbox-checked-fg: var(--white);
  --switch-track-off: #9C9289;
  --switch-track-on: var(--helden-primary);
  --switch-knob: var(--white);
  --switch-disabled-bg: var(--pedra);
  --switch-disabled-knob: #D6CFC7;
  --accordion-bg: var(--pedra);
  --accordion-chevron: var(--carvao-500);
  --accordion-chevron-hover: var(--carvao-700);
  --tab-active: var(--helden-primary);
  --segmented-bg: var(--pedra);
  --segmented-selected-bg: var(--papel);
  --segmented-selected-fg: var(--carvao-700);
  --segmented-fg: var(--carvao-400);
  --status-neutral-bg: var(--gray-100);
  --status-neutral-fg: var(--gray-800);
  --status-warning-bg: var(--yellow-100);
  --status-warning-fg: var(--yellow-800);
  --status-success-bg: var(--green-100);
  --status-success-fg: var(--green-800);
  --status-danger-bg: var(--red-100);
  --status-danger-fg: var(--red-800);
  --banner-info-bg: var(--pedra);
  --banner-warning-bg: var(--yellow-400);
  --banner-danger-bg: var(--red-400);
  --banner-experimental-bg: var(--rosa);
  --banner-fg: var(--carvao-700);
  --tag-pedra-bg: var(--pedra);
  --tag-pedra-fg: var(--carvao-700);
  --tag-rosa-bg: var(--rosa);
  --tag-rosa-fg: var(--vinho-700);
  --tag-vinho-bg: var(--vinho-600);
  --tag-vinho-fg: var(--white);
  --tag-carvao-bg: var(--carvao-700);
  --tag-carvao-fg: var(--white);
  --toast-bg: var(--papel);
  --toast-border: var(--borda);
  --toast-fg: var(--carvao-500);
  --toast-icon-success: var(--green-600);
  --toast-icon-error: var(--red-600);
  --toast-icon-info: var(--carvao-400);
  --tooltip-bg: var(--papel);
  --tooltip-border: var(--borda);
  --tooltip-fg: var(--carvao-500);
  --tooltip-title: var(--carvao-700);
  --tooltip-trigger: var(--carvao-400);
  --empty-icon-bg: var(--pedra);
  --empty-icon-fg: var(--carvao-400);
  --chart-empty-bg: var(--pedra);
  --chart-empty-fg: var(--carvao-500);
  --table-border: var(--borda);
  --table-head-bg: var(--linho);
  --table-head-fg: var(--carvao-400);
  --table-row-bg: var(--papel);
  --table-fg: var(--carvao-500);
  --table-divider: var(--pedra);
  --skeleton-bg: var(--pedra);
  --chart-1: var(--vinho-500);
  --chart-2: #B9852E;
  --chart-neutral: var(--carvao-500);
  --chart-grid: var(--borda);
  --wa-bg: #EFEAE2;
  --wa-header: #FFFFFF;
  --wa-line: #E9EDEF;
  --wa-in: #FFFFFF;
  --wa-out: #D9FDD3;
  --wa-text: #111B21;
  --wa-meta: #667781;
  --wa-tick: #53BDEB;
  --wa-green: #25D366;
  --wa-day: #FFFFFF;
  --wa-link: #027EB5;
  --shadow-xs: 0 1px 2px 0 rgba(28, 24, 21, 0.05);
  --shadow-sm: 0 1px 3px 0 rgba(28, 24, 21, 0.1), 0 1px 2px -1px rgba(28, 24, 21, 0.1);
  --shadow-lg: 0 10px 15px -3px rgba(28, 24, 21, 0.1), 0 4px 6px -4px rgba(28, 24, 21, 0.1);
}
[data-theme="dark"], .dark {
  --surface-page: #141110;
  --surface-card: var(--carvao-700);
  --surface-card-plain: #141110;
  --surface-modal: var(--carvao-700);
  --border-default: #3A342F;
  --border-strong: var(--carvao-500);
  --border-divider: #3A342F;
  --text-heading: var(--linho);
  --text-body: #C9C1B8;
  --text-muted: #9C9289;
  --text-error: var(--red-400);
  --helden-primary: var(--vinho-400);
  --button-primary-bg: var(--linho);
  --button-primary-bg-hover: var(--borda);
  --button-primary-fg: var(--carvao-700);
  --button-secondary-border-hover: var(--carvao-400);
  --button-secondary-fg: var(--linho);
  --button-transparent-fg: #9C9289;
  --overlay-backdrop: rgba(0, 0, 0, 0.64);
  --modal-close-fg: #9C9289;
  --modal-close-fg-hover: var(--linho);
  --input-bg: #141110;
  --input-fg: var(--linho);
  --input-placeholder: #9C9289;
  --input-border: var(--carvao-500);
  --input-border-hover: var(--carvao-400);
  --input-border-error: var(--red-400);
  --input-disabled-bg: var(--carvao-600);
  --input-chevron: #9C9289;
  --checkbox-border: #9C9289;
  --checkbox-checked-bg: var(--linho);
  --checkbox-checked-fg: var(--carvao-700);
  --switch-track-off: var(--carvao-400);
  --switch-disabled-bg: var(--carvao-600);
  --switch-disabled-knob: var(--carvao-500);
  --accordion-bg: var(--carvao-600);
  --accordion-chevron: #9C9289;
  --accordion-chevron-hover: var(--linho);
  --segmented-bg: var(--carvao-600);
  --segmented-selected-bg: var(--carvao-500);
  --segmented-selected-fg: var(--linho);
  --segmented-fg: #C9C1B8;
  --status-neutral-bg: var(--gray-700);
  --status-neutral-fg: var(--gray-200);
  --status-warning-bg: var(--yellow-900);
  --status-warning-fg: var(--yellow-200);
  --status-success-bg: var(--green-900);
  --status-success-fg: var(--green-200);
  --status-danger-bg: var(--red-900);
  --status-danger-fg: var(--red-200);
  --banner-info-bg: var(--carvao-600);
  --banner-warning-bg: var(--yellow-800);
  --banner-danger-bg: var(--red-800);
  --banner-experimental-bg: #3A1D22;
  --banner-fg: var(--linho);
  --tag-pedra-bg: var(--carvao-600);
  --tag-pedra-fg: var(--linho);
  --tag-rosa-bg: #3A1D22;
  --tag-rosa-fg: #F0C9CF;
  --tag-vinho-bg: var(--vinho-500);
  --tag-carvao-bg: var(--linho);
  --tag-carvao-fg: var(--carvao-700);
  --toast-bg: var(--carvao-700);
  --toast-border: #3A342F;
  --toast-fg: var(--linho);
  --toast-icon-success: var(--green-500);
  --toast-icon-error: var(--red-400);
  --toast-icon-info: #9C9289;
  --tooltip-bg: var(--carvao-600);
  --tooltip-border: var(--carvao-500);
  --tooltip-fg: #C9C1B8;
  --tooltip-title: var(--linho);
  --tooltip-trigger: #9C9289;
  --empty-icon-bg: var(--carvao-600);
  --empty-icon-fg: #9C9289;
  --chart-empty-bg: var(--carvao-600);
  --chart-empty-fg: #C9C1B8;
  --table-border: #3A342F;
  --table-head-bg: var(--carvao-600);
  --table-head-fg: #C9C1B8;
  --table-row-bg: var(--carvao-700);
  --table-fg: #C9C1B8;
  --table-divider: var(--carvao-600);
  --skeleton-bg: var(--carvao-600);
  --chart-1: #B84E5E;
  --chart-2: #B8862E;
  --chart-neutral: #C9C1B8;
  --chart-grid: #3A342F;
  --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
  --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(0, 0, 0, 0.5);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.6), 0 4px 6px -4px rgba(0, 0, 0, 0.6);
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --surface-page: #141110;
    --surface-card: var(--carvao-700);
    --surface-card-plain: #141110;
    --surface-modal: var(--carvao-700);
    --border-default: #3A342F;
    --border-strong: var(--carvao-500);
    --border-divider: #3A342F;
    --text-heading: var(--linho);
    --text-body: #C9C1B8;
    --text-muted: #9C9289;
    --text-error: var(--red-400);
    --helden-primary: var(--vinho-400);
    --button-primary-bg: var(--linho);
    --button-primary-bg-hover: var(--borda);
    --button-primary-fg: var(--carvao-700);
    --button-secondary-border-hover: var(--carvao-400);
    --button-secondary-fg: var(--linho);
    --button-transparent-fg: #9C9289;
    --overlay-backdrop: rgba(0, 0, 0, 0.64);
    --modal-close-fg: #9C9289;
    --modal-close-fg-hover: var(--linho);
    --input-bg: #141110;
    --input-fg: var(--linho);
    --input-placeholder: #9C9289;
    --input-border: var(--carvao-500);
    --input-border-hover: var(--carvao-400);
    --input-border-error: var(--red-400);
    --input-disabled-bg: var(--carvao-600);
    --input-chevron: #9C9289;
    --checkbox-border: #9C9289;
    --checkbox-checked-bg: var(--linho);
    --checkbox-checked-fg: var(--carvao-700);
    --switch-track-off: var(--carvao-400);
    --switch-disabled-bg: var(--carvao-600);
    --switch-disabled-knob: var(--carvao-500);
    --accordion-bg: var(--carvao-600);
    --accordion-chevron: #9C9289;
    --accordion-chevron-hover: var(--linho);
    --segmented-bg: var(--carvao-600);
    --segmented-selected-bg: var(--carvao-500);
    --segmented-selected-fg: var(--linho);
    --segmented-fg: #C9C1B8;
    --status-neutral-bg: var(--gray-700);
    --status-neutral-fg: var(--gray-200);
    --status-warning-bg: var(--yellow-900);
    --status-warning-fg: var(--yellow-200);
    --status-success-bg: var(--green-900);
    --status-success-fg: var(--green-200);
    --status-danger-bg: var(--red-900);
    --status-danger-fg: var(--red-200);
    --banner-info-bg: var(--carvao-600);
    --banner-warning-bg: var(--yellow-800);
    --banner-danger-bg: var(--red-800);
    --banner-experimental-bg: #3A1D22;
    --banner-fg: var(--linho);
    --tag-pedra-bg: var(--carvao-600);
    --tag-pedra-fg: var(--linho);
    --tag-rosa-bg: #3A1D22;
    --tag-rosa-fg: #F0C9CF;
    --tag-vinho-bg: var(--vinho-500);
    --tag-carvao-bg: var(--linho);
    --tag-carvao-fg: var(--carvao-700);
    --toast-bg: var(--carvao-700);
    --toast-border: #3A342F;
    --toast-fg: var(--linho);
    --toast-icon-success: var(--green-500);
    --toast-icon-error: var(--red-400);
    --toast-icon-info: #9C9289;
    --tooltip-bg: var(--carvao-600);
    --tooltip-border: var(--carvao-500);
    --tooltip-fg: #C9C1B8;
    --tooltip-title: var(--linho);
    --tooltip-trigger: #9C9289;
    --empty-icon-bg: var(--carvao-600);
    --empty-icon-fg: #9C9289;
    --chart-empty-bg: var(--carvao-600);
    --chart-empty-fg: #C9C1B8;
    --table-border: #3A342F;
    --table-head-bg: var(--carvao-600);
    --table-head-fg: #C9C1B8;
    --table-row-bg: var(--carvao-700);
    --table-fg: #C9C1B8;
    --table-divider: var(--carvao-600);
    --skeleton-bg: var(--carvao-600);
    --chart-1: #B84E5E;
    --chart-2: #B8862E;
    --chart-neutral: #C9C1B8;
    --chart-grid: #3A342F;
    --shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, 0.4);
    --shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.5), 0 1px 2px -1px rgba(0, 0, 0, 0.5);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.6), 0 4px 6px -4px rgba(0, 0, 0, 0.6);
    color-scheme: dark;
  }
}
:root {
  --spacing-2xsmall: 4px;
  --spacing-xsmall: 8px;
  --spacing-small: 12px;
  --spacing-medium: 16px;
  --spacing-large: 24px;
  --spacing-xlarge: 32px;
  --spacing-icon-sm: 16px;
  --spacing-icon-md: 24px;
  --spacing-icon-lg: 32px;
  --page-gap: 24px;
  --button-height: 38px;
  --button-height-sm: 30px;
  --modal-width-sm: 480px;
  --modal-width-md: 600px;
  --modal-width-lg: 840px;
  --switch-width: 44px;
  --toast-min-width: 320px;
  --table-cell-max-width: 192px;
  --avatar-size: 40px;
  --wa-avatar-size: 28px;
  --wa-width: 380px;
  --radius-sm: 4px;
  --radius-md: 6px;
  --radius-lg: 8px;
  --radius-xl: 12px;
  --radius-full: 9999px;
  --font-sans: Inter, ui-sans-serif, system-ui, sans-serif;
  --font-display: Newsreader, ui-serif, Georgia, serif;
  --font-mono: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.page-title { font-family: var(--font-sans); font-size: 1.875rem; line-height: 36px; font-weight: 700; }
.empty-title { font-family: var(--font-sans); font-size: 1.5rem; line-height: 32px; font-weight: 700; }
.section-title { font-family: var(--font-sans); font-size: 1.25rem; line-height: 28px; font-weight: 700; }
.card-title { font-family: var(--font-sans); font-size: 1rem; line-height: 24px; font-weight: 600; }
.body { font-family: var(--font-sans); font-size: 0.875rem; line-height: 20px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 0.875rem; line-height: 20px; font-weight: 500; }
.caption { font-family: var(--font-sans); font-size: 0.75rem; line-height: 16px; font-weight: 400; }
.display { font-family: var(--font-display); font-size: 4rem; line-height: 1.05; font-weight: 500; }
.display-section { font-family: var(--font-display); font-size: 2.5rem; line-height: 1.1; font-weight: 500; }
.display-sub { font-family: var(--font-display); font-size: 1.5rem; line-height: 1.25; font-weight: 500; }
.lead { font-family: var(--font-sans); font-size: 1.125rem; line-height: 1.6; font-weight: 400; }
.text-xs { font-family: var(--font-sans); font-size: 0.75rem; line-height: 16px; font-weight: 400; }
.text-sm { font-family: var(--font-sans); font-size: 0.875rem; line-height: 20px; font-weight: 400; }
.text-base { font-family: var(--font-sans); font-size: 1rem; line-height: 24px; font-weight: 400; }
.text-lg { font-family: var(--font-sans); font-size: 1.125rem; line-height: 28px; font-weight: 400; }
.text-xl { font-family: var(--font-sans); font-size: 1.25rem; line-height: 28px; font-weight: 400; }
.text-2xl { font-family: var(--font-sans); font-size: 1.5rem; line-height: 32px; font-weight: 400; }
.text-3xl { font-family: var(--font-sans); font-size: 1.875rem; line-height: 36px; font-weight: 400; }
.text-4xl { font-family: var(--font-sans); font-size: 2.25rem; line-height: 40px; font-weight: 400; }