/* Additional bill services share the existing airtime/VTU components in main.css. */
.bills-app [hidden]{display:none!important}
.bills-app .vp-categories{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.bills-app .vp-categories a{padding:10px 16px;min-height:42px}
.bills-app .vp-categories button{font:inherit;min-height:42px;padding:10px 16px;border-radius:5px;border:1px solid var(--border,#2a374b);background:#111827;color:#94a3b8;cursor:pointer}
.bills-app .vp-categories button[aria-pressed=true]{color:#34d399;border-color:#10b981;background:rgba(16,185,129,.1)}
.bills-app .airtime-field-grid{gap:18px;margin:18px 0}
.bills-app .airtime-input{width:100%}
.bills-app .airtime-summary-panel>h2{margin:8px 0 20px}
.bills-app .airtime-summary-panel .airtime-primary-button,.bills-app .airtime-summary-panel .airtime-secondary-button{width:100%;margin-top:14px}
.bills-app .bills-balance{flex-direction:column;gap:12px}
.bills-app .bills-balance strong{font-size:26px;overflow-wrap:anywhere}
.bills-app .vp-help,.bills-app #vp-review-placeholder{font-size:12px;color:#94a3b8;line-height:1.7}
.bills-app #vp-status[data-error=true]{color:#fca5a5}
.bills-app .vp-receipt{border-top:1px solid var(--border,#2a374b);padding:18px 0;line-height:1.7;overflow-wrap:anywhere}
.bills-app .vp-receipt summary{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;cursor:pointer}
.bills-app .vp-receipt pre{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;background:#0b1321;border-radius:5px;color:#34d399}
.bills-app .vp-notice{font-size:12px;color:#fcd34d}
.bills-app .airtime-form-checkout-button{width:100%}
.bills-app .airtime-history-panel{padding:22px}
@media(max-width:767px){.bills-app .airtime-field-grid{grid-template-columns:minmax(0,1fr)}.bills-app .vp-categories{flex-wrap:nowrap;overflow-x:auto;padding-bottom:8px}.bills-app .vp-categories>*{white-space:nowrap;flex-shrink:0}.bills-app .airtime-summary-panel{display:block}.bills-app .airtime-summary-list{display:block}.bills-app .airtime-header{flex-wrap:wrap}}

.bills-app .service-choice-field { grid-column: 1 / -1; min-width: 0; }
.bills-app .cable-provider-grid { grid-template-columns: repeat(auto-fit,minmax(135px,1fr)); gap: 12px; }
.bills-app .cable-provider-option { min-height: 85px; padding: 16px; width: 100%; white-space: normal; text-align: center; }
.bills-app .data-plan-option { width: 100%; min-width: 0; white-space: normal; text-align: left; padding: 16px; }
.bills-app .data-plan-option strong { overflow-wrap: anywhere; }

.bills-app .data-plan-option strong { white-space: normal; overflow: visible; text-overflow: clip; line-height: 1.6; }
.bills-app .airtime-review-panel p { color: var(--text-secondary); line-height: 1.6; }
@media(max-width:767px){.bills-app .data-plan-grid{grid-template-columns:minmax(0,1fr)}}

@media(max-width:767px){.bills-app #vp-pay-button,.bills-app #vp-edit-button{display:none}}

/* Provider service names can span several lines, including the full JAMB title. */
.bills-app .cable-provider-option strong {
  display: block;
  min-width: 0;
  width: 100%;
  max-width: 100%;
  white-space: normal;
  overflow-wrap: anywhere;
  overflow: visible;
  text-overflow: clip;
  line-height: 1.6;
}