.paymentcard {
  margin-top: 18px;
  border-color: #2e7d72;
  background: linear-gradient(135deg, #0b2026, #0a1720);
}
.invoice-title { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }
.invoice-title h3 { font-size: 25px; margin: 0 0 6px; }
.invoice-title p { color: var(--muted); margin: 0; }
.invoice-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin: 20px 0; }
.invoice-grid > div, .provider-summary > div { border: 1px solid var(--line); border-radius: 10px; padding: 14px; background: #07131c; }
.invoice-grid .wide { grid-column: span 2; }
.invoice-grid small, .provider-summary small { display: block; color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .08em; margin-bottom: 7px; }
.invoice-grid b { display: block; font-size: 17px; }
.invoice-grid code, .provider-summary code { display: block; color: #b9f5e9; word-break: break-all; margin-bottom: 9px; }
.invoice-grid button { padding: 7px 10px; margin-top: 9px; }
.invoice-grid .pay-qr { text-align: center; }
.pay-qr img { width: 150px; height: 150px; border-radius: 10px; background: #fff; padding: 6px; }
.pay-actions { display: flex; flex-wrap: wrap; gap: 10px; align-items: center; }
.pay-link { display: inline-flex; width: auto; text-decoration: none; align-items: center; justify-content: center; }
.inlineform { display: grid; grid-template-columns: 1fr auto; gap: 12px; align-items: end; }
.inlineform label { margin: 0; }
.inlineform .primary { width: auto; }
.provider-summary { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin-top: 16px; }
.provider-summary .badtext { border-color: #713141; }
.admin-package-grid { display: grid; grid-template-columns: 1fr; gap: 10px; }
.adminPackage { display: grid; grid-template-columns: 1.2fr repeat(5, 1fr) .8fr .7fr auto; gap: 10px; align-items: end; border: 1px solid var(--line); border-radius: 11px; padding: 13px; }
.adminPackage label { margin: 0; }
.adminPackage > div { align-self: center; }
.adminPackage small, td small { display: block; color: var(--muted); margin-top: 3px; }
.adminPackage input { padding: 10px; }
.adminPackage .checkbox { align-self: center; }
.adminPackage .ghost { margin-bottom: 0; }
@media (max-width: 1200px) {
  .adminPackage { grid-template-columns: repeat(3, 1fr); }
  .invoice-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 800px) {
  .invoice-grid, .provider-summary, .adminPackage { grid-template-columns: 1fr; }
  .invoice-grid .wide { grid-column: auto; }
  .inlineform { grid-template-columns: 1fr; }
}