.ui-chip {
  box-sizing: border-box;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: var(--ui-chip-md);
  min-height: var(--ui-chip-md);
  border: 0;
  border-radius: var(--ui-button-radius);
  padding: 0 1rem;
  gap: 0.25rem;
  color: var(--ui-color-text);
  background: transparent;
  backdrop-filter: var(--ui-button-blur);
  font-size: var(--ui-type-medium);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
  cursor: pointer;
}

.ui-chip-medium {
  height: var(--ui-chip-md);
  min-height: var(--ui-chip-md);
  padding: 0 1rem;
  gap: 0.25rem;
  font-size: var(--ui-type-medium);
}

.ui-chip-small {
  min-height: var(--ui-control-sm);
  height: var(--ui-control-sm);
  padding: 0 0.75rem;
  gap: 0.125rem;
  font-size: var(--ui-type-small);
  letter-spacing: -0.01em;
}

.ui-chip-xsmall {
  height: var(--ui-control-xs);
  min-height: var(--ui-control-xs);
  padding: 0 0.5rem;
  gap: 0;
  font-size: var(--ui-type-xsmall);
  letter-spacing: 0;
}

.ui-chip-label {
  padding: 1px 0.375rem 0;
}

.ui-chip-small .ui-chip-label,
.ui-chip-xsmall .ui-chip-label {
  padding: 1px 0.25rem 0;
}

.ui-chip-leading,
.ui-chip-trailing {
  color: var(--ui-chip-icon);
  flex: none;
}

.ui-chip.is-selected {
  color: var(--ui-chip-selected-fg);
  background: var(--ui-chip-selected-bg);
}

.ui-chip.is-selected .ui-chip-leading,
.ui-chip.is-selected .ui-chip-trailing {
  color: var(--ui-chip-selected-fg);
}

.ui-chip:disabled {
  color: var(--ui-button-disabled-fg);
  background: var(--ui-chip-disabled-bg);
  cursor: not-allowed;
}

.ui-chip.is-selected:disabled {
  background: var(--ui-chip-selected-disabled-bg);
}

.ui-chip:disabled .ui-chip-leading,
.ui-chip:disabled .ui-chip-trailing {
  color: var(--ui-button-disabled-fg);
}

.ui-tag {
  box-sizing: border-box;
  display: inline-flex;
  flex: none;
  justify-content: center;
  align-items: center;
  margin: 0;
  border: 0;
  color: var(--ui-tag-fg);
  background: var(--ui-tag-bg);
  white-space: nowrap;
}

.ui-tag-xsmall {
  height: var(--ui-tag-xs);
  padding: 0 0.25rem 1px;
  border-radius: var(--ui-tag-radius-xs);
}

.ui-tag-small {
  height: var(--ui-tag-sm);
  padding: 0 0.375rem;
  border-radius: var(--ui-tag-radius-sm);
}

.ui-tag-medium {
  height: var(--ui-tag-md);
  padding: 0 0.5rem;
  border-radius: var(--ui-tag-radius-md);
}

.ui-tag-neutral {
  --ui-tag-bg: var(--ui-tok-tag-neutral-subtle-bg);
  --ui-tag-fg: var(--ui-tok-tag-neutral-subtle-text);
}

.ui-tag-neutral.is-strong {
  --ui-tag-bg: var(--ui-tok-tag-neutral-strong-bg);
  --ui-tag-fg: var(--ui-tok-tag-neutral-strong-text);
}

.ui-tag-blue {
  --ui-tag-bg: var(--ui-tok-tag-blue-bg);
  --ui-tag-fg: var(--ui-tok-tag-blue-text);
}

.ui-tag-blue.is-strong {
  --ui-tag-bg: var(--ui-tok-tag-blue-strong-bg);
  --ui-tag-fg: var(--ui-tok-tag-blue-strong-text);
}

.ui-tag-green {
  --ui-tag-bg: var(--ui-tok-tag-green-bg);
  --ui-tag-fg: var(--ui-tok-tag-green-text);
}

.ui-tag-green.is-strong {
  --ui-tag-bg: var(--ui-tok-tag-green-strong-bg);
  --ui-tag-fg: var(--ui-tok-tag-green-strong-text);
}

.ui-tag-orange {
  --ui-tag-bg: var(--ui-tok-tag-orange-bg);
  --ui-tag-fg: var(--ui-tok-tag-orange-text);
}

.ui-tag-orange.is-strong {
  --ui-tag-bg: var(--ui-tok-tag-orange-strong-bg);
  --ui-tag-fg: var(--ui-tok-tag-orange-strong-text);
}

.ui-tag-red {
  --ui-tag-bg: var(--ui-tok-tag-red-bg);
  --ui-tag-fg: var(--ui-tok-tag-red-text);
}

.ui-tag-red.is-strong {
  --ui-tag-bg: var(--ui-tok-tag-red-strong-bg);
  --ui-tag-fg: var(--ui-tok-tag-red-strong-text);
}

.ui-tag-yellow {
  --ui-tag-bg: var(--ui-tok-tag-yellow-bg);
  --ui-tag-fg: var(--ui-tok-tag-yellow-text);
}

.ui-tag-yellow.is-strong {
  --ui-tag-bg: var(--ui-tok-tag-yellow-strong-bg);
  --ui-tag-fg: var(--ui-tok-tag-yellow-strong-text);
}

.ui-tag-lime {
  --ui-tag-bg: var(--ui-tok-tag-lime-bg);
  --ui-tag-fg: var(--ui-tok-tag-lime-text);
}

.ui-tag-lime.is-strong {
  --ui-tag-bg: var(--ui-tok-tag-lime-strong-bg);
  --ui-tag-fg: var(--ui-tok-tag-lime-strong-text);
}

.ui-tag-turquoise {
  --ui-tag-bg: var(--ui-tok-tag-turquoise-bg);
  --ui-tag-fg: var(--ui-tok-tag-turquoise-text);
}

.ui-tag-turquoise.is-strong {
  --ui-tag-bg: var(--ui-tok-tag-turquoise-strong-bg);
  --ui-tag-fg: var(--ui-tok-tag-turquoise-strong-text);
}

.ui-tag-purple {
  --ui-tag-bg: var(--ui-tok-tag-purple-bg);
  --ui-tag-fg: var(--ui-tok-tag-purple-text);
}

.ui-tag-purple.is-strong {
  --ui-tag-bg: var(--ui-tok-tag-purple-strong-bg);
  --ui-tag-fg: var(--ui-tok-tag-purple-strong-text);
}

.ui-switch-track {
  box-sizing: border-box;
  display: flex;
  flex: none;
  align-items: center;
  justify-content: flex-start;
  padding: var(--ui-switch-pad);
  border: 0;
  border-radius: var(--ui-switch-radius);
  background: var(--ui-neutral-125);
}

.ui-switch-medium .ui-switch-track {
  width: var(--ui-switch-md-w);
  height: var(--ui-switch-md-h);
}

.ui-switch-small .ui-switch-track {
  width: var(--ui-switch-sm-w);
  height: var(--ui-switch-sm-h);
}

.ui-switch-thumb {
  flex: none;
  border-radius: 50%;
  background: var(--ui-neutral-0);
  box-shadow: var(--ui-knob-shadow);
}

.ui-switch-medium .ui-switch-thumb {
  width: var(--ui-knob-md);
  height: var(--ui-knob-md);
}

.ui-switch-small .ui-switch-thumb {
  width: var(--ui-knob-sm);
  height: var(--ui-knob-sm);
}

.ui-switch input:checked + .ui-switch-track {
  justify-content: flex-end;
  background: var(--ui-tok-switch-track-on);
}

.ui-switch input:disabled + .ui-switch-track {
  background: var(--ui-neutral-125);
}

.ui-switch input:disabled + .ui-switch-track .ui-switch-thumb {
  background: var(--ui-neutral-25);
}

.ui-checkbox-control,
.ui-radio-control {
  box-sizing: border-box;
  display: grid;
  flex: none;
  place-items: center;
  overflow: hidden;
  background: var(--ui-neutral-0);
  border: 1px solid var(--ui-neutral-400);
}

.ui-checkbox-medium,
.ui-radio-medium {
  --ui-check-size: var(--ui-check-md);
}

.ui-checkbox-small,
.ui-radio-small {
  --ui-check-size: var(--ui-check-sm);
}

.ui-checkbox-control,
.ui-radio-control {
  width: var(--ui-check-size);
  height: var(--ui-check-size);
}

.ui-checkbox-control {
  border-radius: var(--ui-check-radius);
  color: var(--ui-neutral-400);
}

.ui-radio-control {
  border-radius: var(--ui-radio-md-radius);
}

.ui-radio-small .ui-radio-control {
  border-radius: var(--ui-radio-sm-radius);
}

.ui-checkbox-control .ui-icon-glyph {
  display: block;
  width: 100%;
  height: 100%;
  opacity: 0;
}

.ui-radio-dot {
  display: block;
  width: var(--ui-radio-dot-md);
  height: var(--ui-radio-dot-md);
  border-radius: 50%;
  opacity: 0;
  background: var(--ui-neutral-400);
}

.ui-radio-small .ui-radio-dot {
  width: var(--ui-radio-dot-sm);
  height: var(--ui-radio-dot-sm);
}

.ui-checkbox > input:checked + .ui-checkbox-label .ui-checkbox-control,
.ui-radio > input:checked + .ui-radio-label .ui-radio-control {
  border-width: 0;
  background: var(--ui-tok-checkbox-bg-checked-default);
}

.ui-radio > input:checked + .ui-radio-label .ui-radio-control {
  background: var(--ui-tok-radio-bg-checked-default);
}

.ui-checkbox > input:checked + .ui-checkbox-label .ui-checkbox-control {
  color: var(--ui-neutral-0);
}

.ui-checkbox > input:checked + .ui-checkbox-label .ui-checkbox-control .ui-icon-glyph {
  opacity: 1;
}

.ui-radio > input:checked + .ui-radio-label .ui-radio-dot {
  opacity: 1;
  background: var(--ui-neutral-0);
  box-shadow: var(--ui-knob-shadow);
}

.ui-radio-small > input:checked + .ui-radio-label .ui-radio-dot {
  box-shadow: var(--ui-knob-shadow-s);
}

.ui-checkbox > input:disabled + .ui-checkbox-label .ui-checkbox-control,
.ui-radio > input:disabled + .ui-radio-label .ui-radio-control {
  border-color: var(--ui-neutral-125);
  background: var(--ui-neutral-0);
}

.ui-checkbox > input:disabled:checked + .ui-checkbox-label .ui-checkbox-control,
.ui-radio > input:disabled:checked + .ui-radio-label .ui-radio-control {
  border-width: 0;
  background: var(--ui-neutral-125);
}

.ui-checkbox > input:disabled:checked + .ui-checkbox-label .ui-checkbox-control {
  color: var(--ui-neutral-400);
}

.ui-radio > input:disabled:checked + .ui-radio-label .ui-radio-dot {
  width: var(--ui-radio-dot-sm);
  height: var(--ui-radio-dot-sm);
  background: var(--ui-neutral-400);
  box-shadow: none;
}

.ui-checkbox:has(input:disabled) .ui-checkbox-label,
.ui-radio:has(input:disabled) .ui-radio-label {
  cursor: not-allowed;
}

.ui-input {
  position: relative;
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  color: var(--ui-neutral-400);
  background: var(--ui-neutral-0);
  border: 1px solid var(--ui-input-border);
}

.ui-input-small {
  height: var(--ui-input-sm-h);
  padding: 0 var(--ui-input-sm-pad);
  gap: var(--ui-input-sm-gap);
  border-radius: var(--ui-input-sm-radius);
}

.ui-input-medium {
  height: var(--ui-input-md-h);
  padding: 0 var(--ui-input-md-pad);
  gap: var(--ui-input-md-gap);
  border-radius: var(--ui-input-md-radius);
}

.ui-input-icon {
  display: block;
  flex: none;
}

.ui-input-field {
  flex: 1 1 auto;
  min-width: 0;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  color: var(--ui-neutral-400);
  background: transparent;
  -webkit-appearance: none;
  appearance: none;
  outline: none;
}

.ui-input-field[type="search"]::-webkit-search-decoration,
.ui-input-field[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
  appearance: none;
}

.ui-input-field::placeholder {
  color: var(--ui-neutral-400);
  opacity: 1;
}

.ui-search-input .ui-input-field,
.ui-search-input .ui-input-field::placeholder {
  color: var(--ui-neutral-600);
}

.ui-input:has(.ui-input-field:not(:placeholder-shown):not(:disabled)) {
  color: var(--ui-neutral-600);
}

.ui-input-field:not(:placeholder-shown) {
  color: var(--ui-neutral-850);
  -webkit-text-fill-color: var(--ui-neutral-850);
}

.ui-search-input-clear {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: auto;
  height: auto;
  min-height: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  font-weight: inherit;
  opacity: 0;
  pointer-events: none;
  cursor: pointer;
}

.ui-search-input-clear .ui-icon-glyph {
  display: block;
}

.ui-input:has(.ui-input-field:disabled) {
  color: var(--ui-neutral-200);
  border-color: var(--ui-input-border-disabled);
  cursor: not-allowed;
}

.ui-input-field:disabled,
.ui-input-field:disabled::placeholder {
  color: var(--ui-neutral-400);
  -webkit-text-fill-color: var(--ui-neutral-400);
  opacity: 1;
}

.ui-search-input-clear:disabled {
  cursor: not-allowed;
  opacity: 0;
  pointer-events: none;
}

.ui-field {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  isolation: isolate;
  width: 100%;
  gap: var(--ui-field-gap);
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.ui-field-label {
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: 0 var(--ui-field-label-pad);
  color: var(--ui-neutral-600);
}

.ui-field > .ui-input {
  align-self: stretch;
  align-items: flex-end;
  padding: var(--ui-field-control-pad-block) var(--ui-input-md-pad);
  background: var(--ui-neutral-0);
}

.ui-field .ui-input-field,
.ui-field .ui-input-field:hover,
.ui-field .ui-input-field:focus,
.ui-field .ui-input-field:focus-visible,
.ui-field .ui-input-field:disabled,
.ui-field .ui-input-field:not(:placeholder-shown),
.ui-field .ui-input-field[aria-invalid="true"] {
  width: 100%;
  min-height: 0;
  border: 0;
  border-radius: 0;
  padding: 0;
  outline: 0;
  box-shadow: none;
  font-weight: 400;
  font-size: var(--ui-type-small);
  letter-spacing: -0.02em;
  background: transparent;
}

.ui-field > textarea {
  box-sizing: border-box;
  align-self: stretch;
  width: 100%;
  min-height: 6rem;
  margin: 0;
  padding: var(--ui-field-control-pad-block) var(--ui-input-md-pad);
  border: 1px solid var(--ui-input-border);
  border-radius: var(--ui-input-md-radius);
  color: var(--ui-neutral-400);
  background: var(--ui-neutral-0);
  font-weight: 400;
  font-size: var(--ui-type-small);
  line-height: 1.2;
  letter-spacing: -0.02em;
  outline: none;
  resize: vertical;
}

.ui-field > textarea::placeholder {
  color: var(--ui-neutral-400);
  opacity: 1;
}

.ui-field > textarea:not(:placeholder-shown) {
  color: var(--ui-neutral-850);
  background: var(--ui-neutral-0);
}

.ui-field.is-invalid > textarea {
  border-color: var(--ui-tok-input-border-error);
  color: var(--ui-tok-accent-red-02);
  background: var(--ui-neutral-0);
}

.ui-field > textarea:focus,
.ui-field > textarea:focus-visible {
  outline: 0;
  border-color: var(--ui-input-border-active);
  background: var(--ui-neutral-0);
}

.ui-field.is-invalid > textarea:focus,
.ui-field.is-invalid > textarea:focus-visible {
  border-color: var(--ui-tok-input-border-error);
}

.ui-field > textarea:disabled,
.ui-field > textarea:disabled::placeholder {
  border-color: var(--ui-input-border-disabled);
  color: var(--ui-neutral-400);
  background: var(--ui-neutral-0);
}

.ui-field-helper {
  display: flex;
  align-items: center;
  align-self: stretch;
  margin-top: var(--ui-field-helper-offset);
  padding: 0 var(--ui-field-helper-pad);
  color: var(--ui-neutral-400);
}

.ui-field-helper.is-error,
.ui-field-error {
  color: var(--ui-tok-accent-red-01);
}

.ui-field.is-invalid > .ui-input {
  border-color: var(--ui-tok-input-border-error);
  color: var(--ui-tok-accent-red-02);
  background: var(--ui-neutral-0);
}

.ui-field.is-invalid .ui-input-field,
.ui-field.is-invalid .ui-input-field::placeholder {
  color: var(--ui-tok-accent-red-02);
  -webkit-text-fill-color: var(--ui-tok-accent-red-02);
}

.ui-field.is-invalid:has(.ui-input-field:not(:placeholder-shown)) > .ui-input {
  color: var(--ui-tok-accent-red-01);
}

.ui-field.is-invalid .ui-input-field:not(:placeholder-shown) {
  color: var(--ui-tok-accent-red-01);
  -webkit-text-fill-color: var(--ui-tok-accent-red-01);
}

.ui-field:has(.ui-input-field:disabled) .ui-field-label,
.ui-field:has(.ui-select-trigger:disabled) .ui-field-label {
  color: var(--ui-neutral-400);
}

.ui-field:focus-within:not(.is-invalid):not(:has(.ui-input-field:disabled)):not(
    :has(.ui-select-trigger:disabled)
  )
  .ui-field-label {
  color: var(--ui-neutral-850);
}

.ui-field > .ui-popover-menu {
  align-self: stretch;
  width: 100%;
}

.ui-field:has(.ui-popover-menu.is-open) {
  isolation: auto;
  position: relative;
  z-index: var(--ui-menu-z);
}

.ui-select-trigger {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  align-self: stretch;
  width: 100%;
  height: var(--ui-input-md-h);
  min-height: var(--ui-input-md-h);
  gap: var(--ui-input-md-gap);
  border: 1px solid var(--ui-input-border);
  border-radius: var(--ui-input-md-radius);
  padding: 0 var(--ui-input-md-pad);
  color: var(--ui-neutral-850);
  background: var(--ui-neutral-0);
  text-align: left;
  cursor: pointer;
}

.ui-select-value {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-select-chevron {
  flex: none;
  color: var(--ui-neutral-600);
}

.ui-select-trigger.is-empty {
  color: var(--ui-neutral-400);
}

.ui-select-trigger.is-empty .ui-select-chevron {
  color: var(--ui-neutral-400);
}

.ui-select-trigger.is-open,
.ui-select-trigger:focus-visible {
  outline: 0;
  border-color: var(--ui-input-border-active);
}

.ui-select-trigger:disabled {
  border-color: var(--ui-input-border-disabled);
  color: var(--ui-neutral-400);
  cursor: not-allowed;
}

.ui-select-trigger:disabled .ui-select-chevron {
  color: var(--ui-neutral-200);
}

.ui-field.is-invalid .ui-select-trigger {
  border-color: var(--ui-tok-input-border-error);
  color: var(--ui-tok-accent-red-01);
}

.ui-field.is-invalid .ui-select-trigger.is-empty {
  color: var(--ui-tok-accent-red-02);
}

.ui-field.is-invalid .ui-select-trigger .ui-select-chevron {
  color: var(--ui-tok-accent-red-01);
}

.ui-field.is-invalid .ui-select-trigger.is-empty .ui-select-chevron {
  color: var(--ui-tok-accent-red-02);
}

.ui-side-menu-btn {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  min-height: var(--ui-control-sm);
  height: var(--ui-control-sm);
  gap: 0.625rem;
  border: 0;
  border-radius: var(--ui-side-menu-radius);
  padding: 0 1rem 0 0.75rem;
  color: var(--ui-side-menu-fg);
  background: transparent;
  font-size: var(--ui-type-small);
  font-weight: 400;
  line-height: 1.2;
  letter-spacing: -0.02em;
  text-decoration: none;
  cursor: pointer;
}

.project-primary-navigation .ui-side-menu-btn {
  width: auto;
}

.ui-side-menu-btn-avatar {
  padding-left: 0.5rem;
}

.ui-side-menu-btn-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-side-menu-btn-icon,
.ui-side-menu-btn-trailing {
  flex: none;
  color: var(--ui-side-menu-icon);
}

.ui-side-menu-btn-trailing {
  color: var(--ui-side-menu-icon);
}

.ui-side-menu-btn-trailing.is-hover-only {
  display: none;
}

.ui-side-menu-btn.is-active {
  color: var(--ui-side-menu-fg-active);
  background: var(--ui-side-menu-bg-active);
}

.ui-side-menu-btn.is-active .ui-side-menu-btn-icon {
  color: var(--ui-side-menu-fg-active);
}

.ui-side-menu-btn:disabled {
  color: var(--ui-button-disabled-fg);
  background: transparent;
  cursor: not-allowed;
}

.ui-side-menu-btn:disabled:not(.is-active):hover {
  color: var(--ui-side-menu-fg-hover);
  background: var(--ui-side-menu-bg-hover);
}

.ui-side-menu-btn:disabled .ui-side-menu-btn-icon,
.ui-side-menu-btn:disabled .ui-side-menu-btn-trailing {
  color: var(--ui-button-disabled-fg);
}

.ui-side-menu-list-head {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: var(--ui-control-xs);
  min-height: var(--ui-control-xs);
  gap: 0.75rem;
  padding: 0 0 0 0.75rem;
}

.ui-side-menu-list-head-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  color: var(--ui-tok-sidemenu-item-list-head-text);
  font-size: var(--ui-type-xsmall);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: 0;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-side-menu-list-head-action {
  box-sizing: border-box;
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--ui-control-icon-xs);
  min-width: var(--ui-control-icon-xs);
  max-width: var(--ui-control-icon-xs);
  height: var(--ui-control-xs);
  border: 0;
  border-radius: var(--ui-button-radius);
  padding: 0;
  color: var(--ui-color-text);
  background: transparent;
  backdrop-filter: var(--ui-button-blur);
  cursor: pointer;
}

.ui-project-select {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: var(--ui-control-sm);
  min-height: var(--ui-control-sm);
  gap: 0.25rem;
  border: 0;
  border-radius: var(--ui-side-menu-radius);
  padding: 0 1rem 0 0.625rem;
  color: var(--ui-color-text);
  background: transparent;
  cursor: pointer;
}

.ui-project-select-main {
  display: flex;
  flex: 1 1 auto;
  flex-direction: row;
  align-items: center;
  min-width: 0;
  gap: 0.5rem;
}

.ui-project-logo {
  box-sizing: border-box;
  display: grid;
  flex: none;
  place-items: center;
  overflow: hidden;
  width: var(--ui-project-logo-lg);
  height: var(--ui-project-logo-lg);
  border: 0;
  border-radius: var(--ui-project-logo-radius-lg);
}

.ui-project-logo-xlarge {
  width: var(--ui-project-logo-xl);
  height: var(--ui-project-logo-xl);
  border-radius: var(--ui-project-logo-radius-xl);
}

.ui-project-logo-large {
  width: var(--ui-project-logo-lg);
  height: var(--ui-project-logo-lg);
  border-radius: var(--ui-project-logo-radius-lg);
}

.ui-project-logo-medium {
  width: var(--ui-project-logo-md);
  height: var(--ui-project-logo-md);
  border-radius: var(--ui-project-logo-radius-md);
}

.ui-project-logo-small {
  width: var(--ui-project-logo-sm);
  height: var(--ui-project-logo-sm);
  border-radius: var(--ui-project-logo-radius);
}

.ui-project-logo-xsmall {
  width: var(--ui-project-logo-xs);
  height: var(--ui-project-logo-xs);
  border-radius: var(--ui-project-logo-radius);
}

.ui-project-logo.no-logo {
  color: var(--ui-project-logo-empty-fg);
  background: var(--ui-project-logo-empty-bg);
}

.ui-project-logo.has-logo {
  background: transparent;
}

.ui-project-logo.has-shadow {
  overflow: visible;
  border: 1px solid var(--ui-color-border);
  background: var(--ui-tok-background-app);
  box-shadow: var(--ui-project-logo-tile-shadow);
}

.ui-project-logo.has-shadow.has-logo,
.ui-project-logo.has-shadow.no-logo {
  background: var(--ui-tok-background-app);
}

.ui-project-logo.has-shadow .ui-project-logo-image {
  border-radius: inherit;
}

.ui-project-logo-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.ui-project-logo-icon {
  flex: none;
}

.ui-bg-pattern {
  position: absolute;
  inset-inline: 0;
  top: 0;
  z-index: 0;
  height: var(--ui-bg-pattern-height);
  overflow: hidden;
  pointer-events: none;
}

.ui-bg-pattern-dots,
.ui-bg-pattern-fade {
  position: absolute;
  inset: 0;
}

.ui-bg-pattern-dots {
  opacity: var(--ui-bg-pattern-opacity);
  background-image: url("./bg-pattern-dots.png");
  background-repeat: repeat;
  background-size: var(--ui-bg-pattern-tile) var(--ui-bg-pattern-tile);
}

.ui-bg-pattern-fade {
  background: linear-gradient(
    180deg,
    rgb(255 255 255 / 0) 0%,
    var(--ui-color-surface) var(--ui-bg-pattern-fade)
  );
}

[data-theme="dark"] .ui-bg-pattern-dots {
  filter: invert(1);
}

.ui-project-select-name {
  flex: none;
  max-width: var(--ui-project-select-name-max);
  overflow: hidden;
  color: inherit;
  font-size: var(--ui-type-small);
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.01em;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-project-select-chevron {
  flex: none;
  color: var(--ui-side-menu-icon);
}

.ui-project-select.is-active {
  background: var(--ui-side-menu-bg-active);
}

.ui-project-select.is-active .ui-project-select-chevron {
  color: var(--ui-color-text);
}

.ui-project-select:disabled {
  color: var(--ui-button-disabled-fg);
  background: transparent;
  cursor: not-allowed;
}

.ui-project-select:disabled .ui-project-logo.no-logo {
  color: var(--ui-button-disabled-fg);
  background: var(--ui-neutral-600);
  opacity: 0.72;
}

.ui-popover-menu {
  position: relative;
  width: 100%;
}

.ui-popover-menu.is-open {
  z-index: var(--ui-menu-z);
}

.ui-context-menu {
  position: absolute;
  z-index: var(--ui-menu-z);
  top: calc(100% + 0.25rem);
  left: 0;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 100%;
  width: max(100%, var(--ui-menu-min));
  gap: var(--ui-menu-item-gap);
  border: 1px solid var(--ui-menu-border);
  border-radius: var(--ui-menu-radius);
  padding: var(--ui-menu-pad);
  color: var(--ui-menu-fg);
  background: var(--ui-menu-bg);
  box-shadow: var(--ui-menu-shadow);
  overflow-x: hidden;
  overflow-y: auto;
  overscroll-behavior: contain;
}

.ui-context-menu-item {
  box-sizing: border-box;
  display: flex;
  flex: none;
  align-items: center;
  width: 100%;
  height: var(--ui-menu-item-height);
  min-height: var(--ui-menu-item-height);
  gap: var(--ui-menu-item-icon-gap);
  overflow: hidden;
  border: 0;
  border-radius: var(--ui-menu-item-radius);
  padding: 0 var(--ui-menu-item-pad);
  color: var(--ui-menu-fg);
  background: transparent;
  text-align: left;
  text-decoration: none;
  cursor: pointer;
}

.ui-context-menu-item-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-context-menu-item-copy {
  flex: 1 1 auto;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 0.125rem;
  overflow: hidden;
}

.ui-context-menu-item-copy .ui-context-menu-item-label {
  flex: none;
  width: 100%;
}

.ui-context-menu-item-description {
  overflow: hidden;
  color: var(--ui-tok-context-menu-item-descriptor-default);
  white-space: normal;
}

.ui-context-menu-item.has-description {
  height: auto;
  min-height: 0;
  align-items: flex-start;
  overflow: visible;
  padding-block: var(--ui-menu-pad);
}

.ui-context-menu-item-shortcut {
  flex: none;
  color: var(--ui-tok-context-menu-item-text-secondary);
}

.ui-context-menu-item-chevron,
.ui-context-menu-item-switch {
  flex: none;
  color: var(--ui-menu-icon);
}

.ui-context-menu-header {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  width: 100%;
  height: var(--ui-menu-item-height);
  padding: 0 var(--ui-menu-item-pad);
  color: var(--ui-color-text);
}

.ui-context-menu-empty {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  width: 100%;
  padding: 1rem 0;
  color: var(--ui-tok-text-secondary);
  text-align: center;
}

.ui-context-menu-empty-copy {
  max-width: 8.125rem;
  color: var(--ui-tok-text-secondary);
}

.ui-context-menu-submenu {
  left: calc(100% + 0.25rem);
  top: 0;
  bottom: auto;
  min-width: var(--ui-menu-min);
}

.ui-dropdown-menu.ui-context-menu {
  position: fixed;
  z-index: var(--ui-menu-z);
  top: auto;
  right: auto;
  bottom: auto;
  left: auto;
  min-width: var(--ui-menu-min);
  width: max-content;
}

.ui-dropdown-sub {
  display: flex;
  flex-direction: column;
  width: 100%;
  min-width: 0;
}

.ui-dropdown-menu.ui-dropdown-menu-wide {
  width: var(--ui-menu-wide);
  min-width: var(--ui-menu-wide);
  max-height: 24.375rem;
  overflow-x: hidden;
  overflow-y: auto;
}

.ui-dropdown-menu.ui-dropdown-menu-wide:has(.ui-context-menu-empty) {
  width: var(--ui-menu-min);
  min-width: var(--ui-menu-min);
  max-height: none;
  overflow: visible;
}

.ui-dropdown-menu.ui-dropdown-menu-models {
  width: 17.5rem;
  min-width: var(--ui-menu-min);
  max-height: 20.5rem;
  overflow-x: hidden;
  overflow-y: auto;
  scrollbar-width: none;
}

.ui-dropdown-menu-models::-webkit-scrollbar {
  display: none;
}

.ui-dropdown-menu-models::after {
  content: "";
  position: sticky;
  bottom: 0;
  z-index: 1;
  display: block;
  flex: none;
  height: 2.5rem;
  margin-top: -2.5rem;
  margin-inline: calc(-1 * var(--ui-menu-pad));
  pointer-events: none;
  background: linear-gradient(180deg, var(--ui-tok-fade-bg-0), var(--ui-tok-fade-bg-100));
}

.ui-context-menu-item-icon {
  flex: none;
  color: var(--ui-menu-icon);
}

.ui-context-menu-item-check {
  flex: none;
  color: var(--ui-menu-check);
}

.ui-context-menu-item.is-selected {
  color: var(--ui-menu-fg-selected);
}

.ui-context-menu-item:disabled {
  color: var(--ui-tok-context-menu-item-text-disabled);
  cursor: not-allowed;
}

.ui-context-menu-separator {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: var(--ui-menu-divider-pad-block) var(--ui-menu-item-pad);
}

.ui-context-menu-separator .ui-divider {
  width: 100%;
  margin: 0;
  border-color: var(--ui-menu-border);
}

.ui-loader-large .ui-loader-spinner {
  width: var(--ui-control-sm);
  height: var(--ui-control-sm);
}

.ui-alert {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--ui-space-3);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-radius-md);
  padding: calc(var(--ui-space-3) + var(--ui-space-1)) var(--ui-space-4);
  color: var(--ui-color-text);
  background: var(--ui-color-surface);
  font-size: var(--ui-type-small);
  line-height: 1.5;
}

.ui-alert-icon {
  margin-top: 0.08rem;
  flex: none;
}

.ui-alert-content,
.ui-alert-content > div {
  display: grid;
  gap: var(--ui-space-1);
}

.ui-alert-content strong {
  font-weight: 620;
}

.ui-alert-actions {
  display: flex;
  align-items: center;
  gap: var(--ui-space-2);
}

.ui-alert-info {
  border-color: var(--ui-color-border);
  background: var(--ui-color-surface-subtle);
}

.ui-alert-success {
  border-color: var(--ui-color-success-border);
  color: var(--ui-color-success-text);
  background: var(--ui-color-success-surface);
}

.ui-alert-warning {
  border-color: var(--ui-color-warning-border);
  color: var(--ui-color-warning-text);
  background: var(--ui-color-warning-surface);
}

.ui-alert-danger {
  border-color: var(--ui-color-danger-border);
  color: var(--ui-color-danger-text);
  background: var(--ui-color-danger-surface);
}

.ui-progress {
  display: grid;
  gap: var(--ui-space-2);
  min-width: 10rem;
}

.ui-progress-label {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: var(--ui-space-4);
  color: var(--ui-color-text-muted);
  font-size: var(--ui-type-xsmall);
}

.ui-progress-label strong {
  color: var(--ui-color-text);
  font-weight: 620;
}

.ui-progress-track {
  width: 100%;
  height: 0.35rem;
  overflow: hidden;
  border-radius: var(--ui-radius-pill);
  background: var(--ui-color-control-hover);
}

.ui-progress-value {
  display: block;
  width: var(--ui-progress);
  height: 100%;
  border-radius: inherit;
  background: var(--ui-tok-accent-blue-01);
  transition: width var(--ui-duration-normal) var(--ui-ease-standard);
}

.ui-select select[aria-invalid="true"] {
  border-color: var(--ui-color-danger-border);
  background: var(--ui-color-danger-surface);
}

.ui-page-header-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: start;
  gap: var(--ui-space-6);
}

.ui-page-header-copy {
  min-width: 0;
}

.ui-page-header-eyebrow {
  margin: 0;
  color: var(--ui-color-text-muted);
  font-weight: 650;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.ui-page-header-title {
  overflow-wrap: break-word;
}

.ui-page-header-description {
  max-width: var(--ui-reading-max);
  color: var(--ui-color-text-muted);
}

.ui-page-header-actions {
  display: flex;
  align-items: flex-start;
  gap: var(--ui-space-2);
}

.ui-empty-state {
  display: grid;
  justify-items: center;
  align-content: center;
  min-height: 21.875rem; /* 350 */
  text-align: center;
}

.ui-empty-state-icon {
  display: grid;
  width: var(--ui-control-lg);
  height: var(--ui-control-lg);
  margin-bottom: var(--ui-space-3);
  place-items: center;
  border-radius: var(--ui-radius-md);
  color: var(--ui-color-text);
  background: var(--ui-color-surface);
}

.ui-empty-state h3,
.ui-empty-state p {
  margin: 0;
}

.ui-empty-state h3 {
  color: var(--ui-color-text);
  font-size: var(--ui-type-medium);
  font-weight: 600;
}

.ui-empty-state p {
  max-width: 30rem;
  margin-top: var(--ui-space-1);
  color: var(--ui-color-text-muted);
  font-size: var(--ui-type-small);
}

.ui-empty-state-action {
  margin-top: var(--ui-space-4);
}

.ui-accordion {
  display: flex;
  flex-direction: column;
  gap: 2rem; /* 32 — Figma Frame 484905 */
}

.ui-accordion-item {
  display: flex;
  flex-direction: column;
  min-width: 0;
}

.ui-accordion-trigger {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  width: max-content;
  max-width: 100%;
  min-height: 1.0625rem; /* 17 — Body S */
  padding: 0;
  border: 0;
  color: var(--ui-tok-link-secondary-text-default);
  background: transparent;
  cursor: pointer;
}

.ui-accordion-trigger:hover {
  color: var(--ui-tok-link-secondary-text-hover);
}

.ui-accordion-trigger .ui-icon {
  flex: none;
  color: var(--ui-tok-link-secondary-icon-default);
}

.ui-accordion-trigger:hover .ui-icon {
  color: var(--ui-tok-link-secondary-icon-hover);
}

.ui-accordion-panel {
  display: grid;
  grid-template-rows: 0fr;
  min-height: 0;
  overflow: hidden;
  transition: grid-template-rows var(--ui-duration-normal) var(--ui-ease-standard);
}

.ui-accordion-item.is-open .ui-accordion-panel {
  grid-template-rows: 1fr;
}

.ui-accordion-panel-inner {
  min-height: 0;
  overflow: hidden;
}

.ui-accordion-list {
  display: flex;
  flex-direction: column;
  gap: 0.75rem; /* 12 — Figma Frame 484904 */
  margin: 0;
  padding: 1.25rem 0 0; /* 20 — Figma Recomendations gap */
  list-style: none;
}

.ui-accordion-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 0.5rem;
  min-width: 0;
}

.ui-accordion-row .ui-icon {
  flex: none;
  color: var(--ui-tok-text-muted);
}

.ui-accordion-label {
  flex: 0 1 auto;
  color: var(--ui-tok-text-primary);
}

.ui-accordion-hint {
  flex: 1 1 8rem;
  min-width: 0;
  overflow-wrap: anywhere;
  color: var(--ui-tok-text-muted);
}

.ui-tabs {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  min-width: 0;
}

.ui-tabs-list {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  align-items: center;
  width: 100%;
  height: var(--ui-tabs-height);
  min-height: var(--ui-tabs-height);
  gap: var(--ui-tabs-gap);
  overflow: hidden;
  border: 1px solid var(--ui-tabs-border);
  border-radius: var(--ui-tabs-radius);
  padding: var(--ui-tabs-pad);
  background: var(--ui-tabs-bg);
}

.ui-tabs-trigger {
  box-sizing: border-box;
  display: inline-flex;
  flex: 1 1 0;
  align-items: center;
  justify-content: center;
  min-width: 0;
  height: var(--ui-tabs-item-height);
  min-height: var(--ui-tabs-item-height);
  gap: var(--ui-tabs-item-gap);
  border: 0;
  border-radius: var(--ui-tabs-item-radius);
  padding: 0 var(--ui-tabs-item-pad);
  color: var(--ui-tabs-item-fg);
  background: transparent;
  font: inherit;
  cursor: pointer;
  appearance: none;
}

.ui-tabs-trigger .ui-type {
  overflow: hidden;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-tabs-trigger[data-state="active"] {
  color: var(--ui-tabs-item-fg-active);
  background: var(--ui-tabs-item-bg-active);
}

.ui-tabs-trigger:disabled {
  cursor: not-allowed;
  opacity: 0.48;
}

.ui-tabs-line .ui-tabs-list {
  height: var(--ui-tabs-line-height);
  min-height: var(--ui-tabs-line-height);
  gap: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  padding: 0;
  background: transparent;
}

.ui-tabs-line .ui-tabs-trigger {
  height: var(--ui-tabs-line-height);
  min-height: var(--ui-tabs-line-height);
  border-radius: 0;
  border-bottom: var(--ui-tabs-line-border-width) solid var(--ui-tabs-line-border);
  padding: 0 var(--ui-tabs-line-item-pad);
  color: var(--ui-tabs-line-fg);
  background: transparent;
}

.ui-tabs-line .ui-tabs-trigger[data-state="active"] {
  border-bottom-color: var(--ui-tabs-line-border-active);
  color: var(--ui-tabs-line-fg-active);
  background: transparent;
}

.ui-counter {
  box-sizing: border-box;
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  min-width: var(--ui-tabs-counter);
  height: var(--ui-tabs-counter);
  padding: 0 var(--ui-tabs-counter-pad);
  border-radius: var(--ui-tabs-counter-radius);
  color: var(--ui-tabs-counter-fg);
  background: var(--ui-tabs-counter-bg);
}

.ui-counter-dot {
  width: var(--ui-tabs-counter);
  min-width: var(--ui-tabs-counter);
  padding: 0;
}

.ui-counter-blue {
  background: var(--ui-tok-counter-bg-blue);
}

.ui-banner {
  box-sizing: border-box;
  display: flex;
  align-items: flex-start;
  gap: var(--ui-banner-gap);
  width: 100%;
  overflow: hidden;
  border-radius: var(--ui-banner-radius);
  padding: var(--ui-banner-pad);
  background: var(--ui-banner-bg);
}

.ui-banner-icon {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--ui-banner-icon);
  height: var(--ui-banner-icon);
  border-radius: 2rem;
  color: var(--ui-banner-icon-fg);
  background: var(--ui-banner-icon-bg);
}

.ui-banner-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.ui-banner-copy .ui-type-sh-m {
  color: var(--ui-banner-fg);
}

.ui-banner-copy .ui-type-body-xs {
  color: var(--ui-banner-muted);
}

.ui-banner .ui-icon-button {
  flex: none;
  margin-left: auto;
}

.ui-toast {
  box-sizing: border-box;
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: var(--ui-toast-gap);
  width: max-content;
  max-width: 100%;
  height: var(--ui-toast-height);
  border: 1px solid var(--ui-toast-border);
  border-radius: var(--ui-toast-radius);
  padding: var(--ui-toast-pad);
  background: var(--ui-toast-fill);
  box-shadow: var(--ui-toast-shadow);
}

.ui-toast-cluster {
  display: inline-flex;
  flex: none;
  align-items: center;
  gap: var(--ui-toast-cluster-gap);
  min-width: 0;
}

.ui-toast-cluster .ui-icon-glyph {
  width: var(--ui-toast-icon);
  height: var(--ui-toast-icon);
}

.ui-toast-message {
  margin: 0;
  color: var(--ui-toast-text);
  white-space: nowrap;
}

.ui-toast-error .ui-toast-message {
  color: var(--ui-toast-text-error);
}

.ui-toast-divider {
  flex: none;
  align-self: stretch;
  width: 0;
  border-left: 1px solid var(--ui-toast-border);
}

.ui-toast-close {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--ui-toast-close);
  height: var(--ui-toast-close);
  min-height: var(--ui-toast-close);
  padding: 0;
  border: 0;
  border-radius: 0;
  color: var(--ui-toast-close-fg);
  background: transparent;
  font-weight: inherit;
  opacity: 1;
  cursor: pointer;
}

.ui-toast-close:focus-visible {
  outline: var(--ui-focus-width) solid var(--ui-color-focus-ring);
  outline-offset: var(--ui-focus-offset);
}

.ui-recommendation-card {
  box-sizing: border-box;
  display: flex;
  flex: none;
  flex-direction: column;
  justify-content: space-between;
  width: var(--ui-rec-width);
  height: var(--ui-rec-height);
  overflow: hidden;
  border: 1px solid var(--ui-rec-border);
  border-radius: var(--ui-rec-radius);
  padding: var(--ui-rec-pad);
  color: inherit;
  background: var(--ui-rec-bg);
  font: inherit;
  text-align: left;
  text-decoration: none;
  appearance: none;
}

a.ui-recommendation-card,
button.ui-recommendation-card {
  cursor: pointer;
}

a.ui-recommendation-card:focus-visible,
button.ui-recommendation-card:focus-visible {
  outline: var(--ui-focus-width) solid var(--ui-color-focus-ring);
  outline-offset: var(--ui-focus-offset);
}

.ui-recommendation-card-copy {
  display: flex;
  flex-direction: column;
  gap: var(--ui-rec-gap);
}

.ui-recommendation-card-copy .ui-type-body-xs {
  color: var(--ui-rec-label);
}

.ui-recommendation-card-copy .ui-type-sh-m {
  color: var(--ui-rec-title);
}

.ui-recommendation-card > .ui-type-body-xs {
  color: var(--ui-rec-desc);
}

.ui-recommendation-card.is-featured {
  border-color: transparent;
  background: var(--ui-rec-featured-bg);
}

.ui-recommendation-card.is-featured .ui-recommendation-card-copy .ui-type-body-xs {
  color: var(--ui-rec-featured-label);
}

.ui-recommendation-card.is-featured .ui-type-sh-m,
.ui-recommendation-card.is-featured > .ui-type-body-xs {
  color: var(--ui-rec-featured-fg);
}

.ui-integration-widget {
  box-sizing: border-box;
  display: flex;
  flex: none;
  flex-direction: column;
  justify-content: space-between;
  width: var(--ui-integration-widget-width);
  height: var(--ui-integration-widget-height);
  overflow: hidden;
  border: 1px solid transparent;
  border-radius: var(--ui-integration-widget-radius);
  padding: var(--ui-integration-widget-pad);
  color: inherit;
  background: var(--ui-integration-widget-bg);
  font: inherit;
  text-align: left;
  text-decoration: none;
  appearance: none;
}

a.ui-integration-widget,
button.ui-integration-widget {
  cursor: pointer;
}

a.ui-integration-widget:focus-visible,
button.ui-integration-widget:focus-visible {
  outline: var(--ui-focus-width) solid var(--ui-color-focus-ring);
  outline-offset: var(--ui-focus-offset);
}

.ui-integration-widget-start {
  display: flex;
  flex-direction: column;
  gap: var(--ui-integration-widget-start-gap);
  width: 100%;
}

.ui-integration-widget-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}

.ui-integration-widget-copy {
  display: flex;
  flex-direction: column;
  gap: var(--ui-integration-widget-copy-gap);
  width: 100%;
}

.ui-integration-widget-copy .ui-type-sh-m {
  color: var(--ui-integration-widget-title);
}

.ui-integration-widget-desc {
  display: -webkit-box;
  overflow: hidden;
  color: var(--ui-integration-widget-desc);
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.ui-integration-widget-action {
  color: var(--ui-integration-widget-action);
}

.ui-integration-widget.is-active {
  border-color: var(--ui-integration-widget-border-active);
  background: var(--ui-integration-widget-bg-active);
}

.connector-logo,
.connector-logo-group,
.connector-logo-group img {
  display: block;
  flex: none;
}

.connector-logo-group {
  display: inline-flex;
  align-items: center;
  gap: var(--ui-space-2);
}

.connector-logo-group img {
  object-fit: contain;
}

.ui-launch-row {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--ui-launch-gap);
  width: 100%;
  height: var(--ui-launch-height);
  min-height: var(--ui-launch-height);
  border: 1px solid var(--ui-color-border);
  border-radius: var(--ui-launch-radius);
  padding: var(--ui-launch-pad);
  background: var(--ui-tok-background-app);
}

.ui-launch-row-ava {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--ui-launch-ava);
  height: var(--ui-launch-ava);
  border-radius: 1.5rem;
  color: var(--ui-launch-ava-fg);
  background: var(--ui-launch-ava-bg);
}

.ui-launch-row-start {
  display: flex;
  align-items: center;
  flex: 1 1 0;
  min-width: 0;
  gap: var(--ui-launch-gap);
}

.ui-launch-row-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.ui-launch-row-copy .ui-type-sh-m {
  overflow: hidden;
  color: var(--ui-tok-text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-launch-row-meta {
  display: flex;
  align-items: center;
  gap: 0.375rem;
  min-width: 0;
}

.ui-launch-row-meta .ui-type-body-xs {
  color: var(--ui-tok-text-secondary);
  white-space: nowrap;
}

.ui-launch-row-end {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 1 1 0;
  min-width: 0;
  gap: 0.5rem;
}

.ui-launch-row-project {
  display: inline-flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: 0.375rem;
  color: var(--ui-tok-tag-neutral-subtle-text);
}

.ui-launch-row-project .ui-icon {
  flex: none;
}

.ui-launch-row-project .ui-type-body-s {
  overflow: hidden;
  min-width: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-launch-row-end-actions {
  display: flex;
  flex: none;
  align-items: center;
  gap: 0.75rem;
}

.ui-launch-row-metrics {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

.ui-launch-row-time {
  width: 5rem;
  color: var(--ui-tok-text-primary);
  text-align: right;
  white-space: nowrap;
}

.ui-launch-row-status {
  display: flex;
  flex: none;
  justify-content: flex-end;
  width: 6rem;
}

.ui-launch-row-trailing {
  flex: none;
}

.ui-metrics-card {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  min-width: 0;
  height: var(--ui-metrics-card-height);
  padding: var(--ui-metrics-card-pad);
  border: 1px solid var(--ui-metrics-card-border);
  border-radius: var(--ui-metrics-card-radius);
  background: var(--ui-metrics-card-bg);
}

.ui-metrics-card-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  min-width: 0;
}

.ui-metrics-card-value {
  min-width: 0;
  color: var(--ui-metrics-card-value);
  white-space: nowrap;
}

.ui-metrics-card-copy {
  display: flex;
  flex-direction: column;
  gap: var(--ui-metrics-card-copy-gap);
  min-width: 0;
}

.ui-metrics-card-copy .ui-type-sh-xs {
  color: var(--ui-metrics-card-title);
}

.ui-metrics-card-copy .ui-type-body-xs {
  color: var(--ui-metrics-card-desc);
}

.ui-step {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--ui-step-gap);
  width: 100%;
  min-height: var(--ui-step-height);
}

.ui-step-start {
  display: flex;
  align-items: center;
  flex: 1 1 auto;
  min-width: 0;
  gap: var(--ui-step-gap);
}

.ui-step-ava {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--ui-step-ava);
  height: var(--ui-step-ava);
  border-radius: 1.25rem;
  color: var(--ui-step-ava-fg);
  background: var(--ui-step-ava-bg);
}

.ui-step-current .ui-step-ava {
  color: var(--ui-step-ava-fg-current);
  background: var(--ui-step-ava-bg-current);
}

.ui-step-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.ui-step-copy .ui-type-sh-s {
  color: var(--ui-tok-text-secondary);
}

.ui-step-copy .ui-type-body-xs {
  color: var(--ui-tok-text-muted);
}

.ui-step-current .ui-step-copy .ui-type-sh-s {
  color: var(--ui-tok-text-primary);
}

.ui-step-current .ui-step-copy .ui-type-body-xs {
  color: var(--ui-tok-text-secondary);
}

.ui-step-status {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--ui-step-status);
  height: var(--ui-step-status);
  border-radius: 1.25rem;
  color: var(--ui-step-dot);
  background: var(--ui-step-status-bg);
}

.ui-step-previous .ui-step-status {
  color: var(--ui-step-check);
  background: var(--ui-step-status-bg-prev);
}

.ui-horizontal-steps {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--ui-horizontal-steps-gap);
  width: 100%;
  min-height: var(--ui-horizontal-steps-height);
  margin: 0;
  padding: 0;
  border-radius: var(--ui-horizontal-steps-radius);
}

.ui-horizontal-steps-item {
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--ui-horizontal-steps-item-gap);
  height: var(--ui-horizontal-steps-height);
}

.ui-horizontal-steps-ava {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  width: var(--ui-horizontal-steps-ava);
  height: var(--ui-horizontal-steps-ava);
  border-radius: var(--ui-horizontal-steps-radius);
}

.ui-horizontal-steps-item-previous .ui-horizontal-steps-ava {
  color: var(--ui-horizontal-steps-prev-icon);
  background: var(--ui-horizontal-steps-prev-bg);
}

.ui-horizontal-steps-item-current .ui-horizontal-steps-ava {
  color: var(--ui-horizontal-steps-current-icon);
  background: var(--ui-horizontal-steps-current-bg);
}

.ui-horizontal-steps-item-next .ui-horizontal-steps-ava {
  color: var(--ui-horizontal-steps-next-icon);
  background: var(--ui-horizontal-steps-next-bg);
}

.ui-horizontal-steps-item .ui-type-sh-xs {
  white-space: nowrap;
}

.ui-horizontal-steps-item-previous .ui-type-sh-xs {
  color: var(--ui-horizontal-steps-prev-text);
}

.ui-horizontal-steps-item-current .ui-type-sh-xs {
  color: var(--ui-horizontal-steps-current-text);
}

.ui-horizontal-steps-item-next .ui-type-sh-xs {
  color: var(--ui-horizontal-steps-next-text);
}

.ui-horizontal-steps > .ui-divider {
  flex: 1 0 0;
  min-width: 0;
  width: auto;
}

@media (max-width: 400px) {
  .ui-horizontal-steps-collapse-inactive
    .ui-horizontal-steps-item:not(.ui-horizontal-steps-item-current)
    .ui-type-sh-xs {
    display: none;
  }
}

.ui-list-item-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-width: 0;
  gap: var(--ui-list-item-text-gap);
}

.ui-list-item-text-small {
  gap: var(--ui-list-item-text-sm-gap);
}

.ui-list-item-text-title {
  overflow: hidden;
  min-width: 0;
  color: var(--ui-tok-text-primary);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-list-item-text-meta {
  display: flex;
  align-items: center;
  min-width: 0;
  gap: var(--ui-list-item-text-meta-gap);
}

.ui-list-item-text-small .ui-list-item-text-meta {
  gap: var(--ui-list-item-text-sm-meta-gap);
}

.ui-list-item-text-meta .ui-type {
  flex: 0 1 auto;
  min-width: 0;
  overflow: hidden;
  color: var(--ui-tok-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-list-item-text-meta .ui-type:last-child:not(:only-child) {
  flex: none;
}

.ui-document-list-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--ui-document-list-item-gap);
  width: 100%;
  height: var(--ui-document-list-item-height);
  min-height: var(--ui-document-list-item-height);
  border-radius: var(--ui-document-list-item-radius);
  padding: var(--ui-document-list-item-pad);
  background: transparent;
}

.ui-document-list-item-start {
  display: flex;
  align-items: center;
  flex: 1 1 0;
  min-width: 0;
  gap: var(--ui-document-list-item-start-gap);
}

.ui-document-list-item-ava {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--ui-document-list-item-ava);
  height: var(--ui-document-list-item-ava);
  border-radius: var(--ui-document-list-item-ava-radius);
  color: var(--ui-document-list-item-ava-fg);
  background: var(--ui-document-list-item-ava-bg);
}

.ui-document-list-item-start .ui-list-item-text {
  flex: 1 1 auto;
}

.ui-document-list-item-aside {
  flex: none;
  width: var(--ui-document-list-item-aside-w);
  overflow: hidden;
  color: var(--ui-tok-text-secondary);
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-document-list-item-trailing {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--ui-document-list-item-trailing-w);
  height: var(--ui-document-list-item-trailing-h);
}

.ui-attach-file {
  box-sizing: border-box;
  position: relative;
  display: flex;
  flex: none;
  align-items: center;
  gap: var(--ui-attach-file-gap);
  max-width: var(--ui-attach-file-max);
  min-width: 0;
  overflow: visible;
  border: 1px solid var(--ui-attach-file-border);
  border-radius: var(--ui-attach-file-radius);
  padding: var(--ui-attach-file-pad);
  background: var(--ui-attach-file-bg);
}

.ui-attach-file-ava {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--ui-attach-file-ava);
  height: var(--ui-attach-file-ava);
  border-radius: var(--ui-attach-file-ava-radius);
  color: var(--ui-attach-file-ava-fg);
  background: var(--ui-attach-file-ava-bg);
}

.ui-attach-file .ui-list-item-text {
  flex: 1 1 auto;
  min-width: 0;
}

.ui-attach-file .ui-list-item-text-title {
  color: var(--ui-attach-file-title);
}

.ui-attach-file .ui-list-item-text-meta .ui-type {
  color: var(--ui-attach-file-meta);
}

.ui-attach-file-close {
  position: absolute;
  top: var(--ui-attach-file-close-offset);
  right: var(--ui-attach-file-close-offset);
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--ui-attach-file-close);
  height: var(--ui-attach-file-close);
  min-height: var(--ui-attach-file-close);
  padding: 0;
  border: 0;
  border-radius: var(--ui-attach-file-close-radius);
  color: var(--ui-attach-file-close-fg);
  background: var(--ui-attach-file-close-bg);
  backdrop-filter: blur(var(--ui-attach-file-close-blur));
  -webkit-backdrop-filter: blur(var(--ui-attach-file-close-blur));
  font-weight: inherit;
  cursor: pointer;
}

.ui-attach-file-close:focus-visible {
  outline: var(--ui-focus-width) solid var(--ui-color-focus-ring);
  outline-offset: var(--ui-focus-offset);
}

.ui-chats-list-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--ui-chats-list-item-gap);
  width: 100%;
  height: var(--ui-chats-list-item-height);
  min-height: var(--ui-chats-list-item-height);
  margin: 0;
  border: 0;
  border-radius: var(--ui-chats-list-item-radius);
  padding: var(--ui-chats-list-item-pad);
  color: inherit;
  background: transparent;
  font: inherit;
  text-align: start;
  text-decoration: none;
  appearance: none;
}

a.ui-chats-list-item,
button.ui-chats-list-item {
  cursor: pointer;
}

.ui-chats-list-item .ui-list-item-text {
  flex: 1 1 auto;
}

.ui-chats-list-item-trailing {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--ui-chats-list-item-trailing-w);
  height: var(--ui-chats-list-item-trailing-h);
}

.ui-integration-list-item {
  box-sizing: border-box;
  display: flex;
  align-items: center;
  gap: var(--ui-integration-list-item-gap);
  width: 100%;
  height: var(--ui-integration-list-item-height);
  min-height: var(--ui-integration-list-item-height);
  border-radius: var(--ui-integration-list-item-radius);
  padding: var(--ui-integration-list-item-pad);
  background: transparent;
}

.ui-integration-list-item-start {
  display: flex;
  align-items: center;
  flex: 1 1 0;
  min-width: 0;
  gap: var(--ui-integration-list-item-start-gap);
}

.ui-integration-list-item-ava {
  display: inline-flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--ui-integration-list-item-ava);
  height: var(--ui-integration-list-item-ava);
  border-radius: var(--ui-integration-list-item-ava-radius);
  background: var(--ui-integration-list-item-ava-bg);
}

.ui-integration-list-item-start .ui-list-item-text {
  flex: 1 1 auto;
}

.ui-integration-list-item.is-blocked .ui-list-item-text-title {
  color: var(--ui-integration-list-item-blocked-title);
}

.ui-integration-list-item-end {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: flex-end;
  gap: var(--ui-integration-list-item-end-gap);
}

.ui-integration-list-item-status {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: flex-end;
  width: var(--ui-integration-list-item-status-w);
}

.ui-integration-list-item-trailing {
  display: flex;
  flex: none;
  align-items: center;
  justify-content: center;
  width: var(--ui-integration-list-item-trailing-w);
  height: var(--ui-integration-list-item-trailing-h);
}

.ui-appearance-btn {
  box-sizing: border-box;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--ui-appearance-btn-gap);
  width: var(--ui-appearance-btn-width);
  height: var(--ui-appearance-btn-height);
  margin: 0;
  overflow: hidden;
  border: 1px solid var(--ui-appearance-btn-border);
  border-radius: var(--ui-appearance-btn-radius);
  padding: var(--ui-appearance-btn-pad);
  color: var(--ui-appearance-btn-text);
  background: var(--ui-appearance-btn-bg);
  cursor: pointer;
}

.ui-appearance-btn .ui-type {
  overflow: hidden;
  min-width: 0;
  color: inherit;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-appearance-btn-icon {
  display: inline-flex;
  flex: none;
  color: var(--ui-appearance-btn-icon);
}

.ui-appearance-btn.is-active {
  border-color: var(--ui-appearance-btn-border-active);
  color: var(--ui-appearance-btn-text-active);
  background: var(--ui-appearance-btn-bg-active);
}

.ui-appearance-btn.is-active .ui-appearance-btn-icon {
  color: var(--ui-appearance-btn-icon-active);
}

.ui-style-report {
  display: flex;
  flex-direction: column;
  gap: var(--ui-style-report-section-gap);
  box-sizing: border-box;
  width: 100%;
  min-width: 0;
  margin: 0;
  padding: var(--ui-style-report-pad-top) var(--ui-style-report-pad-inline)
    var(--ui-style-report-pad-bottom);
  border: 1px solid var(--ui-style-report-stroke);
  border-radius: var(--ui-style-report-radius);
  background: var(--ui-style-report-fill);
  box-shadow: var(--ui-style-report-shadow);
  color: var(--ui-style-report-title);
}

.ui-style-report-head,
.ui-style-report-block,
.ui-style-report-body {
  display: flex;
  flex-direction: column;
  gap: var(--ui-style-report-block-gap);
  min-width: 0;
}

.ui-style-report-head {
  padding-inline-end: var(--ui-style-report-title-pad-end);
}

.ui-style-report-head > *,
.ui-style-report-block > *,
.ui-style-report-body > * {
  margin: 0;
}

.ui-style-report-meta {
  display: flex;
  gap: var(--ui-style-report-meta-gap);
  margin: 0;
  color: var(--ui-style-report-meta);
}

.ui-style-report-grid {
  display: grid;
  column-gap: var(--ui-style-report-tile-gap);
  row-gap: var(--ui-style-report-block-gap);
  width: 100%;
}

.ui-style-report-grid.is-logos {
  grid-template-columns: repeat(var(--ui-style-report-logo-columns), minmax(0, 1fr));
}

.ui-style-report-grid.is-colors {
  grid-template-columns: repeat(var(--ui-style-report-color-columns), minmax(0, 1fr));
}

.ui-style-report-grid.is-visuals {
  grid-template-columns: repeat(var(--ui-style-report-visual-columns), minmax(0, 1fr));
}

.ui-style-report-tile {
  display: flex;
  flex-direction: column;
  gap: var(--ui-style-report-tile-caption-gap);
  min-width: 0;
  margin: 0;
}

.ui-style-report-frame {
  display: flex;
  aspect-ratio: 1;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  padding: var(--ui-style-report-tile-pad);
  overflow: hidden;
  border: 1px solid var(--ui-style-report-stroke);
  border-radius: var(--ui-style-report-tile-radius);
  background: var(--ui-style-report-tile-fill);
}

.ui-style-report-frame img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.ui-style-report-frame.is-logo.is-light {
  background: var(--ui-style-report-logo-preview-light);
}

.ui-style-report-frame.is-logo.is-dark {
  background: var(--ui-style-report-logo-preview-dark);
}

.ui-style-report-frame.is-logo.is-unspecified {
  background: linear-gradient(
    135deg,
    var(--ui-style-report-logo-preview-light) 0 50%,
    var(--ui-style-report-logo-preview-dark) 50% 100%
  );
}

.ui-style-report-grid.is-visuals .ui-style-report-frame img {
  object-fit: cover;
}

.ui-style-report-swatch {
  display: block;
  flex: none;
  width: 100%;
  min-width: 0;
  aspect-ratio: 1;
  border-radius: 50%;
}

.ui-style-report-tile > .ui-type-body-xs,
.ui-style-report-caption > .ui-type-body-xs {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui-style-report-tile > .ui-type-body-xs,
.ui-style-report-caption > .ui-type-body-xs:first-child {
  color: var(--ui-style-report-meta);
}

.ui-style-report-caption {
  display: flex;
  flex-direction: column;
  gap: var(--ui-style-report-caption-gap);
  padding-inline: var(--ui-style-report-caption-pad);
}

.ui-style-report-caption > .ui-type-body-xs:last-child {
  color: var(--ui-style-report-title);
}

.ui-style-report-body > .ui-type-par-s {
  color: var(--ui-style-report-meta);
}

.business-card-review {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-6);
  width: 100%;
  min-width: 0;
}

.business-card-review-copy,
.business-card-review-note {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-4);
  min-width: 0;
}

.business-card-review-copy > *,
.business-card-review-note > * {
  margin: 0;
}

.brand-style-review {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-6);
  width: 100%;
  min-width: 0;
}

.brand-style-review-copy {
  display: flex;
  flex-direction: column;
  gap: var(--ui-space-4);
  min-width: 0;
}

.brand-style-review-copy > *,
.brand-style-review > .ui-type-par-m {
  margin: 0;
}

.ui-chat-widget {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  gap: var(--ui-chat-widget-gap);
  width: 100%;
  border: 1px solid var(--ui-chat-widget-border);
  border-radius: var(--ui-chat-widget-radius);
  padding: var(--ui-chat-widget-pad);
  background: var(--ui-chat-widget-bg);
  box-shadow: var(--ui-chat-widget-shadow);
}

.ui-chat-widget.is-inline {
  flex-direction: row;
  align-items: center;
  padding: var(--ui-chat-widget-pad-inline);
  box-shadow: var(--ui-chat-widget-shadow-compact);
}

.ui-chat-widget.is-confirm {
  align-self: flex-start;
  width: min(40rem, 100%); /* 640 */
  gap: var(--ui-num-32);
  border-radius: var(--ui-num-32);
  padding: var(--ui-num-32);
  box-shadow: 0 var(--ui-num-12) var(--ui-num-32) rgb(0 0 0 / 8%);
}

.ui-chat-widget.is-confirm .ui-chat-widget-head {
  align-items: flex-start;
  padding: 0 var(--ui-num-2) 0 0;
}

.ui-chat-widget.is-confirm .ui-chat-widget-head-copy {
  gap: var(--ui-num-4);
}

.ui-chat-widget.is-confirm.is-small {
  align-self: flex-start;
  width: 27.125rem; /* 434 — Widget question small */
  max-width: 100%;
}

.ui-chat-widget-lead {
  display: flex;
  flex: 1 1 auto;
  gap: 0.75rem;
  align-items: flex-start;
  min-width: 0;
}

.ui-chat-widget-lead-icon {
  display: inline-flex;
  flex: none;
  margin-top: 0.0625rem;
  color: var(--ui-chat-widget-meta);
}

.ui-chat-widget-lead-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.ui-chat-widget-lead-copy .ui-type-sh-m,
.ui-chat-widget-head .ui-type-sh-m,
.ui-chat-widget-tile .ui-type-body-xs,
.ui-chat-answer .ui-type-sh-m,
.ui-chat-answer .ui-type-par-m {
  color: var(--ui-chat-widget-title);
}

.ui-chat-widget-lead-copy .ui-type-body-xs,
.ui-chat-widget-head .ui-type-body-xs,
.ui-chat-widget-check .ui-type-body-s {
  color: var(--ui-chat-widget-meta);
}

.ui-chat-widget.is-inline > .ui-button {
  flex: none;
}

.ui-chat-widget-head {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 1rem;
  width: 100%;
  padding: 0 0.5rem;
}

.ui-chat-widget-head-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.ui-chat-widget-meta {
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
}

.ui-chat-widget-checks {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  border-radius: 1rem;
  padding: 1.5rem;
  background: var(--ui-chat-widget-panel);
}

.ui-chat-widget-check {
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
}

.ui-chat-widget-check-icon {
  display: inline-flex;
  flex: none;
}

.ui-chat-widget-action-stack {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
}

.ui-chat-widget-actions {
  display: flex;
  gap: 0.5rem;
  width: 100%;
}

.ui-chat-widget-actions.is-loose {
  gap: 0.625rem;
}

.ui-chat-widget-actions.is-end {
  justify-content: flex-end;
  gap: var(--ui-num-8);
}

.ui-chat-widget-actions > .ui-button {
  flex: 1 1 0;
  min-width: 0;
}

.ui-chat-widget-actions.is-end > .ui-button,
.ui-chat-widget-actions.is-split > .ui-button {
  flex: none;
}

.ui-chat-widget-actions.is-split {
  align-items: center;
  justify-content: space-between;
  gap: var(--ui-num-8);
}

.ui-chat-widget-actions-cluster {
  display: flex;
  gap: var(--ui-num-8);
  align-items: center;
}

.ui-chat-widget-actions-cluster > .ui-button {
  flex: none;
}

.chat-widget-resource-fields {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1rem;
  width: 100%;
}

.chat-widget-oauth-expiry {
  margin: 0;
  color: var(--ui-chat-widget-meta);
  font-size: var(--ui-type-small);
  line-height: 1.45;
}

.ui-chat-widget-tiles {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.5rem;
  width: 100%;
}

.ui-chat-widget-tiles:has(> :only-child) {
  grid-template-columns: 1fr;
}

.ui-chat-widget-tile {
  display: flex;
  align-items: center;
  gap: 1.25rem;
  width: 100%;
  margin: 0;
  border: 1px solid var(--ui-chat-widget-tile-border);
  border-radius: var(--ui-chat-widget-radius);
  padding: 1.25rem 1.5rem 1.25rem 1.25rem;
  color: var(--ui-chat-widget-title);
  background: var(--ui-chat-widget-panel);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.ui-chat-widget-tile-icon {
  display: inline-flex;
  flex: none;
  color: var(--ui-chat-widget-meta);
}

.ui-chat-widget-tile:focus-visible {
  outline: var(--ui-focus-width) solid var(--ui-color-focus-ring);
  outline-offset: var(--ui-focus-offset);
}

.ui-chat-table {
  width: 100%;
  border: 1px solid var(--ui-chat-table-border);
  border-radius: var(--ui-chat-table-radius);
  overflow: hidden;
  background: var(--ui-chat-table-bg);
}

.ui-chat-table > table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  text-align: left;
}

.ui-chat-table-banner {
  display: flex;
  align-items: center;
  box-sizing: border-box;
  min-height: var(--ui-chat-table-row);
  padding: var(--ui-chat-table-pad);
  color: var(--ui-chat-widget-meta);
}

.ui-chat-table-banner.is-strong {
  color: var(--ui-chat-widget-title);
}

.ui-chat-table > .ui-chat-table-banner:not(:last-child) {
  border-bottom: 1px solid var(--ui-chat-table-border);
}

.ui-chat-table th,
.ui-chat-table td {
  box-sizing: border-box;
  height: var(--ui-chat-table-row);
  padding: var(--ui-chat-table-pad);
  border-right: 1px solid var(--ui-chat-table-border);
  border-bottom: 1px solid var(--ui-chat-table-border);
  color: var(--ui-chat-widget-title);
  background: var(--ui-chat-table-cell);
  font-weight: 400;
  vertical-align: middle;
}

.ui-chat-table.is-wrap th,
.ui-chat-table.is-wrap td {
  height: auto;
  padding: var(--ui-chat-table-pad-wrap);
  vertical-align: top;
}

.ui-chat-table th:last-child,
.ui-chat-table td:last-child {
  border-right: 0;
}

.ui-chat-table > table tr:last-child > * {
  border-bottom: 0;
}

.ui-chat-table:has(> .ui-chat-table-banner:last-child) > table tr:last-child > * {
  border-bottom: 1px solid var(--ui-chat-table-border);
}

.ui-chat-table th.is-head {
  color: var(--ui-chat-widget-meta);
}

.ui-chat-table th.is-strong {
  color: var(--ui-chat-widget-title);
}

.ui-chat-table-value {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  min-width: 0;
}

.ui-chat-table-value > :first-child {
  flex: 1 1 auto;
  min-width: 0;
}

.chat-markdown .ui-chat-list,
.chat-markdown .ui-chat-table {
  margin: var(--ui-chat-answer-gap) 0;
}

.chat-markdown .ui-chat-list:not(.is-numeric) {
  padding-left: 0;
}

.chat-markdown .ui-chat-list li + li {
  margin-top: 0;
}

.chat-agent-report .chat-markdown .ui-chat-list li + li {
  margin-top: 1rem;
}

.chat-markdown .ui-chat-table > table {
  display: table;
  width: 100%;
  max-width: 100%;
  margin: 0;
  overflow: visible;
  border-collapse: collapse;
}

.chat-markdown .ui-chat-table th,
.chat-markdown .ui-chat-table td {
  padding: var(--ui-chat-table-pad-wrap);
  border: 0;
  border-right: 1px solid var(--ui-chat-table-border);
  border-bottom: 1px solid var(--ui-chat-table-border);
  background: var(--ui-chat-table-cell);
  font-weight: 400;
  vertical-align: top;
}

.chat-markdown .ui-chat-table th:last-child,
.chat-markdown .ui-chat-table td:last-child {
  border-right: 0;
}

.chat-markdown .ui-chat-table tbody tr:last-child td {
  border-bottom: 0;
}

.ui-chat-answer {
  display: flex;
  flex-direction: column;
  gap: var(--ui-chat-answer-gap);
  width: 100%;
  color: var(--ui-chat-widget-title);
}

.ui-chat-answer-body {
  display: flex;
  flex-direction: column;
  gap: var(--ui-chat-answer-list-gap);
}

.ui-chat-list {
  margin: 0;
  padding: 0;
  list-style-position: outside;
}

.ui-chat-list:not(.is-ordered):not(.is-numeric) {
  list-style-type: disc;
}

.ui-chat-list.is-ordered,
.ui-chat-list.is-numeric {
  list-style-type: decimal;
  padding-left: var(--ui-chat-answer-marker);
}

.ui-chat-list.is-ordered li,
.ui-chat-list.is-numeric li {
  margin-left: 0;
}

.ui-chat-list li {
  margin: 0 0 var(--ui-chat-answer-list-gap) var(--ui-chat-answer-marker);
}

.ui-chat-list li:last-child {
  margin-bottom: 0;
}

.ui-chat-status {
  display: flex;
  justify-content: center;
  width: 100%;
}

.ui-chat-callout {
  box-sizing: border-box;
  display: flex;
  gap: 0.75rem;
  align-items: flex-start;
  width: 100%;
  border-radius: 1rem;
  padding: 1rem 1.25rem;
  color: var(--ui-chat-widget-title);
  background: var(--ui-tok-accent-blue-04);
}

.ui-chat-callout-icon {
  display: inline-flex;
  flex: none;
  color: var(--ui-tok-accent-blue-01);
}

.ui-chat-callout.is-success {
  background: var(--ui-tok-accent-green-04);
}

.ui-chat-callout.is-success .ui-chat-callout-icon {
  color: var(--ui-tok-accent-green-01);
}

.ui-chat-callout.is-warning {
  background: var(--ui-tok-accent-orange-04);
}

.ui-chat-callout.is-warning .ui-chat-callout-icon {
  color: var(--ui-tok-accent-orange-01);
}

.ui-chat-callout.is-danger {
  background: var(--ui-tok-accent-red-04);
}

.ui-chat-callout.is-danger .ui-chat-callout-icon {
  color: var(--ui-tok-accent-red-01);
}

.ui-chat-callout-copy {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  gap: 0.25rem;
  min-width: 0;
}

.ui-chat-callout-copy .ui-type-body-s {
  color: var(--ui-chat-widget-meta);
}

.ui-chat-callout-action {
  flex: none;
  align-self: center;
}

@media (max-width: 640px) {
  .ui-page-header-layout {
    grid-template-columns: 1fr;
  }

  .chat-widget-resource-fields,
  .ui-chat-widget-tiles {
    grid-template-columns: 1fr;
  }
}