.client-account-overview {
  padding: 0;
  overflow: hidden;
  margin-bottom: 22px;
}

.client-account-overview > .panel-head {
  padding: 22px 24px;
  border-bottom: 1px solid var(--line);
}

.client-account-overview tr.selected-account {
  background: #eef9f7;
}

.client-account-overview td small {
  display: block;
  margin-top: 4px;
  color: var(--muted);
}

.positive-money {
  color: #087f77;
}

.negative-money {
  color: #c3261a;
}

.client-finance-summary {
  margin-top: 22px;
}

.client-entry-form {
  grid-template-columns: 150px 220px 160px minmax(260px, 1fr) auto;
}

.client-account-overview tbody tr,
.client-finance-summary + .panel + .panel + .panel tbody tr {
  transition: background .15s ease;
}

.client-account-overview tbody tr:hover {
  background: #f5faf9;
}

.empty-client-accounts {
  text-align: center;
  padding: 38px;
}

@media (max-width: 1100px) {
  .client-entry-form {
    grid-template-columns: 1fr 1fr;
  }

  .client-entry-form .finance-note {
    grid-column: 1 / -1;
  }
}

@media (max-width: 650px) {
  .client-entry-form {
    grid-template-columns: 1fr;
  }

  .client-entry-form .finance-note {
    grid-column: auto;
  }
}