.commerce-mode{display:flex;align-items:flex-start;gap:12px;padding:15px 18px;border:1px solid #e6e3f4;background:#f1effb;border-radius:13px;font-size:12px;color:#636b83;margin:0 0 24px;line-height:1.75}.commerce-mode .icon{width:18px;height:18px;margin-top:2px}.billing-columns{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.billing-state{margin-top:20px}.billing-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:28px 12px;gap:17px;color:#636a7e}.billing-empty p{font-size:12px;max-width:330px;line-height:1.9}.billing-empty>.icon{width:28px;height:28px}.billing-ledger{margin-top:22px}.enrollment-row{padding:20px 0;border-top:1px solid var(--line);display:flex;gap:16px;justify-content:space-between}.enrollment-row:first-of-type{border-top:0}.enrollment-row h3{font-size:14px;margin:0 0 8px;line-height:1.6}.enrollment-row p{font-size:11px;margin-bottom:10px}.enrollment-actions{display:flex;flex-direction:column;justify-content:center;align-items:flex-end;gap:10px;flex-shrink:0}.enrollment-actions .text-button{font-size:11px;min-height:35px}.payment-row{display:flex;align-items:center;gap:17px;padding:22px 0;border-top:1px solid var(--line)}.payment-row .status-card-icon{margin:0;flex-shrink:0}.payment-row>div>strong{font-weight:550;font-size:17px}.payment-row p{font-size:11px;margin-top:6px}.payment-row small{font-size:10px;color:#636a7e}.payment-actions{margin-left:auto;display:flex;gap:15px}.payment-actions .text-button{font-size:11px}.available-offers{margin:23px 0;display:flex;flex-direction:column;gap:15px}.offer-card{padding:21px;border:1px solid #e6e3f4;border-radius:16px;background:white}.offer-card .section-heading{margin-bottom:8px;align-items:flex-start}.offer-card h3{font-size:18px;line-height:1.4;margin:0}.offer-provider{font-size:10px;color:#636a7e}.offer-price{font-size:29px;letter-spacing:-.04em;color:var(--ink);display:flex;gap:10px;align-items:baseline;margin:20px 0 8px}.offer-price small{font-size:11px;letter-spacing:0;color:#636a7e}.offer-renewal{font-size:11px;line-height:1.8}.scope-list{list-style:none;padding:0;margin:22px 0;display:flex;flex-direction:column;gap:12px}.scope-list li{display:flex;gap:10px;align-items:flex-start;font-size:12px;color:#636b83;line-height:1.7}.scope-list .icon{width:14px;height:14px;margin-top:3px}.commerce-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0}.commerce-stats>div{border:1px solid var(--line);border-radius:14px;background:#f8f9fc;padding:20px}.commerce-stats small{font-size:10px;color:#636a7e;display:block}.commerce-stats strong{font-size:25px;font-weight:500;letter-spacing:-.04em;display:block;margin-top:9px}.cell-subtitle{display:block;font-size:9px;color:#636a7e;margin-top:5px;overflow-wrap:anywhere}.refund-review{border-top:1px solid var(--line);padding:22px 0;display:flex;justify-content:space-between;gap:25px;align-items:center}.refund-review p{margin:8px 0 12px;max-width:500px;overflow-wrap:anywhere}.commerce-admin .section-heading h2{margin-bottom:0}
@media(max-width:1000px){.billing-columns{grid-template-columns:1fr}.payment-actions{flex-direction:column;gap:4px;align-items:flex-end}.commerce-stats>div{padding:15px}}
@media(max-width:760px){.commerce-mode{font-size:11px;padding:14px}.billing-columns{gap:18px}.enrollment-row{display:block}.enrollment-row h3{font-size:15px}.enrollment-row p{font-size:12px}.enrollment-actions{flex-direction:row;justify-content:space-between;gap:18px;margin-top:15px}.enrollment-actions .text-button{font-size:12px;min-height:42px}.payment-row{align-items:flex-start;gap:13px;flex-wrap:wrap}.payment-row .status-card-icon{position:static;top:auto;left:auto}.payment-row>div:not(.payment-actions){flex:1;min-width:180px}.payment-row p{font-size:11px}.payment-actions{width:100%;flex-direction:row;justify-content:flex-end;gap:22px}.payment-actions .text-button{font-size:12px;min-height:40px}.commerce-stats{grid-template-columns:1fr;gap:11px}.commerce-stats>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.commerce-stats strong{font-size:23px;margin:0}.commerce-stats small{font-size:11px}.commerce-admin .section-heading{display:block}.commerce-admin .section-heading>.button{margin-top:18px}.refund-review{display:block}.refund-review>.button{margin-top:16px}.offer-card{padding:19px}.offer-card h3{font-size:17px}.scope-list li{font-size:12px}.offer-renewal{font-size:12px}.offer-provider{font-size:11px}.cell-subtitle{font-size:10px}}