@layer components {
  zf-key-value {
    display: block;
  }
  zf-key-value .zf-key-value-row {
    display: flex;
    align-items: center;
    gap: var(--pl-space-sm);
    margin-bottom: var(--pl-space-xs);
  }
  zf-key-value .zf-key-value-row > pl-input {
    flex: 1;
    min-width: 0;
  }
  zf-key-value .zf-key-value-row > pl-button {
    flex: none;
  }
  zf-schema-sub-form {
    display: block;
  }
  zf-records {
    display: block;
  }
  zf-records .zf-records-well {
    padding: var(--pl-space-sm) var(--pl-space-md);
    background: var(--pl-color-background);
    border: 1px solid var(--pl-color-border);
    border-radius: var(--pl-radius-md);
  }
  zf-records .zf-records-header,
  zf-records .zf-records-row {
    display: flex;
    align-items: flex-start;
    gap: var(--pl-space-sm);
  }
  zf-records .zf-records-row {
    padding-block: var(--pl-space-xs);
    border-bottom: 1px solid var(--pl-color-border-muted);
  }
  zf-records .zf-records-row:last-of-type {
    border-bottom: none;
  }
  zf-records .zf-records-cell {
    flex: 1;
    min-width: 0;
  }
  zf-records .zf-records-cell > pl-input,
  zf-records .zf-records-cell > pl-textarea,
  zf-records .zf-records-cell > pl-select {
    display: flex;
    width: 100%;
  }
  zf-records .zf-records-cell > pl-field-error {
    display: block;
    margin-top: var(--pl-space-2xs);
  }
  zf-records .zf-records-header {
    align-items: center;
    padding-bottom: var(--pl-space-xs);
    border-bottom: 1px solid var(--pl-color-border);
  }
  zf-records .zf-records-header > .zf-records-cell {
    font-family: var(--pl-font-family);
    font-size: var(--pl-font-size-xs);
    font-weight: var(--pl-font-weight-medium);
    color: var(--pl-color-text-muted);
  }
  zf-records .zf-records-actions {
    display: flex;
    flex: none;
    gap: var(--pl-space-2xs);
  }
  zf-records .zf-records-header > .zf-records-actions {
    visibility: hidden;
  }
  zf-records .zf-records-empty {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--pl-space-md);
    font-family: var(--pl-font-family);
    font-size: var(--pl-font-size-sm);
    color: var(--pl-color-text-muted);
  }
  zf-records .zf-records-footer {
    margin-top: var(--pl-space-sm);
  }
  zf-records .zf-records-row-error {
    display: block;
    margin-bottom: var(--pl-space-xs);
  }
  zf-records .zf-records-readonly-value {
    font-family: var(--pl-font-family);
    font-size: var(--pl-font-size-sm);
  }
  zf-query-builder {
    display: block;
  }
  .zf-qb-row {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--pl-space-xs);
    padding: var(--pl-space-xs) 0;
  }
  .zf-qb-group-row {
    border-left: 2px solid var(--pl-color-border);
    padding-left: var(--pl-space-sm);
  }
  .zf-qb-input {
    padding: var(--pl-space-xs) var(--pl-space-sm);
    border: 1px solid var(--pl-color-border);
    border-radius: var(--pl-radius-md);
    background: var(--pl-color-surface-raised);
    font-size: var(--pl-font-size-sm);
  }
  pl-select.zf-qb-select {
    min-width: 9rem;
  }
  .zf-qb-not {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: var(--pl-font-size-sm);
  }
  .zf-qb-chips {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--pl-space-xs);
  }
  .zf-qb-chip {
    display: inline-flex;
    align-items: center;
    gap: 2px;
    padding: 2px var(--pl-space-xs);
    border: 1px solid var(--pl-color-border);
    border-radius: var(--pl-radius-md);
    background: var(--pl-color-surface-raised);
    font-size: var(--pl-font-size-sm);
  }
  .zf-qb-range-sep {
    color: var(--pl-color-text-muted);
  }
  .zf-qb-empty {
    padding: var(--pl-space-sm) 0;
    font-size: var(--pl-font-size-sm);
    color: var(--pl-color-text-muted);
  }
  .zf-qb-readonly-row {
    font-size: var(--pl-font-size-sm);
  }
  .zf-qb-readonly-group {
    font-weight: 600;
  }
  zf-path-input {
    display: block;
    width: 100%;
  }
  zf-path-input .zf-path-current {
    overflow: hidden;
    color: var(--pl-color-text-muted);
    font-family: var(--pl-font-family-mono);
    font-size: var(--pl-font-size-xs);
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  zf-path-input .zf-path-entry {
    display: flex;
    align-items: center;
    width: 100%;
    min-width: 0;
    gap: var(--pl-space-sm);
  }
  zf-path-input .zf-path-entry-name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  zf-relation-field {
    display: block;
  }
  zf-relation-field > pl-select {
    display: flex;
    width: 100%;
  }
  zf-relation-field > .zf-chosen-edit {
    display: inline-block;
    margin-top: var(--pl-space-xs);
    font-size: var(--pl-font-size-xs);
  }
  zf-form-section {
    display: block;
  }
  zf-choice-field {
    display: block;
  }
  zf-provider-field {
    display: block;
  }
  zf-provider-field > pl-select {
    display: flex;
    width: 100%;
  }
  zf-array {
    display: block;
  }
  zf-array .zf-array-row {
    display: flex;
    align-items: flex-start;
    gap: var(--pl-space-sm);
    margin-bottom: var(--pl-space-xs);
  }
  zf-array .zf-array-cell {
    flex: 1;
    min-width: 0;
  }
  zf-array .zf-array-cell > pl-input,
  zf-array .zf-array-cell > pl-textarea {
    display: flex;
    width: 100%;
  }
  zf-array .zf-array-actions {
    display: flex;
    flex: none;
    gap: var(--pl-space-2xs);
  }
  zf-file-browser {
    display: block;
  }
  zf-file-browser .zf-files-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--pl-space-md);
    margin-block-end: var(--pl-space-md);
  }
  zf-file-browser .zf-files-actions {
    display: flex;
    align-items: center;
    gap: var(--pl-space-sm);
  }
  zf-file-browser .zf-files-name {
    display: flex;
    align-items: center;
    gap: var(--pl-space-sm);
    min-width: 0;
  }
  zf-file-browser .zf-files-name-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  zf-file-browser .zf-files-meta {
    color: var(--pl-color-text-muted);
    font-size: var(--pl-font-size-sm);
    font-variant-numeric: tabular-nums;
    white-space: nowrap;
  }
  zf-file-browser .zf-files-editor {
    display: flex;
    flex-direction: column;
    gap: var(--pl-space-md);
  }
  zf-file-browser .zf-files-editor pl-textarea {
    font-family: var(--pl-font-family-mono);
  }
  zf-select-field {
    display: block;
  }
  zf-select-field > pl-select {
    display: flex;
    width: 100%;
  }
  zf-relation-multi-field {
    display: block;
  }
  zf-relation-multi-field > pl-select {
    display: flex;
    width: 100%;
  }
  zf-form-scope {
    display: block;
  }
  zf-create-panel {
    display: block;
  }
  .zf-create-form {
    display: flex;
    flex-direction: column;
    gap: var(--pl-space-sm);
    padding: var(--pl-space-sm) 0;
  }
  .zf-chooser-error {
    padding: var(--pl-space-lg) 0;
    text-align: center;
    font-size: var(--pl-font-size-sm);
    color: var(--pl-color-destructive);
  }
  .zf-chooser-actions {
    display: flex;
    gap: var(--pl-space-xs);
  }
  .zf-entries {
    display: flex;
    flex-direction: column;
    gap: var(--pl-space-2xl);
  }
  .zf-switch-row {
    display: flex;
    align-items: flex-start;
    gap: var(--pl-space-md);
  }
  .zf-switch-row .zf-switch-text {
    display: flex;
    flex-direction: column;
    gap: var(--pl-space-2xs);
    min-width: 0;
  }
  .zf-switch-row > pl-switch {
    flex: none;
  }
  .zf-blocks {
    display: flex;
    flex-direction: column;
    gap: var(--pl-space-xl);
  }
  .zf-form-section > zf-form-section > pl-collapsible > pl-collapsible-trigger > button {
    padding: var(--pl-space-lg);
    gap: var(--pl-space-md);
    text-align: start;
  }
  .zf-form-section .zf-section-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--pl-space-2xs);
    min-width: 0;
  }
  .zf-form-section .zf-section-label {
    font-size: var(--pl-font-size-md);
    font-weight: var(--pl-font-weight-semibold);
  }
  .zf-form-section .zf-section-description {
    font-weight: var(--pl-font-weight-normal);
  }
  .zf-form-section .zf-section-chevron {
    flex: none;
    transition: rotate var(--pl-transition-fast);
  }
  .zf-form-section > zf-form-section > pl-collapsible > pl-collapsible-trigger > button[aria-expanded=true] .zf-section-chevron {
    rotate: 180deg;
  }
  .zf-form-section > zf-form-section > pl-collapsible > pl-collapsible-content .zf-entries {
    padding: 0 var(--pl-space-lg) var(--pl-space-lg);
  }
  .zf-absent {
    color: var(--pl-color-text-muted);
    font-style: italic;
  }
  .zf-secret-stored {
    display: flex;
    align-items: center;
    gap: var(--pl-space-md);
    font-size: var(--pl-font-size-sm);
    color: var(--pl-color-text-muted);
  }
  .zf-secret-stored .zf-secret-note {
    display: inline-flex;
    align-items: center;
    gap: var(--pl-space-xs);
  }
  .zf-secret-stored .zf-secret-clear {
    display: inline-flex;
    align-items: center;
    gap: var(--pl-space-xs);
    cursor: pointer;
  }
  .zf-secret-stored .zf-secret-clear input[type=checkbox] {
    accent-color: var(--pl-color-primary);
  }
}

/*# sourceMappingURL=zenit-forms.css.map */