/* /funcionalidades/gastos/ — the expenses list. Only what pantallas-demo.css
   does not already draw: the monospace date, the category chip, the two
   billable states and the row's edit and delete buttons. */

.pn-frame[data-screen="expenses"] .ex-date {
  color: var(--ac-mut);
  font-family: var(--ac-mono);
  font-size: 10px;
  font-variant-numeric: tabular-nums;
  white-space: nowrap;
}

.pn-frame[data-screen="expenses"] .md-name b,
.pn-frame[data-screen="expenses"] .md-name em {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.pn-frame[data-screen="expenses"] .md-name em { font-size: 9.5px; }

/* The category: a quiet grey chip, not a status. */
.pn-frame[data-screen="expenses"] .ex-cat {
  padding: 2px 8px;
  border-radius: 999px;
  background: var(--ac-faint);
  color: var(--ac-mut);
  font-size: 9.5px;
  white-space: nowrap;
}

/* Billable: waiting in the accent, billed in the success tone, both edged. */
.pn-frame[data-screen="expenses"] .ex-bill {
  padding: 2px 8px;
  border: 1px solid;
  border-radius: 999px;
  font-size: 9.5px;
  white-space: nowrap;
}

.pn-frame[data-screen="expenses"] .ex-bill.is-pending {
  border-color: rgb(70 117 87 / 30%);
  background: rgb(70 117 87 / 8%);
  color: var(--ac-accent);
}

.pn-frame[data-screen="expenses"] .ex-bill.is-billed {
  border-color: rgb(21 128 61 / 30%);
  background: #e7f6ec;
  color: var(--ac-good);
}

.pn-frame[data-screen="expenses"] .ex-amount { font-weight: 600; }

.pn-frame[data-screen="expenses"] .md-select.is-wide em { max-width: none; }

.pn-frame[data-screen="expenses"] .ex-acts {
  display: flex;
  justify-content: flex-end;
  gap: 12px;
  padding-right: 2px;
  color: var(--ac-mut);
}

.pn-frame[data-screen="expenses"] .ex-act {
  width: 13px;
  height: 13px;
}

.pn-frame[data-screen="expenses"] .ex-act.is-danger { color: var(--ac-bad); }

.pn-frame[data-screen="expenses"] .ex-receipt{padding:20px;display:flex;flex-direction:column;gap:15px;max-width:800px;margin:auto;width:100%}
.pn-frame[data-screen="expenses"] .ex-section{font-size:12px;font-weight:600;border-top:1px solid var(--ac-line);padding-top:12px}
.pn-frame[data-screen="expenses"] .ex-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.pn-frame[data-screen="expenses"] .ex-field{display:flex;flex-direction:column;gap:6px;font-size:11px;min-width:0}
.pn-frame[data-screen="expenses"] .ex-field em{font-style:normal;color:var(--ac-mut)}
.pn-frame[data-screen="expenses"] .ex-field b{padding:9px;border:1px solid var(--ac-line);border-radius:6px;font-weight:400}
.pn-frame[data-screen="expenses"] .ex-tax{width:100%;font-size:11px;border-collapse:collapse}
.pn-frame[data-screen="expenses"] .ex-tax th,.pn-frame[data-screen="expenses"] .ex-tax td{text-align:left;padding:10px;border-bottom:1px solid var(--ac-line)}
.pn-frame[data-screen="expenses"] .ex-credit{display:flex;gap:6px;font-size:11px;color:#467557}
.pn-frame[data-screen="expenses"] .ex-totals{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;background:#f3f4f0;padding:12px;border-radius:8px;font-size:11px}
.pn-frame[data-screen="expenses"] .ex-totals span{display:flex;flex-direction:column;gap:7px}.pn-frame[data-screen="expenses"] .ex-totals em{font-style:normal;color:var(--ac-mut)}
.pn-frame[data-screen="expenses"] .ex-save{display:flex;justify-content:flex-end;gap:8px}