html body #expensesView .expenses-person-grid { gap:0; }
html body #expensesView .expenses-person-grid > div {
  min-height:0; padding:6px 14px; border:0; border-radius:0;
  background:transparent !important; box-shadow:none;
}
html body #expensesView .expenses-person-grid > div + div { border-left:1px solid var(--line); }
html body #expensesView .expenses-person-grid span { margin-bottom:2px; line-height:16px; }
html body #expensesView .expenses-person-grid strong { font-size:14px; line-height:20px; }
html body #expensesView .expenses-person-grid p { margin:2px 0 0; font-size:12px; line-height:17px; }
@media(max-width:900px) {
  html body #expensesView .expenses-person-grid > div { padding:8px 12px; }
  html body #expensesView .expenses-person-grid > div + div { border-left:0; border-top:1px solid var(--line); }
}
html body #expensesView #expensesEmployeeName .expenses-employee-select {
  height:40px; min-height:40px; padding:9px 32px 9px 12px;
  font-size:14px; line-height:20px; font-weight:400; border-radius:6px;
}
@media(max-width:900px) {
  html body #expensesView #expensesEmployeeName .expenses-employee-select { font-size:16px; }
}
/* Size travel rows to the available panel, not a fixed desktop canvas. */
#expensesView #expensesList { container-type:inline-size; min-width:0; }
#expensesView #expensesList .expenses-month-group,
#expensesView #expensesList .expenses-month-group-body { min-width:0; max-width:100%; }
#expensesView #expensesList .expenses-month-divider { flex-wrap:wrap; gap:10px; }
#expensesView #expensesList .expenses-month-admin-actions { flex-wrap:wrap; }
#expensesView #expensesList .expenses-row.is-private-vehicle {
  display:grid !important;
  grid-template-columns:104px minmax(160px,220px) 150px 90px minmax(160px,1fr) 220px 36px !important;
  grid-template-rows:auto !important;
  gap:12px !important;
  width:100% !important; min-width:0 !important; max-width:100% !important;
  padding:12px !important; box-sizing:border-box;
  align-items:start !important;
}
#expensesView #expensesList .is-private-vehicle > * {
  grid-row:auto !important; grid-column:auto !important;
  width:auto !important; min-width:0 !important; max-width:100% !important;
  height:auto !important; min-height:0 !important; max-height:none !important;
  margin:0 !important; transform:none !important;
  justify-self:stretch !important;
}
#expensesView #expensesList .is-private-vehicle .expenses-title-cell,
#expensesView #expensesList .is-private-vehicle .expenses-customer-cell,
#expensesView #expensesList .is-private-vehicle .expenses-route-input-cell,
#expensesView #expensesList .is-private-vehicle .expenses-billable-km-cell {
  display:grid !important; grid-template-rows:none !important; grid-auto-rows:auto !important;
  gap:6px !important; align-content:start !important;
}
#expensesView #expensesList .is-private-vehicle .expenses-title-cell > *,
#expensesView #expensesList .is-private-vehicle .expenses-customer-cell > *,
#expensesView #expensesList .is-private-vehicle .expenses-route-input-cell > *,
#expensesView #expensesList .is-private-vehicle .expenses-billable-km-cell > * {
  grid-row:auto !important; grid-column:auto !important;
  width:auto !important; max-width:100% !important; min-width:0 !important;
  height:auto !important; white-space:normal !important; overflow-wrap:anywhere;
  overflow:visible !important; margin:0 !important;
}
#expensesView #expensesList .is-private-vehicle :is(.expenses-title-cell,.expenses-customer-cell) { gap:2px !important; }
#expensesView #expensesList .is-private-vehicle :is(.expenses-title-cell,.expenses-customer-cell) > * { line-height:1.35 !important; }
#expensesView #expensesList .is-private-vehicle .expenses-route-source { line-height:1.45; white-space:nowrap !important; overflow-wrap:normal; }
#expensesView #expensesList .is-private-vehicle .expenses-billable-km-cell small { line-height:1.5; color:var(--muted); }
#expensesView #expensesList .is-private-vehicle .expenses-daily-allowance-spacer { display:none !important; }
#expensesView #expensesList .is-private-vehicle .expenses-route-deviation-cell {
  grid-column:2 / -2 !important; grid-row:2 !important;
  display:grid !important; grid-template-rows:auto auto !important; gap:8px !important;
  padding-top:12px; border-top:1px solid var(--line);
}
#expensesView #expensesList .is-private-vehicle .expenses-total-cell { grid-column:6 !important; grid-row:1 !important; }
#expensesView #expensesList .is-private-vehicle .expenses-total-cell > div {
  grid-template-columns:minmax(0,1fr) auto !important; gap:8px !important;
}
#expensesView #expensesList .is-private-vehicle .expenses-total-cell strong { white-space:nowrap; font-variant-numeric:tabular-nums; }
#expensesView #expensesList .is-private-vehicle .expenses-total-line { padding-top:8px !important; }
#expensesView #expensesList .is-private-vehicle .expenses-actions-cell { grid-column:7 !important; grid-row:1 !important; }
@container (max-width:1160px) {
  #expensesView #expensesList .expenses-row.is-private-vehicle { grid-template-columns:minmax(150px,1fr) minmax(110px,1fr) minmax(160px,1.4fr) 220px 36px !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-title-cell { grid-column:1 !important; grid-row:1 !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-customer-cell { grid-column:2 / 4 !important; grid-row:1 !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-route-input-cell { grid-column:1 !important; grid-row:2 !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-route-back-input-cell { grid-column:2 !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-billable-km-cell { grid-column:3 !important; grid-row:2 !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-total-cell { grid-column:4 / 6 !important; grid-row:2 !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-actions-cell { grid-column:4 / 6 !important; display:flex !important; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
  #expensesView #expensesList .is-private-vehicle .expenses-route-deviation-cell { grid-column:1 / -1 !important; grid-row:3 !important; }
}
@container (max-width:860px) {
  #expensesView #expensesList .expenses-row.is-private-vehicle { grid-template-columns:minmax(150px,1fr) minmax(0,1fr) !important; gap:12px !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-title-cell { grid-column:1 !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-actions-cell { grid-column:2 !important; grid-row:1 !important; justify-self:end !important; display:flex !important; flex-wrap:wrap; justify-content:flex-end; gap:6px; }
  #expensesView #expensesList .is-private-vehicle .expenses-actions-cell > button { flex-shrink:0; }
  #expensesView #expensesList .is-private-vehicle .expenses-customer-cell { grid-column:1 / -1 !important; grid-row:2 !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-route-input-cell { grid-row:3 !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-billable-km-cell { grid-column:1 / -1 !important; grid-row:4 !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-route-deviation-cell { grid-row:5 !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-total-cell { grid-column:1 / -1 !important; grid-row:6 !important; border-top:1px solid var(--line); padding-top:12px !important; }
}

#expensesView #expensesList .is-private-vehicle .expenses-title-cell > .expenses-status-chip { width:max-content !important; }
#expensesView #expensesList .is-private-vehicle .expenses-total-daily-allowance {
  display:inline-flex !important; align-items:center !important; flex-wrap:nowrap !important; gap:8px !important;
}
#expensesView #expensesList .is-private-vehicle .expenses-total-daily-allowance input {
  width:16px !important; min-width:16px !important; height:16px !important; margin:0 !important; flex:0 0 16px;
}
/* September reserves the longest German month label, including a four-digit year. */
#expensesView #expensesList .expenses-month-toggle {
  display:inline-grid !important;
  grid-template-columns:max-content;
  width:max-content !important;
  flex:0 0 auto;
  font-variant-numeric:tabular-nums;
}
#expensesView #expensesList .expenses-month-toggle > span { grid-area:1 / 1; white-space:nowrap; }
#expensesView #expensesList .expenses-month-reference { visibility:hidden; pointer-events:none; }
/* Clear month sections and compact, aligned expense cards. */
#expensesView #expensesList .expenses-list-actions { gap:8px; margin-bottom:16px; flex-wrap:wrap; }
#expensesView #expensesList .expenses-month-group { margin:0 0 12px; gap:0; }
#expensesView #expensesList .expenses-month-divider {
  margin:0; padding:10px 12px; gap:8px 12px;
  border:1px solid var(--line); border-radius:8px;
  background:var(--md-surface-container-low, #f4f6f5);
}
#expensesView #expensesList .expenses-month-divider::after,
#expensesView #expensesList .expenses-month-group-body::before { content:none; }
#expensesView #expensesList .expenses-month-divider button {
  transform:none !important; box-shadow:none !important;
  min-height:32px; height:auto !important; line-height:18px !important;
  padding:6px 10px !important; border-radius:5px !important;
  color:var(--text) !important; background:var(--md-surface-container-lowest, #fff) !important;
  border:1px solid var(--line) !important;
}
#expensesView #expensesList .expenses-month-toggle { align-items:center; gap:8px; }
#expensesView #expensesList .expenses-month-toggle::before { content:'▾'; grid-column:1; grid-row:1; color:var(--muted); }
#expensesView #expensesList .expenses-month-toggle > span { grid-area:1 / 2; }
#expensesView #expensesList .is-collapsed .expenses-month-toggle::before { content:'▸'; }
#expensesView #expensesList .expenses-month-admin-actions {
  margin-left:auto; gap:8px; transform:none !important; position:static;
}
#expensesView #expensesList .expenses-month-divider button:focus-visible {
  outline:2px solid var(--text); outline-offset:2px;
}
#expensesView #expensesList .expenses-month-group-body { padding:10px 0 0; gap:10px; }
#expensesView #expensesList .expenses-row { border-radius:8px !important; box-shadow:none !important; }
#expensesView #expensesList .is-private-vehicle .expenses-total-cell {
  align-content:start !important; gap:6px !important;
}
#expensesView #expensesList .is-private-vehicle .expenses-total-line {
  font-size:16px !important; margin-top:2px !important;
}
#expensesView #expensesList .is-private-vehicle .expenses-billable-km-cell strong { font-variant-numeric:tabular-nums; }
@container (min-width:861px) and (max-width:1160px) {
  #expensesView #expensesList .is-private-vehicle .expenses-actions-cell { align-self:start !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-total-cell { max-width:260px !important; justify-self:end !important; width:100% !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-route-input-cell,
  #expensesView #expensesList .is-private-vehicle .expenses-billable-km-cell { border-top:1px solid var(--line); padding-top:10px; }
}
@container (max-width:860px) {
  #expensesView #expensesList .expenses-row.is-private-vehicle { grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-actions-cell { grid-column:2 !important; }
  #expensesView #expensesList .is-private-vehicle .expenses-total-cell { grid-column:1 / -1 !important; }
  #expensesView #expensesList .expenses-month-admin-actions { margin-left:0; }
  #expensesView #expensesList .expenses-month-admin-actions button { min-width:0; }
  #expensesView #expensesList .is-private-vehicle .expenses-route-source { white-space:normal !important; overflow-wrap:anywhere; }
}

#expensesView #expensesList .is-private-vehicle .expenses-route-input-cell {
  justify-content:stretch !important; justify-items:start !important; text-align:left !important;
}
#expensesView #expensesList .expenses-summary-grid {
  display:grid !important; grid-template-columns:minmax(0,1fr) auto auto !important;
  gap:8px 12px !important;
}
#expensesView #expensesList .expenses-summary-grid > * { min-width:0; overflow-wrap:anywhere; }
@container (max-width:400px) {
  #expensesView #expensesList .expenses-summary { padding:12px; }
  #expensesView #expensesList .expenses-summary-grid { gap:8px !important; }
  #expensesView #expensesList .expenses-summary-grid > * { font-size:12px; }
}

/* Deviation comments read like a note, with room for longer explanations. */
#expensesView #expensesList .is-private-vehicle .expenses-route-deviation-cell {
  grid-template-columns:160px minmax(0,1fr) !important;
  grid-template-rows:auto !important; align-items:start !important;
  gap:8px 16px !important; padding:12px !important;
  border:1px solid var(--line); border-radius:6px;
  background:var(--md-surface-container-low, #f4f6f5);
}
#expensesView #expensesList .is-private-vehicle .expenses-route-deviation-cell > .expenses-cell-heading {
  position:static !important; transform:none !important; margin:0 !important;
  padding:4px 0 0 !important; color:var(--muted); font-size:12px; line-height:20px;
  font-weight:500 !important;
}
#expensesView #expensesList .is-private-vehicle .expenses-route-deviation-cell > p {
  margin:0; padding:4px 0; font-size:14px; line-height:1.5; font-weight:400;
  color:var(--text); white-space:pre-wrap; overflow-wrap:anywhere;
}
#expensesView #expensesList .is-private-vehicle textarea[data-expenses-route-deviation] {
  width:100% !important; min-width:0; min-height:62px !important; height:auto !important;
  max-height:none !important; padding:8px 10px !important; margin:0 !important;
  transform:none !important; box-sizing:border-box; resize:vertical;
  border:1px solid var(--line) !important; border-radius:5px;
  background:var(--md-surface-container-lowest, #fff); color:var(--text);
  font:inherit; font-size:14px; font-weight:400 !important; line-height:1.5;
}
#expensesView #expensesList .is-private-vehicle textarea[data-expenses-route-deviation]:focus-visible {
  outline:2px solid var(--text); outline-offset:2px;
}
@container (max-width:600px) {
  #expensesView #expensesList .is-private-vehicle .expenses-route-deviation-cell { grid-template-columns:minmax(0,1fr) !important; gap:4px !important; }
}

/* One shared card structure for every expense type. */
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) {
  display:grid !important; grid-template-columns:104px repeat(11,minmax(0,1fr)) !important;
  grid-template-rows:auto !important; grid-auto-rows:auto !important;
  align-items:start !important; gap:12px !important; padding:12px !important;
  width:100% !important; min-width:0 !important; max-width:100% !important; box-sizing:border-box;
}
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > * {
  grid-column:auto !important; grid-row:auto !important; align-self:start !important;
  width:auto !important; min-width:0 !important; max-width:100% !important;
  height:auto !important; min-height:0 !important; max-height:none !important;
  margin:0 !important; transform:none !important; justify-self:stretch !important;
}
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > .expenses-title-cell { grid-column:1 !important; grid-row:1 !important; }
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > .expenses-customer-cell { grid-column:2 / 10 !important; grid-row:1 !important; }
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > .expenses-actions-cell {
  grid-column:10 / -1 !important; grid-row:1 !important;
  display:flex !important; flex-wrap:wrap; justify-content:flex-end; gap:6px;
}
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) :is(.expenses-title-cell,.expenses-customer-cell) {
  display:grid !important; grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:none !important; grid-auto-rows:auto !important;
  gap:2px !important; align-content:start !important; justify-content:stretch !important;
  text-align:left !important;
}
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) :is(.expenses-title-cell,.expenses-customer-cell) > * {
  position:static !important; grid-area:auto !important; width:auto !important;
  min-width:0 !important; max-width:100% !important; height:auto !important;
  margin:0 !important; padding:0 !important; transform:none !important;
  line-height:1.35 !important; white-space:normal !important; overflow-wrap:anywhere;
  overflow:visible !important;
}
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) .expenses-title-cell > .expenses-status-chip { width:max-content !important; padding:1px 8px !important; }
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) .expenses-customer-cell > strong { font-size:14px !important; font-weight:600 !important; }
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) .expenses-customer-cell :is(.expenses-address-street,.expenses-address-locality) { font-size:12px !important; font-weight:400 !important; }
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) .expenses-cell-heading { font-size:12px !important; font-weight:500 !important; color:var(--muted) !important; }
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > :is(.expenses-daily-allowance-spacer,.expenses-euro-cell-spacer,.expenses-credit-card-cell-spacer,.expenses-note-spacer) { display:none !important; }
html body #expensesView #expensesList .expenses-row.is-private-vehicle > .expenses-route-input-cell { grid-column:1 / 3 !important; grid-row:2 !important; }
html body #expensesView #expensesList .expenses-row.is-private-vehicle > .expenses-route-back-input-cell { grid-column:3 / 5 !important; }
html body #expensesView #expensesList .expenses-row.is-private-vehicle > .expenses-billable-km-cell { grid-column:5 / 9 !important; grid-row:2 !important; }
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > .expenses-total-cell { grid-column:11 / -1 !important; grid-row:2 !important; }
html body #expensesView #expensesList .expenses-row.is-private-vehicle > .expenses-total-cell { grid-column:9 / -1 !important; width:100% !important; max-width:none !important; padding:0 !important; border-top:0; }
html body #expensesView #expensesList .expenses-row.is-private-vehicle > .expenses-route-deviation-cell { grid-column:1 / -1 !important; grid-row:3 !important; padding:12px !important; }
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > .expenses-receipts-cell { grid-column:1 / 3 !important; grid-row:2 !important; }
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > :is(.expenses-hospitality-contacts,.expenses-note-cell) { grid-column:3 / 7 !important; grid-row:2 !important; }
html body #expensesView #expensesList .is-business-card > .expenses-note-cell { grid-column:3 / -1 !important; }
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > .expenses-money-cell { grid-column:7 / 9 !important; grid-row:2 !important; }
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > .expenses-vat-cell { grid-column:9 / 11 !important; grid-row:2 !important; }
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) :is(.expenses-money-cell,.expenses-vat-cell) {
  display:grid !important; grid-template-columns:minmax(0,1fr) auto !important; gap:8px !important;
  padding:0 !important; align-items:start !important; justify-content:stretch !important;
}
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) :is(.expenses-money-cell,.expenses-vat-cell) > * {
  display:grid !important; grid-template-columns:minmax(0,1fr) !important; grid-template-rows:auto auto !important;
  grid-column:auto !important; grid-row:auto !important; gap:6px !important;
  width:auto !important; min-width:0 !important; max-width:100% !important;
  height:auto !important; margin:0 !important; transform:none !important;
}
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) :is(input[data-expenses-amount],select[data-expenses-vat]) {
  width:100% !important; min-width:0 !important; max-width:100% !important; box-sizing:border-box;
}
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) .expenses-hospitality-contacts {
  display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:12px !important;
}
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) .expenses-hospitality-contact-section {
  min-width:0 !important; width:auto !important; max-width:100% !important;
}
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) .expenses-receipts-cell { display:grid !important; gap:6px !important; }
html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) .expenses-receipts-cell :is(a,button) { max-width:100% !important; white-space:normal !important; overflow-wrap:anywhere; }
@container (max-width:860px) {
  html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) { grid-template-columns:repeat(4,minmax(0,1fr)) !important; }
  html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > .expenses-title-cell { grid-column:1 / 3 !important; }
  html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > .expenses-actions-cell { grid-column:3 / -1 !important; }
  html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > .expenses-customer-cell { grid-column:1 / -1 !important; grid-row:2 !important; }
  html body #expensesView #expensesList .expenses-row.is-private-vehicle > .expenses-route-input-cell { grid-column:1 / 3 !important; grid-row:3 !important; padding:0 !important; border-top:0; }
  html body #expensesView #expensesList .expenses-row.is-private-vehicle > .expenses-route-back-input-cell { grid-column:3 / -1 !important; }
  html body #expensesView #expensesList .expenses-row.is-private-vehicle > .expenses-billable-km-cell { grid-column:1 / -1 !important; grid-row:4 !important; padding:0 !important; border-top:0; }
  html body #expensesView #expensesList .expenses-row.is-private-vehicle > .expenses-route-deviation-cell { grid-row:5 !important; }
  html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > .expenses-total-cell {
    grid-column:1 / -1 !important; grid-row:6 !important; border-top:1px solid var(--line); padding-top:12px !important;
  }
  html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > .expenses-receipts-cell { grid-column:1 / -1 !important; grid-row:3 !important; }
  html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > :is(.expenses-hospitality-contacts,.expenses-note-cell) { grid-column:1 / -1 !important; grid-row:4 !important; }
  html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > .expenses-money-cell { grid-column:1 / 3 !important; grid-row:5 !important; }
  html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) > .expenses-vat-cell { grid-column:3 / -1 !important; grid-row:5 !important; }
}

html body #expensesView #expensesList .expenses-row:is(.is-private-vehicle,.is-hospitality,.is-generic-expense) { min-height:0 !important; height:auto !important; max-height:none !important; }
html body #expensesView #expensesList .expenses-row .expenses-total-cell > div { grid-template-columns:minmax(0,1fr) max-content !important; }
html body #expensesView #expensesList .expenses-row .expenses-total-cell .expenses-total-daily-allowance { min-width:0; white-space:normal !important; flex-wrap:wrap !important; }
html body #expensesView #expensesList .expenses-row .expenses-total-cell .expenses-total-daily-allowance span { white-space:normal !important; overflow-wrap:anywhere; }
html body #expensesView #expensesList .expenses-row :is(.expenses-money-cell,.expenses-vat-cell) > * > * {
  grid-column:1 !important; grid-row:auto !important; position:static !important;
  margin:0 !important; padding:0; transform:none !important; min-width:0;
}
html body #expensesView #expensesList .expenses-row .expenses-contact-object,
html body #expensesView #expensesList .expenses-row .expenses-contact-object strong {
  width:auto !important; min-width:0 !important; max-width:100% !important;
  height:auto !important; min-height:32px; white-space:normal !important; overflow-wrap:anywhere;
  overflow:visible !important; text-overflow:clip !important;
}
html body #expensesView #expensesList .expenses-row .expenses-contact-object-list { display:flex !important; flex-direction:column; gap:6px; max-height:none !important; height:auto !important; overflow:visible !important; }

html body #expensesView #expensesList .expenses-row :is(.expenses-amount-field,.expenses-euro-toggle,.expenses-vat-rate-field,.expenses-credit-card-toggle,.expenses-hospitality-contact-section) {
  display:grid !important; grid-template-columns:minmax(0,1fr) !important;
  grid-template-rows:18px auto !important; align-content:start !important; align-items:start !important;
  gap:6px !important; padding:0 !important; margin:0 !important; transform:none !important;
}
html body #expensesView #expensesList .expenses-row :is(.expenses-amount-field,.expenses-euro-toggle,.expenses-vat-rate-field,.expenses-credit-card-toggle) > .expenses-cell-heading { grid-row:1 !important; grid-column:1 !important; order:0 !important; }
html body #expensesView #expensesList .expenses-row :is(.expenses-amount-field,.expenses-euro-toggle,.expenses-vat-rate-field,.expenses-credit-card-toggle) > :is(input,select,strong) { grid-row:2 !important; grid-column:1 !important; order:1 !important; margin:0 !important; }

#expensesView .expenses-external-label { display:inline-block; margin-left:5px; padding:1px 5px; border-radius:4px; background:#e7effa; color:#305c8a; font-size:10px; font-style:normal; font-weight:600; vertical-align:middle; }
html[data-theme="dark"] #expensesView .expenses-external-label { background:#283e55; color:#b8d8fa; }

#expensesView .expenses-external-label.is-missing{background:#fcebec;color:#a51f2b;border:1px solid #edb9bf}
#expensesView .expenses-external-label.is-pending{background:var(--md-surface-container);color:var(--muted)}
html[data-theme="dark"] #expensesView .expenses-external-label.is-missing{background:#482a30;color:#ffb9c1;border-color:#995866}