.expenses-root,
.expenses-ledger { min-width: 0; }
.expenses-ledger .expenses-heading { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin: 22px 0 15px; }
.expenses-ledger .expenses-heading > div { min-width: 0; }
.expenses-ledger .expenses-heading h2 { font-size: 22px; }
.expenses-ledger .expenses-heading p { margin-top: 8px; max-width: 720px; }
.expenses-ledger .expenses-heading > .button { flex-shrink: 0; }
.expenses-ledger .expenses-purpose strong,
.expenses-ledger .expenses-pending strong { font-size: 14px; color: var(--ops-ink, #35483e); }
.expenses-ledger .expenses-pending { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.expenses-ledger .expenses-pending[hidden],
.expenses-ledger [data-expenses-filter-staff][hidden],
.expenses-dialog [data-expenses-create-staff][hidden],
.expenses-dialog button[hidden] { display: none; }
.expenses-ledger .expenses-pending > div { min-width: 0; }
.expenses-ledger .expenses-pending > button { flex-shrink: 0; }
.expenses-ledger .expenses-filters { align-items: flex-end; }
.expenses-ledger .expenses-filters > label { flex: 1 1 155px; min-width: 0; }
.expenses-ledger .expenses-filters > label:has(select) { flex-basis: 210px; }
.expenses-ledger .expenses-filter-error { flex-basis: 100%; margin: 0; }
.expenses-ledger .expenses-filter-error:empty { display: none; }
.expenses-ledger .expenses-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.expenses-ledger .expenses-summary .ops-metric strong { font-size: clamp(21px, 2.1vw, 29px); }
.expenses-ledger .expenses-table { table-layout: auto; }
.expenses-ledger .expenses-table td .ops-status { margin-top: 7px; }
.expenses-ledger .expenses-table th,
.expenses-ledger .expenses-table td { padding-left: 14px; padding-right: 14px; }
.expenses-ledger .expenses-table td:nth-child(5) { min-width: 185px; }
.expenses-ledger .expenses-table .ops-cell-value { min-width: 0; }
.expenses-ledger .expenses-note { white-space: pre-wrap; margin-bottom: 7px; overflow-wrap: anywhere; }
.expenses-ledger .expenses-negative { color: #536f53; }
.expenses-ledger .expenses-result { padding: 12px 15px; margin: 14px 0; border: 1px solid #d7e4d5; border-radius: 9px; background: #f1f6ee; }
.expenses-dialog .expenses-fields { border: 0; padding: 0; margin: 17px 0; min-width: 0; }
.expenses-dialog .expenses-fields:disabled { opacity: .76; }
.expenses-dialog .expenses-full { grid-column: 1 / -1; min-width: 0; }
.expenses-dialog label { min-width: 0; }
.expenses-dialog input,
.expenses-dialog select,
.expenses-dialog textarea { width: 100%; min-width: 0; }
.expenses-dialog textarea { min-height: 104px; resize: vertical; }
.expenses-dialog .expenses-dialog-actions { margin-top: 18px; }
.expenses-dialog [aria-busy="true"] { cursor: progress; }

@media (max-width: 1050px) {
  .expenses-ledger .expenses-summary { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .expenses-ledger .expenses-summary .ops-metric { padding: 16px 13px; }
  .expenses-ledger .expenses-summary .ops-metric strong { font-size: 22px; }
}
@media (max-width: 760px) {
  .expenses-ledger .expenses-heading { flex-direction: column; gap: 13px; margin-top: 16px; }
  .expenses-ledger .expenses-heading > .button { width: 100%; }
  .expenses-ledger .expenses-heading h2 { font-size: 21px; }
  .expenses-ledger .expenses-pending { flex-direction: column; align-items: stretch; gap: 12px; }
  .expenses-ledger .expenses-pending .button { width: 100%; }
  .expenses-ledger .expenses-summary { grid-template-columns: 1fr; gap: 10px; }
  .expenses-ledger .expenses-summary .ops-metric { padding: 15px 17px; }
  .expenses-ledger .expenses-summary .ops-metric strong { font-size: 25px; }
  .expenses-ledger .expenses-filters > label { flex-basis: calc(50% - 12px); }
  .expenses-ledger .expenses-filters > label:has(select) { flex-basis: 100%; }
  .expenses-ledger .expenses-table,
  .expenses-ledger .expenses-table tbody,
  .expenses-ledger .expenses-table td:nth-child(5) { min-width: 0; }
  .expenses-ledger .expenses-table td,
  .expenses-ledger .expenses-table td:first-child { padding-left: 0; padding-right: 0; }
  .expenses-ledger .expenses-table .ops-numeric { white-space: normal; }
  .expenses-ledger .expenses-table tbody td { grid-template-columns: minmax(94px, 33%) minmax(0, 1fr); }
  .expenses-dialog .ops-form-grid { grid-template-columns: 1fr; }
  .expenses-dialog .expenses-dialog-actions > .button { width: 100%; min-height: 46px; }
}
@media (max-width: 390px) {
  .expenses-ledger .expenses-filters > label { flex-basis: 100%; }
  .expenses-ledger .expenses-table tbody tr { margin-left: 8px; margin-right: 8px; padding-left: 11px; padding-right: 11px; }
  .expenses-ledger .expenses-table tbody td { grid-template-columns: minmax(88px, 32%) minmax(0, 1fr); column-gap: 10px; }
}