/* Composition only: surfaces, controls, spacing and themes use the Warehouse design system. */
.vehicle-expenses-grid {
  grid-template-columns: repeat(auto-fit, minmax(min(100%, var(--ds-card-copy-min-width)), 1fr));
  align-items: stretch;
}
.vehicle-expenses-grid > label {
  display: grid;
  grid-template-rows: minmax(min-content, 1fr) var(--ds-control-height);
  gap: var(--ds-gap-caption);
}
.vehicle-expenses-grid > label,
.vehicle-expenses-filters > label {
  min-width: var(--ds-space-0);
  max-width: 100%;
}
.vehicle-expenses-grid > .vehicle-fuel-grade-field {
  grid-template-rows: minmax(min-content, 1fr) auto;
}
.vehicle-fuel-grade-controls {
  display: grid;
  gap: var(--ds-gap-control);
  min-width: var(--ds-space-0);
}
.vehicle-fuel-grade-controls > [hidden],
.vehicle-expense-dialog .vehicle-expense-fuel-table .vehicle-fuel-grade-controls > [hidden] {
  display: none;
}
.vehicle-expenses-filters {
  flex-wrap: wrap;
  align-items: end;
}
.vehicle-expenses-filters > label {
  flex: 1 1 var(--ds-card-copy-min-width);
}
.vehicle-expense-dialog {
  width: min(var(--ds-content-width), calc(100vw - var(--ds-gap-block)));
  max-width: calc(100vw - var(--ds-gap-block));
}
.vehicle-expense-dialog .ds-form-grid,
.vehicle-expense-dialog .equipment-table-wrap {
  min-width: var(--ds-space-0);
  max-width: 100%;
}
.vehicle-expense-dialog details > .ds-form-grid {
  margin-top: var(--ds-gap-block);
}
.vehicle-expense-dialog :is(details, .vehicle-expense-line) {
  padding: var(--ds-surface-padding);
}
.vehicle-expense-line > .section-heading {
  margin-bottom: var(--ds-gap-block);
}
.vehicle-expense-dialog :is(.dialog-actions, .compact-actions) {
  flex-wrap: wrap;
}
.vehicle-expense-dialog .section-heading {
  flex-wrap: wrap;
}
.vehicle-expense-dialog .section-heading > :first-child {
  flex: 1 1 var(--ds-card-copy-min-width);
}
.vehicle-expense-dialog .section-heading > .compact-actions {
  flex: 0 0 auto;
  max-width: 100%;
}
.vehicle-expense-dialog :is(.dialog-heading, .section-heading) > :first-child {
  min-width: var(--ds-space-0);
  overflow-wrap: anywhere;
}
/* Entry geometry comes from the canonical ds-input-matrix compact variant. */
.vehicle-expense-fuel-table .actions-column {
  white-space: normal;
}
.vehicle-expense-fuel-table .actions-column > .muted {
  display: block;
  margin-top: var(--ds-gap-caption);
}
.vehicle-expense-fuel-summary {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--ds-gap-control) var(--ds-gap-block);
}
.vehicle-expense-fuel-summary > :first-child {
  flex: 1 1 var(--ds-card-copy-min-width);
  min-width: var(--ds-space-0);
  overflow-wrap: anywhere;
}
.vehicle-expense-fuel-summary > [data-fuel-amount] {
  font-variant-numeric: tabular-nums;
}