npm - @vector-business-services/cristal-ds-web - Versions diffs - 0.8.0 → 0.9.0 - Mend

@vector-business-services/cristal-ds-web 0.8.0 → 0.9.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/Input/Input.css","../src/components/AutoComplete/AutoComplete.css","../src/components/Badge/Badge.css","../src/components/Button/Button.css","../src/components/Card/Card.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/Tooltip/Tooltip.css","../src/components/Menubar/Menubar.css","../src/components/Tag/Tag.css","../src/components/MenuPrincipal/MenuPrincipal.css","../src/components/Modal/Modal.css","../src/components/MultiSelect/MultiSelect.css","../src/components/Panel/Panel.css","../src/components/Radio/Radio.css","../src/components/ScrollPanel/ScrollPanel.css","../src/components/SegmentControl/SegmentControl.css","../src/components/Select/Select.css","../src/components/Switch/Switch.css","../src/components/Tabs/Tabs.css"],"sourcesContent":["/* 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","/ 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). O Prime o renderiza no <body>, alinhado pelo <input>, com a largura\n mínima do campo; a 4px do campo, abaixo ou acima (quando abre para cima, o Prime marca\n transform-origin: bottom). /\n.cr-autocomplete__panel {\n box-sizing: border-box;\n margin-top: var(--cr-spacing-spacing-3);\n padding: var(--cr-padding-padding-5);\n border-radius: var(--cr-radius-medium);\n background-color: var(--cr-color-fill-neutral-container);\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[style='transform-origin: bottom'] {\n margin-top: calc(-1 * var(--cr-spacing-spacing-3));\n}\n\n/* Área com rolagem (o Prime limita a altura a 5 itens). Barra de rolagem do Figma: 8px a 4px dos\n itens, trilho neutral/subtlest e polegar neutral/subtle (subtle/hover no hover). /\n.cr-autocomplete__panel > :first-child {\n overflow: auto;\n}\n.cr-autocomplete__panel > :first-child::-webkit-scrollbar {\n width: 12px; / 4px de espaço (spacing-3) + 8px de barra, no Figma (sem token) /\n}\n/ O espaço de 4px é uma borda transparente, e o raio conta a partir da borda: o raio horizontal da\n esquerda soma a borda (4px + 4px) para a barra visível de 8px ficar com as duas pontas redondas. /\n.cr-autocomplete__panel > :first-child::-webkit-scrollbar-track,\n.cr-autocomplete__panel > :first-child::-webkit-scrollbar-thumb {\n border-left: var(--cr-spacing-spacing-3) solid transparent;\n border-radius: 8px 4px 4px 8px / 4px;\n background-clip: padding-box;\n}\n.cr-autocomplete__panel > :first-child::-webkit-scrollbar-track {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-autocomplete__panel > :first-child::-webkit-scrollbar-thumb {\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-autocomplete__panel > :first-child::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-autocomplete__panel > :first-child {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) var(--cr-color-fill-neutral-subtlest);\n }\n}\n\n.cr-autocomplete__list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n/ Item (Dropdown Item): estados Default, Hover, Selected e Focus (navegação pelo teclado, que o\n Prime marca com data-p-highlight). /\n.cr-autocomplete__item {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\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 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 cursor: pointer;\n}\n.cr-autocomplete__item:hover {\n background-color: var(--cr-color-fill-neutral-container-hover);\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.cr-autocomplete__item[aria-selected='true'] {\n background-color: var(--cr-color-fill-selected-subtlest);\n color: var(--cr-color-text-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","/ 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__box[data-p-highlight='true'],\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__box[data-p-highlight='true'],\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__box[data-p-highlight='true'],\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.cr-checkbox__label--hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\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 (os 300ms da transição do Prime): a gaveta desliza do lado 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-out;\n}\n.cr-drawer--exit-active {\n transition: transform 300ms ease-in;\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\n/ Barra de rolagem (Scrollbar no Figma): 8px, polegar fill/neutral/subtle, trilho transparente. /\n.cr-drawer__panel::-webkit-scrollbar,\n.cr-drawer__body::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n.cr-drawer__panel::-webkit-scrollbar-thumb,\n.cr-drawer__body::-webkit-scrollbar-thumb {\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-drawer__panel::-webkit-scrollbar-thumb:hover,\n.cr-drawer__body::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-drawer__panel,\n .cr-drawer__body {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) transparent;\n }\n}\n","/ Dropdown List do Figma \"Cristal - Core Components \| Web\", sobre o Menu do Prime. Consome\n apenas tokens semânticos. /\n.cr-menu {\n box-sizing: border-box;\n width: 320px;\n padding: var(--cr-padding-padding-5);\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 box-shadow: var(--cr-elevation-gray-bottom-3);\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/ Popup: renderizado no body e posicionado pelo Prime, colado no elemento que o abriu. O Prime\n marca o lado com transform-origin (o navegador grava \"center top\" quando abre embaixo e\n \"center bottom\" quando abre em cima); a margem afasta 4px para esse lado, inclusive quando\n ele reposiciona. /\n.cr-menu--popup {\n position: absolute;\n}\n.cr-menu--popup[style='transform-origin: center top'] {\n margin-top: var(--cr-spacing-spacing-3);\n}\n.cr-menu--popup[style='transform-origin: center bottom'] {\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;\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;\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) /\n.cr-menu__action {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n box-sizing: border-box;\n height: var(--cr-menu-item-height);\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 color: inherit;\n text-decoration: none;\n cursor: pointer;\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.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[data-p-disabled='true'] .cr-menu__action {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n.cr-menu__item[data-p-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","/ 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). /\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","/ 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. /\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. /\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 vão para o Menu\n 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 e texto; muda só a 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-x-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.cr-menu-principal--popup {\n position: absolute;\n}\n.cr-menu-principal--popup[style='transform-origin: center top'] {\n margin-top: var(--cr-spacing-spacing-3);\n}\n.cr-menu-principal--popup[style='transform-origin: center bottom'] {\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 a lista; o espaço\n dela fica sempre reservado, então os itens não mudam de largura. A borda transparente faz os\n 2px; o raio da esquerda soma a borda para as duas pontas 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;\n background-clip: padding-box;\n background-color: transparent;\n}\n.cr-menu-principal__list:hover::-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__list:hover {\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 height: var(--cr-stroke-x-small);\n margin: var(--cr-padding-padding-5) var(--cr-padding-padding-6);\n background-image: repeating-linear-gradient(\n to right,\n var(--cr-color-stroke-neutral-base) 0 2px,\n transparent 2px 4px\n );\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. /\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","/ 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.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\n/ Barra de rolagem (Scrollbar no Figma): 8px, polegar fill/neutral/subtle, trilho transparente. /\n.cr-modal__body::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n.cr-modal__body::-webkit-scrollbar-thumb {\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-modal__body::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-modal__body {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) transparent;\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; ele recebe o foco e o rótulo. /\n.cr-multiselect__hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\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): renderizada no body, posicionada pelo Prime. /\n.cr-multiselect__panel {\n position: absolute;\n box-sizing: border-box;\n padding: var(--cr-padding-padding-5);\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 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-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). A altura da rolagem (7 itens) vem do scrollHeight do Prime. /\n.cr-multiselect__wrapper {\n overflow: auto;\n}\n/ Barra de rolagem (Scrollbar no Figma): 8px a 4px dos itens, trilho neutral/subtlest e polegar\n neutral/subtle (subtle/hover no hover). O espaço de 4px é uma borda transparente, e o raio conta\n a partir da borda: o raio horizontal da esquerda soma a borda (4px + 4px) para a barra visível\n ficar com as duas pontas redondas. /\n.cr-multiselect__wrapper::-webkit-scrollbar {\n width: 12px; / 4px de espaço (spacing-3) + 8px de barra, no Figma (sem token) /\n}\n.cr-multiselect__wrapper::-webkit-scrollbar-track,\n.cr-multiselect__wrapper::-webkit-scrollbar-thumb {\n border-left: var(--cr-spacing-spacing-3) solid transparent;\n border-radius: 8px 4px 4px 8px / 4px;\n background-clip: padding-box;\n}\n.cr-multiselect__wrapper::-webkit-scrollbar-track {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-multiselect__wrapper::-webkit-scrollbar-thumb {\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-multiselect__wrapper::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-multiselect__wrapper {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) var(--cr-color-fill-neutral-subtlest);\n }\n}\n.cr-multiselect__list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.cr-multiselect__item,\n.cr-multiselect__empty {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\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__item {\n cursor: pointer;\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): 24px, borda de 2px; marcado em brand com check de 16px. /\n.cr-multiselect__checkbox {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n}\n.cr-multiselect__checkbox-input {\n position: absolute;\n inset: 0;\n z-index: 1;\n margin: 0;\n opacity: 0;\n cursor: pointer;\n}\n.cr-multiselect__checkbox-box {\n display: inline-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 font-size: 16px;\n}\n.cr-multiselect__item:hover .cr-multiselect__checkbox-box:not([data-p-highlight='true']),\n.cr-multiselect__select-all:hover .cr-multiselect__checkbox-box:not([data-p-highlight='true']) {\n border-color: var(--cr-color-stroke-neutral-bolder);\n}\n.cr-multiselect__checkbox-box[data-p-highlight='true'] {\n border-color: var(--cr-color-fill-brand-base);\n background-color: var(--cr-color-fill-brand-base);\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[data-p-checked='true'] .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[data-p-checked='true'] .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[data-p-checked='true'] .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.cr-radio__label--hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\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;\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","/ 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/ O combobox (e o <select> dos formulários) do Prime ficam escondidos visualmente; o combobox\n recebe o foco e o rótulo. /\n.cr-select__hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\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): renderizada no body, posicionada pelo Prime, 4px abaixo (ou\n acima) do campo. O Prime marca o lado no transform-origin. /\n.cr-select__panel {\n position: absolute;\n box-sizing: border-box;\n padding: var(--cr-padding-padding-5);\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 box-shadow: var(--cr-elevation-gray-bottom-3);\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-select__panel[style='transform-origin: center top'] {\n margin-top: var(--cr-spacing-spacing-3);\n}\n.cr-select__panel[style='transform-origin: center bottom'] {\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__wrapper {\n overflow-y: auto;\n}\n/ Barra de rolagem (Scrollbar no Figma): 8px a 4px dos itens, trilho neutral/subtlest e polegar\n neutral/subtle (subtle/hover no hover). O espaço de 4px é uma borda transparente, e o raio conta\n a partir da borda: o raio horizontal da esquerda soma a borda (4px + 4px) para a barra visível\n ficar com as duas pontas redondas. /\n.cr-select__wrapper::-webkit-scrollbar {\n width: 12px; / 4px de espaço (spacing-3) + 8px de barra, no Figma (sem token) /\n}\n.cr-select__wrapper::-webkit-scrollbar-track,\n.cr-select__wrapper::-webkit-scrollbar-thumb {\n border-left: var(--cr-spacing-spacing-3) solid transparent;\n border-radius: 8px 4px 4px 8px / 4px;\n background-clip: padding-box;\n}\n.cr-select__wrapper::-webkit-scrollbar-track {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-select__wrapper::-webkit-scrollbar-thumb {\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-select__wrapper::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-select__wrapper {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) var(--cr-color-fill-neutral-subtlest);\n }\n}\n.cr-select__list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.cr-select__item {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n height: 37px;\n padding: var(--cr-padding-padding-4) var(--cr-padding-padding-5);\n overflow: hidden;\n border-radius: var(--cr-radius-x-small);\n background-color: var(--cr-color-fill-neutral-container);\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n outline: none;\n}\n.cr-select__empty {\n cursor: default;\n}\n\n/ Hover e o item destacado pelo teclado /\n.cr-select__item:hover,\n.cr-select__item[data-p-focused='true'] {\n background-color: var(--cr-color-fill-neutral-container-hover);\n}\n\n/ Selected: igual ao do Menu (Dropdown List) /\n.cr-select__item[data-p-highlight='true'] {\n background-color: var(--cr-color-fill-selected-subtlest);\n color: var(--cr-color-text-brand-base);\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[data-p-highlight='true'] .cr-switch__track {\n background-color: var(--cr-color-fill-brand-base);\n}\n.cr-switch__control[data-p-highlight='true'] .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\n .cr-switch__control[data-p-highlight='true']\n .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[data-p-highlight='true'] .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.cr-switch__label--hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\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"],"mappings":"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","names":[]}
1	+ {"version":3,"sources":["../src/components/Input/Input.css","../src/components/AutoComplete/AutoComplete.css","../src/components/Badge/Badge.css","../src/components/Button/Button.css","../src/components/Card/Card.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/Tooltip/Tooltip.css","../src/components/Menubar/Menubar.css","../src/components/Tag/Tag.css","../src/components/MenuPrincipal/MenuPrincipal.css","../src/components/Modal/Modal.css","../src/components/MultiSelect/MultiSelect.css","../src/components/PageHeader/PageHeader.css","../src/components/Panel/Panel.css","../src/components/Radio/Radio.css","../src/components/ScrollPanel/ScrollPanel.css","../src/components/SegmentControl/SegmentControl.css","../src/components/Select/Select.css","../src/components/Switch/Switch.css","../src/components/Tabs/Tabs.css"],"sourcesContent":["/* 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","/ 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). O Prime o renderiza no <body>, alinhado pelo <input>, com a largura\n mínima do campo; a 4px do campo, abaixo ou acima (quando abre para cima, o Prime marca\n transform-origin: bottom). /\n.cr-autocomplete__panel {\n box-sizing: border-box;\n margin-top: var(--cr-spacing-spacing-3);\n padding: var(--cr-padding-padding-5);\n border-radius: var(--cr-radius-medium);\n background-color: var(--cr-color-fill-neutral-container);\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[style='transform-origin: bottom'] {\n margin-top: calc(-1 * var(--cr-spacing-spacing-3));\n}\n\n/* Área com rolagem (o Prime limita a altura a 5 itens). Barra de rolagem do Figma: 8px a 4px dos\n itens, trilho neutral/subtlest e polegar neutral/subtle (subtle/hover no hover). /\n.cr-autocomplete__panel > :first-child {\n overflow: auto;\n}\n.cr-autocomplete__panel > :first-child::-webkit-scrollbar {\n width: 12px; / 4px de espaço (spacing-3) + 8px de barra, no Figma (sem token) /\n}\n/ O espaço de 4px é uma borda transparente, e o raio conta a partir da borda: o raio horizontal da\n esquerda soma a borda (4px + 4px) para a barra visível de 8px ficar com as duas pontas redondas. /\n.cr-autocomplete__panel > :first-child::-webkit-scrollbar-track,\n.cr-autocomplete__panel > :first-child::-webkit-scrollbar-thumb {\n border-left: var(--cr-spacing-spacing-3) solid transparent;\n border-radius: 8px 4px 4px 8px / 4px;\n background-clip: padding-box;\n}\n.cr-autocomplete__panel > :first-child::-webkit-scrollbar-track {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-autocomplete__panel > :first-child::-webkit-scrollbar-thumb {\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-autocomplete__panel > :first-child::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-autocomplete__panel > :first-child {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) var(--cr-color-fill-neutral-subtlest);\n }\n}\n\n.cr-autocomplete__list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n\n/ Item (Dropdown Item): estados Default, Hover, Selected e Focus (navegação pelo teclado, que o\n Prime marca com data-p-highlight). /\n.cr-autocomplete__item {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\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 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 cursor: pointer;\n}\n.cr-autocomplete__item:hover {\n background-color: var(--cr-color-fill-neutral-container-hover);\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.cr-autocomplete__item[aria-selected='true'] {\n background-color: var(--cr-color-fill-selected-subtlest);\n color: var(--cr-color-text-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","/ 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__box[data-p-highlight='true'],\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__box[data-p-highlight='true'],\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__box[data-p-highlight='true'],\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.cr-checkbox__label--hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\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 (os 300ms da transição do Prime): a gaveta desliza do lado 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-out;\n}\n.cr-drawer--exit-active {\n transition: transform 300ms ease-in;\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\n/ Barra de rolagem (Scrollbar no Figma): 8px, polegar fill/neutral/subtle, trilho transparente. /\n.cr-drawer__panel::-webkit-scrollbar,\n.cr-drawer__body::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n.cr-drawer__panel::-webkit-scrollbar-thumb,\n.cr-drawer__body::-webkit-scrollbar-thumb {\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-drawer__panel::-webkit-scrollbar-thumb:hover,\n.cr-drawer__body::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-drawer__panel,\n .cr-drawer__body {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) transparent;\n }\n}\n","/ Dropdown List do Figma \"Cristal - Core Components \| Web\", sobre o Menu do Prime. Consome\n apenas tokens semânticos. /\n.cr-menu {\n box-sizing: border-box;\n width: 320px;\n padding: var(--cr-padding-padding-5);\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 box-shadow: var(--cr-elevation-gray-bottom-3);\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/ Popup: renderizado no body e posicionado pelo Prime, colado no elemento que o abriu. O Prime\n marca o lado com transform-origin (o navegador grava \"center top\" quando abre embaixo e\n \"center bottom\" quando abre em cima); a margem afasta 4px para esse lado, inclusive quando\n ele reposiciona. /\n.cr-menu--popup {\n position: absolute;\n}\n.cr-menu--popup[style='transform-origin: center top'] {\n margin-top: var(--cr-spacing-spacing-3);\n}\n.cr-menu--popup[style='transform-origin: center bottom'] {\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;\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;\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) /\n.cr-menu__action {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\n box-sizing: border-box;\n height: var(--cr-menu-item-height);\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 color: inherit;\n text-decoration: none;\n cursor: pointer;\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.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[data-p-disabled='true'] .cr-menu__action {\n color: var(--cr-color-text-disabled-base);\n cursor: not-allowed;\n}\n.cr-menu__item[data-p-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","/ 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). /\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","/ 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. /\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. /\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 vão para o Menu\n 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 e texto; muda só a 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-x-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.cr-menu-principal--popup {\n position: absolute;\n}\n.cr-menu-principal--popup[style='transform-origin: center top'] {\n margin-top: var(--cr-spacing-spacing-3);\n}\n.cr-menu-principal--popup[style='transform-origin: center bottom'] {\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 a lista; o espaço\n dela fica sempre reservado, então os itens não mudam de largura. A borda transparente faz os\n 2px; o raio da esquerda soma a borda para as duas pontas 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;\n background-clip: padding-box;\n background-color: transparent;\n}\n.cr-menu-principal__list:hover::-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__list:hover {\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 height: var(--cr-stroke-x-small);\n margin: var(--cr-padding-padding-5) var(--cr-padding-padding-6);\n background-image: repeating-linear-gradient(\n to right,\n var(--cr-color-stroke-neutral-base) 0 2px,\n transparent 2px 4px\n );\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. /\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","/ 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.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\n/ Barra de rolagem (Scrollbar no Figma): 8px, polegar fill/neutral/subtle, trilho transparente. /\n.cr-modal__body::-webkit-scrollbar {\n width: 8px;\n height: 8px;\n}\n.cr-modal__body::-webkit-scrollbar-thumb {\n border-radius: var(--cr-radius-full);\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-modal__body::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-modal__body {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) transparent;\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; ele recebe o foco e o rótulo. /\n.cr-multiselect__hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\n}\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): renderizada no body, posicionada pelo Prime. /\n.cr-multiselect__panel {\n position: absolute;\n box-sizing: border-box;\n padding: var(--cr-padding-padding-5);\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 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-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). A altura da rolagem (7 itens) vem do scrollHeight do Prime. /\n.cr-multiselect__wrapper {\n overflow: auto;\n}\n/ Barra de rolagem (Scrollbar no Figma): 8px a 4px dos itens, trilho neutral/subtlest e polegar\n neutral/subtle (subtle/hover no hover). O espaço de 4px é uma borda transparente, e o raio conta\n a partir da borda: o raio horizontal da esquerda soma a borda (4px + 4px) para a barra visível\n ficar com as duas pontas redondas. /\n.cr-multiselect__wrapper::-webkit-scrollbar {\n width: 12px; / 4px de espaço (spacing-3) + 8px de barra, no Figma (sem token) /\n}\n.cr-multiselect__wrapper::-webkit-scrollbar-track,\n.cr-multiselect__wrapper::-webkit-scrollbar-thumb {\n border-left: var(--cr-spacing-spacing-3) solid transparent;\n border-radius: 8px 4px 4px 8px / 4px;\n background-clip: padding-box;\n}\n.cr-multiselect__wrapper::-webkit-scrollbar-track {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-multiselect__wrapper::-webkit-scrollbar-thumb {\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-multiselect__wrapper::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-multiselect__wrapper {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) var(--cr-color-fill-neutral-subtlest);\n }\n}\n.cr-multiselect__list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.cr-multiselect__item,\n.cr-multiselect__empty {\n display: flex;\n align-items: center;\n gap: var(--cr-spacing-spacing-4);\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__item {\n cursor: pointer;\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): 24px, borda de 2px; marcado em brand com check de 16px. /\n.cr-multiselect__checkbox {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n}\n.cr-multiselect__checkbox-input {\n position: absolute;\n inset: 0;\n z-index: 1;\n margin: 0;\n opacity: 0;\n cursor: pointer;\n}\n.cr-multiselect__checkbox-box {\n display: inline-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 font-size: 16px;\n}\n.cr-multiselect__item:hover .cr-multiselect__checkbox-box:not([data-p-highlight='true']),\n.cr-multiselect__select-all:hover .cr-multiselect__checkbox-box:not([data-p-highlight='true']) {\n border-color: var(--cr-color-stroke-neutral-bolder);\n}\n.cr-multiselect__checkbox-box[data-p-highlight='true'] {\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","/ 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[data-p-checked='true'] .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[data-p-checked='true'] .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[data-p-checked='true'] .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.cr-radio__label--hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\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;\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","/ 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/ O combobox (e o <select> dos formulários) do Prime ficam escondidos visualmente; o combobox\n recebe o foco e o rótulo. /\n.cr-select__hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\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): renderizada no body, posicionada pelo Prime, 4px abaixo (ou\n acima) do campo. O Prime marca o lado no transform-origin. /\n.cr-select__panel {\n position: absolute;\n box-sizing: border-box;\n padding: var(--cr-padding-padding-5);\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 box-shadow: var(--cr-elevation-gray-bottom-3);\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-select__panel[style='transform-origin: center top'] {\n margin-top: var(--cr-spacing-spacing-3);\n}\n.cr-select__panel[style='transform-origin: center bottom'] {\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__wrapper {\n overflow-y: auto;\n}\n/ Barra de rolagem (Scrollbar no Figma): 8px a 4px dos itens, trilho neutral/subtlest e polegar\n neutral/subtle (subtle/hover no hover). O espaço de 4px é uma borda transparente, e o raio conta\n a partir da borda: o raio horizontal da esquerda soma a borda (4px + 4px) para a barra visível\n ficar com as duas pontas redondas. /\n.cr-select__wrapper::-webkit-scrollbar {\n width: 12px; / 4px de espaço (spacing-3) + 8px de barra, no Figma (sem token) /\n}\n.cr-select__wrapper::-webkit-scrollbar-track,\n.cr-select__wrapper::-webkit-scrollbar-thumb {\n border-left: var(--cr-spacing-spacing-3) solid transparent;\n border-radius: 8px 4px 4px 8px / 4px;\n background-clip: padding-box;\n}\n.cr-select__wrapper::-webkit-scrollbar-track {\n background-color: var(--cr-color-fill-neutral-subtlest);\n}\n.cr-select__wrapper::-webkit-scrollbar-thumb {\n background-color: var(--cr-color-fill-neutral-subtle);\n}\n.cr-select__wrapper::-webkit-scrollbar-thumb:hover {\n background-color: var(--cr-color-fill-neutral-subtle-hover);\n}\n@supports not selector(::-webkit-scrollbar) {\n .cr-select__wrapper {\n scrollbar-width: thin;\n scrollbar-color: var(--cr-color-fill-neutral-subtle) var(--cr-color-fill-neutral-subtlest);\n }\n}\n.cr-select__list {\n margin: 0;\n padding: 0;\n list-style: none;\n}\n.cr-select__item {\n display: flex;\n align-items: center;\n box-sizing: border-box;\n height: 37px;\n padding: var(--cr-padding-padding-4) var(--cr-padding-padding-5);\n overflow: hidden;\n border-radius: var(--cr-radius-x-small);\n background-color: var(--cr-color-fill-neutral-container);\n text-overflow: ellipsis;\n white-space: nowrap;\n cursor: pointer;\n outline: none;\n}\n.cr-select__empty {\n cursor: default;\n}\n\n/ Hover e o item destacado pelo teclado /\n.cr-select__item:hover,\n.cr-select__item[data-p-focused='true'] {\n background-color: var(--cr-color-fill-neutral-container-hover);\n}\n\n/ Selected: igual ao do Menu (Dropdown List) /\n.cr-select__item[data-p-highlight='true'] {\n background-color: var(--cr-color-fill-selected-subtlest);\n color: var(--cr-color-text-brand-base);\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[data-p-highlight='true'] .cr-switch__track {\n background-color: var(--cr-color-fill-brand-base);\n}\n.cr-switch__control[data-p-highlight='true'] .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\n .cr-switch__control[data-p-highlight='true']\n .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[data-p-highlight='true'] .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.cr-switch__label--hidden {\n position: absolute;\n width: 1px;\n height: 1px;\n overflow: hidden;\n clip-path: inset(50%);\n white-space: nowrap;\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"],"mappings":"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","names":[]}