npm - @vector-business-services/cristal-ds-web - Versions diffs - 0.16.0 → 0.18.0 - Mend

@vector-business-services/cristal-ds-web 0.16.0 → 0.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/dist/index.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/components/Accordion/Accordion.css","../src/components/Input/Input.css","../src/components/lista.css","../src/components/comum.css","../src/components/AutoComplete/AutoComplete.css","../src/components/Badge/Badge.css","../src/components/Button/Button.css","../src/components/Card/Card.css","../src/components/Tooltip/Tooltip.css","../src/components/Chart/Chart.css","../src/components/Checkbox/Checkbox.css","../src/components/Chip/Chip.css","../src/components/Divider/Divider.css","../src/components/IconButton/IconButton.css","../src/components/Drawer/Drawer.css","../src/components/Menu/Menu.css","../src/components/Menubar/Menubar.css","../src/components/Tag/Tag.css","../src/components/MenuPrincipal/MenuPrincipal.css","../src/components/Message/Message.css","../src/components/Modal/Modal.css","../src/components/MultiSelect/MultiSelect.css","../src/components/PageHeader/PageHeader.css","../src/components/Select/Select.css","../src/components/Paginator/Paginator.css","../src/components/Panel/Panel.css","../src/components/Radio/Radio.css","../src/components/ScrollPanel/ScrollPanel.css","../src/components/SegmentControl/SegmentControl.css","../src/components/Switch/Switch.css","../src/components/Tabs/Tabs.css","../src/components/Toast/Toast.css"],"sourcesContent":["/* Accordion do Figma \"Cristal - Core Components \| Web\", sobre o Accordion do Prime. Consome apenas\n tokens semânticos. Fluido e responsivo pela própria largura (container query): na variante de\n 360px do Figma (abaixo de 768px), 16px nas laterais no lugar de 20px. /\n.cr-accordion {\n container-type: inline-size;\n overflow: hidden;\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n border-radius: var(--cr-radius-medium);\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ Divisor de 1px (Horizontal Divider) entre os itens. /\n.cr-accordion__item + .cr-accordion__item {\n border-top: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n}\n\n/ Cabeçalho (Accordion Item Header): 12px x 20px, o texto à esquerda e a seta no fim, 12px entre\n eles. Fechado: título em text/neutral/subtle e descrição em text/neutral/subtlest; no hover,\n fundo fill/brand/subtlest e os textos em base e subtle. Aberto: fundo fill/neutral/subtlest\n (subtler no hover) e os textos em base e subtle. /\n.cr-accordion__action {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-5);\n padding: var(--cr-padding-padding-5) var(--cr-padding-padding-7);\n color: var(--cr-color-text-neutral-subtle);\n text-decoration: none;\n cursor: pointer;\n outline: none;\n --cr-accordion-description: var(--cr-color-text-neutral-subtlest);\n}\n.cr-accordion__action:hover {\n background-color: var(--cr-color-fill-brand-subtlest);\n}\n.cr-accordion__action:hover,\n.cr-accordion__action[aria-expanded='true'] {\n color: var(--cr-color-text-neutral-base);\n --cr-accordion-description: var(--cr-color-text-neutral-subtle);\n}\n.cr-accordion__action[aria-expanded='true'] {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-accordion__action[aria-expanded='true']:hover {\n background-color: var(--cr-color-fill-neutral-subtler);\n}\n.cr-accordion__action:focus-visible {\n box-shadow: inset var(--cr-effects-focus-ring);\n}\n/ Desabilitado (o Figma não define: segue o texto desabilitado dos campos). /\n.cr-accordion__action[aria-disabled='true'] {\n background-color: transparent;\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n --cr-accordion-description: var(--cr-color-text-disabled-base);\n}\n\n/ O Prime põe a seta antes do texto: aqui ela vai para o fim. /\n.cr-accordion__texts,\n.cr-accordion__custom {\n display: flex;\n flex: 1;\n flex-direction: column;\n justify-content: center;\n order: -1;\n min-width: 0;\n min-height: 32px;\n}\n.cr-accordion__title {\n overflow-wrap: break-word;\n font-family: var(--cr-typography-body-medium-16-semibold-font-family);\n font-size: var(--cr-typography-body-medium-16-semibold-font-size);\n font-weight: var(--cr-typography-body-medium-16-semibold-font-weight);\n line-height: var(--cr-typography-body-medium-16-semibold-line-height);\n letter-spacing: var(--cr-typography-body-medium-16-semibold-letter-spacing);\n}\n.cr-accordion__description {\n color: var(--cr-accordion-description);\n overflow-wrap: break-word;\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n}\n\n/ Seta: o Icon Button tertiary de 32px do Figma, com CaretDown (fechado) ou CaretUp (aberto). /\n.cr-accordion__toggle {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 32px;\n height: 32px;\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-bold);\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-icon-neutral-base);\n font-size: 16px;\n}\n\n/ Corpo (Accordion Item Body): 20px em volta e mais 20px embaixo do item aberto. /\n/ O espaço extra de baixo fica no conteúdo, não na região: na animação a região vai a altura 0. /\n.cr-accordion__content {\n padding: var(--cr-padding-padding-7) var(--cr-padding-padding-7)\n calc(var(--cr-padding-padding-7) 2);\n}\n\n/* Abrir e fechar pela altura, como o tema do Prime (p-toggleable-content): abre em 1s e fecha em\n 0,45s. Tempos e curvas do Prime (sem token). /\n.cr-accordion__region--entrar {\n max-height: 0;\n}\n.cr-accordion__region--entrando {\n max-height: 1000px; / sem token: o teto da animação do Prime /\n overflow: hidden;\n transition: max-height 1s ease-in-out;\n}\n.cr-accordion__region--sair {\n max-height: 1000px;\n}\n.cr-accordion__region--saindo {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n@media (prefers-reduced-motion: reduce) {\n .cr-accordion__region--entrando,\n .cr-accordion__region--saindo {\n transition: none;\n }\n}\n\n@container (max-width: 767px) {\n .cr-accordion__action {\n padding-right: var(--cr-padding-padding-6);\n padding-left: var(--cr-padding-padding-6);\n }\n .cr-accordion__content {\n padding: var(--cr-padding-padding-6) var(--cr-padding-padding-6)\n calc(var(--cr-padding-padding-6) + var(--cr-padding-padding-7));\n }\n}\n","/ Campo do Figma \"Cristal - Core Components \| Web\" (Input Text). As classes .cr-field são a base\n de todo campo do web (Input, AutoComplete, MultiSelect): rótulo, caixa, ícones e dica.\n Consome apenas tokens semânticos — nunca primitivos (--cr-color-blue-). /\n.cr-field {\n display: flex;\n flex-direction: column;\n gap: var(--cr-spacing-spacing-3);\n}\n\n/* Label (com * quando obrigatório) /\n.cr-field__label {\n display: inline-flex;\n gap: 2px; / entre o texto e o , no Figma (sem token) /\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-label-large-14-semibold-font-family);\n font-size: var(--cr-typography-label-large-14-semibold-font-size);\n font-weight: var(--cr-typography-label-large-14-semibold-font-weight);\n line-height: var(--cr-typography-label-large-14-semibold-line-height);\n letter-spacing: var(--cr-typography-label-large-14-semibold-letter-spacing);\n}\n\n/* Caixa do campo: mesmo padding, gap, raio e texto em todos os tamanhos; muda a altura. /\n.cr-field__control {\n box-sizing: border-box; / a altura do Figma já inclui padding e borda /\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-3);\n padding: var(--cr-padding-padding-4) var(--cr-padding-padding-5);\n border: var(--cr-stroke-x-small) solid transparent;\n border-radius: var(--cr-radius-small);\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n transition:\n background-color 120ms ease,\n border-color 120ms ease;\n}\n\n.cr-field--large .cr-field__control {\n height: 48px;\n}\n.cr-field--medium .cr-field__control {\n height: 42px;\n}\n.cr-field--small .cr-field__control {\n height: 36px;\n}\n.cr-field--xsmall .cr-field__control {\n height: 32px;\n}\n\n/ O <input> (ou o elemento de valor de outro campo) ocupa o espaço livre, sem estilo próprio. /\n.cr-field__input {\n flex: 1;\n min-width: 0;\n padding: 0;\n border: 0;\n background: none;\n color: inherit;\n font: inherit;\n letter-spacing: inherit;\n outline: none;\n}\n.cr-field__input::placeholder {\n color: var(--cr-color-text-neutral-subtlest);\n opacity: 1;\n}\n\n/ Ícones (Leading/Trailing Icon no Figma): 20px. /\n.cr-field__icon {\n display: inline-flex;\n flex-shrink: 0;\n font-size: 20px;\n}\n\n/ Outline /\n.cr-field--outline .cr-field__control {\n background-color: var(--cr-color-fill-neutral-container);\n border-color: var(--cr-color-stroke-neutral-bold);\n}\n.cr-field--outline:not(.cr-field--disabled) .cr-field__control:hover {\n border-color: var(--cr-color-stroke-neutral-boldest);\n}\n\n/ Filled: sem borda; no foco e no erro, a caixa fica como no Outline. /\n.cr-field--filled .cr-field__control {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-field--filled:not(.cr-field--disabled) .cr-field__control:hover {\n background-color: var(--cr-color-fill-neutral-subtler);\n}\n/ Mesma especificidade do hover e declarado depois dele: com o mouse sobre o campo em foco ou com\n erro, vale o foco/erro. /\n.cr-field--filled:not(.cr-field--disabled) .cr-field__control:focus-within,\n.cr-field--filled.cr-field--error:not(.cr-field--disabled) .cr-field__control {\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ Focus /\n.cr-field:not(.cr-field--disabled) .cr-field__control:focus-within {\n border-color: var(--cr-color-stroke-brand-base);\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Error /\n.cr-field--error .cr-field__control,\n.cr-field--error:not(.cr-field--disabled) .cr-field__control:hover {\n border-color: var(--cr-color-stroke-danger-base);\n}\n\n/ Disabled /\n.cr-field--disabled .cr-field__label {\n color: var(--cr-color-text-disabled-base);\n}\n.cr-field--disabled.cr-field--outline .cr-field__control {\n border-color: var(--cr-color-stroke-neutral-base);\n}\n.cr-field--disabled.cr-field--filled .cr-field__control {\n background-color: var(--cr-color-fill-disabled-base);\n}\n.cr-field--disabled .cr-field__input {\n cursor: not-allowed;\n}\n\n/ Hint (componente Hint do Figma, tipos Info e Error): ícone de 16px a 4px do texto. /\n.cr-field__hint {\n display: flex;\n align-items: flex-start;\n gap: var(--cr-padding-padding-3);\n margin: 0;\n color: var(--cr-color-text-neutral-subtle);\n font-family: var(--cr-typography-label-medium-12-medium-font-family);\n font-size: var(--cr-typography-label-medium-12-medium-font-size);\n font-weight: var(--cr-typography-label-medium-12-medium-font-weight);\n line-height: var(--cr-typography-label-medium-12-medium-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-medium-letter-spacing);\n}\n.cr-field__hint-icon {\n display: inline-flex;\n flex-shrink: 0;\n font-size: 16px;\n color: var(--cr-color-icon-neutral-subtle);\n}\n.cr-field__hint--error {\n color: var(--cr-color-text-danger-base);\n}\n.cr-field__hint--error .cr-field__hint-icon {\n color: var(--cr-color-icon-danger-base);\n}\n","/ Lista suspensa do Cristal: a Dropdown List e o Dropdown Item do Figma \"Cristal - Core\n Components \| Web\", comuns ao Select, ao AutoComplete, ao MultiSelect e ao Menu. Cada um põe estas\n classes pelo pt e acrescenta só o que é dele (borda, sombra, altura do item e estados próprios),\n no CSS do componente, que carrega depois e vence nos empates. Consome apenas tokens semânticos. /\n\n/ Painel: 12px de padding, raio medium, fundo container e o texto body/small-14. /\n.cr-lista {\n box-sizing: border-box;\n padding: var(--cr-padding-padding-5);\n border-radius: var(--cr-radius-medium);\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n}\n\n.cr-lista__itens {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n/ Área com rolagem e a barra do Figma (Scrollbar): 8px a 4px dos itens, trilho neutral/subtlest e\n polegar neutral/subtle (subtle/hover no hover). O espaço de 4px é uma borda transparente, e o\n raio conta a partir da borda: o raio horizontal da esquerda soma a borda (4px + 4px) para a barra\n visível ficar com as duas pontas redondas. /\n.cr-lista__rolagem {\n overflow-y: auto;\n}\n.cr-lista__rolagem::-webkit-scrollbar {\n width: 12px; / 4px de espaço (spacing-3) + 8px de barra, no Figma (sem token) /\n}\n.cr-lista__rolagem::-webkit-scrollbar-track,\n.cr-lista__rolagem::-webkit-scrollbar-thumb {\n border-left: var(--cr-spacing-spacing-3) solid transparent;\n border-radius: 8px 4px 4px 8px / 4px; / sem token: o raio soma a borda (ver acima) /\n background-clip: padding-box;\n}\n.cr-lista__rolagem::-webkit-scrollbar-track {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-lista__rolagem::-webkit-scrollbar-thumb {\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-lista__rolagem::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-lista__rolagem {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) var(--cr-color-fill-neutral-subtlest);\n }\n}\n\n/ Item (Dropdown Item): 8px x 12px, raio x-small; hover (e o item em foco pelo teclado, --focado)\n em container/hover; selecionado em selected/subtlest com o texto brand. /\n.cr-lista__item {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n padding: var(--cr-padding-padding-4) var(--cr-padding-padding-5);\n border-radius: var(--cr-radius-x-small);\n background-color: var(--cr-color-fill-neutral-container);\n cursor: pointer;\n}\n.cr-lista__item:hover,\n.cr-lista__item--focado {\n background-color: var(--cr-color-fill-neutral-container-hover);\n}\n.cr-lista__item--selecionado {\n background-color: var(--cr-color-fill-selected-subtlest);\n color: var(--cr-color-text-brand-base);\n}\n","/ Utilitários compartilhados pelos componentes do Cristal. Consome apenas tokens semânticos. /\n\n/ Visível só para o leitor de tela (rótulo escondido, tabela de valores de um gráfico, campos do\n Prime que recebem o foco mas não aparecem). /\n.cr-so-leitor {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\n\n/ Barra de rolagem fina (Scrollbar no Figma, a do Modal e do Drawer): 8px, polegar\n fill/neutral/subtle (subtle/hover no hover), trilho transparente. /\n.cr-rolagem-fina::-webkit-scrollbar {\n width: 8px; / sem token /\n height: 8px;\n}\n.cr-rolagem-fina::-webkit-scrollbar-thumb {\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-rolagem-fina::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-rolagem-fina {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) transparent;\n }\n}\n\n/ Entrada e saída das listas suspensas (Select, MultiSelect, AutoComplete, Menu e MenuPrincipal),\n as do tema do Prime (p-connected-overlay): crescem na vertical a partir de 80%, com fade, em 120ms;\n saem com fade em 100ms. O lado de onde crescem é o transform-origin que o Prime grava. Os tempos\n são os do Prime (sem token de animação no Cristal). /\n.cr-popup--entrar {\n opacity: 0;\n transform: scaleY(0.8);\n}\n.cr-popup--entrando {\n opacity: 1;\n transform: scaleY(1);\n transition:\n transform 120ms cubic-bezier(0, 0, 0.2, 1),\n opacity 120ms cubic-bezier(0, 0, 0.2, 1);\n}\n.cr-popup--entrou {\n transform: none;\n}\n.cr-popup--saindo {\n opacity: 0;\n transition: opacity 100ms linear;\n}\n@media (prefers-reduced-motion: reduce) {\n .cr-popup--entrando,\n .cr-popup--saindo {\n transition: none;\n }\n}\n","/ Auto Complete do Figma \"Cristal - Core Components \| Web\". O rótulo, a dica e os estados do campo\n vêm das classes .cr-field do Input (Input.css); aqui ficam o <input> como caixa do campo e o\n painel de sugestões (Dropdown List + Dropdown Item do Figma, densidade Normal).\n Consome apenas tokens semânticos — nunca primitivos (--cr-color-blue-). /\n.cr-autocomplete__root {\n display: flex;\n}\n\n/* O <input> é a própria caixa (.cr-field__control): ocupa a largura do campo. /\n.cr-autocomplete__input {\n flex: 1;\n box-sizing: border-box;\n min-width: 0;\n outline: none;\n}\n.cr-autocomplete__input::placeholder {\n color: var(--cr-color-text-neutral-subtlest);\n opacity: 1;\n}\n.cr-field--disabled .cr-autocomplete__input {\n cursor: not-allowed;\n}\n\n/ O Prime mostra um spinner próprio enquanto busca; o Figma não define esse estado no campo. /\n.cr-autocomplete__loader {\n display: none;\n}\n\n/ Painel (Dropdown List): a lista comum do Cristal (lista.css: painel, rolagem, itens, hover e\n selecionado). O Prime o renderiza no <body>, alinhado pelo <input>, com a largura mínima do\n campo; a 4px do campo, abaixo ou acima (quando o Prime o abre acima, o AutoComplete.tsx marca\n data-cr-lado=\"acima\"; popup.ts). /\n.cr-autocomplete__panel {\n margin-top: var(--cr-spacing-spacing-3);\n / Borda interna, como no Figma (não soma na altura), e a elevação. /\n box-shadow:\n inset 0 0 0 var(--cr-stroke-x-small) var(--cr-color-stroke-neutral-base),\n var(--cr-elevation-gray-bottom-3);\n}\n.cr-autocomplete__panel[data-cr-lado='acima'] {\n margin-top: calc(-1 var(--cr-spacing-spacing-3));\n}\n\n/* Item: 8px entre o ícone e o texto. O foco do teclado o Prime marca direto no DOM (setAttribute\n de data-p-highlight), sem passar pelo pt nem por ARIA no item: não há alternativa pública, então\n o CSS lê esse atributo. /\n.cr-autocomplete__item {\n gap: var(--cr-spacing-spacing-4);\n}\n.cr-autocomplete__item[data-p-highlight='true'] {\n box-shadow: inset 0 0 0 var(--cr-stroke-x-small) var(--cr-color-stroke-brand-base);\n}\n","/ Badge do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos. /\n.cr-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n border-radius: var(--cr-radius-full);\n color: var(--cr-color-text-inverse-base);\n white-space: nowrap;\n}\n\n/ Tamanhos: o mínimo é um círculo; com mais dígitos o badge cresce na horizontal. /\n.cr-badge--large {\n min-width: 24px;\n height: 24px;\n padding: var(--cr-padding-padding-2);\n font-family: var(--cr-typography-label-medium-12-semibold-font-family);\n font-size: var(--cr-typography-label-medium-12-semibold-font-size);\n font-weight: var(--cr-typography-label-medium-12-semibold-font-weight);\n line-height: var(--cr-typography-label-medium-12-semibold-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-semibold-letter-spacing);\n}\n\n.cr-badge--medium {\n min-width: 16px;\n height: 16px;\n padding: 0;\n font-family: var(--cr-typography-label-small-10-semibold-font-family);\n font-size: var(--cr-typography-label-small-10-semibold-font-size);\n font-weight: var(--cr-typography-label-small-10-semibold-font-weight);\n line-height: var(--cr-typography-label-small-10-semibold-line-height);\n letter-spacing: var(--cr-typography-label-small-10-semibold-letter-spacing);\n}\n\n.cr-badge--small {\n width: 8px;\n height: 8px;\n padding: 0;\n}\n\n/ Estados /\n.cr-badge--default {\n background-color: var(--cr-color-fill-brand-base);\n}\n.cr-badge--error {\n background-color: var(--cr-color-fill-danger-base);\n}\n.cr-badge--warning {\n background-color: var(--cr-color-fill-warning-base);\n}\n.cr-badge--success {\n background-color: var(--cr-color-fill-success-base);\n}\n.cr-badge--disabled {\n background-color: var(--cr-color-fill-neutral-subtlest);\n color: var(--cr-color-text-neutral-subtlest);\n}\n","/ Button do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos — nunca\n primitivos (--cr-color-blue-). Todos os tamanhos têm o mesmo padding, gap, raio e texto; muda\n a altura e o tamanho do ícone. /\n.cr-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 110px; /* largura mínima do Figma, em todos os tamanhos (sem token) /\n gap: var(--cr-spacing-spacing-3);\n padding: var(--cr-padding-padding-3) var(--cr-padding-padding-6);\n border: var(--cr-stroke-x-small) solid transparent;\n border-radius: var(--cr-radius-small);\n font-family: var(--cr-typography-body-small-14-semibold-font-family);\n font-size: var(--cr-typography-body-small-14-semibold-font-size);\n font-weight: var(--cr-typography-body-small-14-semibold-font-weight);\n line-height: var(--cr-typography-body-small-14-semibold-line-height);\n letter-spacing: var(--cr-typography-body-small-14-semibold-letter-spacing);\n cursor: pointer;\n transition:\n background-color 120ms ease,\n border-color 120ms ease;\n}\n\n.cr-button:focus-visible {\n outline: none;\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n.cr-button:disabled {\n cursor: not-allowed;\n background-color: var(--cr-color-fill-disabled-base);\n color: var(--cr-color-text-disabled-on-fill);\n}\n\n/ Tamanhos /\n.cr-button--large {\n height: 48px;\n}\n.cr-button--medium {\n height: 42px;\n}\n.cr-button--small {\n height: 36px;\n}\n.cr-button--xsmall {\n height: 32px;\n}\n\n/ Ícones (Leading/Trailing Icon no Figma): 20px, ou 16px no XSmall. Herdam a cor do texto. /\n.cr-button__icon {\n display: inline-flex;\n font-size: 20px;\n}\n.cr-button--xsmall .cr-button__icon {\n font-size: 16px;\n}\n\n/ Primary (Filled) /\n.cr-button--primary {\n background-color: var(--cr-color-fill-brand-base);\n color: var(--cr-color-text-inverse-base);\n}\n.cr-button--primary:hover:not(:disabled) {\n background-color: var(--cr-color-fill-brand-base-hover);\n}\n.cr-button--primary:active:not(:disabled) {\n background-color: var(--cr-color-fill-brand-base-pressed);\n}\n\n/ Secondary (Tonal) /\n.cr-button--secondary {\n background-color: var(--cr-color-fill-brand-subtlest);\n color: var(--cr-color-text-brand-base);\n}\n.cr-button--secondary:hover:not(:disabled) {\n background-color: var(--cr-color-fill-brand-subtlest-hover);\n}\n.cr-button--secondary:active:not(:disabled) {\n background-color: var(--cr-color-fill-brand-subtlest-pressed);\n}\n\n/ Tertiary (Outlined) /\n.cr-button--tertiary {\n background-color: var(--cr-color-fill-neutral-container);\n border-color: var(--cr-color-stroke-neutral-bold);\n color: var(--cr-color-text-neutral-base);\n}\n.cr-button--tertiary:hover:not(:disabled) {\n background-color: var(--cr-color-fill-neutral-container-hover);\n}\n.cr-button--tertiary:active:not(:disabled) {\n background-color: var(--cr-color-fill-neutral-container-pressed);\n}\n.cr-button--tertiary:disabled {\n border-color: var(--cr-color-stroke-disabled-base);\n}\n","/ Card do Figma \"Cristal - Core Components \| Web\": contêiner com fundo neutral/container, raio\n medium e o conteúdo num slot que ocupa o espaço interno. Consome apenas tokens semânticos. /\n.cr-card {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n border-radius: var(--cr-radius-medium);\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ Body e content do Prime não existem no Figma: só repassam o espaço para o conteúdo. /\n.cr-card__body,\n.cr-card__content {\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n min-height: 0;\n}\n\n/ Padding /\n.cr-card--xsmall {\n padding: var(--cr-padding-padding-4);\n}\n.cr-card--small {\n padding: var(--cr-padding-padding-5);\n}\n.cr-card--medium {\n padding: var(--cr-padding-padding-6);\n}\n.cr-card--large {\n padding: var(--cr-padding-padding-7);\n}\n.cr-card--xlarge {\n padding: var(--cr-padding-padding-8);\n}\n\n/ Outline: como o stroke do Figma, a linha fica por dentro e não empurra o conteúdo. /\n.cr-card--outline {\n box-shadow: inset 0 0 0 var(--cr-stroke-x-small) var(--cr-color-stroke-neutral-base);\n}\n","/ Tooltip do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos.\n Renderizado no body e posicionado pelo Prime; a raiz é transparente e o balão é o texto. /\n.cr-tooltip {\n position: absolute;\n / Fora da tela até o Prime calcular a posição (evita piscar a barra de rolagem); sem token. /\n top: -9999px;\n left: -9999px;\n pointer-events: none;\n}\n\n/ Distância de 4px até o alvo (no Figma, o tooltip do Menubar fica 4px abaixo do botão). O Prime\n desconta esse padding ao posicionar em cima e à esquerda, por isso ele vai nos dois lados. /\n.cr-tooltip--top,\n.cr-tooltip--bottom {\n padding: var(--cr-padding-padding-3) 0;\n}\n.cr-tooltip--left,\n.cr-tooltip--right {\n padding: 0 var(--cr-padding-padding-3);\n}\n\n.cr-tooltip__arrow {\n display: none; / o Figma não tem seta /\n}\n\n.cr-tooltip__text {\n box-sizing: border-box;\n padding: var(--cr-padding-padding-4) var(--cr-padding-padding-5);\n border-radius: var(--cr-radius-small);\n background-color: var(--cr-color-fill-neutral-boldest);\n color: var(--cr-color-text-inverse-base);\n font-family: var(--cr-typography-label-medium-12-semibold-font-family);\n font-size: var(--cr-typography-label-medium-12-semibold-font-size);\n font-weight: var(--cr-typography-label-medium-12-semibold-font-weight);\n line-height: var(--cr-typography-label-medium-12-semibold-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-semibold-letter-spacing);\n}\n\n/ Plain: uma linha só. /\n.cr-tooltip--plain .cr-tooltip__text {\n white-space: nowrap;\n}\n\n/ Rich: até 300px (texto de 276px + padding), quebrando linha. /\n.cr-tooltip--rich .cr-tooltip__text {\n max-width: 300px;\n white-space: pre-line;\n overflow-wrap: break-word;\n}\n","/ Chart do Figma \"Nova Web \| Gestão de Ofertas\" (Chart / Line), sobre o Chart do Prime. Consome\n apenas tokens semânticos (os de gráfico, color/chart/, nas séries, eixos e grade); o que o\n canvas desenha recebe os valores dos mesmos tokens pelo Chart.tsx. /\n.cr-chart {\n display: flex;\n flex-direction: column;\n gap: var(--cr-spacing-spacing-10);\n box-sizing: border-box;\n min-width: 0;\n}\n\n/* Card: borda stroke/neutral/base, raio medium, 20px em volta e 28px embaixo; 32px entre o\n cabeçalho e o gráfico. /\n.cr-chart--card {\n padding: var(--cr-padding-padding-7) var(--cr-padding-padding-7) var(--cr-padding-padding-9);\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n border-radius: var(--cr-radius-medium);\n}\n\n/ Cabeçalho: título body/small-14/semibold e a ajuda (Question de 20px) à esquerda, 4px entre\n eles; ações à direita, 4px entre elas. /\n.cr-chart__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--cr-spacing-spacing-4);\n min-height: 32px;\n}\n.cr-chart__title-row,\n.cr-chart__actions {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-3);\n min-width: 0;\n}\n.cr-chart__title {\n overflow: hidden;\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-body-small-14-semibold-font-family);\n font-size: var(--cr-typography-body-small-14-semibold-font-size);\n font-weight: var(--cr-typography-body-small-14-semibold-font-weight);\n line-height: var(--cr-typography-body-small-14-semibold-line-height);\n letter-spacing: var(--cr-typography-body-small-14-semibold-letter-spacing);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-chart__help {\n display: inline-flex;\n flex-shrink: 0;\n padding: 0;\n border: 0;\n border-radius: var(--cr-radius-full);\n background: none;\n color: var(--cr-color-icon-neutral-base);\n font-size: 20px;\n cursor: help;\n}\n.cr-chart__help:focus-visible {\n outline: none;\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Gráfico e legenda, 24px entre eles. /\n.cr-chart__body {\n display: flex;\n flex-direction: column;\n gap: var(--cr-spacing-spacing-8);\n}\n.cr-chart__plot {\n position: relative;\n min-width: 0;\n}\n.cr-chart__canvas-wrap {\n position: absolute;\n inset: 0;\n}\n\n/ Legenda: centralizada, 24px entre os itens; quadrado de 10px na cor da série, 4px até o texto\n label/medium-12/regular em text/neutral/base (o texto nunca leva a cor da série). A cor do\n quadrado vem do Chart.tsx: o token de gráfico da série, no tom dela. /\n.cr-chart__legend {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: var(--cr-spacing-spacing-3) var(--cr-spacing-spacing-8);\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.cr-chart__legend-item {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-3);\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-label-medium-12-regular-font-family);\n font-size: var(--cr-typography-label-medium-12-regular-font-size);\n font-weight: var(--cr-typography-label-medium-12-regular-font-weight);\n line-height: var(--cr-typography-label-medium-12-regular-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-regular-letter-spacing);\n}\n.cr-chart__swatch {\n width: 10px;\n height: 10px;\n border-radius: 2px; / sem token /\n}\n","/ Checkbox do Figma \"Cristal - Core Components \| Web\", sobre o Checkbox do Prime: caixa de 24px,\n raio x-small e borda de 2px, rótulo label/large-14/regular a 8px. Consome apenas tokens\n semânticos. /\n.cr-checkbox {\n display: inline-flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n max-width: 100%;\n}\n.cr-checkbox--right {\n flex-direction: row-reverse;\n}\n.cr-checkbox--label-full {\n align-items: flex-start;\n}\n\n/ O <input> nativo cobre a caixa, invisível: recebe o clique, o foco e o teclado. /\n.cr-checkbox__control {\n position: relative;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n}\n.cr-checkbox__input {\n position: absolute;\n inset: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n margin: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.cr-checkbox__box {\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n border: var(--cr-stroke-small) solid var(--cr-color-stroke-neutral-bold);\n border-radius: var(--cr-radius-x-small);\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-icon-inverse-base);\n}\n.cr-checkbox__icon {\n flex-shrink: 0;\n}\n\n/ Selected e Indeterminate: caixa preenchida em brand. /\n.cr-checkbox__control--checked .cr-checkbox__box,\n.cr-checkbox--indeterminate .cr-checkbox__box {\n border-color: var(--cr-color-fill-brand-base);\n background-color: var(--cr-color-fill-brand-base);\n}\n\n/ Indeterminate: traço de 12,5 x 1,5px com pontas arredondadas (Minus do Phosphor no Figma). /\n.cr-checkbox--indeterminate .cr-checkbox__box::after {\n width: 12.5px;\n height: 1.5px;\n border-radius: var(--cr-radius-full);\n background-color: currentColor;\n content: '';\n}\n\n/ Hover /\n.cr-checkbox:not(.cr-checkbox--disabled):hover .cr-checkbox__box {\n border-color: var(--cr-color-stroke-neutral-bold-hover);\n}\n.cr-checkbox:not(.cr-checkbox--disabled):hover .cr-checkbox__control--checked .cr-checkbox__box,\n.cr-checkbox--indeterminate:not(.cr-checkbox--disabled):hover .cr-checkbox__box {\n border-color: var(--cr-color-fill-brand-base-hover);\n background-color: var(--cr-color-fill-brand-base-hover);\n}\n\n/ Focus (só pelo teclado): borda brand e anel de foco. /\n.cr-checkbox__input:focus-visible + .cr-checkbox__box {\n border-color: var(--cr-color-stroke-brand-base);\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Disabled /\n.cr-checkbox--disabled .cr-checkbox__input {\n cursor: not-allowed;\n}\n.cr-checkbox--disabled .cr-checkbox__box {\n border-color: var(--cr-color-stroke-disabled-base);\n}\n.cr-checkbox--disabled .cr-checkbox__control--checked .cr-checkbox__box,\n.cr-checkbox--disabled.cr-checkbox--indeterminate .cr-checkbox__box {\n border-color: var(--cr-color-fill-disabled-base);\n background-color: var(--cr-color-fill-disabled-base);\n color: var(--cr-color-icon-disabled-on-fill);\n}\n\n/ Rótulo /\n.cr-checkbox__label {\n min-width: 0;\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-label-large-14-regular-font-family);\n font-size: var(--cr-typography-label-large-14-regular-font-size);\n font-weight: var(--cr-typography-label-large-14-regular-font-weight);\n line-height: var(--cr-typography-label-large-14-regular-line-height);\n letter-spacing: var(--cr-typography-label-large-14-regular-letter-spacing);\n cursor: pointer;\n}\n.cr-checkbox--label-default .cr-checkbox__label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-checkbox--disabled .cr-checkbox__label {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n","/ Chip do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos. Todos os\n tamanhos têm o mesmo padding, gap, raio e texto; muda só a altura. Cada tipo define as cores\n por estado nas variáveis --cr-chip-. /\n.cr-chip {\n display: inline-flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-3);\n box-sizing: border-box;\n padding: var(--cr-padding-padding-2) var(--cr-padding-padding-5);\n border: var(--cr-stroke-x-small) solid var(--cr-chip-stroke, transparent);\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-chip-bg);\n color: var(--cr-chip-text);\n box-shadow: var(--cr-chip-shadow, none);\n font-family: var(--cr-typography-label-medium-12-semibold-font-family);\n font-size: var(--cr-typography-label-medium-12-semibold-font-size);\n font-weight: var(--cr-typography-label-medium-12-semibold-font-weight);\n line-height: var(--cr-typography-label-medium-12-semibold-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-semibold-letter-spacing);\n white-space: nowrap;\n transition:\n background-color 120ms ease,\n border-color 120ms ease;\n}\n\n/* Tamanhos (alturas do Figma, sem token) /\n.cr-chip--small {\n height: 24px;\n}\n.cr-chip--medium {\n height: 28px;\n}\n.cr-chip--large {\n height: 32px;\n}\n.cr-chip--x-large {\n height: 36px;\n}\n\n/ Ícones (Leading/Trailing Icon no Figma): 16px. /\n.cr-chip__icon {\n display: inline-flex;\n font-size: 16px;\n}\n.cr-chip__icon--leading {\n color: var(--cr-chip-icon-leading);\n}\n.cr-chip__icon--trailing {\n color: var(--cr-chip-icon-trailing, var(--cr-chip-icon-leading));\n}\n.cr-chip__remove {\n cursor: pointer;\n}\n.cr-chip__remove:focus-visible {\n outline: none;\n}\n\n/ Estados. Focused (Figma): o anel de foco aparece no chip quando ele ou o botão de remover\n recebe foco pelo teclado. /\n.cr-chip:not(.cr-chip--disabled):hover {\n background-color: var(--cr-chip-bg-hover);\n border-color: var(--cr-chip-stroke-active, var(--cr-chip-stroke, transparent));\n}\n.cr-chip:not(.cr-chip--disabled):active {\n background-color: var(--cr-chip-bg-pressed);\n border-color: var(--cr-chip-stroke-active, var(--cr-chip-stroke, transparent));\n color: var(--cr-chip-text-pressed, var(--cr-chip-text));\n --cr-chip-icon-leading: var(--cr-chip-icon-leading-pressed);\n --cr-chip-icon-trailing: var(--cr-chip-icon-trailing-pressed);\n}\n.cr-chip:focus-visible,\n.cr-chip:has(:focus-visible) {\n outline: none;\n border-color: var(--cr-chip-stroke-active, var(--cr-chip-stroke, transparent));\n box-shadow: var(--cr-effects-focus-ring);\n}\n/ Duas classes para vencer as variáveis de ícone definidas pelos tipos, mais abaixo. /\n.cr-chip.cr-chip--disabled {\n background-color: var(--cr-color-fill-disabled-base);\n color: var(--cr-color-text-disabled-on-fill);\n --cr-chip-icon-leading: var(--cr-color-icon-disabled-on-fill);\n --cr-chip-icon-trailing: var(--cr-color-icon-disabled-on-fill);\n}\n\n/ Tipos /\n.cr-chip--default {\n --cr-chip-bg: var(--cr-color-fill-brand-base);\n --cr-chip-bg-hover: var(--cr-color-fill-brand-base-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-brand-base-pressed);\n --cr-chip-text: var(--cr-color-text-inverse-base);\n --cr-chip-icon-leading: var(--cr-color-icon-inverse-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-inverse-base);\n}\n.cr-chip--success {\n --cr-chip-bg: var(--cr-color-fill-success-subtle);\n --cr-chip-bg-hover: var(--cr-color-fill-success-subtle-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-success-subtle-pressed);\n --cr-chip-text: var(--cr-color-text-success-base);\n --cr-chip-text-pressed: var(--cr-color-text-success-base-pressed);\n --cr-chip-icon-leading: var(--cr-color-icon-success-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-success-base-pressed);\n}\n.cr-chip--danger {\n --cr-chip-bg: var(--cr-color-fill-danger-subtle);\n --cr-chip-bg-hover: var(--cr-color-fill-danger-subtle-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-danger-subtle-pressed);\n --cr-chip-text: var(--cr-color-text-danger-base);\n --cr-chip-icon-leading: var(--cr-color-icon-danger-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-danger-base);\n}\n.cr-chip--warning {\n --cr-chip-bg: var(--cr-color-fill-warning-subtle);\n --cr-chip-bg-hover: var(--cr-color-fill-warning-subtle-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-warning-subtle-pressed);\n --cr-chip-text: var(--cr-color-text-warning-base);\n --cr-chip-text-pressed: var(--cr-color-text-warning-base-pressed);\n --cr-chip-icon-leading: var(--cr-color-icon-warning-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-warning-base-pressed);\n}\n/ No Figma, o ícone da direita do Info usa a cor de marca, e o da esquerda, a de informação. /\n.cr-chip--info {\n --cr-chip-bg: var(--cr-color-fill-information-subtle);\n --cr-chip-bg-hover: var(--cr-color-fill-information-subtle-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-information-subtle-pressed);\n --cr-chip-text: var(--cr-color-text-information-base);\n --cr-chip-icon-leading: var(--cr-color-icon-information-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-information-base);\n --cr-chip-icon-trailing: var(--cr-color-icon-brand-base);\n --cr-chip-icon-trailing-pressed: var(--cr-color-icon-brand-base);\n}\n.cr-chip--highlight {\n --cr-chip-bg: var(--cr-color-fill-highlight-subtle);\n --cr-chip-bg-hover: var(--cr-color-fill-highlight-subtle-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-highlight-subtle-pressed);\n --cr-chip-text: var(--cr-color-text-highlight-base);\n --cr-chip-icon-leading: var(--cr-color-icon-highlight-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-highlight-base);\n}\n.cr-chip--inverse {\n --cr-chip-bg: var(--cr-color-fill-neutral-container);\n --cr-chip-bg-hover: var(--cr-color-fill-neutral-container-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-neutral-container-pressed);\n --cr-chip-text: var(--cr-color-text-brand-base);\n --cr-chip-icon-leading: var(--cr-color-icon-brand-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-brand-base);\n}\n.cr-chip--outline {\n --cr-chip-bg: var(--cr-color-fill-neutral-container);\n --cr-chip-bg-hover: var(--cr-color-fill-neutral-container-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-neutral-container-pressed);\n --cr-chip-stroke: var(--cr-color-stroke-neutral-base);\n --cr-chip-stroke-active: var(--cr-color-stroke-neutral-bold);\n --cr-chip-text: var(--cr-color-text-neutral-base);\n --cr-chip-icon-leading: var(--cr-color-icon-neutral-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-neutral-base);\n}\n.cr-chip--outline.cr-chip--disabled {\n --cr-chip-stroke: var(--cr-color-stroke-disabled-base);\n}\n/ No Figma, no pressionado do Neutral o ícone da direita fica com a cor neutra base. /\n.cr-chip--neutral {\n --cr-chip-bg: var(--cr-color-fill-neutral-subtler);\n --cr-chip-bg-hover: var(--cr-color-fill-neutral-container-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-neutral-container-pressed);\n --cr-chip-text: var(--cr-color-text-neutral-subtle);\n --cr-chip-text-pressed: var(--cr-color-text-neutral-subtle-pressed);\n --cr-chip-icon-leading: var(--cr-color-icon-neutral-subtle);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-neutral-subtle-pressed);\n --cr-chip-icon-trailing-pressed: var(--cr-color-icon-neutral-base);\n}\n.cr-chip--on-image {\n --cr-chip-bg: var(--cr-color-fill-neutral-container);\n --cr-chip-bg-hover: var(--cr-color-fill-neutral-container-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-neutral-container-pressed);\n --cr-chip-text: var(--cr-color-text-neutral-base);\n --cr-chip-icon-leading: var(--cr-color-icon-neutral-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-neutral-base);\n --cr-chip-shadow: var(--cr-elevation-gray-bottom-3);\n}\n","/ Divider do Figma \"Cristal - Core Components \| Web\" (Horizontal e Vertical Divider). Linha de\n 1px na cor stroke/neutral/base; o Dashed usa traço de 2px com 2px de intervalo. /\n.cr-divider {\n --cr-divider-color: var(--cr-color-stroke-neutral-base);\n\n flex-shrink: 0;\n}\n\n.cr-divider--horizontal {\n width: 100%;\n height: var(--cr-stroke-x-small);\n}\n\n.cr-divider--vertical {\n align-self: stretch;\n width: var(--cr-stroke-x-small);\n}\n\n.cr-divider--solid {\n background-color: var(--cr-divider-color);\n}\n\n/ Traço 2px / intervalo 2px (dashPattern [2, 2] no Figma); border dashed não controla o traço. /\n.cr-divider--dashed.cr-divider--horizontal {\n background-image: repeating-linear-gradient(\n to right,\n var(--cr-divider-color) 0 2px,\n transparent 2px 4px\n );\n}\n.cr-divider--dashed.cr-divider--vertical {\n background-image: repeating-linear-gradient(\n to bottom,\n var(--cr-divider-color) 0 2px,\n transparent 2px 4px\n );\n}\n\n/ O Prime sempre renderiza um contêiner de conteúdo; o Figma não tem conteúdo na linha. /\n.cr-divider__content {\n display: none;\n}\n","/ Icon Button do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos —\n nunca primitivos. Circular em todos os tamanhos; muda o diâmetro e o tamanho do ícone. /\n.cr-icon-button {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n padding: var(--cr-padding-padding-3);\n border: var(--cr-stroke-x-small) solid transparent;\n border-radius: var(--cr-radius-full);\n background-color: transparent;\n cursor: pointer;\n transition:\n background-color 120ms ease,\n border-color 120ms ease;\n}\n\n.cr-icon-button:focus-visible {\n outline: none;\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n.cr-icon-button:disabled {\n cursor: not-allowed;\n}\n\n/ Tamanhos (diâmetro, sem token) /\n.cr-icon-button--large {\n width: 48px;\n height: 48px;\n}\n.cr-icon-button--medium {\n width: 42px;\n height: 42px;\n}\n.cr-icon-button--small {\n width: 36px;\n height: 36px;\n}\n.cr-icon-button--xsmall {\n width: 32px;\n height: 32px;\n}\n\n/ Ícone: 20px, ou 16px no XSmall. Herda a cor definida em cada hierarquia. /\n.cr-icon-button__icon {\n display: inline-flex;\n font-size: 20px;\n}\n.cr-icon-button--xsmall .cr-icon-button__icon {\n font-size: 16px;\n}\n\n/ Primary (Filled) /\n.cr-icon-button--primary {\n background-color: var(--cr-color-fill-brand-base);\n color: var(--cr-color-icon-inverse-base);\n}\n.cr-icon-button--primary:hover:not(:disabled) {\n background-color: var(--cr-color-fill-brand-base-hover);\n}\n.cr-icon-button--primary:active:not(:disabled) {\n background-color: var(--cr-color-fill-brand-base-pressed);\n}\n\n/ Secondary (Tonal) /\n.cr-icon-button--secondary {\n background-color: var(--cr-color-fill-brand-subtlest);\n color: var(--cr-color-icon-brand-base);\n}\n.cr-icon-button--secondary:hover:not(:disabled) {\n background-color: var(--cr-color-fill-brand-subtlest-hover);\n}\n.cr-icon-button--secondary:active:not(:disabled) {\n background-color: var(--cr-color-fill-brand-subtlest-pressed);\n}\n\n/ Tertiary (Outlined) /\n.cr-icon-button--tertiary {\n background-color: var(--cr-color-fill-neutral-container);\n border-color: var(--cr-color-stroke-neutral-bold);\n color: var(--cr-color-icon-neutral-base);\n}\n.cr-icon-button--tertiary:hover:not(:disabled) {\n background-color: var(--cr-color-fill-neutral-container-hover);\n}\n.cr-icon-button--tertiary:active:not(:disabled) {\n background-color: var(--cr-color-fill-neutral-container-pressed);\n}\n\n/ Desabilitado (Primary, Secondary e Tertiary; o Figma não define o do Other/Icon) /\n.cr-icon-button--primary:disabled,\n.cr-icon-button--secondary:disabled,\n.cr-icon-button--tertiary:disabled {\n background-color: var(--cr-color-fill-disabled-base);\n color: var(--cr-color-icon-disabled-on-fill);\n}\n.cr-icon-button--tertiary:disabled {\n border-color: var(--cr-color-stroke-disabled-base);\n}\n\n/ Ghost (Other / Icon): sem fundo; no Figma só tem Default e Hover. /\n.cr-icon-button--ghost {\n color: var(--cr-color-icon-brand-base);\n}\n.cr-icon-button--ghost:hover:not(:disabled) {\n background-color: var(--cr-color-fill-brand-subtlest);\n}\n","/ Drawer do Figma \"Cristal - Core Components \| Web\", sobre o Sidebar do Prime: gaveta de 340px na\n altura da tela, com o overlay (fill/neutral/boldest a 50%). Consome apenas tokens semânticos. /\n\n/ Overlay: cobre a tela e posiciona a gaveta do lado escolhido. /\n.cr-drawer__mask {\n / O Prime põe width e height de 100% inline: o padding fica por dentro. /\n box-sizing: border-box;\n position: fixed;\n inset: 0;\n display: flex;\n background-color: color-mix(\n in srgb,\n var(--cr-color-fill-neutral-boldest) calc(var(--cr-opacity-opacity-5) 100%),\n transparent\n );\n backdrop-filter: blur(5px); /* desfoque da página atrás, fora do Figma (sem token) /\n}\n.cr-drawer__mask--right {\n justify-content: flex-end;\n}\n.cr-drawer__mask--left {\n justify-content: flex-start;\n}\n/ Sem overlay (modal={false}): a camada continua posicionando a gaveta, mas fica transparente e\n deixa os cliques passarem para a página. /\n.cr-drawer__mask--sem-overlay {\n background-color: transparent;\n backdrop-filter: none;\n pointer-events: none;\n}\n.cr-drawer__mask--sem-overlay .cr-drawer {\n pointer-events: auto;\n}\n/ Sem o overlay, a sombra é a elevação 3 (com overlay, a 4). /\n.cr-drawer__mask--sem-overlay .cr-drawer--right {\n box-shadow: var(--cr-elevation-gray-left-3);\n}\n.cr-drawer__mask--sem-overlay .cr-drawer--left {\n box-shadow: var(--cr-elevation-gray-right-3);\n}\n\n/ Entrada e saída, as do tema do Prime (p-sidebar: 300ms, curva padrão): a gaveta desliza do lado\n dela e o overlay\n aparece e some junto. O Prime troca as classes (Drawer.tsx) e desmonta ao fim da saída. O\n overlay já nasce com a cor final, então ele anima com keyframes a partir do transparente. /\n.cr-drawer__mask:has(> .cr-drawer--enter) {\n animation: cr-drawer-overlay 300ms ease;\n}\n.cr-drawer__mask:has(> .cr-drawer--exit-active) {\n animation: cr-drawer-overlay 300ms ease reverse forwards;\n}\n@keyframes cr-drawer-overlay {\n from {\n background-color: transparent;\n backdrop-filter: blur(0);\n }\n}\n.cr-drawer--enter,\n.cr-drawer--exit-active {\n transform: translateX(var(--cr-drawer-fora));\n}\n.cr-drawer--enter-active {\n transform: none;\n transition: transform 300ms ease;\n}\n.cr-drawer--exit-active {\n transition: transform 300ms ease;\n}\n@media (prefers-reduced-motion: reduce) {\n .cr-drawer__mask:has(> .cr-drawer--enter),\n .cr-drawer__mask:has(> .cr-drawer--exit-active) {\n animation: none;\n }\n .cr-drawer--enter-active,\n .cr-drawer--exit-active {\n transition: none;\n }\n}\n\n.cr-drawer {\n position: relative;\n box-sizing: border-box;\n width: 340px;\n max-width: 100vw;\n height: 100%;\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-text-neutral-base);\n}\n/ Larguras além da do Figma (340px), nas faixas usuais de drawer; sem token. Em telas estreitas\n todas param nos 100vw. O full não usa o fullScreen do Prime, que encurta a transição para\n 150ms e cortaria a animação de 300ms. /\n.cr-drawer--size-medium {\n width: 480px;\n}\n.cr-drawer--size-large {\n width: 720px;\n}\n.cr-drawer--size-full {\n width: 100vw;\n}\n/ A sombra vai para o lado da página; fora da tela é para onde ela sai na animação. /\n.cr-drawer--right {\n --cr-drawer-fora: 100%;\n box-shadow: var(--cr-elevation-gray-left-4);\n}\n.cr-drawer--left {\n --cr-drawer-fora: -100%;\n box-shadow: var(--cr-elevation-gray-right-4);\n}\n\n.cr-drawer__panel {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n/ Full Body: tudo rola junto, com 16px de padding. /\n/ A barra de 8px fica dentro dos 16px da direita, colada na borda, como no Figma: o espaço dela\n fica sempre reservado (scrollbar-gutter) e sai do padding, então o conteúdo não muda de\n largura quando a rolagem aparece. Vale também para o corpo do Fixed Body. /\n.cr-drawer--full .cr-drawer__panel {\n box-sizing: border-box;\n padding: var(--cr-padding-padding-6);\n padding-right: calc(var(--cr-padding-padding-6) - 8px);\n overflow-y: auto;\n scrollbar-gutter: stable;\n}\n.cr-drawer--full .cr-drawer__header {\n padding-bottom: var(--cr-padding-padding-6);\n}\n.cr-drawer--full .cr-drawer__footer {\n padding-top: var(--cr-padding-padding-6);\n}\n\n/ Fixed Body: cabeçalho e rodapé fixos; só o corpo rola. /\n.cr-drawer--fixed .cr-drawer__header {\n / À direita, os 16px da borda mais os 32px do X. /\n padding: var(--cr-padding-padding-6)\n calc(var(--cr-padding-padding-6) + var(--cr-padding-padding-10)) var(--cr-padding-padding-4)\n var(--cr-padding-padding-6);\n}\n.cr-drawer--fixed .cr-drawer__body {\n flex: 1 1 0;\n min-height: 0;\n padding: var(--cr-padding-padding-6);\n padding-right: calc(var(--cr-padding-padding-6) - 8px); / a barra de 8px fica no padding /\n overflow-y: auto;\n scrollbar-gutter: stable;\n}\n.cr-drawer--fixed .cr-drawer__footer {\n padding: var(--cr-padding-padding-6);\n}\n\n/ Cabeçalho (.Drawer Header): título body/medium-16/semibold, subtítulo label/medium-12 em até 2\n linhas; 32px à direita para o X. /\n.cr-drawer__header {\n display: flex;\n flex-shrink: 0;\n flex-direction: column;\n gap: var(--cr-spacing-spacing-4);\n padding-right: var(--cr-padding-padding-10);\n}\n.cr-drawer__title-row {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n min-width: 0;\n}\n.cr-drawer__title {\n flex: 1;\n min-width: 0;\n margin: 0;\n overflow: hidden;\n font-family: var(--cr-typography-body-medium-16-semibold-font-family);\n font-size: var(--cr-typography-body-medium-16-semibold-font-size);\n font-weight: var(--cr-typography-body-medium-16-semibold-font-weight);\n line-height: var(--cr-typography-body-medium-16-semibold-line-height);\n letter-spacing: var(--cr-typography-body-medium-16-semibold-letter-spacing);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-drawer__subtitle {\n display: -webkit-box;\n margin: 0;\n overflow: hidden;\n font-family: var(--cr-typography-label-medium-12-regular-font-family);\n font-size: var(--cr-typography-label-medium-12-regular-font-size);\n font-weight: var(--cr-typography-label-medium-12-regular-font-weight);\n line-height: var(--cr-typography-label-medium-12-regular-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-regular-letter-spacing);\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\n.cr-drawer__body {\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n}\n/ O conteúdo não encolhe para caber: o corpo (ou a gaveta, no full) rola. /\n.cr-drawer__body > {\n flex-shrink: 0;\n}\n\n/* Área com rolagem em foco (pelo teclado) /\n.cr-drawer__panel,\n.cr-drawer__body {\n outline: none;\n}\n.cr-drawer__panel:focus-visible,\n.cr-drawer__body:focus-visible {\n box-shadow: inset var(--cr-effects-focus-ring);\n}\n\n/ Rodapé (.Drawer Footer): botões à direita, 4px entre eles. /\n.cr-drawer__footer {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: flex-end;\n gap: var(--cr-spacing-spacing-3);\n}\n\n/ X a 8px do canto /\n.cr-drawer__close {\n position: absolute;\n top: var(--cr-spacing-spacing-4);\n right: var(--cr-spacing-spacing-4);\n}\n","/ Dropdown List do Figma \"Cristal - Core Components \| Web\", sobre o Menu do Prime: a lista comum\n do Cristal (lista.css: painel e item), com 320px, a borda e a elevação 3. A rolagem é própria\n (folga para o anel de foco). Consome apenas tokens semânticos. /\n.cr-menu {\n width: 320px;\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n box-shadow: var(--cr-elevation-gray-bottom-3);\n}\n\n/ Popup: renderizado no body e posicionado pelo Prime, colado no elemento que o abriu; a margem\n afasta 4px para o lado em que ele abriu. Quando o Prime o abre acima, o Menu.tsx marca\n data-cr-lado=\"acima\" (popup.ts), inclusive quando ele reposiciona. /\n.cr-menu--popup {\n position: absolute;\n margin-top: var(--cr-spacing-spacing-3);\n}\n.cr-menu--popup[data-cr-lado='acima'] {\n margin-top: calc(var(--cr-spacing-spacing-3) -1);\n}\n\n/* Lista: 5 itens visíveis antes da rolagem, como no Figma (37px no normal, 29px no compact).\n O padding/margin de 3px deixa o anel de foco do item aparecer sem ser cortado pela rolagem. /\n.cr-menu__list {\n --cr-menu-item-height: 37px;\n max-height: calc(var(--cr-menu-item-height) 5);\n margin: -3px; /* sem token: a folga do anel de foco (3px) /\n padding: 3px;\n overflow-y: auto;\n list-style: none;\n outline: none;\n}\n.cr-menu--compact .cr-menu__list {\n --cr-menu-item-height: 29px;\n}\n\n/ Barra de rolagem (Scrollbar no Figma): 8px a 4px dos itens e a 12px da borda da lista, trilho\n neutral/subtlest e polegar neutral/subtle (subtle/hover no hover). As bordas transparentes\n descontam os 3px de folga do anel de foco (1px + 3px = 4px dos itens; 3px a mais até a borda,\n em cima e embaixo). O raio conta a partir da borda: cada lado soma a sua borda aos 4px de raio\n para a barra visível ficar com as duas pontas redondas. /\n.cr-menu__list::-webkit-scrollbar {\n width: 12px; / 1px + 8px de barra + 3px (sem token) /\n}\n.cr-menu__list::-webkit-scrollbar-track,\n.cr-menu__list::-webkit-scrollbar-thumb {\n border-color: transparent;\n border-style: solid;\n border-width: 3px 3px 3px 1px;\n border-radius: 5px 7px 7px 5px / 7px; / sem token: o raio soma as bordas transparentes /\n background-clip: padding-box;\n}\n.cr-menu__list::-webkit-scrollbar-track {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-menu__list::-webkit-scrollbar-thumb {\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-menu__list::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-menu__list {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) var(--cr-color-fill-neutral-subtlest);\n }\n}\n\n/ Item (.Dropdown Item no Figma), sobre o item da lista comum: a altura da densidade e o ícone a\n 8px do texto. /\n.cr-menu__action {\n gap: var(--cr-spacing-spacing-4);\n height: var(--cr-menu-item-height);\n color: inherit;\n text-decoration: none;\n}\n.cr-menu--compact .cr-menu__action {\n padding: var(--cr-padding-padding-3) var(--cr-padding-padding-5);\n}\n.cr-menu__label {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-menu__icon {\n display: inline-flex;\n flex-shrink: 0;\n color: var(--cr-color-icon-neutral-base);\n font-size: 20px;\n}\n\n/ Hover /\n.cr-menu__item:hover .cr-menu__action {\n background-color: var(--cr-color-fill-neutral-container-hover);\n}\n\n/ Focus: só na navegação pelo teclado (o Prime também marca o item sob o mouse). /\n/ O item em foco pelo teclado: o Prime não expõe isso pelo pt nem por ARIA no item (só o\n aria-activedescendant da lista, que o CSS não compara), então fica o data-p-focused dele. /\n.cr-menu__list:focus-visible .cr-menu__item[data-p-focused='true'] .cr-menu__action {\n background-color: var(--cr-color-fill-neutral-container);\n box-shadow:\n inset 0 0 0 var(--cr-stroke-x-small) var(--cr-color-stroke-brand-base),\n var(--cr-effects-focus-ring);\n}\n\n/ Selected /\n.cr-menu__item--selected .cr-menu__action,\n.cr-menu__item--selected:hover .cr-menu__action {\n background-color: var(--cr-color-fill-selected-subtlest);\n color: var(--cr-color-text-brand-base);\n}\n.cr-menu__item--selected .cr-menu__icon {\n color: var(--cr-color-icon-brand-base);\n}\n\n/ Desabilitado (o Figma não define: segue o texto desabilitado dos campos). /\n.cr-menu__item[aria-disabled='true'] .cr-menu__action {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n.cr-menu__item[aria-disabled='true']:hover .cr-menu__action {\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ Loading: indicador de 24px centralizado (.Loading animated no Figma). /\n.cr-menu__loading {\n display: flex;\n align-items: center;\n justify-content: center;\n height: var(--cr-menu-item-height);\n color: var(--cr-color-icon-neutral-subtle);\n font-size: 24px;\n}\n.cr-menu__spinner {\n animation: cr-menu-spin 1s linear infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n .cr-menu__spinner {\n animation-duration: 3s;\n }\n}\n@keyframes cr-menu-spin {\n to {\n transform: rotate(360deg);\n }\n}\n","/ Menubar do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos.\n Fluido (ocupa a largura toda) e responsivo pela largura do próprio Menubar (container\n queries). As larguras das variantes do Figma são os breakpoints: desktop a partir de 1360px,\n tablet de 768 a 1359px e mobile abaixo de 768px (variante de 360px). /\n.cr-menubar {\n container-type: inline-size;\n}\n\n/ Barra fluida: grid de 3 colunas (início, busca centralizada e ferramentas). A busca acompanha\n a largura do Menubar entre 300 e 500px, como no Figma (400px em 1360px). Ela fica no centro\n enquanto os lados cabem; se faltar espaço, o lado mais largo empurra a busca, sem sobrepor. /\n.cr-menubar__bar {\n display: grid;\n grid-template-columns: 1fr clamp(300px, calc(100cqw 400 / 1360), 500px) 1fr;\n column-gap: var(--cr-spacing-spacing-6);\n align-items: center;\n box-sizing: border-box;\n height: 64px;\n padding: 0 var(--cr-padding-padding-8);\n border-bottom: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n}\n.cr-menubar--no-search .cr-menubar__bar {\n grid-template-columns: 1fr auto;\n}\n.cr-menubar__start {\n display: contents;\n}\n\n/* Início (Nav Init): botão de menu + logo, 16px entre eles. /\n.cr-menubar__init {\n display: flex;\n gap: var(--cr-spacing-spacing-6);\n align-items: center;\n justify-self: start;\n}\n\n/ Logo (.Nav Logo): 120×40, com as duas partes do SVG nas posições do Figma (medidas do export,\n sem token). /\n.cr-menubar__logo {\n position: relative;\n display: block;\n flex-shrink: 0;\n width: 120px;\n height: 40px;\n overflow: hidden;\n}\n.cr-menubar__logo-texto {\n position: absolute;\n top: 14.09px;\n left: 1px;\n width: 67.293px;\n height: 11.618px;\n}\n.cr-menubar__logo-simbolo {\n position: absolute;\n top: 10px;\n left: 76.41px;\n width: 42.706px;\n height: 20px;\n}\n\n/ Botões redondos de 40px: menu (.Menubar Button) e ferramentas (.Menubar Tools Button). /\n.cr-menubar__menu-button,\n.cr-menubar__tool {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n padding: 0;\n border: 0;\n border-radius: var(--cr-radius-full);\n background-color: transparent;\n color: var(--cr-color-icon-neutral-subtle);\n cursor: pointer;\n transition:\n background-color 120ms ease,\n color 120ms ease;\n}\n.cr-menubar__menu-icon,\n.cr-menubar__tool-icon,\n.cr-menubar__search-icon {\n display: inline-flex;\n font-size: 20px;\n}\n.cr-menubar__menu-button:focus-visible,\n.cr-menubar__tool:focus-visible,\n.cr-menubar__search-button:focus-visible,\n.cr-menubar__profile--button:focus-visible {\n outline: none;\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Menu: Hover em neutral/subtlest; Active (Menu Principal aberto) em brand. /\n.cr-menubar__menu-button:hover {\n background-color: var(--cr-color-fill-neutral-subtlest);\n color: var(--cr-color-icon-neutral-base);\n}\n.cr-menubar__menu-button--active,\n.cr-menubar__menu-button--active:hover {\n background-color: var(--cr-color-fill-brand-subtlest);\n color: var(--cr-color-icon-brand-base);\n}\n\n/ Ferramentas (.Nav Tools): 2px entre os botões. Hover e Active (menu aberto) iguais. O Figma\n usa color/icon/primary, que tem o mesmo valor de icon/neutral/base. /\n.cr-menubar__tools {\n display: flex;\n gap: var(--cr-spacing-spacing-2);\n align-items: center;\n}\n.cr-menubar__tool {\n background-color: var(--cr-color-fill-neutral-container);\n}\n.cr-menubar__tool:hover,\n.cr-menubar__tool--active {\n background-color: var(--cr-color-fill-neutral-subtlest);\n color: var(--cr-color-icon-neutral-base);\n}\n\n/ Badge (Show Badge): 24px, no canto de cima do ícone (posição do Figma, sem token). /\n.cr-menubar__badge {\n position: absolute;\n top: -4px;\n left: 20px;\n}\n\n/ Busca (.Menubar Search): pílula de 40px, 300 a 500px de largura (400px no desktop). /\n.cr-menubar__search {\n display: flex;\n gap: var(--cr-spacing-spacing-6);\n align-items: center;\n justify-self: center;\n box-sizing: border-box;\n width: 100%;\n height: 40px;\n padding: 0 var(--cr-padding-padding-2) 0 var(--cr-padding-padding-7);\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-subtler);\n transition: background-color 120ms ease;\n}\n.cr-menubar__search:hover {\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n/ O Figma não define o foco: o anel de foco do Cristal na pílula toda. /\n.cr-menubar__search:focus-within {\n box-shadow: var(--cr-effects-focus-ring);\n}\n.cr-menubar__search-input {\n flex: 1;\n min-width: 0;\n padding: 0;\n border: 0;\n background: none;\n color: var(--cr-color-text-neutral-base);\n font: inherit;\n letter-spacing: inherit;\n outline: none;\n}\n.cr-menubar__search-input::placeholder {\n color: var(--cr-color-text-neutral-subtle);\n opacity: 1;\n}\n\n/ Lupa (.Menubar Search Button): 36px; no hover, fundo branco e ícone brand. /\n.cr-menubar__search-button {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n padding: 0;\n border: 0;\n border-radius: var(--cr-radius-full);\n background-color: transparent;\n color: var(--cr-color-icon-neutral-subtle);\n cursor: pointer;\n}\n.cr-menubar__search-button:hover {\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-icon-brand-base);\n}\n\n/ Fim (Nav Settings): ferramentas + perfil, 4px entre eles. /\n.cr-menubar__end {\n display: flex;\n gap: var(--cr-spacing-spacing-3);\n align-items: center;\n justify-self: end;\n}\n\n/ Perfil (.Menubar Profile): nome e perfil alinhados à direita, avatar de 40px. /\n.cr-menubar__profile {\n display: flex;\n gap: var(--cr-padding-padding-6);\n align-items: center;\n justify-content: flex-end;\n box-sizing: border-box;\n min-width: 124px;\n max-width: 220px;\n padding: var(--cr-padding-padding-3);\n border: 0;\n border-radius: var(--cr-radius-small);\n background-color: transparent;\n color: inherit;\n font: inherit;\n letter-spacing: inherit;\n text-align: right;\n}\n.cr-menubar__profile--button {\n cursor: pointer;\n transition: background-color 120ms ease;\n}\n.cr-menubar__profile--button:hover {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-menubar__profile-text {\n display: flex;\n flex: 1;\n flex-direction: column;\n align-items: flex-end;\n min-width: 0;\n white-space: nowrap;\n}\n.cr-menubar__profile-name,\n.cr-menubar__profile-role {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.cr-menubar__profile-name {\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-body-small-14-semibold-font-family);\n font-size: var(--cr-typography-body-small-14-semibold-font-size);\n font-weight: var(--cr-typography-body-small-14-semibold-font-weight);\n line-height: var(--cr-typography-body-small-14-semibold-line-height);\n}\n/ O Figma usa color/text/tertiary (#9ca3af), que não é token semântico do Cristal; o semântico\n de mesmo valor é text/neutral/subtlest. Sobre branco ele não passa no contraste mínimo\n (2,5:1): problema de design, marcado nas stories (a11y 'todo') até o Figma ser corrigido. /\n.cr-menubar__profile-role {\n color: var(--cr-color-text-neutral-subtlest);\n}\n\n/ Avatar (.Menubar Profile Avatar): 40px, borda de 1px; sem foto, a inicial em brand. /\n.cr-menubar__avatar {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 40px;\n height: 40px;\n overflow: hidden;\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n border-radius: var(--cr-radius-full);\n}\n.cr-menubar__avatar-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.cr-menubar__avatar--initial {\n background-color: var(--cr-color-fill-brand-subtle);\n color: var(--cr-color-text-brand-base);\n font-family: var(--cr-typography-body-large-18-semibold-font-family);\n font-size: var(--cr-typography-body-large-18-semibold-font-size);\n font-weight: var(--cr-typography-body-large-18-semibold-font-weight);\n line-height: var(--cr-typography-body-large-18-semibold-line-height);\n}\n\n/ Tablet (variante 768 do Figma, de 768 a 1359px): padding de 16px, sem busca e só as\n ferramentas marcadas. /\n@container (max-width: 1359px) {\n .cr-menubar .cr-menubar__bar {\n grid-template-columns: 1fr auto;\n padding: 0 var(--cr-padding-padding-6);\n }\n .cr-menubar__search,\n .cr-menubar__tool:not(.cr-menubar__tool--tablet) {\n display: none;\n }\n}\n\n/ Mobile (variante 360 do Figma, abaixo de 768px): só menu e logo; busca, ferramentas e perfil\n somem (a tela pode levá-los para o Menu Principal). /\n@container (max-width: 767px) {\n .cr-menubar__end {\n display: none;\n }\n}\n","/ Tag do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos. Todos os\n tamanhos têm o mesmo padding, gap, raio (8px, pedido do time; o Figma usa 4px) e texto; muda só a\n altura. /\n.cr-tag {\n display: inline-flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-3);\n box-sizing: border-box;\n padding: var(--cr-padding-padding-2) var(--cr-padding-padding-5);\n border: var(--cr-stroke-x-small) solid transparent;\n border-radius: var(--cr-radius-small);\n font-family: var(--cr-typography-label-medium-12-semibold-font-family);\n font-size: var(--cr-typography-label-medium-12-semibold-font-size);\n font-weight: var(--cr-typography-label-medium-12-semibold-font-weight);\n line-height: var(--cr-typography-label-medium-12-semibold-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-semibold-letter-spacing);\n white-space: nowrap;\n}\n\n/ O Prime renderiza um <span> vazio para children depois do valor; fora do fluxo do gap. /\n.cr-tag > span:empty {\n display: none;\n}\n\n/ Tamanhos (alturas do Figma, sem token) /\n.cr-tag--small {\n height: 24px;\n}\n.cr-tag--medium {\n height: 28px;\n}\n.cr-tag--large {\n height: 32px;\n}\n.cr-tag--x-large {\n height: 36px;\n}\n\n/ Ícone (Leading Icon no Figma): 16px, com a cor de ícone de cada tipo. /\n.cr-tag__icon {\n display: inline-flex;\n font-size: 16px;\n color: var(--cr-tag-icon-color);\n}\n\n/ Tipos /\n.cr-tag--default {\n background-color: var(--cr-color-fill-brand-base);\n color: var(--cr-color-text-inverse-base);\n --cr-tag-icon-color: var(--cr-color-icon-inverse-base);\n}\n.cr-tag--success {\n background-color: var(--cr-color-fill-success-subtle);\n color: var(--cr-color-text-success-base);\n --cr-tag-icon-color: var(--cr-color-icon-success-base);\n}\n.cr-tag--warning {\n background-color: var(--cr-color-fill-warning-subtle);\n color: var(--cr-color-text-warning-base);\n --cr-tag-icon-color: var(--cr-color-icon-warning-base);\n}\n.cr-tag--danger {\n background-color: var(--cr-color-fill-danger-subtle);\n color: var(--cr-color-text-danger-base);\n --cr-tag-icon-color: var(--cr-color-icon-danger-base);\n}\n.cr-tag--info {\n background-color: var(--cr-color-fill-information-subtle);\n color: var(--cr-color-text-information-base);\n --cr-tag-icon-color: var(--cr-color-icon-information-base);\n}\n.cr-tag--purple {\n background-color: var(--cr-color-fill-highlight-subtle);\n color: var(--cr-color-text-highlight-base);\n --cr-tag-icon-color: var(--cr-color-icon-highlight-base);\n}\n.cr-tag--gray {\n background-color: var(--cr-color-fill-neutral-subtler);\n color: var(--cr-color-text-neutral-subtle);\n --cr-tag-icon-color: var(--cr-color-icon-neutral-subtle);\n}\n.cr-tag--inverse {\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-text-brand-base);\n --cr-tag-icon-color: var(--cr-color-icon-brand-base);\n}\n.cr-tag--outline {\n background-color: var(--cr-color-fill-neutral-container);\n border-color: var(--cr-color-stroke-neutral-base);\n color: var(--cr-color-text-neutral-base);\n --cr-tag-icon-color: var(--cr-color-icon-neutral-base);\n}\n","/ Menu Principal do Figma \"Cristal - Core Components \| Web\" (página Menu Suspenso), sobre o Menu\n do Prime. Consome apenas tokens semânticos. /\n\n/ Container (.Menu Principal / Container): 380px, até 672px de altura, raio large e\n elevation/gray/bottom/6; 16px de padding em volta da lista. /\n.cr-menu-principal {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 380px;\n max-width: 100vw;\n max-height: 672px;\n padding: var(--cr-padding-padding-6);\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n border-radius: var(--cr-radius-large);\n background-color: var(--cr-color-fill-neutral-container);\n box-shadow: var(--cr-elevation-gray-bottom-6);\n color: var(--cr-color-text-neutral-base);\n}\n\n/ Popup: renderizado no body e posicionado pelo Prime, a 4px do botão que o abriu (como o Menu).\n Até 672px, mas nunca além da tela: o menu para pelo menos 24px antes da borda de baixo,\n contando do botão (--cr-menu-principal-topo, medido ao abrir). Se a tela diminuir, ele diminui\n junto e a lista rola por dentro. Os 24px são pedido do time (o Figma não define). /\n.cr-menu-principal--popup {\n position: absolute;\n max-height: min(\n 672px,\n calc(\n 100dvh - var(--cr-menu-principal-topo, 0px) - var(--cr-spacing-spacing-3) -\n var(--cr-padding-padding-8)\n )\n );\n margin-top: var(--cr-spacing-spacing-3);\n}\n/ Quando o Prime o abre acima, o MenuPrincipal.tsx marca data-cr-lado=\"acima\" (popup.ts). /\n.cr-menu-principal--popup[data-cr-lado='acima'] {\n margin-top: calc(var(--cr-spacing-spacing-3) -1);\n}\n\n/* Lista (Menu Principal Body Content): rola dentro do padding. /\n.cr-menu-principal__list {\n flex: 1 1 auto;\n min-height: 0;\n margin: 0;\n padding: 0;\n overflow-y: auto;\n list-style: none;\n outline: none;\n}\n\n/ Barra de rolagem (Scrollbar no Figma): 8px a 2px dos itens, polegar fill/neutral/subtle\n (subtle/hover no hover) e trilho transparente. Só aparece com o mouse sobre o menu, em qualquer\n parte dele (padding incluído); o espaço dela fica sempre reservado, então os itens não mudam de\n largura. A borda transparente faz os 2px; o raio da esquerda soma a borda para as duas pontas\n ficarem redondas. /\n.cr-menu-principal__list::-webkit-scrollbar {\n width: 10px; / 2px + 8px de barra (sem token) /\n}\n.cr-menu-principal__list::-webkit-scrollbar-thumb {\n border-left: var(--cr-spacing-spacing-2) solid transparent;\n border-radius: 6px 4px 4px 6px / 4px; / sem token: o raio soma a borda transparente /\n background-clip: padding-box;\n background-color: transparent;\n}\n.cr-menu-principal:hover .cr-menu-principal__list::-webkit-scrollbar-thumb {\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-menu-principal__list::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-menu-principal__list {\n scrollbar-width: thin;\n scrollbar-color: transparent transparent;\n }\n .cr-menu-principal:hover .cr-menu-principal__list {\n scrollbar-color: var(--cr-color-fill-neutral-subtle) transparent;\n }\n}\n\n/ Título do grupo (Product Group): label/medium-12/medium em text/neutral/subtle. /\n.cr-menu-principal__group {\n padding: var(--cr-padding-padding-4) var(--cr-padding-padding-6);\n color: var(--cr-color-text-neutral-subtle);\n font-family: var(--cr-typography-label-medium-12-medium-font-family);\n font-size: var(--cr-typography-label-medium-12-medium-font-size);\n font-weight: var(--cr-typography-label-medium-12-medium-font-weight);\n line-height: var(--cr-typography-label-medium-12-medium-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-medium-letter-spacing);\n}\n\n/ Divisor: o Horizontal Divider Dashed (traço 2px / intervalo 2px), com 12px em cima e embaixo e\n 16px nas laterais. /\n.cr-menu-principal__separator {\n width: auto; / o Divider ocupa 100%; aqui as margens laterais descontam /\n margin: var(--cr-padding-padding-5) var(--cr-padding-padding-6);\n}\n\n/ Item (.Menu Principal / Item): 20px em cima e embaixo, 16px nas laterais (mais 20px à direita\n no conteúdo), raio small, ícone num círculo de 44px. /\n.cr-menu-principal__item {\n position: relative;\n}\n.cr-menu-principal__action {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n box-sizing: border-box;\n min-height: 71px;\n padding: var(--cr-padding-padding-7)\n calc(var(--cr-padding-padding-6) + var(--cr-padding-padding-7)) var(--cr-padding-padding-7)\n var(--cr-padding-padding-6);\n border-radius: var(--cr-radius-small);\n background-color: var(--cr-color-fill-neutral-container);\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n}\n.cr-menu-principal__icon {\n display: inline-flex;\n flex-shrink: 0;\n padding: var(--cr-padding-padding-5);\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-subtlest);\n color: var(--cr-color-icon-neutral-base);\n font-size: 20px;\n}\n.cr-menu-principal__text {\n display: flex;\n flex: 1;\n flex-direction: column;\n min-width: 0;\n}\n.cr-menu-principal__label {\n overflow: hidden;\n font-family: var(--cr-typography-body-small-14-semibold-font-family);\n font-size: var(--cr-typography-body-small-14-semibold-font-size);\n font-weight: var(--cr-typography-body-small-14-semibold-font-weight);\n line-height: var(--cr-typography-body-small-14-semibold-line-height);\n letter-spacing: var(--cr-typography-body-small-14-semibold-letter-spacing);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-menu-principal__description {\n display: -webkit-box;\n overflow: hidden;\n color: var(--cr-color-text-neutral-subtle);\n font-family: var(--cr-typography-label-medium-12-regular-font-family);\n font-size: var(--cr-typography-label-medium-12-regular-font-size);\n font-weight: var(--cr-typography-label-medium-12-regular-font-weight);\n line-height: var(--cr-typography-label-medium-12-regular-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-regular-letter-spacing);\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\n/ Tag (Show Tag): no canto de cima, a 12px da direita. /\n.cr-menu-principal__tag {\n position: absolute;\n top: 0;\n right: var(--cr-spacing-spacing-5);\n}\n\n/ Hover: fundo brand/subtlest, círculo branco e ícone brand. /\n.cr-menu-principal__item:hover .cr-menu-principal__action {\n background-color: var(--cr-color-fill-brand-subtlest);\n}\n.cr-menu-principal__item:hover .cr-menu-principal__icon {\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-icon-brand-base);\n}\n\n/ Focus: só na navegação pelo teclado (o Prime também marca o item sob o mouse). O anel fica por\n dentro para a rolagem da lista não cortar. O Prime não expõe o item em foco pelo pt nem por ARIA\n no item, então fica o data-p-focused dele, como no Menu. /\n.cr-menu-principal__list:focus-visible\n .cr-menu-principal__item[data-p-focused='true']\n .cr-menu-principal__action {\n box-shadow: inset var(--cr-effects-focus-ring);\n}\n","/ Message do Figma \"Cristal - Core Components \| Web\", sobre o Message do Prime. Consome apenas\n tokens semânticos. Faixa fluida com 12px de padding, raio small, ícone de 20px e 8px até o texto\n body/small-14 em text/neutral/base; fundo e ícone na cor de cada tipo. /\n/ O ícone (20px) alinha pelo topo do texto (linha de 21px): centralizado, cairia em meio pixel\n e ficaria serrilhado. Com o texto em várias linhas, fica na altura da primeira. /\n.cr-message {\n display: flex;\n align-items: flex-start;\n gap: var(--cr-spacing-spacing-4);\n box-sizing: border-box;\n padding: var(--cr-padding-padding-5);\n border-radius: var(--cr-radius-small);\n background-color: var(--cr-message-bg);\n color: var(--cr-color-text-neutral-base);\n}\n\n.cr-message__icon {\n display: inline-flex;\n flex-shrink: 0;\n color: var(--cr-message-icon);\n font-size: 20px;\n}\n\n.cr-message__text {\n flex: 1;\n min-width: 0;\n overflow-wrap: break-word;\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n}\n\n/ Tipos /\n.cr-message--info {\n --cr-message-bg: var(--cr-color-fill-information-subtle);\n --cr-message-icon: var(--cr-color-icon-information-base);\n}\n.cr-message--warning {\n --cr-message-bg: var(--cr-color-fill-warning-subtle);\n --cr-message-icon: var(--cr-color-icon-warning-base);\n}\n.cr-message--success {\n --cr-message-bg: var(--cr-color-fill-success-subtle);\n --cr-message-icon: var(--cr-color-icon-success-base);\n}\n.cr-message--danger {\n --cr-message-bg: var(--cr-color-fill-danger-subtle);\n --cr-message-icon: var(--cr-color-icon-danger-base);\n}\n.cr-message--highlight {\n --cr-message-bg: var(--cr-color-fill-highlight-subtle);\n --cr-message-icon: var(--cr-color-icon-highlight-base);\n}\n.cr-message--neutral {\n --cr-message-bg: var(--cr-color-fill-neutral-subtler);\n --cr-message-icon: var(--cr-color-icon-neutral-base);\n}\n","/ Modal do Figma \"Cristal - Core Components \| Web\", sobre o Dialog do Prime, com o overlay\n (fill/neutral/boldest a 50%). Consome apenas tokens semânticos. /\n\n/ Overlay: cobre a tela e centraliza o modal. /\n.cr-modal__mask {\n / O Prime põe width e height de 100% inline: o padding fica por dentro. /\n box-sizing: border-box;\n position: fixed;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--cr-padding-padding-8);\n background-color: color-mix(\n in srgb,\n var(--cr-color-fill-neutral-boldest) calc(var(--cr-opacity-opacity-5) 100%),\n transparent\n );\n backdrop-filter: blur(5px); /* desfoque da página atrás, fora do Figma (sem token) /\n}\n\n/ Entrada e saída, as do tema do Prime (p-dialog e o overlay): o modal cresce de 70% com fade em\n 150ms e sai do mesmo jeito; o overlay aparece e some junto. O overlay já nasce com a cor final,\n então ele anima com keyframes a partir do transparente. Tempos do Prime (sem token). /\n.cr-modal__mask:has(> .cr-modal--entrar) {\n animation: cr-modal-overlay 150ms forwards;\n}\n.cr-modal__mask:has(> .cr-modal--saindo) {\n animation: cr-modal-overlay 150ms reverse forwards;\n}\n@keyframes cr-modal-overlay {\n from {\n background-color: transparent;\n backdrop-filter: blur(0);\n }\n}\n.cr-modal--entrar,\n.cr-modal--saindo {\n opacity: 0;\n transform: scale(0.7);\n}\n.cr-modal--entrando {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.cr-modal--entrou {\n transform: none;\n}\n.cr-modal--saindo {\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n@media (prefers-reduced-motion: reduce) {\n .cr-modal__mask:has(> .cr-modal--entrar),\n .cr-modal__mask:has(> .cr-modal--saindo) {\n animation: none;\n }\n .cr-modal--entrando,\n .cr-modal--saindo {\n transition: none;\n }\n}\n\n.cr-modal {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 100%;\n max-height: 100%;\n overflow: hidden;\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-text-neutral-base);\n}\n\n.cr-modal__header {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n gap: var(--cr-spacing-spacing-7);\n}\n.cr-modal__title {\n flex: 1;\n min-width: 0;\n margin: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-modal__tools {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n}\n\n.cr-modal__body {\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n min-height: 0;\n overflow-y: auto;\n outline: none;\n / A barra de 8px fica dentro do padding da direita, colada na borda, como no Figma: o espaço\n dela fica sempre reservado e sai do padding (os tamanhos tiram 8px do padding-right), então o\n conteúdo não muda de largura quando a rolagem aparece. /\n scrollbar-gutter: stable;\n}\n/ O conteúdo não encolhe para caber: o corpo rola. /\n.cr-modal__body > {\n flex-shrink: 0;\n}\n.cr-modal__body:focus-visible {\n box-shadow: inset var(--cr-effects-focus-ring);\n}\n\n.cr-modal__footer {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: space-between;\n gap: var(--cr-spacing-spacing-5);\n}\n.cr-modal__footer-start,\n.cr-modal__footer-end {\n display: flex;\n align-items: center;\n}\n.cr-modal__footer-end {\n justify-content: flex-end;\n margin-left: auto;\n}\n\n/* Large (.Modal / Header, Body e Footer / Large): 1200 x 720px, raio large, linhas entre as\n partes, título body/medium-16/semibold. /\n.cr-modal--large {\n max-width: 1200px;\n height: 720px;\n border-radius: var(--cr-radius-large);\n box-shadow: var(--cr-elevation-gray-bottom-5);\n}\n.cr-modal--large .cr-modal__header {\n padding: var(--cr-padding-padding-5) var(--cr-padding-padding-8);\n border-bottom: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n}\n.cr-modal--large .cr-modal__title {\n font-family: var(--cr-typography-body-medium-16-semibold-font-family);\n font-size: var(--cr-typography-body-medium-16-semibold-font-size);\n font-weight: var(--cr-typography-body-medium-16-semibold-font-weight);\n line-height: var(--cr-typography-body-medium-16-semibold-line-height);\n letter-spacing: var(--cr-typography-body-medium-16-semibold-letter-spacing);\n}\n.cr-modal--large .cr-modal__body {\n padding: var(--cr-padding-padding-8);\n padding-right: calc(var(--cr-padding-padding-8) - 8px);\n}\n.cr-modal--large .cr-modal__footer {\n padding: var(--cr-padding-padding-6) var(--cr-padding-padding-8) var(--cr-padding-padding-8);\n border-top: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n}\n.cr-modal--large .cr-modal__footer-end {\n gap: var(--cr-spacing-spacing-5);\n}\n\n/ Small e Medium (.Modal / Small): 520 ou 768px de largura, raio medium, sem linhas, título\n body/large-18/semibold; o corpo rola a partir de 582px. /\n.cr-modal--small,\n.cr-modal--medium {\n border-radius: var(--cr-radius-medium);\n box-shadow: var(--cr-elevation-gray-bottom-6);\n}\n.cr-modal--small {\n max-width: 520px;\n}\n.cr-modal--medium {\n max-width: 768px;\n}\n.cr-modal--small .cr-modal__header,\n.cr-modal--medium .cr-modal__header {\n padding: var(--cr-padding-padding-6) var(--cr-padding-padding-9);\n}\n.cr-modal--small .cr-modal__title,\n.cr-modal--medium .cr-modal__title {\n font-family: var(--cr-typography-body-large-18-semibold-font-family);\n font-size: var(--cr-typography-body-large-18-semibold-font-size);\n font-weight: var(--cr-typography-body-large-18-semibold-font-weight);\n line-height: var(--cr-typography-body-large-18-semibold-line-height);\n letter-spacing: var(--cr-typography-body-large-18-semibold-letter-spacing);\n}\n.cr-modal--small .cr-modal__body,\n.cr-modal--medium .cr-modal__body {\n max-height: 582px;\n padding: var(--cr-padding-padding-7) var(--cr-padding-padding-9);\n padding-right: calc(var(--cr-padding-padding-9) - 8px);\n}\n.cr-modal--small .cr-modal__footer,\n.cr-modal--medium .cr-modal__footer {\n padding: var(--cr-padding-padding-6) var(--cr-padding-padding-9) var(--cr-padding-padding-9);\n}\n/ Two e Tree Buttons: com botão à esquerda, 20px acima. /\n.cr-modal--small .cr-modal__footer:has(.cr-modal__footer-start:not(:empty)),\n.cr-modal--medium .cr-modal__footer:has(.cr-modal__footer-start:not(:empty)) {\n padding-top: var(--cr-padding-padding-7);\n}\n.cr-modal--small .cr-modal__footer-end,\n.cr-modal--medium .cr-modal__footer-end {\n gap: var(--cr-spacing-spacing-4);\n}\n\n/ Corpo com rolagem: sombra no rodapé (Shadow (Up content scrollable) no Figma). /\n.cr-modal--scrollable .cr-modal__footer {\n position: relative;\n box-shadow: var(--cr-elevation-gray-top-3);\n}\n\n/ Large abaixo de 768px de tela (Responsive=360 no Figma): tela cheia, 16px nas laterais. /\n@media (max-width: 767px) {\n .cr-modal__mask:has(.cr-modal--large) {\n padding: 0;\n }\n .cr-modal--large {\n max-width: none;\n height: 100%;\n border-radius: 0;\n }\n .cr-modal--large .cr-modal__header {\n padding: var(--cr-padding-padding-5) var(--cr-padding-padding-6);\n }\n .cr-modal--large .cr-modal__body {\n padding: var(--cr-padding-padding-8) var(--cr-padding-padding-6);\n padding-right: calc(var(--cr-padding-padding-6) - 8px);\n }\n .cr-modal--large .cr-modal__footer {\n padding: var(--cr-padding-padding-6) var(--cr-padding-padding-6) var(--cr-padding-padding-8);\n }\n .cr-modal__mask:has(.cr-modal--small),\n .cr-modal__mask:has(.cr-modal--medium) {\n padding: var(--cr-padding-padding-6);\n }\n}\n","/ Multiselect do Figma \"Cristal - Core Components \| Web\". O rótulo, a caixa, os tamanhos e a dica\n vêm do campo do Input (.cr-field); aqui ficam só o que o Multiselect define diferente e as\n partes próprias (chips, seta, lista). Consome apenas tokens semânticos. /\n\n/ Caixa do campo /\n.cr-multiselect .cr-multiselect__control {\n cursor: pointer;\n}\n.cr-multiselect.cr-field--disabled .cr-multiselect__control {\n cursor: not-allowed;\n}\n\n/ Hover: no Multiselect a borda vai para stroke/neutral/bold/hover (Outline e Filled) e o fundo\n do Filled não muda. /\n.cr-multiselect.cr-field--outline:not(.cr-field--disabled) .cr-field__control:hover {\n border-color: var(--cr-color-stroke-neutral-bold-hover);\n}\n.cr-multiselect.cr-field--filled .cr-field__control {\n border-color: var(--cr-color-stroke-neutral-base);\n}\n.cr-multiselect.cr-field--filled:not(.cr-field--disabled) .cr-field__control:hover {\n background-color: var(--cr-color-fill-neutral-subtlest);\n border-color: var(--cr-color-stroke-neutral-bold-hover);\n}\n\n/ Focus (também com a lista aberta) e Error repetem o do campo, que perderia para as regras\n acima. /\n.cr-multiselect .cr-field__control:focus-within,\n.cr-multiselect .cr-multiselect__control--open,\n.cr-multiselect:not(.cr-field--disabled) .cr-field__control:focus-within:hover,\n.cr-multiselect:not(.cr-field--disabled) .cr-multiselect__control--open:hover {\n border-color: var(--cr-color-stroke-brand-base);\n}\n.cr-multiselect .cr-multiselect__control--open {\n box-shadow: var(--cr-effects-focus-ring);\n}\n.cr-multiselect.cr-field--filled .cr-multiselect__control--open {\n background-color: var(--cr-color-fill-neutral-container);\n}\n.cr-multiselect.cr-field--error .cr-field__control,\n.cr-multiselect.cr-field--error:not(.cr-field--disabled) .cr-field__control:hover {\n border-color: var(--cr-color-stroke-danger-base);\n}\n\n/ Disabled: borda stroke/disabled/base nos dois tipos. /\n.cr-multiselect.cr-field--disabled .cr-field__control {\n border-color: var(--cr-color-stroke-disabled-base);\n}\n\n/ O <input> combobox do Prime fica escondido visualmente (cr-so-leitor, no comum.css); ele recebe\n o foco e o rótulo. /\n.cr-multiselect__hidden input {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\n/ Valor: chips ou o texto do campo vazio (Field Text no Figma) /\n.cr-multiselect__value {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n}\n.cr-multiselect__chips {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-horizontal-between-chips);\n overflow: hidden;\n white-space: nowrap;\n}\n.cr-multiselect__chip {\n flex-shrink: 0;\n}\n.cr-multiselect__placeholder {\n overflow: hidden;\n color: var(--cr-color-text-neutral-subtlest);\n text-overflow: ellipsis;\n}\n.cr-multiselect.cr-field--error .cr-multiselect__placeholder {\n color: var(--cr-color-text-danger-base);\n}\n\n/ Seta (CaretDown de 14px) /\n.cr-multiselect .cr-multiselect__trigger {\n font-size: 14px;\n color: var(--cr-color-icon-neutral-base);\n}\n\n/ Lista (.Multiselect / List no Figma): a lista comum do Cristal (lista.css: painel, rolagem e\n itens), renderizada no body e posicionada pelo Prime, com a borda; a elevação muda com a\n densidade. /\n.cr-multiselect__panel {\n position: absolute;\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n}\n.cr-multiselect__panel--normal {\n box-shadow: var(--cr-elevation-gray-bottom-4);\n}\n.cr-multiselect__panel--compact {\n box-shadow: var(--cr-elevation-gray-bottom-3);\n}\n\n/ Topo da lista (.Multiselect / Search Filter): \"selecionar todos\" + busca /\n.cr-multiselect__header {\n display: flex;\n align-items: center;\n gap: var(--cr-padding-padding-4);\n padding-left: var(--cr-padding-padding-4);\n}\n.cr-multiselect__close {\n display: none; / o Figma não tem botão de fechar /\n}\n.cr-multiselect__search {\n display: flex;\n flex: 1;\n align-items: center;\n gap: var(--cr-padding-padding-4);\n box-sizing: border-box;\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-bold);\n border-radius: var(--cr-radius-small);\n background-color: var(--cr-color-fill-neutral-container);\n}\n.cr-multiselect__panel--normal .cr-multiselect__search {\n height: 36px;\n padding: var(--cr-padding-padding-4);\n}\n.cr-multiselect__panel--compact .cr-multiselect__search {\n height: 32px;\n padding: var(--cr-padding-padding-2) var(--cr-padding-padding-4);\n}\n.cr-multiselect__search:hover {\n border-color: var(--cr-color-stroke-neutral-bold-hover);\n}\n.cr-multiselect__search:focus-within {\n border-color: var(--cr-color-stroke-brand-base);\n box-shadow: var(--cr-effects-focus-ring);\n}\n.cr-multiselect__search-input {\n flex: 1;\n min-width: 0;\n padding: 0;\n border: 0;\n background: none;\n color: inherit;\n font: inherit;\n letter-spacing: inherit;\n outline: none;\n}\n.cr-multiselect__search-input::placeholder {\n color: var(--cr-color-text-neutral-subtlest);\n opacity: 1;\n}\n.cr-multiselect__search-icon {\n display: inline-flex;\n flex-shrink: 0;\n font-size: 16px;\n}\n\n/ Itens (.Multiselect / List Item), sobre o item da lista comum. A altura da rolagem (7 itens) vem\n do scrollHeight do Prime. A mensagem de vazio não é item: sem hover nem cursor de mão. /\n.cr-multiselect__item,\n.cr-multiselect__empty {\n gap: var(--cr-spacing-spacing-4);\n}\n.cr-multiselect__empty {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n border-radius: var(--cr-radius-x-small);\n background-color: var(--cr-color-fill-neutral-container);\n}\n.cr-multiselect__panel--normal .cr-multiselect__item,\n.cr-multiselect__panel--normal .cr-multiselect__empty {\n height: 40px;\n padding: var(--cr-padding-padding-4);\n}\n.cr-multiselect__panel--compact .cr-multiselect__item,\n.cr-multiselect__panel--compact .cr-multiselect__empty {\n height: 32px;\n padding: var(--cr-padding-padding-3) var(--cr-padding-padding-4);\n}\n/ Hover (e o item destacado pelo teclado): fundo neutral/subtlest com raio small. /\n.cr-multiselect__item:hover,\n.cr-multiselect__item--focused {\n border-radius: var(--cr-radius-small);\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n\n/ Checkbox (.Checkbox Box no Figma): a caixa do Checkbox do Cristal (24px, borda de 2px; no\n Checkbox.css), com o check de 16px; o hover e o marcado em brand são daqui. /\n.cr-multiselect__checkbox {\n display: inline-flex; / o do Checkbox é block: aqui fica na linha, como antes /\n}\n.cr-multiselect__checkbox-box {\n font-size: 16px;\n}\n/ Marcado pelo estado nativo do input (:checked), não pelo atributo interno do Prime. /\n.cr-multiselect__item:hover\n .cr-multiselect__checkbox:not(:has(.cr-multiselect__checkbox-input:checked))\n .cr-multiselect__checkbox-box,\n.cr-multiselect__select-all:hover\n .cr-multiselect__checkbox:not(:has(.cr-multiselect__checkbox-input:checked))\n .cr-multiselect__checkbox-box {\n border-color: var(--cr-color-stroke-neutral-bolder);\n}\n.cr-multiselect__checkbox:has(.cr-multiselect__checkbox-input:checked)\n .cr-multiselect__checkbox-box {\n border-color: var(--cr-color-fill-brand-base);\n background-color: var(--cr-color-fill-brand-base);\n}\n","/ Page Header do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos.\n Fluido e responsivo pela largura do próprio PageHeader (container queries), com as larguras\n das variantes do Figma como breakpoints, como no Menubar: desktop a partir de 1360px, tablet de\n 768 a 1359px (padding de 16px) e mobile abaixo de 768px (variante de 360px, em duas linhas). /\n.cr-page-header {\n container-type: inline-size;\n display: flex;\n flex-direction: column;\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ .Page Header Title: 58px de altura mínima, 8px x 24px. Texto à esquerda; ferramentas e expandir\n à direita, 4px entre eles. /\n.cr-page-header__title-group {\n display: grid;\n grid-template-areas: 'text tools expand';\n grid-template-columns: minmax(0, 1fr) auto auto;\n column-gap: var(--cr-spacing-spacing-3);\n align-items: center;\n box-sizing: border-box;\n min-height: 58px;\n padding: var(--cr-padding-padding-4) var(--cr-padding-padding-8);\n}\n\n.cr-page-header__title-text {\n display: flex;\n grid-area: text;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n min-width: 0;\n}\n.cr-page-header__title-text > {\n flex-shrink: 0;\n}\n\n/* Título heading-web/small, numa linha só, com reticências. /\n.cr-page-header__title {\n flex-shrink: 1;\n min-width: 0;\n margin: 0;\n overflow: hidden;\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-heading-web-small-font-family);\n font-size: var(--cr-typography-heading-web-small-font-size);\n font-weight: var(--cr-typography-heading-web-small-font-weight);\n line-height: var(--cr-typography-heading-web-small-line-height);\n letter-spacing: var(--cr-typography-heading-web-small-letter-spacing);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cr-page-header__tools {\n display: flex;\n grid-area: tools;\n align-items: center;\n gap: var(--cr-spacing-spacing-3);\n}\n.cr-page-header__segment {\n display: flex;\n}\n/ .Page Header Title Buttons: 8px entre os botões. /\n.cr-page-header__actions {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n}\n.cr-page-header__expand {\n grid-area: expand;\n}\n\n/ Abas, com a linha de 1px (Horizontal Divider) embaixo de todas. /\n.cr-page-header__tab-list {\n display: flex;\n margin: 0;\n padding: 0 0 0 var(--cr-padding-padding-8);\n overflow-x: auto;\n border-bottom: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n list-style: none;\n scrollbar-width: none;\n}\n.cr-page-header__tab-item {\n display: flex;\n flex-shrink: 0;\n}\n.cr-page-header__inkbar {\n display: none;\n}\n\n/ .Page Header Tab Item: 44px, 4px entre ícone e texto, cantos de cima em x-small e o sublinhado\n de 2px na ativa. Texto body/small-14 em text/neutral/subtle; no hover, text/neutral/base; na\n ativa, semibold em text/brand/base. /\n.cr-page-header__tab {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--cr-spacing-spacing-3);\n box-sizing: border-box;\n height: 44px;\n padding: 0 var(--cr-padding-padding-7);\n border-bottom: 2px solid transparent;\n border-radius: var(--cr-radius-x-small) var(--cr-radius-x-small) 0 0;\n color: var(--cr-color-text-neutral-subtle);\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n white-space: nowrap;\n text-decoration: none;\n cursor: pointer;\n outline: none;\n}\n.cr-page-header__tab:hover {\n color: var(--cr-color-text-neutral-base);\n}\n.cr-page-header__tab[aria-current='page'] {\n border-bottom-color: var(--cr-color-stroke-brand-base);\n color: var(--cr-color-text-brand-base);\n font-weight: var(--cr-typography-body-small-14-semibold-font-weight);\n}\n.cr-page-header__tab:focus-visible {\n box-shadow: inset var(--cr-effects-focus-ring);\n}\n/ Desabilitada (o Figma não define: segue o texto desabilitado dos campos). /\n.cr-page-header__tab-item[aria-disabled='true'] .cr-page-header__tab {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n\n/ Ícone de 16px num círculo de 32px (Page Header Tab Item Icon), em icon/neutral/base; na ativa,\n icon/brand/base. /\n.cr-page-header__tab-icon {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: var(--cr-radius-full);\n color: var(--cr-color-icon-neutral-base);\n font-size: 16px;\n}\n.cr-page-header__tab[aria-current='page'] .cr-page-header__tab-icon {\n color: var(--cr-color-icon-brand-base);\n}\n\n/ Primary: círculo em fill/neutral/subtlest (subtler no hover); a ativa tem o fundo\n fill/brand/subtlest e o círculo branco. /\n.cr-page-header--primary .cr-page-header__tab-icon {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-page-header--primary .cr-page-header__tab:hover .cr-page-header__tab-icon {\n background-color: var(--cr-color-fill-neutral-subtler);\n}\n.cr-page-header--primary .cr-page-header__tab[aria-current='page'] {\n background-color: var(--cr-color-fill-brand-subtlest);\n}\n.cr-page-header--primary .cr-page-header__tab[aria-current='page'] .cr-page-header__tab-icon {\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ Secondary: só o texto, 24px dos lados. /\n.cr-page-header--secondary .cr-page-header__tab {\n padding: 0 var(--cr-padding-padding-8);\n}\n\n/ Tablet (variante 768 do Figma, de 768 a 1359px): padding de 16px. /\n@container (max-width: 1359px) {\n .cr-page-header__title-group {\n padding-right: var(--cr-padding-padding-6);\n padding-left: var(--cr-padding-padding-6);\n }\n .cr-page-header__tab-list {\n padding-left: var(--cr-padding-padding-6);\n }\n}\n\n/ Mobile (variante 360 do Figma, abaixo de 768px): voltar, título e expandir (36px) na primeira\n linha; as ferramentas embaixo, a 12px, com o Segment Control na largura toda e os segmentos\n divididos por igual. 4px entre o título e as abas. /\n@container (max-width: 767px) {\n .cr-page-header {\n gap: var(--cr-spacing-spacing-3);\n }\n .cr-page-header__title-group {\n grid-template-areas: 'text expand';\n grid-template-columns: minmax(0, 1fr) auto;\n column-gap: var(--cr-spacing-spacing-4);\n row-gap: var(--cr-spacing-spacing-5);\n min-height: 0;\n }\n .cr-page-header__title-group--tools {\n grid-template-areas:\n 'text expand'\n 'tools tools';\n }\n .cr-page-header__tools {\n gap: var(--cr-spacing-spacing-4);\n }\n .cr-page-header__segment {\n flex: 1;\n min-width: 0;\n }\n .cr-page-header__segment .cr-segment {\n width: 100%;\n }\n .cr-page-header__segment .cr-segment__item {\n flex: 1 1 0;\n }\n .cr-page-header__expand {\n width: 36px;\n height: 36px;\n }\n}\n","/ Select do Figma \"Cristal - Core Components \| Web\". O rótulo, a caixa, os tamanhos e a dica vêm\n do campo do Input (.cr-field); aqui ficam o que o Select define diferente e as partes próprias\n (texto, seta e lista). Consome apenas tokens semânticos. /\n\n/ Caixa do campo /\n.cr-select .cr-select__control {\n cursor: pointer;\n}\n.cr-select.cr-field--disabled .cr-select__control {\n cursor: not-allowed;\n}\n\n/ Focus: o combobox fica escondido dentro da caixa; com a lista aberta, a caixa continua no\n estado Focused do Figma. /\n.cr-select .cr-select__control--open,\n.cr-select:not(.cr-field--disabled) .cr-select__control--open:hover {\n border-color: var(--cr-color-stroke-brand-base);\n box-shadow: var(--cr-effects-focus-ring);\n}\n.cr-select.cr-field--filled .cr-select__control--open {\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ Texto do campo: valor ou o texto do campo vazio (Field Text no Figma) /\n.cr-select__value {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-select__placeholder {\n color: var(--cr-color-text-neutral-subtlest);\n}\n.cr-select.cr-field--error .cr-select__placeholder {\n color: var(--cr-color-text-danger-base);\n}\n\n/ Seta (CaretDown/CaretUp de 16px num botão de 32px no Figma) /\n.cr-select .cr-select__trigger {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n margin: calc(var(--cr-padding-padding-4) -1) 0;\n color: var(--cr-color-icon-neutral-base);\n font-size: 16px;\n}\n\n/* Lista (Dropdown List no Figma): a lista comum do Cristal (lista.css: painel, rolagem, itens,\n hover, foco e selecionado), renderizada no body e posicionada pelo Prime, com a borda e a\n elevação 3; 4px abaixo (ou acima) do campo. Quando o Prime a abre acima, o Select.tsx marca\n data-cr-lado=\"acima\" (popup.ts). /\n.cr-select__panel {\n position: absolute;\n margin-top: var(--cr-spacing-spacing-3);\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n box-shadow: var(--cr-elevation-gray-bottom-3);\n}\n.cr-select__panel[data-cr-lado='acima'] {\n margin-top: calc(var(--cr-spacing-spacing-3) -1);\n}\n\n/* Itens (.Dropdown Item): 37px, 5 visíveis antes da rolagem (o scrollHeight do Prime). /\n.cr-select__item {\n height: 37px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n outline: none;\n}\n.cr-select__empty {\n cursor: default;\n}\n","/ Paginator do Figma \"Cristal - Core Components \| Web\", sobre o Paginator do Prime. Consome apenas\n tokens semânticos. Setas e números em círculos de 36px, colados; 8px até o Select (Medium, 75px). /\n.cr-paginator {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.cr-paginator__pages {\n display: flex;\n}\n\n.cr-paginator__arrow,\n.cr-paginator__page {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 36px;\n height: 36px;\n padding: 0;\n border: 0;\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-container);\n cursor: pointer;\n}\n.cr-paginator__arrow:focus-visible,\n.cr-paginator__page:focus-visible {\n outline: none;\n box-shadow: var(--cr-effects-focus-ring);\n}\n.cr-paginator__arrow:hover:not(:disabled),\n.cr-paginator__page:hover:not([aria-current='page']) {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n\n/ .Paginator Arrows: Carets de 14px em icon/neutral/subtle; no hover, icon/neutral/base. /\n.cr-paginator__arrow {\n color: var(--cr-color-icon-neutral-subtle);\n font-size: 14px;\n}\n.cr-paginator__arrow:hover:not(:disabled) {\n color: var(--cr-color-icon-neutral-base);\n}\n/ Nas pontas o Prime desabilita as setas (o Figma não tem o estado: segue o ícone desabilitado). /\n.cr-paginator__arrow:disabled {\n color: var(--cr-color-icon-disabled-base);\n cursor: not-allowed;\n}\n\n/ .Paginator Number: body/small-14 em text/neutral/subtlest; no hover, text/neutral/base; a página\n atual em fill/brand/base, com label/medium-12/semibold branco. /\n.cr-paginator__page {\n color: var(--cr-color-text-neutral-subtlest);\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n}\n.cr-paginator__page:hover:not([aria-current='page']) {\n color: var(--cr-color-text-neutral-base);\n}\n.cr-paginator__page[aria-current='page'] {\n background-color: var(--cr-color-fill-brand-base);\n color: var(--cr-color-text-inverse-base);\n font-family: var(--cr-typography-label-medium-12-semibold-font-family);\n font-size: var(--cr-typography-label-medium-12-semibold-font-size);\n font-weight: var(--cr-typography-label-medium-12-semibold-font-weight);\n line-height: var(--cr-typography-label-medium-12-semibold-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-semibold-letter-spacing);\n}\n\n.cr-paginator__rows {\n width: 75px;\n margin-left: var(--cr-spacing-spacing-4);\n}\n/ No Select do Paginator o Figma usa 8px à direita do campo (12px à esquerda), para o número\n caber nos 75px. /\n.cr-paginator__rows .cr-select__control {\n padding-right: var(--cr-padding-padding-4);\n}\n","/ Panel do Figma \"Cristal - Core Components \| Web\": contêiner de seção da página, com fundo\n neutral/container, borda stroke/neutral/base, raio large e o conteúdo num slot. Padding de 20px,\n com 40px embaixo. Consome apenas tokens semânticos. /\n.cr-panel {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n padding: var(--cr-padding-padding-7) var(--cr-padding-padding-7) var(--cr-padding-padding-12);\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n border-radius: var(--cr-radius-large);\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ As divs internas do Prime não existem no Figma: só repassam o espaço para o conteúdo. /\n.cr-panel__body,\n.cr-panel__content {\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n min-height: 0;\n}\n","/ Radio Button do Figma \"Cristal - Core Components \| Web\", sobre o RadioButton do Prime: círculo\n de 24px, borda de 2px e, selecionado, anel de 8px em brand com o centro branco. Rótulo\n label/large-14/regular a 8px. Consome apenas tokens semânticos. /\n.cr-radio {\n display: inline-flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n max-width: 100%;\n}\n.cr-radio--label-full {\n align-items: flex-start;\n}\n\n/ O <input> nativo cobre o círculo, invisível: recebe o clique, o foco e o teclado. /\n.cr-radio__control {\n position: relative;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n}\n.cr-radio__input {\n position: absolute;\n inset: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n margin: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.cr-radio__box {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n border: var(--cr-stroke-small) solid var(--cr-color-stroke-neutral-bold);\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-container);\n}\n.cr-radio__icon {\n display: none;\n}\n\n/ Selected: o anel de 8px deixa um centro branco de 8px. /\n.cr-radio__control--checked .cr-radio__box {\n border-width: 8px;\n border-color: var(--cr-color-stroke-brand-base);\n}\n\n/ Hover /\n.cr-radio:not(.cr-radio--disabled):hover .cr-radio__box {\n border-color: var(--cr-color-stroke-neutral-bold-hover);\n}\n.cr-radio:not(.cr-radio--disabled):hover .cr-radio__control--checked .cr-radio__box {\n border-color: var(--cr-color-stroke-brand-base-hover);\n}\n\n/ Focus (só pelo teclado): borda brand e anel de foco. /\n.cr-radio__input:focus-visible + .cr-radio__box {\n border-color: var(--cr-color-stroke-brand-base);\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Disabled /\n.cr-radio--disabled .cr-radio__input {\n cursor: not-allowed;\n}\n.cr-radio--disabled .cr-radio__box,\n.cr-radio--disabled .cr-radio__control--checked .cr-radio__box {\n border-color: var(--cr-color-stroke-disabled-base);\n}\n\n/ Rótulo /\n.cr-radio__label {\n min-width: 0;\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-label-large-14-regular-font-family);\n font-size: var(--cr-typography-label-large-14-regular-font-size);\n font-weight: var(--cr-typography-label-large-14-regular-font-weight);\n line-height: var(--cr-typography-label-large-14-regular-line-height);\n letter-spacing: var(--cr-typography-label-large-14-regular-letter-spacing);\n cursor: pointer;\n}\n.cr-radio--label-default .cr-radio__label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-radio--disabled .cr-radio__label {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n","/ Scrollbar do Figma \"Cristal - Core Components \| Web\", sobre o ScrollPanel do Prime: barras de\n 8px arredondadas, polegar fill/neutral/subtle (fill/neutral/subtle/hover no hover) e trilho\n transparente. Consome apenas tokens semânticos. /\n.cr-scrollpanel {\n position: relative;\n overflow: hidden;\n}\n\n/ A barra nativa fica escondida: o conteúdo passa 18px da área e o wrapper corta. O float tira o\n wrapper do fluxo: o Prime posiciona as barras (position: relative) a partir do topo da área. /\n.cr-scrollpanel__wrapper {\n position: relative;\n z-index: 1;\n float: left;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.cr-scrollpanel__content {\n position: relative;\n box-sizing: border-box;\n width: calc(100% + 18px);\n height: calc(100% + 18px);\n padding: 0 18px 18px 0; / sem token: os 18px do Prime para esconder a barra nativa /\n overflow: auto;\n outline: none;\n scrollbar-width: none;\n}\n.cr-scrollpanel__content::-webkit-scrollbar {\n display: none;\n}\n.cr-scrollpanel__content:focus-visible {\n box-shadow: inset var(--cr-effects-focus-ring);\n}\n\n/ Barras (.Scrollbar Thumb): posição e tamanho vêm do Prime. /\n.cr-scrollpanel__bar {\n position: relative;\n z-index: 2;\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-subtle);\n cursor: pointer;\n}\n.cr-scrollpanel__bar:hover,\n.cr-scrollpanel__bar.p-scrollpanel-grabbed {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n.cr-scrollpanel__bar--vertical {\n top: 0;\n width: 8px;\n}\n.cr-scrollpanel__bar--horizontal {\n bottom: 0;\n height: 8px;\n}\n/ O Prime marca com essa classe a barra sem rolagem, e o arrasto em andamento (no body). /\n.cr-scrollpanel__bar.p-scrollpanel-hidden {\n visibility: hidden;\n}\nbody.p-scrollpanel-grabbed {\n user-select: none;\n}\n","/ Segment Control do Figma \"Cristal - Core Components \| Web\", sobre o SelectButton do Prime:\n trilho com 4px de padding e segmentos de 34px (4px x 12px, ícone a 4px do texto). O segmento\n ativo fica em branco, com sombra, e o texto em semibold. Consome apenas tokens semânticos. /\n.cr-segment {\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n max-width: 100%;\n padding: var(--cr-padding-padding-3);\n overflow: hidden;\n}\n\n.cr-segment__item {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n gap: var(--cr-spacing-spacing-3);\n box-sizing: border-box;\n height: 34px;\n padding: var(--cr-padding-padding-3) var(--cr-padding-padding-5);\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n white-space: nowrap;\n cursor: pointer;\n user-select: none;\n outline: none;\n}\n.cr-segment__icon {\n display: inline-flex;\n flex-shrink: 0;\n font-size: 16px;\n}\n\n/ Ativo: fundo branco e texto em semibold. /\n.cr-segment__item[aria-pressed='true'] {\n background-color: var(--cr-color-fill-neutral-container);\n font-weight: var(--cr-typography-body-small-14-semibold-font-weight);\n}\n\n/ Focus (só pelo teclado) /\n.cr-segment__item:focus-visible {\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Desabilitado (o Figma não define: segue o texto desabilitado dos campos). /\n.cr-segment__item[aria-disabled='true'] {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n\n/ Primary (Header Segment Control): pílula azul-clara; ativo com texto em brand e sombra azul. /\n.cr-segment--primary {\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-brand-subtlest);\n}\n.cr-segment--primary .cr-segment__item {\n border-radius: var(--cr-radius-full);\n}\n.cr-segment--primary .cr-segment__item[aria-pressed='true'] {\n box-shadow: var(--cr-elevation-blue-bottom-5);\n color: var(--cr-color-text-brand-base);\n}\n\n/ Secondary (Segment Control): trilho cinza; ativo com sombra cinza. /\n.cr-segment--secondary {\n border-radius: var(--cr-radius-medium);\n background-color: var(--cr-color-fill-neutral-subtler);\n}\n.cr-segment--secondary .cr-segment__item {\n border-radius: var(--cr-radius-small);\n}\n.cr-segment--secondary .cr-segment__item[aria-pressed='true'] {\n box-shadow: var(--cr-elevation-gray-bottom-5);\n}\n\n/ O anel de foco soma com a sombra do ativo. /\n.cr-segment--primary .cr-segment__item[aria-pressed='true']:focus-visible {\n box-shadow: var(--cr-effects-focus-ring), var(--cr-elevation-blue-bottom-5);\n}\n.cr-segment--secondary .cr-segment__item[aria-pressed='true']:focus-visible {\n box-shadow: var(--cr-effects-focus-ring), var(--cr-elevation-gray-bottom-5);\n}\n","/ Switch do Figma \"Cristal - Core Components \| Web\", sobre o InputSwitch do Prime: trilho\n arredondado com a bolinha branca a 4px da borda. Rótulo label/large-14/regular a 8px. Consome\n apenas tokens semânticos. /\n.cr-switch {\n --cr-switch-width: 48px;\n --cr-switch-height: 28px;\n --cr-switch-thumb: 20px;\n --cr-switch-inset: 4px;\n\n display: inline-flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n max-width: 100%;\n}\n.cr-switch--small {\n --cr-switch-width: 32px;\n --cr-switch-height: 20px;\n --cr-switch-thumb: 12px;\n}\n.cr-switch--label-left {\n flex-direction: row-reverse;\n}\n\n/ O <input> nativo cobre o trilho, invisível: recebe o clique, o foco e o teclado. /\n.cr-switch__control {\n position: relative;\n flex-shrink: 0;\n width: var(--cr-switch-width);\n height: var(--cr-switch-height);\n}\n.cr-switch__input {\n position: absolute;\n inset: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n margin: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.cr-switch__track {\n position: absolute;\n inset: 0;\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-subtle);\n transition: background-color 150ms ease;\n}\n.cr-switch__track::before {\n position: absolute;\n top: var(--cr-switch-inset);\n left: var(--cr-switch-inset);\n width: var(--cr-switch-thumb);\n height: var(--cr-switch-thumb);\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-container);\n transition: transform 150ms ease;\n content: '';\n}\n\n/ Selected: trilho brand e a bolinha do outro lado. /\n.cr-switch__control--checked .cr-switch__track {\n background-color: var(--cr-color-fill-brand-base);\n}\n.cr-switch__control--checked .cr-switch__track::before {\n transform: translateX(\n calc(var(--cr-switch-width) - var(--cr-switch-thumb) - var(--cr-switch-inset) 2)\n );\n}\n\n/* Hover /\n.cr-switch:not(.cr-switch--disabled):hover .cr-switch__track {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n.cr-switch:not(.cr-switch--disabled):hover .cr-switch__control--checked .cr-switch__track {\n background-color: var(--cr-color-fill-brand-base-hover);\n}\n\n/ Focus (só pelo teclado): anel de foco. /\n.cr-switch__input:focus-visible + .cr-switch__track {\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Disabled: trilho e bolinha em cinza, nos dois estados. /\n.cr-switch--disabled .cr-switch__input {\n cursor: not-allowed;\n}\n.cr-switch--disabled .cr-switch__track,\n.cr-switch--disabled .cr-switch__control--checked .cr-switch__track {\n background-color: var(--cr-color-fill-disabled-base);\n}\n.cr-switch--disabled .cr-switch__track::before {\n background-color: var(--cr-color-fill-disabled-on-fill);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cr-switch__track,\n .cr-switch__track::before {\n transition: none;\n }\n}\n\n/ Rótulo /\n.cr-switch__label {\n min-width: 0;\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-label-large-14-regular-font-family);\n font-size: var(--cr-typography-label-large-14-regular-font-size);\n font-weight: var(--cr-typography-label-large-14-regular-font-weight);\n line-height: var(--cr-typography-label-large-14-regular-line-height);\n letter-spacing: var(--cr-typography-label-large-14-regular-letter-spacing);\n cursor: pointer;\n}\n.cr-switch--disabled .cr-switch__label {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n","/ Tabs do Figma \"Cristal - Core Components \| Web\", sobre o TabView do Prime: abas de 40px com\n 16px nas laterais, texto label/large-14 e linha de 1px em stroke/neutral/base embaixo de todas.\n A aba selecionada fica em brand, semibold, com linha de 2px. Consome apenas tokens semânticos. /\n.cr-tabs__nav {\n display: flex;\n margin: 0;\n padding: 0;\n list-style: none;\n box-shadow: inset 0 calc(var(--cr-stroke-x-small) -1) 0 var(--cr-color-stroke-neutral-base);\n}\n.cr-tabs__inkbar {\n display: none; /* a linha da aba selecionada vem da própria aba /\n}\n.cr-tabs__item {\n display: flex;\n}\n\n.cr-tabs__tab {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--cr-spacing-spacing-3);\n box-sizing: border-box;\n height: 40px;\n padding: var(--cr-padding-padding-2) var(--cr-padding-padding-6);\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-label-large-14-regular-font-family);\n font-size: var(--cr-typography-label-large-14-regular-font-size);\n font-weight: var(--cr-typography-label-large-14-regular-font-weight);\n line-height: var(--cr-typography-label-large-14-regular-line-height);\n letter-spacing: var(--cr-typography-label-large-14-regular-letter-spacing);\n text-decoration: none;\n white-space: nowrap;\n cursor: pointer;\n user-select: none;\n outline: none;\n}\n.cr-tabs__icon {\n display: inline-flex;\n flex-shrink: 0;\n font-size: 12px;\n}\n\n/ Selected /\n.cr-tabs__tab[aria-selected='true'] {\n box-shadow: inset 0 calc(var(--cr-stroke-small) -1) 0 var(--cr-color-stroke-brand-base);\n color: var(--cr-color-text-brand-base);\n font-weight: var(--cr-typography-label-large-14-semibold-font-weight);\n}\n\n/* Focus (só pelo teclado) /\n.cr-tabs__tab:focus-visible {\n border-radius: var(--cr-radius-x-small);\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Disabled /\n.cr-tabs__tab[aria-disabled='true'] {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n\n/ X (.Tab Btn no Figma): círculo de 24px com ícone de 12px; hover em fill/neutral/subtlest. /\n.cr-tabs__close {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border-radius: var(--cr-radius-full);\n color: var(--cr-color-icon-neutral-base);\n font-size: 12px;\n cursor: pointer;\n}\n.cr-tabs__close:hover {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n","/ Toast do Figma \"Cristal - Core Components \| Web\", sobre o Toast do Prime. Consome apenas tokens\n semânticos. Onde a pilha fica (20px das bordas, pelo position) é do Prime, no estilo inline; o\n Figma não define o espaço entre as mensagens: 8px, como margem embaixo de cada uma (como no\n tema do Prime), para a saída poder encolher esse espaço junto. /\n\n/ Mensagem: 340px, 16px de padding, raio medium e a sombra elevation/gray/bottom/5. /\n.cr-toast__message {\n box-sizing: border-box;\n width: 340px;\n max-width: 100%;\n padding: var(--cr-padding-padding-6);\n border-radius: var(--cr-radius-medium);\n margin-bottom: var(--cr-spacing-spacing-4);\n box-shadow: var(--cr-elevation-gray-bottom-5);\n color: var(--cr-color-text-neutral-base);\n --cr-toast-close-color: var(--cr-color-icon-neutral-base);\n}\n\n/ Ícone, texto e X lado a lado: 12px entre o ícone e o texto, 8px até o X. /\n.cr-toast__content {\n display: flex;\n align-items: flex-start;\n gap: var(--cr-spacing-spacing-4);\n}\n\n/ Ícone de 16px num círculo de 32px, na cor forte de cada tipo. /\n.cr-toast__icon {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n margin-right: var(--cr-spacing-spacing-3);\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-toast-icon-bg);\n color: var(--cr-color-icon-inverse-base);\n font-size: 16px;\n}\n\n/ Título label/large-14/semibold e mensagem label/medium-12/regular, 4px entre eles. /\n.cr-toast__text {\n display: flex;\n flex: 1;\n flex-direction: column;\n gap: var(--cr-spacing-spacing-3);\n min-width: 0;\n overflow-wrap: break-word;\n}\n.cr-toast__title {\n font-family: var(--cr-typography-label-large-14-semibold-font-family);\n font-size: var(--cr-typography-label-large-14-semibold-font-size);\n font-weight: var(--cr-typography-label-large-14-semibold-font-weight);\n line-height: var(--cr-typography-label-large-14-semibold-line-height);\n letter-spacing: var(--cr-typography-label-large-14-semibold-letter-spacing);\n}\n.cr-toast__detail {\n font-family: var(--cr-typography-label-medium-12-regular-font-family);\n font-size: var(--cr-typography-label-medium-12-regular-font-size);\n font-weight: var(--cr-typography-label-medium-12-regular-font-weight);\n line-height: var(--cr-typography-label-medium-12-regular-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-regular-letter-spacing);\n}\n\n/ X (.Toast Btn no Figma): 24px, ícone de 16px; no hover, o branco translúcido do Figma\n (fill/primary-darken-transparent, hoje no grupo deprecated dos tokens). /\n.cr-toast__close {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0;\n border: 0;\n border-radius: var(--cr-radius-full);\n background: none;\n color: var(--cr-toast-close-color);\n font-size: 16px;\n cursor: pointer;\n}\n.cr-toast__close:hover {\n background-color: var(--cr-color-deprecated-fill-primary-darken-transparent);\n}\n.cr-toast__close:focus-visible {\n outline: none;\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Tipos /\n.cr-toast__message--warning {\n background-color: var(--cr-color-fill-warning-subtle);\n --cr-toast-icon-bg: var(--cr-color-fill-warning-base);\n}\n.cr-toast__message--danger {\n background-color: var(--cr-color-fill-danger-subtle);\n --cr-toast-icon-bg: var(--cr-color-fill-danger-base);\n}\n.cr-toast__message--success {\n background-color: var(--cr-color-fill-success-subtle);\n --cr-toast-icon-bg: var(--cr-color-fill-success-base);\n}\n.cr-toast__message--info {\n background-color: var(--cr-color-fill-neutral-boldest);\n color: var(--cr-color-text-inverse-base);\n --cr-toast-icon-bg: var(--cr-color-fill-neutral-bold);\n --cr-toast-close-color: var(--cr-color-icon-inverse-base);\n}\n\n/ Entrada e saída, as do tema do Prime (p-toast-message): entra subindo metade da própria altura,\n com fade, em 0,3s; sai esmaecendo e encolhendo a altura e o espaço de baixo, para as outras\n mensagens subirem junto. Tempos e curvas do Prime (sem token). /\n.cr-toast__message--enter {\n opacity: 0;\n transform: translateY(50%);\n}\n.cr-toast__message--enter-active {\n opacity: 1;\n transform: translateY(0);\n transition:\n transform 0.3s,\n opacity 0.3s;\n}\n.cr-toast__message--exit {\n max-height: 1000px; / sem token: o teto da animação do Prime */\n}\n.cr-toast__message--exit-active {\n max-height: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n overflow: hidden;\n opacity: 0;\n transition:\n max-height 0.45s cubic-bezier(0, 1, 0, 1),\n padding 0.45s cubic-bezier(0, 1, 0, 1),\n opacity 0.3s,\n margin-bottom 0.3s;\n}\n@media (prefers-reduced-motion: reduce) {\n .cr-toast__message--enter-active,\n .cr-toast__message--exit-active {\n transition: none;\n }\n}\n"],"mappings":"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","names":[]}
1	+ {"version":3,"sources":["../src/components/Accordion/Accordion.css","../src/components/Input/Input.css","../src/components/lista.css","../src/components/comum.css","../src/components/AutoComplete/AutoComplete.css","../src/components/Badge/Badge.css","../src/components/Button/Button.css","../src/components/Card/Card.css","../src/components/Tooltip/Tooltip.css","../src/components/Chart/Chart.css","../src/components/Checkbox/Checkbox.css","../src/components/Chip/Chip.css","../src/components/Menu/Menu.css","../src/components/ContextMenu/ContextMenu.css","../src/components/Divider/Divider.css","../src/components/IconButton/IconButton.css","../src/components/Drawer/Drawer.css","../src/components/Menubar/Menubar.css","../src/components/Tag/Tag.css","../src/components/MenuPrincipal/MenuPrincipal.css","../src/components/Message/Message.css","../src/components/Modal/Modal.css","../src/components/MultiSelect/MultiSelect.css","../src/components/PageHeader/PageHeader.css","../src/components/Select/Select.css","../src/components/Paginator/Paginator.css","../src/components/Panel/Panel.css","../src/components/Radio/Radio.css","../src/components/ScrollPanel/ScrollPanel.css","../src/components/SegmentControl/SegmentControl.css","../src/components/Skeleton/Skeleton.css","../src/components/Switch/Switch.css","../src/components/Tabs/Tabs.css","../src/components/Table/Table.css","../src/components/Toast/Toast.css"],"sourcesContent":["/* Accordion do Figma \"Cristal - Core Components \| Web\", sobre o Accordion do Prime. Consome apenas\n tokens semânticos. Fluido e responsivo pela própria largura (container query): na variante de\n 360px do Figma (abaixo de 768px), 16px nas laterais no lugar de 20px. /\n.cr-accordion {\n container-type: inline-size;\n overflow: hidden;\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n border-radius: var(--cr-radius-medium);\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ Divisor de 1px (Horizontal Divider) entre os itens. /\n.cr-accordion__item + .cr-accordion__item {\n border-top: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n}\n\n/ Cabeçalho (Accordion Item Header): 12px x 20px, o texto à esquerda e a seta no fim, 12px entre\n eles. Fechado: título em text/neutral/subtle e descrição em text/neutral/subtlest; no hover,\n fundo fill/brand/subtlest e os textos em base e subtle. Aberto: fundo fill/neutral/subtlest\n (subtler no hover) e os textos em base e subtle. /\n.cr-accordion__action {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-5);\n padding: var(--cr-padding-padding-5) var(--cr-padding-padding-7);\n color: var(--cr-color-text-neutral-subtle);\n text-decoration: none;\n cursor: pointer;\n outline: none;\n --cr-accordion-description: var(--cr-color-text-neutral-subtlest);\n}\n.cr-accordion__action:hover {\n background-color: var(--cr-color-fill-brand-subtlest);\n}\n.cr-accordion__action:hover,\n.cr-accordion__action[aria-expanded='true'] {\n color: var(--cr-color-text-neutral-base);\n --cr-accordion-description: var(--cr-color-text-neutral-subtle);\n}\n.cr-accordion__action[aria-expanded='true'] {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-accordion__action[aria-expanded='true']:hover {\n background-color: var(--cr-color-fill-neutral-subtler);\n}\n.cr-accordion__action:focus-visible {\n box-shadow: inset var(--cr-effects-focus-ring);\n}\n/ Desabilitado (o Figma não define: segue o texto desabilitado dos campos). /\n.cr-accordion__action[aria-disabled='true'] {\n background-color: transparent;\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n --cr-accordion-description: var(--cr-color-text-disabled-base);\n}\n\n/ O Prime põe a seta antes do texto: aqui ela vai para o fim. /\n.cr-accordion__texts,\n.cr-accordion__custom {\n display: flex;\n flex: 1;\n flex-direction: column;\n justify-content: center;\n order: -1;\n min-width: 0;\n min-height: 32px;\n}\n.cr-accordion__title {\n overflow-wrap: break-word;\n font-family: var(--cr-typography-body-medium-16-semibold-font-family);\n font-size: var(--cr-typography-body-medium-16-semibold-font-size);\n font-weight: var(--cr-typography-body-medium-16-semibold-font-weight);\n line-height: var(--cr-typography-body-medium-16-semibold-line-height);\n letter-spacing: var(--cr-typography-body-medium-16-semibold-letter-spacing);\n}\n.cr-accordion__description {\n color: var(--cr-accordion-description);\n overflow-wrap: break-word;\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n}\n\n/ Seta: o Icon Button tertiary de 32px do Figma, com CaretDown (fechado) ou CaretUp (aberto). /\n.cr-accordion__toggle {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 32px;\n height: 32px;\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-bold);\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-icon-neutral-base);\n font-size: 16px;\n}\n\n/ Corpo (Accordion Item Body): 20px em volta e mais 20px embaixo do item aberto. /\n/ O espaço extra de baixo fica no conteúdo, não na região: na animação a região vai a altura 0. /\n.cr-accordion__content {\n padding: var(--cr-padding-padding-7) var(--cr-padding-padding-7)\n calc(var(--cr-padding-padding-7) 2);\n}\n\n/* Abrir e fechar pela altura, como o tema do Prime (p-toggleable-content): abre em 1s e fecha em\n 0,45s. Tempos e curvas do Prime (sem token). /\n.cr-accordion__region--entrar {\n max-height: 0;\n}\n.cr-accordion__region--entrando {\n max-height: 1000px; / sem token: o teto da animação do Prime /\n overflow: hidden;\n transition: max-height 1s ease-in-out;\n}\n.cr-accordion__region--sair {\n max-height: 1000px;\n}\n.cr-accordion__region--saindo {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.45s cubic-bezier(0, 1, 0, 1);\n}\n@media (prefers-reduced-motion: reduce) {\n .cr-accordion__region--entrando,\n .cr-accordion__region--saindo {\n transition: none;\n }\n}\n\n@container (max-width: 767px) {\n .cr-accordion__action {\n padding-right: var(--cr-padding-padding-6);\n padding-left: var(--cr-padding-padding-6);\n }\n .cr-accordion__content {\n padding: var(--cr-padding-padding-6) var(--cr-padding-padding-6)\n calc(var(--cr-padding-padding-6) + var(--cr-padding-padding-7));\n }\n}\n","/ Campo do Figma \"Cristal - Core Components \| Web\" (Input Text). As classes .cr-field são a base\n de todo campo do web (Input, AutoComplete, MultiSelect): rótulo, caixa, ícones e dica.\n Consome apenas tokens semânticos — nunca primitivos (--cr-color-blue-). /\n.cr-field {\n display: flex;\n flex-direction: column;\n gap: var(--cr-spacing-spacing-3);\n}\n\n/* Label (com * quando obrigatório) /\n.cr-field__label {\n display: inline-flex;\n gap: 2px; / entre o texto e o , no Figma (sem token) /\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-label-large-14-semibold-font-family);\n font-size: var(--cr-typography-label-large-14-semibold-font-size);\n font-weight: var(--cr-typography-label-large-14-semibold-font-weight);\n line-height: var(--cr-typography-label-large-14-semibold-line-height);\n letter-spacing: var(--cr-typography-label-large-14-semibold-letter-spacing);\n}\n\n/* Caixa do campo: mesmo padding, gap, raio e texto em todos os tamanhos; muda a altura. /\n.cr-field__control {\n box-sizing: border-box; / a altura do Figma já inclui padding e borda /\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-3);\n padding: var(--cr-padding-padding-4) var(--cr-padding-padding-5);\n border: var(--cr-stroke-x-small) solid transparent;\n border-radius: var(--cr-radius-small);\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n transition:\n background-color 120ms ease,\n border-color 120ms ease;\n}\n\n.cr-field--large .cr-field__control {\n height: 48px;\n}\n.cr-field--medium .cr-field__control {\n height: 42px;\n}\n.cr-field--small .cr-field__control {\n height: 36px;\n}\n.cr-field--xsmall .cr-field__control {\n height: 32px;\n}\n\n/ O <input> (ou o elemento de valor de outro campo) ocupa o espaço livre, sem estilo próprio. /\n.cr-field__input {\n flex: 1;\n min-width: 0;\n padding: 0;\n border: 0;\n background: none;\n color: inherit;\n font: inherit;\n letter-spacing: inherit;\n outline: none;\n}\n.cr-field__input::placeholder {\n color: var(--cr-color-text-neutral-subtlest);\n opacity: 1;\n}\n\n/ Ícones (Leading/Trailing Icon no Figma): 20px. /\n.cr-field__icon {\n display: inline-flex;\n flex-shrink: 0;\n font-size: 20px;\n}\n\n/ Outline /\n.cr-field--outline .cr-field__control {\n background-color: var(--cr-color-fill-neutral-container);\n border-color: var(--cr-color-stroke-neutral-bold);\n}\n.cr-field--outline:not(.cr-field--disabled) .cr-field__control:hover {\n border-color: var(--cr-color-stroke-neutral-boldest);\n}\n\n/ Filled: sem borda; no foco e no erro, a caixa fica como no Outline. /\n.cr-field--filled .cr-field__control {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-field--filled:not(.cr-field--disabled) .cr-field__control:hover {\n background-color: var(--cr-color-fill-neutral-subtler);\n}\n/ Mesma especificidade do hover e declarado depois dele: com o mouse sobre o campo em foco ou com\n erro, vale o foco/erro. /\n.cr-field--filled:not(.cr-field--disabled) .cr-field__control:focus-within,\n.cr-field--filled.cr-field--error:not(.cr-field--disabled) .cr-field__control {\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ Focus /\n.cr-field:not(.cr-field--disabled) .cr-field__control:focus-within {\n border-color: var(--cr-color-stroke-brand-base);\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Error /\n.cr-field--error .cr-field__control,\n.cr-field--error:not(.cr-field--disabled) .cr-field__control:hover {\n border-color: var(--cr-color-stroke-danger-base);\n}\n\n/ Disabled /\n.cr-field--disabled .cr-field__label {\n color: var(--cr-color-text-disabled-base);\n}\n.cr-field--disabled.cr-field--outline .cr-field__control {\n border-color: var(--cr-color-stroke-neutral-base);\n}\n.cr-field--disabled.cr-field--filled .cr-field__control {\n background-color: var(--cr-color-fill-disabled-base);\n}\n.cr-field--disabled .cr-field__input {\n cursor: not-allowed;\n}\n\n/ Hint (componente Hint do Figma, tipos Info e Error): ícone de 16px a 4px do texto. /\n.cr-field__hint {\n display: flex;\n align-items: flex-start;\n gap: var(--cr-padding-padding-3);\n margin: 0;\n color: var(--cr-color-text-neutral-subtle);\n font-family: var(--cr-typography-label-medium-12-medium-font-family);\n font-size: var(--cr-typography-label-medium-12-medium-font-size);\n font-weight: var(--cr-typography-label-medium-12-medium-font-weight);\n line-height: var(--cr-typography-label-medium-12-medium-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-medium-letter-spacing);\n}\n.cr-field__hint-icon {\n display: inline-flex;\n flex-shrink: 0;\n font-size: 16px;\n color: var(--cr-color-icon-neutral-subtle);\n}\n.cr-field__hint--error {\n color: var(--cr-color-text-danger-base);\n}\n.cr-field__hint--error .cr-field__hint-icon {\n color: var(--cr-color-icon-danger-base);\n}\n","/ Lista suspensa do Cristal: a Dropdown List e o Dropdown Item do Figma \"Cristal - Core\n Components \| Web\", comuns ao Select, ao AutoComplete, ao MultiSelect e ao Menu. Cada um põe estas\n classes pelo pt e acrescenta só o que é dele (borda, sombra, altura do item e estados próprios),\n no CSS do componente, que carrega depois e vence nos empates. Consome apenas tokens semânticos. /\n\n/ Painel: 12px de padding, raio medium, fundo container e o texto body/small-14. /\n.cr-lista {\n box-sizing: border-box;\n padding: var(--cr-padding-padding-5);\n border-radius: var(--cr-radius-medium);\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n}\n\n.cr-lista__itens {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n/ Área com rolagem e a barra do Figma (Scrollbar): 8px a 4px dos itens, trilho neutral/subtlest e\n polegar neutral/subtle (subtle/hover no hover). O espaço de 4px é uma borda transparente, e o\n raio conta a partir da borda: o raio horizontal da esquerda soma a borda (4px + 4px) para a barra\n visível ficar com as duas pontas redondas. /\n.cr-lista__rolagem {\n overflow-y: auto;\n}\n.cr-lista__rolagem::-webkit-scrollbar {\n width: 12px; / 4px de espaço (spacing-3) + 8px de barra, no Figma (sem token) /\n}\n.cr-lista__rolagem::-webkit-scrollbar-track,\n.cr-lista__rolagem::-webkit-scrollbar-thumb {\n border-left: var(--cr-spacing-spacing-3) solid transparent;\n border-radius: 8px 4px 4px 8px / 4px; / sem token: o raio soma a borda (ver acima) /\n background-clip: padding-box;\n}\n.cr-lista__rolagem::-webkit-scrollbar-track {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-lista__rolagem::-webkit-scrollbar-thumb {\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-lista__rolagem::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-lista__rolagem {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) var(--cr-color-fill-neutral-subtlest);\n }\n}\n\n/ Item (Dropdown Item): 8px x 12px, raio x-small; hover (e o item em foco pelo teclado, --focado)\n em container/hover; selecionado em selected/subtlest com o texto brand. /\n.cr-lista__item {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n padding: var(--cr-padding-padding-4) var(--cr-padding-padding-5);\n border-radius: var(--cr-radius-x-small);\n background-color: var(--cr-color-fill-neutral-container);\n cursor: pointer;\n}\n.cr-lista__item:hover,\n.cr-lista__item--focado {\n background-color: var(--cr-color-fill-neutral-container-hover);\n}\n.cr-lista__item--selecionado {\n background-color: var(--cr-color-fill-selected-subtlest);\n color: var(--cr-color-text-brand-base);\n}\n","/ Utilitários compartilhados pelos componentes do Cristal. Consome apenas tokens semânticos. /\n\n/ Visível só para o leitor de tela (rótulo escondido, tabela de valores de um gráfico, campos do\n Prime que recebem o foco mas não aparecem). /\n.cr-so-leitor {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\n\n/ Barra de rolagem fina (Scrollbar no Figma, a do Modal e do Drawer): 8px, polegar\n fill/neutral/subtle (subtle/hover no hover), trilho transparente. /\n.cr-rolagem-fina::-webkit-scrollbar {\n width: 8px; / sem token /\n height: 8px;\n}\n.cr-rolagem-fina::-webkit-scrollbar-thumb {\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-rolagem-fina::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-rolagem-fina {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) transparent;\n }\n}\n\n/ Entrada e saída das listas suspensas (Select, MultiSelect, AutoComplete, Menu e MenuPrincipal),\n as do tema do Prime (p-connected-overlay): crescem na vertical a partir de 80%, com fade, em 120ms;\n saem com fade em 100ms. O lado de onde crescem é o transform-origin que o Prime grava. Os tempos\n são os do Prime (sem token de animação no Cristal). /\n.cr-popup--entrar {\n opacity: 0;\n transform: scaleY(0.8);\n}\n.cr-popup--entrando {\n opacity: 1;\n transform: scaleY(1);\n transition:\n transform 120ms cubic-bezier(0, 0, 0.2, 1),\n opacity 120ms cubic-bezier(0, 0, 0.2, 1);\n}\n.cr-popup--entrou {\n transform: none;\n}\n.cr-popup--saindo {\n opacity: 0;\n transition: opacity 100ms linear;\n}\n@media (prefers-reduced-motion: reduce) {\n .cr-popup--entrando,\n .cr-popup--saindo {\n transition: none;\n }\n}\n","/ Auto Complete do Figma \"Cristal - Core Components \| Web\". O rótulo, a dica e os estados do campo\n vêm das classes .cr-field do Input (Input.css); aqui ficam o <input> como caixa do campo e o\n painel de sugestões (Dropdown List + Dropdown Item do Figma, densidade Normal).\n Consome apenas tokens semânticos — nunca primitivos (--cr-color-blue-). /\n.cr-autocomplete__root {\n display: flex;\n}\n\n/* O <input> é a própria caixa (.cr-field__control): ocupa a largura do campo. /\n.cr-autocomplete__input {\n flex: 1;\n box-sizing: border-box;\n min-width: 0;\n outline: none;\n}\n.cr-autocomplete__input::placeholder {\n color: var(--cr-color-text-neutral-subtlest);\n opacity: 1;\n}\n.cr-field--disabled .cr-autocomplete__input {\n cursor: not-allowed;\n}\n\n/ Seta (dropdown, opcional): a do Select, CaretDown de 16px num botão de 32px, a 8px da borda\n direita, por cima do fim do <input>; o texto para 4px antes dela. Aberta, a seta aponta para\n cima (no Select, o CaretUp). /\n.cr-autocomplete--dropdown .cr-autocomplete__root {\n position: relative;\n}\n.cr-autocomplete--dropdown .cr-autocomplete__input {\n / sem token: 8px da borda + 32px da seta + 4px até o texto /\n padding-right: calc(var(--cr-padding-padding-4) + 32px + var(--cr-padding-padding-3));\n}\n.cr-autocomplete__dropdown {\n position: absolute;\n top: 50%;\n right: var(--cr-padding-padding-4);\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n padding: 0;\n border: 0;\n border-radius: var(--cr-radius-small);\n background: none;\n color: var(--cr-color-icon-neutral-base);\n font-size: 16px;\n cursor: pointer;\n transform: translateY(-50%);\n}\n.cr-autocomplete__dropdown:focus-visible {\n outline: none;\n box-shadow: var(--cr-effects-focus-ring);\n}\n.cr-autocomplete__input[aria-expanded='true']\n ~ .cr-autocomplete__dropdown\n .cr-autocomplete__dropdown-icon {\n transform: rotate(180deg);\n}\n.cr-autocomplete__dropdown:disabled {\n color: var(--cr-color-icon-disabled-base);\n cursor: not-allowed;\n}\n\n/ O Prime mostra um spinner próprio enquanto busca; o Figma não define esse estado no campo. /\n.cr-autocomplete__loader {\n display: none;\n}\n\n/ Painel (Dropdown List): a lista comum do Cristal (lista.css: painel, rolagem, itens, hover e\n selecionado). O Prime o renderiza no <body>, alinhado pelo <input>, com a largura mínima do\n campo; a 4px do campo, abaixo ou acima (quando o Prime o abre acima, o AutoComplete.tsx marca\n data-cr-lado=\"acima\"; popup.ts). /\n.cr-autocomplete__panel {\n margin-top: var(--cr-spacing-spacing-3);\n / Borda interna, como no Figma (não soma na altura), e a elevação. /\n box-shadow:\n inset 0 0 0 var(--cr-stroke-x-small) var(--cr-color-stroke-neutral-base),\n var(--cr-elevation-gray-bottom-3);\n}\n.cr-autocomplete__panel[data-cr-lado='acima'] {\n margin-top: calc(-1 var(--cr-spacing-spacing-3));\n}\n\n/* Item: 8px entre o ícone e o texto. O foco do teclado o Prime marca direto no DOM (setAttribute\n de data-p-highlight), sem passar pelo pt nem por ARIA no item: não há alternativa pública, então\n o CSS lê esse atributo. /\n.cr-autocomplete__item {\n gap: var(--cr-spacing-spacing-4);\n}\n.cr-autocomplete__item[data-p-highlight='true'] {\n box-shadow: inset 0 0 0 var(--cr-stroke-x-small) var(--cr-color-stroke-brand-base);\n}\n","/ Badge do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos. /\n.cr-badge {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n border-radius: var(--cr-radius-full);\n color: var(--cr-color-text-inverse-base);\n white-space: nowrap;\n}\n\n/ Tamanhos: o mínimo é um círculo; com mais dígitos o badge cresce na horizontal. /\n.cr-badge--large {\n min-width: 24px;\n height: 24px;\n padding: var(--cr-padding-padding-2);\n font-family: var(--cr-typography-label-medium-12-semibold-font-family);\n font-size: var(--cr-typography-label-medium-12-semibold-font-size);\n font-weight: var(--cr-typography-label-medium-12-semibold-font-weight);\n line-height: var(--cr-typography-label-medium-12-semibold-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-semibold-letter-spacing);\n}\n\n.cr-badge--medium {\n min-width: 16px;\n height: 16px;\n padding: 0;\n font-family: var(--cr-typography-label-small-10-semibold-font-family);\n font-size: var(--cr-typography-label-small-10-semibold-font-size);\n font-weight: var(--cr-typography-label-small-10-semibold-font-weight);\n line-height: var(--cr-typography-label-small-10-semibold-line-height);\n letter-spacing: var(--cr-typography-label-small-10-semibold-letter-spacing);\n}\n\n.cr-badge--small {\n width: 8px;\n height: 8px;\n padding: 0;\n}\n\n/ Estados /\n.cr-badge--default {\n background-color: var(--cr-color-fill-brand-base);\n}\n.cr-badge--error {\n background-color: var(--cr-color-fill-danger-base);\n}\n.cr-badge--warning {\n background-color: var(--cr-color-fill-warning-base);\n}\n.cr-badge--success {\n background-color: var(--cr-color-fill-success-base);\n}\n.cr-badge--disabled {\n background-color: var(--cr-color-fill-neutral-subtlest);\n color: var(--cr-color-text-neutral-subtlest);\n}\n","/ Button do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos — nunca\n primitivos (--cr-color-blue-). Todos os tamanhos têm o mesmo padding, gap, raio e texto; muda\n a altura e o tamanho do ícone. /\n.cr-button {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n min-width: 110px; /* largura mínima do Figma, em todos os tamanhos (sem token) /\n gap: var(--cr-spacing-spacing-3);\n padding: var(--cr-padding-padding-3) var(--cr-padding-padding-6);\n border: var(--cr-stroke-x-small) solid transparent;\n border-radius: var(--cr-radius-small);\n font-family: var(--cr-typography-body-small-14-semibold-font-family);\n font-size: var(--cr-typography-body-small-14-semibold-font-size);\n font-weight: var(--cr-typography-body-small-14-semibold-font-weight);\n line-height: var(--cr-typography-body-small-14-semibold-line-height);\n letter-spacing: var(--cr-typography-body-small-14-semibold-letter-spacing);\n cursor: pointer;\n transition:\n background-color 120ms ease,\n border-color 120ms ease;\n}\n\n.cr-button:focus-visible {\n outline: none;\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n.cr-button:disabled {\n cursor: not-allowed;\n background-color: var(--cr-color-fill-disabled-base);\n color: var(--cr-color-text-disabled-on-fill);\n}\n\n/ Tamanhos /\n.cr-button--large {\n height: 48px;\n}\n.cr-button--medium {\n height: 42px;\n}\n.cr-button--small {\n height: 36px;\n}\n.cr-button--xsmall {\n height: 32px;\n}\n\n/ Ícones (Leading/Trailing Icon no Figma): 20px, ou 16px no XSmall. Herdam a cor do texto. /\n.cr-button__icon {\n display: inline-flex;\n font-size: 20px;\n}\n.cr-button--xsmall .cr-button__icon {\n font-size: 16px;\n}\n\n/ Primary (Filled) /\n.cr-button--primary {\n background-color: var(--cr-color-fill-brand-base);\n color: var(--cr-color-text-inverse-base);\n}\n.cr-button--primary:hover:not(:disabled) {\n background-color: var(--cr-color-fill-brand-base-hover);\n}\n.cr-button--primary:active:not(:disabled) {\n background-color: var(--cr-color-fill-brand-base-pressed);\n}\n\n/ Secondary (Tonal) /\n.cr-button--secondary {\n background-color: var(--cr-color-fill-brand-subtlest);\n color: var(--cr-color-text-brand-base);\n}\n.cr-button--secondary:hover:not(:disabled) {\n background-color: var(--cr-color-fill-brand-subtlest-hover);\n}\n.cr-button--secondary:active:not(:disabled) {\n background-color: var(--cr-color-fill-brand-subtlest-pressed);\n}\n\n/ Tertiary (Outlined) /\n.cr-button--tertiary {\n background-color: var(--cr-color-fill-neutral-container);\n border-color: var(--cr-color-stroke-neutral-bold);\n color: var(--cr-color-text-neutral-base);\n}\n.cr-button--tertiary:hover:not(:disabled) {\n background-color: var(--cr-color-fill-neutral-container-hover);\n}\n.cr-button--tertiary:active:not(:disabled) {\n background-color: var(--cr-color-fill-neutral-container-pressed);\n}\n.cr-button--tertiary:disabled {\n border-color: var(--cr-color-stroke-disabled-base);\n}\n","/ Card do Figma \"Cristal - Core Components \| Web\": contêiner com fundo neutral/container, raio\n medium e o conteúdo num slot que ocupa o espaço interno. Consome apenas tokens semânticos. /\n.cr-card {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n border-radius: var(--cr-radius-medium);\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ Body e content do Prime não existem no Figma: só repassam o espaço para o conteúdo. /\n.cr-card__body,\n.cr-card__content {\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n min-height: 0;\n}\n\n/ Padding /\n.cr-card--xsmall {\n padding: var(--cr-padding-padding-4);\n}\n.cr-card--small {\n padding: var(--cr-padding-padding-5);\n}\n.cr-card--medium {\n padding: var(--cr-padding-padding-6);\n}\n.cr-card--large {\n padding: var(--cr-padding-padding-7);\n}\n.cr-card--xlarge {\n padding: var(--cr-padding-padding-8);\n}\n\n/ Outline: como o stroke do Figma, a linha fica por dentro e não empurra o conteúdo. /\n.cr-card--outline {\n box-shadow: inset 0 0 0 var(--cr-stroke-x-small) var(--cr-color-stroke-neutral-base);\n}\n","/ Tooltip do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos.\n Renderizado no body e posicionado pelo Prime; a raiz é transparente e o balão é o texto. /\n.cr-tooltip {\n position: absolute;\n / Fora da tela até o Prime calcular a posição (evita piscar a barra de rolagem); sem token. /\n top: -9999px;\n left: -9999px;\n pointer-events: none;\n}\n\n/ Distância de 4px até o alvo (no Figma, o tooltip do Menubar fica 4px abaixo do botão). O Prime\n desconta esse padding ao posicionar em cima e à esquerda, por isso ele vai nos dois lados. /\n.cr-tooltip--top,\n.cr-tooltip--bottom {\n padding: var(--cr-padding-padding-3) 0;\n}\n.cr-tooltip--left,\n.cr-tooltip--right {\n padding: 0 var(--cr-padding-padding-3);\n}\n\n.cr-tooltip__arrow {\n display: none; / o Figma não tem seta /\n}\n\n.cr-tooltip__text {\n box-sizing: border-box;\n padding: var(--cr-padding-padding-4) var(--cr-padding-padding-5);\n border-radius: var(--cr-radius-small);\n background-color: var(--cr-color-fill-neutral-boldest);\n color: var(--cr-color-text-inverse-base);\n font-family: var(--cr-typography-label-medium-12-semibold-font-family);\n font-size: var(--cr-typography-label-medium-12-semibold-font-size);\n font-weight: var(--cr-typography-label-medium-12-semibold-font-weight);\n line-height: var(--cr-typography-label-medium-12-semibold-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-semibold-letter-spacing);\n}\n\n/ Plain: uma linha só. /\n.cr-tooltip--plain .cr-tooltip__text {\n white-space: nowrap;\n}\n\n/ Rich: até 300px (texto de 276px + padding), quebrando linha. /\n.cr-tooltip--rich .cr-tooltip__text {\n max-width: 300px;\n white-space: pre-line;\n overflow-wrap: break-word;\n}\n","/ Chart do Figma \"Nova Web \| Gestão de Ofertas\" (Chart / Line), sobre o Chart do Prime. Consome\n apenas tokens semânticos (os de gráfico, color/chart/, nas séries, eixos e grade); o que o\n canvas desenha recebe os valores dos mesmos tokens pelo Chart.tsx. /\n.cr-chart {\n display: flex;\n flex-direction: column;\n gap: var(--cr-spacing-spacing-10);\n box-sizing: border-box;\n min-width: 0;\n}\n\n/* Card: borda stroke/neutral/base, raio medium, 20px em volta e 28px embaixo; 32px entre o\n cabeçalho e o gráfico. /\n.cr-chart--card {\n padding: var(--cr-padding-padding-7) var(--cr-padding-padding-7) var(--cr-padding-padding-9);\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n border-radius: var(--cr-radius-medium);\n}\n\n/ Cabeçalho: título body/small-14/semibold e a ajuda (Question de 20px) à esquerda, 4px entre\n eles; ações à direita, 4px entre elas. /\n.cr-chart__header {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--cr-spacing-spacing-4);\n min-height: 32px;\n}\n.cr-chart__title-row,\n.cr-chart__actions {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-3);\n min-width: 0;\n}\n.cr-chart__title {\n overflow: hidden;\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-body-small-14-semibold-font-family);\n font-size: var(--cr-typography-body-small-14-semibold-font-size);\n font-weight: var(--cr-typography-body-small-14-semibold-font-weight);\n line-height: var(--cr-typography-body-small-14-semibold-line-height);\n letter-spacing: var(--cr-typography-body-small-14-semibold-letter-spacing);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-chart__help {\n display: inline-flex;\n flex-shrink: 0;\n padding: 0;\n border: 0;\n border-radius: var(--cr-radius-full);\n background: none;\n color: var(--cr-color-icon-neutral-base);\n font-size: 20px;\n cursor: help;\n}\n.cr-chart__help:focus-visible {\n outline: none;\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Gráfico e legenda, 24px entre eles. /\n.cr-chart__body {\n display: flex;\n flex-direction: column;\n gap: var(--cr-spacing-spacing-8);\n}\n.cr-chart__plot {\n position: relative;\n min-width: 0;\n}\n.cr-chart__canvas-wrap {\n position: absolute;\n inset: 0;\n}\n\n/ Legenda: centralizada, 24px entre os itens; quadrado de 10px na cor da série, 4px até o texto\n label/medium-12/regular em text/neutral/base (o texto nunca leva a cor da série). A cor do\n quadrado vem do Chart.tsx: o token de gráfico da série, no tom dela. /\n.cr-chart__legend {\n display: flex;\n flex-wrap: wrap;\n justify-content: center;\n gap: var(--cr-spacing-spacing-3) var(--cr-spacing-spacing-8);\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.cr-chart__legend-item {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-3);\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-label-medium-12-regular-font-family);\n font-size: var(--cr-typography-label-medium-12-regular-font-size);\n font-weight: var(--cr-typography-label-medium-12-regular-font-weight);\n line-height: var(--cr-typography-label-medium-12-regular-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-regular-letter-spacing);\n}\n.cr-chart__swatch {\n width: 10px;\n height: 10px;\n border-radius: 2px; / sem token /\n}\n","/ Checkbox do Figma \"Cristal - Core Components \| Web\", sobre o Checkbox do Prime: caixa de 24px,\n raio x-small e borda de 2px, rótulo label/large-14/regular a 8px. Consome apenas tokens\n semânticos. /\n.cr-checkbox {\n display: inline-flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n max-width: 100%;\n}\n.cr-checkbox--right {\n flex-direction: row-reverse;\n}\n.cr-checkbox--label-full {\n align-items: flex-start;\n}\n\n/ O <input> nativo cobre a caixa, invisível: recebe o clique, o foco e o teclado. /\n.cr-checkbox__control {\n position: relative;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n}\n.cr-checkbox__input {\n position: absolute;\n inset: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n margin: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.cr-checkbox__box {\n display: flex;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n border: var(--cr-stroke-small) solid var(--cr-color-stroke-neutral-bold);\n border-radius: var(--cr-radius-x-small);\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-icon-inverse-base);\n}\n.cr-checkbox__icon {\n flex-shrink: 0;\n}\n\n/ Selected e Indeterminate: caixa preenchida em brand. /\n.cr-checkbox__control--checked .cr-checkbox__box,\n.cr-checkbox--indeterminate .cr-checkbox__box {\n border-color: var(--cr-color-fill-brand-base);\n background-color: var(--cr-color-fill-brand-base);\n}\n\n/ Indeterminate: traço de 12,5 x 1,5px com pontas arredondadas (Minus do Phosphor no Figma). /\n.cr-checkbox--indeterminate .cr-checkbox__box::after {\n width: 12.5px;\n height: 1.5px;\n border-radius: var(--cr-radius-full);\n background-color: currentColor;\n content: '';\n}\n\n/ Hover /\n.cr-checkbox:not(.cr-checkbox--disabled):hover .cr-checkbox__box {\n border-color: var(--cr-color-stroke-neutral-bold-hover);\n}\n.cr-checkbox:not(.cr-checkbox--disabled):hover .cr-checkbox__control--checked .cr-checkbox__box,\n.cr-checkbox--indeterminate:not(.cr-checkbox--disabled):hover .cr-checkbox__box {\n border-color: var(--cr-color-fill-brand-base-hover);\n background-color: var(--cr-color-fill-brand-base-hover);\n}\n\n/ Focus (só pelo teclado): borda brand e anel de foco. /\n.cr-checkbox__input:focus-visible + .cr-checkbox__box {\n border-color: var(--cr-color-stroke-brand-base);\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Disabled /\n.cr-checkbox--disabled .cr-checkbox__input {\n cursor: not-allowed;\n}\n.cr-checkbox--disabled .cr-checkbox__box {\n border-color: var(--cr-color-stroke-disabled-base);\n}\n.cr-checkbox--disabled .cr-checkbox__control--checked .cr-checkbox__box,\n.cr-checkbox--disabled.cr-checkbox--indeterminate .cr-checkbox__box {\n border-color: var(--cr-color-fill-disabled-base);\n background-color: var(--cr-color-fill-disabled-base);\n color: var(--cr-color-icon-disabled-on-fill);\n}\n\n/ Rótulo /\n.cr-checkbox__label {\n min-width: 0;\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-label-large-14-regular-font-family);\n font-size: var(--cr-typography-label-large-14-regular-font-size);\n font-weight: var(--cr-typography-label-large-14-regular-font-weight);\n line-height: var(--cr-typography-label-large-14-regular-line-height);\n letter-spacing: var(--cr-typography-label-large-14-regular-letter-spacing);\n cursor: pointer;\n}\n.cr-checkbox--label-default .cr-checkbox__label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-checkbox--disabled .cr-checkbox__label {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n","/ Chip do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos. Todos os\n tamanhos têm o mesmo padding, gap, raio e texto; muda só a altura. Cada tipo define as cores\n por estado nas variáveis --cr-chip-. /\n.cr-chip {\n display: inline-flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-3);\n box-sizing: border-box;\n padding: var(--cr-padding-padding-2) var(--cr-padding-padding-5);\n border: var(--cr-stroke-x-small) solid var(--cr-chip-stroke, transparent);\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-chip-bg);\n color: var(--cr-chip-text);\n box-shadow: var(--cr-chip-shadow, none);\n font-family: var(--cr-typography-label-medium-12-semibold-font-family);\n font-size: var(--cr-typography-label-medium-12-semibold-font-size);\n font-weight: var(--cr-typography-label-medium-12-semibold-font-weight);\n line-height: var(--cr-typography-label-medium-12-semibold-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-semibold-letter-spacing);\n white-space: nowrap;\n transition:\n background-color 120ms ease,\n border-color 120ms ease;\n}\n\n/* Tamanhos (alturas do Figma, sem token) /\n.cr-chip--small {\n height: 24px;\n}\n.cr-chip--medium {\n height: 28px;\n}\n.cr-chip--large {\n height: 32px;\n}\n.cr-chip--x-large {\n height: 36px;\n}\n\n/ Ícones (Leading/Trailing Icon no Figma): 16px. /\n.cr-chip__icon {\n display: inline-flex;\n font-size: 16px;\n}\n.cr-chip__icon--leading {\n color: var(--cr-chip-icon-leading);\n}\n.cr-chip__icon--trailing {\n color: var(--cr-chip-icon-trailing, var(--cr-chip-icon-leading));\n}\n.cr-chip__remove {\n cursor: pointer;\n}\n.cr-chip__remove:focus-visible {\n outline: none;\n}\n\n/ Estados. Focused (Figma): o anel de foco aparece no chip quando ele ou o botão de remover\n recebe foco pelo teclado. /\n.cr-chip:not(.cr-chip--disabled):hover {\n background-color: var(--cr-chip-bg-hover);\n border-color: var(--cr-chip-stroke-active, var(--cr-chip-stroke, transparent));\n}\n.cr-chip:not(.cr-chip--disabled):active {\n background-color: var(--cr-chip-bg-pressed);\n border-color: var(--cr-chip-stroke-active, var(--cr-chip-stroke, transparent));\n color: var(--cr-chip-text-pressed, var(--cr-chip-text));\n --cr-chip-icon-leading: var(--cr-chip-icon-leading-pressed);\n --cr-chip-icon-trailing: var(--cr-chip-icon-trailing-pressed);\n}\n.cr-chip:focus-visible,\n.cr-chip:has(:focus-visible) {\n outline: none;\n border-color: var(--cr-chip-stroke-active, var(--cr-chip-stroke, transparent));\n box-shadow: var(--cr-effects-focus-ring);\n}\n/ Duas classes para vencer as variáveis de ícone definidas pelos tipos, mais abaixo. /\n.cr-chip.cr-chip--disabled {\n background-color: var(--cr-color-fill-disabled-base);\n color: var(--cr-color-text-disabled-on-fill);\n --cr-chip-icon-leading: var(--cr-color-icon-disabled-on-fill);\n --cr-chip-icon-trailing: var(--cr-color-icon-disabled-on-fill);\n}\n\n/ Tipos /\n.cr-chip--default {\n --cr-chip-bg: var(--cr-color-fill-brand-base);\n --cr-chip-bg-hover: var(--cr-color-fill-brand-base-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-brand-base-pressed);\n --cr-chip-text: var(--cr-color-text-inverse-base);\n --cr-chip-icon-leading: var(--cr-color-icon-inverse-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-inverse-base);\n}\n.cr-chip--success {\n --cr-chip-bg: var(--cr-color-fill-success-subtle);\n --cr-chip-bg-hover: var(--cr-color-fill-success-subtle-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-success-subtle-pressed);\n --cr-chip-text: var(--cr-color-text-success-base);\n --cr-chip-text-pressed: var(--cr-color-text-success-base-pressed);\n --cr-chip-icon-leading: var(--cr-color-icon-success-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-success-base-pressed);\n}\n.cr-chip--danger {\n --cr-chip-bg: var(--cr-color-fill-danger-subtle);\n --cr-chip-bg-hover: var(--cr-color-fill-danger-subtle-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-danger-subtle-pressed);\n --cr-chip-text: var(--cr-color-text-danger-base);\n --cr-chip-icon-leading: var(--cr-color-icon-danger-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-danger-base);\n}\n.cr-chip--warning {\n --cr-chip-bg: var(--cr-color-fill-warning-subtle);\n --cr-chip-bg-hover: var(--cr-color-fill-warning-subtle-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-warning-subtle-pressed);\n --cr-chip-text: var(--cr-color-text-warning-base);\n --cr-chip-text-pressed: var(--cr-color-text-warning-base-pressed);\n --cr-chip-icon-leading: var(--cr-color-icon-warning-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-warning-base-pressed);\n}\n/ No Figma, o ícone da direita do Info usa a cor de marca, e o da esquerda, a de informação. /\n.cr-chip--info {\n --cr-chip-bg: var(--cr-color-fill-information-subtle);\n --cr-chip-bg-hover: var(--cr-color-fill-information-subtle-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-information-subtle-pressed);\n --cr-chip-text: var(--cr-color-text-information-base);\n --cr-chip-icon-leading: var(--cr-color-icon-information-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-information-base);\n --cr-chip-icon-trailing: var(--cr-color-icon-brand-base);\n --cr-chip-icon-trailing-pressed: var(--cr-color-icon-brand-base);\n}\n.cr-chip--highlight {\n --cr-chip-bg: var(--cr-color-fill-highlight-subtle);\n --cr-chip-bg-hover: var(--cr-color-fill-highlight-subtle-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-highlight-subtle-pressed);\n --cr-chip-text: var(--cr-color-text-highlight-base);\n --cr-chip-icon-leading: var(--cr-color-icon-highlight-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-highlight-base);\n}\n.cr-chip--inverse {\n --cr-chip-bg: var(--cr-color-fill-neutral-container);\n --cr-chip-bg-hover: var(--cr-color-fill-neutral-container-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-neutral-container-pressed);\n --cr-chip-text: var(--cr-color-text-brand-base);\n --cr-chip-icon-leading: var(--cr-color-icon-brand-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-brand-base);\n}\n.cr-chip--outline {\n --cr-chip-bg: var(--cr-color-fill-neutral-container);\n --cr-chip-bg-hover: var(--cr-color-fill-neutral-container-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-neutral-container-pressed);\n --cr-chip-stroke: var(--cr-color-stroke-neutral-base);\n --cr-chip-stroke-active: var(--cr-color-stroke-neutral-bold);\n --cr-chip-text: var(--cr-color-text-neutral-base);\n --cr-chip-icon-leading: var(--cr-color-icon-neutral-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-neutral-base);\n}\n.cr-chip--outline.cr-chip--disabled {\n --cr-chip-stroke: var(--cr-color-stroke-disabled-base);\n}\n/ No Figma, no pressionado do Neutral o ícone da direita fica com a cor neutra base. /\n.cr-chip--neutral {\n --cr-chip-bg: var(--cr-color-fill-neutral-subtler);\n --cr-chip-bg-hover: var(--cr-color-fill-neutral-container-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-neutral-container-pressed);\n --cr-chip-text: var(--cr-color-text-neutral-subtle);\n --cr-chip-text-pressed: var(--cr-color-text-neutral-subtle-pressed);\n --cr-chip-icon-leading: var(--cr-color-icon-neutral-subtle);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-neutral-subtle-pressed);\n --cr-chip-icon-trailing-pressed: var(--cr-color-icon-neutral-base);\n}\n.cr-chip--on-image {\n --cr-chip-bg: var(--cr-color-fill-neutral-container);\n --cr-chip-bg-hover: var(--cr-color-fill-neutral-container-hover);\n --cr-chip-bg-pressed: var(--cr-color-fill-neutral-container-pressed);\n --cr-chip-text: var(--cr-color-text-neutral-base);\n --cr-chip-icon-leading: var(--cr-color-icon-neutral-base);\n --cr-chip-icon-leading-pressed: var(--cr-color-icon-neutral-base);\n --cr-chip-shadow: var(--cr-elevation-gray-bottom-3);\n}\n","/ Dropdown List do Figma \"Cristal - Core Components \| Web\", sobre o Menu do Prime: a lista comum\n do Cristal (lista.css: painel e item), com 320px, a borda e a elevação 3. A rolagem é própria\n (folga para o anel de foco). Consome apenas tokens semânticos. /\n.cr-menu {\n width: 320px;\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n box-shadow: var(--cr-elevation-gray-bottom-3);\n}\n\n/ Popup: renderizado no body e posicionado pelo Prime, colado no elemento que o abriu; a margem\n afasta 4px para o lado em que ele abriu. Quando o Prime o abre acima, o Menu.tsx marca\n data-cr-lado=\"acima\" (popup.ts), inclusive quando ele reposiciona. /\n.cr-menu--popup {\n position: absolute;\n margin-top: var(--cr-spacing-spacing-3);\n}\n.cr-menu--popup[data-cr-lado='acima'] {\n margin-top: calc(var(--cr-spacing-spacing-3) -1);\n}\n\n/* Lista: 5 itens visíveis antes da rolagem, como no Figma (37px no normal, 29px no compact).\n O padding/margin de 3px deixa o anel de foco do item aparecer sem ser cortado pela rolagem. /\n.cr-menu__list {\n --cr-menu-item-height: 37px;\n max-height: calc(var(--cr-menu-item-height) 5);\n margin: -3px; /* sem token: a folga do anel de foco (3px) /\n padding: 3px;\n overflow-y: auto;\n list-style: none;\n outline: none;\n}\n.cr-menu--compact .cr-menu__list {\n --cr-menu-item-height: 29px;\n}\n\n/ Barra de rolagem (Scrollbar no Figma): 8px a 4px dos itens e a 12px da borda da lista, trilho\n neutral/subtlest e polegar neutral/subtle (subtle/hover no hover). As bordas transparentes\n descontam os 3px de folga do anel de foco (1px + 3px = 4px dos itens; 3px a mais até a borda,\n em cima e embaixo). O raio conta a partir da borda: cada lado soma a sua borda aos 4px de raio\n para a barra visível ficar com as duas pontas redondas. /\n.cr-menu__list::-webkit-scrollbar {\n width: 12px; / 1px + 8px de barra + 3px (sem token) /\n}\n.cr-menu__list::-webkit-scrollbar-track,\n.cr-menu__list::-webkit-scrollbar-thumb {\n border-color: transparent;\n border-style: solid;\n border-width: 3px 3px 3px 1px;\n border-radius: 5px 7px 7px 5px / 7px; / sem token: o raio soma as bordas transparentes /\n background-clip: padding-box;\n}\n.cr-menu__list::-webkit-scrollbar-track {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-menu__list::-webkit-scrollbar-thumb {\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-menu__list::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-menu__list {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) var(--cr-color-fill-neutral-subtlest);\n }\n}\n\n/ Item (.Dropdown Item no Figma), sobre o item da lista comum: a altura da densidade e o ícone a\n 8px do texto. /\n.cr-menu__action {\n gap: var(--cr-spacing-spacing-4);\n height: var(--cr-menu-item-height);\n color: inherit;\n text-decoration: none;\n}\n.cr-menu--compact .cr-menu__action {\n padding: var(--cr-padding-padding-3) var(--cr-padding-padding-5);\n}\n.cr-menu__label {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-menu__icon {\n display: inline-flex;\n flex-shrink: 0;\n color: var(--cr-color-icon-neutral-base);\n font-size: 20px;\n}\n\n/ Hover /\n.cr-menu__item:hover .cr-menu__action {\n background-color: var(--cr-color-fill-neutral-container-hover);\n}\n\n/ Focus: só na navegação pelo teclado (o Prime também marca o item sob o mouse). /\n/ O item em foco pelo teclado: o Prime não expõe isso pelo pt nem por ARIA no item (só o\n aria-activedescendant da lista, que o CSS não compara), então fica o data-p-focused dele. /\n.cr-menu__list:focus-visible .cr-menu__item[data-p-focused='true'] .cr-menu__action {\n background-color: var(--cr-color-fill-neutral-container);\n box-shadow:\n inset 0 0 0 var(--cr-stroke-x-small) var(--cr-color-stroke-brand-base),\n var(--cr-effects-focus-ring);\n}\n\n/ Selected /\n.cr-menu__item--selected .cr-menu__action,\n.cr-menu__item--selected:hover .cr-menu__action {\n background-color: var(--cr-color-fill-selected-subtlest);\n color: var(--cr-color-text-brand-base);\n}\n.cr-menu__item--selected .cr-menu__icon {\n color: var(--cr-color-icon-brand-base);\n}\n\n/ Desabilitado (o Figma não define: segue o texto desabilitado dos campos). /\n.cr-menu__item[aria-disabled='true'] .cr-menu__action {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n.cr-menu__item[aria-disabled='true'] .cr-menu__icon {\n color: var(--cr-color-icon-disabled-base);\n}\n.cr-menu__item[aria-disabled='true']:hover .cr-menu__action {\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ Loading: indicador de 24px centralizado (.Loading animated no Figma). /\n.cr-menu__loading {\n display: flex;\n align-items: center;\n justify-content: center;\n height: var(--cr-menu-item-height);\n color: var(--cr-color-icon-neutral-subtle);\n font-size: 24px;\n}\n.cr-menu__spinner {\n animation: cr-menu-spin 1s linear infinite;\n}\n@media (prefers-reduced-motion: reduce) {\n .cr-menu__spinner {\n animation-duration: 3s;\n }\n}\n@keyframes cr-menu-spin {\n to {\n transform: rotate(360deg);\n }\n}\n","/ Context Menu sobre o do Prime, com o visual da Dropdown List do Figma (Menu.css): 260px, como\n no menu de contexto do cabeçalho da Table. O Prime posiciona no ponto do clique. /\n.cr-context-menu {\n position: absolute;\n width: 260px;\n}\n\n/ Animação do tema do Prime para o Context Menu: fade de 250ms na entrada; a saída é imediata\n (o Prime desmonta na hora). Sem animação com prefers-reduced-motion. /\n.cr-context-menu--entrar {\n opacity: 0;\n}\n.cr-context-menu--entrando {\n opacity: 1;\n transition: opacity 250ms;\n}\n@media (prefers-reduced-motion: reduce) {\n .cr-context-menu--entrando {\n transition: none;\n }\n}\n","/ Divider do Figma \"Cristal - Core Components \| Web\" (Horizontal e Vertical Divider). Linha de\n 1px na cor stroke/neutral/base; o Dashed usa traço de 2px com 2px de intervalo. /\n.cr-divider {\n --cr-divider-color: var(--cr-color-stroke-neutral-base);\n\n flex-shrink: 0;\n}\n\n.cr-divider--horizontal {\n width: 100%;\n height: var(--cr-stroke-x-small);\n}\n\n.cr-divider--vertical {\n align-self: stretch;\n width: var(--cr-stroke-x-small);\n}\n\n.cr-divider--solid {\n background-color: var(--cr-divider-color);\n}\n\n/ Traço 2px / intervalo 2px (dashPattern [2, 2] no Figma); border dashed não controla o traço. /\n.cr-divider--dashed.cr-divider--horizontal {\n background-image: repeating-linear-gradient(\n to right,\n var(--cr-divider-color) 0 2px,\n transparent 2px 4px\n );\n}\n.cr-divider--dashed.cr-divider--vertical {\n background-image: repeating-linear-gradient(\n to bottom,\n var(--cr-divider-color) 0 2px,\n transparent 2px 4px\n );\n}\n\n/ O Prime sempre renderiza um contêiner de conteúdo; o Figma não tem conteúdo na linha. /\n.cr-divider__content {\n display: none;\n}\n","/ Icon Button do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos —\n nunca primitivos. Circular em todos os tamanhos; muda o diâmetro e o tamanho do ícone. /\n.cr-icon-button {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n padding: var(--cr-padding-padding-3);\n border: var(--cr-stroke-x-small) solid transparent;\n border-radius: var(--cr-radius-full);\n background-color: transparent;\n cursor: pointer;\n transition:\n background-color 120ms ease,\n border-color 120ms ease;\n}\n\n.cr-icon-button:focus-visible {\n outline: none;\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n.cr-icon-button:disabled {\n cursor: not-allowed;\n}\n\n/ Tamanhos (diâmetro, sem token) /\n.cr-icon-button--large {\n width: 48px;\n height: 48px;\n}\n.cr-icon-button--medium {\n width: 42px;\n height: 42px;\n}\n.cr-icon-button--small {\n width: 36px;\n height: 36px;\n}\n.cr-icon-button--xsmall {\n width: 32px;\n height: 32px;\n}\n\n/ Ícone: 20px, ou 16px no XSmall. Herda a cor definida em cada hierarquia. /\n.cr-icon-button__icon {\n display: inline-flex;\n font-size: 20px;\n}\n.cr-icon-button--xsmall .cr-icon-button__icon {\n font-size: 16px;\n}\n\n/ Primary (Filled) /\n.cr-icon-button--primary {\n background-color: var(--cr-color-fill-brand-base);\n color: var(--cr-color-icon-inverse-base);\n}\n.cr-icon-button--primary:hover:not(:disabled) {\n background-color: var(--cr-color-fill-brand-base-hover);\n}\n.cr-icon-button--primary:active:not(:disabled) {\n background-color: var(--cr-color-fill-brand-base-pressed);\n}\n\n/ Secondary (Tonal) /\n.cr-icon-button--secondary {\n background-color: var(--cr-color-fill-brand-subtlest);\n color: var(--cr-color-icon-brand-base);\n}\n.cr-icon-button--secondary:hover:not(:disabled) {\n background-color: var(--cr-color-fill-brand-subtlest-hover);\n}\n.cr-icon-button--secondary:active:not(:disabled) {\n background-color: var(--cr-color-fill-brand-subtlest-pressed);\n}\n\n/ Tertiary (Outlined) /\n.cr-icon-button--tertiary {\n background-color: var(--cr-color-fill-neutral-container);\n border-color: var(--cr-color-stroke-neutral-bold);\n color: var(--cr-color-icon-neutral-base);\n}\n.cr-icon-button--tertiary:hover:not(:disabled) {\n background-color: var(--cr-color-fill-neutral-container-hover);\n}\n.cr-icon-button--tertiary:active:not(:disabled) {\n background-color: var(--cr-color-fill-neutral-container-pressed);\n}\n\n/ Desabilitado (Primary, Secondary e Tertiary; o Figma não define o do Other/Icon) /\n.cr-icon-button--primary:disabled,\n.cr-icon-button--secondary:disabled,\n.cr-icon-button--tertiary:disabled {\n background-color: var(--cr-color-fill-disabled-base);\n color: var(--cr-color-icon-disabled-on-fill);\n}\n.cr-icon-button--tertiary:disabled {\n border-color: var(--cr-color-stroke-disabled-base);\n}\n\n/ Ghost (Other / Icon): sem fundo; no Figma só tem Default e Hover. /\n.cr-icon-button--ghost {\n color: var(--cr-color-icon-brand-base);\n}\n.cr-icon-button--ghost:hover:not(:disabled) {\n background-color: var(--cr-color-fill-brand-subtlest);\n}\n","/ Drawer do Figma \"Cristal - Core Components \| Web\", sobre o Sidebar do Prime: gaveta de 340px na\n altura da tela, com o overlay (fill/neutral/boldest a 50%). Consome apenas tokens semânticos. /\n\n/ Overlay: cobre a tela e posiciona a gaveta do lado escolhido. /\n.cr-drawer__mask {\n / O Prime põe width e height de 100% inline: o padding fica por dentro. /\n box-sizing: border-box;\n position: fixed;\n inset: 0;\n display: flex;\n background-color: color-mix(\n in srgb,\n var(--cr-color-fill-neutral-boldest) calc(var(--cr-opacity-opacity-5) 100%),\n transparent\n );\n backdrop-filter: blur(5px); /* desfoque da página atrás, fora do Figma (sem token) /\n}\n.cr-drawer__mask--right {\n justify-content: flex-end;\n}\n.cr-drawer__mask--left {\n justify-content: flex-start;\n}\n/ Sem overlay (modal={false}): a camada continua posicionando a gaveta, mas fica transparente e\n deixa os cliques passarem para a página. /\n.cr-drawer__mask--sem-overlay {\n background-color: transparent;\n backdrop-filter: none;\n pointer-events: none;\n}\n.cr-drawer__mask--sem-overlay .cr-drawer {\n pointer-events: auto;\n}\n/ Sem o overlay, a sombra é a elevação 3 (com overlay, a 4). /\n.cr-drawer__mask--sem-overlay .cr-drawer--right {\n box-shadow: var(--cr-elevation-gray-left-3);\n}\n.cr-drawer__mask--sem-overlay .cr-drawer--left {\n box-shadow: var(--cr-elevation-gray-right-3);\n}\n\n/ Entrada e saída, as do tema do Prime (p-sidebar: 300ms, curva padrão): a gaveta desliza do lado\n dela e o overlay\n aparece e some junto. O Prime troca as classes (Drawer.tsx) e desmonta ao fim da saída. O\n overlay já nasce com a cor final, então ele anima com keyframes a partir do transparente. /\n.cr-drawer__mask:has(> .cr-drawer--enter) {\n animation: cr-drawer-overlay 300ms ease;\n}\n.cr-drawer__mask:has(> .cr-drawer--exit-active) {\n animation: cr-drawer-overlay 300ms ease reverse forwards;\n}\n@keyframes cr-drawer-overlay {\n from {\n background-color: transparent;\n backdrop-filter: blur(0);\n }\n}\n.cr-drawer--enter,\n.cr-drawer--exit-active {\n transform: translateX(var(--cr-drawer-fora));\n}\n.cr-drawer--enter-active {\n transform: none;\n transition: transform 300ms ease;\n}\n.cr-drawer--exit-active {\n transition: transform 300ms ease;\n}\n@media (prefers-reduced-motion: reduce) {\n .cr-drawer__mask:has(> .cr-drawer--enter),\n .cr-drawer__mask:has(> .cr-drawer--exit-active) {\n animation: none;\n }\n .cr-drawer--enter-active,\n .cr-drawer--exit-active {\n transition: none;\n }\n}\n\n.cr-drawer {\n position: relative;\n box-sizing: border-box;\n width: 340px;\n max-width: 100vw;\n height: 100%;\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-text-neutral-base);\n}\n/ Larguras além da do Figma (340px), nas faixas usuais de drawer; sem token. Em telas estreitas\n todas param nos 100vw. O full não usa o fullScreen do Prime, que encurta a transição para\n 150ms e cortaria a animação de 300ms. /\n.cr-drawer--size-medium {\n width: 480px;\n}\n.cr-drawer--size-large {\n width: 720px;\n}\n.cr-drawer--size-full {\n width: 100vw;\n}\n/ A sombra vai para o lado da página; fora da tela é para onde ela sai na animação. /\n.cr-drawer--right {\n --cr-drawer-fora: 100%;\n box-shadow: var(--cr-elevation-gray-left-4);\n}\n.cr-drawer--left {\n --cr-drawer-fora: -100%;\n box-shadow: var(--cr-elevation-gray-right-4);\n}\n\n.cr-drawer__panel {\n display: flex;\n flex-direction: column;\n height: 100%;\n}\n\n/ Full Body: tudo rola junto, com 16px de padding. /\n/ A barra de 8px fica dentro dos 16px da direita, colada na borda, como no Figma: o espaço dela\n fica sempre reservado (scrollbar-gutter) e sai do padding, então o conteúdo não muda de\n largura quando a rolagem aparece. Vale também para o corpo do Fixed Body. /\n.cr-drawer--full .cr-drawer__panel {\n box-sizing: border-box;\n padding: var(--cr-padding-padding-6);\n padding-right: calc(var(--cr-padding-padding-6) - 8px);\n overflow-y: auto;\n scrollbar-gutter: stable;\n}\n.cr-drawer--full .cr-drawer__header {\n padding-bottom: var(--cr-padding-padding-6);\n}\n.cr-drawer--full .cr-drawer__footer {\n padding-top: var(--cr-padding-padding-6);\n}\n\n/ Fixed Body: cabeçalho e rodapé fixos; só o corpo rola. /\n.cr-drawer--fixed .cr-drawer__header {\n / À direita, os 16px da borda mais os 32px do X. /\n padding: var(--cr-padding-padding-6)\n calc(var(--cr-padding-padding-6) + var(--cr-padding-padding-10)) var(--cr-padding-padding-4)\n var(--cr-padding-padding-6);\n}\n.cr-drawer--fixed .cr-drawer__body {\n flex: 1 1 0;\n min-height: 0;\n padding: var(--cr-padding-padding-6);\n padding-right: calc(var(--cr-padding-padding-6) - 8px); / a barra de 8px fica no padding /\n overflow-y: auto;\n scrollbar-gutter: stable;\n}\n.cr-drawer--fixed .cr-drawer__footer {\n padding: var(--cr-padding-padding-6);\n}\n\n/ Cabeçalho (.Drawer Header): título body/medium-16/semibold, subtítulo label/medium-12 em até 2\n linhas; 32px à direita para o X. /\n.cr-drawer__header {\n display: flex;\n flex-shrink: 0;\n flex-direction: column;\n gap: var(--cr-spacing-spacing-4);\n padding-right: var(--cr-padding-padding-10);\n}\n.cr-drawer__title-row {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n min-width: 0;\n}\n.cr-drawer__title {\n flex: 1;\n min-width: 0;\n margin: 0;\n overflow: hidden;\n font-family: var(--cr-typography-body-medium-16-semibold-font-family);\n font-size: var(--cr-typography-body-medium-16-semibold-font-size);\n font-weight: var(--cr-typography-body-medium-16-semibold-font-weight);\n line-height: var(--cr-typography-body-medium-16-semibold-line-height);\n letter-spacing: var(--cr-typography-body-medium-16-semibold-letter-spacing);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-drawer__subtitle {\n display: -webkit-box;\n margin: 0;\n overflow: hidden;\n font-family: var(--cr-typography-label-medium-12-regular-font-family);\n font-size: var(--cr-typography-label-medium-12-regular-font-size);\n font-weight: var(--cr-typography-label-medium-12-regular-font-weight);\n line-height: var(--cr-typography-label-medium-12-regular-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-regular-letter-spacing);\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\n.cr-drawer__body {\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n}\n/ O conteúdo não encolhe para caber: o corpo (ou a gaveta, no full) rola. /\n.cr-drawer__body > {\n flex-shrink: 0;\n}\n\n/* Área com rolagem em foco (pelo teclado) /\n.cr-drawer__panel,\n.cr-drawer__body {\n outline: none;\n}\n.cr-drawer__panel:focus-visible,\n.cr-drawer__body:focus-visible {\n box-shadow: inset var(--cr-effects-focus-ring);\n}\n\n/ Rodapé (.Drawer Footer): botões à direita, 4px entre eles. /\n.cr-drawer__footer {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: flex-end;\n gap: var(--cr-spacing-spacing-3);\n}\n\n/ X a 8px do canto /\n.cr-drawer__close {\n position: absolute;\n top: var(--cr-spacing-spacing-4);\n right: var(--cr-spacing-spacing-4);\n}\n","/ Menubar do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos.\n Fluido (ocupa a largura toda) e responsivo pela largura do próprio Menubar (container\n queries). As larguras das variantes do Figma são os breakpoints: desktop a partir de 1360px,\n tablet de 768 a 1359px e mobile abaixo de 768px (variante de 360px). /\n.cr-menubar {\n container-type: inline-size;\n}\n\n/ Barra fluida: grid de 3 colunas (início, busca centralizada e ferramentas). A busca acompanha\n a largura do Menubar entre 300 e 500px, como no Figma (400px em 1360px). Ela fica no centro\n enquanto os lados cabem; se faltar espaço, o lado mais largo empurra a busca, sem sobrepor. /\n.cr-menubar__bar {\n display: grid;\n grid-template-columns: 1fr clamp(300px, calc(100cqw 400 / 1360), 500px) 1fr;\n column-gap: var(--cr-spacing-spacing-6);\n align-items: center;\n box-sizing: border-box;\n height: 64px;\n padding: 0 var(--cr-padding-padding-8);\n border-bottom: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n}\n.cr-menubar--no-search .cr-menubar__bar {\n grid-template-columns: 1fr auto;\n}\n.cr-menubar__start {\n display: contents;\n}\n\n/* Início (Nav Init): botão de menu + logo, 16px entre eles. /\n.cr-menubar__init {\n display: flex;\n gap: var(--cr-spacing-spacing-6);\n align-items: center;\n justify-self: start;\n}\n\n/ Logo (.Nav Logo): 120×40, com as duas partes do SVG nas posições do Figma (medidas do export,\n sem token). /\n.cr-menubar__logo {\n position: relative;\n display: block;\n flex-shrink: 0;\n width: 120px;\n height: 40px;\n overflow: hidden;\n}\n.cr-menubar__logo-texto {\n position: absolute;\n top: 14.09px;\n left: 1px;\n width: 67.293px;\n height: 11.618px;\n}\n.cr-menubar__logo-simbolo {\n position: absolute;\n top: 10px;\n left: 76.41px;\n width: 42.706px;\n height: 20px;\n}\n\n/ Botões redondos de 40px: menu (.Menubar Button) e ferramentas (.Menubar Tools Button). /\n.cr-menubar__menu-button,\n.cr-menubar__tool {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 40px;\n height: 40px;\n padding: 0;\n border: 0;\n border-radius: var(--cr-radius-full);\n background-color: transparent;\n color: var(--cr-color-icon-neutral-subtle);\n cursor: pointer;\n transition:\n background-color 120ms ease,\n color 120ms ease;\n}\n.cr-menubar__menu-icon,\n.cr-menubar__tool-icon,\n.cr-menubar__search-icon {\n display: inline-flex;\n font-size: 20px;\n}\n.cr-menubar__menu-button:focus-visible,\n.cr-menubar__tool:focus-visible,\n.cr-menubar__search-button:focus-visible,\n.cr-menubar__profile--button:focus-visible {\n outline: none;\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Menu: Hover em neutral/subtlest; Active (Menu Principal aberto) em brand. /\n.cr-menubar__menu-button:hover {\n background-color: var(--cr-color-fill-neutral-subtlest);\n color: var(--cr-color-icon-neutral-base);\n}\n.cr-menubar__menu-button--active,\n.cr-menubar__menu-button--active:hover {\n background-color: var(--cr-color-fill-brand-subtlest);\n color: var(--cr-color-icon-brand-base);\n}\n\n/ Ferramentas (.Nav Tools): 2px entre os botões. Hover e Active (menu aberto) iguais. O Figma\n usa color/icon/primary, que tem o mesmo valor de icon/neutral/base. /\n.cr-menubar__tools {\n display: flex;\n gap: var(--cr-spacing-spacing-2);\n align-items: center;\n}\n.cr-menubar__tool {\n background-color: var(--cr-color-fill-neutral-container);\n}\n.cr-menubar__tool:hover,\n.cr-menubar__tool--active {\n background-color: var(--cr-color-fill-neutral-subtlest);\n color: var(--cr-color-icon-neutral-base);\n}\n\n/ Badge (Show Badge): 24px, no canto de cima do ícone (posição do Figma, sem token). /\n.cr-menubar__badge {\n position: absolute;\n top: -4px;\n left: 20px;\n}\n\n/ Busca (.Menubar Search): pílula de 40px, 300 a 500px de largura (400px no desktop). /\n.cr-menubar__search {\n display: flex;\n gap: var(--cr-spacing-spacing-6);\n align-items: center;\n justify-self: center;\n box-sizing: border-box;\n width: 100%;\n height: 40px;\n padding: 0 var(--cr-padding-padding-2) 0 var(--cr-padding-padding-7);\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-subtler);\n transition: background-color 120ms ease;\n}\n.cr-menubar__search:hover {\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n/ O Figma não define o foco: o anel de foco do Cristal na pílula toda. /\n.cr-menubar__search:focus-within {\n box-shadow: var(--cr-effects-focus-ring);\n}\n.cr-menubar__search-input {\n flex: 1;\n min-width: 0;\n padding: 0;\n border: 0;\n background: none;\n color: var(--cr-color-text-neutral-base);\n font: inherit;\n letter-spacing: inherit;\n outline: none;\n}\n.cr-menubar__search-input::placeholder {\n color: var(--cr-color-text-neutral-subtle);\n opacity: 1;\n}\n\n/ Lupa (.Menubar Search Button): 36px; no hover, fundo branco e ícone brand. /\n.cr-menubar__search-button {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n padding: 0;\n border: 0;\n border-radius: var(--cr-radius-full);\n background-color: transparent;\n color: var(--cr-color-icon-neutral-subtle);\n cursor: pointer;\n}\n.cr-menubar__search-button:hover {\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-icon-brand-base);\n}\n\n/ Fim (Nav Settings): ferramentas + perfil, 4px entre eles. /\n.cr-menubar__end {\n display: flex;\n gap: var(--cr-spacing-spacing-3);\n align-items: center;\n justify-self: end;\n}\n\n/ Perfil (.Menubar Profile): nome e perfil alinhados à direita, avatar de 40px. /\n.cr-menubar__profile {\n display: flex;\n gap: var(--cr-padding-padding-6);\n align-items: center;\n justify-content: flex-end;\n box-sizing: border-box;\n min-width: 124px;\n max-width: 220px;\n padding: var(--cr-padding-padding-3);\n border: 0;\n border-radius: var(--cr-radius-small);\n background-color: transparent;\n color: inherit;\n font: inherit;\n letter-spacing: inherit;\n text-align: right;\n}\n.cr-menubar__profile--button {\n cursor: pointer;\n transition: background-color 120ms ease;\n}\n.cr-menubar__profile--button:hover {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-menubar__profile-text {\n display: flex;\n flex: 1;\n flex-direction: column;\n align-items: flex-end;\n min-width: 0;\n white-space: nowrap;\n}\n.cr-menubar__profile-name,\n.cr-menubar__profile-role {\n max-width: 100%;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.cr-menubar__profile-name {\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-body-small-14-semibold-font-family);\n font-size: var(--cr-typography-body-small-14-semibold-font-size);\n font-weight: var(--cr-typography-body-small-14-semibold-font-weight);\n line-height: var(--cr-typography-body-small-14-semibold-line-height);\n}\n/ O Figma usa color/text/tertiary (#9ca3af), que não é token semântico do Cristal; o semântico\n de mesmo valor é text/neutral/subtlest. Sobre branco ele não passa no contraste mínimo\n (2,5:1): problema de design, marcado nas stories (a11y 'todo') até o Figma ser corrigido. /\n.cr-menubar__profile-role {\n color: var(--cr-color-text-neutral-subtlest);\n}\n\n/ Avatar (.Menubar Profile Avatar): 40px, borda de 1px; sem foto, a inicial em brand. /\n.cr-menubar__avatar {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 40px;\n height: 40px;\n overflow: hidden;\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n border-radius: var(--cr-radius-full);\n}\n.cr-menubar__avatar-image {\n width: 100%;\n height: 100%;\n object-fit: cover;\n}\n.cr-menubar__avatar--initial {\n background-color: var(--cr-color-fill-brand-subtle);\n color: var(--cr-color-text-brand-base);\n font-family: var(--cr-typography-body-large-18-semibold-font-family);\n font-size: var(--cr-typography-body-large-18-semibold-font-size);\n font-weight: var(--cr-typography-body-large-18-semibold-font-weight);\n line-height: var(--cr-typography-body-large-18-semibold-line-height);\n}\n\n/ Tablet (variante 768 do Figma, de 768 a 1359px): padding de 16px, sem busca e só as\n ferramentas marcadas. /\n@container (max-width: 1359px) {\n .cr-menubar .cr-menubar__bar {\n grid-template-columns: 1fr auto;\n padding: 0 var(--cr-padding-padding-6);\n }\n .cr-menubar__search,\n .cr-menubar__tool:not(.cr-menubar__tool--tablet) {\n display: none;\n }\n}\n\n/ Mobile (variante 360 do Figma, abaixo de 768px): só menu e logo; busca, ferramentas e perfil\n somem (a tela pode levá-los para o Menu Principal). /\n@container (max-width: 767px) {\n .cr-menubar__end {\n display: none;\n }\n}\n","/ Tag do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos. Todos os\n tamanhos têm o mesmo padding, gap, raio (8px, pedido do time; o Figma usa 4px) e texto; muda só a\n altura. /\n.cr-tag {\n display: inline-flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-3);\n box-sizing: border-box;\n padding: var(--cr-padding-padding-2) var(--cr-padding-padding-5);\n border: var(--cr-stroke-x-small) solid transparent;\n border-radius: var(--cr-radius-small);\n font-family: var(--cr-typography-label-medium-12-semibold-font-family);\n font-size: var(--cr-typography-label-medium-12-semibold-font-size);\n font-weight: var(--cr-typography-label-medium-12-semibold-font-weight);\n line-height: var(--cr-typography-label-medium-12-semibold-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-semibold-letter-spacing);\n white-space: nowrap;\n}\n\n/ O Prime renderiza um <span> vazio para children depois do valor; fora do fluxo do gap. /\n.cr-tag > span:empty {\n display: none;\n}\n\n/ Tamanhos (alturas do Figma, sem token) /\n.cr-tag--small {\n height: 24px;\n}\n.cr-tag--medium {\n height: 28px;\n}\n.cr-tag--large {\n height: 32px;\n}\n.cr-tag--x-large {\n height: 36px;\n}\n\n/ Ícone (Leading Icon no Figma): 16px, com a cor de ícone de cada tipo. /\n.cr-tag__icon {\n display: inline-flex;\n font-size: 16px;\n color: var(--cr-tag-icon-color);\n}\n\n/ Tipos /\n.cr-tag--default {\n background-color: var(--cr-color-fill-brand-base);\n color: var(--cr-color-text-inverse-base);\n --cr-tag-icon-color: var(--cr-color-icon-inverse-base);\n}\n.cr-tag--success {\n background-color: var(--cr-color-fill-success-subtle);\n color: var(--cr-color-text-success-base);\n --cr-tag-icon-color: var(--cr-color-icon-success-base);\n}\n.cr-tag--warning {\n background-color: var(--cr-color-fill-warning-subtle);\n color: var(--cr-color-text-warning-base);\n --cr-tag-icon-color: var(--cr-color-icon-warning-base);\n}\n.cr-tag--danger {\n background-color: var(--cr-color-fill-danger-subtle);\n color: var(--cr-color-text-danger-base);\n --cr-tag-icon-color: var(--cr-color-icon-danger-base);\n}\n.cr-tag--info {\n background-color: var(--cr-color-fill-information-subtle);\n color: var(--cr-color-text-information-base);\n --cr-tag-icon-color: var(--cr-color-icon-information-base);\n}\n.cr-tag--purple {\n background-color: var(--cr-color-fill-highlight-subtle);\n color: var(--cr-color-text-highlight-base);\n --cr-tag-icon-color: var(--cr-color-icon-highlight-base);\n}\n.cr-tag--gray {\n background-color: var(--cr-color-fill-neutral-subtler);\n color: var(--cr-color-text-neutral-subtle);\n --cr-tag-icon-color: var(--cr-color-icon-neutral-subtle);\n}\n.cr-tag--inverse {\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-text-brand-base);\n --cr-tag-icon-color: var(--cr-color-icon-brand-base);\n}\n.cr-tag--outline {\n background-color: var(--cr-color-fill-neutral-container);\n border-color: var(--cr-color-stroke-neutral-base);\n color: var(--cr-color-text-neutral-base);\n --cr-tag-icon-color: var(--cr-color-icon-neutral-base);\n}\n","/ Menu Principal do Figma \"Cristal - Core Components \| Web\" (página Menu Suspenso), sobre o Menu\n do Prime. Consome apenas tokens semânticos. /\n\n/ Container (.Menu Principal / Container): 380px, até 672px de altura, raio large e\n elevation/gray/bottom/6; 16px de padding em volta da lista. /\n.cr-menu-principal {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 380px;\n max-width: 100vw;\n max-height: 672px;\n padding: var(--cr-padding-padding-6);\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n border-radius: var(--cr-radius-large);\n background-color: var(--cr-color-fill-neutral-container);\n box-shadow: var(--cr-elevation-gray-bottom-6);\n color: var(--cr-color-text-neutral-base);\n}\n\n/ Popup: renderizado no body e posicionado pelo Prime, a 4px do botão que o abriu (como o Menu).\n Até 672px, mas nunca além da tela: o menu para pelo menos 24px antes da borda de baixo,\n contando do botão (--cr-menu-principal-topo, medido ao abrir). Se a tela diminuir, ele diminui\n junto e a lista rola por dentro. Os 24px são pedido do time (o Figma não define). /\n.cr-menu-principal--popup {\n position: absolute;\n max-height: min(\n 672px,\n calc(\n 100dvh - var(--cr-menu-principal-topo, 0px) - var(--cr-spacing-spacing-3) -\n var(--cr-padding-padding-8)\n )\n );\n margin-top: var(--cr-spacing-spacing-3);\n}\n/ Quando o Prime o abre acima, o MenuPrincipal.tsx marca data-cr-lado=\"acima\" (popup.ts). /\n.cr-menu-principal--popup[data-cr-lado='acima'] {\n margin-top: calc(var(--cr-spacing-spacing-3) -1);\n}\n\n/* Lista (Menu Principal Body Content): rola dentro do padding. /\n.cr-menu-principal__list {\n flex: 1 1 auto;\n min-height: 0;\n margin: 0;\n padding: 0;\n overflow-y: auto;\n list-style: none;\n outline: none;\n}\n\n/ Barra de rolagem (Scrollbar no Figma): 8px a 2px dos itens, polegar fill/neutral/subtle\n (subtle/hover no hover) e trilho transparente. Só aparece com o mouse sobre o menu, em qualquer\n parte dele (padding incluído); o espaço dela fica sempre reservado, então os itens não mudam de\n largura. A borda transparente faz os 2px; o raio da esquerda soma a borda para as duas pontas\n ficarem redondas. /\n.cr-menu-principal__list::-webkit-scrollbar {\n width: 10px; / 2px + 8px de barra (sem token) /\n}\n.cr-menu-principal__list::-webkit-scrollbar-thumb {\n border-left: var(--cr-spacing-spacing-2) solid transparent;\n border-radius: 6px 4px 4px 6px / 4px; / sem token: o raio soma a borda transparente /\n background-clip: padding-box;\n background-color: transparent;\n}\n.cr-menu-principal:hover .cr-menu-principal__list::-webkit-scrollbar-thumb {\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-menu-principal__list::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-menu-principal__list {\n scrollbar-width: thin;\n scrollbar-color: transparent transparent;\n }\n .cr-menu-principal:hover .cr-menu-principal__list {\n scrollbar-color: var(--cr-color-fill-neutral-subtle) transparent;\n }\n}\n\n/ Título do grupo (Product Group): label/medium-12/medium em text/neutral/subtle. /\n.cr-menu-principal__group {\n padding: var(--cr-padding-padding-4) var(--cr-padding-padding-6);\n color: var(--cr-color-text-neutral-subtle);\n font-family: var(--cr-typography-label-medium-12-medium-font-family);\n font-size: var(--cr-typography-label-medium-12-medium-font-size);\n font-weight: var(--cr-typography-label-medium-12-medium-font-weight);\n line-height: var(--cr-typography-label-medium-12-medium-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-medium-letter-spacing);\n}\n\n/ Divisor: o Horizontal Divider Dashed (traço 2px / intervalo 2px), com 12px em cima e embaixo e\n 16px nas laterais. /\n.cr-menu-principal__separator {\n width: auto; / o Divider ocupa 100%; aqui as margens laterais descontam /\n margin: var(--cr-padding-padding-5) var(--cr-padding-padding-6);\n}\n\n/ Item (.Menu Principal / Item): 20px em cima e embaixo, 16px nas laterais (mais 20px à direita\n no conteúdo), raio small, ícone num círculo de 44px. /\n.cr-menu-principal__item {\n position: relative;\n}\n.cr-menu-principal__action {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n box-sizing: border-box;\n min-height: 71px;\n padding: var(--cr-padding-padding-7)\n calc(var(--cr-padding-padding-6) + var(--cr-padding-padding-7)) var(--cr-padding-padding-7)\n var(--cr-padding-padding-6);\n border-radius: var(--cr-radius-small);\n background-color: var(--cr-color-fill-neutral-container);\n color: inherit;\n text-decoration: none;\n cursor: pointer;\n}\n.cr-menu-principal__icon {\n display: inline-flex;\n flex-shrink: 0;\n padding: var(--cr-padding-padding-5);\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-subtlest);\n color: var(--cr-color-icon-neutral-base);\n font-size: 20px;\n}\n.cr-menu-principal__text {\n display: flex;\n flex: 1;\n flex-direction: column;\n min-width: 0;\n}\n.cr-menu-principal__label {\n overflow: hidden;\n font-family: var(--cr-typography-body-small-14-semibold-font-family);\n font-size: var(--cr-typography-body-small-14-semibold-font-size);\n font-weight: var(--cr-typography-body-small-14-semibold-font-weight);\n line-height: var(--cr-typography-body-small-14-semibold-line-height);\n letter-spacing: var(--cr-typography-body-small-14-semibold-letter-spacing);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-menu-principal__description {\n display: -webkit-box;\n overflow: hidden;\n color: var(--cr-color-text-neutral-subtle);\n font-family: var(--cr-typography-label-medium-12-regular-font-family);\n font-size: var(--cr-typography-label-medium-12-regular-font-size);\n font-weight: var(--cr-typography-label-medium-12-regular-font-weight);\n line-height: var(--cr-typography-label-medium-12-regular-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-regular-letter-spacing);\n -webkit-box-orient: vertical;\n -webkit-line-clamp: 2;\n}\n\n/ Tag (Show Tag): no canto de cima, a 12px da direita. /\n.cr-menu-principal__tag {\n position: absolute;\n top: 0;\n right: var(--cr-spacing-spacing-5);\n}\n\n/ Hover: fundo brand/subtlest, círculo branco e ícone brand. /\n.cr-menu-principal__item:hover .cr-menu-principal__action {\n background-color: var(--cr-color-fill-brand-subtlest);\n}\n.cr-menu-principal__item:hover .cr-menu-principal__icon {\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-icon-brand-base);\n}\n\n/ Focus: só na navegação pelo teclado (o Prime também marca o item sob o mouse). O anel fica por\n dentro para a rolagem da lista não cortar. O Prime não expõe o item em foco pelo pt nem por ARIA\n no item, então fica o data-p-focused dele, como no Menu. /\n.cr-menu-principal__list:focus-visible\n .cr-menu-principal__item[data-p-focused='true']\n .cr-menu-principal__action {\n box-shadow: inset var(--cr-effects-focus-ring);\n}\n","/ Message do Figma \"Cristal - Core Components \| Web\", sobre o Message do Prime. Consome apenas\n tokens semânticos. Faixa fluida com 12px de padding, raio small, ícone de 20px e 8px até o texto\n body/small-14 em text/neutral/base; fundo e ícone na cor de cada tipo. /\n/ O ícone (20px) alinha pelo topo do texto (linha de 21px): centralizado, cairia em meio pixel\n e ficaria serrilhado. Com o texto em várias linhas, fica na altura da primeira. /\n.cr-message {\n display: flex;\n align-items: flex-start;\n gap: var(--cr-spacing-spacing-4);\n box-sizing: border-box;\n padding: var(--cr-padding-padding-5);\n border-radius: var(--cr-radius-small);\n background-color: var(--cr-message-bg);\n color: var(--cr-color-text-neutral-base);\n}\n\n.cr-message__icon {\n display: inline-flex;\n flex-shrink: 0;\n color: var(--cr-message-icon);\n font-size: 20px;\n}\n\n.cr-message__text {\n flex: 1;\n min-width: 0;\n overflow-wrap: break-word;\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n}\n\n/ Tipos /\n.cr-message--info {\n --cr-message-bg: var(--cr-color-fill-information-subtle);\n --cr-message-icon: var(--cr-color-icon-information-base);\n}\n.cr-message--warning {\n --cr-message-bg: var(--cr-color-fill-warning-subtle);\n --cr-message-icon: var(--cr-color-icon-warning-base);\n}\n.cr-message--success {\n --cr-message-bg: var(--cr-color-fill-success-subtle);\n --cr-message-icon: var(--cr-color-icon-success-base);\n}\n.cr-message--danger {\n --cr-message-bg: var(--cr-color-fill-danger-subtle);\n --cr-message-icon: var(--cr-color-icon-danger-base);\n}\n.cr-message--highlight {\n --cr-message-bg: var(--cr-color-fill-highlight-subtle);\n --cr-message-icon: var(--cr-color-icon-highlight-base);\n}\n.cr-message--neutral {\n --cr-message-bg: var(--cr-color-fill-neutral-subtler);\n --cr-message-icon: var(--cr-color-icon-neutral-base);\n}\n","/ Modal do Figma \"Cristal - Core Components \| Web\", sobre o Dialog do Prime, com o overlay\n (fill/neutral/boldest a 50%). Consome apenas tokens semânticos. /\n\n/ Overlay: cobre a tela e centraliza o modal. /\n.cr-modal__mask {\n / O Prime põe width e height de 100% inline: o padding fica por dentro. /\n box-sizing: border-box;\n position: fixed;\n inset: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: var(--cr-padding-padding-8);\n background-color: color-mix(\n in srgb,\n var(--cr-color-fill-neutral-boldest) calc(var(--cr-opacity-opacity-5) 100%),\n transparent\n );\n backdrop-filter: blur(5px); /* desfoque da página atrás, fora do Figma (sem token) /\n}\n\n/ Entrada e saída, as do tema do Prime (p-dialog e o overlay): o modal cresce de 70% com fade em\n 150ms e sai do mesmo jeito; o overlay aparece e some junto. O overlay já nasce com a cor final,\n então ele anima com keyframes a partir do transparente. Tempos do Prime (sem token). /\n.cr-modal__mask:has(> .cr-modal--entrar) {\n animation: cr-modal-overlay 150ms forwards;\n}\n.cr-modal__mask:has(> .cr-modal--saindo) {\n animation: cr-modal-overlay 150ms reverse forwards;\n}\n@keyframes cr-modal-overlay {\n from {\n background-color: transparent;\n backdrop-filter: blur(0);\n }\n}\n.cr-modal--entrar,\n.cr-modal--saindo {\n opacity: 0;\n transform: scale(0.7);\n}\n.cr-modal--entrando {\n opacity: 1;\n transform: scale(1);\n transition: all 150ms cubic-bezier(0, 0, 0.2, 1);\n}\n.cr-modal--entrou {\n transform: none;\n}\n.cr-modal--saindo {\n transition: all 150ms cubic-bezier(0.4, 0, 0.2, 1);\n}\n@media (prefers-reduced-motion: reduce) {\n .cr-modal__mask:has(> .cr-modal--entrar),\n .cr-modal__mask:has(> .cr-modal--saindo) {\n animation: none;\n }\n .cr-modal--entrando,\n .cr-modal--saindo {\n transition: none;\n }\n}\n\n.cr-modal {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n width: 100%;\n max-height: 100%;\n overflow: hidden;\n background-color: var(--cr-color-fill-neutral-container);\n color: var(--cr-color-text-neutral-base);\n}\n\n.cr-modal__header {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n gap: var(--cr-spacing-spacing-7);\n}\n.cr-modal__title {\n flex: 1;\n min-width: 0;\n margin: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-modal__tools {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n}\n\n.cr-modal__body {\n display: flex;\n flex: 1 1 auto;\n flex-direction: column;\n min-height: 0;\n overflow-y: auto;\n outline: none;\n / A barra de 8px fica dentro do padding da direita, colada na borda, como no Figma: o espaço\n dela fica sempre reservado e sai do padding (os tamanhos tiram 8px do padding-right), então o\n conteúdo não muda de largura quando a rolagem aparece. /\n scrollbar-gutter: stable;\n}\n/ O conteúdo não encolhe para caber: o corpo rola. /\n.cr-modal__body > {\n flex-shrink: 0;\n}\n.cr-modal__body:focus-visible {\n box-shadow: inset var(--cr-effects-focus-ring);\n}\n\n.cr-modal__footer {\n display: flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: space-between;\n gap: var(--cr-spacing-spacing-5);\n}\n.cr-modal__footer-start,\n.cr-modal__footer-end {\n display: flex;\n align-items: center;\n}\n.cr-modal__footer-end {\n justify-content: flex-end;\n margin-left: auto;\n}\n\n/* Large (.Modal / Header, Body e Footer / Large): 1200 x 720px, raio large, linhas entre as\n partes, título body/medium-16/semibold. /\n.cr-modal--large {\n max-width: 1200px;\n height: 720px;\n border-radius: var(--cr-radius-large);\n box-shadow: var(--cr-elevation-gray-bottom-5);\n}\n.cr-modal--large .cr-modal__header {\n padding: var(--cr-padding-padding-5) var(--cr-padding-padding-8);\n border-bottom: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n}\n.cr-modal--large .cr-modal__title {\n font-family: var(--cr-typography-body-medium-16-semibold-font-family);\n font-size: var(--cr-typography-body-medium-16-semibold-font-size);\n font-weight: var(--cr-typography-body-medium-16-semibold-font-weight);\n line-height: var(--cr-typography-body-medium-16-semibold-line-height);\n letter-spacing: var(--cr-typography-body-medium-16-semibold-letter-spacing);\n}\n.cr-modal--large .cr-modal__body {\n padding: var(--cr-padding-padding-8);\n padding-right: calc(var(--cr-padding-padding-8) - 8px);\n}\n.cr-modal--large .cr-modal__footer {\n padding: var(--cr-padding-padding-6) var(--cr-padding-padding-8) var(--cr-padding-padding-8);\n border-top: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n}\n.cr-modal--large .cr-modal__footer-end {\n gap: var(--cr-spacing-spacing-5);\n}\n\n/ Small e Medium (.Modal / Small): 520 ou 768px de largura, raio medium, sem linhas, título\n body/large-18/semibold; o corpo rola a partir de 582px. /\n.cr-modal--small,\n.cr-modal--medium {\n border-radius: var(--cr-radius-medium);\n box-shadow: var(--cr-elevation-gray-bottom-6);\n}\n.cr-modal--small {\n max-width: 520px;\n}\n.cr-modal--medium {\n max-width: 768px;\n}\n.cr-modal--small .cr-modal__header,\n.cr-modal--medium .cr-modal__header {\n padding: var(--cr-padding-padding-6) var(--cr-padding-padding-9);\n}\n.cr-modal--small .cr-modal__title,\n.cr-modal--medium .cr-modal__title {\n font-family: var(--cr-typography-body-large-18-semibold-font-family);\n font-size: var(--cr-typography-body-large-18-semibold-font-size);\n font-weight: var(--cr-typography-body-large-18-semibold-font-weight);\n line-height: var(--cr-typography-body-large-18-semibold-line-height);\n letter-spacing: var(--cr-typography-body-large-18-semibold-letter-spacing);\n}\n.cr-modal--small .cr-modal__body,\n.cr-modal--medium .cr-modal__body {\n max-height: 582px;\n padding: var(--cr-padding-padding-7) var(--cr-padding-padding-9);\n padding-right: calc(var(--cr-padding-padding-9) - 8px);\n}\n.cr-modal--small .cr-modal__footer,\n.cr-modal--medium .cr-modal__footer {\n padding: var(--cr-padding-padding-6) var(--cr-padding-padding-9) var(--cr-padding-padding-9);\n}\n/ Two e Tree Buttons: com botão à esquerda, 20px acima. /\n.cr-modal--small .cr-modal__footer:has(.cr-modal__footer-start:not(:empty)),\n.cr-modal--medium .cr-modal__footer:has(.cr-modal__footer-start:not(:empty)) {\n padding-top: var(--cr-padding-padding-7);\n}\n.cr-modal--small .cr-modal__footer-end,\n.cr-modal--medium .cr-modal__footer-end {\n gap: var(--cr-spacing-spacing-4);\n}\n\n/ Corpo com rolagem: sombra no rodapé (Shadow (Up content scrollable) no Figma). /\n.cr-modal--scrollable .cr-modal__footer {\n position: relative;\n box-shadow: var(--cr-elevation-gray-top-3);\n}\n\n/ Large abaixo de 768px de tela (Responsive=360 no Figma): tela cheia, 16px nas laterais. /\n@media (max-width: 767px) {\n .cr-modal__mask:has(.cr-modal--large) {\n padding: 0;\n }\n .cr-modal--large {\n max-width: none;\n height: 100%;\n border-radius: 0;\n }\n .cr-modal--large .cr-modal__header {\n padding: var(--cr-padding-padding-5) var(--cr-padding-padding-6);\n }\n .cr-modal--large .cr-modal__body {\n padding: var(--cr-padding-padding-8) var(--cr-padding-padding-6);\n padding-right: calc(var(--cr-padding-padding-6) - 8px);\n }\n .cr-modal--large .cr-modal__footer {\n padding: var(--cr-padding-padding-6) var(--cr-padding-padding-6) var(--cr-padding-padding-8);\n }\n .cr-modal__mask:has(.cr-modal--small),\n .cr-modal__mask:has(.cr-modal--medium) {\n padding: var(--cr-padding-padding-6);\n }\n}\n","/ Multiselect do Figma \"Cristal - Core Components \| Web\". O rótulo, a caixa, os tamanhos e a dica\n vêm do campo do Input (.cr-field); aqui ficam só o que o Multiselect define diferente e as\n partes próprias (chips, seta, lista). Consome apenas tokens semânticos. /\n\n/ Caixa do campo /\n.cr-multiselect .cr-multiselect__control {\n cursor: pointer;\n}\n.cr-multiselect.cr-field--disabled .cr-multiselect__control {\n cursor: not-allowed;\n}\n\n/ Hover: no Multiselect a borda vai para stroke/neutral/bold/hover (Outline e Filled) e o fundo\n do Filled não muda. /\n.cr-multiselect.cr-field--outline:not(.cr-field--disabled) .cr-field__control:hover {\n border-color: var(--cr-color-stroke-neutral-bold-hover);\n}\n.cr-multiselect.cr-field--filled .cr-field__control {\n border-color: var(--cr-color-stroke-neutral-base);\n}\n.cr-multiselect.cr-field--filled:not(.cr-field--disabled) .cr-field__control:hover {\n background-color: var(--cr-color-fill-neutral-subtlest);\n border-color: var(--cr-color-stroke-neutral-bold-hover);\n}\n\n/ Focus (também com a lista aberta) e Error repetem o do campo, que perderia para as regras\n acima. /\n.cr-multiselect .cr-field__control:focus-within,\n.cr-multiselect .cr-multiselect__control--open,\n.cr-multiselect:not(.cr-field--disabled) .cr-field__control:focus-within:hover,\n.cr-multiselect:not(.cr-field--disabled) .cr-multiselect__control--open:hover {\n border-color: var(--cr-color-stroke-brand-base);\n}\n.cr-multiselect .cr-multiselect__control--open {\n box-shadow: var(--cr-effects-focus-ring);\n}\n.cr-multiselect.cr-field--filled .cr-multiselect__control--open {\n background-color: var(--cr-color-fill-neutral-container);\n}\n.cr-multiselect.cr-field--error .cr-field__control,\n.cr-multiselect.cr-field--error:not(.cr-field--disabled) .cr-field__control:hover {\n border-color: var(--cr-color-stroke-danger-base);\n}\n\n/ Disabled: borda stroke/disabled/base nos dois tipos. /\n.cr-multiselect.cr-field--disabled .cr-field__control {\n border-color: var(--cr-color-stroke-disabled-base);\n}\n\n/ O <input> combobox do Prime fica escondido visualmente (cr-so-leitor, no comum.css); ele recebe\n o foco e o rótulo. /\n.cr-multiselect__hidden input {\n margin: 0;\n padding: 0;\n border: 0;\n}\n\n/ Valor: chips ou o texto do campo vazio (Field Text no Figma) /\n.cr-multiselect__value {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n}\n.cr-multiselect__chips {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-horizontal-between-chips);\n overflow: hidden;\n white-space: nowrap;\n}\n.cr-multiselect__chip {\n flex-shrink: 0;\n}\n.cr-multiselect__placeholder {\n overflow: hidden;\n color: var(--cr-color-text-neutral-subtlest);\n text-overflow: ellipsis;\n}\n.cr-multiselect.cr-field--error .cr-multiselect__placeholder {\n color: var(--cr-color-text-danger-base);\n}\n\n/ Seta (CaretDown de 14px) /\n.cr-multiselect .cr-multiselect__trigger {\n font-size: 14px;\n color: var(--cr-color-icon-neutral-base);\n}\n\n/ Lista (.Multiselect / List no Figma): a lista comum do Cristal (lista.css: painel, rolagem e\n itens), renderizada no body e posicionada pelo Prime, com a borda; a elevação muda com a\n densidade. /\n.cr-multiselect__panel {\n position: absolute;\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n}\n.cr-multiselect__panel--normal {\n box-shadow: var(--cr-elevation-gray-bottom-4);\n}\n.cr-multiselect__panel--compact {\n box-shadow: var(--cr-elevation-gray-bottom-3);\n}\n\n/ Topo da lista (.Multiselect / Search Filter): \"selecionar todos\" + busca /\n.cr-multiselect__header {\n display: flex;\n align-items: center;\n gap: var(--cr-padding-padding-4);\n padding-left: var(--cr-padding-padding-4);\n}\n.cr-multiselect__close {\n display: none; / o Figma não tem botão de fechar /\n}\n.cr-multiselect__search {\n display: flex;\n flex: 1;\n align-items: center;\n gap: var(--cr-padding-padding-4);\n box-sizing: border-box;\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-bold);\n border-radius: var(--cr-radius-small);\n background-color: var(--cr-color-fill-neutral-container);\n}\n.cr-multiselect__panel--normal .cr-multiselect__search {\n height: 36px;\n padding: var(--cr-padding-padding-4);\n}\n.cr-multiselect__panel--compact .cr-multiselect__search {\n height: 32px;\n padding: var(--cr-padding-padding-2) var(--cr-padding-padding-4);\n}\n.cr-multiselect__search:hover {\n border-color: var(--cr-color-stroke-neutral-bold-hover);\n}\n.cr-multiselect__search:focus-within {\n border-color: var(--cr-color-stroke-brand-base);\n box-shadow: var(--cr-effects-focus-ring);\n}\n.cr-multiselect__search-input {\n flex: 1;\n min-width: 0;\n padding: 0;\n border: 0;\n background: none;\n color: inherit;\n font: inherit;\n letter-spacing: inherit;\n outline: none;\n}\n.cr-multiselect__search-input::placeholder {\n color: var(--cr-color-text-neutral-subtlest);\n opacity: 1;\n}\n.cr-multiselect__search-icon {\n display: inline-flex;\n flex-shrink: 0;\n font-size: 16px;\n}\n\n/ Itens (.Multiselect / List Item), sobre o item da lista comum. A altura da rolagem (7 itens) vem\n do scrollHeight do Prime. A mensagem de vazio não é item: sem hover nem cursor de mão. /\n.cr-multiselect__item,\n.cr-multiselect__empty {\n gap: var(--cr-spacing-spacing-4);\n}\n.cr-multiselect__empty {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n border-radius: var(--cr-radius-x-small);\n background-color: var(--cr-color-fill-neutral-container);\n}\n.cr-multiselect__panel--normal .cr-multiselect__item,\n.cr-multiselect__panel--normal .cr-multiselect__empty {\n height: 40px;\n padding: var(--cr-padding-padding-4);\n}\n.cr-multiselect__panel--compact .cr-multiselect__item,\n.cr-multiselect__panel--compact .cr-multiselect__empty {\n height: 32px;\n padding: var(--cr-padding-padding-3) var(--cr-padding-padding-4);\n}\n/ Hover (e o item destacado pelo teclado): fundo neutral/subtlest com raio small. /\n.cr-multiselect__item:hover,\n.cr-multiselect__item--focused {\n border-radius: var(--cr-radius-small);\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n\n/ Checkbox (.Checkbox Box no Figma): a caixa do Checkbox do Cristal (24px, borda de 2px; no\n Checkbox.css), com o check de 16px; o hover e o marcado em brand são daqui. /\n.cr-multiselect__checkbox {\n display: inline-flex; / o do Checkbox é block: aqui fica na linha, como antes /\n}\n.cr-multiselect__checkbox-box {\n font-size: 16px;\n}\n/ Marcado pelo estado nativo do input (:checked), não pelo atributo interno do Prime. /\n.cr-multiselect__item:hover\n .cr-multiselect__checkbox:not(:has(.cr-multiselect__checkbox-input:checked))\n .cr-multiselect__checkbox-box,\n.cr-multiselect__select-all:hover\n .cr-multiselect__checkbox:not(:has(.cr-multiselect__checkbox-input:checked))\n .cr-multiselect__checkbox-box {\n border-color: var(--cr-color-stroke-neutral-bolder);\n}\n.cr-multiselect__checkbox:has(.cr-multiselect__checkbox-input:checked)\n .cr-multiselect__checkbox-box {\n border-color: var(--cr-color-fill-brand-base);\n background-color: var(--cr-color-fill-brand-base);\n}\n","/ Page Header do Figma \"Cristal - Core Components \| Web\". Consome apenas tokens semânticos.\n Fluido e responsivo pela largura do próprio PageHeader (container queries), com as larguras\n das variantes do Figma como breakpoints, como no Menubar: desktop a partir de 1360px, tablet de\n 768 a 1359px (padding de 16px) e mobile abaixo de 768px (variante de 360px, em duas linhas). /\n.cr-page-header {\n container-type: inline-size;\n display: flex;\n flex-direction: column;\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ .Page Header Title: 58px de altura mínima, 8px x 24px. Texto à esquerda; ferramentas e expandir\n à direita, 4px entre eles. /\n.cr-page-header__title-group {\n display: grid;\n grid-template-areas: 'text tools expand';\n grid-template-columns: minmax(0, 1fr) auto auto;\n column-gap: var(--cr-spacing-spacing-3);\n align-items: center;\n box-sizing: border-box;\n min-height: 58px;\n padding: var(--cr-padding-padding-4) var(--cr-padding-padding-8);\n}\n\n.cr-page-header__title-text {\n display: flex;\n grid-area: text;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n min-width: 0;\n}\n.cr-page-header__title-text > {\n flex-shrink: 0;\n}\n\n/* Título heading-web/small, numa linha só, com reticências. /\n.cr-page-header__title {\n flex-shrink: 1;\n min-width: 0;\n margin: 0;\n overflow: hidden;\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-heading-web-small-font-family);\n font-size: var(--cr-typography-heading-web-small-font-size);\n font-weight: var(--cr-typography-heading-web-small-font-weight);\n line-height: var(--cr-typography-heading-web-small-line-height);\n letter-spacing: var(--cr-typography-heading-web-small-letter-spacing);\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n\n.cr-page-header__tools {\n display: flex;\n grid-area: tools;\n align-items: center;\n gap: var(--cr-spacing-spacing-3);\n}\n.cr-page-header__segment {\n display: flex;\n}\n/ .Page Header Title Buttons: 8px entre os botões. /\n.cr-page-header__actions {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n}\n.cr-page-header__expand {\n grid-area: expand;\n}\n\n/ Abas, com a linha de 1px (Horizontal Divider) embaixo de todas. /\n.cr-page-header__tab-list {\n display: flex;\n margin: 0;\n padding: 0 0 0 var(--cr-padding-padding-8);\n overflow-x: auto;\n border-bottom: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n list-style: none;\n scrollbar-width: none;\n}\n.cr-page-header__tab-item {\n display: flex;\n flex-shrink: 0;\n}\n.cr-page-header__inkbar {\n display: none;\n}\n\n/ .Page Header Tab Item: 44px, 4px entre ícone e texto, cantos de cima em x-small e o sublinhado\n de 2px na ativa. Texto body/small-14 em text/neutral/subtle; no hover, text/neutral/base; na\n ativa, semibold em text/brand/base. /\n.cr-page-header__tab {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--cr-spacing-spacing-3);\n box-sizing: border-box;\n height: 44px;\n padding: 0 var(--cr-padding-padding-7);\n border-bottom: 2px solid transparent;\n border-radius: var(--cr-radius-x-small) var(--cr-radius-x-small) 0 0;\n color: var(--cr-color-text-neutral-subtle);\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n white-space: nowrap;\n text-decoration: none;\n cursor: pointer;\n outline: none;\n}\n.cr-page-header__tab:hover {\n color: var(--cr-color-text-neutral-base);\n}\n.cr-page-header__tab[aria-current='page'] {\n border-bottom-color: var(--cr-color-stroke-brand-base);\n color: var(--cr-color-text-brand-base);\n font-weight: var(--cr-typography-body-small-14-semibold-font-weight);\n}\n.cr-page-header__tab:focus-visible {\n box-shadow: inset var(--cr-effects-focus-ring);\n}\n/ Desabilitada (o Figma não define: segue o texto desabilitado dos campos). /\n.cr-page-header__tab-item[aria-disabled='true'] .cr-page-header__tab {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n\n/ Ícone de 16px num círculo de 32px (Page Header Tab Item Icon), em icon/neutral/base; na ativa,\n icon/brand/base. /\n.cr-page-header__tab-icon {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n border-radius: var(--cr-radius-full);\n color: var(--cr-color-icon-neutral-base);\n font-size: 16px;\n}\n.cr-page-header__tab[aria-current='page'] .cr-page-header__tab-icon {\n color: var(--cr-color-icon-brand-base);\n}\n\n/ Primary: círculo em fill/neutral/subtlest (subtler no hover); a ativa tem o fundo\n fill/brand/subtlest e o círculo branco. /\n.cr-page-header--primary .cr-page-header__tab-icon {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-page-header--primary .cr-page-header__tab:hover .cr-page-header__tab-icon {\n background-color: var(--cr-color-fill-neutral-subtler);\n}\n.cr-page-header--primary .cr-page-header__tab[aria-current='page'] {\n background-color: var(--cr-color-fill-brand-subtlest);\n}\n.cr-page-header--primary .cr-page-header__tab[aria-current='page'] .cr-page-header__tab-icon {\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ Secondary: só o texto, 24px dos lados. /\n.cr-page-header--secondary .cr-page-header__tab {\n padding: 0 var(--cr-padding-padding-8);\n}\n\n/ Tablet (variante 768 do Figma, de 768 a 1359px): padding de 16px. /\n@container (max-width: 1359px) {\n .cr-page-header__title-group {\n padding-right: var(--cr-padding-padding-6);\n padding-left: var(--cr-padding-padding-6);\n }\n .cr-page-header__tab-list {\n padding-left: var(--cr-padding-padding-6);\n }\n}\n\n/ Mobile (variante 360 do Figma, abaixo de 768px): voltar, título e expandir (36px) na primeira\n linha; as ferramentas embaixo, a 12px, com o Segment Control na largura toda e os segmentos\n divididos por igual. 4px entre o título e as abas. /\n@container (max-width: 767px) {\n .cr-page-header {\n gap: var(--cr-spacing-spacing-3);\n }\n .cr-page-header__title-group {\n grid-template-areas: 'text expand';\n grid-template-columns: minmax(0, 1fr) auto;\n column-gap: var(--cr-spacing-spacing-4);\n row-gap: var(--cr-spacing-spacing-5);\n min-height: 0;\n }\n .cr-page-header__title-group--tools {\n grid-template-areas:\n 'text expand'\n 'tools tools';\n }\n .cr-page-header__tools {\n gap: var(--cr-spacing-spacing-4);\n }\n .cr-page-header__segment {\n flex: 1;\n min-width: 0;\n }\n .cr-page-header__segment .cr-segment {\n width: 100%;\n }\n .cr-page-header__segment .cr-segment__item {\n flex: 1 1 0;\n }\n .cr-page-header__expand {\n width: 36px;\n height: 36px;\n }\n}\n","/ Select do Figma \"Cristal - Core Components \| Web\". O rótulo, a caixa, os tamanhos e a dica vêm\n do campo do Input (.cr-field); aqui ficam o que o Select define diferente e as partes próprias\n (texto, seta e lista). Consome apenas tokens semânticos. /\n\n/ Caixa do campo /\n.cr-select .cr-select__control {\n cursor: pointer;\n}\n.cr-select.cr-field--disabled .cr-select__control {\n cursor: not-allowed;\n}\n\n/ Focus: o combobox fica escondido dentro da caixa; com a lista aberta, a caixa continua no\n estado Focused do Figma. /\n.cr-select .cr-select__control--open,\n.cr-select:not(.cr-field--disabled) .cr-select__control--open:hover {\n border-color: var(--cr-color-stroke-brand-base);\n box-shadow: var(--cr-effects-focus-ring);\n}\n.cr-select.cr-field--filled .cr-select__control--open {\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ Texto do campo: valor ou o texto do campo vazio (Field Text no Figma) /\n.cr-select__value {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-select__placeholder {\n color: var(--cr-color-text-neutral-subtlest);\n}\n.cr-select.cr-field--error .cr-select__placeholder {\n color: var(--cr-color-text-danger-base);\n}\n\n/ Seta (CaretDown/CaretUp de 16px num botão de 32px no Figma) /\n.cr-select .cr-select__trigger {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n margin: calc(var(--cr-padding-padding-4) -1) 0;\n color: var(--cr-color-icon-neutral-base);\n font-size: 16px;\n}\n\n/* Lista (Dropdown List no Figma): a lista comum do Cristal (lista.css: painel, rolagem, itens,\n hover, foco e selecionado), renderizada no body e posicionada pelo Prime, com a borda e a\n elevação 3; 4px abaixo (ou acima) do campo. Quando o Prime a abre acima, o Select.tsx marca\n data-cr-lado=\"acima\" (popup.ts). /\n.cr-select__panel {\n position: absolute;\n margin-top: var(--cr-spacing-spacing-3);\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n box-shadow: var(--cr-elevation-gray-bottom-3);\n}\n.cr-select__panel[data-cr-lado='acima'] {\n margin-top: calc(var(--cr-spacing-spacing-3) -1);\n}\n\n/* Itens (.Dropdown Item): 37px, 5 visíveis antes da rolagem (o scrollHeight do Prime). /\n.cr-select__item {\n height: 37px;\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n outline: none;\n}\n.cr-select__empty {\n cursor: default;\n}\n","/ Paginator do Figma \"Cristal - Core Components \| Web\", sobre o Paginator do Prime. Consome apenas\n tokens semânticos. Setas e números em círculos de 36px, colados; 8px até o Select (Medium, 75px). /\n.cr-paginator {\n display: flex;\n flex-wrap: wrap;\n align-items: center;\n}\n.cr-paginator__pages {\n display: flex;\n}\n\n.cr-paginator__arrow,\n.cr-paginator__page {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n box-sizing: border-box;\n width: 36px;\n height: 36px;\n padding: 0;\n border: 0;\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-container);\n cursor: pointer;\n}\n.cr-paginator__arrow:focus-visible,\n.cr-paginator__page:focus-visible {\n outline: none;\n box-shadow: var(--cr-effects-focus-ring);\n}\n.cr-paginator__arrow:hover:not(:disabled),\n.cr-paginator__page:hover:not([aria-current='page']) {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n\n/ .Paginator Arrows: Carets de 14px em icon/neutral/subtle; no hover, icon/neutral/base. /\n.cr-paginator__arrow {\n color: var(--cr-color-icon-neutral-subtle);\n font-size: 14px;\n}\n.cr-paginator__arrow:hover:not(:disabled) {\n color: var(--cr-color-icon-neutral-base);\n}\n/ Nas pontas o Prime desabilita as setas (o Figma não tem o estado: segue o ícone desabilitado). /\n.cr-paginator__arrow:disabled {\n color: var(--cr-color-icon-disabled-base);\n cursor: not-allowed;\n}\n\n/ .Paginator Number: body/small-14 em text/neutral/subtlest; no hover, text/neutral/base; a página\n atual em fill/brand/base, com label/medium-12/semibold branco. /\n.cr-paginator__page {\n color: var(--cr-color-text-neutral-subtlest);\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n}\n.cr-paginator__page:hover:not([aria-current='page']) {\n color: var(--cr-color-text-neutral-base);\n}\n.cr-paginator__page[aria-current='page'] {\n background-color: var(--cr-color-fill-brand-base);\n color: var(--cr-color-text-inverse-base);\n font-family: var(--cr-typography-label-medium-12-semibold-font-family);\n font-size: var(--cr-typography-label-medium-12-semibold-font-size);\n font-weight: var(--cr-typography-label-medium-12-semibold-font-weight);\n line-height: var(--cr-typography-label-medium-12-semibold-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-semibold-letter-spacing);\n}\n\n.cr-paginator__rows {\n width: 75px;\n margin-left: var(--cr-spacing-spacing-4);\n}\n/ No Select do Paginator o Figma usa 8px à direita do campo (12px à esquerda), para o número\n caber nos 75px. /\n.cr-paginator__rows .cr-select__control {\n padding-right: var(--cr-padding-padding-4);\n}\n","/ Panel do Figma \"Cristal - Core Components \| Web\": contêiner de seção da página, com fundo\n neutral/container, borda stroke/neutral/base, raio large e o conteúdo num slot. Padding de 20px,\n com 40px embaixo. Consome apenas tokens semânticos. /\n.cr-panel {\n display: flex;\n flex-direction: column;\n box-sizing: border-box;\n padding: var(--cr-padding-padding-7) var(--cr-padding-padding-7) var(--cr-padding-padding-12);\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n border-radius: var(--cr-radius-large);\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n/ As divs internas do Prime não existem no Figma: só repassam o espaço para o conteúdo. /\n.cr-panel__body,\n.cr-panel__content {\n display: flex;\n flex: 1 0 auto;\n flex-direction: column;\n min-height: 0;\n}\n","/ Radio Button do Figma \"Cristal - Core Components \| Web\", sobre o RadioButton do Prime: círculo\n de 24px, borda de 2px e, selecionado, anel de 8px em brand com o centro branco. Rótulo\n label/large-14/regular a 8px. Consome apenas tokens semânticos. /\n.cr-radio {\n display: inline-flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n max-width: 100%;\n}\n.cr-radio--label-full {\n align-items: flex-start;\n}\n\n/ O <input> nativo cobre o círculo, invisível: recebe o clique, o foco e o teclado. /\n.cr-radio__control {\n position: relative;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n}\n.cr-radio__input {\n position: absolute;\n inset: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n margin: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.cr-radio__box {\n box-sizing: border-box;\n width: 100%;\n height: 100%;\n border: var(--cr-stroke-small) solid var(--cr-color-stroke-neutral-bold);\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-container);\n}\n.cr-radio__icon {\n display: none;\n}\n\n/ Selected: o anel de 8px deixa um centro branco de 8px. /\n.cr-radio__control--checked .cr-radio__box {\n border-width: 8px;\n border-color: var(--cr-color-stroke-brand-base);\n}\n\n/ Hover /\n.cr-radio:not(.cr-radio--disabled):hover .cr-radio__box {\n border-color: var(--cr-color-stroke-neutral-bold-hover);\n}\n.cr-radio:not(.cr-radio--disabled):hover .cr-radio__control--checked .cr-radio__box {\n border-color: var(--cr-color-stroke-brand-base-hover);\n}\n\n/ Focus (só pelo teclado): borda brand e anel de foco. /\n.cr-radio__input:focus-visible + .cr-radio__box {\n border-color: var(--cr-color-stroke-brand-base);\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Disabled /\n.cr-radio--disabled .cr-radio__input {\n cursor: not-allowed;\n}\n.cr-radio--disabled .cr-radio__box,\n.cr-radio--disabled .cr-radio__control--checked .cr-radio__box {\n border-color: var(--cr-color-stroke-disabled-base);\n}\n\n/ Rótulo /\n.cr-radio__label {\n min-width: 0;\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-label-large-14-regular-font-family);\n font-size: var(--cr-typography-label-large-14-regular-font-size);\n font-weight: var(--cr-typography-label-large-14-regular-font-weight);\n line-height: var(--cr-typography-label-large-14-regular-line-height);\n letter-spacing: var(--cr-typography-label-large-14-regular-letter-spacing);\n cursor: pointer;\n}\n.cr-radio--label-default .cr-radio__label {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}\n.cr-radio--disabled .cr-radio__label {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n","/ Scrollbar do Figma \"Cristal - Core Components \| Web\", sobre o ScrollPanel do Prime: barras de\n 8px arredondadas, polegar fill/neutral/subtle (fill/neutral/subtle/hover no hover) e trilho\n transparente. Consome apenas tokens semânticos. /\n.cr-scrollpanel {\n position: relative;\n overflow: hidden;\n}\n\n/ A barra nativa fica escondida: o conteúdo passa 18px da área e o wrapper corta. O float tira o\n wrapper do fluxo: o Prime posiciona as barras (position: relative) a partir do topo da área. /\n.cr-scrollpanel__wrapper {\n position: relative;\n z-index: 1;\n float: left;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.cr-scrollpanel__content {\n position: relative;\n box-sizing: border-box;\n width: calc(100% + 18px);\n height: calc(100% + 18px);\n padding: 0 18px 18px 0; / sem token: os 18px do Prime para esconder a barra nativa /\n overflow: auto;\n outline: none;\n scrollbar-width: none;\n}\n.cr-scrollpanel__content::-webkit-scrollbar {\n display: none;\n}\n.cr-scrollpanel__content:focus-visible {\n box-shadow: inset var(--cr-effects-focus-ring);\n}\n\n/ Barras (.Scrollbar Thumb): posição e tamanho vêm do Prime. /\n.cr-scrollpanel__bar {\n position: relative;\n z-index: 2;\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-subtle);\n cursor: pointer;\n}\n.cr-scrollpanel__bar:hover,\n.cr-scrollpanel__bar.p-scrollpanel-grabbed {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n.cr-scrollpanel__bar--vertical {\n top: 0;\n width: 8px;\n}\n.cr-scrollpanel__bar--horizontal {\n bottom: 0;\n height: 8px;\n}\n/ O Prime marca com essa classe a barra sem rolagem, e o arrasto em andamento (no body). /\n.cr-scrollpanel__bar.p-scrollpanel-hidden {\n visibility: hidden;\n}\nbody.p-scrollpanel-grabbed {\n user-select: none;\n}\n","/ Segment Control do Figma \"Cristal - Core Components \| Web\", sobre o SelectButton do Prime:\n trilho com 4px de padding e segmentos de 34px (4px x 12px, ícone a 4px do texto). O segmento\n ativo fica em branco, com sombra, e o texto em semibold. Consome apenas tokens semânticos. /\n.cr-segment {\n display: inline-flex;\n align-items: center;\n box-sizing: border-box;\n max-width: 100%;\n padding: var(--cr-padding-padding-3);\n overflow: hidden;\n}\n\n.cr-segment__item {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n gap: var(--cr-spacing-spacing-3);\n box-sizing: border-box;\n height: 34px;\n padding: var(--cr-padding-padding-3) var(--cr-padding-padding-5);\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n white-space: nowrap;\n cursor: pointer;\n user-select: none;\n outline: none;\n}\n.cr-segment__icon {\n display: inline-flex;\n flex-shrink: 0;\n font-size: 16px;\n}\n\n/ Ativo: fundo branco e texto em semibold. /\n.cr-segment__item[aria-pressed='true'] {\n background-color: var(--cr-color-fill-neutral-container);\n font-weight: var(--cr-typography-body-small-14-semibold-font-weight);\n}\n\n/ Focus (só pelo teclado) /\n.cr-segment__item:focus-visible {\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Desabilitado (o Figma não define: segue o texto desabilitado dos campos). /\n.cr-segment__item[aria-disabled='true'] {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n\n/ Primary (Header Segment Control): pílula azul-clara; ativo com texto em brand e sombra azul. /\n.cr-segment--primary {\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-brand-subtlest);\n}\n.cr-segment--primary .cr-segment__item {\n border-radius: var(--cr-radius-full);\n}\n.cr-segment--primary .cr-segment__item[aria-pressed='true'] {\n box-shadow: var(--cr-elevation-blue-bottom-5);\n color: var(--cr-color-text-brand-base);\n}\n\n/ Secondary (Segment Control): trilho cinza; ativo com sombra cinza. /\n.cr-segment--secondary {\n border-radius: var(--cr-radius-medium);\n background-color: var(--cr-color-fill-neutral-subtler);\n}\n.cr-segment--secondary .cr-segment__item {\n border-radius: var(--cr-radius-small);\n}\n.cr-segment--secondary .cr-segment__item[aria-pressed='true'] {\n box-shadow: var(--cr-elevation-gray-bottom-5);\n}\n\n/ O anel de foco soma com a sombra do ativo. /\n.cr-segment--primary .cr-segment__item[aria-pressed='true']:focus-visible {\n box-shadow: var(--cr-effects-focus-ring), var(--cr-elevation-blue-bottom-5);\n}\n.cr-segment--secondary .cr-segment__item[aria-pressed='true']:focus-visible {\n box-shadow: var(--cr-effects-focus-ring), var(--cr-elevation-gray-bottom-5);\n}\n","/ Skeleton sobre o do Prime. Provisório: o Figma ainda não desenhou o componente; segue o tema do\n Prime com tokens semânticos. Bloco em fill/neutral/subtlest com raio x-small (círculo: full) e\n um brilho que atravessa da esquerda para a direita em 1,2s. /\n.cr-skeleton {\n position: relative;\n flex-shrink: 0;\n max-width: 100%;\n overflow: hidden;\n border-radius: var(--cr-radius-x-small);\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-skeleton--circle {\n border-radius: var(--cr-radius-full);\n}\n\n.cr-skeleton--animated::after {\n position: absolute;\n inset: 0;\n / sem token: o brilho do tema do Prime, o branco do container a 60% no meio /\n background: linear-gradient(\n 90deg,\n transparent,\n color-mix(in srgb, var(--cr-color-fill-neutral-container) 60%, transparent),\n transparent\n );\n transform: translateX(-100%);\n animation: cr-skeleton-brilho 1.2s infinite;\n content: '';\n}\n@keyframes cr-skeleton-brilho {\n to {\n transform: translateX(100%);\n }\n}\n@media (prefers-reduced-motion: reduce) {\n .cr-skeleton--animated::after {\n animation: none;\n }\n}\n","/ Switch do Figma \"Cristal - Core Components \| Web\", sobre o InputSwitch do Prime: trilho\n arredondado com a bolinha branca a 4px da borda. Rótulo label/large-14/regular a 8px. Consome\n apenas tokens semânticos. /\n.cr-switch {\n --cr-switch-width: 48px;\n --cr-switch-height: 28px;\n --cr-switch-thumb: 20px;\n --cr-switch-inset: 4px;\n\n display: inline-flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n max-width: 100%;\n}\n.cr-switch--small {\n --cr-switch-width: 32px;\n --cr-switch-height: 20px;\n --cr-switch-thumb: 12px;\n}\n.cr-switch--label-left {\n flex-direction: row-reverse;\n}\n\n/ O <input> nativo cobre o trilho, invisível: recebe o clique, o foco e o teclado. /\n.cr-switch__control {\n position: relative;\n flex-shrink: 0;\n width: var(--cr-switch-width);\n height: var(--cr-switch-height);\n}\n.cr-switch__input {\n position: absolute;\n inset: 0;\n z-index: 1;\n width: 100%;\n height: 100%;\n margin: 0;\n opacity: 0;\n cursor: pointer;\n}\n\n.cr-switch__track {\n position: absolute;\n inset: 0;\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-subtle);\n transition: background-color 150ms ease;\n}\n.cr-switch__track::before {\n position: absolute;\n top: var(--cr-switch-inset);\n left: var(--cr-switch-inset);\n width: var(--cr-switch-thumb);\n height: var(--cr-switch-thumb);\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-container);\n transition: transform 150ms ease;\n content: '';\n}\n\n/ Selected: trilho brand e a bolinha do outro lado. /\n.cr-switch__control--checked .cr-switch__track {\n background-color: var(--cr-color-fill-brand-base);\n}\n.cr-switch__control--checked .cr-switch__track::before {\n transform: translateX(\n calc(var(--cr-switch-width) - var(--cr-switch-thumb) - var(--cr-switch-inset) 2)\n );\n}\n\n/* Hover /\n.cr-switch:not(.cr-switch--disabled):hover .cr-switch__track {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n.cr-switch:not(.cr-switch--disabled):hover .cr-switch__control--checked .cr-switch__track {\n background-color: var(--cr-color-fill-brand-base-hover);\n}\n\n/ Focus (só pelo teclado): anel de foco. /\n.cr-switch__input:focus-visible + .cr-switch__track {\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Disabled: trilho e bolinha em cinza, nos dois estados. /\n.cr-switch--disabled .cr-switch__input {\n cursor: not-allowed;\n}\n.cr-switch--disabled .cr-switch__track,\n.cr-switch--disabled .cr-switch__control--checked .cr-switch__track {\n background-color: var(--cr-color-fill-disabled-base);\n}\n.cr-switch--disabled .cr-switch__track::before {\n background-color: var(--cr-color-fill-disabled-on-fill);\n}\n\n@media (prefers-reduced-motion: reduce) {\n .cr-switch__track,\n .cr-switch__track::before {\n transition: none;\n }\n}\n\n/ Rótulo /\n.cr-switch__label {\n min-width: 0;\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-label-large-14-regular-font-family);\n font-size: var(--cr-typography-label-large-14-regular-font-size);\n font-weight: var(--cr-typography-label-large-14-regular-font-weight);\n line-height: var(--cr-typography-label-large-14-regular-line-height);\n letter-spacing: var(--cr-typography-label-large-14-regular-letter-spacing);\n cursor: pointer;\n}\n.cr-switch--disabled .cr-switch__label {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n","/ Tabs do Figma \"Cristal - Core Components \| Web\", sobre o TabView do Prime: abas de 40px com\n 16px nas laterais, texto label/large-14 e linha de 1px em stroke/neutral/base embaixo de todas.\n A aba selecionada fica em brand, semibold, com linha de 2px. Consome apenas tokens semânticos. /\n.cr-tabs__nav {\n display: flex;\n margin: 0;\n padding: 0;\n list-style: none;\n box-shadow: inset 0 calc(var(--cr-stroke-x-small) -1) 0 var(--cr-color-stroke-neutral-base);\n}\n.cr-tabs__inkbar {\n display: none; /* a linha da aba selecionada vem da própria aba /\n}\n.cr-tabs__item {\n display: flex;\n}\n\n.cr-tabs__tab {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--cr-spacing-spacing-3);\n box-sizing: border-box;\n height: 40px;\n padding: var(--cr-padding-padding-2) var(--cr-padding-padding-6);\n color: var(--cr-color-text-neutral-base);\n font-family: var(--cr-typography-label-large-14-regular-font-family);\n font-size: var(--cr-typography-label-large-14-regular-font-size);\n font-weight: var(--cr-typography-label-large-14-regular-font-weight);\n line-height: var(--cr-typography-label-large-14-regular-line-height);\n letter-spacing: var(--cr-typography-label-large-14-regular-letter-spacing);\n text-decoration: none;\n white-space: nowrap;\n cursor: pointer;\n user-select: none;\n outline: none;\n}\n.cr-tabs__icon {\n display: inline-flex;\n flex-shrink: 0;\n font-size: 12px;\n}\n\n/ Selected /\n.cr-tabs__tab[aria-selected='true'] {\n box-shadow: inset 0 calc(var(--cr-stroke-small) -1) 0 var(--cr-color-stroke-brand-base);\n color: var(--cr-color-text-brand-base);\n font-weight: var(--cr-typography-label-large-14-semibold-font-weight);\n}\n\n/* Focus (só pelo teclado) /\n.cr-tabs__tab:focus-visible {\n border-radius: var(--cr-radius-x-small);\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Disabled /\n.cr-tabs__tab[aria-disabled='true'] {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n\n/ X (.Tab Btn no Figma): círculo de 24px com ícone de 12px; hover em fill/neutral/subtlest. /\n.cr-tabs__close {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n border-radius: var(--cr-radius-full);\n color: var(--cr-color-icon-neutral-base);\n font-size: 12px;\n cursor: pointer;\n}\n.cr-tabs__close:hover {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n","/ Table do Figma \"Cristal - Core Components \| Web\", sobre o DataTable do Prime. Consome apenas\n tokens semânticos. Caixa com borda stroke/neutral/base e raio medium; Topbar, corpo e rodapé\n (.Table Footer) com o Paginator. Abaixo de 768px (a variante de 360px), a caixa encosta nas\n laterais: sem raio e sem as bordas dos lados. /\n.cr-table {\n container-type: inline-size;\n}\n.cr-table__box {\n position: relative;\n overflow: hidden;\n border: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n border-radius: var(--cr-radius-medium);\n background-color: var(--cr-color-fill-neutral-container);\n}\n\n.cr-table__header {\n border-bottom: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n}\n\n/ Corpo: rola nos dois sentidos (o Prime limita a altura com o scrollHeight). A barra horizontal\n é a Scrollbar do .Table Footer: 8px, trilho fill/neutral/subtlest. /\n.cr-table__wrapper {\n position: relative;\n overflow: auto;\n}\n.cr-table__wrapper::-webkit-scrollbar-track {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n\n.cr-table__table {\n width: 100%;\n border-spacing: 0;\n color: var(--cr-color-text-neutral-base);\n}\n\n/ Cabeçalho fixo na rolagem vertical. /\n.cr-table__thead {\n position: sticky;\n top: 0;\n z-index: 2;\n}\n\n/ .Table Main Head Cell: 52px, fill/neutral/subtlest, borda embaixo e à direita, título em\n body/small-14/semibold; no hover, fill/neutral/subtler. /\n.cr-table__head {\n position: relative;\n box-sizing: border-box;\n height: 52px;\n min-width: 52px;\n padding: var(--cr-padding-padding-4) var(--cr-padding-padding-6);\n border-right: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n border-bottom: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n background-color: var(--cr-color-fill-neutral-subtlest);\n font-family: var(--cr-typography-body-small-14-semibold-font-family);\n font-size: var(--cr-typography-body-small-14-semibold-font-size);\n font-weight: var(--cr-typography-body-small-14-semibold-font-weight);\n line-height: var(--cr-typography-body-small-14-semibold-line-height);\n letter-spacing: var(--cr-typography-body-small-14-semibold-letter-spacing);\n text-align: left;\n white-space: nowrap;\n}\n.cr-table__head:hover {\n background-color: var(--cr-color-fill-neutral-subtler);\n}\n.cr-table__head[aria-sort] {\n cursor: pointer;\n user-select: none;\n}\n.cr-table__head:focus-visible {\n outline: none;\n box-shadow: inset var(--cr-effects-focus-ring);\n}\n\n/ Título e ícone de ordenar separados por 16px; ajuda e título, por 4px. /\n.cr-table__head-content {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-6);\n}\n.cr-table__head-title {\n flex: 1;\n min-width: 0;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n.cr-table__title {\n display: inline-flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-3);\n max-width: 100%;\n}\n.cr-table__title-text {\n overflow: hidden;\n text-overflow: ellipsis;\n}\n\n/ Ícones de 16px em icon/neutral/base: Question (ajuda) e SortAscending/SortDescending. /\n.cr-table__help,\n.cr-table__sort {\n display: inline-flex;\n flex-shrink: 0;\n color: var(--cr-color-icon-neutral-base);\n font-size: 16px;\n}\n.cr-table__help {\n padding: 0;\n border: 0;\n border-radius: var(--cr-radius-full);\n background: none;\n cursor: help;\n}\n.cr-table__help:focus-visible {\n outline: none;\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ .Table Main Cell: 56px, fill/neutral/container, borda embaixo, body/small-14/regular. /\n.cr-table__row > .cr-table__cell {\n box-sizing: border-box;\n height: 56px;\n padding: var(--cr-padding-padding-4) var(--cr-padding-padding-6);\n border-bottom: var(--cr-stroke-x-small) solid var(--cr-color-stroke-neutral-base);\n background-color: var(--cr-color-fill-neutral-container);\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n}\n/ Hover na linha inteira em fill/neutral/subtlest (pedido do Cristal; o Figma não tem). As linhas\n de Skeleton, carregando, não reagem. /\n.cr-table__row:not(.cr-table__row--skeleton):hover > .cr-table__cell {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n/ State=Selected: a linha inteira em fill/brand/subtlest, também no hover. /\n.cr-table__row[data-p-highlight='true'] > .cr-table__cell,\n.cr-table__row[data-p-highlight='true']:hover > .cr-table__cell {\n background-color: var(--cr-color-fill-brand-subtlest);\n}\n\n.cr-table__cell--center {\n text-align: center;\n}\n.cr-table__cell--right {\n text-align: right;\n}\n.cr-table__cell--center > .cr-table__head-content {\n justify-content: center;\n}\n.cr-table__cell--right > .cr-table__head-content {\n justify-content: flex-end;\n}\n\n/ Type=Checkbox: coluna de 56px com a caixa no centro. Sem padding dos lados, para a borda do\n cabeçalho caber nos 56px, como no Figma (a borda fica por dentro). /\n.cr-table__cell--selection {\n width: 56px;\n text-align: center;\n}\n.cr-table__head.cr-table__cell--selection,\n.cr-table__row > .cr-table__cell--selection {\n padding-right: 0;\n padding-left: 0;\n}\n/ O Prime põe o título (vazio) também na coluna de seleção. /\n.cr-table__cell--selection .cr-table__head-title:empty {\n display: none;\n}\n.cr-table__cell--selection > .cr-table__head-content {\n justify-content: center;\n}\n.cr-table__cell--selection .cr-table__head-title {\n flex: none;\n}\n/ Carregando: o quadrado no lugar da caixa, centralizado. /\n.cr-table__cell--selection .cr-skeleton {\n margin: 0 auto;\n}\n.cr-table__cell--selection .cr-checkbox {\n display: inline-flex;\n vertical-align: middle;\n}\n/ O Prime desenha a caixa sem o envoltório do Checkbox do Cristal: o hover da marcada vem aqui. /\n.cr-table__cell--selection .cr-checkbox__control--checked:hover .cr-checkbox__box {\n border-color: var(--cr-color-fill-brand-base-hover);\n background-color: var(--cr-color-fill-brand-base-hover);\n}\n\n/ Colunas fixas (o Prime grava o left/right de cada uma). /\n.cr-table__cell--frozen {\n position: sticky;\n z-index: 1;\n}\n.cr-table__head.cr-table__cell--frozen {\n z-index: 3;\n}\n\n/ Redimensionar: a alça na borda direita do cabeçalho e a linha guia do Prime, que o Figma não\n desenha (segue o stroke/brand/base). /\n.cr-table__resizer {\n position: absolute;\n top: 0;\n right: 0;\n width: 8px; / sem token: área de arrasto do Prime /\n height: 100%;\n cursor: col-resize;\n}\n.cr-table__resize-helper {\n position: absolute;\n z-index: 10;\n width: var(--cr-stroke-x-small);\n background-color: var(--cr-color-stroke-brand-base);\n}\n\n/ Type=Empty: sem o cabeçalho das colunas e sem o rodapé, a Message info com 12px em cima e\n embaixo e 16px dos lados. Vale também quando o filtro não acha nada. /\n.cr-table__box:has(.cr-table__empty-row) .cr-table__thead,\n.cr-table__box:has(.cr-table__empty-row) .cr-table__paginator {\n display: none;\n}\n.cr-table__empty-row > td {\n padding: var(--cr-padding-padding-5) var(--cr-padding-padding-6);\n}\n\n/ .Table Footer: o texto ocupa o espaço livre e o Paginator fica à direita, com 16px em volta;\n 8px entre o texto e o Paginator. Setas e números colados, como no Paginator. /\n.cr-table__paginator {\n row-gap: var(--cr-spacing-spacing-4);\n padding: var(--cr-padding-padding-6);\n}\n.cr-table__report {\n flex: 1;\n color: var(--cr-color-text-neutral-subtle);\n font-family: var(--cr-typography-body-small-14-regular-font-family);\n font-size: var(--cr-typography-body-small-14-regular-font-size);\n font-weight: var(--cr-typography-body-small-14-regular-font-weight);\n line-height: var(--cr-typography-body-small-14-regular-line-height);\n letter-spacing: var(--cr-typography-body-small-14-regular-letter-spacing);\n margin-right: var(--cr-spacing-spacing-4);\n}\n\n/ .Table Topbar: 16px em volta e 16px até a .Filter bar. Muda pela largura da Table (o contêiner\n em volta), não pela própria, que desconta o padding. /\n.cr-table-toolbar {\n display: flex;\n flex-direction: column;\n gap: var(--cr-spacing-spacing-6);\n padding: var(--cr-padding-padding-6);\n background-color: var(--cr-color-fill-neutral-container);\n}\n.cr-table-toolbar__main {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: var(--cr-spacing-spacing-3);\n}\n.cr-table-toolbar__start,\n.cr-table-toolbar__end {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-3);\n}\n.cr-table-toolbar__search {\n width: 320px;\n}\n\n/ Filtrar: Button tertiary medium, com o Badge do número de filtros no canto. /\n.cr-table-toolbar__filter {\n position: relative;\n display: inline-flex;\n}\n.cr-table-toolbar__filter-button {\n min-width: 110px;\n}\n.cr-table-toolbar__badge {\n position: absolute;\n top: -8px; / sem token: posição do Badge no Figma /\n right: -8px;\n}\n.cr-table-toolbar__action {\n min-width: 110px;\n}\n\n/ Com o prefixo da Topbar, para vencer o display dos próprios botões. /\n.cr-table-toolbar .cr-table-toolbar__filter-icon,\n.cr-table-toolbar .cr-table-toolbar__more {\n display: none;\n}\n\n/ .Filter bar: chips de 32px a 4px um do outro, 12px até o divisor e a lixeira. /\n.cr-table-toolbar__filters {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-5);\n min-width: 0;\n}\n.cr-table-toolbar__chips {\n display: flex;\n flex: 1;\n gap: var(--cr-spacing-spacing-3);\n min-width: 0;\n overflow-x: auto;\n scrollbar-width: none;\n}\n.cr-table-toolbar__chips::-webkit-scrollbar {\n display: none;\n}\n.cr-table-toolbar__chips > .cr-chip {\n flex-shrink: 0;\n}\n.cr-table-toolbar__chip-label {\n font-family: var(--cr-typography-label-medium-12-regular-font-family);\n font-weight: var(--cr-typography-label-medium-12-regular-font-weight);\n}\n.cr-table-toolbar__divider {\n align-self: center;\n height: 24px;\n}\n\n/ Responsive=768: os botões tertiary vão para o menu ⋮. /\n@container (max-width: 1359px) {\n .cr-table-toolbar .cr-table-toolbar__action--tertiary {\n display: none;\n }\n .cr-table-toolbar .cr-table-toolbar__more--tablet {\n display: inline-flex;\n }\n}\n\n/ Responsive=360: busca de 220px, Filtrar como Icon Button e todos os botões no menu ⋮. /\n@container (max-width: 767px) {\n .cr-table-toolbar__search {\n width: 220px;\n }\n .cr-table-toolbar .cr-table-toolbar__filter-button,\n .cr-table-toolbar .cr-table-toolbar__action,\n .cr-table-toolbar .cr-table-toolbar__more--tablet {\n display: none;\n }\n .cr-table-toolbar .cr-table-toolbar__filter-icon,\n .cr-table-toolbar .cr-table-toolbar__more--mobile {\n display: inline-flex;\n }\n}\n\n/ Responsive=360: a caixa encosta nas laterais e o texto do rodapé fica acima do Paginator. /\n@container (max-width: 767px) {\n .cr-table__box {\n border-right: 0;\n border-left: 0;\n border-radius: 0;\n }\n .cr-table__report {\n flex-basis: 100%;\n }\n}\n","/ Toast do Figma \"Cristal - Core Components \| Web\", sobre o Toast do Prime. Consome apenas tokens\n semânticos. Onde a pilha fica (20px das bordas, pelo position) é do Prime, no estilo inline; o\n Figma não define o espaço entre as mensagens: 8px, como margem embaixo de cada uma (como no\n tema do Prime), para a saída poder encolher esse espaço junto. /\n\n/ Mensagem: 340px, 16px de padding, raio medium e a sombra elevation/gray/bottom/5. /\n.cr-toast__message {\n box-sizing: border-box;\n width: 340px;\n max-width: 100%;\n padding: var(--cr-padding-padding-6);\n border-radius: var(--cr-radius-medium);\n margin-bottom: var(--cr-spacing-spacing-4);\n box-shadow: var(--cr-elevation-gray-bottom-5);\n color: var(--cr-color-text-neutral-base);\n --cr-toast-close-color: var(--cr-color-icon-neutral-base);\n}\n\n/ Ícone, texto e X lado a lado: 12px entre o ícone e o texto, 8px até o X. /\n.cr-toast__content {\n display: flex;\n align-items: flex-start;\n gap: var(--cr-spacing-spacing-4);\n}\n\n/ Ícone de 16px num círculo de 32px, na cor forte de cada tipo. /\n.cr-toast__icon {\n display: inline-flex;\n flex-shrink: 0;\n align-items: center;\n justify-content: center;\n width: 32px;\n height: 32px;\n margin-right: var(--cr-spacing-spacing-3);\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-toast-icon-bg);\n color: var(--cr-color-icon-inverse-base);\n font-size: 16px;\n}\n\n/ Título label/large-14/semibold e mensagem label/medium-12/regular, 4px entre eles. /\n.cr-toast__text {\n display: flex;\n flex: 1;\n flex-direction: column;\n gap: var(--cr-spacing-spacing-3);\n min-width: 0;\n overflow-wrap: break-word;\n}\n.cr-toast__title {\n font-family: var(--cr-typography-label-large-14-semibold-font-family);\n font-size: var(--cr-typography-label-large-14-semibold-font-size);\n font-weight: var(--cr-typography-label-large-14-semibold-font-weight);\n line-height: var(--cr-typography-label-large-14-semibold-line-height);\n letter-spacing: var(--cr-typography-label-large-14-semibold-letter-spacing);\n}\n.cr-toast__detail {\n font-family: var(--cr-typography-label-medium-12-regular-font-family);\n font-size: var(--cr-typography-label-medium-12-regular-font-size);\n font-weight: var(--cr-typography-label-medium-12-regular-font-weight);\n line-height: var(--cr-typography-label-medium-12-regular-line-height);\n letter-spacing: var(--cr-typography-label-medium-12-regular-letter-spacing);\n}\n\n/ X (.Toast Btn no Figma): 24px, ícone de 16px; no hover, o branco translúcido do Figma\n (fill/primary-darken-transparent, hoje no grupo deprecated dos tokens). /\n.cr-toast__close {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n width: 24px;\n height: 24px;\n padding: 0;\n border: 0;\n border-radius: var(--cr-radius-full);\n background: none;\n color: var(--cr-toast-close-color);\n font-size: 16px;\n cursor: pointer;\n}\n.cr-toast__close:hover {\n background-color: var(--cr-color-deprecated-fill-primary-darken-transparent);\n}\n.cr-toast__close:focus-visible {\n outline: none;\n box-shadow: var(--cr-effects-focus-ring);\n}\n\n/ Tipos /\n.cr-toast__message--warning {\n background-color: var(--cr-color-fill-warning-subtle);\n --cr-toast-icon-bg: var(--cr-color-fill-warning-base);\n}\n.cr-toast__message--danger {\n background-color: var(--cr-color-fill-danger-subtle);\n --cr-toast-icon-bg: var(--cr-color-fill-danger-base);\n}\n.cr-toast__message--success {\n background-color: var(--cr-color-fill-success-subtle);\n --cr-toast-icon-bg: var(--cr-color-fill-success-base);\n}\n.cr-toast__message--info {\n background-color: var(--cr-color-fill-neutral-boldest);\n color: var(--cr-color-text-inverse-base);\n --cr-toast-icon-bg: var(--cr-color-fill-neutral-bold);\n --cr-toast-close-color: var(--cr-color-icon-inverse-base);\n}\n\n/ Entrada e saída, as do tema do Prime (p-toast-message): entra subindo metade da própria altura,\n com fade, em 0,3s; sai esmaecendo e encolhendo a altura e o espaço de baixo, para as outras\n mensagens subirem junto. Tempos e curvas do Prime (sem token). /\n.cr-toast__message--enter {\n opacity: 0;\n transform: translateY(50%);\n}\n.cr-toast__message--enter-active {\n opacity: 1;\n transform: translateY(0);\n transition:\n transform 0.3s,\n opacity 0.3s;\n}\n.cr-toast__message--exit {\n max-height: 1000px; / sem token: o teto da animação do Prime */\n}\n.cr-toast__message--exit-active {\n max-height: 0;\n margin-bottom: 0;\n padding-top: 0;\n padding-bottom: 0;\n overflow: hidden;\n opacity: 0;\n transition:\n max-height 0.45s cubic-bezier(0, 1, 0, 1),\n padding 0.45s cubic-bezier(0, 1, 0, 1),\n opacity 0.3s,\n margin-bottom 0.3s;\n}\n@media (prefers-reduced-motion: reduce) {\n .cr-toast__message--enter-active,\n .cr-toast__message--exit-active {\n transition: none;\n }\n}\n"],"mappings":"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","names":[]}