/* Shared tenant billing interface — independent of demo subscription controls. */
#tenantBilling{min-width:0;padding:20px 22px;background:var(--card,#fff);border:1px solid #dce9e0;border-radius:15px;box-shadow:0 2px 10px #0b4c3210;margin:17px 0}
#tenantBilling .tenant-billing-head{display:flex;align-items:start;justify-content:space-between;gap:15px;flex-wrap:wrap;margin-bottom:18px}
#tenantBilling .tenant-billing-head h2{margin:5px 0 5px;font-size:20px;color:#124b30;line-height:1.25}
#tenantBilling .tenant-billing-head p{margin:0;color:#5f7566;font-size:12px;max-width:65ch;line-height:1.5}
#tenantBilling .tenant-billing-label{font-size:10px;font-weight:850;color:#148252;letter-spacing:.11em}
#tenantBilling .tenant-gateway{border-radius:999px;padding:8px 12px;font-size:11px;font-weight:850;white-space:nowrap}
#tenantBilling .tenant-gateway.ready{background:#dbf2e4;color:#16683b}
#tenantBilling .tenant-gateway.disabled{background:#fff1d0;color:#966018}
#tenantBilling .tenant-billing-values{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px;margin:0 0 16px}
#tenantBilling .tenant-billing-values>div{background:#f4faf6;border:1px solid #dceadd;border-radius:11px;padding:12px;min-width:0}
#tenantBilling .tenant-billing-values small{display:block;font-size:10px;color:#677e6c;margin-bottom:5px}
#tenantBilling .tenant-billing-values strong{display:block;font-size:15px;color:#17482f;overflow-wrap:anywhere}
#tenantBilling .tenant-billing-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:12px 0 6px}
#tenantBilling button{border:0;background:#075D38;color:#fff;min-height:40px;padding:10px 16px;border-radius:10px;font-size:12px;font-weight:850;cursor:pointer}
#tenantBilling button.secondary{background:#eef7f1;border:1px solid #bedec7;color:#17633f}
#tenantBilling button:disabled{cursor:not-allowed;opacity:.52}
#tenantBilling .tenant-billing-message{font-size:12px;line-height:1.5;border:1px solid #dfecd9;border-radius:10px;background:#f0f9f2;color:#255b3d;padding:12px 14px;margin:14px 0}
#tenantBilling .tenant-billing-message.is-error{background:#ffeced;color:#a03037;border-color:#f2ccd0}
#tenantBilling .tenant-billing-history-head{margin:19px 0 9px;font-size:14px;font-weight:850;color:#194d32}
#tenantBilling .tenant-billing-scroll{overflow-x:auto;border:1px solid #dce9df;border-radius:11px}
#tenantBilling table{border-collapse:collapse;width:100%;min-width:520px}
#tenantBilling th{background:#f1f7f2;text-transform:uppercase;font-size:10px;letter-spacing:.045em;text-align:left;color:#51715b;padding:12px 13px;white-space:nowrap}
#tenantBilling td{font-size:11px;border-top:1px solid #eaf0eb;padding:12px 13px;color:#335841}
#tenantBilling .tenant-billing-empty{color:#83928a;text-align:center;padding:18px}
#tenantBilling .tenant-billing-state{display:inline-block;padding:5px 10px;border-radius:999px;background:#ebefeb;color:#5e6b63;font-size:10px;font-weight:850;white-space:nowrap}
#tenantBilling .tenant-billing-state.paid{background:#dcf1dd;color:#16713e}
#tenantBilling .tenant-billing-state.pending,#tenantBilling .tenant-billing-state.creating{background:#fff0c9;color:#8f6818}
#tenantBilling .tenant-billing-state.paid_review,#tenantBilling .tenant-billing-state.failed{background:#ffe4e1;color:#a73d3b}
@media(max-width:820px){#tenantBilling .tenant-billing-values{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){#tenantBilling{padding:15px}#tenantBilling .tenant-billing-values{gap:8px}#tenantBilling .tenant-billing-values strong{font-size:13px}}