/* Finishing pass for readable, touch-friendly dashboard sales rows. */
.dashboard-invoice-row {
  background: linear-gradient(90deg, #f7fbf9, #fff);
  border: 1px solid #e2ece8;
  border-left: 4px solid #5eaa98;
  border-radius: 10px;
  cursor: pointer;
  font: inherit;
  margin: 0 0 8px;
  padding: 12px 13px;
  text-align: left;
  width: 100%;
}
.dashboard-invoice-row:first-child { padding-top: 12px; }
.dashboard-invoice-row:hover { background: #eef8f4; border-color: #b9d8cf; box-shadow: 0 5px 13px rgba(18, 90, 82, .07); }
.dashboard-invoice-row > div { padding-right: 8px; }
.dashboard-invoice-row .dashboard-amount { background: #dff2ea; border-radius: 999px; color: #0f6655; font-size: 13px; font-weight: 800; padding: 7px 9px; white-space: nowrap; }
.dashboard-invoice-row strong { color: #1d332f; }
.dashboard-invoice-row small { color: #687d77; }

@media (max-width: 600px) {
  .dashboard-invoice-row { align-items: center; flex-wrap: nowrap; padding: 12px; }
  .dashboard-invoice-row .dashboard-amount { font-size: 12px; padding: 6px 8px; }
}