/* A sentence on its way to becoming an expense (see app/models/expense_draft.rb).
   Same idea as .expense-pending in offline.css -- a row whose money has not
   moved yet -- in a different colour, because the reason is different: this one
   is waiting on a person, not on the network. */
.expense-draft {
  background: var(--brand-tint);
  border-left: 3px dashed var(--brand-tint-line);
  /* Fundo claro fixo de propósito -- força texto escuro, senão no tema
     escuro a cor de texto do tema (clara) fica ilegível sobre esse verde claro. */
  color: var(--color-ink);
}

.expense-draft .expense-description {
  font-style: italic;
}

/* Still being read: the hourglass breathes so the row reads as busy. */
.expense-draft[data-status="queued"] .expense-icon {
  animation: draft-reading 1.4s ease-in-out infinite;
}

@keyframes draft-reading {
  50% {
    opacity: 0.35;
  }
}

@media (prefers-reduced-motion: reduce) {
  .expense-draft[data-status="queued"] .expense-icon {
    animation: none;
  }
}

/* Unreadable: no amount to show, so the row is only an offer to try again. */
.expense-draft[data-status="failed"] {
  background: #fff5f5;
  border-left-color: var(--brand-danger);
}