/* RECARGALOFACILITO.COM · compra directa de recargas (/comprar) y carga de saldo del puesto (/saldo) · Material Design 3
   Requiere material.css. Mantiene los selectores que usa customer.js / wallet.js. */
body { display:flex;flex-direction:column;min-height:100dvh;font-size:16px;line-height:24px;letter-spacing:.3px;background:var(--brand-paper) var(--brand-pattern) center/420px 420px; }
html { background:var(--brand-paper); }
.customer-header { position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:72px;margin:0 0 16px;padding:12px max(24px,calc(50% - 560px));background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid var(--brand-line); }
.customer-header .brand { display:flex;align-items:center;gap:12px;min-width:0;text-decoration:none;color:var(--md-sys-color-on-surface); }
.customer-header .brand img { display:block;width:240px;max-width:60vw;height:auto; }
.customer-header .brand span { font-family:var(--md-font-display);font-size:14px;font-weight:500;letter-spacing:.1px;color:var(--brand-muted);overflow-wrap:anywhere; }
.customer-header>a:not(.brand) { display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:1px solid var(--brand-line);border-radius:10px;background:#fff;color:var(--brand-deep-2);font-family:var(--md-font-display);font-size:14px;font-weight:500;letter-spacing:.1px;text-decoration:none;transition:background-color var(--md-motion-fast); }
.customer-header>a:not(.brand):hover { background:var(--brand-paper);text-decoration:none; }
#customer { flex:1;display:grid;gap:24px;width:100%;max-width:1120px;margin:0 auto;padding:8px 24px 56px;align-content:start; }
.loading-state { margin:40px 0;text-align:center;color:var(--md-sys-color-on-surface-variant); }
.customer-intro-fallback { max-width:820px;margin:8px 0 0;padding:clamp(22px,4vw,36px);border:1px solid var(--brand-line,#dce6dc);border-radius:var(--brand-radius,16px);background:#fff;color:var(--brand-deep-2,#143d2d);overflow-wrap:anywhere; }
.customer-intro-fallback h1 { margin:0 0 16px;font-size:clamp(28px,4vw,40px);line-height:1.15;font-weight:600;letter-spacing:-.5px; }
.customer-intro-fallback p { max-width:680px;margin:12px 0 0;line-height:1.6;color:var(--brand-muted,#536359); }
.customer-intro-fallback .loading-state { margin-top:24px;padding-top:20px;border-top:1px solid var(--brand-line,#dce6dc);text-align:left;font-size:14px; }
.customer-intro-fallback a { color:var(--brand-deep-2,#143d2d);text-decoration:underline;text-underline-offset:3px; }
/* Card availability belongs to the shared public information block, outside the payment form. */
body.recharge-mode>[data-payment-methods],body.wallet-mode>[data-payment-methods]{width:calc(100% - 48px);margin:0 auto 40px}
@media(max-width:480px){body.recharge-mode>[data-payment-methods],body.wallet-mode>[data-payment-methods]{width:calc(100% - 28px);margin-bottom:28px}}
.customer-hero { max-width:760px; }
.customer-steps { display:inline-flex;align-items:center;gap:8px;margin-bottom:8px;color:var(--brand-accent-ink);font-family:var(--md-font-display);font-size:12px;line-height:16px;font-weight:600;letter-spacing:2px;text-transform:uppercase; }
.customer-steps::before { content:"";display:inline-block;width:18px;height:3px;border-radius:2px;background:var(--brand-accent); }
.customer-hero h1 { margin:0 0 8px;font-size:36px;line-height:44px;font-weight:600;letter-spacing:-.5px; }
.customer-hero p { margin:0;color:var(--md-sys-color-on-surface-variant); }
.checkout-progress { display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0; }
.checkout-progress li { display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:0 12px 0 6px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-sm);color:var(--md-sys-color-on-surface-variant);font-size:14px;line-height:20px;font-weight:500;letter-spacing:.1px; }
.checkout-progress li span:first-child { display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--md-sys-color-surface-container-high);font-size:12px; }
.checkout-progress li { transition:background-color var(--md-motion),color var(--md-motion); }
.checkout-progress li.is-current { border-color:transparent;background:var(--brand-accent-soft);color:var(--brand-deep-2); }
.checkout-progress li.is-current span:first-child { background:var(--brand-accent);color:var(--brand-deep); }
.checkout-progress li.is-complete span:first-child { background:var(--md-ext-success-container);color:var(--md-ext-on-success-container); }
.test-banner { padding:12px 16px;border-radius:var(--md-shape-sm);background:var(--md-ext-warning-container);color:var(--md-ext-on-warning-container);font-size:14px;line-height:20px;font-weight:500; }
.panel.customer-panel { display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0;overflow-wrap:anywhere;padding:24px;border:1px solid var(--brand-line);border-radius:var(--brand-radius);background:#fff;box-shadow:var(--brand-shadow); }
.customer-panel h2 { font-size:22px;line-height:28px; }
.customer-panel h3 { font-size:16px;line-height:24px;font-weight:500; }
.form-intro p { margin:4px 0 0; }
.customer-panel .md-field { --md-field-bg:var(--md-sys-color-surface-container-lowest); }
.customer-panel>label:not(.check) { margin-bottom:-12px;padding:0 4px; }
.customer-panel>p.muted { margin:-6px 0 0;padding:0 16px;font-size:12px;line-height:16px; }
.customer-categories { display:flex;flex-wrap:wrap;gap:8px; }
.customer-categories button { min-height:36px;padding:6px 16px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-shape-sm);background:transparent;color:var(--md-sys-color-on-surface-variant);box-shadow:none!important; }
.customer-categories button[aria-pressed=true] { border-color:transparent;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container); }
.customer-companies { display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px; }
button.customer-company { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:104px;padding:14px 10px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-md);background:var(--md-sys-color-surface-container-lowest);color:var(--md-sys-color-on-surface);font-size:14px;font-weight:500;box-shadow:none!important; }
button.customer-company:hover { border-color:var(--md-sys-color-outline); }
button.customer-company[aria-pressed=true] { border-color:var(--md-sys-color-primary);background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);box-shadow:inset 0 0 0 1px var(--md-sys-color-primary)!important; }
.customer-company-logo { width:88px;height:48px;object-fit:contain; }
.fulfillment-note { margin:0;padding:12px 16px;border-radius:var(--md-shape-sm);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);font-size:14px;line-height:20px; }
.customer-quick-amounts { display:flex;flex-wrap:wrap;gap:8px; }
.customer-quick-amounts button { min-height:36px;padding:6px 14px;border:1px solid var(--md-sys-color-outline);border-radius:var(--md-shape-sm);background:transparent;color:var(--md-sys-color-on-surface-variant);font-variant-numeric:tabular-nums;box-shadow:none!important; }
.customer-quick-amounts button[aria-pressed=true] { border-color:transparent;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container); }
.customer-order-total { display:grid;padding:4px 16px;border-radius:var(--md-shape-md);background:var(--md-sys-color-surface-container-low); }
.customer-order-total .summary-line:last-child { border-bottom:0;font-size:16px;line-height:24px; }
.customer-order-total .summary-line:last-child strong { font-size:20px;color:var(--md-sys-color-primary); }
.customer-secure { margin:0;color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:16px;letter-spacing:.4px; }
.error { margin:0;padding:12px 16px;border-radius:var(--md-shape-sm);background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container);font-size:14px;line-height:20px; }
.error:empty { display:none; }
.operation-deadline { display:grid;grid-template-columns:28px minmax(0,1fr);align-items:start;gap:12px;margin:0;padding:18px;border:1px solid #b7ceb0;border-radius:14px;background:#eef5e8;color:#143d2d; }
.operation-copy { display:grid;gap:5px;min-width:0;font-size:14px;line-height:1.5; }
.operation-copy strong { font-size:16px; }.operation-elapsed { color:#425a48;font-size:12px;font-variant-numeric:tabular-nums; }
.operation-spinner { display:block;width:24px;height:24px;margin-top:2px;border:3px solid #b8ceaf;border-top-color:#20583f;border-radius:50%;animation:customer-operation-spin 1s linear infinite; }
.operation-track { grid-column:1/-1;display:block;height:4px;overflow:hidden;border-radius:4px;background:#d1e0c8; }
.operation-track>span { display:block;width:38%;height:100%;border-radius:inherit;background:#20583f;animation:customer-operation-slide 1.8s ease-in-out infinite alternate; }
.customer-summary .purchase-edit { justify-self:stretch;min-height:44px;margin-top:4px;border:1px solid #b9c9b6;border-radius:10px; }
.customer-review-hint { margin:0;color:#425a48;font-size:13px;line-height:1.6; }
@keyframes customer-operation-spin { to { transform:rotate(360deg); } }
@keyframes customer-operation-slide { from { transform:translateX(0); } to { transform:translateX(165%); } }
@media(prefers-reduced-motion:reduce) { .operation-spinner,.operation-track>span { animation:none; }.operation-track>span { width:100%;opacity:.65; } }
.customer-panel button[type=submit] { min-height:48px;font-size:15px; }
.recharge-layout { display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:24px;align-items:start; }
.recharge-guide { position:sticky;top:96px;display:grid;gap:12px;padding:24px;border-radius:var(--brand-radius);background:var(--brand-gradient);color:#fff;box-shadow:var(--brand-shadow); }
.recharge-guide h2 { font-size:22px;line-height:28px;color:inherit; }
.recharge-guide p,.recharge-guide li { color:inherit; }
.recharge-guide ul { margin:0;padding-left:20px;display:grid;gap:6px;font-size:14px;line-height:20px; }
.guide-symbol { display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);font-size:18px;font-weight:500; }
.guide-footer { display:grid;gap:4px;margin-top:8px;padding-top:12px;border-top:1px solid rgba(0,0,0,.12);font-size:14px;line-height:20px; }
.guide-footer a { color:inherit;font-weight:500;text-decoration:underline; }
.customer-grid { display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start; }
.customer-summary { position:sticky;top:96px;display:grid;grid-template-columns:minmax(0,1fr);gap:8px;min-width:0;overflow-wrap:anywhere;padding:24px;border:1px solid var(--brand-line);border-radius:var(--brand-radius);background:#fff;box-shadow:var(--brand-shadow); }
.summary-eyebrow { color:var(--md-sys-color-primary);font-size:12px;line-height:16px;font-weight:500;letter-spacing:1px;text-transform:uppercase; }
.customer-summary h2 { font-size:22px;line-height:28px; }
.summary-destination { display:grid;gap:2px;margin:0 0 8px;font-size:18px;line-height:24px;font-weight:500;font-variant-numeric:tabular-nums; }
.destination-label { color:var(--md-sys-color-on-surface-variant);font-size:12px;line-height:16px;font-weight:400;letter-spacing:.4px; }
.customer-summary .summary-line:last-of-type { border-bottom:0; }
.customer-panel form { display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0; }
.payment-fields { display:grid;gap:16px;margin:0;padding:16px 20px 20px;border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-shape-md); }
.payment-fields legend { float:left;width:100%;margin:0 0 4px;font-size:16px;line-height:24px;font-weight:500;letter-spacing:.15px; }
.payment-fields::after { content:"";display:block;clear:both; }
.card-grid { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px; }
.card-grid>div { display:grid;gap:16px; }
.customer-check { display:flex;align-items:flex-start;gap:12px;font-size:14px;line-height:20px; }
.customer-check input { margin-top:1px; }
.customer-check label { font-size:14px;line-height:20px;font-weight:400;letter-spacing:.25px;color:var(--md-sys-color-on-surface);cursor:pointer; }
.customer-panel button.secondary { justify-self:start; }
.saved-payment-panel .customer-company-logo { justify-self:start; }
.customer-result { position:relative;overflow:hidden; }
.customer-result::before { content:"";position:absolute;left:0;top:0;right:0;height:4px;background:var(--md-sys-color-outline-variant); }
.customer-result[data-state=approved]::before,.customer-result[data-state=simulated]::before { background:var(--md-ext-success); }
.customer-result[data-state=rejected]::before,.customer-result[data-state=cancelled]::before { background:var(--md-sys-color-error); }
.customer-status { justify-self:start;display:inline-flex;align-items:center;min-height:32px;padding:0 14px;border-radius:var(--md-shape-sm);background:var(--md-ext-warning-container);color:var(--md-ext-on-warning-container);font-size:14px;font-weight:500;letter-spacing:.1px; }
.customer-result[data-state=approved] .customer-status,.customer-result[data-state=simulated] .customer-status { background:var(--md-ext-success-container);color:var(--md-ext-on-success-container); }
.customer-result[data-state=rejected] .customer-status,.customer-result[data-state=cancelled] .customer-status { background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container); }
.customer-result[data-state=refunded] .customer-status { background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container); }
.result-destination { margin:0;font-size:18px;font-weight:500;font-variant-numeric:tabular-nums; }
.receipt-mailed { margin:0;padding:12px 16px;border-radius:var(--md-shape-sm);background:var(--md-ext-success-container);color:var(--md-ext-on-success-container);font-size:14px;line-height:20px; }
.customer-result .actions { justify-content:flex-start; }
.customer-history .row { display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 0;border-top:1px solid var(--md-sys-color-outline-variant); }
.customer-history .row>div:last-child { display:grid;gap:8px;justify-items:end; }
.customer-history h3 { margin-bottom:2px; }
.order-state { margin:0;font-size:14px;font-weight:500;color:var(--md-ext-warning); }
.order-state[data-state=approved],.order-state[data-state=simulated] { color:var(--md-ext-success); }
.order-state[data-state=rejected],.order-state[data-state=cancelled] { color:var(--md-sys-color-error); }
.customer-history .row .muted { margin:0; }
.customer-footer { margin:0;padding:14px 24px;background:var(--brand-accent);color:var(--brand-deep);font-family:var(--md-font-display);font-size:13px;line-height:20px;font-weight:500;text-align:center; }
.customer-footer a { color:inherit;text-decoration:underline; }
#notice { bottom:16px; }

/* saldo del puesto */
.wallet-layout { display:grid;grid-template-columns:minmax(260px,.8fr) minmax(0,1.2fr);gap:24px;align-items:start; }
.wallet-overview { position:sticky;top:24px;background:var(--md-sys-color-primary-container)!important;color:var(--md-sys-color-on-primary-container);box-shadow:none!important; }
.wallet-overview h2 { font-size:14px;line-height:20px;font-weight:500;letter-spacing:.1px;color:inherit;opacity:.85; }
.wallet-overview .summary-line { flex-direction:column;align-items:flex-start;gap:2px;padding:0;border:0; }
.wallet-overview .summary-line>span { color:inherit;font-size:12px;letter-spacing:.4px;opacity:.85; }
.wallet-overview .summary-line strong { max-width:100%;font-size:36px;line-height:44px;font-weight:400;text-align:left;color:inherit; }
.wallet-overview .muted { color:inherit;opacity:.85; }
.wallet-overview .note { background:rgba(255,255,255,.55);color:inherit; }
.wallet-overview .receipt-link { justify-self:start;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary); }
.wallet-amount-form .footer-note { margin:0; }

@media (max-width:860px) {
  .recharge-layout,.customer-grid,.wallet-layout { grid-template-columns:minmax(0,1fr); }
  .recharge-guide,.customer-summary,.wallet-overview { position:static; }
  .customer-companies { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:600px) {
  .customer-header { padding:12px 16px; }
  .customer-header .brand img { width:190px; }
  .customer-header .brand span { display:none; }
  #customer { padding:4px 16px 40px;gap:16px; }
  .customer-hero h1 { font-size:28px;line-height:36px; }
  .panel.customer-panel { padding:20px 16px;border-radius:var(--md-shape-md); }
  .card-grid { grid-template-columns:1fr; }
  .customer-history .row { flex-direction:column;align-items:stretch; }
  .customer-history .row>div:last-child { justify-items:stretch; }
  .customer-panel button.secondary { justify-self:stretch; }
}

/* 3.21 · Compra y saldo con la misma jerarquía de la web pública. */
:root { --brand-deep:#143d2d;--brand-deep-2:#20583f;--brand-paper:#f5f6f2;--brand-muted:#55645b;--brand-line:#dce3dc;--brand-radius:20px;--brand-radius-sm:12px;--brand-shadow:0 4px 18px #143d2d08;--brand-gradient:linear-gradient(120deg,#143d2d,#20583f); }
body { background:var(--brand-paper);letter-spacing:0; }
.customer-header { min-height:84px;background:#fff;backdrop-filter:none;margin-bottom:24px;padding-top:16px;padding-bottom:16px; }
.customer-header .brand img { width:230px; }
.customer-header .brand span { display:none; }
.customer-header>a:not(.brand) { min-height:44px;font-family:var(--md-font);font-weight:600;border-radius:12px; }
#customer { max-width:1168px;gap:24px;padding-bottom:80px; }
.customer-hero { max-width:800px; }
.customer-steps { font-size:11px;letter-spacing:1.4px;margin-bottom:12px; }
.customer-hero h1 { font-size:36px;line-height:1.25;letter-spacing:-1px;font-weight:600; }
.customer-hero p { font-size:15px;line-height:24px; }
.checkout-progress { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:620px;gap:8px; }
.checkout-progress li { border:0;background:#e9ede5;min-height:48px;border-radius:12px;padding:10px 12px;font-size:13px;gap:8px; }
.checkout-progress li span:first-child { width:26px;height:26px;flex:none;background:#dce4d6;color:#485c4d; }
.checkout-progress li.is-current { background:#143d2d;color:#fff; }
.checkout-progress li.is-current span:first-child { background:#a7e369;color:#143d2d; }
.checkout-progress li.is-complete { background:#e4efdc;color:#20583f; }
.checkout-progress li.is-complete span:first-child { background:#20583f;color:#fff; }
.test-banner { border:1px solid #e3cc86;background:#fff4cf;color:#674800;border-radius:12px;font-size:12px; }
.panel.customer-panel { border-color:var(--brand-line);padding:28px;gap:20px;border-radius:20px; }
.customer-panel h2 { font-size:22px;letter-spacing:-.5px; }.customer-panel h3 { font-weight:600; }
.customer-panel .md-field { display:flex;flex-direction:column;gap:8px; }
.customer-panel .md-field>label { position:static;order:-1;transform:none!important;max-width:100%;padding:0;background:none;font-size:13px;line-height:20px;letter-spacing:0;font-weight:500;white-space:normal;overflow:visible;pointer-events:auto; }
.customer-panel .md-field>input,.customer-panel .md-field>select { min-height:52px;border-radius:10px;background:#fff; }
.customer-panel .md-field>.trailing { top:34px; }
.customer-panel button { min-height:48px;border-radius:12px;font-weight:600;box-shadow:none;font-size:14px; }
.customer-categories { gap:8px; }
.customer-categories button { min-height:44px;padding:9px 16px;background:#f5f6f2;border:1px solid var(--brand-line); }
.customer-categories button[aria-pressed=true] { color:#fff;background:#20583f;border-color:#20583f; }
.customer-companies { grid-template-columns:repeat(4,minmax(0,1fr));gap:10px; }
button.customer-company { min-height:100px;position:relative;gap:8px;padding:14px 8px;font-size:13px;font-weight:500;border-color:var(--brand-line);border-radius:14px; }
button.customer-company[aria-pressed=true] { border-color:#20583f;background:#f0f6e9;color:#143d2d;box-shadow:inset 0 0 0 1px #20583f!important; }
button.customer-company[aria-pressed=true]::after { content:'✓';position:absolute;right:7px;top:6px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:#20583f;color:#fff;font-size:11px; }
.customer-company-logo { width:76px;height:38px; }
.customer-quick-amounts button { background:#fff;border-color:#bfcec1;min-height:44px;padding:8px 14px; }
.customer-quick-amounts button[aria-pressed=true] { background:#e7f3da;border:1px solid #20583f;color:#143d2d; }
.customer-order-total { background:#f5f6f2;border:1px solid var(--brand-line);border-radius:14px;padding:6px 18px; }
.customer-order-total .summary-line:last-child strong { font-size:24px;letter-spacing:-.5px;color:#143d2d; }
.customer-secure { font-size:12px;line-height:20px;letter-spacing:0; }
.recharge-layout { grid-template-columns:minmax(0,1.55fr) minmax(260px,.75fr);gap:24px; }
.recharge-guide { border:1px solid var(--brand-line);padding:28px;background:#eaf0e4;color:#143d2d;border-radius:20px;box-shadow:none;top:108px;gap:16px; }
.recharge-guide h2 { font-size:24px;letter-spacing:-.6px;line-height:1.3; }
.recharge-guide p { font-size:14px;line-height:23px; }
.recharge-guide ul { font-size:14px;line-height:22px;gap:10px; }
.guide-symbol { width:40px;height:40px;background:#143d2d;color:#a7e369;border-radius:12px; }
.guide-footer { padding-top:20px;gap:8px;border-color:#c8d7c5; }
.guide-footer a { min-height:44px;display:flex;align-items:center; }
.customer-summary { border-radius:20px;box-shadow:none;gap:12px;padding:28px;top:108px; }
.customer-summary .summary-line:last-of-type { padding:16px;border-radius:12px;background:#143d2d;color:#fff; }
.customer-summary .summary-line:last-of-type strong { color:#a7e369;font-size:21px; }
.customer-summary .summary-line:last-of-type>span { color:#e7f0e3; }
.customer-summary .purchase-edit:disabled { opacity:.6;cursor:wait; }
.payment-fields { background:#fff;border-color:var(--brand-line);border-radius:14px;padding:20px; }
.payment-fields legend { font-weight:600; }
.customer-check { gap:12px;line-height:22px; }
.customer-check input { flex:none; }
.customer-check label { line-height:22px; }
.customer-result::before { height:5px; }
.customer-status { border-radius:8px;min-height:36px;font-weight:600; }
.customer-result .actions { gap:10px; }
.customer-result .receipt-link { min-height:44px;border-radius:12px; }
.customer-history .row { padding:20px 0; }
.customer-footer { background:#e8eddf;color:#415449;font-size:12px;padding:24px 24px 80px; }
.recharge-mode #notice { bottom:88px; }
.wallet-overview { top:108px;background:#143d2d!important;color:#fff; }.wallet-overview h2 { color:#d9e6d8; }.wallet-overview .summary-line strong { color:#a7e369;font-size:36px; }.wallet-overview .note { background:#ffffff16;color:#fff; }.wallet-overview .receipt-link { background:#e5f3d9;color:#143d2d; }
.wallet-overview .wallet-account-balance.balance-debt strong { color:#ffd6cf; }.wallet-overview .wallet-account-balance.balance-settled strong { color:#fff; }.wallet-overview .summary-line:not(.wallet-account-balance) strong { font-size:22px; }.wallet-overview .wallet-balance-meaning { margin:0;font-weight:600; }
@media(max-width:860px) { .recharge-layout,.customer-grid,.wallet-layout { grid-template-columns:minmax(0,1fr); }.recharge-guide,.customer-summary,.wallet-overview { position:static; }.customer-companies { grid-template-columns:repeat(4,minmax(0,1fr)); } }
@media(max-width:600px) {
 .customer-header { min-height:72px;padding:12px 20px;margin-bottom:20px;gap:8px; }.customer-header .brand img { width:180px; }.customer-header>a:not(.brand) { padding:0 12px;font-size:12px; }
 #customer { gap:20px;padding:0 20px 60px; }.customer-hero h1 { font-size:29px;letter-spacing:-.7px; }.customer-hero p { font-size:14px;line-height:23px; }.customer-steps { margin-bottom:10px; }
 .checkout-progress { gap:5px; }.checkout-progress li { padding:10px 6px;flex-direction:column;text-align:center;font-size:11px;line-height:16px;gap:5px; }
 .panel.customer-panel { padding:24px 18px;gap:18px; }.customer-panel h2 { font-size:21px; }.customer-companies { grid-template-columns:repeat(2,minmax(0,1fr));gap:8px; }.customer-categories { gap:6px; }.customer-categories button { flex:1;padding:8px 10px;font-size:12px; }
 .customer-panel button.customer-company { min-height:96px; }.customer-quick-amounts { gap:8px; }.customer-quick-amounts button { flex:1 1 40%; }
 .recharge-guide,.customer-summary { padding:24px; }.recharge-guide h2 { font-size:23px; }.customer-order-total .summary-line:last-child strong { font-size:22px; }.payment-fields { padding:18px 14px; }
 .customer-footer { padding-bottom:88px;line-height:20px; }.customer-history h3 { overflow-wrap:anywhere; }
}
@media(max-width:380px) { #customer { padding-left:16px;padding-right:16px; }.customer-header { padding:12px 16px; }.customer-header .brand img { width:152px; }.customer-header>a:not(.brand) { padding:0 10px; }.panel.customer-panel { padding:22px 16px; } }