.package-wallet-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));gap:12px;margin-block:16px}
.package-wallet-grid article{padding:16px;border:1px solid var(--line,#dce2ea);border-radius:14px;background:var(--surface,#fff);color:var(--ink,#172337);min-width:0}
.package-wallet-grid h4{font-size:16px;margin:0 0 10px}.package-wallet-grid p{font-size:14px;line-height:1.8;margin:6px 0;overflow-wrap:anywhere}
[data-package-options]{padding:18px;border:1px solid var(--line,#dce2ea);border-radius:14px;grid-column:1/-1;min-width:0}
[data-package-options] label{display:flex;align-items:flex-start;gap:10px;font-size:15px;line-height:1.7;margin-block:12px}
[data-package-options] input[type=radio]{width:20px;height:20px;flex:0 0 20px;accent-color:var(--red,#a30033)}
[data-package-options] p,[data-package-options] span{font-size:14px;line-height:1.8}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) .package-wallet-grid article{background:#182231;color:#eef2f7;border-color:#344255}}
.wallet-services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:14px;margin-block:18px}
.wallet-service-card{display:flex;flex-direction:column;gap:10px;padding:18px;background:var(--surface,#fff);color:var(--ink,#172337);border:1px solid var(--line,#dce2ea);border-radius:16px;min-width:0}
.wallet-service-card h4{font-size:16px;line-height:1.5;margin:0}.wallet-service-count{display:flex;align-items:baseline;gap:8px}.wallet-service-count b{font-size:32px;line-height:1.3;font-variant-numeric:tabular-nums}.wallet-service-count span{font-size:14px}
.wallet-service-card p{margin:0;font-size:14px;line-height:1.8}.wallet-service-expiry{min-height:2.5em}.wallet-service-card .account-action-button{margin-top:auto;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center}
.wallet-purchases{margin-block:20px;border:1px solid var(--line,#dce2ea);border-radius:14px;padding:16px}.wallet-purchases summary{cursor:pointer;min-height:44px;display:list-item;font-size:16px;font-weight:700}.wallet-purchases dl{margin:0}.wallet-purchases dl>div{display:flex;justify-content:space-between;gap:14px;padding-block:8px;border-bottom:1px solid var(--line,#dce2ea);font-size:14px}.wallet-purchases dd{margin:0;font-variant-numeric:tabular-nums}
@media(prefers-color-scheme:dark){html:not([data-theme=light]) .wallet-service-card{background:#182231;color:#eef2f7;border-color:#344255}}
@media(max-width:600px){.wallet-services-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.wallet-service-card{padding:14px}.wallet-service-card h4{font-size:15px}.wallet-service-count b{font-size:28px}.wallet-service-card.wallet-consultation{grid-column:1/-1}}

/* Keep the service wallet inset from the dashboard panel border. */
.account-package-summary>.wallet-overview{padding:24px 26px;min-width:0}
.account-package-summary>.wallet-overview>h3{margin:0;font-size:18px;line-height:1.6}
.account-package-summary>.wallet-overview>.wallet-services-grid{margin-block:18px}
.account-package-summary>.wallet-overview>.wallet-purchases{margin-bottom:0}
.wallet-service-card,.wallet-purchases{overflow-wrap:anywhere}
.wallet-purchases dl>div>dt{min-width:0}.wallet-purchases dd{flex-shrink:0}
@media(max-width:600px){.account-package-summary>.wallet-overview{padding:20px 16px}.wallet-overview>.account-action-button{display:flex;justify-content:center;align-items:center;text-align:center;min-height:44px}}

/* The subscription panel is also embedded in the business account, outside #dashboard. */
body.motors-account-page .account-package-summary{display:block;min-width:0;padding:0;margin:0 0 24px;background:#fff;overflow:hidden}
.account-package-summary>.package-balance-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
.account-package-summary .interactive-allowance{position:relative;display:flex;flex-direction:column;gap:12px}
.account-package-summary .package-allowance-action{display:flex;align-items:center;justify-content:center;width:100%;min-height:44px;margin-top:auto;padding:10px 12px;border:1px solid #dce2ea;border-radius:12px;background:#fff;color:#a30033;font:inherit;font-size:16px;text-align:center;cursor:pointer}
.account-package-summary .package-service-balances{border-top:1px solid #edf1f5}
.account-package-summary .account-action-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 14px;border:1px solid #dce2ea;border-radius:12px;background:#fff;color:#a30033;font:inherit;font-size:16px;text-align:center;text-decoration:none}
.account-package-summary .package-overview-head{flex-wrap:wrap}
.account-package-summary .package-overview-head .package-summary-actions{flex-wrap:wrap}
.account-package-summary .package-features{flex-wrap:wrap}
.account-package-summary .package-features>div{min-width:0}
.account-package-summary .package-allowance>p{font-size:14px}
@media(max-width:600px){.account-package-summary>.package-balance-grid{grid-template-columns:minmax(0,1fr)}.account-package-summary .package-summary-actions{width:100%}.account-package-summary .package-summary-actions>*{width:100%}}
.account-package-summary .package-allowance small,.account-package-summary .package-allowance strong em,.account-package-summary .package-allowance>footer,.account-package-summary .package-features b,.account-package-summary .package-features span{font-size:14px!important}
.account-package-summary .package-overview-head p,.account-package-summary .package-overview-head small{font-size:14px!important}
.account-package-summary .package-title-row>span{font-size:12px}