/**
 * src/styles/settings.scss
 *
 * Configures SASS variables and Vuetify overwrites
 */
@layer vuetify-core, vuetify-components, vuetify-overrides, vuetify-utilities, vuetify-final;
.cabloy-admin {
  --cabloy-font-size-body: 13px;
  --cabloy-font-size-secondary: 12px;
  --cabloy-font-size-caption: 12px;
  --cabloy-font-size-title: 15px;
  --cabloy-line-height-body: 1.5;
  --cabloy-line-height-tight: 1.4;
  --cabloy-space-page: 16px;
  --cabloy-space-card: 16px;
  --cabloy-space-form: 12px;
  --cabloy-space-section: 16px;
  font-size: var(--cabloy-font-size-body);
  line-height: var(--cabloy-line-height-body);
}

[data-cabloy-density=compact] .cabloy-admin,
.cabloy-admin[data-cabloy-density=compact] {
  --cabloy-space-page: 16px;
  --cabloy-space-card: 12px;
  --cabloy-space-form: 8px;
  --cabloy-space-section: 12px;
}

[data-cabloy-density=comfortable] .cabloy-admin,
.cabloy-admin[data-cabloy-density=comfortable] {
  --cabloy-space-page: 20px;
  --cabloy-space-card: 20px;
  --cabloy-space-form: 16px;
  --cabloy-space-section: 24px;
}

.cabloy-admin .cabloy-text {
  font-size: var(--cabloy-font-size-body);
  line-height: var(--cabloy-line-height-body);
}
.cabloy-admin .cabloy-text-secondary {
  font-size: var(--cabloy-font-size-secondary);
}
.cabloy-admin .cabloy-text-caption {
  font-size: var(--cabloy-font-size-caption);
  line-height: var(--cabloy-line-height-tight);
}

.cabloy-admin .cabloy-page {
  padding: var(--cabloy-space-page);
}
.cabloy-admin .cabloy-section {
  margin-bottom: var(--cabloy-space-section);
}
.cabloy-admin .cabloy-form {
  display: flex;
  flex-direction: column;
  gap: var(--cabloy-space-form);
}

@layer vuetify-overrides {
  .cabloy-admin .v-field {
    font-size: var(--cabloy-font-size-body);
  }
  .cabloy-admin .v-field__input input::placeholder,
  .cabloy-admin textarea.v-field__input::placeholder,
  .cabloy-admin .v-date-input__format-hint {
    font-size: var(--cabloy-font-size-secondary);
  }
  .cabloy-admin .v-field__input,
  .cabloy-admin .v-field__input input,
  .cabloy-admin textarea.v-field__input,
  .cabloy-admin .v-field-label:not(.v-field-label--floating),
  .cabloy-admin .v-select__selection,
  .cabloy-admin .v-chip {
    font-size: var(--cabloy-font-size-body);
    font-weight: 400;
  }
  .cabloy-admin .v-field:not(.v-field--focused):not(.v-field--error) .v-field__outline {
    --v-field-border-opacity: 0.16;
  }
  @media (hover: hover) {
    .cabloy-admin .v-field:not(.v-field--focused):not(.v-field--error):hover .v-field__outline {
      --v-field-border-opacity: var(--v-high-emphasis-opacity);
    }
  }
  .cabloy-admin .v-input__details {
    font-size: var(--cabloy-font-size-caption);
    line-height: var(--cabloy-line-height-tight);
  }
  .cabloy-admin .v-input__details:not(.v-input__details--hidden) {
    align-items: flex-start;
    padding-top: 2px;
  }
}
@layer vuetify-final {
  .cabloy-admin .cabloy-form-layout__tabs {
    margin-bottom: 4px;
  }
  .cabloy-admin .cabloy-form-layout__tabs .v-tabs {
    --v-tabs-height: 36px;
  }
  .cabloy-admin .cabloy-form-layout__group,
  .cabloy-admin .cabloy-form-layout__panel {
    padding: 12px;
  }
  .cabloy-admin .cabloy-form-layout__group,
  .cabloy-admin .cabloy-form-layout__section {
    margin-bottom: 4px;
  }
  .cabloy-admin .cabloy-form-layout__description {
    margin-bottom: 8px;
  }
  .cabloy-admin .cabloy-form-layout__flow {
    gap: 12px;
  }
  .cabloy-admin .cabloy-form-layout__grid {
    --v-col-gap-x: 16px;
    --v-col-gap-y: 16px;
  }
}
@layer vuetify-overrides {
  .cabloy-admin .v-data-table .v-btn-group--horizontal.v-btn-group--density-compact > .v-btn--icon {
    width: var(--v-btn-height);
  }
  .cabloy-admin .v-data-table .v-data-table-footer {
    column-gap: 8px;
    padding-block: 0;
    padding-inline: 8px;
    row-gap: 4px;
  }
  .cabloy-admin .v-data-table .v-data-table-footer__items-per-page > span {
    padding-inline-end: 4px;
  }
  .cabloy-admin .v-data-table .v-data-table-footer__items-per-page > .v-select {
    width: 88px;
  }
  .cabloy-admin .v-data-table .v-data-table-footer__items-per-page > .v-select .v-field {
    --v-input-control-height: 36px;
    --v-field-input-padding-top: 0px;
    --v-field-input-padding-bottom: 0px;
  }
  .cabloy-admin .v-data-table .v-data-table-footer__info {
    min-width: 96px;
    padding-inline: 8px;
  }
  .cabloy-admin .v-data-table .v-data-table-footer__pagination {
    align-items: center;
    display: flex;
    margin-inline-start: 4px;
    min-width: 0;
  }
  .cabloy-admin .v-data-table .v-data-table-footer__pagination .v-pagination__item,
  .cabloy-admin .v-data-table .v-data-table-footer__pagination .v-pagination__first,
  .cabloy-admin .v-data-table .v-data-table-footer__pagination .v-pagination__prev,
  .cabloy-admin .v-data-table .v-data-table-footer__pagination .v-pagination__next,
  .cabloy-admin .v-data-table .v-data-table-footer__pagination .v-pagination__last {
    margin-block: 0;
    margin-inline: 2px;
  }
  .cabloy-admin .v-data-table .v-data-table-footer__pagination .v-pagination .v-btn {
    height: 36px;
    min-width: 36px;
  }
  .cabloy-admin .v-data-table .v-data-table-header__content,
  .cabloy-admin .v-data-table .v-data-table__td {
    font-size: var(--cabloy-font-size-body);
  }
}
@layer vuetify-overrides {
  .cabloy-admin .v-card-title {
    font-size: var(--cabloy-font-size-title);
  }
  .cabloy-admin .v-card-subtitle {
    font-size: var(--cabloy-font-size-secondary);
  }
}
@layer vuetify-overrides {
  .cabloy-admin .v-btn {
    letter-spacing: normal;
    text-transform: none;
  }
  .cabloy-admin .v-btn--size-x-small {
    --v-btn-size: 10px;
  }
  .cabloy-admin .v-btn--size-small {
    --v-btn-size: 11px;
  }
  .cabloy-admin .v-btn--size-default {
    --v-btn-size: 13px;
  }
  .cabloy-admin .v-btn--size-large {
    --v-btn-size: 15px;
  }
  .cabloy-admin .v-btn--size-x-large {
    --v-btn-size: 17px;
  }
  .cabloy-admin .v-btn--icon.v-btn--density-compact {
    width: var(--v-btn-height);
    height: var(--v-btn-height);
  }
}
@layer vuetify-overrides {
  .cabloy-admin .v-tab.v-btn {
    --v-btn-height: var(--v-tabs-height);
  }
}
@layer vuetify-overrides {
  .cabloy-admin [role=toolbar] > .v-btn-group--horizontal.v-btn-group--density-compact > .v-btn--icon {
    width: var(--v-btn-height);
  }
  .cabloy-admin .v-toolbar-title {
    font-size: 1.125rem;
  }
}
:root {
  --v-font-body:
    -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, Cantarell, 'Fira Sans',
    'Droid Sans', 'Helvetica Neue', sans-serif;
}

.zova-icon__img {
  border-radius: 6px;
  width: 100%;
  height: 100%;
}

.zova-icon__svg {
  fill: currentColor;
  width: 100%;
  height: 100%;
}