.today-invoice-totals {
  display: flex;
  gap: 9px;
  flex-wrap: wrap;
}
.today-invoice-totals > span {
  min-width: 120px;
  padding: 9px 11px;
  border-radius: 10px;
  background: #f5f8fc;
}
.today-invoice-totals small,
.today-invoice-totals strong {
  display: block;
}
.today-invoice-totals small {
  font-size: 10px;
  color: var(--muted);
}
.today-invoice-totals strong {
  margin-top: 3px;
  white-space: nowrap;
}
.today-client-invoice-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 8px;
  margin-bottom: 12px;
}
.today-client-invoice-card {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  padding: 11px 12px;
  border: 1px solid var(--line);
  border-radius: 11px;
  color: var(--text);
  background: #fbfcff;
}
.today-client-invoice-card:hover {
  border-color: #aabce8;
}
.today-client-invoice-card > span:last-child {
  text-align: right;
}
.today-client-invoice-card strong,
.today-client-invoice-card small {
  display: block;
}
.today-client-invoice-card small {
  margin-top: 3px;
  color: var(--muted);
  font-size: 11px;
}
.today-invoice-table form {
  margin: 0;
}
.client-invoice-statistics {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  margin-bottom: 14px;
}
.client-invoice-statistics > * {
  padding: 14px;
  border: 1px solid var(--line);
  border-radius: 12px;
  color: var(--text);
  background: #f8faff;
}
.client-invoice-statistics small,
.client-invoice-statistics strong,
.client-invoice-statistics span {
  display: block;
}
.client-invoice-statistics small {
  color: var(--muted);
}
.client-invoice-statistics strong {
  margin-top: 7px;
  font-size: 25px;
}
.client-invoice-statistics > * > span:not(.invoice-stat-progress) {
  margin-top: 3px;
  font-weight: 700;
}
.invoice-stat-progress {
  height: 7px;
  margin-top: 12px;
  overflow: hidden;
  border-radius: 99px;
  background: #dfe6f2;
}
.invoice-stat-progress i {
  display: block;
  height: 100%;
  border-radius: inherit;
  background: var(--success);
}
@media (max-width: 800px) {
  .today-invoice-totals {
    width: 100%;
  }
  .today-invoice-totals > span {
    flex: 1;
  }
  .client-invoice-statistics {
    grid-template-columns: 1fr;
  }
}