/* -------------------------------------------
 *  Autogenerated by ⛋ Terrazzo. DO NOT EDIT!
 * ------------------------------------------- */

:root {
/* Acento padrão do piloto (decisão de 29/09/2026: teal). No claro é o #12615E do index.html do piloto; no escuro clareia para manter 4.5:1 sobre canvas. Difere de brand-teal (#157F7C, sistema-clínica): unificação a confirmar. */
  --color-accent: rgb(7.06% 38.04% 36.86%);
  /* Cor da sombra de botões primários e balões enviados (nunca preto puro). */
  --color-accent-glow: rgb(7.06% 38.04% 36.86% / 0.349);
  /* Hover e pressionado de preenchimentos em accent. */
  --color-accent-hover: rgb(4.31% 30.59% 29.41%);
  /* Tinta de 10 a 14% para item selecionado, lente do trilho, botão 'Assumir'. */
  --color-accent-soft: rgb(7.06% 38.04% 36.86% / 0.102);
  /* Fill of the page-level Alert banner, under warning text. */
  --color-alert-tint: rgb(100% 97.25% 90.98%);
  /* Mancha de luz 1 (blur 70px) atrás do vidro; deriva 26s em alternância. Sem ela o desfoque não tem o que mostrar. */
  --color-ambient-1: rgb(56.08% 72.94% 70.59% / 0.549);
  /* Mancha de luz 2, areia no claro e lavanda no escuro (eco do espectro da marca). */
  --color-ambient-2: rgb(85.1% 76.86% 66.27% / 0.451);
  /* Mancha de luz 3, teal claro. */
  --color-ambient-3: rgb(49.8% 81.18% 78.82% / 0.4);
  /* Estado 'Iris respondendo' e balões da assistente: azul, para nunca se confundir com a equipe (accent) nem com o paciente (neutro). */
  --color-assistant: rgb(18.04% 42.75% 74.51%);
  /* Fundo dos balões da Iris e do selo 'Iris marcou' na agenda. */
  --color-assistant-tint: rgb(18.04% 42.75% 74.51% / 0.1216);
  /* Blocked patients, blocked slots, routes denied by RBAC. */
  --color-blocked: rgb(24.71% 27.45% 32.94%);
  /* Fill behind blocked text and borders. */
  --color-blocked-tint: rgb(92.94% 94.51% 96.47%);
  /* Areia #EDEDE7, segundo neutro. Alias de canvas-deep: cartões e blocos de apoio na papelaria; nunca carrega texto pequeno. */
  --color-brand-areia: var(--color-canvas-deep);
  /* Off-white #FAF9F5, o papel da marca. Alias de canvas: fundo padrão do selo colorido, da papelaria e dos posts claros. */
  --color-brand-off-white: var(--color-canvas);
  /* Petróleo #103A3C, base institucional da marca. Alias de ink: no app é o texto e o chrome; na marca é o fundo da versão B do selo e das placas. */
  --color-brand-petroleo: var(--color-ink);
  /* NEUVOX brand teal - links, active accents, avatar fills. Same value as focus; white on it reads 4.8:1. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
  --color-brand-teal: rgb(8.24% 49.8% 48.63%);
  /* Teal claro da entrega de produção (acrílico, anel interno). Realce sobre petróleo; 2.4:1 sobre off-white, só para traços e filetes, nunca texto. */
  --color-brand-teal-claro: rgb(56.08% 81.57% 79.61%);
  /* Hover tone for teal fills and dark call-to-action buttons. */
  --color-brand-teal-hover: rgb(8.63% 33.73% 35.29%);
  /* Pressed tone for filled primary buttons. */
  --color-brand-teal-press: rgb(5.88% 35.69% 34.51%);
  /* Balão recebido: vidro claro com blur(14px) e filete material-glass-edge. */
  --color-bubble-in: rgb(100% 100% 100% / 0.7804);
  /* Texto do balão recebido (13.9:1 no claro). */
  --color-bubble-in-ink: rgb(8.24% 16.86% 17.25%);
  /* Balão enviado pela equipe; leva um gradiente de 12% de branco no topo e sombra accent-glow. */
  --color-bubble-out: rgb(7.06% 38.04% 36.86%);
  /* Texto do balão enviado. */
  --color-bubble-out-ink: rgb(100% 100% 100%);
  /* Page background on html. The warm paper base declared in globals.css. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
  --color-canvas: rgb(98.04% 97.65% 96.08%);
  /* Bottom stop of the body gradient; the resting tone under long scrolling tables. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
  --color-canvas-deep: rgb(92.94% 92.94% 90.59%);
  /* App bar, menu popovers and full-screen blocking states. Same value as ink. */
  --color-chrome-base: rgb(6.27% 22.75% 23.53%);
  /* Current nav label, product name and popover headings on chrome-base (12.4:1). */
  --color-chrome-ink: rgb(100% 100% 100%);
  /* Bottom border of the app bar against chrome-base. */
  --color-chrome-line: rgb(10.98% 32.16% 31.37%);
  /* Resting nav links on chrome-base (5.6:1); they turn chrome-ink on hover and when current. */
  --color-chrome-link: rgb(62.35% 69.02% 78.04%);
  /* Secondary chrome text - job title, notification body, logout link (5.4:1 on chrome-base). */
  --color-chrome-muted: rgb(65.49% 67.45% 64.71%);
  /* Schedule and record conflicts that need a choice, not a retry. */
  --color-conflict: rgb(62.35% 11.37% 11.37%);
  /* Cancelled, missed, destructive actions. Text and border over danger-tint. */
  --color-danger: rgb(70.59% 13.73% 9.41%);
  /* Fill behind danger text and borders; also the destructive button. */
  --color-danger-tint: rgb(100% 94.12% 92.94%);
  /* Borders of elevated cards, page headers and header chips. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
  --color-divider: rgb(90.2% 89.02% 85.1%);
  /* The 3px focus-visible outline, offset 3px. 4.6:1 on canvas. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
  --color-focus: rgb(8.24% 49.8% 48.63%);
  /* Tray behind an ActionGroup; also the top stop of the app-shell gradient. */
  --color-group-tint: rgb(93.33% 95.29% 97.25%);
  /* Scheduled, in progress, and the primary button fill. White on it reads 8.7:1. */
  --color-info: rgb(8.63% 29.41% 56.86%);
  /* Fill behind info text and borders; also the secondary button. */
  --color-info-tint: rgb(91.76% 95.29% 100%);
  /* Primary text on canvas, surface and surface-elevated (12.4:1). Also the app chrome ground. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
  --color-ink: rgb(6.27% 22.75% 23.53%);
  /* Hairline borders on plain surfaces and neutral badges. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
  --color-line: rgb(85.1% 83.53% 78.82%);
  /* Preenchimento terciário: campo de busca, controle segmentado, botões de ferramenta em repouso. */
  --color-material-fill: rgb(23.53% 31.37% 30.59% / 0.0784);
  /* Hover dos preenchimentos terciários. */
  --color-material-fill-hover: rgb(23.53% 31.37% 30.59% / 0.1294);
  /* Trilho de interruptor desligado, pegador da folha. */
  --color-material-fill-strong: rgb(23.53% 31.37% 30.59% / 0.2);
  /* Vidro padrão: fundo das barras que flutuam sobre conteúdo, sempre com backdrop-filter blur(26px) saturate(1.8). Alfa 62% é o padrão de fábrica; o usuário ajusta de 45% a 90% em Aparência. */
  --color-material-glass: rgb(100% 100% 100% / 0.6196);
  /* Filete de 0,5px e brilho superior de 1px em toda lâmina de vidro (inset). É o que faz o vidro ler como vidro. */
  --color-material-glass-edge: rgb(100% 100% 100% / 0.749);
  /* Vidro tingido (86 a 90%) para paleta de comandos, folhas e cartões que carregam texto longo. */
  --color-material-glass-strong: rgb(100% 100% 100% / 0.8588);
  /* Fundo dos painéis rebaixados (lista, conversa) sobre a luz ambiente; sem desfoque. */
  --color-material-sunk: rgb(100% 100% 100% / 0.549);
  /* Estado 'Com você' (atendimento assumido) e ponto verde de conectado. */
  --color-mine: rgb(16.47% 54.12% 33.33%);
  /* Secondary text and descriptions on surface-elevated (5.8:1) and canvas (5.7:1). Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
  --color-muted: rgb(35.29% 39.61% 39.22%);
  /* Fill of neutral badges, paired with line and muted. */
  --color-neutral-tint: rgb(95.29% 96.47% 98.04%);
  /* Texto e ícone sobre accent. Branco no claro (5.9:1); petróleo no escuro (7.9:1). */
  --color-on-accent: rgb(100% 100% 100%);
  /* Financial and TISS items queued for a human decision. */
  --color-pending: rgb(58.04% 36.08% 0%);
  /* Âmbar, Arte (estrelas). Texto sobre ele em petróleo. Um dos três tons claros do espectro. */
  --color-spectrum-ambar: rgb(89.02% 62.75% 29.41%);
  /* Coral, Escuta. Texto sobre ele em petróleo. */
  --color-spectrum-coral: rgb(85.1% 47.84% 40.78%);
  /* Lavanda, Integração: o eixo entre os dois hemisférios do símbolo. Texto sobre ela em petróleo, nunca branco. */
  --color-spectrum-lavanda: rgb(61.57% 60.78% 76.86%);
  /* Rosa, Florescer: a cor da palavra em itálico nos títulos ("floresce"). Texto sobre ela em branco. */
  --color-spectrum-rosa: rgb(78.43% 27.84% 42.35%);
  /* Teal do espectro, Ciência (Manual v2 §07). Pantone aprox. 3295 C. Texto sobre ele sempre em branco (4.1:1: use bold ou 19px+). Difere de brand-teal (#157F7C), que fica na interface. */
  --color-spectrum-teal: rgb(12.16% 55.69% 54.12%);
  /* Vinho, Cuidado (corações). Texto sobre ele em branco. Ponto final do anel espectral. */
  --color-spectrum-vinho: rgb(55.69% 16.86% 16.86%);
  /* De-emphasised metadata on canvas. 3.6:1 - the source value, kept exact: use it at 24px+ or bold 19px+, never for body copy. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
  --color-subtle: rgb(48.24% 51.76% 51.37%);
  /* Confirmed, finished, active. Text and border of success badges over success-tint. */
  --color-success: rgb(5.88% 41.96% 20.78%);
  /* Fill behind success text and borders. */
  --color-success-tint: rgb(91.76% 97.25% 93.73%);
  /* Plain surfaces: EmptyState, drawer bodies, table cards. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
  --color-surface: rgb(100% 100% 100%);
  /* Raised clinical surfaces: PageHeader, DataSurfaceCard, timeline rows. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
  --color-surface-elevated: rgb(98.43% 98.04% 96.47%);
  /* Estado 'Aguardando há N min' na fila e no ponto do avatar. Mesmo papel de warning, valor calibrado para 4.5:1 sobre material-sunk. */
  --color-wait: rgb(69.02% 45.1% 10.2%);
  /* Waiting, unconfirmed, rescheduled, late. Text and border over warning-tint. */
  --color-warning: rgb(54.12% 32.16% 0%);
  /* Fill behind warning text and borders; also the warning button. */
  --color-warning-tint: rgb(100% 96.08% 85.88%);
  /* Only the WhatsApp entry point in the app bar, at 10-20% opacity with a 40% border. */
  --color-whatsapp: rgb(14.51% 82.75% 40%);
  /* Piloto: cartões de Tarefas, trilho, compositor (22px). */
  --dimension-radius-card: 20px;
  /* The signature radius: PageHeader, DataSurfaceCard, Alert. Deliberately not 12px and not 16px. */
  --dimension-radius-clinical: 0.85rem;
  /* Piloto: botões de ferramenta, item de navegação de Configurações, campo de busca (13px no campo). */
  --dimension-radius-control: 12px;
  /* Avatars, the logo disc, notification dots. */
  --dimension-radius-full: 9999px;
  /* Piloto: barra de conversa, linha selecionada da fila, toast. Raio interno concêntrico ao painel (26px) menos o recuo (8px). */
  --dimension-radius-glass: 18px;
  /* Buttons, badges, ActionGroup tray, header chips. */
  --dimension-radius-lg: 8px;
  /* Small chips, chrome buttons, EmptyState. */
  --dimension-radius-md: 6px;
  /* Piloto: os painéis rebaixados (lista, conversa, página) e a folha inferior. */
  --dimension-radius-pane: 26px;
  /* Popovers and timeline rows. */
  --dimension-radius-xl: 12px;
  /* Icon-to-label gap inside a nav link. */
  --dimension-space-1: 4px;
  /* Badge icon gap; ActionGroup tray padding. */
  --dimension-space-1-5: 6px;
  /* Gap between sibling controls and between badges. */
  --dimension-space-2: 8px;
  /* Shell padding, PageHeader vertical padding, tight card rows. */
  --dimension-space-3: 12px;
  /* DataSurfaceCard padding and PageHeader horizontal padding. */
  --dimension-space-4: 16px;
  /* Gap under a Section. */
  --dimension-space-5: 20px;
  /* EmptyState padding. */
  --dimension-space-6: 24px;
  /* Cor e fundo de controles, foco, opacidade. */
  --duration-control: 240ms;
  /* Lente que desliza, segmento, reordenação de linha, interruptor. */
  --duration-layout: 360ms;
  /* Pressão (scale .95), hover de chip, dica. */
  --duration-micro: 150ms;
  /* Folha, paleta de comandos, troca de tela, entrada de conversa no celular. */
  --duration-sheet: 480ms;
  /* Entradas com ênfase sem overshoot (linhas da fila, cartões). */
  --easing-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
  /* Saídas: rápido no fim, sem chamar atenção. */
  --easing-exit: cubic-bezier(0.4, 0, 1, 1);
  /* Mola do piloto (string CSS, não cubicBezier). */
  --easing-spring: linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.99 45.7%,1.006 50.2%,1.014 54.7%,1.015 59.5%,1.006 70.3%,.998 84.4%,1);
  /* Mola suave do piloto. */
  --easing-spring-soft: linear(0,.017 2.9%,.066 5.8%,.15 9%,.28 12.6%,.53 19%,.72 24.5%,.85 29.8%,.94 35.5%,.99 41.9%,1.01 49.3%,1.006 60%,1);
  /* Padrão para cor, opacidade e pequenas trocas. */
  --easing-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
  --font-family-brand-sans: "Mulish", "Lato", "Segoe UI", sans-serif;
  --font-family-sans: "Lato", "Segoe UI", "Aptos", sans-serif;
  --font-family-serif: "Newsreader", "Georgia", "Times New Roman", serif;
  --font-family-system: -apple-system, "BlinkMacSystemFont", "SF Pro Text", "SF Pro Display", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
  /* StatusBadge label - written 0.82rem with leading-none in the source. */
  --font-style-badge: var(--font-style-badge-font-weight) var(--font-style-badge-font-size)/var(--font-style-badge-line-height) var(--font-style-badge-font-family);
  /* StatusBadge label - written 0.82rem with leading-none in the source. */
  --font-style-badge-font-family: var(--font-family-sans);
  /* StatusBadge label - written 0.82rem with leading-none in the source. */
  --font-style-badge-font-size: 13.12px;
  /* StatusBadge label - written 0.82rem with leading-none in the source. */
  --font-style-badge-font-weight: 700;
  /* StatusBadge label - written 0.82rem with leading-none in the source. */
  --font-style-badge-letter-spacing: -0.025em;
  /* StatusBadge label - written 0.82rem with leading-none in the source. */
  --font-style-badge-line-height: 1;
  /* Default running text and table cells. */
  --font-style-body: var(--font-style-body-font-weight) var(--font-style-body-font-size)/var(--font-style-body-line-height) var(--font-style-body-font-family);
  /* Default running text and table cells. */
  --font-style-body-font-family: var(--font-family-sans);
  /* Default running text and table cells. */
  --font-style-body-font-size: 14px;
  /* Default running text and table cells. */
  --font-style-body-font-weight: 400;
  /* Default running text and table cells. */
  --font-style-body-letter-spacing: 0px;
  /* Default running text and table cells. */
  --font-style-body-line-height: 20px;
  /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
  --font-style-body-piloto: var(--font-style-body-piloto-font-weight) var(--font-style-body-piloto-font-size)/var(--font-style-body-piloto-line-height) var(--font-style-body-piloto-font-family);
  /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
  --font-style-body-piloto-font-family: var(--font-family-system);
  /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
  --font-style-body-piloto-font-size: 15px;
  /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
  --font-style-body-piloto-font-weight: 400;
  /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
  --font-style-body-piloto-letter-spacing: -0.008em;
  /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
  --font-style-body-piloto-line-height: 21px;
  /* Alert bodies and multi-line explanations. */
  --font-style-body-relaxed: var(--font-style-body-relaxed-font-weight) var(--font-style-body-relaxed-font-size)/var(--font-style-body-relaxed-line-height) var(--font-style-body-relaxed-font-family);
  /* Alert bodies and multi-line explanations. */
  --font-style-body-relaxed-font-family: var(--font-family-sans);
  /* Alert bodies and multi-line explanations. */
  --font-style-body-relaxed-font-size: 14px;
  /* Alert bodies and multi-line explanations. */
  --font-style-body-relaxed-font-weight: 500;
  /* Alert bodies and multi-line explanations. */
  --font-style-body-relaxed-letter-spacing: 0px;
  /* Alert bodies and multi-line explanations. */
  --font-style-body-relaxed-line-height: 24px;
  /* PageHeader description, and any short line that must survive a glance. */
  --font-style-body-strong: var(--font-style-body-strong-font-weight) var(--font-style-body-strong-font-size)/var(--font-style-body-strong-line-height) var(--font-style-body-strong-font-family);
  /* PageHeader description, and any short line that must survive a glance. */
  --font-style-body-strong-font-family: var(--font-family-sans);
  /* PageHeader description, and any short line that must survive a glance. */
  --font-style-body-strong-font-size: 14px;
  /* PageHeader description, and any short line that must survive a glance. */
  --font-style-body-strong-font-weight: 600;
  /* PageHeader description, and any short line that must survive a glance. */
  --font-style-body-strong-letter-spacing: 0px;
  /* PageHeader description, and any short line that must survive a glance. */
  --font-style-body-strong-line-height: 24px;
  /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
  --font-style-brand-body: var(--font-style-brand-body-font-weight) var(--font-style-brand-body-font-size)/var(--font-style-brand-body-line-height) var(--font-style-brand-body-font-family);
  /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
  --font-style-brand-body-font-family: var(--font-family-brand-sans);
  /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
  --font-style-brand-body-font-size: 16px;
  /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
  --font-style-brand-body-font-weight: 400;
  /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
  --font-style-brand-body-letter-spacing: 0px;
  /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
  --font-style-brand-body-line-height: 26px;
  /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
  --font-style-brand-descriptor: var(--font-style-brand-descriptor-font-weight) var(--font-style-brand-descriptor-font-size)/var(--font-style-brand-descriptor-line-height) var(--font-style-brand-descriptor-font-family);
  /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
  --font-style-brand-descriptor-font-family: var(--font-family-brand-sans);
  /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
  --font-style-brand-descriptor-font-size: 11px;
  /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
  --font-style-brand-descriptor-font-weight: 700;
  /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
  --font-style-brand-descriptor-letter-spacing: 0.32em;
  /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
  --font-style-brand-descriptor-line-height: 16px;
  /* The uppercase house line under the product name in the app bar. */
  --font-style-brand-eyebrow: var(--font-style-brand-eyebrow-font-weight) var(--font-style-brand-eyebrow-font-size)/var(--font-style-brand-eyebrow-line-height) var(--font-style-brand-eyebrow-font-family);
  /* The uppercase house line under the product name in the app bar. */
  --font-style-brand-eyebrow-font-family: var(--font-family-sans);
  /* The uppercase house line under the product name in the app bar. */
  --font-style-brand-eyebrow-font-size: 9px;
  /* The uppercase house line under the product name in the app bar. */
  --font-style-brand-eyebrow-font-weight: 600;
  /* The uppercase house line under the product name in the app bar. */
  --font-style-brand-eyebrow-letter-spacing: 0.18em;
  /* The uppercase house line under the product name in the app bar. */
  --font-style-brand-eyebrow-line-height: 1;
  /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
  --font-style-brand-label: var(--font-style-brand-label-font-weight) var(--font-style-brand-label-font-size)/var(--font-style-brand-label-line-height) var(--font-style-brand-label-font-family);
  /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
  --font-style-brand-label-font-family: var(--font-family-brand-sans);
  /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
  --font-style-brand-label-font-size: 12px;
  /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
  --font-style-brand-label-font-weight: 700;
  /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
  --font-style-brand-label-letter-spacing: 0.28em;
  /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
  --font-style-brand-label-line-height: 16px;
  /* Timestamps and job titles inside popovers. */
  --font-style-caption: var(--font-style-caption-font-weight) var(--font-style-caption-font-size)/var(--font-style-caption-line-height) var(--font-style-caption-font-family);
  /* Timestamps and job titles inside popovers. */
  --font-style-caption-font-family: var(--font-family-sans);
  /* Timestamps and job titles inside popovers. */
  --font-style-caption-font-size: 10px;
  /* Timestamps and job titles inside popovers. */
  --font-style-caption-font-weight: 500;
  /* Timestamps and job titles inside popovers. */
  --font-style-caption-letter-spacing: 0px;
  /* Timestamps and job titles inside popovers. */
  --font-style-caption-line-height: 14px;
  /* Button labels. Controls are bold here, never regular. */
  --font-style-control: var(--font-style-control-font-weight) var(--font-style-control-font-size)/var(--font-style-control-line-height) var(--font-style-control-font-family);
  /* Button labels. Controls are bold here, never regular. */
  --font-style-control-font-family: var(--font-family-sans);
  /* Button labels. Controls are bold here, never regular. */
  --font-style-control-font-size: 14px;
  /* Button labels. Controls are bold here, never regular. */
  --font-style-control-font-weight: 700;
  /* Button labels. Controls are bold here, never regular. */
  --font-style-control-letter-spacing: 0px;
  /* Button labels. Controls are bold here, never regular. */
  --font-style-control-line-height: 20px;
  /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
  --font-style-control-piloto: var(--font-style-control-piloto-font-weight) var(--font-style-control-piloto-font-size)/var(--font-style-control-piloto-line-height) var(--font-style-control-piloto-font-family);
  /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
  --font-style-control-piloto-font-family: var(--font-family-system);
  /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
  --font-style-control-piloto-font-size: 13.5px;
  /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
  --font-style-control-piloto-font-weight: 500;
  /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
  --font-style-control-piloto-letter-spacing: 0px;
  /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
  --font-style-control-piloto-line-height: 18px;
  /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
  --font-style-display: var(--font-style-display-font-weight) var(--font-style-display-font-size)/var(--font-style-display-line-height) var(--font-style-display-font-family);
  /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
  --font-style-display-font-family: var(--font-family-serif);
  /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
  --font-style-display-font-size: 96px;
  /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
  --font-style-display-font-weight: 300;
  /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
  --font-style-display-italic: var(--font-style-display-italic-font-weight) var(--font-style-display-italic-font-size)/var(--font-style-display-italic-line-height) var(--font-style-display-italic-font-family);
  /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
  --font-style-display-italic-font-family: var(--font-family-serif);
  /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
  --font-style-display-italic-font-size: 96px;
  /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
  --font-style-display-italic-font-weight: 400;
  /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
  --font-style-display-italic-letter-spacing: 0px;
  /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
  --font-style-display-italic-line-height: 1.05;
  /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
  --font-style-display-letter-spacing: 0px;
  /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
  --font-style-display-line-height: 1.05;
  /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
  --font-style-greeting: var(--font-style-greeting-font-weight) var(--font-style-greeting-font-size)/var(--font-style-greeting-line-height) var(--font-style-greeting-font-family);
  /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
  --font-style-greeting-font-family: var(--font-family-serif);
  /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
  --font-style-greeting-font-size: 34px;
  /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
  --font-style-greeting-font-weight: 500;
  /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
  --font-style-greeting-letter-spacing: -0.012em;
  /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
  --font-style-greeting-line-height: 1.05;
  /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
  --font-style-headline: var(--font-style-headline-font-weight) var(--font-style-headline-font-size)/var(--font-style-headline-line-height) var(--font-style-headline-font-family);
  /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
  --font-style-headline-font-family: var(--font-family-serif);
  /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
  --font-style-headline-font-size: 44px;
  /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
  --font-style-headline-font-weight: 500;
  /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
  --font-style-headline-letter-spacing: 0px;
  /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
  --font-style-headline-line-height: 1.15;
  /* Chrome metadata - user name, logout, counters. */
  --font-style-meta: var(--font-style-meta-font-weight) var(--font-style-meta-font-size)/var(--font-style-meta-line-height) var(--font-style-meta-font-family);
  /* Chrome metadata - user name, logout, counters. */
  --font-style-meta-font-family: var(--font-family-sans);
  /* Chrome metadata - user name, logout, counters. */
  --font-style-meta-font-size: 11px;
  /* Chrome metadata - user name, logout, counters. */
  --font-style-meta-font-weight: 600;
  /* Chrome metadata - user name, logout, counters. */
  --font-style-meta-letter-spacing: 0px;
  /* Chrome metadata - user name, logout, counters. */
  --font-style-meta-line-height: 16px;
  /* Resting app-bar links, in chrome-link. */
  --font-style-nav-link: var(--font-style-nav-link-font-weight) var(--font-style-nav-link-font-size)/var(--font-style-nav-link-line-height) var(--font-style-nav-link-font-family);
  /* Current app-bar link, chrome-ink over a 12% white fill. */
  --font-style-nav-link-active: var(--font-style-nav-link-active-font-weight) var(--font-style-nav-link-active-font-size)/var(--font-style-nav-link-active-line-height) var(--font-style-nav-link-active-font-family);
  /* Current app-bar link, chrome-ink over a 12% white fill. */
  --font-style-nav-link-active-font-family: var(--font-family-sans);
  /* Current app-bar link, chrome-ink over a 12% white fill. */
  --font-style-nav-link-active-font-size: 13px;
  /* Current app-bar link, chrome-ink over a 12% white fill. */
  --font-style-nav-link-active-font-weight: 600;
  /* Current app-bar link, chrome-ink over a 12% white fill. */
  --font-style-nav-link-active-letter-spacing: 0px;
  /* Current app-bar link, chrome-ink over a 12% white fill. */
  --font-style-nav-link-active-line-height: 20px;
  /* Resting app-bar links, in chrome-link. */
  --font-style-nav-link-font-family: var(--font-family-sans);
  /* Resting app-bar links, in chrome-link. */
  --font-style-nav-link-font-size: 13px;
  /* Resting app-bar links, in chrome-link. */
  --font-style-nav-link-font-weight: 500;
  /* Resting app-bar links, in chrome-link. */
  --font-style-nav-link-letter-spacing: 0px;
  /* Resting app-bar links, in chrome-link. */
  --font-style-nav-link-line-height: 20px;
  /* Uppercase labels: Alert title, header chip, popover heading. */
  --font-style-overline: var(--font-style-overline-font-weight) var(--font-style-overline-font-size)/var(--font-style-overline-line-height) var(--font-style-overline-font-family);
  /* Uppercase labels: Alert title, header chip, popover heading. */
  --font-style-overline-font-family: var(--font-family-sans);
  /* Uppercase labels: Alert title, header chip, popover heading. */
  --font-style-overline-font-size: 12px;
  /* Uppercase labels: Alert title, header chip, popover heading. */
  --font-style-overline-font-weight: 700;
  /* Uppercase labels: Alert title, header chip, popover heading. */
  --font-style-overline-letter-spacing: 0.025em;
  /* Uppercase labels: Alert title, header chip, popover heading. */
  --font-style-overline-line-height: 16px;
  /* h2 do painel direito de Configurações. */
  --font-style-page-heading: var(--font-style-page-heading-font-weight) var(--font-style-page-heading-font-size)/var(--font-style-page-heading-line-height) var(--font-style-page-heading-font-family);
  /* h2 do painel direito de Configurações. */
  --font-style-page-heading-font-family: var(--font-family-system);
  /* h2 do painel direito de Configurações. */
  --font-style-page-heading-font-size: 24px;
  /* h2 do painel direito de Configurações. */
  --font-style-page-heading-font-weight: 600;
  /* h2 do painel direito de Configurações. */
  --font-style-page-heading-letter-spacing: -0.02em;
  /* h2 do painel direito de Configurações. */
  --font-style-page-heading-line-height: 30px;
  /* The single h1, inside PageHeader. */
  --font-style-page-title: var(--font-style-page-title-font-weight) var(--font-style-page-title-font-size)/var(--font-style-page-title-line-height) var(--font-style-page-title-font-family);
  /* The single h1, inside PageHeader. */
  --font-style-page-title-font-family: var(--font-family-sans);
  /* The single h1, inside PageHeader. */
  --font-style-page-title-font-size: 24px;
  /* The single h1, inside PageHeader. */
  --font-style-page-title-font-weight: 600;
  /* The single h1, inside PageHeader. */
  --font-style-page-title-letter-spacing: -0.025em;
  /* The single h1, inside PageHeader. */
  --font-style-page-title-line-height: 32px;
  /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
  --font-style-row-meta: var(--font-style-row-meta-font-weight) var(--font-style-row-meta-font-size)/var(--font-style-row-meta-line-height) var(--font-style-row-meta-font-family);
  /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
  --font-style-row-meta-font-family: var(--font-family-system);
  /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
  --font-style-row-meta-font-size: 12.5px;
  /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
  --font-style-row-meta-font-weight: 500;
  /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
  --font-style-row-meta-letter-spacing: 0px;
  /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
  --font-style-row-meta-line-height: 16px;
  /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
  --font-style-row-title: var(--font-style-row-title-font-weight) var(--font-style-row-title-font-size)/var(--font-style-row-title-line-height) var(--font-style-row-title-font-family);
  /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
  --font-style-row-title-font-family: var(--font-family-system);
  /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
  --font-style-row-title-font-size: 15.5px;
  /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
  --font-style-row-title-font-weight: 600;
  /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
  --font-style-row-title-letter-spacing: 0px;
  /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
  --font-style-row-title-line-height: 20px;
  /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
  --font-style-section-caps: var(--font-style-section-caps-font-weight) var(--font-style-section-caps-font-size)/var(--font-style-section-caps-line-height) var(--font-style-section-caps-font-family);
  /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
  --font-style-section-caps-font-family: var(--font-family-system);
  /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
  --font-style-section-caps-font-size: 12px;
  /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
  --font-style-section-caps-font-weight: 600;
  /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
  --font-style-section-caps-letter-spacing: 0.04em;
  /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
  --font-style-section-caps-line-height: 16px;
  /* Section h2, with its 4px info rule to the left. */
  --font-style-section-title: var(--font-style-section-title-font-weight) var(--font-style-section-title-font-size)/var(--font-style-section-title-line-height) var(--font-style-section-title-font-family);
  /* Section h2, with its 4px info rule to the left. */
  --font-style-section-title-font-family: var(--font-family-sans);
  /* Section h2, with its 4px info rule to the left. */
  --font-style-section-title-font-size: 18px;
  /* Section h2, with its 4px info rule to the left. */
  --font-style-section-title-font-weight: 600;
  /* Section h2, with its 4px info rule to the left. */
  --font-style-section-title-letter-spacing: -0.025em;
  /* Section h2, with its 4px info rule to the left. */
  --font-style-section-title-line-height: 28px;
  /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
  --font-style-title-inline: var(--font-style-title-inline-font-weight) var(--font-style-title-inline-font-size)/var(--font-style-title-inline-line-height) var(--font-style-title-inline-font-family);
  /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
  --font-style-title-inline-font-family: var(--font-family-system);
  /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
  --font-style-title-inline-font-size: 15px;
  /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
  --font-style-title-inline-font-weight: 600;
  /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
  --font-style-title-inline-letter-spacing: 0px;
  /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
  --font-style-title-inline-line-height: 20px;
  /* Botão primário, botão 'Atender', lente da semana na agenda. */
  --shadow-accent: 0px 8px 18px -8px rgb(7.06% 38.04% 36.86% / 0.35);
  /* Inner top highlight on badges and tinted buttons - what makes a tint read as a raised control. */
  --shadow-bevel: inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.82);
  /* Elevated clinical surfaces - PageHeader, DataSurfaceCard. Wide, soft, with a white top bevel. */
  --shadow-clinical: 0px 18px 48px 0px rgb(6.27% 22.75% 23.53% / 0.08), inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.9);
  /* Paleta de comandos, folha e menus que flutuam sobre tudo. */
  --shadow-float: 0px 18px 40px -14px rgb(5.49% 20% 20.78% / 0.28), 0px 1px 2px 0px rgb(5.49% 20% 20.78% / 0.08);
  /* focus-visible ring for controls that cannot carry the outline, such as buttons inside a tray. */
  --shadow-focus: 0px 0px 0px 3px rgb(4.31% 39.61% 76.08% / 0.35);
  /* A sombra de toda lâmina de vidro: brilho superior, filete e projeção suave tingida de petróleo. */
  --shadow-glass: inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.75), inset 0px 0px 0px 0.5px rgb(100% 100% 100% / 0.75), 0px 12px 34px -14px rgb(5.49% 20% 20.78% / 0.3), 0px 1px 2px 0px rgb(5.49% 20% 20.78% / 0.06);
  /* Secondary elevation - app bar, Alert, timeline rows. */
  --shadow-technical: 0px 8px 24px 0px rgb(6.27% 22.75% 23.53% / 0.07);
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
/* Acento padrão do piloto (decisão de 29/09/2026: teal). No claro é o #12615E do index.html do piloto; no escuro clareia para manter 4.5:1 sobre canvas. Difere de brand-teal (#157F7C, sistema-clínica): unificação a confirmar. */
    --color-accent: rgb(36.08% 75.69% 72.94%);
    /* Cor da sombra de botões primários e balões enviados (nunca preto puro). */
    --color-accent-glow: rgb(36.08% 75.69% 72.94% / 0.451);
    /* Hover e pressionado de preenchimentos em accent. */
    --color-accent-hover: rgb(49.02% 82.75% 80%);
    /* Tinta de 10 a 14% para item selecionado, lente do trilho, botão 'Assumir'. */
    --color-accent-soft: rgb(36.08% 75.69% 72.94% / 0.1412);
    /* Fill of the page-level Alert banner, under warning text. */
    --color-alert-tint: rgb(100% 97.25% 90.98%);
    /* Mancha de luz 1 (blur 70px) atrás do vidro; deriva 26s em alternância. Sem ela o desfoque não tem o que mostrar. */
    --color-ambient-1: rgb(7.06% 38.04% 36.86% / 0.451);
    /* Mancha de luz 2, areia no claro e lavanda no escuro (eco do espectro da marca). */
    --color-ambient-2: rgb(35.29% 27.45% 47.06% / 0.302);
    /* Mancha de luz 3, teal claro. */
    --color-ambient-3: rgb(49.8% 81.18% 78.82% / 0.1804);
    /* Estado 'Iris respondendo' e balões da assistente: azul, para nunca se confundir com a equipe (accent) nem com o paciente (neutro). */
    --color-assistant: rgb(51.37% 70.59% 94.9%);
    /* Fundo dos balões da Iris e do selo 'Iris marcou' na agenda. */
    --color-assistant-tint: rgb(51.37% 70.59% 94.9% / 0.1608);
    /* Blocked patients, blocked slots, routes denied by RBAC. */
    --color-blocked: rgb(24.71% 27.45% 32.94%);
    /* Fill behind blocked text and borders. */
    --color-blocked-tint: rgb(92.94% 94.51% 96.47%);
    /* Areia #EDEDE7, segundo neutro. Alias de canvas-deep: cartões e blocos de apoio na papelaria; nunca carrega texto pequeno. */
    --color-brand-areia: var(--color-canvas-deep);
    /* Off-white #FAF9F5, o papel da marca. Alias de canvas: fundo padrão do selo colorido, da papelaria e dos posts claros. */
    --color-brand-off-white: var(--color-canvas);
    /* Petróleo #103A3C, base institucional da marca. Alias de ink: no app é o texto e o chrome; na marca é o fundo da versão B do selo e das placas. */
    --color-brand-petroleo: var(--color-ink);
    /* NEUVOX brand teal - links, active accents, avatar fills. Same value as focus; white on it reads 4.8:1. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-brand-teal: rgb(36.08% 75.69% 72.94%);
    /* Teal claro da entrega de produção (acrílico, anel interno). Realce sobre petróleo; 2.4:1 sobre off-white, só para traços e filetes, nunca texto. */
    --color-brand-teal-claro: rgb(56.08% 81.57% 79.61%);
    /* Hover tone for teal fills and dark call-to-action buttons. */
    --color-brand-teal-hover: rgb(8.63% 33.73% 35.29%);
    /* Pressed tone for filled primary buttons. */
    --color-brand-teal-press: rgb(5.88% 35.69% 34.51%);
    /* Balão recebido: vidro claro com blur(14px) e filete material-glass-edge. */
    --color-bubble-in: rgb(100% 100% 100% / 0.0902);
    /* Texto do balão recebido (13.9:1 no claro). */
    --color-bubble-in-ink: rgb(93.33% 95.29% 94.9%);
    /* Balão enviado pela equipe; leva um gradiente de 12% de branco no topo e sombra accent-glow. */
    --color-bubble-out: rgb(11.76% 49.8% 47.45%);
    /* Texto do balão enviado. */
    --color-bubble-out-ink: rgb(100% 100% 100%);
    /* Page background on html. The warm paper base declared in globals.css. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-canvas: rgb(6.27% 9.8% 10.2%);
    /* Bottom stop of the body gradient; the resting tone under long scrolling tables. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-canvas-deep: rgb(4.71% 7.84% 8.24%);
    /* App bar, menu popovers and full-screen blocking states. Same value as ink. */
    --color-chrome-base: rgb(6.27% 22.75% 23.53%);
    /* Current nav label, product name and popover headings on chrome-base (12.4:1). */
    --color-chrome-ink: rgb(100% 100% 100%);
    /* Bottom border of the app bar against chrome-base. */
    --color-chrome-line: rgb(10.98% 32.16% 31.37%);
    /* Resting nav links on chrome-base (5.6:1); they turn chrome-ink on hover and when current. */
    --color-chrome-link: rgb(62.35% 69.02% 78.04%);
    /* Secondary chrome text - job title, notification body, logout link (5.4:1 on chrome-base). */
    --color-chrome-muted: rgb(65.49% 67.45% 64.71%);
    /* Schedule and record conflicts that need a choice, not a retry. */
    --color-conflict: rgb(62.35% 11.37% 11.37%);
    /* Cancelled, missed, destructive actions. Text and border over danger-tint. */
    --color-danger: rgb(70.59% 13.73% 9.41%);
    /* Fill behind danger text and borders; also the destructive button. */
    --color-danger-tint: rgb(100% 94.12% 92.94%);
    /* Borders of elevated cards, page headers and header chips. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-divider: rgb(14.12% 18.82% 19.22%);
    /* The 3px focus-visible outline, offset 3px. 4.6:1 on canvas. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-focus: rgb(36.08% 75.69% 72.94%);
    /* Tray behind an ActionGroup; also the top stop of the app-shell gradient. */
    --color-group-tint: rgb(93.33% 95.29% 97.25%);
    /* Scheduled, in progress, and the primary button fill. White on it reads 8.7:1. */
    --color-info: rgb(8.63% 29.41% 56.86%);
    /* Fill behind info text and borders; also the secondary button. */
    --color-info-tint: rgb(91.76% 95.29% 100%);
    /* Primary text on canvas, surface and surface-elevated (12.4:1). Also the app chrome ground. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-ink: rgb(94.51% 96.08% 95.69%);
    /* Hairline borders on plain surfaces and neutral badges. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-line: rgb(16.86% 21.96% 22.35%);
    /* Preenchimento terciário: campo de busca, controle segmentado, botões de ferramenta em repouso. */
    --color-material-fill: rgb(100% 100% 100% / 0.0706);
    /* Hover dos preenchimentos terciários. */
    --color-material-fill-hover: rgb(100% 100% 100% / 0.1098);
    /* Trilho de interruptor desligado, pegador da folha. */
    --color-material-fill-strong: rgb(100% 100% 100% / 0.1686);
    /* Vidro padrão: fundo das barras que flutuam sobre conteúdo, sempre com backdrop-filter blur(26px) saturate(1.8). Alfa 62% é o padrão de fábrica; o usuário ajusta de 45% a 90% em Aparência. */
    --color-material-glass: rgb(11.76% 16.47% 16.86% / 0.6196);
    /* Filete de 0,5px e brilho superior de 1px em toda lâmina de vidro (inset). É o que faz o vidro ler como vidro. */
    --color-material-glass-edge: rgb(100% 100% 100% / 0.1412);
    /* Vidro tingido (86 a 90%) para paleta de comandos, folhas e cartões que carregam texto longo. */
    --color-material-glass-strong: rgb(11.76% 16.47% 16.86% / 0.902);
    /* Fundo dos painéis rebaixados (lista, conversa) sobre a luz ambiente; sem desfoque. */
    --color-material-sunk: rgb(100% 100% 100% / 0.0392);
    /* Estado 'Com você' (atendimento assumido) e ponto verde de conectado. */
    --color-mine: rgb(38.43% 80.39% 56.86%);
    /* Secondary text and descriptions on surface-elevated (5.8:1) and canvas (5.7:1). Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-muted: rgb(58.04% 63.53% 62.35%);
    /* Fill of neutral badges, paired with line and muted. */
    --color-neutral-tint: rgb(95.29% 96.47% 98.04%);
    /* Texto e ícone sobre accent. Branco no claro (5.9:1); petróleo no escuro (7.9:1). */
    --color-on-accent: rgb(2.35% 12.94% 12.55%);
    /* Financial and TISS items queued for a human decision. */
    --color-pending: rgb(58.04% 36.08% 0%);
    /* Âmbar, Arte (estrelas). Texto sobre ele em petróleo. Um dos três tons claros do espectro. */
    --color-spectrum-ambar: rgb(89.02% 62.75% 29.41%);
    /* Coral, Escuta. Texto sobre ele em petróleo. */
    --color-spectrum-coral: rgb(85.1% 47.84% 40.78%);
    /* Lavanda, Integração: o eixo entre os dois hemisférios do símbolo. Texto sobre ela em petróleo, nunca branco. */
    --color-spectrum-lavanda: rgb(61.57% 60.78% 76.86%);
    /* Rosa, Florescer: a cor da palavra em itálico nos títulos ("floresce"). Texto sobre ela em branco. */
    --color-spectrum-rosa: rgb(78.43% 27.84% 42.35%);
    /* Teal do espectro, Ciência (Manual v2 §07). Pantone aprox. 3295 C. Texto sobre ele sempre em branco (4.1:1: use bold ou 19px+). Difere de brand-teal (#157F7C), que fica na interface. */
    --color-spectrum-teal: rgb(12.16% 55.69% 54.12%);
    /* Vinho, Cuidado (corações). Texto sobre ele em branco. Ponto final do anel espectral. */
    --color-spectrum-vinho: rgb(55.69% 16.86% 16.86%);
    /* De-emphasised metadata on canvas. 3.6:1 - the source value, kept exact: use it at 24px+ or bold 19px+, never for body copy. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-subtle: rgb(40% 45.88% 43.53%);
    /* Confirmed, finished, active. Text and border of success badges over success-tint. */
    --color-success: rgb(5.88% 41.96% 20.78%);
    /* Fill behind success text and borders. */
    --color-success-tint: rgb(91.76% 97.25% 93.73%);
    /* Plain surfaces: EmptyState, drawer bodies, table cards. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-surface: rgb(10.59% 14.9% 15.29%);
    /* Raised clinical surfaces: PageHeader, DataSurfaceCard, timeline rows. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-surface-elevated: rgb(13.33% 17.65% 18.04%);
    /* Estado 'Aguardando há N min' na fila e no ponto do avatar. Mesmo papel de warning, valor calibrado para 4.5:1 sobre material-sunk. */
    --color-wait: rgb(89.02% 66.67% 30.59%);
    /* Waiting, unconfirmed, rescheduled, late. Text and border over warning-tint. */
    --color-warning: rgb(54.12% 32.16% 0%);
    /* Fill behind warning text and borders; also the warning button. */
    --color-warning-tint: rgb(100% 96.08% 85.88%);
    /* Only the WhatsApp entry point in the app bar, at 10-20% opacity with a 40% border. */
    --color-whatsapp: rgb(14.51% 82.75% 40%);
    /* Piloto: cartões de Tarefas, trilho, compositor (22px). */
    --dimension-radius-card: 20px;
    /* The signature radius: PageHeader, DataSurfaceCard, Alert. Deliberately not 12px and not 16px. */
    --dimension-radius-clinical: 0.85rem;
    /* Piloto: botões de ferramenta, item de navegação de Configurações, campo de busca (13px no campo). */
    --dimension-radius-control: 12px;
    /* Avatars, the logo disc, notification dots. */
    --dimension-radius-full: 9999px;
    /* Piloto: barra de conversa, linha selecionada da fila, toast. Raio interno concêntrico ao painel (26px) menos o recuo (8px). */
    --dimension-radius-glass: 18px;
    /* Buttons, badges, ActionGroup tray, header chips. */
    --dimension-radius-lg: 8px;
    /* Small chips, chrome buttons, EmptyState. */
    --dimension-radius-md: 6px;
    /* Piloto: os painéis rebaixados (lista, conversa, página) e a folha inferior. */
    --dimension-radius-pane: 26px;
    /* Popovers and timeline rows. */
    --dimension-radius-xl: 12px;
    /* Icon-to-label gap inside a nav link. */
    --dimension-space-1: 4px;
    /* Badge icon gap; ActionGroup tray padding. */
    --dimension-space-1-5: 6px;
    /* Gap between sibling controls and between badges. */
    --dimension-space-2: 8px;
    /* Shell padding, PageHeader vertical padding, tight card rows. */
    --dimension-space-3: 12px;
    /* DataSurfaceCard padding and PageHeader horizontal padding. */
    --dimension-space-4: 16px;
    /* Gap under a Section. */
    --dimension-space-5: 20px;
    /* EmptyState padding. */
    --dimension-space-6: 24px;
    /* Cor e fundo de controles, foco, opacidade. */
    --duration-control: 240ms;
    /* Lente que desliza, segmento, reordenação de linha, interruptor. */
    --duration-layout: 360ms;
    /* Pressão (scale .95), hover de chip, dica. */
    --duration-micro: 150ms;
    /* Folha, paleta de comandos, troca de tela, entrada de conversa no celular. */
    --duration-sheet: 480ms;
    /* Entradas com ênfase sem overshoot (linhas da fila, cartões). */
    --easing-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
    /* Saídas: rápido no fim, sem chamar atenção. */
    --easing-exit: cubic-bezier(0.4, 0, 1, 1);
    /* Mola do piloto (string CSS, não cubicBezier). */
    --easing-spring: linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.99 45.7%,1.006 50.2%,1.014 54.7%,1.015 59.5%,1.006 70.3%,.998 84.4%,1);
    /* Mola suave do piloto. */
    --easing-spring-soft: linear(0,.017 2.9%,.066 5.8%,.15 9%,.28 12.6%,.53 19%,.72 24.5%,.85 29.8%,.94 35.5%,.99 41.9%,1.01 49.3%,1.006 60%,1);
    /* Padrão para cor, opacidade e pequenas trocas. */
    --easing-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
    --font-family-brand-sans: "Mulish", "Lato", "Segoe UI", sans-serif;
    --font-family-sans: "Lato", "Segoe UI", "Aptos", sans-serif;
    --font-family-serif: "Newsreader", "Georgia", "Times New Roman", serif;
    --font-family-system: -apple-system, "BlinkMacSystemFont", "SF Pro Text", "SF Pro Display", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    /* StatusBadge label - written 0.82rem with leading-none in the source. */
    --font-style-badge: var(--font-style-badge-font-weight) var(--font-style-badge-font-size)/var(--font-style-badge-line-height) var(--font-style-badge-font-family);
    /* StatusBadge label - written 0.82rem with leading-none in the source. */
    --font-style-badge-font-family: var(--font-family-sans);
    /* StatusBadge label - written 0.82rem with leading-none in the source. */
    --font-style-badge-font-size: 13.12px;
    /* StatusBadge label - written 0.82rem with leading-none in the source. */
    --font-style-badge-font-weight: 700;
    /* StatusBadge label - written 0.82rem with leading-none in the source. */
    --font-style-badge-letter-spacing: -0.025em;
    /* StatusBadge label - written 0.82rem with leading-none in the source. */
    --font-style-badge-line-height: 1;
    /* Default running text and table cells. */
    --font-style-body: var(--font-style-body-font-weight) var(--font-style-body-font-size)/var(--font-style-body-line-height) var(--font-style-body-font-family);
    /* Default running text and table cells. */
    --font-style-body-font-family: var(--font-family-sans);
    /* Default running text and table cells. */
    --font-style-body-font-size: 14px;
    /* Default running text and table cells. */
    --font-style-body-font-weight: 400;
    /* Default running text and table cells. */
    --font-style-body-letter-spacing: 0px;
    /* Default running text and table cells. */
    --font-style-body-line-height: 20px;
    /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
    --font-style-body-piloto: var(--font-style-body-piloto-font-weight) var(--font-style-body-piloto-font-size)/var(--font-style-body-piloto-line-height) var(--font-style-body-piloto-font-family);
    /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
    --font-style-body-piloto-font-family: var(--font-family-system);
    /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
    --font-style-body-piloto-font-size: 15px;
    /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
    --font-style-body-piloto-font-weight: 400;
    /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
    --font-style-body-piloto-letter-spacing: -0.008em;
    /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
    --font-style-body-piloto-line-height: 21px;
    /* Alert bodies and multi-line explanations. */
    --font-style-body-relaxed: var(--font-style-body-relaxed-font-weight) var(--font-style-body-relaxed-font-size)/var(--font-style-body-relaxed-line-height) var(--font-style-body-relaxed-font-family);
    /* Alert bodies and multi-line explanations. */
    --font-style-body-relaxed-font-family: var(--font-family-sans);
    /* Alert bodies and multi-line explanations. */
    --font-style-body-relaxed-font-size: 14px;
    /* Alert bodies and multi-line explanations. */
    --font-style-body-relaxed-font-weight: 500;
    /* Alert bodies and multi-line explanations. */
    --font-style-body-relaxed-letter-spacing: 0px;
    /* Alert bodies and multi-line explanations. */
    --font-style-body-relaxed-line-height: 24px;
    /* PageHeader description, and any short line that must survive a glance. */
    --font-style-body-strong: var(--font-style-body-strong-font-weight) var(--font-style-body-strong-font-size)/var(--font-style-body-strong-line-height) var(--font-style-body-strong-font-family);
    /* PageHeader description, and any short line that must survive a glance. */
    --font-style-body-strong-font-family: var(--font-family-sans);
    /* PageHeader description, and any short line that must survive a glance. */
    --font-style-body-strong-font-size: 14px;
    /* PageHeader description, and any short line that must survive a glance. */
    --font-style-body-strong-font-weight: 600;
    /* PageHeader description, and any short line that must survive a glance. */
    --font-style-body-strong-letter-spacing: 0px;
    /* PageHeader description, and any short line that must survive a glance. */
    --font-style-body-strong-line-height: 24px;
    /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
    --font-style-brand-body: var(--font-style-brand-body-font-weight) var(--font-style-brand-body-font-size)/var(--font-style-brand-body-line-height) var(--font-style-brand-body-font-family);
    /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
    --font-style-brand-body-font-family: var(--font-family-brand-sans);
    /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
    --font-style-brand-body-font-size: 16px;
    /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
    --font-style-brand-body-font-weight: 400;
    /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
    --font-style-brand-body-letter-spacing: 0px;
    /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
    --font-style-brand-body-line-height: 26px;
    /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
    --font-style-brand-descriptor: var(--font-style-brand-descriptor-font-weight) var(--font-style-brand-descriptor-font-size)/var(--font-style-brand-descriptor-line-height) var(--font-style-brand-descriptor-font-family);
    /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
    --font-style-brand-descriptor-font-family: var(--font-family-brand-sans);
    /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
    --font-style-brand-descriptor-font-size: 11px;
    /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
    --font-style-brand-descriptor-font-weight: 700;
    /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
    --font-style-brand-descriptor-letter-spacing: 0.32em;
    /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
    --font-style-brand-descriptor-line-height: 16px;
    /* The uppercase house line under the product name in the app bar. */
    --font-style-brand-eyebrow: var(--font-style-brand-eyebrow-font-weight) var(--font-style-brand-eyebrow-font-size)/var(--font-style-brand-eyebrow-line-height) var(--font-style-brand-eyebrow-font-family);
    /* The uppercase house line under the product name in the app bar. */
    --font-style-brand-eyebrow-font-family: var(--font-family-sans);
    /* The uppercase house line under the product name in the app bar. */
    --font-style-brand-eyebrow-font-size: 9px;
    /* The uppercase house line under the product name in the app bar. */
    --font-style-brand-eyebrow-font-weight: 600;
    /* The uppercase house line under the product name in the app bar. */
    --font-style-brand-eyebrow-letter-spacing: 0.18em;
    /* The uppercase house line under the product name in the app bar. */
    --font-style-brand-eyebrow-line-height: 1;
    /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
    --font-style-brand-label: var(--font-style-brand-label-font-weight) var(--font-style-brand-label-font-size)/var(--font-style-brand-label-line-height) var(--font-style-brand-label-font-family);
    /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
    --font-style-brand-label-font-family: var(--font-family-brand-sans);
    /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
    --font-style-brand-label-font-size: 12px;
    /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
    --font-style-brand-label-font-weight: 700;
    /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
    --font-style-brand-label-letter-spacing: 0.28em;
    /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
    --font-style-brand-label-line-height: 16px;
    /* Timestamps and job titles inside popovers. */
    --font-style-caption: var(--font-style-caption-font-weight) var(--font-style-caption-font-size)/var(--font-style-caption-line-height) var(--font-style-caption-font-family);
    /* Timestamps and job titles inside popovers. */
    --font-style-caption-font-family: var(--font-family-sans);
    /* Timestamps and job titles inside popovers. */
    --font-style-caption-font-size: 10px;
    /* Timestamps and job titles inside popovers. */
    --font-style-caption-font-weight: 500;
    /* Timestamps and job titles inside popovers. */
    --font-style-caption-letter-spacing: 0px;
    /* Timestamps and job titles inside popovers. */
    --font-style-caption-line-height: 14px;
    /* Button labels. Controls are bold here, never regular. */
    --font-style-control: var(--font-style-control-font-weight) var(--font-style-control-font-size)/var(--font-style-control-line-height) var(--font-style-control-font-family);
    /* Button labels. Controls are bold here, never regular. */
    --font-style-control-font-family: var(--font-family-sans);
    /* Button labels. Controls are bold here, never regular. */
    --font-style-control-font-size: 14px;
    /* Button labels. Controls are bold here, never regular. */
    --font-style-control-font-weight: 700;
    /* Button labels. Controls are bold here, never regular. */
    --font-style-control-letter-spacing: 0px;
    /* Button labels. Controls are bold here, never regular. */
    --font-style-control-line-height: 20px;
    /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
    --font-style-control-piloto: var(--font-style-control-piloto-font-weight) var(--font-style-control-piloto-font-size)/var(--font-style-control-piloto-line-height) var(--font-style-control-piloto-font-family);
    /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
    --font-style-control-piloto-font-family: var(--font-family-system);
    /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
    --font-style-control-piloto-font-size: 13.5px;
    /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
    --font-style-control-piloto-font-weight: 500;
    /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
    --font-style-control-piloto-letter-spacing: 0px;
    /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
    --font-style-control-piloto-line-height: 18px;
    /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
    --font-style-display: var(--font-style-display-font-weight) var(--font-style-display-font-size)/var(--font-style-display-line-height) var(--font-style-display-font-family);
    /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
    --font-style-display-font-family: var(--font-family-serif);
    /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
    --font-style-display-font-size: 96px;
    /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
    --font-style-display-font-weight: 300;
    /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
    --font-style-display-italic: var(--font-style-display-italic-font-weight) var(--font-style-display-italic-font-size)/var(--font-style-display-italic-line-height) var(--font-style-display-italic-font-family);
    /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
    --font-style-display-italic-font-family: var(--font-family-serif);
    /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
    --font-style-display-italic-font-size: 96px;
    /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
    --font-style-display-italic-font-weight: 400;
    /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
    --font-style-display-italic-letter-spacing: 0px;
    /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
    --font-style-display-italic-line-height: 1.05;
    /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
    --font-style-display-letter-spacing: 0px;
    /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
    --font-style-display-line-height: 1.05;
    /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
    --font-style-greeting: var(--font-style-greeting-font-weight) var(--font-style-greeting-font-size)/var(--font-style-greeting-line-height) var(--font-style-greeting-font-family);
    /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
    --font-style-greeting-font-family: var(--font-family-serif);
    /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
    --font-style-greeting-font-size: 34px;
    /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
    --font-style-greeting-font-weight: 500;
    /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
    --font-style-greeting-letter-spacing: -0.012em;
    /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
    --font-style-greeting-line-height: 1.05;
    /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
    --font-style-headline: var(--font-style-headline-font-weight) var(--font-style-headline-font-size)/var(--font-style-headline-line-height) var(--font-style-headline-font-family);
    /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
    --font-style-headline-font-family: var(--font-family-serif);
    /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
    --font-style-headline-font-size: 44px;
    /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
    --font-style-headline-font-weight: 500;
    /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
    --font-style-headline-letter-spacing: 0px;
    /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
    --font-style-headline-line-height: 1.15;
    /* Chrome metadata - user name, logout, counters. */
    --font-style-meta: var(--font-style-meta-font-weight) var(--font-style-meta-font-size)/var(--font-style-meta-line-height) var(--font-style-meta-font-family);
    /* Chrome metadata - user name, logout, counters. */
    --font-style-meta-font-family: var(--font-family-sans);
    /* Chrome metadata - user name, logout, counters. */
    --font-style-meta-font-size: 11px;
    /* Chrome metadata - user name, logout, counters. */
    --font-style-meta-font-weight: 600;
    /* Chrome metadata - user name, logout, counters. */
    --font-style-meta-letter-spacing: 0px;
    /* Chrome metadata - user name, logout, counters. */
    --font-style-meta-line-height: 16px;
    /* Resting app-bar links, in chrome-link. */
    --font-style-nav-link: var(--font-style-nav-link-font-weight) var(--font-style-nav-link-font-size)/var(--font-style-nav-link-line-height) var(--font-style-nav-link-font-family);
    /* Current app-bar link, chrome-ink over a 12% white fill. */
    --font-style-nav-link-active: var(--font-style-nav-link-active-font-weight) var(--font-style-nav-link-active-font-size)/var(--font-style-nav-link-active-line-height) var(--font-style-nav-link-active-font-family);
    /* Current app-bar link, chrome-ink over a 12% white fill. */
    --font-style-nav-link-active-font-family: var(--font-family-sans);
    /* Current app-bar link, chrome-ink over a 12% white fill. */
    --font-style-nav-link-active-font-size: 13px;
    /* Current app-bar link, chrome-ink over a 12% white fill. */
    --font-style-nav-link-active-font-weight: 600;
    /* Current app-bar link, chrome-ink over a 12% white fill. */
    --font-style-nav-link-active-letter-spacing: 0px;
    /* Current app-bar link, chrome-ink over a 12% white fill. */
    --font-style-nav-link-active-line-height: 20px;
    /* Resting app-bar links, in chrome-link. */
    --font-style-nav-link-font-family: var(--font-family-sans);
    /* Resting app-bar links, in chrome-link. */
    --font-style-nav-link-font-size: 13px;
    /* Resting app-bar links, in chrome-link. */
    --font-style-nav-link-font-weight: 500;
    /* Resting app-bar links, in chrome-link. */
    --font-style-nav-link-letter-spacing: 0px;
    /* Resting app-bar links, in chrome-link. */
    --font-style-nav-link-line-height: 20px;
    /* Uppercase labels: Alert title, header chip, popover heading. */
    --font-style-overline: var(--font-style-overline-font-weight) var(--font-style-overline-font-size)/var(--font-style-overline-line-height) var(--font-style-overline-font-family);
    /* Uppercase labels: Alert title, header chip, popover heading. */
    --font-style-overline-font-family: var(--font-family-sans);
    /* Uppercase labels: Alert title, header chip, popover heading. */
    --font-style-overline-font-size: 12px;
    /* Uppercase labels: Alert title, header chip, popover heading. */
    --font-style-overline-font-weight: 700;
    /* Uppercase labels: Alert title, header chip, popover heading. */
    --font-style-overline-letter-spacing: 0.025em;
    /* Uppercase labels: Alert title, header chip, popover heading. */
    --font-style-overline-line-height: 16px;
    /* h2 do painel direito de Configurações. */
    --font-style-page-heading: var(--font-style-page-heading-font-weight) var(--font-style-page-heading-font-size)/var(--font-style-page-heading-line-height) var(--font-style-page-heading-font-family);
    /* h2 do painel direito de Configurações. */
    --font-style-page-heading-font-family: var(--font-family-system);
    /* h2 do painel direito de Configurações. */
    --font-style-page-heading-font-size: 24px;
    /* h2 do painel direito de Configurações. */
    --font-style-page-heading-font-weight: 600;
    /* h2 do painel direito de Configurações. */
    --font-style-page-heading-letter-spacing: -0.02em;
    /* h2 do painel direito de Configurações. */
    --font-style-page-heading-line-height: 30px;
    /* The single h1, inside PageHeader. */
    --font-style-page-title: var(--font-style-page-title-font-weight) var(--font-style-page-title-font-size)/var(--font-style-page-title-line-height) var(--font-style-page-title-font-family);
    /* The single h1, inside PageHeader. */
    --font-style-page-title-font-family: var(--font-family-sans);
    /* The single h1, inside PageHeader. */
    --font-style-page-title-font-size: 24px;
    /* The single h1, inside PageHeader. */
    --font-style-page-title-font-weight: 600;
    /* The single h1, inside PageHeader. */
    --font-style-page-title-letter-spacing: -0.025em;
    /* The single h1, inside PageHeader. */
    --font-style-page-title-line-height: 32px;
    /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
    --font-style-row-meta: var(--font-style-row-meta-font-weight) var(--font-style-row-meta-font-size)/var(--font-style-row-meta-line-height) var(--font-style-row-meta-font-family);
    /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
    --font-style-row-meta-font-family: var(--font-family-system);
    /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
    --font-style-row-meta-font-size: 12.5px;
    /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
    --font-style-row-meta-font-weight: 500;
    /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
    --font-style-row-meta-letter-spacing: 0px;
    /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
    --font-style-row-meta-line-height: 16px;
    /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
    --font-style-row-title: var(--font-style-row-title-font-weight) var(--font-style-row-title-font-size)/var(--font-style-row-title-line-height) var(--font-style-row-title-font-family);
    /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
    --font-style-row-title-font-family: var(--font-family-system);
    /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
    --font-style-row-title-font-size: 15.5px;
    /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
    --font-style-row-title-font-weight: 600;
    /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
    --font-style-row-title-letter-spacing: 0px;
    /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
    --font-style-row-title-line-height: 20px;
    /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
    --font-style-section-caps: var(--font-style-section-caps-font-weight) var(--font-style-section-caps-font-size)/var(--font-style-section-caps-line-height) var(--font-style-section-caps-font-family);
    /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
    --font-style-section-caps-font-family: var(--font-family-system);
    /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
    --font-style-section-caps-font-size: 12px;
    /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
    --font-style-section-caps-font-weight: 600;
    /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
    --font-style-section-caps-letter-spacing: 0.04em;
    /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
    --font-style-section-caps-line-height: 16px;
    /* Section h2, with its 4px info rule to the left. */
    --font-style-section-title: var(--font-style-section-title-font-weight) var(--font-style-section-title-font-size)/var(--font-style-section-title-line-height) var(--font-style-section-title-font-family);
    /* Section h2, with its 4px info rule to the left. */
    --font-style-section-title-font-family: var(--font-family-sans);
    /* Section h2, with its 4px info rule to the left. */
    --font-style-section-title-font-size: 18px;
    /* Section h2, with its 4px info rule to the left. */
    --font-style-section-title-font-weight: 600;
    /* Section h2, with its 4px info rule to the left. */
    --font-style-section-title-letter-spacing: -0.025em;
    /* Section h2, with its 4px info rule to the left. */
    --font-style-section-title-line-height: 28px;
    /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
    --font-style-title-inline: var(--font-style-title-inline-font-weight) var(--font-style-title-inline-font-size)/var(--font-style-title-inline-line-height) var(--font-style-title-inline-font-family);
    /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
    --font-style-title-inline-font-family: var(--font-family-system);
    /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
    --font-style-title-inline-font-size: 15px;
    /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
    --font-style-title-inline-font-weight: 600;
    /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
    --font-style-title-inline-letter-spacing: 0px;
    /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
    --font-style-title-inline-line-height: 20px;
    /* Botão primário, botão 'Atender', lente da semana na agenda. */
    --shadow-accent: 0px 8px 18px -8px rgb(36.08% 75.69% 72.94% / 0.45);
    /* Inner top highlight on badges and tinted buttons - what makes a tint read as a raised control. */
    --shadow-bevel: inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.82);
    /* Elevated clinical surfaces - PageHeader, DataSurfaceCard. Wide, soft, with a white top bevel. */
    --shadow-clinical: 0px 18px 48px 0px rgb(6.27% 22.75% 23.53% / 0.08), inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.9);
    /* Paleta de comandos, folha e menus que flutuam sobre tudo. */
    --shadow-float: 0px 22px 48px -14px rgb(0% 0% 0% / 0.6), 0px 1px 2px 0px rgb(0% 0% 0% / 0.4);
    /* focus-visible ring for controls that cannot carry the outline, such as buttons inside a tray. */
    --shadow-focus: 0px 0px 0px 3px rgb(4.31% 39.61% 76.08% / 0.35);
    /* A sombra de toda lâmina de vidro: brilho superior, filete e projeção suave tingida de petróleo. */
    --shadow-glass: inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.14), inset 0px 0px 0px 0.5px rgb(100% 100% 100% / 0.14), 0px 18px 44px -16px rgb(0% 0% 0% / 0.65), 0px 1px 2px 0px rgb(0% 0% 0% / 0.4);
    /* Secondary elevation - app bar, Alert, timeline rows. */
    --shadow-technical: 0px 8px 24px 0px rgb(6.27% 22.75% 23.53% / 0.07);
  }
}
:root[data-theme="dark"] {
/* Acento padrão do piloto (decisão de 29/09/2026: teal). No claro é o #12615E do index.html do piloto; no escuro clareia para manter 4.5:1 sobre canvas. Difere de brand-teal (#157F7C, sistema-clínica): unificação a confirmar. */
    --color-accent: rgb(36.08% 75.69% 72.94%);
    /* Cor da sombra de botões primários e balões enviados (nunca preto puro). */
    --color-accent-glow: rgb(36.08% 75.69% 72.94% / 0.451);
    /* Hover e pressionado de preenchimentos em accent. */
    --color-accent-hover: rgb(49.02% 82.75% 80%);
    /* Tinta de 10 a 14% para item selecionado, lente do trilho, botão 'Assumir'. */
    --color-accent-soft: rgb(36.08% 75.69% 72.94% / 0.1412);
    /* Fill of the page-level Alert banner, under warning text. */
    --color-alert-tint: rgb(100% 97.25% 90.98%);
    /* Mancha de luz 1 (blur 70px) atrás do vidro; deriva 26s em alternância. Sem ela o desfoque não tem o que mostrar. */
    --color-ambient-1: rgb(7.06% 38.04% 36.86% / 0.451);
    /* Mancha de luz 2, areia no claro e lavanda no escuro (eco do espectro da marca). */
    --color-ambient-2: rgb(35.29% 27.45% 47.06% / 0.302);
    /* Mancha de luz 3, teal claro. */
    --color-ambient-3: rgb(49.8% 81.18% 78.82% / 0.1804);
    /* Estado 'Iris respondendo' e balões da assistente: azul, para nunca se confundir com a equipe (accent) nem com o paciente (neutro). */
    --color-assistant: rgb(51.37% 70.59% 94.9%);
    /* Fundo dos balões da Iris e do selo 'Iris marcou' na agenda. */
    --color-assistant-tint: rgb(51.37% 70.59% 94.9% / 0.1608);
    /* Blocked patients, blocked slots, routes denied by RBAC. */
    --color-blocked: rgb(24.71% 27.45% 32.94%);
    /* Fill behind blocked text and borders. */
    --color-blocked-tint: rgb(92.94% 94.51% 96.47%);
    /* Areia #EDEDE7, segundo neutro. Alias de canvas-deep: cartões e blocos de apoio na papelaria; nunca carrega texto pequeno. */
    --color-brand-areia: var(--color-canvas-deep);
    /* Off-white #FAF9F5, o papel da marca. Alias de canvas: fundo padrão do selo colorido, da papelaria e dos posts claros. */
    --color-brand-off-white: var(--color-canvas);
    /* Petróleo #103A3C, base institucional da marca. Alias de ink: no app é o texto e o chrome; na marca é o fundo da versão B do selo e das placas. */
    --color-brand-petroleo: var(--color-ink);
    /* NEUVOX brand teal - links, active accents, avatar fills. Same value as focus; white on it reads 4.8:1. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-brand-teal: rgb(36.08% 75.69% 72.94%);
    /* Teal claro da entrega de produção (acrílico, anel interno). Realce sobre petróleo; 2.4:1 sobre off-white, só para traços e filetes, nunca texto. */
    --color-brand-teal-claro: rgb(56.08% 81.57% 79.61%);
    /* Hover tone for teal fills and dark call-to-action buttons. */
    --color-brand-teal-hover: rgb(8.63% 33.73% 35.29%);
    /* Pressed tone for filled primary buttons. */
    --color-brand-teal-press: rgb(5.88% 35.69% 34.51%);
    /* Balão recebido: vidro claro com blur(14px) e filete material-glass-edge. */
    --color-bubble-in: rgb(100% 100% 100% / 0.0902);
    /* Texto do balão recebido (13.9:1 no claro). */
    --color-bubble-in-ink: rgb(93.33% 95.29% 94.9%);
    /* Balão enviado pela equipe; leva um gradiente de 12% de branco no topo e sombra accent-glow. */
    --color-bubble-out: rgb(11.76% 49.8% 47.45%);
    /* Texto do balão enviado. */
    --color-bubble-out-ink: rgb(100% 100% 100%);
    /* Page background on html. The warm paper base declared in globals.css. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-canvas: rgb(6.27% 9.8% 10.2%);
    /* Bottom stop of the body gradient; the resting tone under long scrolling tables. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-canvas-deep: rgb(4.71% 7.84% 8.24%);
    /* App bar, menu popovers and full-screen blocking states. Same value as ink. */
    --color-chrome-base: rgb(6.27% 22.75% 23.53%);
    /* Current nav label, product name and popover headings on chrome-base (12.4:1). */
    --color-chrome-ink: rgb(100% 100% 100%);
    /* Bottom border of the app bar against chrome-base. */
    --color-chrome-line: rgb(10.98% 32.16% 31.37%);
    /* Resting nav links on chrome-base (5.6:1); they turn chrome-ink on hover and when current. */
    --color-chrome-link: rgb(62.35% 69.02% 78.04%);
    /* Secondary chrome text - job title, notification body, logout link (5.4:1 on chrome-base). */
    --color-chrome-muted: rgb(65.49% 67.45% 64.71%);
    /* Schedule and record conflicts that need a choice, not a retry. */
    --color-conflict: rgb(62.35% 11.37% 11.37%);
    /* Cancelled, missed, destructive actions. Text and border over danger-tint. */
    --color-danger: rgb(70.59% 13.73% 9.41%);
    /* Fill behind danger text and borders; also the destructive button. */
    --color-danger-tint: rgb(100% 94.12% 92.94%);
    /* Borders of elevated cards, page headers and header chips. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-divider: rgb(14.12% 18.82% 19.22%);
    /* The 3px focus-visible outline, offset 3px. 4.6:1 on canvas. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-focus: rgb(36.08% 75.69% 72.94%);
    /* Tray behind an ActionGroup; also the top stop of the app-shell gradient. */
    --color-group-tint: rgb(93.33% 95.29% 97.25%);
    /* Scheduled, in progress, and the primary button fill. White on it reads 8.7:1. */
    --color-info: rgb(8.63% 29.41% 56.86%);
    /* Fill behind info text and borders; also the secondary button. */
    --color-info-tint: rgb(91.76% 95.29% 100%);
    /* Primary text on canvas, surface and surface-elevated (12.4:1). Also the app chrome ground. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-ink: rgb(94.51% 96.08% 95.69%);
    /* Hairline borders on plain surfaces and neutral badges. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-line: rgb(16.86% 21.96% 22.35%);
    /* Preenchimento terciário: campo de busca, controle segmentado, botões de ferramenta em repouso. */
    --color-material-fill: rgb(100% 100% 100% / 0.0706);
    /* Hover dos preenchimentos terciários. */
    --color-material-fill-hover: rgb(100% 100% 100% / 0.1098);
    /* Trilho de interruptor desligado, pegador da folha. */
    --color-material-fill-strong: rgb(100% 100% 100% / 0.1686);
    /* Vidro padrão: fundo das barras que flutuam sobre conteúdo, sempre com backdrop-filter blur(26px) saturate(1.8). Alfa 62% é o padrão de fábrica; o usuário ajusta de 45% a 90% em Aparência. */
    --color-material-glass: rgb(11.76% 16.47% 16.86% / 0.6196);
    /* Filete de 0,5px e brilho superior de 1px em toda lâmina de vidro (inset). É o que faz o vidro ler como vidro. */
    --color-material-glass-edge: rgb(100% 100% 100% / 0.1412);
    /* Vidro tingido (86 a 90%) para paleta de comandos, folhas e cartões que carregam texto longo. */
    --color-material-glass-strong: rgb(11.76% 16.47% 16.86% / 0.902);
    /* Fundo dos painéis rebaixados (lista, conversa) sobre a luz ambiente; sem desfoque. */
    --color-material-sunk: rgb(100% 100% 100% / 0.0392);
    /* Estado 'Com você' (atendimento assumido) e ponto verde de conectado. */
    --color-mine: rgb(38.43% 80.39% 56.86%);
    /* Secondary text and descriptions on surface-elevated (5.8:1) and canvas (5.7:1). Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-muted: rgb(58.04% 63.53% 62.35%);
    /* Fill of neutral badges, paired with line and muted. */
    --color-neutral-tint: rgb(95.29% 96.47% 98.04%);
    /* Texto e ícone sobre accent. Branco no claro (5.9:1); petróleo no escuro (7.9:1). */
    --color-on-accent: rgb(2.35% 12.94% 12.55%);
    /* Financial and TISS items queued for a human decision. */
    --color-pending: rgb(58.04% 36.08% 0%);
    /* Âmbar, Arte (estrelas). Texto sobre ele em petróleo. Um dos três tons claros do espectro. */
    --color-spectrum-ambar: rgb(89.02% 62.75% 29.41%);
    /* Coral, Escuta. Texto sobre ele em petróleo. */
    --color-spectrum-coral: rgb(85.1% 47.84% 40.78%);
    /* Lavanda, Integração: o eixo entre os dois hemisférios do símbolo. Texto sobre ela em petróleo, nunca branco. */
    --color-spectrum-lavanda: rgb(61.57% 60.78% 76.86%);
    /* Rosa, Florescer: a cor da palavra em itálico nos títulos ("floresce"). Texto sobre ela em branco. */
    --color-spectrum-rosa: rgb(78.43% 27.84% 42.35%);
    /* Teal do espectro, Ciência (Manual v2 §07). Pantone aprox. 3295 C. Texto sobre ele sempre em branco (4.1:1: use bold ou 19px+). Difere de brand-teal (#157F7C), que fica na interface. */
    --color-spectrum-teal: rgb(12.16% 55.69% 54.12%);
    /* Vinho, Cuidado (corações). Texto sobre ele em branco. Ponto final do anel espectral. */
    --color-spectrum-vinho: rgb(55.69% 16.86% 16.86%);
    /* De-emphasised metadata on canvas. 3.6:1 - the source value, kept exact: use it at 24px+ or bold 19px+, never for body copy. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-subtle: rgb(40% 45.88% 43.53%);
    /* Confirmed, finished, active. Text and border of success badges over success-tint. */
    --color-success: rgb(5.88% 41.96% 20.78%);
    /* Fill behind success text and borders. */
    --color-success-tint: rgb(91.76% 97.25% 93.73%);
    /* Plain surfaces: EmptyState, drawer bodies, table cards. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-surface: rgb(10.59% 14.9% 15.29%);
    /* Raised clinical surfaces: PageHeader, DataSurfaceCard, timeline rows. Valor escuro acrescentado em 30/09/2026 para a camada de materiais; o sistema-clínica ainda não tem tema escuro. */
    --color-surface-elevated: rgb(13.33% 17.65% 18.04%);
    /* Estado 'Aguardando há N min' na fila e no ponto do avatar. Mesmo papel de warning, valor calibrado para 4.5:1 sobre material-sunk. */
    --color-wait: rgb(89.02% 66.67% 30.59%);
    /* Waiting, unconfirmed, rescheduled, late. Text and border over warning-tint. */
    --color-warning: rgb(54.12% 32.16% 0%);
    /* Fill behind warning text and borders; also the warning button. */
    --color-warning-tint: rgb(100% 96.08% 85.88%);
    /* Only the WhatsApp entry point in the app bar, at 10-20% opacity with a 40% border. */
    --color-whatsapp: rgb(14.51% 82.75% 40%);
    /* Piloto: cartões de Tarefas, trilho, compositor (22px). */
    --dimension-radius-card: 20px;
    /* The signature radius: PageHeader, DataSurfaceCard, Alert. Deliberately not 12px and not 16px. */
    --dimension-radius-clinical: 0.85rem;
    /* Piloto: botões de ferramenta, item de navegação de Configurações, campo de busca (13px no campo). */
    --dimension-radius-control: 12px;
    /* Avatars, the logo disc, notification dots. */
    --dimension-radius-full: 9999px;
    /* Piloto: barra de conversa, linha selecionada da fila, toast. Raio interno concêntrico ao painel (26px) menos o recuo (8px). */
    --dimension-radius-glass: 18px;
    /* Buttons, badges, ActionGroup tray, header chips. */
    --dimension-radius-lg: 8px;
    /* Small chips, chrome buttons, EmptyState. */
    --dimension-radius-md: 6px;
    /* Piloto: os painéis rebaixados (lista, conversa, página) e a folha inferior. */
    --dimension-radius-pane: 26px;
    /* Popovers and timeline rows. */
    --dimension-radius-xl: 12px;
    /* Icon-to-label gap inside a nav link. */
    --dimension-space-1: 4px;
    /* Badge icon gap; ActionGroup tray padding. */
    --dimension-space-1-5: 6px;
    /* Gap between sibling controls and between badges. */
    --dimension-space-2: 8px;
    /* Shell padding, PageHeader vertical padding, tight card rows. */
    --dimension-space-3: 12px;
    /* DataSurfaceCard padding and PageHeader horizontal padding. */
    --dimension-space-4: 16px;
    /* Gap under a Section. */
    --dimension-space-5: 20px;
    /* EmptyState padding. */
    --dimension-space-6: 24px;
    /* Cor e fundo de controles, foco, opacidade. */
    --duration-control: 240ms;
    /* Lente que desliza, segmento, reordenação de linha, interruptor. */
    --duration-layout: 360ms;
    /* Pressão (scale .95), hover de chip, dica. */
    --duration-micro: 150ms;
    /* Folha, paleta de comandos, troca de tela, entrada de conversa no celular. */
    --duration-sheet: 480ms;
    /* Entradas com ênfase sem overshoot (linhas da fila, cartões). */
    --easing-emphasized: cubic-bezier(0.16, 1, 0.3, 1);
    /* Saídas: rápido no fim, sem chamar atenção. */
    --easing-exit: cubic-bezier(0.4, 0, 1, 1);
    /* Mola do piloto (string CSS, não cubicBezier). */
    --easing-spring: linear(0,.006,.025 2.8%,.101 6.1%,.539 18.9%,.721 25.3%,.849 31.5%,.937 38.1%,.968 41.8%,.99 45.7%,1.006 50.2%,1.014 54.7%,1.015 59.5%,1.006 70.3%,.998 84.4%,1);
    /* Mola suave do piloto. */
    --easing-spring-soft: linear(0,.017 2.9%,.066 5.8%,.15 9%,.28 12.6%,.53 19%,.72 24.5%,.85 29.8%,.94 35.5%,.99 41.9%,1.01 49.3%,1.006 60%,1);
    /* Padrão para cor, opacidade e pequenas trocas. */
    --easing-standard: cubic-bezier(0.2, 0.8, 0.2, 1);
    --font-family-brand-sans: "Mulish", "Lato", "Segoe UI", sans-serif;
    --font-family-sans: "Lato", "Segoe UI", "Aptos", sans-serif;
    --font-family-serif: "Newsreader", "Georgia", "Times New Roman", serif;
    --font-family-system: -apple-system, "BlinkMacSystemFont", "SF Pro Text", "SF Pro Display", "Segoe UI Variable Text", "Segoe UI", system-ui, sans-serif;
    /* StatusBadge label - written 0.82rem with leading-none in the source. */
    --font-style-badge: var(--font-style-badge-font-weight) var(--font-style-badge-font-size)/var(--font-style-badge-line-height) var(--font-style-badge-font-family);
    /* StatusBadge label - written 0.82rem with leading-none in the source. */
    --font-style-badge-font-family: var(--font-family-sans);
    /* StatusBadge label - written 0.82rem with leading-none in the source. */
    --font-style-badge-font-size: 13.12px;
    /* StatusBadge label - written 0.82rem with leading-none in the source. */
    --font-style-badge-font-weight: 700;
    /* StatusBadge label - written 0.82rem with leading-none in the source. */
    --font-style-badge-letter-spacing: -0.025em;
    /* StatusBadge label - written 0.82rem with leading-none in the source. */
    --font-style-badge-line-height: 1;
    /* Default running text and table cells. */
    --font-style-body: var(--font-style-body-font-weight) var(--font-style-body-font-size)/var(--font-style-body-line-height) var(--font-style-body-font-family);
    /* Default running text and table cells. */
    --font-style-body-font-family: var(--font-family-sans);
    /* Default running text and table cells. */
    --font-style-body-font-size: 14px;
    /* Default running text and table cells. */
    --font-style-body-font-weight: 400;
    /* Default running text and table cells. */
    --font-style-body-letter-spacing: 0px;
    /* Default running text and table cells. */
    --font-style-body-line-height: 20px;
    /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
    --font-style-body-piloto: var(--font-style-body-piloto-font-weight) var(--font-style-body-piloto-font-size)/var(--font-style-body-piloto-line-height) var(--font-style-body-piloto-font-family);
    /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
    --font-style-body-piloto-font-family: var(--font-family-system);
    /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
    --font-style-body-piloto-font-size: 15px;
    /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
    --font-style-body-piloto-font-weight: 400;
    /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
    --font-style-body-piloto-letter-spacing: -0.008em;
    /* Texto de trabalho do piloto: descrição de tarefa, linhas de Configurações, texto de balão a 15.5px. */
    --font-style-body-piloto-line-height: 21px;
    /* Alert bodies and multi-line explanations. */
    --font-style-body-relaxed: var(--font-style-body-relaxed-font-weight) var(--font-style-body-relaxed-font-size)/var(--font-style-body-relaxed-line-height) var(--font-style-body-relaxed-font-family);
    /* Alert bodies and multi-line explanations. */
    --font-style-body-relaxed-font-family: var(--font-family-sans);
    /* Alert bodies and multi-line explanations. */
    --font-style-body-relaxed-font-size: 14px;
    /* Alert bodies and multi-line explanations. */
    --font-style-body-relaxed-font-weight: 500;
    /* Alert bodies and multi-line explanations. */
    --font-style-body-relaxed-letter-spacing: 0px;
    /* Alert bodies and multi-line explanations. */
    --font-style-body-relaxed-line-height: 24px;
    /* PageHeader description, and any short line that must survive a glance. */
    --font-style-body-strong: var(--font-style-body-strong-font-weight) var(--font-style-body-strong-font-size)/var(--font-style-body-strong-line-height) var(--font-style-body-strong-font-family);
    /* PageHeader description, and any short line that must survive a glance. */
    --font-style-body-strong-font-family: var(--font-family-sans);
    /* PageHeader description, and any short line that must survive a glance. */
    --font-style-body-strong-font-size: 14px;
    /* PageHeader description, and any short line that must survive a glance. */
    --font-style-body-strong-font-weight: 600;
    /* PageHeader description, and any short line that must survive a glance. */
    --font-style-body-strong-letter-spacing: 0px;
    /* PageHeader description, and any short line that must survive a glance. */
    --font-style-body-strong-line-height: 24px;
    /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
    --font-style-brand-body: var(--font-style-brand-body-font-weight) var(--font-style-brand-body-font-size)/var(--font-style-brand-body-line-height) var(--font-style-brand-body-font-family);
    /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
    --font-style-brand-body-font-family: var(--font-family-brand-sans);
    /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
    --font-style-brand-body-font-size: 16px;
    /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
    --font-style-brand-body-font-weight: 400;
    /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
    --font-style-brand-body-letter-spacing: 0px;
    /* Texto corrido de marca em Mulish 400, 16 a 28px, cor muted ou ink. Laudos, sistema e sinalização usam Mulish; a interface do app segue em Lato. */
    --font-style-brand-body-line-height: 26px;
    /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
    --font-style-brand-descriptor: var(--font-style-brand-descriptor-font-weight) var(--font-style-brand-descriptor-font-size)/var(--font-style-brand-descriptor-line-height) var(--font-style-brand-descriptor-font-family);
    /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
    --font-style-brand-descriptor-font-family: var(--font-family-brand-sans);
    /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
    --font-style-brand-descriptor-font-size: 11px;
    /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
    --font-style-brand-descriptor-font-weight: 700;
    /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
    --font-style-brand-descriptor-letter-spacing: 0.32em;
    /* O descritor sob o nome no selo: Mulish 700, tracking 0.32em, spectrum-teal sobre claro ou brand-teal-claro sobre petróleo. */
    --font-style-brand-descriptor-line-height: 16px;
    /* The uppercase house line under the product name in the app bar. */
    --font-style-brand-eyebrow: var(--font-style-brand-eyebrow-font-weight) var(--font-style-brand-eyebrow-font-size)/var(--font-style-brand-eyebrow-line-height) var(--font-style-brand-eyebrow-font-family);
    /* The uppercase house line under the product name in the app bar. */
    --font-style-brand-eyebrow-font-family: var(--font-family-sans);
    /* The uppercase house line under the product name in the app bar. */
    --font-style-brand-eyebrow-font-size: 9px;
    /* The uppercase house line under the product name in the app bar. */
    --font-style-brand-eyebrow-font-weight: 600;
    /* The uppercase house line under the product name in the app bar. */
    --font-style-brand-eyebrow-letter-spacing: 0.18em;
    /* The uppercase house line under the product name in the app bar. */
    --font-style-brand-eyebrow-line-height: 1;
    /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
    --font-style-brand-label: var(--font-style-brand-label-font-weight) var(--font-style-brand-label-font-size)/var(--font-style-brand-label-line-height) var(--font-style-brand-label-font-family);
    /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
    --font-style-brand-label-font-family: var(--font-family-brand-sans);
    /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
    --font-style-brand-label-font-size: 12px;
    /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
    --font-style-brand-label-font-weight: 700;
    /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
    --font-style-brand-label-letter-spacing: 0.28em;
    /* Rótulos curtos em caixa-alta com +28% de tracking: eyebrow de posts, numeração de seções, placas. Nunca frases inteiras. */
    --font-style-brand-label-line-height: 16px;
    /* Timestamps and job titles inside popovers. */
    --font-style-caption: var(--font-style-caption-font-weight) var(--font-style-caption-font-size)/var(--font-style-caption-line-height) var(--font-style-caption-font-family);
    /* Timestamps and job titles inside popovers. */
    --font-style-caption-font-family: var(--font-family-sans);
    /* Timestamps and job titles inside popovers. */
    --font-style-caption-font-size: 10px;
    /* Timestamps and job titles inside popovers. */
    --font-style-caption-font-weight: 500;
    /* Timestamps and job titles inside popovers. */
    --font-style-caption-letter-spacing: 0px;
    /* Timestamps and job titles inside popovers. */
    --font-style-caption-line-height: 14px;
    /* Button labels. Controls are bold here, never regular. */
    --font-style-control: var(--font-style-control-font-weight) var(--font-style-control-font-size)/var(--font-style-control-line-height) var(--font-style-control-font-family);
    /* Button labels. Controls are bold here, never regular. */
    --font-style-control-font-family: var(--font-family-sans);
    /* Button labels. Controls are bold here, never regular. */
    --font-style-control-font-size: 14px;
    /* Button labels. Controls are bold here, never regular. */
    --font-style-control-font-weight: 700;
    /* Button labels. Controls are bold here, never regular. */
    --font-style-control-letter-spacing: 0px;
    /* Button labels. Controls are bold here, never regular. */
    --font-style-control-line-height: 20px;
    /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
    --font-style-control-piloto: var(--font-style-control-piloto-font-weight) var(--font-style-control-piloto-font-size)/var(--font-style-control-piloto-line-height) var(--font-style-control-piloto-font-family);
    /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
    --font-style-control-piloto-font-family: var(--font-family-system);
    /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
    --font-style-control-piloto-font-size: 13.5px;
    /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
    --font-style-control-piloto-font-weight: 500;
    /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
    --font-style-control-piloto-letter-spacing: 0px;
    /* Botões de ferramenta e segmentos; 600 quando ativo ou primário. */
    --font-style-control-piloto-line-height: 18px;
    /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
    --font-style-display: var(--font-style-display-font-weight) var(--font-style-display-font-size)/var(--font-style-display-line-height) var(--font-style-display-font-family);
    /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
    --font-style-display-font-family: var(--font-family-serif);
    /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
    --font-style-display-font-size: 96px;
    /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
    --font-style-display-font-weight: 300;
    /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
    --font-style-display-italic: var(--font-style-display-italic-font-weight) var(--font-style-display-italic-font-size)/var(--font-style-display-italic-line-height) var(--font-style-display-italic-font-family);
    /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
    --font-style-display-italic-font-family: var(--font-family-serif);
    /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
    --font-style-display-italic-font-size: 96px;
    /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
    --font-style-display-italic-font-weight: 400;
    /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
    --font-style-display-italic-letter-spacing: 0px;
    /* Uma palavra por título, em itálico Newsreader 400, na cor spectrum-rosa (ou spectrum-ambar sobre petróleo). */
    --font-style-display-italic-line-height: 1.05;
    /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
    --font-style-display-letter-spacing: 0px;
    /* Títulos de marca: Newsreader Light, 64 a 120px. A palavra que floresce vai em display-italic e spectrum-rosa. */
    --font-style-display-line-height: 1.05;
    /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
    --font-style-greeting: var(--font-style-greeting-font-weight) var(--font-style-greeting-font-size)/var(--font-style-greeting-line-height) var(--font-style-greeting-font-family);
    /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
    --font-style-greeting-font-family: var(--font-family-serif);
    /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
    --font-style-greeting-font-size: 34px;
    /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
    --font-style-greeting-font-weight: 500;
    /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
    --font-style-greeting-letter-spacing: -0.012em;
    /* Título grande no topo de cada tela do piloto, em Newsreader 500 (assinatura da marca, decisão de 25/09). Recolhe ao rolar para o title-inline. */
    --font-style-greeting-line-height: 1.05;
    /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
    --font-style-headline: var(--font-style-headline-font-weight) var(--font-style-headline-font-size)/var(--font-style-headline-line-height) var(--font-style-headline-font-family);
    /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
    --font-style-headline-font-family: var(--font-family-serif);
    /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
    --font-style-headline-font-size: 44px;
    /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
    --font-style-headline-font-weight: 500;
    /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
    --font-style-headline-letter-spacing: 0px;
    /* Título de seção em materiais de marca (manual, site, capas): Newsreader Medium 500, petróleo. */
    --font-style-headline-line-height: 1.15;
    /* Chrome metadata - user name, logout, counters. */
    --font-style-meta: var(--font-style-meta-font-weight) var(--font-style-meta-font-size)/var(--font-style-meta-line-height) var(--font-style-meta-font-family);
    /* Chrome metadata - user name, logout, counters. */
    --font-style-meta-font-family: var(--font-family-sans);
    /* Chrome metadata - user name, logout, counters. */
    --font-style-meta-font-size: 11px;
    /* Chrome metadata - user name, logout, counters. */
    --font-style-meta-font-weight: 600;
    /* Chrome metadata - user name, logout, counters. */
    --font-style-meta-letter-spacing: 0px;
    /* Chrome metadata - user name, logout, counters. */
    --font-style-meta-line-height: 16px;
    /* Resting app-bar links, in chrome-link. */
    --font-style-nav-link: var(--font-style-nav-link-font-weight) var(--font-style-nav-link-font-size)/var(--font-style-nav-link-line-height) var(--font-style-nav-link-font-family);
    /* Current app-bar link, chrome-ink over a 12% white fill. */
    --font-style-nav-link-active: var(--font-style-nav-link-active-font-weight) var(--font-style-nav-link-active-font-size)/var(--font-style-nav-link-active-line-height) var(--font-style-nav-link-active-font-family);
    /* Current app-bar link, chrome-ink over a 12% white fill. */
    --font-style-nav-link-active-font-family: var(--font-family-sans);
    /* Current app-bar link, chrome-ink over a 12% white fill. */
    --font-style-nav-link-active-font-size: 13px;
    /* Current app-bar link, chrome-ink over a 12% white fill. */
    --font-style-nav-link-active-font-weight: 600;
    /* Current app-bar link, chrome-ink over a 12% white fill. */
    --font-style-nav-link-active-letter-spacing: 0px;
    /* Current app-bar link, chrome-ink over a 12% white fill. */
    --font-style-nav-link-active-line-height: 20px;
    /* Resting app-bar links, in chrome-link. */
    --font-style-nav-link-font-family: var(--font-family-sans);
    /* Resting app-bar links, in chrome-link. */
    --font-style-nav-link-font-size: 13px;
    /* Resting app-bar links, in chrome-link. */
    --font-style-nav-link-font-weight: 500;
    /* Resting app-bar links, in chrome-link. */
    --font-style-nav-link-letter-spacing: 0px;
    /* Resting app-bar links, in chrome-link. */
    --font-style-nav-link-line-height: 20px;
    /* Uppercase labels: Alert title, header chip, popover heading. */
    --font-style-overline: var(--font-style-overline-font-weight) var(--font-style-overline-font-size)/var(--font-style-overline-line-height) var(--font-style-overline-font-family);
    /* Uppercase labels: Alert title, header chip, popover heading. */
    --font-style-overline-font-family: var(--font-family-sans);
    /* Uppercase labels: Alert title, header chip, popover heading. */
    --font-style-overline-font-size: 12px;
    /* Uppercase labels: Alert title, header chip, popover heading. */
    --font-style-overline-font-weight: 700;
    /* Uppercase labels: Alert title, header chip, popover heading. */
    --font-style-overline-letter-spacing: 0.025em;
    /* Uppercase labels: Alert title, header chip, popover heading. */
    --font-style-overline-line-height: 16px;
    /* h2 do painel direito de Configurações. */
    --font-style-page-heading: var(--font-style-page-heading-font-weight) var(--font-style-page-heading-font-size)/var(--font-style-page-heading-line-height) var(--font-style-page-heading-font-family);
    /* h2 do painel direito de Configurações. */
    --font-style-page-heading-font-family: var(--font-family-system);
    /* h2 do painel direito de Configurações. */
    --font-style-page-heading-font-size: 24px;
    /* h2 do painel direito de Configurações. */
    --font-style-page-heading-font-weight: 600;
    /* h2 do painel direito de Configurações. */
    --font-style-page-heading-letter-spacing: -0.02em;
    /* h2 do painel direito de Configurações. */
    --font-style-page-heading-line-height: 30px;
    /* The single h1, inside PageHeader. */
    --font-style-page-title: var(--font-style-page-title-font-weight) var(--font-style-page-title-font-size)/var(--font-style-page-title-line-height) var(--font-style-page-title-font-family);
    /* The single h1, inside PageHeader. */
    --font-style-page-title-font-family: var(--font-family-sans);
    /* The single h1, inside PageHeader. */
    --font-style-page-title-font-size: 24px;
    /* The single h1, inside PageHeader. */
    --font-style-page-title-font-weight: 600;
    /* The single h1, inside PageHeader. */
    --font-style-page-title-letter-spacing: -0.025em;
    /* The single h1, inside PageHeader. */
    --font-style-page-title-line-height: 32px;
    /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
    --font-style-row-meta: var(--font-style-row-meta-font-weight) var(--font-style-row-meta-font-size)/var(--font-style-row-meta-line-height) var(--font-style-row-meta-font-family);
    /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
    --font-style-row-meta-font-family: var(--font-family-system);
    /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
    --font-style-row-meta-font-size: 12.5px;
    /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
    --font-style-row-meta-font-weight: 500;
    /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
    --font-style-row-meta-letter-spacing: 0px;
    /* Linha de estado, horário, subtítulo de linha. Números sempre tabulares. */
    --font-style-row-meta-line-height: 16px;
    /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
    --font-style-row-title: var(--font-style-row-title-font-weight) var(--font-style-row-title-font-size)/var(--font-style-row-title-line-height) var(--font-style-row-title-font-family);
    /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
    --font-style-row-title-font-family: var(--font-family-system);
    /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
    --font-style-row-title-font-size: 15.5px;
    /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
    --font-style-row-title-font-weight: 600;
    /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
    --font-style-row-title-letter-spacing: 0px;
    /* Nome na linha da fila, do contato no cabeçalho da conversa, do item de lista agrupada. */
    --font-style-row-title-line-height: 20px;
    /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
    --font-style-section-caps: var(--font-style-section-caps-font-weight) var(--font-style-section-caps-font-size)/var(--font-style-section-caps-line-height) var(--font-style-section-caps-font-family);
    /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
    --font-style-section-caps-font-family: var(--font-family-system);
    /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
    --font-style-section-caps-font-size: 12px;
    /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
    --font-style-section-caps-font-weight: 600;
    /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
    --font-style-section-caps-letter-spacing: 0.04em;
    /* Cabeçalho de grupo em caixa-alta; a única caixa-alta do piloto. */
    --font-style-section-caps-line-height: 16px;
    /* Section h2, with its 4px info rule to the left. */
    --font-style-section-title: var(--font-style-section-title-font-weight) var(--font-style-section-title-font-size)/var(--font-style-section-title-line-height) var(--font-style-section-title-font-family);
    /* Section h2, with its 4px info rule to the left. */
    --font-style-section-title-font-family: var(--font-family-sans);
    /* Section h2, with its 4px info rule to the left. */
    --font-style-section-title-font-size: 18px;
    /* Section h2, with its 4px info rule to the left. */
    --font-style-section-title-font-weight: 600;
    /* Section h2, with its 4px info rule to the left. */
    --font-style-section-title-letter-spacing: -0.025em;
    /* Section h2, with its 4px info rule to the left. */
    --font-style-section-title-line-height: 28px;
    /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
    --font-style-title-inline: var(--font-style-title-inline-font-weight) var(--font-style-title-inline-font-size)/var(--font-style-title-inline-line-height) var(--font-style-title-inline-font-family);
    /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
    --font-style-title-inline-font-family: var(--font-family-system);
    /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
    --font-style-title-inline-font-size: 15px;
    /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
    --font-style-title-inline-font-weight: 600;
    /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
    --font-style-title-inline-letter-spacing: 0px;
    /* Título na barra de vidro compacta que aparece depois de 56px de rolagem. */
    --font-style-title-inline-line-height: 20px;
    /* Botão primário, botão 'Atender', lente da semana na agenda. */
    --shadow-accent: 0px 8px 18px -8px rgb(36.08% 75.69% 72.94% / 0.45);
    /* Inner top highlight on badges and tinted buttons - what makes a tint read as a raised control. */
    --shadow-bevel: inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.82);
    /* Elevated clinical surfaces - PageHeader, DataSurfaceCard. Wide, soft, with a white top bevel. */
    --shadow-clinical: 0px 18px 48px 0px rgb(6.27% 22.75% 23.53% / 0.08), inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.9);
    /* Paleta de comandos, folha e menus que flutuam sobre tudo. */
    --shadow-float: 0px 22px 48px -14px rgb(0% 0% 0% / 0.6), 0px 1px 2px 0px rgb(0% 0% 0% / 0.4);
    /* focus-visible ring for controls that cannot carry the outline, such as buttons inside a tray. */
    --shadow-focus: 0px 0px 0px 3px rgb(4.31% 39.61% 76.08% / 0.35);
    /* A sombra de toda lâmina de vidro: brilho superior, filete e projeção suave tingida de petróleo. */
    --shadow-glass: inset 0px 1px 0px 0px rgb(100% 100% 100% / 0.14), inset 0px 0px 0px 0.5px rgb(100% 100% 100% / 0.14), 0px 18px 44px -16px rgb(0% 0% 0% / 0.65), 0px 1px 2px 0px rgb(0% 0% 0% / 0.4);
    /* Secondary elevation - app bar, Alert, timeline rows. */
    --shadow-technical: 0px 8px 24px 0px rgb(6.27% 22.75% 23.53% / 0.07);
}