body {
  background-color: var(--birei-surface);
  color: var(--birei-text);
}

h1 {
  font-size: var(--birei-font-size-h1);
  font-weight: var(--birei-font-weight-h1);
}

h2 {
  font-size: var(--birei-font-size-h2);
  font-weight: var(--birei-font-weight-h2);
}

h3 {
  font-size: var(--birei-font-size-h3);
  font-weight: var(--birei-font-weight-h3);
}

h4 {
  font-size: var(--birei-font-size-h4);
  font-weight: var(--birei-font-weight-h4);
}

h5 {
  font-size: var(--birei-font-size-h5);
  font-weight: var(--birei-font-weight-h5);
}

h6 {
  font-size: var(--birei-font-size-h6);
  font-weight: var(--birei-font-weight-h6);
}

.ui2-subheader {
  border-bottom: 1px solid color-mix(in srgb, var(--birei-secondary) 18%, transparent);
  display: grid;
  gap: 0.5rem;
  padding: 0.75rem;
  padding-bottom: 0.25rem;
  height: calc(4rem - 1px);
}

.ui2-subheader-text {
  margin: 0;
  color: var(--birei-text-muted);
  font-size: 0.85rem;
}

.ui2-subheader-tabbed {
  display: flex;
}

.ui2-record-toolbar-actions {
  align-items: center;
  display: flex;
  gap: 1rem;
  inline-size: 100%;
  min-width: 0;
  padding-inline-end: 0.25rem;
}

.ui2-record-toolbar-actions > .birei-button-bar {
  flex: 1 1 auto;
  inline-size: auto;
}

.ui2-record-toolbar-action {
  flex: 0 0 auto;
}

.ui2-record-toolbar-action.birei-button--ghost,
.ui2-record-toolbar-action .birei-dropdown-button__trigger.birei-button--ghost {
  border-radius: 0;
  font-weight: 500;
  gap: 0.35rem;
  height: auto;
  min-height: 1.5rem;
  padding-block: 0.21rem;
  padding-inline: 0;
}

.ui2-subarea {
  height: calc(100vh - 8rem);
  overflow-y: auto;
}

.ui2-subarea-padded {
  height: calc(100vh - 10rem);
  overflow-y: auto;
  padding: 1rem 0.25rem;
}

.ui2-card-inp {
  --birei-card-body-gap: 0.5rem;
}

.ui2-deleted-record-status {
  align-items: center;
  display: flex;
  gap: 0.35rem;
}

.ui2-deleted-record-status--loading {
  color: var(--birei-text-muted);
}

.ui2-deleted-record-status--available {
  color: var(--birei-success);
}

.ui2-deleted-record-status--unavailable {
  color: var(--birei-warning);
}

.ui2-layout-root {
  align-content: start;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  min-height: calc(100dvh - 3rem);
  padding: 1rem;
}

.ui2-layout-loading {
  align-items: center;
  display: grid;
  min-height: calc(100dvh - 3rem);
  padding: 1rem;
  place-items: center;
}

.ui2-layout-root > .birei-tab-list {
  flex-basis: 100%;
}

.ui2-layout-root .birei-card {
  min-width: min(22rem, 100%);
}

.ui2-layout-root .birei-button {
  align-items: center;
  display: inline-flex;
  gap: 0.5rem;
}

.ui2-layout-root .birei-action-card {
  min-width: 12rem;
}

.ui2-layout-variable {
  min-width: 0;
}

.ui2-string-input {
  align-items: flex-start;
  display: flex;
  gap: 0.25rem;
  min-width: 0;
  width: 100%;
}

.ui2-string-input--multiline > .birei-textarea,
.ui2-string-input--html > .birei-code-editor {
  flex: 1 1 auto;
  min-width: 0;
}

.ui2-layout-variable--sized,
.ui2-layout-variable--sized > .birei-field,
.ui2-layout-variable--sized .birei-field__layout,
.ui2-layout-variable--sized .birei-field__control,
.ui2-layout-variable--sized .ui2-string-input,
.ui2-layout-variable--sized .birei-markdown {
  height: 100%;
  min-height: 0;
}

.ui2-layout-variable--sized .birei-field--label-break .birei-field__layout {
  grid-template-rows: auto minmax(0, 1fr);
}

.ui2-layout-variable--sized .ui2-string-input--multiline > .birei-textarea,
.ui2-layout-variable--sized .ui2-string-input--html > .birei-code-editor {
  height: 100% !important;
  min-height: 0;
}

.ui2-layout-variable--sized .birei-textarea__field {
  height: 100%;
  min-height: 0;
  resize: none;
}

.ui2-layout-variable--sized .birei-markdown__editor-shell,
.ui2-layout-variable--sized .birei-markdown__source-shell {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
}

.ui2-layout-variable--sized .birei-markdown__source.birei-textarea {
  height: 100%;
  min-height: 0;
}

.ui2-record-tab-content {
  flex: 1 0 100%;
  inline-size: 100%;
  min-width: 0;
}

.ui2-record-layout-root {
  min-height: 0;
  padding: 0;
}

.ui2-layout-record-logs {
  min-width: min(34rem, 100%);
}

.ui2-layout-files {
  align-items: start;
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  max-width: 100%;
}

.ui2-file-preview {
  background: var(--birei-surface-elevated);
  border: 1px solid var(--birei-border-subtle);
  border-radius: var(--birei-radius-large);
  box-shadow: var(--birei-shadow-soft);
  color: var(--birei-text);
  cursor: pointer;
  display: grid;
  grid-template-rows: minmax(0, 1fr) auto;
  height: 10.5rem;
  overflow: hidden;
  padding: 0;
  text-align: start;
  width: 10rem;
}

.ui2-file-preview:focus-visible {
  outline: 2px solid var(--birei-accent-text);
  outline-offset: 2px;
}

.ui2-file-preview__image {
  align-items: center;
  background: var(--birei-surface-muted);
  color: var(--birei-text-muted);
  display: flex;
  justify-content: center;
  min-height: 0;
  overflow: hidden;
}

.ui2-file-preview__image img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.ui2-file-preview__name {
  overflow: hidden;
  padding: 0.55rem 0.65rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ui2-file-upload {
  display: grid;
  gap: 0.35rem;
}

.ui2-file-upload .birei-action-card-upload {
  height: 10.5rem;
  width: 10rem;
}

.ui2-file-upload .birei-action-card-upload__card {
  height: 100%;
  justify-content: center;
}

.ui2-file-upload__error {
  color: var(--birei-error);
  font-size: var(--birei-font-size-small);
}

.ui2-file-upload__status {
  color: var(--birei-text-muted);
  font-size: var(--birei-font-size-small);
}

.ui2-file-viewer {
  background: var(--birei-surface-sunken);
  color: var(--birei-text);
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  height: 100dvh;
  inset: 0;
  position: fixed;
  width: 100dvw;
  z-index: var(--birei-z-modal-backdrop, 1400);
}

.ui2-file-viewer__header {
  background: var(--birei-surface);
}

.ui2-file-viewer__content {
  align-items: center;
  display: flex;
  justify-content: center;
  min-height: 0;
  overflow: auto;
  padding: 1rem;
}

.ui2-file-viewer__image {
  max-height: 100%;
  max-width: 100%;
  object-fit: contain;
}

.ui2-file-viewer__document {
  background: var(--birei-surface);
  border: 0;
  height: 100%;
  width: 100%;
}

.ui2-file-viewer__upload-input {
  display: none;
}

.ui2-file-viewer__unavailable {
  color: var(--birei-text-muted);
}

.login-site-root {
  display: grid;
  min-height: 100dvh;
  place-items: center;
  padding: 1rem;
  box-sizing: border-box;
}

.login-sites-card {
  width: 100%;
  max-width: 30rem;
}

.login-sites-logo {
  display: block;
  max-height: 15rem;
  max-width: 90%;
  margin-inline: auto;
  margin-bottom: 2rem;
}

.login-sites-auth-loading .birei-illustration {
  gap: 0.5rem;
  text-align: center;
}
.login-sites-auth-loading .birei-illustration__art > svg {
  width: min(100%, 16rem);
}
.login-sites-auth-loading .birei-illustration__title {
  font-size: 1rem;
  margin: 0;
}

.env-login-site-error-text {
  color: var(--birei-error);
  margin-block-start: 0.25em;
  margin-block-end: 0em;
}

.env-login-site-btn {
  margin-top: 2rem;
}

.user-login-site-btn-container {
  display: flex;
  gap: 1rem;
  margin-top: 2rem;
}

.user-login-site-btn-login {
  width: 100%;
}

.user-login-site-lbl-pwd {
  margin-top: 2rem;
}

.user-login-site-oauth-providers {
  display: grid;
  gap: 0.75rem;
  margin-top: 2rem;
}

.user-login-site-oauth-provider {
  position: relative;
  justify-content: center;
}

.user-login-site-oauth-logo {
  position: absolute;
  left: 0.75rem;
  width: 1.5rem;
  height: 1.5rem;
  object-fit: contain;
}

.oauth-consent {
  min-width: 0;
  overflow-wrap: anywhere;
  letter-spacing: 0;
}
.oauth-consent h1 {
  font-size: 1.5rem;
  line-height: 1.3;
  margin: 0;
}
.oauth-consent h2 {
  font-size: 1rem;
  line-height: 1.4;
  margin: 0 0 0.5rem;
}
.oauth-consent code {
  font-size: 0.8125rem;
  white-space: normal;
}
.oauth-consent ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.oauth-consent .env-login-site-error-text {
  margin-top: 1rem;
}

.oauth-consent-header {
  margin-bottom: 1.5rem;
}
.oauth-consent-header img {
  display: block;
  max-width: 100%;
  height: 3rem;
  margin-bottom: 1rem;
}

.oauth-consent-client {
  margin-bottom: 1.25rem;
}
.oauth-consent-client h2 {
  font-size: 1.125rem;
}
.oauth-consent-client code {
  opacity: 0.7;
}

.oauth-consent-identity {
  display: grid;
  grid-template-columns: 7rem minmax(0, 1fr);
  gap: 0.625rem 1rem;
  padding-block: 1rem;
  margin: 0 0 1.25rem;
  border-block: 1px solid color-mix(in srgb, currentColor 16%, transparent);
}
.oauth-consent-identity dt {
  opacity: 0.7;
}
.oauth-consent-identity dd {
  margin: 0;
  font-weight: 600;
  min-width: 0;
}

.oauth-consent-permissions li {
  display: flex;
  align-items: flex-start;
  gap: 0.75rem;
  padding-block: 0.5rem;
}
.oauth-consent-permissions li div {
  min-width: 0;
}
.oauth-consent-permissions li strong, .oauth-consent-permissions li code {
  display: block;
}
.oauth-consent-permissions li strong {
  font-weight: 500;
}
.oauth-consent-permissions li code {
  opacity: 0.7;
  margin-top: 0.25rem;
}

.oauth-consent-resources {
  margin-top: 1rem;
}
.oauth-consent-resources li + li {
  margin-top: 0.5rem;
}

.oauth-consent-actions {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 0.75rem;
  margin-top: 1.5rem;
}
.oauth-consent-actions button {
  min-width: 0;
}

@media (max-width: 420px) {
  .oauth-consent-identity {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.25rem;
  }
  .oauth-consent-identity dd + dt {
    margin-top: 0.625rem;
  }
}
.ui2-importer {
  min-height: 0;
}

.ui2-importer__table {
  overflow: hidden;
}

.ui2-importer__table .birei-table {
  height: 100%;
}

.ui2-importer__mapping {
  min-inline-size: 0;
}

.ui2-importer__cell {
  min-inline-size: 0;
}

.ui2-importer__status--uploading {
  color: var(--birei-accent-text);
}

.ui2-importer__status--failed {
  color: var(--birei-error);
}

.ui2-importer__visually-hidden {
  height: 1px;
  overflow: hidden;
  position: absolute;
  width: 1px;
}

.ui2-importer__model-dialog .birei-popup__body {
  min-height: 18rem;
  padding: 0;
}

.ui2-importer__model-list {
  height: min(30rem, 100dvh - 12rem);
}

.ui2-addons {
  display: flex;
  flex-direction: column;
  height: calc(100vh - 3rem);
  min-height: 0;
  min-width: 0;
}

.ui2-addons > .comp-site-base-layout {
  flex: 1 1 auto;
  height: auto;
  min-height: 0;
  min-block-size: 0;
}

.ui2-addons__catalog {
  min-width: 0;
}

.ui2-addons__review {
  box-sizing: border-box;
  height: 100%;
}

.ui2-addons__empty-state {
  height: 100%;
}

.ui2-addons__review-body {
  box-sizing: border-box;
  padding: 1.25rem;
}

.ui2-addons__publish {
  display: flex;
  flex: 1 1 auto;
  flex-direction: column;
  min-height: 0;
  overflow: hidden;
}

.ui2-addons__publish-objects {
  box-sizing: border-box;
  padding: 1.25rem;
  width: 100%;
}

.ui2-addons__detail-header {
  align-items: start;
  display: flex;
  gap: 1rem;
  justify-content: space-between;
}

.ui2-addons h2 {
  font-size: 1.15rem;
  margin: 0 0 0.4rem;
}

.ui2-addons__detail-header p {
  color: var(--birei-text-muted);
  margin: 0;
}

.ui2-addons__version {
  color: var(--birei-text-muted);
  white-space: nowrap;
}

.ui2-addons__objects {
  border-top: 1px solid color-mix(in srgb, var(--birei-secondary) 18%, transparent);
  margin-top: 1.25rem;
}

.ui2-addons__object {
  align-items: center;
  border-bottom: 1px solid color-mix(in srgb, var(--birei-secondary) 18%, transparent);
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(0, 1fr) minmax(9rem, 13rem);
  min-height: 3.5rem;
  padding: 0.45rem 0;
}

.ui2-addons__object-title {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow-wrap: anywhere;
}

.ui2-addons__object-title small,
.ui2-addons__publish-option small {
  color: var(--birei-text-muted);
}

.ui2-addons__publish-form {
  display: flex;
  flex-direction: column;
  gap: 0.9rem;
  padding: 1.25rem;
}

.ui2-addons__publish-form label {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}

.ui2-addons__notice {
  color: var(--birei-text-muted);
  font-size: 0.85rem;
  margin: 0;
}

.ui2-addons__publish-option {
  align-items: center;
  border-bottom: 1px solid color-mix(in srgb, var(--birei-secondary) 18%, transparent);
  display: flex;
  gap: 0.75rem;
  min-height: 3.5rem;
}

.ui2-addons__publish-option span {
  display: flex;
  flex-direction: column;
  min-width: 0;
  overflow-wrap: anywhere;
}

@media (max-width: 600px) {
  .ui2-addons__object {
    grid-template-columns: minmax(0, 1fr);
    gap: 0.35rem;
  }
}
.comp-ui2-dialog {
  width: min(42rem, 100vw - 2rem);
}

.comp-ui2-dialog:has(.comp-ui2-dialog__layout--detail-only) {
  height: min(42rem, 100dvh - 2.5rem);
}
.comp-ui2-dialog:has(.comp-ui2-dialog__layout--detail-only) .birei-popup__actions {
  display: none;
}
.comp-ui2-dialog:has(.comp-ui2-dialog__layout--detail-only) .birei-popup__body {
  overflow: hidden;
  padding: 0;
}

.comp-ui2-dialog__layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 0;
}

.comp-ui2-dialog__layout--detail-only {
  height: 100%;
  margin: 0;
}
.comp-ui2-dialog__layout--detail-only .comp-ui2-dialog__main {
  display: none;
}
.comp-ui2-dialog__layout--detail-only .comp-ui2-dialog__detail {
  border-left: 0;
  height: 100%;
  min-height: 0;
  padding-left: 0;
}
.comp-ui2-dialog__layout--detail-only .comp-detail-panel,
.comp-ui2-dialog__layout--detail-only .comp-detail-panel > div {
  height: 100%;
  min-height: 0;
}
.comp-ui2-dialog__layout--detail-only .comp-detail-panel > div {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
}
.comp-ui2-dialog__layout--detail-only .ui2-subarea,
.comp-ui2-dialog__layout--detail-only .ui2-subarea-padded {
  height: auto;
  min-height: 0;
  padding: 0;
}

.comp-ui2-dialog__main,
.comp-ui2-dialog__detail {
  min-width: 0;
}

.comp-ui2-dialog__detail {
  min-height: 28rem;
  border-left: 1px solid var(--birei-border);
  padding-left: 1rem;
}

.comp-code-dialog__message {
  margin: 0;
}

.comp-code-dialog__variables {
  display: grid;
  gap: 0.75rem;
  margin-top: 1rem;
}

.comp-code-dialog__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.5rem;
  inline-size: 100%;
}

@media (max-width: 48rem) {
  .comp-ui2-dialog__detail {
    min-height: 20rem;
    border-left: 0;
    border-top: 1px solid var(--birei-border);
    padding-left: 0;
    padding-top: 1rem;
  }
  .comp-ui2-dialog__layout--detail-only .comp-ui2-dialog__detail {
    border-top: 0;
    padding-top: 0;
  }
}
@media (max-width: 40rem) {
  .comp-ui2-dialog:has(.comp-ui2-dialog__layout--detail-only) {
    height: 100dvh;
  }
}
.lynk-error {
  color: var(--birei-error);
  margin: 0;
  padding: 0.75rem;
  font-size: 0.85rem;
  overflow-wrap: anywhere;
}

.lynk-chat {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
}

.lynk-chat__messages {
  flex: 1;
  min-height: 0;
  overflow-y: auto;
  padding: 1rem 0.25rem;
}

.lynk-chat__welcome {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 0.75rem;
  text-align: center;
  color: var(--birei-text-muted);
}

.lynk-chat__welcome .birei-illustration {
  width: 100%;
  max-width: 20rem;
}

.lynk-chat__welcome p {
  margin: 0;
}

.lynk-chat__retry {
  padding: 0 0.75rem 0.75rem;
}

.lynk-chat__status {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.85rem;
  padding: 0.75rem 0;
  color: var(--birei-text-muted);
}

.lynk-message {
  margin-bottom: 1rem;
}

.lynk-message > strong {
  font-size: 0.85rem;
}

.lynk-message__text {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.5;
  margin: 0.35rem 0;
}

.lynk-message__tools {
  margin-inline-start: 0.35rem;
  font-size: 0.75rem;
  color: var(--birei-text-muted);
  overflow-wrap: anywhere;
}

.lynk-chat__composer {
  border-top: 1px solid color-mix(in srgb, var(--birei-secondary) 18%, transparent);
  padding: 0.75rem 0.25rem;
}

.lynk-chat__composer-actions, .lynk-approval__actions {
  display: flex;
  justify-content: flex-end;
  gap: 0.5rem;
  margin-top: 0.5rem;
}

.lynk-approval {
  border-top: 1px solid color-mix(in srgb, var(--birei-secondary) 18%, transparent);
  padding: 0.75rem 0.25rem;
  min-width: 0;
}

.lynk-approval strong {
  font-size: 0.85rem;
}

.lynk-approval pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 0.8rem;
  line-height: 1.4;
}

.lynk-offer {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0.5rem;
  padding: 0.65rem 0;
  border-top: 1px solid color-mix(in srgb, var(--birei-secondary) 18%, transparent);
  font-size: 0.85rem;
}

.lynk-offer--translations {
  display: block;
}

.lynk-offer dl {
  margin: 0.75rem 0;
}

.lynk-offer dl div {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 0.5rem;
  padding: 0.25rem 0;
}

.lynk-offer dd {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.lynk-settings {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
}

.lynk-approval__values, .lynk-approval__languages {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
  margin-top: 0.75rem;
}

.lynk-approval__value {
  min-width: 0;
  max-width: 100%;
  overflow-x: auto;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.lynk-approval__languages > div {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 0.5rem;
}

.lynk-approval__languages dd, .lynk-approval__text {
  margin: 0;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  line-height: 1.5;
}

.lynk-menu-toggle {
  width: 2rem;
  flex: none;
}

@media (prefers-reduced-motion: no-preference) {
  @keyframes exo-icon-eyes {
    0%, 36% {
      transform: scaleY(1);
      opacity: 1;
    }
    41% {
      transform: scaleY(0.1);
      opacity: 1;
    }
    41.1%, 91% {
      transform: scaleY(0.1);
      opacity: 0;
    }
    91.1% {
      transform: scaleY(0.1);
      opacity: 1;
    }
    96%, 100% {
      transform: scaleY(1);
      opacity: 1;
    }
  }
  @keyframes exo-icon-ai {
    0%, 41% {
      transform: scaleY(0.1);
      opacity: 0;
    }
    41.1% {
      transform: scaleY(0.1);
      opacity: 1;
    }
    46%, 86% {
      transform: scaleY(1);
      opacity: 1;
    }
    91% {
      transform: scaleY(0.1);
      opacity: 1;
    }
    91.1%, 100% {
      transform: scaleY(0.1);
      opacity: 0;
    }
  }
  .exo-icon-ai-chat.is-animated .exo-icon-eyes, .exo-icon-ai-chat.is-animated .exo-icon-ai {
    transform-box: fill-box;
    transform-origin: center;
  }
  .exo-icon-ai-chat.is-animated .exo-icon-eyes {
    animation: exo-icon-eyes 6s cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  }
  .exo-icon-ai-chat.is-animated .exo-icon-ai {
    animation: exo-icon-ai 6s cubic-bezier(0.4, 0, 0.2, 1) infinite both;
  }
}
.ui2-illustration-state {
  --ui2-illustration-gap: clamp(1.5rem, 4vw, 4rem);
  box-sizing: border-box;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  min-height: 100%;
  padding: 1rem;
  place-items: center;
  width: 100%;
}

.ui2-illustration-state__content {
  width: min(100%, 64rem);
}

.ui2-illustration-state .birei-illustration {
  gap: var(--ui2-illustration-gap);
}

@media (min-aspect-ratio: 1/1) {
  .ui2-illustration-state .birei-illustration__art {
    justify-items: end;
  }
}
.comp-site-base-layout {
  height: calc(100vh - 3rem);
  overflow-y: hidden;
}

.comp-detail-panel {
  height: 100%;
}

.workspace-layout {
  min-width: 0;
  height: calc(100dvh - 3rem);
}

.workspace-layout__main {
  min-width: 0;
  overflow-x: hidden;
  overflow-y: auto;
  height: 100%;
}

.workspace-panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 0;
  min-width: 0;
}

.workspace-panel__header {
  flex: 0 0 auto;
  min-width: 0;
}

.workspace-panel__actions {
  min-width: 0;
}

.workspace-panel__tabs {
  overflow-x: auto;
  min-width: 0;
}

.workspace-panel__body {
  flex: 1;
  min-height: 0;
  position: relative;
}

.workspace-panel__view {
  height: 100%;
  min-height: 0;
}

.workspace-panel__view[hidden] {
  display: none;
}

.workspace-panel__details {
  overflow-y: auto;
}

.workspace-panel__details .ui2-subarea, .workspace-panel__details .ui2-subarea-padded {
  height: auto;
}

.workspace-results {
  padding: 1rem 0.25rem;
  height: 100%;
  overflow-y: auto;
}

.workspace-diagnostic {
  padding: 0.5rem 0;
  border-bottom: 1px solid color-mix(in srgb, var(--birei-secondary) 18%, transparent);
}

.workspace-diagnostic p {
  margin: 0.25rem 0;
  font-size: 0.85rem;
  overflow-wrap: anywhere;
}

.workspace-results pre {
  white-space: pre-wrap;
  overflow-wrap: anywhere;
  font-size: 0.8rem;
  line-height: 1.4;
}

.workspace-panel[hidden] {
  display: none;
}

.comp-datetime-input {
  align-items: center;
  display: inline-flex;
  gap: 0.25rem;
  min-width: 0;
  width: 100%;
}

.comp-datetime-input > .birei-datetime-input {
  flex: 1 1 auto;
  min-width: 0;
}

.comp-datetime-input > .birei-button {
  flex: 0 0 auto;
}

.comp-icon-input-display {
  align-items: center;
  display: inline-flex;
  gap: 0.45rem;
  min-width: 0;
}

.comp-icon-input {
  align-items: center;
  display: inline-flex;
  gap: 0.25rem;
  min-width: 0;
  width: 100%;
}

.comp-icon-input > .birei-select {
  flex: 1 1 auto;
  min-width: 0;
}

.comp-icon-input__actions {
  align-items: center;
  display: inline-flex;
  flex: 0 0 auto;
}

.comp-icon-panel {
  display: grid;
  gap: 0.75rem;
}

.comp-icon-panel__grid {
  display: grid;
  gap: 0.35rem;
  grid-template-columns: repeat(auto-fill, minmax(2.5rem, 1fr));
  max-height: calc(100vh - 13rem);
  overflow: auto;
  padding-right: 0.15rem;
}

.comp-icon-panel__button {
  justify-content: center;
  min-width: 0;
}

.comp-icon-panel__empty {
  color: var(--birei-text-muted);
  padding: 1rem 0;
  text-align: center;
}

.comp-language-input--multiline {
  align-items: flex-start;
  display: flex;
  gap: 0.35rem;
}

.comp-language-input--multiline > .birei-textarea {
  flex: 1 1 auto;
  min-width: 0;
}

.comp-language-input__actions {
  flex: 0 0 auto;
  padding-top: 0.1rem;
}

.comp-language-panel__table {
  display: grid;
  gap: 0.5rem;
}

.comp-language-panel__row {
  align-items: flex-start;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: minmax(6rem, 9rem) minmax(0, 1fr);
}

.comp-language-panel__lang {
  width: 100%;
}

.comp-language-panel__text {
  min-width: 0;
}

.comp-list-input {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
  width: 100%;
}

.comp-list-input__toolbar,
.comp-list-input__row {
  align-items: center;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: minmax(0, 1fr) auto;
}

.comp-list-input__actions,
.comp-list-input__row-actions {
  align-items: center;
  display: inline-flex;
  gap: 0.25rem;
}

.comp-list-input__rows,
.comp-list-panel {
  display: grid;
  gap: 0.75rem;
}

.comp-list-input__value {
  min-width: 0;
}

.comp-list-panel__setting {
  display: grid;
  gap: 0.35rem;
}

.comp-location-input {
  container-type: inline-size;
  display: grid;
  gap: 1rem;
  min-width: 0;
}

.comp-location-input__content {
  display: grid;
  gap: 1rem;
  grid-template-columns: minmax(16rem, 1fr) minmax(18rem, 1fr);
}

.comp-location-input__fields {
  display: grid;
  gap: 0.5rem;
}

.comp-location-panel {
  display: grid;
  gap: 0.75rem;
}

.comp-location-input__coordinates,
.comp-location-input__actions,
.comp-location-input__status {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
}

.comp-location-input__coordinates > * {
  flex: 1 1 10rem;
}

.comp-location-input__status--valid {
  color: var(--birei-success);
}

.comp-location-input__status--invalid {
  color: var(--birei-warning);
}

.comp-location-input__text {
  display: grid;
  gap: 0.15rem;
}

@container (max-width: 40rem) {
  .comp-location-input__content {
    grid-template-columns: minmax(0, 1fr);
  }
  .comp-location-input__content > .birei-map-picker {
    order: -1;
  }
}
.comp-reference-input {
  align-items: center;
  display: flex;
  gap: 0.5rem;
}

.comp-reference-input > .birei-input {
  flex: 1 1 auto;
}

.comp-reference-input__display {
  align-items: center;
  display: inline-flex;
  gap: 0.5rem;
}

.comp-reference-select-panel {
  display: grid;
  grid-template-rows: auto minmax(0, 1fr);
  min-height: 0;
  overflow: hidden;
}

.comp-reference-panel {
  container-type: inline-size;
  display: grid;
  gap: 0.75rem;
}

.comp-selection-input {
  min-width: 0;
  width: 100%;
}

.comp-selection-panel__settings {
  display: grid;
  gap: 0.75rem;
}

.comp-selection-panel__options {
  display: grid;
  gap: 0.75rem;
}

.ui2-subarea-padded > .ui2-card-inp + .ui2-card-inp {
  margin-top: 1rem;
}

.comp-selection-panel__option {
  border-top: 1px solid color-mix(in srgb, var(--birei-secondary) 18%, transparent);
  display: grid;
  gap: 0.5rem;
  padding-top: 0.75rem;
}

.comp-selection-panel__option:first-child {
  border-top: 0;
  padding-top: 0;
}

.comp-selection-panel__option-header {
  align-items: center;
  display: grid;
  gap: 0.5rem;
  grid-template-columns: minmax(0, 1fr) auto;
}

.comp-selection-panel__translations {
  display: grid;
  gap: 0.5rem;
}

.comp-selection-panel__translation-row {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: minmax(5rem, 9rem) minmax(0, 1fr);
}

.comp-signature-input {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
}

.comp-signature-input__capture,
.comp-signature-input__signed {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
}

.comp-signature-input__pad {
  --birei-sign-pad-width: min(420px, 100%);
  max-width: 100%;
}

.comp-signature-input__meta {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  gap: 0.25rem;
}

.comp-signature-input__meta--compact {
  gap: 0.25rem;
}

.comp-signature-input__actions {
  display: flex;
  gap: 0.5rem;
}

.comp-table-input {
  display: grid;
  gap: 0.75rem;
  min-width: 0;
  width: 100%;
}

.comp-table-input--scroll {
  overflow-x: auto;
}

.comp-table-input--scroll > .birei-table {
  inline-size: max-content;
  min-inline-size: 100%;
}

.comp-table-input--scroll .birei-table__cell > * {
  min-width: auto;
}

.comp-table-input__actions,
.comp-table-panel__column-actions {
  align-items: center;
  display: inline-flex;
  gap: 0.25rem;
}

.comp-table-input__actions-cell {
  padding-inline: 0;
}

.comp-table-input__selection-cell {
  justify-content: center;
  padding-inline: 0.45rem;
}

.comp-table-input__selection-cell .birei-checkbox {
  gap: 0;
  grid-template-columns: var(--birei-checkbox-box-size);
  width: max-content;
}

.comp-table-input__selection-cell .birei-checkbox__label {
  display: none;
}

.comp-table-panel,
.comp-table-panel__general,
.comp-table-panel__column,
.comp-table-panel__fields {
  display: grid;
  gap: 0.75rem;
}

.comp-table-panel__column-header {
  align-items: center;
  display: flex;
  justify-content: space-between;
}

.comp-table-panel__setting {
  display: grid;
  gap: 0.35rem;
}

.comp-query-filter {
  display: grid;
  gap: 0.75rem;
}

.comp-query-filter__sort {
  display: grid;
  gap: 0.5rem;
  grid-template-columns: minmax(0, 1fr) minmax(8rem, 0.7fr);
}

.comp-query-filter__conditions {
  display: grid;
  gap: 0.5rem;
}

.comp-query-filter__conditions-header,
.comp-query-filter__group-header {
  align-items: center;
  display: flex;
  gap: 0.5rem;
  justify-content: space-between;
}

.comp-query-filter__condition {
  align-items: center;
  display: grid;
  gap: 0.4rem;
  grid-template-columns: auto minmax(7rem, 1fr) minmax(8rem, 1fr) minmax(7rem, 1fr) auto;
}

.comp-query-filter__group {
  border: 1px solid var(--birei-border-subtle);
  border-radius: 0.75rem;
  display: grid;
  gap: 0.5rem;
  padding: 0.5rem;
}

.comp-query-filter__group-items {
  display: grid;
  gap: 0.5rem;
  padding-left: 0.5rem;
}

@container (max-width: 40rem) {
  .comp-query-filter__sort,
  .comp-query-filter__condition {
    grid-template-columns: minmax(0, 1fr);
  }
}
.comp-record-logs {
  display: grid;
  gap: 1rem;
  inline-size: min(100%, 56rem);
}

.comp-record-logs__toolbar,
.comp-record-logs__load-more {
  display: flex;
  justify-content: center;
}

.comp-record-logs__status {
  align-items: center;
  color: var(--birei-text-muted);
  display: flex;
  flex-wrap: wrap;
  gap: 0.75rem;
  justify-content: center;
  min-height: 6rem;
}

.comp-record-logs__change-summary {
  display: grid;
  gap: 0.5rem;
}

.comp-record-logs__change-count,
.comp-record-logs__change-label,
.comp-record-logs__cell > span,
.comp-record-logs__before-after > div > span {
  color: var(--birei-text-muted);
  font-size: var(--birei-font-size-small);
}

.comp-record-logs__change-summary ul {
  display: grid;
  gap: 0.75rem;
  list-style: none;
  margin: 0;
  padding: 0;
}

.comp-record-logs__change-item,
.comp-record-logs__cell,
.comp-record-logs__before-after,
.comp-record-logs__before-after > div,
.comp-record-logs__cells {
  display: grid;
  gap: 0.5rem;
}

.comp-record-logs__cells {
  border-inline-start: 2px solid var(--birei-border);
  padding-inline-start: 0.75rem;
}

.comp-record-logs__before-after {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.comp-record-logs__comment-actions {
  display: flex;
  gap: 0.5rem;
  justify-content: flex-end;
}

@media (max-width: 36rem) {
  .comp-record-logs__before-after {
    grid-template-columns: minmax(0, 1fr);
  }
}