@import '_content/AllAboutLocal.Shared.Web/AllAboutLocal.Shared.Web.b1dv4wfma4.bundle.scp.css';

/* /Components/CuratedHome.razor.rz.scp.css */
/* Home filter chips: the app's .chip pill (app.css) at a tap-friendly size. */
.home-filter-chip[b-s39sozxrwn] {
    min-height: 2.25rem;
    padding: 0.45rem 1rem;
    font-size: 0.875rem;
}

.home-filter-chip:focus-visible[b-s39sozxrwn] {
    outline: 2px solid var(--color-accent, #ff9933);
    outline-offset: 2px;
}
/* /Components/MembershipAsideCard.razor.rz.scp.css */
.membership-aside[b-iz5lpcq4e4] { display: flex; flex-direction: column; gap: 12px; padding: 22px; border-radius: 20px; }
.membership-aside-free[b-iz5lpcq4e4] { background: #f0f0f3; color: #111133; border: 1px solid #dcdce6; } /* the app page background is grey, unlike the canvas */
.membership-aside-member[b-iz5lpcq4e4] { background: var(--color-surface, #fff); border: 1px solid #ddd; }
.membership-aside h2[b-iz5lpcq4e4] { margin: 0; font-size: 22px; font-weight: 800; line-height: 1.2; color: #111133; }
.membership-aside p[b-iz5lpcq4e4] { margin: 0; font-size: 14px; }
.membership-aside-eyebrow[b-iz5lpcq4e4] { font-size: 12px !important; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #555; }
.membership-aside-eyebrow.is-accent[b-iz5lpcq4e4] { color: #a34a00; }
.membership-aside-amount[b-iz5lpcq4e4] { font-size: 34px !important; font-weight: 800; letter-spacing: -.5px; color: #2f7d1f; }
.membership-aside-unavailable[b-iz5lpcq4e4] { font-weight: 700; color: #555; }
.membership-aside-benefits[b-iz5lpcq4e4] { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 8px; font-size: 14px; }
.membership-aside-benefits li[b-iz5lpcq4e4] { position: relative; padding-left: 26px; }
.membership-aside-benefits li[b-iz5lpcq4e4]::before { content: ""; position: absolute; left: 3px; top: 4px; width: 13px; height: 7px; border-left: 2.5px solid #222266; border-bottom: 2.5px solid #222266; transform: rotate(-45deg); }
.membership-aside-btn[b-iz5lpcq4e4] { width: 100%; min-height: 48px; border-radius: 50rem !important; font-size: 14px !important; display: flex; align-items: center; justify-content: center; }
.membership-aside-note[b-iz5lpcq4e4] { text-align: center; color: #555; font-size: 12.5px !important; }
/* /Components/MembershipHeaderChip.razor.rz.scp.css */
.membership-header-chip[b-79mpie7ddy] { display: inline-flex; align-items: center; min-height: 28px; padding: 3px 12px; border-radius: 50rem; background: #eee; color: #444; font-size: 11.5px; font-weight: 700; letter-spacing: .04em; text-decoration: none; }
.membership-header-chip.is-member[b-79mpie7ddy] { background: #222266; color: #fff; }
.membership-header-start[b-79mpie7ddy] { display: inline-flex; align-items: center; min-height: 40px; padding: 0 18px; border-radius: 50rem; background: #ff9933; color: #111133; font-size: 14px; font-weight: 700; text-decoration: none; }
.membership-header-start:hover[b-79mpie7ddy] { background: #ffa94d; color: #111133; }
/* /Components/OfferLockTeaser.razor.rz.scp.css */
.member-offer-teaser[b-in6am2g0n1] { padding: 20px; border: 1px solid var(--color-border, #e4e4ee); border-radius: 16px; background: var(--color-surface, #fff); color: var(--color-text-primary, #111133); }
.member-offer-teaser-heading[b-in6am2g0n1] { display: flex; gap: 12px; flex-wrap: wrap; align-items: start; justify-content: space-between; }
.member-offer-teaser h3[b-in6am2g0n1] { font-size: 16px; font-weight: 700; margin: 0; }
.member-offer-saving[b-in6am2g0n1] { border-radius: 50rem; background: #ff9933; color: #111133; padding: 3px 10px; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.member-offer-teaser-footer[b-in6am2g0n1] { display: flex; gap: 14px; justify-content: space-between; align-items: center; margin-top: 20px; font-size: 13px; }
.member-offer-teaser button[b-in6am2g0n1] { min-height: 44px; border-radius: 50rem !important; font-weight: 700; }
@media (max-width: 575px) { .member-offer-teaser[b-in6am2g0n1] { padding: 16px; } }
.member-offer-teaser.has-image[b-in6am2g0n1] { padding: 0; overflow: hidden; border: 0; box-shadow: 0 1px 3px #00000029; border-radius: 20px; }
.member-offer-teaser.has-image .member-offer-teaser-heading[b-in6am2g0n1], .member-offer-teaser.has-image .member-offer-teaser-footer[b-in6am2g0n1] { padding: 0 16px; }
.member-offer-teaser.has-image .member-offer-teaser-heading[b-in6am2g0n1] { padding-top: 14px; }
.member-offer-teaser.has-image .member-offer-teaser-footer[b-in6am2g0n1] { padding-bottom: 14px; margin-top: 12px; }
.member-offer-teaser-image[b-in6am2g0n1] { position: relative; height: 150px; background: #f0f0f3; }
.member-offer-teaser-image img[b-in6am2g0n1] { width: 100%; height: 100%; object-fit: cover; display: block; }
.member-offer-teaser-image .member-offer-saving[b-in6am2g0n1] { position: absolute; left: 12px; top: 12px; }
/* /Components/SixDigitOtpInput.razor.rz.scp.css */
.otp-input[b-3twlmc7fao] {
    max-width: 18rem;
    font-family: "SFMono-Regular", Menlo, Monaco, Consolas, monospace;
    font-size: 1.35rem;
    font-weight: 700;
    letter-spacing: .65rem;
    text-align: center;
}

.otp-input:focus[b-3twlmc7fao] {
    border-color: #222266;
    box-shadow: 0 0 0 .2rem rgba(34, 34, 102, .14);
}

.otp-input[aria-invalid="true"][b-3twlmc7fao] {
    border-color: #ee3344;
}

@media (max-width: 420px) {
    .otp-input[b-3twlmc7fao] {
        max-width: 100%;
        letter-spacing: .45rem;
    }
}
/* /Components/Skeleton/ListTail.razor.rz.scp.css */
@media (prefers-reduced-motion: reduce) {
    .spinner-border[b-xoh32c4tj4] { animation: none; }
}
/* /Components/StartSavingDialog.razor.rz.scp.css */
.saving-dialog-backdrop[b-38xrbd8dnq] { position: fixed; inset: 0; z-index: 1050; background: #11113380; }
.saving-dialog[b-38xrbd8dnq] { box-sizing: border-box; position: fixed; inset: 50% auto auto 50%; transform: translate(-50%, -50%); width: min(520px, calc(100% - 32px)); max-height: calc(100dvh - 32px); overflow-y: auto; z-index: 1051; padding: 26px 28px; border-radius: 24px; background: var(--color-surface, #fff); color: var(--color-text-primary, #111133); box-shadow: 0 16px 48px #11113333; }
.saving-dialog header[b-38xrbd8dnq] { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: 20px; }
.saving-dialog h2[b-38xrbd8dnq] { font-size: 24px; font-weight: 700; margin: 0; }
.saving-dialog h3[b-38xrbd8dnq] { font-size: 18px; margin-top: 20px; }
.saving-close[b-38xrbd8dnq] { flex: none; border: 0; border-radius: 50%; background: #f0f0f3; color: #111133; font-size: 22px; line-height: 1; width: 44px; height: 44px; }
.saving-plan-toggle[b-38xrbd8dnq] { display: flex; padding: 4px; gap: 4px; background: #f0f0f3; border-radius: 50rem; }
.saving-plan-toggle button[b-38xrbd8dnq] { flex: 1; border: 0; padding: 8px; border-radius: 50rem; background: transparent; color: #222266; min-height: 48px; font-weight: 700; line-height: 1.2; }
.saving-plan-toggle strong[b-38xrbd8dnq] { display: block; font-size: 12px; font-weight: 600; margin-top: 2px; }
.saving-plan-toggle .selected[b-38xrbd8dnq] { box-shadow: 0 2px 4px #00000026; }
.saving-plan-toggle .selected[b-38xrbd8dnq] { background: #222266; color: white; }
.saving-offer-title[b-38xrbd8dnq] { font-weight: 700; }
.saving-link[b-38xrbd8dnq] { display: block; margin: 16px auto; border: 0; background: none; text-align: center; color: var(--color-primary, #222266); text-decoration: underline; }
.saving-continue[b-38xrbd8dnq] { width: 100%; min-height: 48px; border-radius: 50rem !important; margin-top: 16px; font-weight: 700; font-size: 15px !important; }
.saving-continue .fa-solid[b-38xrbd8dnq] { margin-right: 6px; }
.saving-note[b-38xrbd8dnq] { font-size: 13px; text-align: center; margin: 12px 0; }
@media (max-width: 575px) { .saving-dialog[b-38xrbd8dnq] { inset: auto 0 0; transform: none; width: 100%; max-height: calc(100dvh - 24px); border-radius: 24px 24px 0 0; padding: 24px 20px calc(24px + env(safe-area-inset-bottom, 0px)); } }
/* W-D2: canvas W2/M2/M3 content */
.saving-eyebrow[b-38xrbd8dnq] { margin: 0 0 4px; font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #a34a00; }
.saving-offer-card[b-38xrbd8dnq] { display: flex; align-items: center; gap: 12px; padding: 10px 12px; border-radius: 14px; background: #f0f0f3; }
.saving-offer-card > div[b-38xrbd8dnq] { flex: 1; min-width: 0; display: flex; flex-direction: column; }
.saving-offer-card small[b-38xrbd8dnq], .saving-summary small[b-38xrbd8dnq], .saving-method small[b-38xrbd8dnq] { color: #555; font-size: 12px; }
.saving-chip[b-38xrbd8dnq] { flex: none; padding: 3px 10px; border-radius: 50rem; background: #ff9933; color: #111133; font-size: 12px; font-weight: 800; text-transform: uppercase; }
.saving-benefits[b-38xrbd8dnq] { list-style: none; padding: 0; margin: 16px 0; display: flex; flex-direction: column; gap: 10px; }
.saving-benefits li[b-38xrbd8dnq] { position: relative; padding-left: 28px; }
@media (min-width: 576px) {
  .saving-benefits[b-38xrbd8dnq] { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
  .saving-benefits li[b-38xrbd8dnq] { padding: 12px; border: 1px solid #ddd; border-radius: 14px; font-size: 13px; }
  .saving-benefits li strong[b-38xrbd8dnq] { display: block; color: #111133; }
  .saving-benefits li[b-38xrbd8dnq]::before { display: none; }
}
.saving-benefits li[b-38xrbd8dnq]::before { content: ""; position: absolute; left: 2px; top: 4px; width: 14px; height: 8px; border-left: 2.5px solid #222266; border-bottom: 2.5px solid #222266; transform: rotate(-45deg); }
.saving-summary[b-38xrbd8dnq] { border: 1px solid #ddd; border-radius: 16px; padding: 4px 16px; }
.saving-summary-row[b-38xrbd8dnq] { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 12px 0; border-bottom: 1px solid #eee; }
.saving-summary-row > div[b-38xrbd8dnq] { display: flex; flex-direction: column; gap: 2px; }
.saving-summary-row strong[b-38xrbd8dnq] { font-size: 15px; color: #111133; }
.saving-note-left[b-38xrbd8dnq] { text-align: left; }
.saving-summary-total[b-38xrbd8dnq] { border-bottom: 0; font-weight: 800; font-size: 16px; }
.saving-promo-chip[b-38xrbd8dnq] { align-self: flex-start; padding: 2px 10px; border-radius: 50rem; background: #ffe0c2; font: 700 12px SFMono-Regular, Consolas, monospace; color: #111133; }
.saving-discount[b-38xrbd8dnq] { color: #2f7d1f; }
.saving-method[b-38xrbd8dnq] { display: flex; flex-direction: column; gap: 2px; margin-top: 12px; padding: 12px; border-radius: 14px; background: #f0f0f3; }
.saving-consent[b-38xrbd8dnq] { display: block; margin-top: 12px; font-size: 13px; }
.saving-coming-soon[b-38xrbd8dnq] { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin: 8px 0 0; padding: 0; }
.saving-coming-soon li[b-38xrbd8dnq] { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border-radius: 999px; border: 1px dashed #c8c8d0; color: #777; font-size: 13px; }
.saving-coming-soon span[b-38xrbd8dnq] { font-size: 11px; font-weight: 600; color: #555; background: #f0f0f3; border-radius: 999px; padding: 1px 8px; }
.saving-fineprint[b-38xrbd8dnq] { font-size: 12px; color: #555; text-align: center; margin: 4px 0 0; }

/* Selected plan from the plan list: plan details, promo code and start (no benefits, toggle or plan comparison). */
.saving-plan-card[b-38xrbd8dnq] { border: 1px solid #e3e3ea; border-radius: 16px; padding: 16px; margin-top: 16px; display: flex; flex-direction: column; gap: 6px; }
.saving-plan-card-head[b-38xrbd8dnq] { display: flex; justify-content: space-between; align-items: baseline; gap: 12px; }
.saving-plan-card h3[b-38xrbd8dnq] { margin: 0; }
.saving-plan-card p[b-38xrbd8dnq] { margin: 0; color: #55556a; }
.saving-plan-card small[b-38xrbd8dnq] { color: #55556a; }
.saving-promo[b-38xrbd8dnq] { margin-top: 16px; }
.saving-promo-row[b-38xrbd8dnq] { display: flex; gap: 8px; }
.saving-promo-row .form-control[b-38xrbd8dnq] { flex: 1; min-width: 0; }
.saving-promo-row .btn[b-38xrbd8dnq] { border-radius: 50rem !important; min-width: 96px; }
.saving-promo-ok[b-38xrbd8dnq] { margin: 8px 0 0; color: #1b6e3a; font-size: 14px; }
.saving-promo-error[b-38xrbd8dnq] { margin: 8px 0 0; color: #b42318; font-size: 14px; }
/* /Pages/BusinessDetail.razor.rz.scp.css */
.business-savings-upsell[b-fpd3p7l8qi] { display: flex; gap: 24px; align-items: center; justify-content: space-between; padding: 24px; margin: 20px 0; background: #fff3e5; color: #111133; border: 1px solid #ffdcb2; border-radius: 20px; }
.member-savings-strip[b-fpd3p7l8qi] { display: flex; align-items: center; gap: 16px; padding: 20px; margin: 20px 0; border: 1px solid var(--color-border); border-radius: 16px; background: var(--color-surface); }
.member-savings-strip i[b-fpd3p7l8qi] { color: var(--color-primary, #222266); font-size: 24px; }
.member-savings-strip p[b-fpd3p7l8qi] { margin: 4px 0 0; font-size: 14px; }
.member-savings-strip a[b-fpd3p7l8qi] { margin-left: auto; white-space: nowrap; }
.business-savings-upsell h2[b-fpd3p7l8qi] { font-size: 22px; font-weight: 700; margin: 0 0 8px; }
.business-savings-upsell p[b-fpd3p7l8qi] { margin: 0; font-size: 14px; }
.business-savings-upsell .btn[b-fpd3p7l8qi], .business-saving-sticky .btn[b-fpd3p7l8qi] { min-height: 44px; white-space: nowrap; border-radius: 50rem; }
.business-saving-sticky[b-fpd3p7l8qi] { position: fixed; bottom: calc(72px + env(safe-area-inset-bottom, 0px)); left: 50%; transform: translateX(-50%); width: min(700px, calc(100% - 32px)); z-index: 20; display: flex; gap: 16px; align-items: center; justify-content: space-between; padding: 12px 20px; background: var(--color-surface, #fff); border: 1px solid var(--color-border, #e4e4ee); border-radius: 16px; box-shadow: 0 4px 16px #22226618; }
.business-detail-page:has(.business-saving-sticky)[b-fpd3p7l8qi] { padding-bottom: 100px; }
@media (max-width: 575px) { .business-savings-upsell[b-fpd3p7l8qi] { align-items: stretch; flex-direction: column; padding: 20px; gap: 16px; } .business-saving-sticky[b-fpd3p7l8qi] { padding: 12px; font-size: 13px; } }

/* W-D8/W-D9: canvas W1/W3 membership card, member banner and offers layout */
.business-member-banner[b-fpd3p7l8qi] { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; padding: 12px 16px; border-radius: 14px; background: #111133; color: #fff; }
.business-member-banner > .fa-solid[b-fpd3p7l8qi] { color: #ff9933; font-size: 20px; }
.business-member-banner span[b-fpd3p7l8qi] { flex: 1; }
.business-member-banner-close[b-fpd3p7l8qi] { width: 44px; height: 44px; border: 0; background: none; color: #fff; }
.business-offers-layout.has-aside[b-fpd3p7l8qi] { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 24px; align-items: start; }
@media (max-width: 991px) { .business-offers-layout.has-aside[b-fpd3p7l8qi] { grid-template-columns: minmax(0, 1fr); } }
/* /Pages/CheckoutReturn.razor.rz.scp.css */
.checkout-welcome[b-74x2yakfsn] { max-width: 35rem; margin: 0 auto; display: flex; flex-direction: column; align-items: stretch; gap: .875rem; text-align: center; }
.checkout-welcome-check[b-74x2yakfsn] { align-self: center; display: grid; place-items: center; width: 6.5rem; height: 6.5rem; border-radius: 50%; }
.checkout-welcome-check span[b-74x2yakfsn] { display: grid; place-items: center; width: 4.5rem; height: 4.5rem; border-radius: 50%; font-size: 2.25rem; }
.checkout-welcome-member[b-74x2yakfsn] { align-self: center; padding: .25rem .75rem; border-radius: 50rem; }
.checkout-welcome h1[b-74x2yakfsn] { font-size: 1.75rem; margin: 0; }
.checkout-welcome > p[b-74x2yakfsn] { margin: 0 auto; max-width: 20rem; }
.checkout-welcome-plan[b-74x2yakfsn] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .75rem; padding: .875rem 1rem; text-align: left; }
.checkout-welcome-plan > div[b-74x2yakfsn] { display: flex; flex-direction: column; }
.checkout-welcome-pickup[b-74x2yakfsn] { display: flex; flex-direction: column; gap: .75rem; padding: 1rem; border-radius: 1rem; text-align: left; }
.checkout-welcome-eyebrow[b-74x2yakfsn] { margin: 0; font-size: .875rem; font-weight: 600; }
.checkout-welcome-offer[b-74x2yakfsn] { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: .75rem; }
.checkout-welcome .btn[b-74x2yakfsn] { min-height: 3rem; border-radius: 50rem; }
/* /Pages/Messages.razor.rz.scp.css */
/* Chat geometry uses the shared Bootstrap palette in both themes. */
.messages-toolbar[b-5ssq3esg0b] { display: flex; align-items: center; gap: .75rem; flex-wrap: wrap; }
.messages-filterbar[b-5ssq3esg0b] { display: grid; grid-template-columns: minmax(8rem, 1fr) minmax(12rem, 3fr) auto auto; align-items: end; gap: 1rem; padding: 1rem; margin-bottom: 1.5rem; }
.viewer-messages-shell[b-5ssq3esg0b] { display: grid; grid-template-columns: minmax(15rem, 22rem) minmax(0, 1fr); gap: 1.5rem; }
.viewer-conversation-list[b-5ssq3esg0b] { display: flex; flex-direction: column; gap: .5rem; max-height: calc(100dvh - 15rem); overflow-y: auto; padding: 1rem; }
.viewer-conversation-item[b-5ssq3esg0b] { width: 100%; text-align: left; border: 1px solid var(--bs-border-color); border-radius: 1rem; padding: .875rem; background: var(--bs-body-bg); color: var(--bs-body-color); }
.viewer-conversation-item.active[b-5ssq3esg0b] { border-color: var(--bs-primary); background: var(--bs-primary-bg-subtle); }
.viewer-conversation-main[b-5ssq3esg0b] { display: flex; flex-direction: column; gap: .25rem; }
.viewer-conversation-unread[b-5ssq3esg0b], .message-type-chip[b-5ssq3esg0b] { border-radius: 50rem; padding: .125rem .5rem; font-size: .75rem; background: var(--bs-primary-bg-subtle); color: var(--bs-primary-text-emphasis); }
.viewer-message-thread[b-5ssq3esg0b] { min-width: 0; padding: 1.25rem; }
.viewer-thread-header[b-5ssq3esg0b] { display: flex; align-items: center; gap: .75rem; padding-bottom: 1rem; border-bottom: 1px solid var(--bs-border-color); }
.message-list[b-5ssq3esg0b] { display: flex; flex-direction: column; gap: .75rem; max-height: calc(100dvh - 25rem); min-height: 12rem; overflow-y: auto; padding: 1rem 0; }
.message-row[b-5ssq3esg0b] { display: flex; }
.message-row.outgoing[b-5ssq3esg0b] { justify-content: flex-end; }
.message-bubble[b-5ssq3esg0b] { max-width: min(85%, 42rem); padding: .75rem 1rem; border-radius: 1rem; border: 0; background: var(--bs-tertiary-bg); color: var(--bs-body-color); overflow-wrap: anywhere; }
.message-row.outgoing .message-bubble[b-5ssq3esg0b] { background: var(--bs-primary); color: var(--bs-white); border: 0; }
.message-bubble small[b-5ssq3esg0b] { display: flex; justify-content: flex-end; gap: .5rem; color: inherit; opacity: .8; }
.message-day-separator[b-5ssq3esg0b] { text-align: center; font-size: .75rem; }
.message-composer[b-5ssq3esg0b] { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .75rem; align-items: end; }
@media (max-width: 991.98px) {
    .messages-filterbar[b-5ssq3esg0b] { grid-template-columns: 1fr 1fr; }
    .viewer-messages-shell[b-5ssq3esg0b] { grid-template-columns: minmax(0, 1fr); }
    .viewer-messages-shell.has-thread .viewer-conversation-list[b-5ssq3esg0b] { display: none; }
    .viewer-messages-shell:not(.has-thread) .viewer-message-thread[b-5ssq3esg0b] { display: none; }
    .viewer-conversation-list[b-5ssq3esg0b] { max-height: none; }
    .message-list[b-5ssq3esg0b] { max-height: calc(100dvh - 28rem); }
}
@media (max-width: 575.98px) { .messages-filterbar[b-5ssq3esg0b] { grid-template-columns: minmax(0, 1fr); } }
/* /Pages/Offers.razor.rz.scp.css */
.modal-backdrop.show[b-8co8p5wmoy] {
    z-index: 1040;
    background: rgba(17, 17, 51, 0.48);
    opacity: 1;
}

.entity-editor-modal[b-8co8p5wmoy] {
    position: fixed;
    inset: 0;
    z-index: 1060;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 18px;
    overflow-y: auto;
}

.entity-editor-modal .modal-dialog[b-8co8p5wmoy] {
    width: min(760px, 100%);
    margin: 0;
    max-height: calc(100vh - 36px);
}

.entity-editor-modal .modal-content[b-8co8p5wmoy] {
    position: relative;
    display: flex;
    max-height: calc(100vh - 36px);
    flex-direction: column;
    overflow: hidden;
    border: 1px solid #e4e4ee;
    border-radius: 14px;
    background: #ffffff;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.175);
}

.entity-editor-modal .modal-header[b-8co8p5wmoy],
.entity-editor-modal .modal-body[b-8co8p5wmoy],
.entity-editor-modal .modal-footer[b-8co8p5wmoy] {
    border-color: #e4e4ee;
    background: #ffffff;
}

.entity-editor-modal .modal-header[b-8co8p5wmoy] {
    align-items: flex-start;
    flex: 0 0 auto;
    gap: 16px;
    padding: 16px 64px 16px 20px;
}

.entity-editor-modal .modal-title[b-8co8p5wmoy] {
    margin: 0;
    color: #111133;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.2;
}

.entity-editor-modal .modal-body[b-8co8p5wmoy] {
    min-height: 0;
    flex: 1 1 auto;
    overflow-y: auto;
    overscroll-behavior: contain;
    padding: 16px 20px 18px;
}

.entity-editor-modal .modal-footer[b-8co8p5wmoy] {
    flex: 0 0 auto;
    padding: 12px 20px;
}

.modal-close-button[b-8co8p5wmoy] {
    position: absolute;
    top: 12px;
    right: 12px;
    z-index: 2;
    display: inline-flex;
    width: 32px;
    height: 32px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border: 1px solid #e4e4ee;
    border-radius: 8px;
    background: #ffffff;
    color: #222266;
    font-family: Optimistic, sans-serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1;
    cursor: pointer;
    box-shadow: none;
}

.modal-close-button:hover[b-8co8p5wmoy],
.modal-close-button:focus[b-8co8p5wmoy] {
    border-color: #222266;
    background: rgba(34, 34, 102, 0.08);
    color: #222266;
    outline: none;
}

@media (max-width: 575.98px) {
    .entity-editor-modal[b-8co8p5wmoy] {
        align-items: flex-start;
        padding: 18px;
    }

    .entity-editor-modal .modal-dialog[b-8co8p5wmoy],
    .entity-editor-modal .modal-content[b-8co8p5wmoy] {
        max-height: calc(100vh - 36px);
    }

    .entity-editor-modal .modal-header[b-8co8p5wmoy],
    .entity-editor-modal .modal-body[b-8co8p5wmoy],
    .entity-editor-modal .modal-footer[b-8co8p5wmoy] {
        padding-left: 16px;
        padding-right: 16px;
    }

    .entity-editor-modal .modal-header[b-8co8p5wmoy] {
        padding-right: 56px;
    }
}
/* /Pages/Subscriptions.razor.rz.scp.css */
/* App-specific geometry; colors and controls come from the shared design stack. */
.myplan-top[b-wyfc4oh4ou] { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 20rem), 1fr)); gap: 1.5rem; margin-bottom: 1.5rem; }
.myplan-plans[b-wyfc4oh4ou] { display: flex; flex-direction: column; gap: 1rem; }
.myplan-plan[b-wyfc4oh4ou] { gap: .5rem; }
.myplan-plan h2[b-wyfc4oh4ou] { font-size: 1.25rem; margin: .375rem 0 0; }
.myplan-plan p[b-wyfc4oh4ou] { margin: 0; }
.myplan-plan-head[b-wyfc4oh4ou] { display: flex; justify-content: space-between; align-items: center; }
.myplan-status[b-wyfc4oh4ou] { text-transform: uppercase; }
.myplan-actions[b-wyfc4oh4ou] { display: flex; flex-wrap: wrap; gap: .625rem; margin-top: .625rem; }
.myplan-pill[b-wyfc4oh4ou] { min-height: 2.75rem; border-radius: 50rem; display: inline-flex; align-items: center; }
.myplan-savings h2[b-wyfc4oh4ou] { font-size: 1.125rem; }
[data-bs-theme="dark"] .myplan-savings-total[b-wyfc4oh4ou] { color: var(--cl-accent) !important; }
.myplan-bar[b-wyfc4oh4ou] { height: .625rem; margin: .75rem 0 .375rem; }
.myplan-bar-labels[b-wyfc4oh4ou] { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: .875rem; gap: .5rem; margin-bottom: .5rem; }
.myplan-savings-lines[b-wyfc4oh4ou] { margin: .75rem 0 .5rem; font-size: .875rem; }
.myplan-savings-lines p[b-wyfc4oh4ou] { margin: 0 0 .25rem; }
.myplan-card[b-wyfc4oh4ou] { margin-bottom: 1.5rem; }
.myplan-card h2[b-wyfc4oh4ou] { font-size: 1.125rem; }
.myplan-cancel[b-wyfc4oh4ou] { flex-direction: row; flex-wrap: wrap; align-items: center; gap: 1rem; }
.myplan-cancel > div[b-wyfc4oh4ou] { flex: 1 1 20rem; }
.myplan-cancel p[b-wyfc4oh4ou] { margin: 0; font-size: .875rem; }