/* Lettertype Inter (variabel). De bestanden worden via `vendor:publish --tag=laravel-assets` gepubliceerd naar
   public/fonts/ago-vlas/laravel-theme; de paden zijn relatief t.o.v. dit bestand na publicatie
   (public/css/ago-vlas/laravel-theme/laravel-theme.css). */

@font-face {
  font-family: "Inter var";
  src: url("../../../fonts/ago-vlas/laravel-theme/inter-var/InterVariable.woff2") format("woff2");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Inter var";
  src: url("../../../fonts/ago-vlas/laravel-theme/inter-var/InterVariable-Italic.woff2") format("woff2");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

.fi-ta-text.fi-ta-text,
.fi-ta-icon.fi-ta-icon {
  padding: 0.375rem 0.625rem;
  font-size: 0.8125rem;
  line-height: 1.125rem;
}

.fi-ta-header-cell.fi-ta-header-cell {
  padding-top: 0.4375rem;
  padding-bottom: 0.4375rem;
  max-width: 0;
  overflow: hidden;
}

.fi-ta-header-cell-has-label.fi-ta-header-cell-has-label {
  min-width: 6.7rem;
}

.fi-ta-header-cell-label.fi-ta-header-cell-label {
  display: block;
  min-width: 4ch;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 0.75rem;
}

.fi-ta-actions-cell>div,
.fi-ta-selection-cell>div {
  padding-top: 0.375rem;
  padding-bottom: 0.375rem;
}

.fi-fo-field-wrp>.grid {
  row-gap: 0.25rem;
}

.fi-fo-component-ctn.fi-fo-component-ctn {
  gap: 0.75rem;
}

.fi-fieldset.fi-fieldset {
  padding: 0.75rem 1rem;
}

.tippy-box[data-theme~="compact"] .tippy-content {
  padding: 0.375rem 0.625rem;
}

/* Header-cell truncation tooltip: keep the paragraph breaks between the
   label and nested content (see filament-tables header-cell override). */
.tippy-box[data-theme~="fi-ta-header-cell-label"] .tippy-content {
  white-space: pre-line;
}
/* Omgevingsbalk (<x-theme::environment-banner />): hier in plaats van Tailwind-klassen,
   zodat hij er ook in de Filament-panelen hetzelfde uitziet. */
.theme-environment-banner {
  display: flex;
  width: 100%;
  height: 1.75rem;
  align-items: center;
  justify-content: center;
  /* Vast lettertype uit het pakket, zodat de balk er in de applicatie en in Filament (dat zijn eigen Inter laadt)
     hetzelfde uitziet. */
  font-family: "Inter var", ui-sans-serif, system-ui, sans-serif;
  font-size: 0.75rem;
  line-height: 1rem;
  font-weight: 600;
  color: #fff;
}

.theme-environment-banner--local {
  background-color: #db2777;
}

.theme-environment-banner--dev,
.theme-environment-banner--develop {
  background-color: #16a34a;
}

.theme-environment-banner--staging {
  background-color: #ea580c;
}

.theme-environment-banner--demo {
  background-color: #0d9488;
}

.theme-environment-banner--other {
  background-color: #4b5563;
}