.operation-cash[hidden] { display:none; }
.operation-cash { margin:16px 0; }
.operation-cash-dates { display:flex; gap:14px; flex-wrap:wrap; }
.operation-cash-dates[hidden] { display:none; }

@media (max-width:600px) {
  #operation-cash { margin:8px 0; }
  #operation-cash .operation-cash-heading { margin-bottom:4px; }
  #operation-cash > .health-note { margin:4px 0; }
  #operation-cash .operation-cash-filters { min-width:0; }
  #operation-cash .operation-cash-periods {
    display:flex; flex-wrap:nowrap; gap:4px; overflow-x:auto; max-width:100%; min-width:0;
  }
  #operation-cash .operation-cash-periods button { flex:0 0 auto; width:auto; min-height:44px; white-space:nowrap; }
  #operation-cash .operation-cash-filter-row { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }
  #operation-cash .operation-cash-control { display:flex; flex-direction:column; gap:3px; min-width:0; }
  #operation-cash select, #operation-cash input { min-width:0; max-width:100%; width:100%; }
  #operation-cash .operation-cash-dates { grid-column:1/-1; display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:8px; }
  #operation-cash .operation-cash-dates[hidden], #operation-cash > .health-note[hidden] { display:none; }
  #operation-cash .operation-cash-message, #operation-cash .operation-cash-source,
  #operation-cash .operation-cash-footer { overflow-wrap:anywhere; }
  #operation-cash .operation-cash-networks { margin:6px 0; }
  #operation-cash .operation-cash-networks summary { cursor:pointer; }
  #operation-cash .operation-cash-paired { margin:6px 0; }
}