#view-reconciliation .bank-record select {
  width: 100%;
  min-width: 0;
  max-width: none;
  padding: 8px 10px;
  border: 1px solid #dce4d9;
  border-radius: 6px;
  background: #fff;
  color: #283028;
}

[data-theme="dark"] #view-reconciliation .bank-record select {
  border-color: #354637;
  background: #121b15;
  color: #e7eee5;
}

#view-reconciliation .bank-toolbar {
  display: flex;
  align-items: end;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 15px;
}

#view-reconciliation .bank-toolbar label {
  display: grid;
  gap: 6px;
  color: #738271;
  font-size: 11px;
  font-weight: 700;
}

#view-reconciliation .bank-toolbar input,
#view-reconciliation .bank-toolbar select {
  min-height: 36px;
  padding: 7px 10px;
  border: 1px solid #dce4d9;
  border-radius: 6px;
  background: #fff;
  color: #283028;
}

#view-reconciliation .bank-toolbar input { width: min(290px, 65vw); }
#view-reconciliation .bank-toolbar select { width: 175px; }
#view-reconciliation #bankCount { margin-left: auto; color: #738271; font-size: 11px; }

#view-reconciliation .bank-record {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 105px 190px 90px;
  align-items: center;
  gap: 12px;
  min-height: 73px;
}

#view-reconciliation .bank-record .bank-info strong,
#view-reconciliation .bank-record .bank-info small {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

#view-reconciliation .bank-record > b { min-width: 0; text-align: right; }
#view-reconciliation .bank-record > small { width: 90px; margin: 0; white-space: nowrap; }

[data-theme="dark"] #view-reconciliation .bank-toolbar input,
[data-theme="dark"] #view-reconciliation .bank-toolbar select {
  border-color: #354637;
  background: #121b15;
  color: #e7eee5;
}

@media (max-width: 800px) {
  #view-reconciliation .bank-record { grid-template-columns: minmax(0, 1fr) 85px 85px; min-height: 94px; }
  #view-reconciliation .bank-record .bank-info { grid-column: 1 / -1; }
  #view-reconciliation .bank-record select { grid-column: 1; grid-row: 2; }
  #view-reconciliation .bank-record > b { grid-column: 2; grid-row: 2; }
  #view-reconciliation .bank-record > small { grid-column: 3; grid-row: 2; width: 85px; }
  #view-reconciliation #bankCount { flex-basis: 100%; margin-left: 0; }
}
#view-reconciliation .bank-record-matched{background:#f1f6ed;box-shadow:inset 3px 0 #91ae82}
#view-reconciliation .bank-record-matched>.matched{color:#42633a;font-weight:600}
[data-theme="dark"] #view-reconciliation .bank-record-matched{background:#223426;box-shadow:inset 3px 0 #729867}
[data-theme="dark"] #view-reconciliation .bank-record-matched>.matched{color:#b6d3a8}