/*
 * Late app surface normalizer.
 *
 * Theme and plugin pages can keep the soft page gradient, but working surfaces
 * should read as clean solid cards instead of translucent colour overlays.
 */

:root {
  --ed-page-canvas: linear-gradient(180deg, #fcfcfc 0%, #f3edff 52%, #ffffff 100%);
  --ed-app-surface: #ffffff;
  --ed-app-surface-raised: #ffffff;
  --ed-app-field: #ffffff;
  --ed-app-soft: #f3edff;
  --ed-app-border: #e7def0;
  --ed-app-border-strong: color-mix(in srgb, #e7def0 78%, #0d062a);
  --ed-app-text: var(--ed-text, #0d062a);
  --ed-app-muted: var(--ed-muted, #5a506e);
  --ed-app-shadow: 0 18px 48px rgba(13, 6, 42, 0.08);
  --ed-app-shadow-soft: 0 10px 28px rgba(13, 6, 42, 0.055);
}

html[data-ed-theme="dark"] {
  --ed-page-canvas: linear-gradient(180deg, #0d062a 0%, #060315 100%);
  --ed-app-surface: var(--ed-surface, #171036);
  --ed-app-surface-raised: var(--ed-surface-raised, #21164a);
  --ed-app-field: var(--ed-surface-soft, #21164a);
  --ed-app-soft: rgba(117, 36, 219, 0.12);
  --ed-app-border: #352556;
  --ed-app-border-strong: #514071;
  --ed-app-text: var(--ed-text, #fcfcfc);
  --ed-app-muted: var(--ed-muted, #d7cfe4);
  --ed-app-shadow: 0 24px 70px rgba(0, 0, 0, 0.34);
  --ed-app-shadow-soft: 0 14px 42px rgba(0, 0, 0, 0.26);
}

html:not([data-ed-theme="dark"]) {
  --ed-bg: #fcfcfc;
  --ed-bg-light: #fcfcfc;
  --ed-bg-soft: #f3edff;
  --ed-bg-warm: #fff0f7;
  --ed-bg-deep: #e9f7fa;
  --ed-color-body-bg: var(--ed-page-canvas);
  --ed-color-surface: #ffffff;
  --ed-color-surface-strong: #ffffff;
  --ed-color-panel-bg: #ffffff;
  --w2d-ui-surface: #ffffff;
  --w2d-ui-surface-strong: #ffffff;
}

html[data-ed-theme="dark"] {
  --ed-color-body-bg: var(--ed-page-canvas);
  --ed-color-surface: var(--ed-app-surface);
  --ed-color-surface-strong: var(--ed-app-surface-raised);
  --ed-color-panel-bg: var(--ed-app-surface-raised);
  --w2d-ui-surface: var(--ed-app-surface);
  --w2d-ui-surface-strong: var(--ed-app-surface-raised);
}

html,
body,
.site-main {
  background: var(--ed-page-canvas) !important;
}

/* Explore follows whichever live palette is selected instead of retaining the
   legacy lavender canvas. The semantic tokens already switch with light/dark. */
body.edx-explore-page,
body.edx-explore-page .site-main {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--ed-color-surface, #fff) 94%, var(--ed-color-primary, #7c3aed)) 0%,
      var(--ed-color-soft, #f8fafc) 58%,
      var(--ed-color-surface, #fff) 100%
    ) !important;
}

html[data-ed-theme="dark"] body.edx-explore-page,
html[data-ed-theme="dark"] body.edx-explore-page .site-main {
  background:
    linear-gradient(
      180deg,
      color-mix(in srgb, var(--ed-color-surface, #15151d) 92%, var(--ed-color-primary, #7c3aed)) 0%,
      var(--ed-color-soft, #15151d) 100%
    ) !important;
}

html:not([data-ed-theme="dark"]) :is(
  .ed-sales-page,
  .w2d-organisation-dashboard,
  .w2d-organisation-invites,
  .w2d-providers-dashboard,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-dance-style-hub:not(.my-flavour-app),
  .w2d-public-event,
  .edx-explore,
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) {
  background: transparent !important;
  background-image: none !important;
}

:is(
  .w2d-organisation-dashboard,
  .w2d-providers-dashboard,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-dance-style-hub:not(.my-flavour-app),
  .w2d-public-event,
  .edx-explore,
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) {
  color: var(--ed-app-text);
}

.edx-explore {
  --edx-bg: transparent;
  --edx-panel: var(--ed-app-surface);
  --edx-surface: var(--ed-app-surface);
  --edx-soft: var(--ed-app-field);
  --edx-ink: var(--ed-app-text);
  --edx-muted: var(--ed-app-muted);
  --edx-line: var(--ed-app-border);
  --edx-shadow: var(--ed-app-shadow);
  --edx-shadow-soft: var(--ed-app-shadow-soft);
}

html:not([data-ed-theme="dark"]) .edx-explore,
html[data-ed-theme="light"] .edx-explore,
html[data-ed-theme="dark"] .edx-explore {
  --edx-bg: transparent !important;
  --edx-panel: var(--ed-app-surface) !important;
  --edx-surface: var(--ed-app-surface) !important;
  --edx-soft: var(--ed-app-field) !important;
  --edx-ink: var(--ed-app-text) !important;
  --edx-muted: var(--ed-app-muted) !important;
  --edx-line: var(--ed-app-border) !important;
  --edx-shadow: var(--ed-app-shadow) !important;
  --edx-shadow-soft: var(--ed-app-shadow-soft) !important;
  background: transparent !important;
  color: var(--ed-app-text) !important;
}

.w2d-organisation-dashboard {
  --w2d-org-card: var(--ed-app-surface);
  --w2d-org-card-strong: var(--ed-app-surface-raised);
  --w2d-org-border: var(--ed-app-border);
  --w2d-org-border-strong: var(--ed-app-border-strong);
  --w2d-org-muted: var(--ed-app-muted);
  --w2d-org-shadow: var(--ed-app-shadow);
  --w2d-org-shadow-soft: var(--ed-app-shadow-soft);
}

.w2d-providers-dashboard {
  --w2d-provider-card: var(--ed-app-surface);
  --w2d-provider-card-strong: var(--ed-app-surface-raised);
  --w2d-provider-border: var(--ed-app-border);
  --w2d-provider-border-strong: var(--ed-app-border-strong);
  --w2d-provider-muted: var(--ed-app-muted);
  --w2d-provider-shadow: var(--ed-app-shadow);
  --w2d-provider-shadow-soft: var(--ed-app-shadow-soft);
}

.w2d-event-wrap {
  --w2d-editor-surface: var(--ed-app-surface);
  --w2d-editor-raised: var(--ed-app-surface-raised);
  --w2d-editor-soft: var(--ed-app-field);
  --w2d-editor-sheet: var(--ed-app-surface);
}

.w2d-business-signup {
  --w2d-business-card: var(--ed-app-surface);
  --w2d-business-border: var(--ed-app-border);
  --w2d-business-muted: var(--ed-app-muted);
  --w2d-business-shadow: var(--ed-app-shadow);
  --w2d-business-shadow-soft: var(--ed-app-shadow-soft);
}

:is(.w2d-org-profile-wrap, .w2d-provider-profile, .w2d-profp-wrap) {
  --w2d-profile-card: var(--ed-app-surface);
  --w2d-profile-card-strong: var(--ed-app-surface-raised);
  --w2d-profile-border: var(--ed-app-border);
  --w2d-profile-border-strong: var(--ed-app-border-strong);
  --w2d-profile-muted: var(--ed-app-muted);
  --w2d-profile-shadow: var(--ed-app-shadow);
  --w2d-profile-shadow-soft: var(--ed-app-shadow-soft);
}

:is(
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) {
  --edm-surface: var(--ed-app-surface);
  --edm-surface-strong: var(--ed-app-surface-raised);
  --edm-panel-bg: var(--ed-app-surface);
  --edm-line: var(--ed-app-border);
  --edm-line-strong: var(--ed-app-border-strong);
}

/* Core app sheets and cards */
.w2d-organisation-dashboard :where(
  .w2d-dashboard-hero,
  .w2d-organisation-card,
  .w2d-org-subscription,
  .w2d-organisation-panel,
  .w2d-stat,
  .w2d-branch-card,
  .w2d-dashboard-notice,
  .w2d-dashboard-empty,
  .w2d-dashboard-help,
  .w2d-slot-preview-panel,
  .w2d-slot-protection-panel,
  .w2d-invite-card,
  .w2d-invite-row,
  .w2d-notice,
  .w2d-card
),
.w2d-providers-dashboard :where(
  .w2d-provider-card,
  .w2d-provider-panel,
  .w2d-dashboard-notice,
  .w2d-dashboard-empty,
  .w2d-dashboard-help,
  .w2d-stat,
  .w2d-events-card,
  .w2d-events-panel,
  .w2d-event-management,
  .w2d-events-manager,
  .w2d-event-card,
  .w2d-calendar-card,
  .w2d-calendar,
  .w2d-provider-subscription,
  .w2d-subscription-plan,
  .w2d-activation-notice,
  .w2d-notice,
  .w2d-card
),
.w2d-orgedit-wrap :where(
  .w2d-card,
  .w2d-section-card,
  .w2d-image-upload,
  .w2d-leave-modal__panel,
  .w2d-notice
),
.w2d-editor-wrap :where(
  .w2d-editor-card,
  .w2d-section-card,
  .w2d-image-upload,
  .w2d-leave-modal__panel,
  .w2d-notice
),
.w2d-event-wrap :where(
  .w2d-card,
  .w2d-panel,
  .w2d-step-controller,
  .w2d-step-mobile__panel,
  .w2d-step-shell,
  .w2d-step-section,
  .w2d-style-step,
  .w2d-style-selected,
  .w2d-style-search-inline,
  .w2d-style-search-results,
  .w2d-style-panel__sheet,
  .w2d-style-panel__head,
  .w2d-style-panel__tools,
  .w2d-style-panel__foot,
  .w2d-style-category-panel,
  .w2d-style-folder,
  .w2d-date-card,
  .w2d-schedule-card,
  .w2d-review-section,
  .w2d-upload-card,
  .w2d-notice
),
.w2d-business-signup :where(
  .w2d-business-signup__panel,
  .w2d-business-package,
  .w2d-business-review,
  .w2d-business-review-note,
  .w2d-business-next-card,
  .w2d-business-admin-note,
  .w2d-business-notice,
  .w2d-business-progress,
  .w2d-business-style-picker,
  .w2d-card,
  .w2d-style-step,
  .w2d-style-selected,
  .w2d-style-search-inline,
  .w2d-style-search-results,
  .w2d-style-panel__sheet,
  .w2d-style-panel__head,
  .w2d-style-panel__tools,
  .w2d-style-panel__foot,
  .w2d-style-category-panel,
  .w2d-style-folder
),
:is(.w2d-org-profile-wrap, .w2d-provider-profile, .w2d-profp-wrap) :where(
  .w2d-hero,
  .w2d-card,
  .w2d-composer,
  .w2d-feed-item,
  .w2d-event-card,
  .w2d-member-card,
  .w2d-info-card,
  .w2d-branch-card,
  .w2d-resource-item,
  .w2d-stat,
  .w2d-nav,
  .w2d-empty,
  .w2d-notice,
  .w2d-reply-form,
  .w2d-post-menu-panel,
  .w2d-comment-menu-panel,
  .w2d-options-picker,
  .w2d-mobile-sheet
),
:is(
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) :where(
  .edm-card,
  .edm-feed-item,
  .edm-profile-hero,
  .edm-profile-head,
  .edm-profile-card,
  .edm-profile-panel,
  .edm-profile-section,
  .edm-composer,
  .edm-feed-composer,
  .edm-feed-card,
  .edm-member-card,
  .edm-settings-card,
  .edm-settings-group,
  .edm-verification-card,
  .edm-local-settings-card,
  .edm-social-row,
  .edm-social-panel,
  .edm-notification-item,
  .edm-message-card,
  .edm-new-message-panel,
  .edm-chat-panel,
  .edm-empty,
  .edm-menu-panel,
  .edm-options-modal,
  .edm-modal,
  .edm-dialog,
  .edm-bottom-sheet,
  .edm-upload-card
),
.w2d-public-event :where(.w2d-card, .w2d-hero, .w2d-review, .w2d-panel, .w2d-event-card),
.w2d-dance-style-hub:not(.my-flavour-app) :where(.w2d-card, .w2d-panel, .w2d-style-card, .w2d-event-card),
.edx-explore :where(
  .edx-shell,
  .edx-hero,
  .edx-filters,
  .edx-results-shell,
  .edx-event,
  .edx-agenda-date,
  .edx-map-panel,
  .edx-map-info,
  .edx-map-status,
  .edx-empty,
  .edx-explore--notice,
  .edx-view-switcher,
  .edx-mobile-tabs,
  .edx-map-topbar,
  .edx-map-quick-search,
  .edx-filter-toggle,
  .edx-results::before
) {
  background: var(--ed-app-surface) !important;
  background-color: var(--ed-app-surface) !important;
  background-image: none !important;
  border-color: var(--ed-app-border) !important;
  box-shadow: var(--ed-app-shadow-soft) !important;
  color: var(--ed-app-text) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-ed-theme="light"] .edx-explore :where(
  .edx-shell,
  .edx-hero,
  .edx-filters,
  .edx-results-shell,
  .edx-event,
  .edx-agenda-date,
  .edx-map-panel,
  .edx-map-info,
  .edx-map-status,
  .edx-empty,
  .edx-explore--notice,
  .edx-view-switcher,
  .edx-mobile-tabs,
  .edx-map-topbar,
  .edx-map-quick-search,
  .edx-filter-toggle
),
html[data-ed-theme="dark"] .edx-explore :where(
  .edx-shell,
  .edx-hero,
  .edx-filters,
  .edx-results-shell,
  .edx-event,
  .edx-agenda-date,
  .edx-map-panel,
  .edx-map-info,
  .edx-map-status,
  .edx-empty,
  .edx-explore--notice,
  .edx-view-switcher,
  .edx-mobile-tabs,
  .edx-map-topbar,
  .edx-map-quick-search,
  .edx-filter-toggle
),
html[data-ed-theme="light"] .edx-explore[data-view="map"],
html[data-ed-theme="light"] .edx-explore[data-view="map"] .edx-shell,
html[data-ed-theme="dark"] .edx-explore[data-view="map"],
html[data-ed-theme="dark"] .edx-explore[data-view="map"] .edx-shell {
  background: var(--ed-app-surface) !important;
  background-color: var(--ed-app-surface) !important;
  background-image: none !important;
  border-color: var(--ed-app-border) !important;
  color: var(--ed-app-text) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Inner cards that should be quieter but still solid */
.w2d-organisation-dashboard :where(.w2d-branch-list, .w2d-branch-row, .w2d-branch-invites, .w2d-billing-actions, .w2d-slot-control),
.w2d-providers-dashboard :where(.w2d-event-row, .w2d-calendar-day, .w2d-filter-bar, .w2d-management-toolbar),
.w2d-event-wrap :where(.w2d-style-search-results__list, .w2d-venue-result, .w2d-selected-venue, .w2d-date-row, .w2d-exception-row),
.w2d-business-signup :where(.w2d-business-field-card, .w2d-business-summary, .w2d-business-payment-summary),
:is(.w2d-org-profile-wrap, .w2d-provider-profile, .w2d-profp-wrap) :where(.w2d-comment-item, .w2d-feed-reply, .w2d-resource-card, .w2d-contact-row),
:is(.edm-profile, .edm-account-settings, .edm-directory, .edm-messages, .edm-auth, .edm-friends, .edm-notifications, .edm-local) :where(.edm-feed-comment, .edm-reply-form, .edm-friend-card, .edm-message-row, .edm-auth-help),
.edx-explore :where(.edx-card-media, .edx-provider, .edx-next-dates span, .edx-filter-chip, .edx-quick-chips button, .edx-field input, .edx-field select) {
  background: var(--ed-app-surface-raised) !important;
  background-color: var(--ed-app-surface-raised) !important;
  background-image: none !important;
  border-color: var(--ed-app-border) !important;
  color: var(--ed-app-text) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Keep form controls crisp against the page gradient. */
:is(
  .w2d-organisation-dashboard,
  .w2d-providers-dashboard,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  textarea,
  select,
  .w2d-style-search input
) {
  background: var(--ed-app-field) !important;
  background-image: none !important;
  border-color: var(--ed-app-border) !important;
  color: var(--ed-app-text) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

:is(
  .w2d-organisation-dashboard,
  .w2d-providers-dashboard,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) :where(input::placeholder, textarea::placeholder) {
  color: color-mix(in srgb, var(--ed-app-muted) 72%, transparent) !important;
}

/* Restore readable copy where old dark-mode rules left dark text on dark panels. */
html[data-ed-theme="dark"] :is(
  .w2d-organisation-dashboard,
  .w2d-providers-dashboard,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-dance-style-hub:not(.my-flavour-app),
  .w2d-public-event,
  .edx-explore,
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) :where(h1, h2, h3, h4, h5, h6, strong, label, legend, .w2d-title, .w2d-card-title, .edm-card-title) {
  color: var(--ed-app-text) !important;
}

html[data-ed-theme="dark"] :is(
  .w2d-organisation-dashboard,
  .w2d-providers-dashboard,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-dance-style-hub:not(.my-flavour-app),
  .w2d-public-event,
  .edx-explore,
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) :where(
  p,
  small,
  .w2d-muted,
  .w2d-help,
  .w2d-card-meta,
  .w2d-dashboard-subtitle,
  .w2d-section-subtitle,
  .w2d-field-help,
  .w2d-member-role,
  .w2d-feed-meta,
  .edm-muted,
  .edm-meta,
  .edm-profile-bio,
  .edm-card-subtitle,
  .edm-feed-meta,
  .edm-member-meta
) {
  color: var(--ed-app-muted) !important;
}

/* Active/selected controls can retain accent, but avoid translucent glass. */
.w2d-event-wrap :where(.w2d-step.is-active, .w2d-step[aria-current="step"], .w2d-style-pill.is-selected),
.w2d-business-signup :where(.w2d-step.is-active, .w2d-business-package.is-selected, .w2d-style-pill.is-selected),
:is(.edm-profile, .edm-account-settings) :where(.edm-profile-tabs .is-active, .edm-settings-choice.is-active),
:is(.w2d-org-profile-wrap, .w2d-provider-profile, .w2d-profp-wrap) :where(.w2d-nav .is-active, .w2d-tab.is-active) {
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/* Do not let image upload/drop zones tint the entire editor. */
.w2d-orgedit-wrap :where(.w2d-image-upload__body, .w2d-image-upload__content),
.w2d-editor-wrap :where(.w2d-image-upload__body, .w2d-image-upload__content),
.w2d-event-wrap :where(.w2d-upload-dropzone, .w2d-upload-preview),
:is(.edm-profile, .edm-account-settings) :where(.edm-upload-card__frame) {
  background: var(--ed-app-field) !important;
  background-image: none !important;
  border-color: var(--ed-app-border) !important;
}

/* The mobile style picker is a sheet, not a tinted overlay card. */
.w2d-style-panel__sheet {
  background: var(--ed-app-surface) !important;
  color: var(--ed-app-text) !important;
}

html[data-ed-theme="dark"] .w2d-style-panel__sheet {
  background: var(--ed-app-surface-raised) !important;
}

@media (max-width: 720px) {
  .w2d-event-wrap :where(.w2d-card, .w2d-step-controller, .w2d-step-mobile__panel),
  .w2d-business-signup :where(.w2d-business-signup__panel, .w2d-business-package, .w2d-business-review),
  :is(.w2d-org-profile-wrap, .w2d-provider-profile, .w2d-profp-wrap) :where(.w2d-card, .w2d-composer, .w2d-feed-item),
  :is(.edm-profile, .edm-account-settings) :where(.edm-card, .edm-feed-item, .edm-profile-hero) {
    background: var(--ed-app-surface) !important;
    background-image: none !important;
  }
}

/*
 * Final surface lock.
 *
 * Some shortcode styles ship later, highly-specific glass/gradient rules with
 * !important. Keep the page gradient, but force real app containers to be solid.
 */
html:not([data-ed-theme="dark"]) :is(
  .w2d-organisation-dashboard,
  .w2d-organisation-invites,
  .w2d-providers-dashboard,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) :is(
  .w2d-dashboard-hero,
  .w2d-organisation-card,
  .w2d-org-subscription,
  .w2d-organisation-panel,
  .w2d-organisation-empty,
  .w2d-slot-preview-panel,
  .w2d-slot-protection-panel,
  .w2d-slot-preview-panel__grid > div,
  .w2d-slot-protection-panel__stats > div,
  .w2d-invite-card,
  .w2d-invite-row,
  .w2d-provider-card,
  .w2d-provider-panel,
  .w2d-provider-overview,
  .w2d-events-manager,
  .w2d-events-pane,
  .w2d-event-list,
  .w2d-event-card,
  .w2d-event-family,
  .w2d-event-family__group,
  .w2d-event-family__item,
  .w2d-calendar,
  .w2d-calendar__grid,
  .w2d-calendar__day-panel,
  .w2d-calendar__day-list,
  .w2d-cal-grid,
  .w2d-cal-daypanel,
  .w2d-dashboard-notice,
  .w2d-dashboard-empty,
  .w2d-dashboard-help,
  .w2d-activation-notice,
  .w2d-grace-warning,
  .w2d-plan-choice,
  .w2d-business-settings__panel,
  .w2d-options-menu,
  .w2d-filterbar,
  .w2d-view-toggle,
  .w2d-stat,
  .w2d-card,
  .w2d-panel,
  .w2d-section-card,
  .w2d-editor-card,
  .w2d-step-controller,
  .w2d-step-mobile__panel,
  .w2d-step-shell,
  .w2d-step-section,
  .w2d-style-step,
  .w2d-style-selected,
  .w2d-style-search-inline,
  .w2d-style-search-results,
  .w2d-style-panel__sheet,
  .w2d-style-panel__head,
  .w2d-style-panel__tools,
  .w2d-style-panel__foot,
  .w2d-style-category-panel,
  .w2d-date-card,
  .w2d-schedule-card,
  .w2d-review-section,
  .w2d-upload-card,
  .w2d-business-signup__panel,
  .w2d-business-package,
  .w2d-business-review,
  .w2d-business-review-note,
  .w2d-business-next-card,
  .w2d-business-admin-note,
  .w2d-business-progress,
  .w2d-business-style-picker,
  .w2d-org-hero,
  .w2d-hero,
  .w2d-composer,
  .w2d-composer-box,
  .w2d-feed-item,
  .w2d-member-card,
  .w2d-info-card,
  .w2d-branch-card,
  .w2d-resource-item,
  .w2d-reply-body,
  .w2d-reply-form,
  .w2d-post-menu-panel,
  .w2d-comment-menu-panel,
  .w2d-nav,
  .w2d-empty,
  .w2d-notice,
  .edm-card,
  .edm-feed-item,
  .edm-profile-hero,
  .edm-profile-head,
  .edm-profile-card,
  .edm-profile-panel,
  .edm-profile-section,
  .edm-profile-tabs,
  .edm-composer,
  .edm-feed-composer,
  .edm-feed-card,
  .edm-member-card,
  .edm-settings-card,
  .edm-settings-group,
  .edm-verification-card,
  .edm-local-settings-card,
  .edm-social-row,
  .edm-social-panel,
  .edm-notification-item,
  .edm-message-card,
  .edm-new-message-panel,
  .edm-chat-panel,
  .edm-empty,
  .edm-menu-panel,
  .edm-options-modal,
  .edm-modal,
  .edm-dialog,
  .edm-bottom-sheet,
  .edm-upload-card
),
html[data-ed-theme="dark"] :is(
  .w2d-organisation-dashboard,
  .w2d-organisation-invites,
  .w2d-providers-dashboard,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) :is(
  .w2d-dashboard-hero,
  .w2d-organisation-card,
  .w2d-org-subscription,
  .w2d-organisation-panel,
  .w2d-organisation-empty,
  .w2d-slot-preview-panel,
  .w2d-slot-protection-panel,
  .w2d-slot-preview-panel__grid > div,
  .w2d-slot-protection-panel__stats > div,
  .w2d-invite-card,
  .w2d-invite-row,
  .w2d-provider-card,
  .w2d-provider-panel,
  .w2d-provider-overview,
  .w2d-events-manager,
  .w2d-events-pane,
  .w2d-event-list,
  .w2d-event-card,
  .w2d-event-family,
  .w2d-event-family__group,
  .w2d-event-family__item,
  .w2d-calendar,
  .w2d-calendar__grid,
  .w2d-calendar__day-panel,
  .w2d-calendar__day-list,
  .w2d-cal-grid,
  .w2d-cal-daypanel,
  .w2d-dashboard-notice,
  .w2d-dashboard-empty,
  .w2d-dashboard-help,
  .w2d-activation-notice,
  .w2d-grace-warning,
  .w2d-plan-choice,
  .w2d-business-settings__panel,
  .w2d-options-menu,
  .w2d-filterbar,
  .w2d-view-toggle,
  .w2d-stat,
  .w2d-card,
  .w2d-panel,
  .w2d-section-card,
  .w2d-editor-card,
  .w2d-step-controller,
  .w2d-step-mobile__panel,
  .w2d-step-shell,
  .w2d-step-section,
  .w2d-style-step,
  .w2d-style-selected,
  .w2d-style-search-inline,
  .w2d-style-search-results,
  .w2d-style-panel__sheet,
  .w2d-style-panel__head,
  .w2d-style-panel__tools,
  .w2d-style-panel__foot,
  .w2d-style-category-panel,
  .w2d-date-card,
  .w2d-schedule-card,
  .w2d-review-section,
  .w2d-upload-card,
  .w2d-business-signup__panel,
  .w2d-business-package,
  .w2d-business-review,
  .w2d-business-review-note,
  .w2d-business-next-card,
  .w2d-business-admin-note,
  .w2d-business-progress,
  .w2d-business-style-picker,
  .w2d-org-hero,
  .w2d-hero,
  .w2d-composer,
  .w2d-composer-box,
  .w2d-feed-item,
  .w2d-member-card,
  .w2d-info-card,
  .w2d-branch-card,
  .w2d-resource-item,
  .w2d-reply-body,
  .w2d-reply-form,
  .w2d-post-menu-panel,
  .w2d-comment-menu-panel,
  .w2d-nav,
  .w2d-empty,
  .w2d-notice,
  .edm-card,
  .edm-feed-item,
  .edm-profile-hero,
  .edm-profile-head,
  .edm-profile-card,
  .edm-profile-panel,
  .edm-profile-section,
  .edm-profile-tabs,
  .edm-composer,
  .edm-feed-composer,
  .edm-feed-card,
  .edm-member-card,
  .edm-settings-card,
  .edm-settings-group,
  .edm-verification-card,
  .edm-local-settings-card,
  .edm-social-row,
  .edm-social-panel,
  .edm-notification-item,
  .edm-message-card,
  .edm-new-message-panel,
  .edm-chat-panel,
  .edm-empty,
  .edm-menu-panel,
  .edm-options-modal,
  .edm-modal,
  .edm-dialog,
  .edm-bottom-sheet,
  .edm-upload-card
) {
  background: var(--ed-app-surface) !important;
  background-color: var(--ed-app-surface) !important;
  background-image: none !important;
  border-color: var(--ed-app-border) !important;
  color: var(--ed-app-text) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html:not([data-ed-theme="dark"]) :is(
  .w2d-organisation-dashboard,
  .w2d-organisation-invites,
  .w2d-providers-dashboard,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .edm-profile,
  .edm-account-settings
) :is(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  textarea,
  select,
  .w2d-style-search input,
  .w2d-org-input,
  .w2d-input,
  .edm-input
) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: var(--ed-app-border) !important;
  color: var(--ed-app-text) !important;
}

/* Premium action colour system: solid, readable, and consistent. */
:root {
  --ed-premium-action: #24204a;
  --ed-premium-action-hover: #11152b;
  --ed-premium-action-rgb: 36, 32, 74;
  --ed-premium-midnight: #11152b;
  --ed-premium-midnight-rgb: 17, 21, 43;
  --ed-premium-action-shadow: 0 14px 32px rgba(var(--ed-premium-action-rgb), 0.22);
}

html[data-ed-theme="dark"] {
  --ed-premium-action: #7524db;
  --ed-premium-action-hover: color-mix(in srgb, #7524db 78%, #ffffff);
  --ed-premium-action-rgb: 117, 36, 219;
  --ed-premium-action-shadow: 0 16px 38px rgba(var(--ed-premium-action-rgb), 0.30);
}

:is(
  .w2d-organisation-dashboard,
  .w2d-organisation-invites,
  .w2d-providers-dashboard,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-public-event,
  .edx-explore,
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) :is(
  .w2d-btn-primary,
  button.w2d-btn-primary,
  a.w2d-btn-primary,
  .w2d-business-btn--primary,
  button.w2d-business-btn--primary,
  a.w2d-business-btn--primary,
  .w2d-post-btn,
  button.w2d-post-btn,
  .w2d-save-btn,
  button.w2d-save-btn,
  .w2d-submit,
  button.w2d-submit,
  .edm-btn-primary,
  button.edm-btn-primary,
  a.edm-btn-primary,
  .edm-button-primary,
  button.edm-button-primary,
  .edm-post-btn,
  button.edm-post-btn,
  .edx-search__button,
  button.edx-search__button
),
:is(
  .w2d-organisation-dashboard,
  .w2d-organisation-invites,
  .w2d-providers-dashboard,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-public-event,
  .edx-explore,
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) :is(button, a, input[type="submit"]):not(.edm-save-event-icon):is(
  [class*="primary"],
  [class*="submit"],
  [class*="save"]
) {
  background: var(--ed-premium-action) !important;
  background-color: var(--ed-premium-action) !important;
  background-image: none !important;
  border-color: rgba(var(--ed-premium-action-rgb), 0.38) !important;
  color: #ffffff !important;
  box-shadow: var(--ed-premium-action-shadow) !important;
  text-shadow: none !important;
}

:is(
  .w2d-organisation-dashboard,
  .w2d-organisation-invites,
  .w2d-providers-dashboard,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-public-event,
  .edx-explore,
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) :is(
  .w2d-btn-primary,
  button.w2d-btn-primary,
  a.w2d-btn-primary,
  .w2d-business-btn--primary,
  button.w2d-business-btn--primary,
  a.w2d-business-btn--primary,
  .w2d-post-btn,
  button.w2d-post-btn,
  .w2d-save-btn,
  button.w2d-save-btn,
  .w2d-submit,
  button.w2d-submit,
  .edm-btn-primary,
  button.edm-btn-primary,
  a.edm-btn-primary,
  .edm-button-primary,
  button.edm-button-primary,
  .edm-post-btn,
  button.edm-post-btn,
  .edx-search__button,
  button.edx-search__button
):is(:hover, :focus-visible),
:is(
  .w2d-organisation-dashboard,
  .w2d-organisation-invites,
  .w2d-providers-dashboard,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-public-event,
  .edx-explore,
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) :is(button, a, input[type="submit"]):not(.edm-save-event-icon):is(
  [class*="primary"],
  [class*="submit"],
  [class*="save"]
):is(:hover, :focus-visible) {
  background: var(--ed-premium-action-hover) !important;
  background-color: var(--ed-premium-action-hover) !important;
  background-image: none !important;
  border-color: rgba(var(--ed-premium-action-rgb), 0.44) !important;
  color: #ffffff !important;
  box-shadow: 0 18px 40px rgba(var(--ed-premium-action-rgb), 0.28) !important;
}

.w2d-business-signup .w2d-business-progress .is-active,
.w2d-business-signup .w2d-business-progress .is-complete,
.w2d-business-signup .w2d-business-progress .is-active span,
.w2d-business-signup .w2d-business-progress .is-complete span,
.w2d-event-wrap :is(.w2d-step, .w2d-step-item, .w2d-step-tab).is-active,
.w2d-editor-wrap :is(.w2d-step, .w2d-step-item, .w2d-step-tab).is-active {
  background: var(--ed-premium-action) !important;
  background-color: var(--ed-premium-action) !important;
  background-image: none !important;
  border-color: rgba(var(--ed-premium-action-rgb), 0.38) !important;
  color: #ffffff !important;
  box-shadow: var(--ed-premium-action-shadow) !important;
}

.w2d-business-signup .w2d-business-progress .is-active *,
.w2d-business-signup .w2d-business-progress .is-complete *,
.w2d-event-wrap :is(.w2d-step, .w2d-step-item, .w2d-step-tab).is-active *,
.w2d-editor-wrap :is(.w2d-step, .w2d-step-item, .w2d-step-tab).is-active * {
  color: #ffffff !important;
}

.w2d-business-signup .w2d-business-package.is-selected::before,
.w2d-business-signup .w2d-business-package.is-featured::before,
.w2d-business-signup .w2d-business-progress::before,
.w2d-event-wrap .w2d-step-controller::before,
.w2d-editor-wrap .w2d-step-controller::before {
  background: var(--ed-premium-action) !important;
  background-color: var(--ed-premium-action) !important;
  background-image: none !important;
}

/*
 * Neutral canvas lock.
 *
 * The brand accent can stay purple, but the page background and working cards
 * should not inherit purple/pink/gold washes from older feature styles.
 */
html:not([data-ed-theme="dark"]) {
  --ed-page-canvas: linear-gradient(180deg, #fcfcfc 0%, #f3edff 52%, #ffffff 100%);
  --ed-app-surface: #ffffff;
  --ed-app-surface-raised: #ffffff;
  --ed-app-field: #ffffff;
  --ed-app-soft: #f3edff;
  --ed-app-border: #e7def0;
  --ed-app-shadow: 0 18px 48px rgba(13, 6, 42, 0.08);
  --ed-app-shadow-soft: 0 10px 28px rgba(13, 6, 42, 0.055);
  --ed-color-body-bg: var(--ed-page-canvas);
  --ed-color-drawer-bg: #ffffff;
}

html:not([data-ed-theme="dark"]),
html:not([data-ed-theme="dark"]) body,
html:not([data-ed-theme="dark"]) .site-main {
  background: var(--ed-page-canvas) !important;
  background-color: #fcfcfc !important;
}

html:not([data-ed-theme="dark"]) :is(
  .ed-sales-page,
  .w2d-organisation-dashboard,
  .w2d-organisation-invites,
  .w2d-providers-dashboard,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .w2d-public-event,
  .w2d-dance-style-hub:not(.my-flavour-app),
  .edx-explore,
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) {
  background: transparent !important;
  background-image: none !important;
}

html:not([data-ed-theme="dark"]) :is(
  .ed-sales-page,
  .w2d-business-signup,
  .w2d-organisation-dashboard,
  .w2d-providers-dashboard,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-event-wrap,
  .edx-explore
)::before,
html:not([data-ed-theme="dark"]) :is(
  .ed-sales-page,
  .w2d-business-signup,
  .w2d-organisation-dashboard,
  .w2d-providers-dashboard,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-event-wrap,
  .edx-explore
)::after {
  background: none !important;
  background-image: none !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

html:not([data-ed-theme="dark"]) :is(
  .ed-sales-page,
  .w2d-organisation-dashboard,
  .w2d-organisation-invites,
  .w2d-providers-dashboard,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap,
  .w2d-orgedit-wrap,
  .w2d-editor-wrap,
  .w2d-event-wrap,
  .w2d-business-signup,
  .w2d-public-event,
  .w2d-dance-style-hub:not(.my-flavour-app),
  .edx-explore,
  .edm-profile,
  .edm-account-settings,
  .edm-directory,
  .edm-messages,
  .edm-auth,
  .edm-friends,
  .edm-notifications,
  .edm-local
) :is(
  .ed-sales-card,
  .ed-sales-panel,
  .ed-sales-step,
  .ed-sales-price-card,
  .ed-sales-feature-card,
  .ed-sales-proof-card,
  .w2d-dashboard-hero,
  .w2d-organisation-card,
  .w2d-org-subscription,
  .w2d-organisation-panel,
  .w2d-organisation-empty,
  .w2d-slot-preview-panel,
  .w2d-slot-protection-panel,
  .w2d-invite-card,
  .w2d-invite-row,
  .w2d-provider-card,
  .w2d-provider-panel,
  .w2d-provider-overview,
  .w2d-events-manager,
  .w2d-events-pane,
  .w2d-event-list,
  .w2d-event-card,
  .w2d-calendar,
  .w2d-calendar__grid,
  .w2d-calendar__day-panel,
  .w2d-calendar__day-list,
  .w2d-cal-grid,
  .w2d-cal-daypanel,
  .w2d-card,
  .w2d-panel,
  .w2d-section-card,
  .w2d-editor-card,
  .w2d-step-controller,
  .w2d-step-mobile__panel,
  .w2d-step-shell,
  .w2d-step-section,
  .w2d-style-step,
  .w2d-style-selected,
  .w2d-style-search-inline,
  .w2d-style-search-results,
  .w2d-style-panel__sheet,
  .w2d-style-category-panel,
  .w2d-date-card,
  .w2d-schedule-card,
  .w2d-review-section,
  .w2d-upload-card,
  .w2d-business-signup__panel,
  .w2d-business-package,
  .w2d-business-review,
  .w2d-business-review-note,
  .w2d-business-next-card,
  .w2d-business-admin-note,
  .w2d-business-progress,
  .w2d-business-style-picker,
  .w2d-hero,
  .w2d-composer,
  .w2d-composer-box,
  .w2d-feed-item,
  .w2d-member-card,
  .w2d-info-card,
  .w2d-branch-card,
  .w2d-resource-item,
  .w2d-reply-form,
  .w2d-post-menu-panel,
  .w2d-comment-menu-panel,
  .w2d-nav,
  .edx-shell,
  .edx-hero,
  .edx-filters,
  .edx-results-shell,
  .edx-event,
  .edx-map-panel,
  .edx-empty,
  .edm-card,
  .edm-feed-item,
  .edm-profile-hero,
  .edm-profile-head,
  .edm-profile-card,
  .edm-profile-panel,
  .edm-profile-section,
  .edm-profile-tabs,
  .edm-composer,
  .edm-feed-composer,
  .edm-feed-card,
  .edm-member-card,
  .edm-settings-card,
  .edm-settings-group,
  .edm-verification-card,
  .edm-social-row,
  .edm-social-panel,
  .edm-notification-item,
  .edm-message-card,
  .edm-new-message-panel,
  .edm-chat-panel,
  .edm-empty,
  .edm-menu-panel,
  .edm-options-modal,
  .edm-modal,
  .edm-dialog,
  .edm-bottom-sheet,
  .edm-upload-card
) {
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  border-color: var(--ed-app-border) !important;
  box-shadow: var(--ed-app-shadow-soft) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

/*
 * Events Explorer already has its own internal cards. Keep the shell as spacing
 * only so the page does not render as a card inside another card, especially on
 * mobile where every nested gutter makes the results feel narrower.
 */
body.edx-explore-page .edx-explore .edx-shell,
body.ed-page-has-app-surface .edx-explore .edx-shell {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

@media (max-width: 720px) {
  body.edx-explore-page .edx-explore .edx-shell,
  body.ed-page-has-app-surface .edx-explore .edx-shell {
    padding-inline: 10px !important;
    border-radius: 0 !important;
  }
}

body.edx-explore-page .edx-explore .edx-empty,
body.ed-page-has-app-surface .edx-explore .edx-empty {
  padding: 34px 12px !important;
  border-radius: 24px !important;
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  overflow: hidden !important;
}

body.edx-explore-page .edx-explore .edx-quick-chips button,
body.ed-page-has-app-surface .edx-explore .edx-quick-chips button {
  box-shadow: none !important;
  transform: none !important;
}

body.edx-explore-page .edx-explore .edx-quick-chips button:hover,
body.edx-explore-page .edx-explore .edx-quick-chips button:focus-visible,
body.edx-explore-page .edx-explore .edx-quick-chips button[aria-pressed="true"],
body.ed-page-has-app-surface .edx-explore .edx-quick-chips button:hover,
body.ed-page-has-app-surface .edx-explore .edx-quick-chips button:focus-visible,
body.ed-page-has-app-surface .edx-explore .edx-quick-chips button[aria-pressed="true"] {
  box-shadow: none !important;
  transform: none !important;
}

/*
 * Member profile and messages polish.
 *
 * The member plugin renders its own app surfaces. Keep the global page canvas,
 * but remove the nested-card feeling from the activity wall and bring messages
 * onto the current white / midnight / lavender palette.
 */
body.ed-member-profile-page .edm-profile .edm-profile-panel[data-edm-profile-panel="activity"] {
  width: 100% !important;
  max-width: 100% !important;
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.ed-member-profile-page .edm-profile .edm-profile-panel[data-edm-profile-panel="activity"] > .edm-card {
  padding: 0 !important;
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.ed-member-profile-page .edm-profile .edm-profile-panel[data-edm-profile-panel="activity"] > .edm-card .edm-section-head {
  margin: 0 0 14px !important;
}

body.ed-member-profile-page .edm-profile .edm-composer {
  width: 100% !important;
  max-width: 100% !important;
  padding: clamp(14px, 1.6vw, 20px) !important;
  border: 1px solid var(--ed-app-border) !important;
  border-radius: 24px !important;
  background: var(--ed-app-surface) !important;
  background-color: var(--ed-app-surface) !important;
  background-image: none !important;
  box-shadow: var(--ed-app-shadow-soft) !important;
}

body.ed-member-profile-page .edm-profile .edm-feed {
  width: 100% !important;
  max-width: 100% !important;
  justify-items: stretch !important;
}

body.ed-member-profile-page .edm-profile .edm-feed-item {
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
  padding: clamp(14px, 1.6vw, 20px) !important;
  border-radius: 24px !important;
}

body.ed-member-profile-page .edm-profile .edm-feed-media {
  width: 100% !important;
  max-width: 100% !important;
  border-radius: 20px !important;
  background: #f7f8fb !important;
  background-image: none !important;
}

body.ed-member-profile-page .edm-profile .edm-feed-media img {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  max-height: min(72vh, 760px) !important;
  margin-inline: auto !important;
  object-fit: contain !important;
}

body.ed-member-profile-page .edm-profile .edm-feed-actions button.is-active,
body.ed-member-profile-page .edm-profile .edm-feed-actions button:hover {
  border-color: rgba(117, 36, 219, 0.26) !important;
  background: #f3edff !important;
  color: #7524db !important;
}

body.ed-member-messages-page .edm-messages {
  border-color: var(--ed-app-border) !important;
  background: var(--ed-app-surface) !important;
  background-color: var(--ed-app-surface) !important;
  background-image: none !important;
  box-shadow: var(--ed-app-shadow) !important;
}

body.ed-member-messages-page .edm-thread-list,
body.ed-member-messages-page .edm-chat,
body.ed-member-messages-page .edm-chat-head,
body.ed-member-messages-page .edm-chat-form,
body.ed-member-messages-page .edm-new-message-panel {
  background: var(--ed-app-surface) !important;
  background-color: var(--ed-app-surface) !important;
  background-image: none !important;
  color: var(--ed-app-text) !important;
}

body.ed-member-messages-page .edm-chat-stream {
  background: #f7f8fb !important;
  background-image: none !important;
}

body.ed-member-messages-page .edm-thread {
  color: var(--ed-app-text) !important;
}

body.ed-member-messages-page .edm-thread:hover:not(.is-active) {
  background: #faf9fc !important;
  color: #0d062a !important;
}

body.ed-member-messages-page .edm-thread.is-active {
  border: 1px solid rgba(13, 6, 42, 0.12) !important;
  background: #ffffff !important;
  color: #0d062a !important;
  box-shadow: inset 4px 0 0 #0d062a, 0 12px 28px rgba(13, 6, 42, 0.06) !important;
}

body.ed-member-messages-page .edm-thread.is-active p,
body.ed-member-messages-page .edm-thread.is-active small,
body.ed-member-messages-page .edm-thread.is-active time {
  color: #625a72 !important;
}

body.ed-member-messages-page .edm-message,
body.ed-member-messages-page .edm-typing-indicator {
  border: 1px solid var(--ed-app-border) !important;
  background: #ffffff !important;
  color: #0d062a !important;
  box-shadow: 0 12px 26px rgba(13, 6, 42, 0.07) !important;
}

body.ed-member-messages-page .edm-message:not(.is-mine) p,
body.ed-member-messages-page .edm-typing-indicator,
body.ed-member-messages-page .edm-typing-indicator p {
  color: #2a2438 !important;
  font-weight: 650 !important;
}

body.ed-member-messages-page .edm-message:not(.is-mine) .edm-message-meta,
body.ed-member-messages-page .edm-message:not(.is-mine) .edm-message-meta time,
body.ed-member-messages-page .edm-message:not(.is-mine) .edm-message-receipt {
  color: #6f667d !important;
}

body.ed-member-messages-page .edm-message.is-mine {
  border-color: transparent !important;
  background: #26213f !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(38, 33, 63, 0.18) !important;
}

body.ed-member-messages-page .edm-message.is-mine p,
body.ed-member-messages-page .edm-message.is-mine .edm-message-meta,
body.ed-member-messages-page .edm-message.is-mine .edm-message-meta time,
body.ed-member-messages-page .edm-message.is-mine .edm-message-receipt {
  color: rgba(255, 255, 255, 0.78) !important;
}

body.ed-member-messages-page .edm-chat-form input {
  background: #ffffff !important;
  color: #0d062a !important;
}

body.ed-member-messages-page .edm-new-message-btn,
body.ed-member-messages-page .edm-chat-form .edm-btn-primary {
  border-color: transparent !important;
  background: #26213f !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(38, 33, 63, 0.18) !important;
}

body.ed-member-messages-page .edm-new-message-btn:hover,
body.ed-member-messages-page .edm-chat-form .edm-btn-primary:hover {
  background: #34295f !important;
}

@media (max-width: 720px) {
  body.ed-member-profile-page .edm-profile .edm-composer {
    grid-template-columns: 1fr !important;
  }

  body.ed-member-profile-page .edm-profile .edm-composer > .edm-avatar {
    margin-bottom: -2px !important;
  }

  body.ed-member-profile-page .edm-profile .edm-feed-item {
    border-radius: 22px !important;
  }
}

html[data-ed-theme="dark"] body.ed-member-profile-page .edm-profile .edm-profile-panel[data-edm-profile-panel="activity"] > .edm-card {
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-ed-theme="dark"] body.ed-member-profile-page .edm-profile .edm-profile-panel[data-edm-profile-panel="activity"] {
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

html[data-ed-theme="dark"] body.ed-member-profile-page .edm-profile .edm-composer,
html[data-ed-theme="dark"] body.ed-member-profile-page .edm-profile .edm-feed-item {
  border-color: var(--ed-app-border) !important;
  background: var(--ed-app-surface) !important;
  background-color: var(--ed-app-surface) !important;
  background-image: none !important;
  color: var(--ed-app-text) !important;
}

html[data-ed-theme="dark"] body.ed-member-profile-page .edm-profile .edm-feed-media {
  border-color: var(--ed-app-border) !important;
  background: #101626 !important;
}

html[data-ed-theme="dark"] body.ed-member-profile-page .edm-profile .edm-feed-actions button.is-active,
html[data-ed-theme="dark"] body.ed-member-profile-page .edm-profile .edm-feed-actions button:hover {
  border-color: rgba(117, 36, 219, 0.34) !important;
  background: rgba(117, 36, 219, 0.16) !important;
  color: #fcfcfc !important;
}

html[data-ed-theme="dark"] body.ed-member-messages-page .edm-messages,
html[data-ed-theme="dark"] body.ed-member-messages-page .edm-thread-list,
html[data-ed-theme="dark"] body.ed-member-messages-page .edm-chat,
html[data-ed-theme="dark"] body.ed-member-messages-page .edm-chat-head,
html[data-ed-theme="dark"] body.ed-member-messages-page .edm-chat-form,
html[data-ed-theme="dark"] body.ed-member-messages-page .edm-new-message-panel {
  border-color: var(--ed-app-border) !important;
  background: var(--ed-app-surface) !important;
  background-color: var(--ed-app-surface) !important;
  background-image: none !important;
  color: var(--ed-app-text) !important;
}

html[data-ed-theme="dark"] body.ed-member-messages-page .edm-chat-stream {
  background: #0b111d !important;
  background-image: none !important;
}

html[data-ed-theme="dark"] body.ed-member-messages-page .edm-thread:hover:not(.is-active) {
  background: rgba(255, 255, 255, 0.045) !important;
  color: var(--ed-app-text) !important;
}

html[data-ed-theme="dark"] body.ed-member-messages-page .edm-thread.is-active {
  border: 1px solid rgba(117, 36, 219, 0.24) !important;
  background: #171c2b !important;
  color: var(--ed-app-text) !important;
  box-shadow: inset 4px 0 0 #7524db, 0 14px 30px rgba(0, 0, 0, 0.22) !important;
}

html[data-ed-theme="dark"] body.ed-member-messages-page .edm-thread.is-active p,
html[data-ed-theme="dark"] body.ed-member-messages-page .edm-thread.is-active small,
html[data-ed-theme="dark"] body.ed-member-messages-page .edm-thread.is-active time {
  color: #c9c2dc !important;
}

html[data-ed-theme="dark"] body.ed-member-messages-page .edm-message,
html[data-ed-theme="dark"] body.ed-member-messages-page .edm-typing-indicator {
  border-color: var(--ed-app-border) !important;
  background: #171c2b !important;
  color: var(--ed-app-text) !important;
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24) !important;
}

html[data-ed-theme="dark"] body.ed-member-messages-page .edm-message:not(.is-mine) p,
html[data-ed-theme="dark"] body.ed-member-messages-page .edm-typing-indicator,
html[data-ed-theme="dark"] body.ed-member-messages-page .edm-typing-indicator p {
  color: #f4f0ff !important;
  font-weight: 650 !important;
}

html[data-ed-theme="dark"] body.ed-member-messages-page .edm-message:not(.is-mine) .edm-message-meta,
html[data-ed-theme="dark"] body.ed-member-messages-page .edm-message:not(.is-mine) .edm-message-meta time,
html[data-ed-theme="dark"] body.ed-member-messages-page .edm-message:not(.is-mine) .edm-message-receipt {
  color: #c9c2dc !important;
}

html[data-ed-theme="dark"] body.ed-member-messages-page .edm-message.is-mine {
  border-color: rgba(117, 36, 219, 0.30) !important;
  background: #7524db !important;
  color: #ffffff !important;
}

html[data-ed-theme="dark"] body.ed-member-messages-page .edm-chat-form input {
  border-color: var(--ed-app-border) !important;
  background: #101626 !important;
  color: var(--ed-app-text) !important;
}

html[data-ed-theme="dark"] body.ed-member-messages-page .edm-new-message-btn,
html[data-ed-theme="dark"] body.ed-member-messages-page .edm-chat-form .edm-btn-primary {
  background: #5b42c7 !important;
  color: #ffffff !important;
  box-shadow: 0 14px 34px rgba(91, 66, 199, 0.26) !important;
}

/* Message theme tune-up: contrast, calmer actions, and a roomier context rail. */
body.ed-member-messages-page .edm-thread-list header p,
body.ed-member-messages-page .edm-thread small,
body.ed-member-messages-page .edm-thread time,
body.ed-member-messages-page .edm-chat-head small,
body.ed-member-messages-page .edm-chat-context-strip span,
body.ed-member-messages-page .edm-chat-profile-card p,
body.ed-member-messages-page .edm-chat-side-card p,
body.ed-member-messages-page .edm-chat-request-box,
body.ed-member-messages-page .edm-dna-compare-row small {
  color: #584f66 !important;
}

body.ed-member-messages-page .edm-message-search input::placeholder,
body.ed-member-messages-page .edm-new-message-panel input::placeholder,
body.ed-member-messages-page .edm-chat-form input::placeholder {
  color: #71667e !important;
  opacity: 1 !important;
}

body.ed-member-messages-page .edm-chat-stream {
  background: #f2f4f8 !important;
}

body.ed-member-messages-page .edm-message:not(.is-mine),
body.ed-member-messages-page .edm-typing-indicator {
  border-color: rgba(38, 33, 63, 0.16) !important;
  background: #ffffff !important;
  box-shadow: 0 14px 30px rgba(17, 24, 39, 0.09) !important;
}

body.ed-member-messages-page .edm-chat-actions .edm-btn,
body.ed-member-messages-page .edm-chat-tools .edm-btn,
body.ed-member-messages-page .edm-chat-context-panel .edm-btn {
  box-shadow: none !important;
}

body.ed-member-messages-page .edm-chat-actions .edm-btn-secondary,
body.ed-member-messages-page .edm-chat-actions .edm-btn-soft,
body.ed-member-messages-page .edm-chat-tools .edm-btn-secondary,
body.ed-member-messages-page .edm-chat-context-panel .edm-btn-soft,
body.ed-member-messages-page .edm-chat-pills button {
  border: 1px solid rgba(38, 33, 63, 0.12) !important;
  background: #f5f3fb !important;
  color: #544962 !important;
}

body.ed-member-messages-page .edm-chat-actions .edm-btn-secondary:hover,
body.ed-member-messages-page .edm-chat-actions .edm-btn-soft:hover,
body.ed-member-messages-page .edm-chat-tools .edm-btn-secondary:hover,
body.ed-member-messages-page .edm-chat-context-panel .edm-btn-soft:hover,
body.ed-member-messages-page .edm-chat-pills button:hover {
  border-color: rgba(117, 36, 219, 0.24) !important;
  background: #f3edff !important;
  color: #7524db !important;
}

body.ed-member-messages-page .edm-chat-context-panel-inner {
  gap: 20px !important;
  padding: 22px !important;
}

body.ed-member-messages-page .edm-chat-profile-card,
body.ed-member-messages-page .edm-chat-side-card {
  padding: 18px !important;
  border-color: rgba(38, 33, 63, 0.10) !important;
  background: rgba(255, 255, 255, 0.86) !important;
  box-shadow: none !important;
}

:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-thread-list header p,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-thread small,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-thread time,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-head small,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-context-strip span,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-profile-card p,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-side-card p,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-request-box,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-dna-compare-row small {
  color: #d9d2e8 !important;
}

:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-message-search input::placeholder,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-new-message-panel input::placeholder,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-form input::placeholder {
  color: #d6cee7 !important;
  opacity: 1 !important;
}

:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-stream {
  background: #080d17 !important;
}

:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-message:not(.is-mine),
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-typing-indicator {
  border-color: rgba(213, 196, 255, 0.24) !important;
  background: #20273a !important;
  box-shadow: 0 16px 36px rgba(0, 0, 0, 0.30) !important;
}

:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-message:not(.is-mine) .edm-message-meta,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-message:not(.is-mine) .edm-message-meta time,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-message:not(.is-mine) .edm-message-receipt {
  color: #d9d2e8 !important;
}

:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-actions .edm-btn-secondary,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-actions .edm-btn-soft,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-tools .edm-btn-secondary,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-context-panel .edm-btn-soft,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-pills button {
  border-color: rgba(213, 196, 255, 0.14) !important;
  background: rgba(213, 196, 255, 0.07) !important;
  color: #d8d0e6 !important;
}

:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-actions .edm-btn-secondary:hover,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-actions .edm-btn-soft:hover,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-tools .edm-btn-secondary:hover,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-context-panel .edm-btn-soft:hover,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-pills button:hover {
  border-color: rgba(184, 156, 255, 0.28) !important;
  background: rgba(184, 156, 255, 0.13) !important;
  color: #f0ebff !important;
}

:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-profile-card,
:is(html[data-ed-theme="dark"] body.ed-member-messages-page, body.dark-mode.ed-member-messages-page, body.ed-dark-mode.ed-member-messages-page) .edm-chat-side-card {
  border-color: rgba(213, 196, 255, 0.12) !important;
  background: rgba(26, 32, 48, 0.68) !important;
}

/*
 * Branch/provider dashboard flattening.
 *
 * These wrappers only arrange the dashboard. Keeping them styled like cards
 * creates the boxed-in-boxed look, especially around stats and event lists.
 */
.w2d-providers-dashboard,
.w2d-providers-dashboard.w2d-providers-dashboard--branch {
  width: min(1280px, calc(100vw - clamp(40px, 7vw, 96px))) !important;
  max-width: 1280px !important;
  margin-inline: auto !important;
  padding-inline: clamp(20px, 3vw, 40px) !important;
}

@media (min-width: 861px) {
  .w2d-providers-dashboard.w2d-providers-dashboard--branch {
    width: min(1280px, calc(100vw - clamp(40px, 7vw, 96px))) !important;
    max-width: 1280px !important;
  }
}

.w2d-providers-dashboard :where(
  .w2d-provider-stack,
  .w2d-provider-panel,
  .w2d-provider-overview,
  .w2d-events-pane,
  .w2d-event-list
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border-color: transparent !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.w2d-providers-dashboard :where(.w2d-provider-panel, .w2d-provider-overview, .w2d-events-pane, .w2d-event-list) {
  border-radius: 0 !important;
}

.w2d-providers-dashboard .w2d-events-pane {
  padding: 0 !important;
}

.w2d-providers-dashboard .w2d-event-list {
  margin-top: 16px !important;
}

.w2d-providers-dashboard .w2d-events-manager {
  overflow: visible !important;
}

@media (max-width: 860px) {
  .w2d-providers-dashboard,
  .w2d-providers-dashboard.w2d-providers-dashboard--branch {
    width: 100% !important;
    max-width: none !important;
    padding-inline: 16px !important;
  }
}

@media (max-width: 720px) {
  .w2d-providers-dashboard .w2d-provider-overview {
    grid-template-columns: 1fr !important;
  }
}

/*
 * Final workspace flattening.
 *
 * Dashboard, editor and profile wrappers are layout rails. They should never
 * paint their own card behind the actual content cards.
 */
:root {
  --ed-flat-surface: #ffffff;
  --ed-flat-field: #ffffff;
  --ed-flat-text: #171023;
  --ed-flat-muted: rgba(23, 16, 35, 0.66);
  --ed-flat-border: rgba(17, 24, 39, 0.10);
  --ed-flat-border-strong: rgba(17, 24, 39, 0.16);
  --ed-flat-shadow: 0 14px 34px rgba(17, 24, 39, 0.055);
  --ed-flat-action: #252044;
  --ed-flat-accent: #6d28d9;
}

html[data-ed-theme="dark"] {
  --ed-flat-surface: #20253a;
  --ed-flat-field: #171c2b;
  --ed-flat-text: #f7f5ff;
  --ed-flat-muted: rgba(247, 245, 255, 0.72);
  --ed-flat-border: rgba(255, 255, 255, 0.12);
  --ed-flat-border-strong: rgba(196, 181, 253, 0.28);
  --ed-flat-shadow: 0 16px 36px rgba(0, 0, 0, 0.24);
  --ed-flat-action: #7524db;
  --ed-flat-accent: #ed2790;
}

.w2d-providers-dashboard,
.w2d-providers-dashboard.w2d-providers-dashboard--branch {
  width: min(1440px, calc(100vw - clamp(28px, 4vw, 72px))) !important;
  max-width: 1440px !important;
  margin-inline: auto !important;
  padding: 30px 0 56px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

:is(.w2d-editor-wrap, .w2d-orgedit-wrap) {
  width: min(1240px, calc(100vw - clamp(28px, 4vw, 72px))) !important;
  max-width: 1240px !important;
  margin-inline: auto !important;
  padding: 30px 0 56px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

:is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) {
  width: min(1360px, calc(100vw - clamp(28px, 4vw, 72px))) !important;
  max-width: 1360px !important;
  margin-inline: auto !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.w2d-providers-dashboard :where(
  .w2d-provider-stack,
  .w2d-provider-panel,
  .w2d-provider-overview,
  .w2d-events-manager,
  .w2d-events-pane,
  .w2d-event-list
),
:is(.w2d-editor-wrap, .w2d-orgedit-wrap) > :where(.w2d-editor-card, .w2d-card),
:is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(
  .w2d-layout,
  .w2d-stack,
  .w2d-feed,
  .w2d-replies,
  .w2d-events-list,
  .w2d-members-list,
  .w2d-info-list,
  #w2d-provider-activity,
  #w2d-provider-events,
  #w2d-org-activity,
  #w2d-org-events,
  #w2d-org-branches
) {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.w2d-providers-dashboard :where(
  .w2d-provider-stack,
  .w2d-provider-panel,
  .w2d-provider-card,
  .w2d-provider-overview,
  .w2d-events-manager,
  .w2d-events-pane,
  .w2d-event-list,
  .w2d-calendar,
  .w2d-event-card,
  .w2d-dashboard-help,
  .w2d-dashboard-empty,
  .w2d-dashboard-notice
),
:is(.w2d-editor-wrap, .w2d-orgedit-wrap) :where(
  .w2d-editor-head,
  .w2d-section-card,
  .w2d-image-upload,
  .w2d-notice
),
:is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(
  .w2d-hero,
  .w2d-org-hero,
  .w2d-card,
  .w2d-composer,
  .w2d-feed-item,
  .w2d-event-card,
  .w2d-member-card,
  .w2d-info-card,
  .w2d-branch-card,
  .w2d-resource-item,
  .w2d-stat,
  .w2d-empty,
  .w2d-notice
) {
  max-width: none !important;
}

.w2d-providers-dashboard :where(
  .w2d-dashboard-hero,
  .w2d-provider-card,
  .w2d-stat,
  .w2d-dashboard-empty,
  .w2d-dashboard-help,
  .w2d-dashboard-notice,
  .w2d-calendar,
  .w2d-event-card,
  .w2d-business-settings__panel,
  .w2d-provider-card__subscription .w2d-subscription-card,
  .w2d-provider-card__subscription .w2d-dashboard-form
),
:is(.w2d-editor-wrap, .w2d-orgedit-wrap) :where(
  .w2d-editor-head,
  .w2d-section-card,
  .w2d-leave-modal__panel
),
:is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(
  .w2d-hero,
  .w2d-org-hero,
  .w2d-card:not(#w2d-provider-activity):not(#w2d-provider-events):not(#w2d-org-activity):not(#w2d-org-events):not(#w2d-org-branches),
  .w2d-composer,
  .w2d-feed-item,
  .w2d-event-card,
  .w2d-member-card,
  .w2d-info-card,
  .w2d-branch-card,
  .w2d-resource-item,
  .w2d-stat,
  .w2d-empty,
  .w2d-notice,
  .w2d-reply-body,
  .w2d-post-menu-panel,
  .w2d-comment-menu-panel
) {
  border: 1px solid var(--ed-flat-border) !important;
  background: var(--ed-flat-surface) !important;
  background-color: var(--ed-flat-surface) !important;
  background-image: none !important;
  color: var(--ed-flat-text) !important;
  box-shadow: var(--ed-flat-shadow) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.w2d-providers-dashboard :where(.w2d-dashboard-hero, .w2d-provider-card, .w2d-calendar),
:is(.w2d-editor-wrap, .w2d-orgedit-wrap) :where(.w2d-editor-head, .w2d-section-card),
:is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(.w2d-hero, .w2d-org-hero, .w2d-card:not(#w2d-provider-activity):not(#w2d-provider-events):not(#w2d-org-activity):not(#w2d-org-events):not(#w2d-org-branches)) {
  border-radius: 30px !important;
}

.w2d-providers-dashboard :where(.w2d-stat, .w2d-dashboard-empty, .w2d-dashboard-help, .w2d-dashboard-notice, .w2d-event-card),
:is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(.w2d-composer, .w2d-feed-item, .w2d-event-card, .w2d-member-card, .w2d-info-card, .w2d-branch-card, .w2d-resource-item, .w2d-stat, .w2d-empty, .w2d-notice, .w2d-reply-body),
:is(.w2d-editor-wrap, .w2d-orgedit-wrap) .w2d-image-upload {
  border-radius: 24px !important;
}

:is(.w2d-editor-wrap, .w2d-orgedit-wrap) .w2d-image-upload {
  border: 1px solid var(--ed-flat-border) !important;
  background: var(--ed-flat-surface) !important;
  background-color: var(--ed-flat-surface) !important;
  background-image: none !important;
  box-shadow: none !important;
}

:is(.w2d-editor-wrap, .w2d-orgedit-wrap) .w2d-image-upload:hover,
:is(.w2d-editor-wrap, .w2d-orgedit-wrap) .w2d-image-upload:focus-within {
  transform: none !important;
  border-color: var(--ed-flat-border-strong) !important;
  box-shadow: 0 0 0 4px rgba(37, 32, 68, 0.08) !important;
}

.w2d-providers-dashboard .w2d-provider-panel,
.w2d-providers-dashboard .w2d-events-manager {
  overflow: visible !important;
}

.w2d-providers-dashboard .w2d-provider-overview {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

.w2d-providers-dashboard .w2d-events-manager {
  padding-top: 6px !important;
}

.w2d-providers-dashboard .w2d-event-list {
  gap: 14px !important;
  margin-top: 18px !important;
}

:is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(#w2d-provider-activity, #w2d-provider-events, #w2d-org-activity, #w2d-org-events, #w2d-org-branches) > :where(.w2d-composer, .w2d-events-list, .w2d-empty, .w2d-feed-item) {
  margin-top: 16px !important;
}

:is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) .w2d-feed-item,
:is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) .w2d-composer,
:is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) .w2d-event-card {
  width: 100% !important;
}

:is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) .w2d-feed-media {
  border: 1px solid var(--ed-flat-border) !important;
  border-radius: 22px !important;
  background: var(--ed-flat-field) !important;
  background-image: none !important;
}

:is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) .w2d-feed-media img {
  width: 100% !important;
  max-width: 100% !important;
  max-height: none !important;
  object-fit: contain !important;
}

:is(.w2d-org-profile-wrap, .w2d-provider-profile, .w2d-profp-wrap) .w2d-logo {
  width: clamp(144px, 12vw, 192px) !important;
  height: clamp(144px, 12vw, 192px) !important;
  border-radius: 24px !important;
  font-size: clamp(42px, 4vw, 58px) !important;
}

:is(.w2d-org-profile-wrap, .w2d-provider-profile, .w2d-profp-wrap) .w2d-logo img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

.w2d-providers-dashboard :where(h1, h2, h3, h4, h5, h6, strong, label, .w2d-dashboard-title, .w2d-provider-card__title, .w2d-event-card__title),
:is(.w2d-editor-wrap, .w2d-orgedit-wrap, .w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(h1, h2, h3, h4, h5, h6, strong, label, .w2d-title, .w2d-section-title, .w2d-card-title, .w2d-stat strong, .w2d-info-card strong) {
  color: var(--ed-flat-text) !important;
}

.w2d-providers-dashboard :where(.w2d-dashboard-eyebrow, .w2d-section-eyebrow, .w2d-provider-card__eyebrow),
:is(.w2d-editor-wrap, .w2d-orgedit-wrap, .w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(.w2d-eyebrow, .w2d-section-eyebrow) {
  color: var(--ed-flat-accent) !important;
}

.w2d-providers-dashboard :where(.w2d-dashboard-subtitle, .w2d-provider-card__tagline, .w2d-provider-card__location, .w2d-events-manager p, .w2d-event-card__meta, .w2d-event-card__date, .w2d-dashboard-muted-note, small),
:is(.w2d-editor-wrap, .w2d-orgedit-wrap, .w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(.w2d-muted, .w2d-desc, .w2d-section-sub, .w2d-card-meta, .w2d-member-role, .w2d-stat span, .w2d-feed-meta, .w2d-feed-text, .w2d-reply-body p, .w2d-editor-sub, .w2d-help, .description, small) {
  color: var(--ed-flat-muted) !important;
}

.w2d-providers-dashboard :where(.w2d-btn-primary, button.w2d-btn-primary),
:is(.w2d-editor-wrap, .w2d-orgedit-wrap, .w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(.w2d-btn-primary, button.w2d-btn-primary, .w2d-post-btn, .w2d-image-upload__action) {
  border-color: var(--ed-flat-action) !important;
  background: var(--ed-flat-action) !important;
  background-color: var(--ed-flat-action) !important;
  background-image: none !important;
  color: #ffffff !important;
  box-shadow: 0 14px 30px rgba(37, 32, 68, 0.18) !important;
}

.w2d-providers-dashboard :where(.w2d-btn, button.w2d-btn):not(.w2d-btn-primary):not(.w2d-btn-danger),
.w2d-providers-dashboard :where(.w2d-view-toggle, .w2d-view-toggle__button, .w2d-calendar__nav-button, .w2d-calendar__item-settings, .w2d-provider-social__link),
:is(.w2d-editor-wrap, .w2d-orgedit-wrap, .w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(.w2d-btn, button.w2d-btn, .w2d-nav a, .w2d-feed-social-actions button, .w2d-feed-action, .w2d-reply-actions > details:not(.w2d-post-menu) > summary, .w2d-reply-attach, .w2d-kind-chip, .w2d-clip-btn):not(.w2d-btn-primary):not(.w2d-post-btn):not(.is-active) {
  border-color: var(--ed-flat-border) !important;
  background: var(--ed-flat-surface) !important;
  background-color: var(--ed-flat-surface) !important;
  background-image: none !important;
  color: var(--ed-flat-text) !important;
  box-shadow: none !important;
}

.w2d-providers-dashboard .w2d-view-toggle,
:is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) .w2d-nav {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.w2d-providers-dashboard .w2d-view-toggle {
  padding: 5px !important;
  border-radius: 999px !important;
}

.w2d-providers-dashboard .w2d-view-toggle__button[aria-pressed="true"],
:is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(.w2d-nav a.is-active, .w2d-tab.is-active) {
  border-color: transparent !important;
  background: rgba(117, 36, 219, 0.10) !important;
  background-image: none !important;
  color: #7524db !important;
}

:is(.w2d-providers-dashboard, .w2d-editor-wrap, .w2d-orgedit-wrap, .w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(input:not([type="button"]):not([type="submit"]):not([type="reset"]):not([type="checkbox"]):not([type="radio"]), select, textarea, .w2d-activity-textarea, .w2d-activity-input, .w2d-reply-textarea) {
  border-color: var(--ed-flat-border) !important;
  background: var(--ed-flat-field) !important;
  background-color: var(--ed-flat-field) !important;
  color: var(--ed-flat-text) !important;
  box-shadow: none !important;
}

html[data-ed-theme="dark"] :is(.w2d-editor-wrap, .w2d-orgedit-wrap) .w2d-image-upload:hover,
html[data-ed-theme="dark"] :is(.w2d-editor-wrap, .w2d-orgedit-wrap) .w2d-image-upload:focus-within {
  box-shadow: 0 0 0 4px rgba(117, 36, 219, 0.18) !important;
}

html[data-ed-theme="dark"] .w2d-providers-dashboard .w2d-view-toggle__button[aria-pressed="true"],
html[data-ed-theme="dark"] :is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(.w2d-nav a.is-active, .w2d-tab.is-active) {
  background: rgba(117, 36, 219, 0.18) !important;
  color: #fcfcfc !important;
}

html[data-ed-theme="dark"] :is(.w2d-providers-dashboard, .w2d-editor-wrap, .w2d-orgedit-wrap, .w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(.w2d-btn-primary, button.w2d-btn-primary, .w2d-post-btn, .w2d-image-upload__action) {
  border-color: #7524db !important;
  background: #7524db !important;
  color: #ffffff !important;
  box-shadow: 0 14px 34px rgba(117, 36, 219, 0.24) !important;
}

@media (max-width: 860px) {
  .w2d-providers-dashboard,
  .w2d-providers-dashboard.w2d-providers-dashboard--branch,
  :is(.w2d-editor-wrap, .w2d-orgedit-wrap, .w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) {
    width: calc(100vw - 28px) !important;
    max-width: none !important;
    padding-block: 20px 44px !important;
  }

  .w2d-providers-dashboard .w2d-provider-overview {
    grid-template-columns: 1fr !important;
  }

  :is(.w2d-org-profile-wrap, .w2d-provider-profile, .w2d-profp-wrap) .w2d-logo {
    width: clamp(118px, 34vw, 152px) !important;
    height: clamp(118px, 34vw, 152px) !important;
    border-radius: 22px !important;
  }

  .w2d-providers-dashboard :where(.w2d-dashboard-hero, .w2d-provider-card, .w2d-calendar),
  :is(.w2d-editor-wrap, .w2d-orgedit-wrap) :where(.w2d-editor-head, .w2d-section-card),
  :is(.w2d-provider-profile, .w2d-org-profile-wrap, .w2d-profp-wrap) :where(.w2d-hero, .w2d-org-hero, .w2d-card:not(#w2d-provider-activity):not(#w2d-provider-events):not(#w2d-org-activity):not(#w2d-org-events):not(#w2d-org-branches)) {
    border-radius: 24px !important;
  }
}

/*
 * Organisation editor final flattening.
 * The shortcode uses a generic outer .w2d-card as scaffolding; keep that
 * invisible and let only the real editor sections draw surfaces.
 */
.w2d-orgedit-wrap {
  width: min(1320px, calc(100vw - clamp(28px, 4vw, 72px))) !important;
  max-width: 1320px !important;
  padding-block: 32px 68px !important;
}

.w2d-orgedit-wrap > .w2d-card {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body:not(.wp-admin) .w2d-orgedit-wrap > .w2d-card.w2d-orgedit-shell,
body:not(.wp-admin) .w2d-orgedit-wrap > .w2d-card:has(> .w2d-editor-head) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body:has(.w2d-orgedit-wrap) :where(.site-content, .site-content > article, .entry-content) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
}

.w2d-orgedit-wrap .w2d-page-nav {
  display: none !important;
}

.w2d-orgedit-wrap form {
  display: grid !important;
  gap: 22px !important;
  width: 100% !important;
  margin: 0 !important;
}

.w2d-orgedit-wrap form > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.w2d-orgedit-wrap :where(.w2d-editor-head, .w2d-section-card),
.w2d-orgedit-wrap form > .w2d-grid {
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  padding: clamp(22px, 2.2vw, 32px) !important;
  border: 1px solid var(--ed-flat-border) !important;
  border-radius: 30px !important;
  background: var(--ed-flat-surface) !important;
  background-color: var(--ed-flat-surface) !important;
  background-image: none !important;
  color: var(--ed-flat-text) !important;
  box-shadow: var(--ed-flat-shadow) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.w2d-orgedit-wrap .w2d-editor-head {
  margin: 0 0 22px !important;
  border-bottom-color: var(--ed-flat-border) !important;
}

.w2d-orgedit-wrap .w2d-section-card {
  margin: 0 !important;
}

.w2d-orgedit-wrap form > .w2d-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 18px 22px !important;
}

.w2d-orgedit-wrap .w2d-section-card > h3 {
  margin: 0 0 16px !important;
}

.w2d-orgedit-wrap .w2d-field {
  min-width: 0 !important;
}

.w2d-orgedit-wrap .w2d-field > label:not(.w2d-image-upload),
.w2d-orgedit-wrap .w2d-field > .w2d-label {
  margin-bottom: 8px !important;
}

.w2d-orgedit-wrap .w2d-section-card .w2d-image-upload {
  display: flex !important;
  align-items: center !important;
  gap: clamp(18px, 2vw, 26px) !important;
  width: 100% !important;
  min-height: 0 !important;
  padding: 10px 0 4px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

.w2d-orgedit-wrap .w2d-section-card .w2d-image-upload:hover,
.w2d-orgedit-wrap .w2d-section-card .w2d-image-upload:focus-within {
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  transform: none !important;
}

.w2d-orgedit-wrap .w2d-section-card .w2d-image-upload__media {
  flex: 0 0 clamp(104px, 10vw, 132px) !important;
  width: clamp(104px, 10vw, 132px) !important;
  height: clamp(104px, 10vw, 132px) !important;
  border: 1px solid var(--ed-flat-border) !important;
  border-radius: 24px !important;
  background: var(--ed-flat-field) !important;
  background-color: var(--ed-flat-field) !important;
  box-shadow: none !important;
}

.w2d-orgedit-wrap .w2d-section-card .w2d-image-upload__media img {
  width: 100% !important;
  height: 100% !important;
  object-fit: contain !important;
  padding: 8px !important;
  border-radius: inherit !important;
}

.w2d-orgedit-wrap .w2d-section-card .w2d-image-upload__copy {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

.w2d-orgedit-wrap .w2d-section-card .w2d-image-upload__action {
  margin-top: 12px !important;
}

.w2d-orgedit-wrap .w2d-help {
  margin-top: 10px !important;
}

.w2d-orgedit-wrap .w2d-check {
  display: inline-flex !important;
  align-items: center !important;
  gap: 8px !important;
  margin-top: 12px !important;
}

.w2d-orgedit-wrap .w2d-form-actions {
  display: flex !important;
  justify-content: flex-end !important;
  padding-inline: 4px !important;
}

@media (max-width: 860px) {
  .w2d-orgedit-wrap {
    width: calc(100vw - 28px) !important;
    padding-block: 22px 48px !important;
  }

  .w2d-orgedit-wrap :where(.w2d-editor-head, .w2d-section-card),
  .w2d-orgedit-wrap form > .w2d-grid {
    padding: 18px !important;
    border-radius: 24px !important;
  }

  .w2d-orgedit-wrap .w2d-editor-head {
    flex-direction: column !important;
    gap: 16px !important;
  }

  .w2d-orgedit-wrap .w2d-editor-actions,
  .w2d-orgedit-wrap .w2d-editor-actions .w2d-btn {
    width: 100% !important;
  }

  .w2d-orgedit-wrap .w2d-section-card .w2d-image-upload {
    align-items: flex-start !important;
    gap: 16px !important;
  }

  .w2d-orgedit-wrap form > .w2d-grid {
    grid-template-columns: 1fr !important;
  }

  .w2d-orgedit-wrap form > .w2d-grid > .w2d-field {
    grid-column: 1 / -1 !important;
  }
}

/*
 * Provider and branch dashboard final surface pass.
 *
 * These shortcodes share the same provider panel shell. Keep that shell and the
 * page/article wrappers invisible so the dashboard does not look like cards
 * trapped inside another card.
 */
body:has(.w2d-providers-dashboard) :where(
  .site-main,
  .site-content,
  .content-area,
  article,
  .entry-content,
  .entry-content > .wp-block-group,
  .entry-content > .wp-block-group > .wp-block-group__inner-container
) {
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body:has(.w2d-providers-dashboard) .entry-content {
  width: 100% !important;
  max-width: none !important;
}

body:has(.w2d-providers-dashboard) .w2d-providers-dashboard,
body:has(.w2d-providers-dashboard) .w2d-providers-dashboard.w2d-providers-dashboard--branch {
  width: min(1440px, calc(100vw - clamp(28px, 4vw, 72px))) !important;
  max-width: 1440px !important;
  margin-inline: auto !important;
  padding: 30px 0 56px !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

body:has(.w2d-providers-dashboard) .w2d-providers-dashboard :where(
  .w2d-provider-stack,
  .w2d-provider-panel,
  .w2d-provider-overview,
  .w2d-events-pane,
  .w2d-event-list
) {
  width: 100% !important;
  max-width: none !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: visible !important;
}

body:has(.w2d-providers-dashboard) .w2d-providers-dashboard .w2d-provider-stack,
body:has(.w2d-providers-dashboard) .w2d-providers-dashboard .w2d-provider-panel {
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  gap: 22px !important;
}

body:has(.w2d-providers-dashboard) .w2d-providers-dashboard .w2d-provider-overview {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 16px !important;
}

body:has(.w2d-providers-dashboard) .w2d-providers-dashboard .w2d-events-manager {
  width: 100% !important;
  max-width: none !important;
  padding: clamp(20px, 2.4vw, 30px) !important;
  border: 1px solid var(--ed-flat-border) !important;
  border-radius: 30px !important;
  background: var(--ed-flat-surface) !important;
  background-color: var(--ed-flat-surface) !important;
  background-image: none !important;
  color: var(--ed-flat-text) !important;
  box-shadow: var(--ed-flat-shadow) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  overflow: hidden !important;
}

body:has(.w2d-providers-dashboard) .w2d-providers-dashboard :where(
  .w2d-dashboard-hero,
  .w2d-provider-card,
  .w2d-events-manager,
  .w2d-calendar
) {
  border-radius: 30px !important;
}

body:has(.w2d-providers-dashboard) .w2d-providers-dashboard :where(
  .w2d-stat,
  .w2d-event-card,
  .w2d-events-empty,
  .w2d-dashboard-empty,
  .w2d-dashboard-help,
  .w2d-dashboard-notice,
  .w2d-business-settings__panel
) {
  border-radius: 24px !important;
}

body:has(.w2d-providers-dashboard) .w2d-providers-dashboard :where(
  .w2d-dashboard-hero,
  .w2d-provider-card,
  .w2d-stat,
  .w2d-event-card,
  .w2d-events-empty,
  .w2d-dashboard-empty,
  .w2d-dashboard-help,
  .w2d-dashboard-notice,
  .w2d-business-settings__panel
) {
  border: 1px solid var(--ed-flat-border) !important;
  background: var(--ed-flat-surface) !important;
  background-color: var(--ed-flat-surface) !important;
  background-image: none !important;
  color: var(--ed-flat-text) !important;
  box-shadow: var(--ed-flat-shadow) !important;
}

@media (max-width: 860px) {
  body:has(.w2d-providers-dashboard) .w2d-providers-dashboard,
  body:has(.w2d-providers-dashboard) .w2d-providers-dashboard.w2d-providers-dashboard--branch {
    width: calc(100vw - 28px) !important;
    max-width: none !important;
    padding-block: 22px 48px !important;
  }

  body:has(.w2d-providers-dashboard) .w2d-providers-dashboard .w2d-provider-overview {
    grid-template-columns: 1fr !important;
  }

  body:has(.w2d-providers-dashboard) .w2d-providers-dashboard :where(
    .w2d-dashboard-hero,
    .w2d-provider-card,
    .w2d-events-manager,
    .w2d-calendar
  ) {
    border-radius: 24px !important;
  }
}

/* My Flavour embeds the Events Explorer inside its own hub. Keep the embedded
   explorer flat so the hub has one intentional search card, not nested panels. */
body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-explore,
body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-shell,
body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-hero,
body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-hero__copy,
body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-results-meta,
body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-results-shell,
body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-results-wrap,
body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-empty {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-shell,
body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-hero,
body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-hero__copy {
  margin: 0 !important;
  padding: 0 !important;
}

body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-search-card {
  border: 1px solid var(--ed-app-border) !important;
  border-radius: 28px !important;
  background: var(--ed-app-surface) !important;
  background-color: var(--ed-app-surface) !important;
  background-image: none !important;
  box-shadow: var(--ed-app-shadow-soft) !important;
}

body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer :where(
  .edx-view-switcher,
  .edx-mobile-tabs,
  .edx-filter-toggle,
  .edx-quick-chips button
) {
  background-image: none !important;
}

body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-empty {
  border-color: transparent !important;
}

@media (max-width: 1040px) {
  body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-explore:not([data-view="map"]) .edx-mobile-tabs {
    position: static !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    z-index: 1 !important;
    width: min(720px, 100%) !important;
    max-width: 100% !important;
    margin: 2px 0 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    transform: none !important;
  }

  body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-explore:not([data-view="map"]) .edx-shell {
    padding-bottom: 0 !important;
  }
}

.my-flavour-app .ed-flavour-hub-explorer .edx-explore,
.my-flavour-app .ed-flavour-hub-explorer .edx-shell,
.my-flavour-app .ed-flavour-hub-explorer .edx-hero,
.my-flavour-app .ed-flavour-hub-explorer .edx-hero__copy,
.my-flavour-app .ed-flavour-hub-explorer .edx-results-meta,
.my-flavour-app .ed-flavour-hub-explorer .edx-results-shell,
.my-flavour-app .ed-flavour-hub-explorer .edx-results-wrap,
.my-flavour-app .ed-flavour-hub-explorer .edx-empty {
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.my-flavour-app .ed-flavour-hub-explorer .edx-shell,
.my-flavour-app .ed-flavour-hub-explorer .edx-hero,
.my-flavour-app .ed-flavour-hub-explorer .edx-hero__copy {
  margin: 0 !important;
  padding: 0 !important;
}

.my-flavour-app .ed-flavour-hub-explorer .edx-search-card {
  border: 1px solid var(--ed-app-border) !important;
  border-radius: 28px !important;
  background: var(--ed-app-surface) !important;
  background-color: var(--ed-app-surface) !important;
  background-image: none !important;
  box-shadow: var(--ed-app-shadow-soft) !important;
}

/* A single embedded result must remain card-sized rather than filling the hub. */
.my-flavour-app .ed-flavour-hub-explorer .edx-explore:not([data-view="map"]) .edx-results {
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 282px), 334px)) !important;
  justify-content: start !important;
  align-items: start !important;
}

.my-flavour-app .ed-flavour-hub-explorer .edx-explore:not([data-view="map"]) .edx-event--card {
  width: min(100%, 334px) !important;
  max-width: 334px !important;
}

/* Map mode is a full-screen split view. Restore its opaque desktop results
   rail after the embedded Explorer's flat-surface overrides. */
@media (min-width: 721px) {
  body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-explore[data-view="map"] .edx-results-wrap,
  .my-flavour-app .ed-flavour-hub-explorer .edx-explore[data-view="map"] .edx-results-wrap {
    border: 0 !important;
    border-right: 1px solid var(--ed-app-border) !important;
    border-radius: 0 !important;
    background: var(--ed-app-surface) !important;
    background-color: var(--ed-app-surface) !important;
    background-image: none !important;
    box-shadow: 16px 0 40px rgba(17, 24, 39, 0.14) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
  }

  html[data-ed-theme="dark"] .my-flavour-app .ed-flavour-hub-explorer .edx-explore[data-view="map"] .edx-results-wrap {
    box-shadow: 18px 0 46px rgba(0, 0, 0, 0.34) !important;
  }
}

/* Keep the mobile map results as one unified bottom sheet. The generic
   embedded-surface reset above is useful for list view, but it must not
   flatten the draggable map sheet or its chrome. */
@media (max-width: 720px) {
  body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-explore[data-view="map"] .edx-results-wrap,
  .my-flavour-app .ed-flavour-hub-explorer .edx-explore[data-view="map"] .edx-results-wrap {
    bottom: var(--ed-app-bottom-space, 0px) !important;
    overflow: hidden !important;
    border: 1px solid var(--ed-app-border) !important;
    border-bottom: 0 !important;
    border-radius: 30px 30px 0 0 !important;
    background: color-mix(in srgb, var(--ed-app-surface) 94%, transparent) !important;
    background-color: color-mix(in srgb, var(--ed-app-surface) 94%, transparent) !important;
    background-image: none !important;
    box-shadow: 0 24px 70px rgba(17, 24, 39, 0.22) !important;
    -webkit-backdrop-filter: blur(22px) saturate(1.08) !important;
    backdrop-filter: blur(22px) saturate(1.08) !important;
  }

  body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-explore[data-view="map"] .edx-results-wrap .edx-map-sheet-chrome:not([hidden]),
  .my-flavour-app .ed-flavour-hub-explorer .edx-explore[data-view="map"] .edx-results-wrap .edx-map-sheet-chrome:not([hidden]) {
    border: 0 !important;
    border-bottom: 1px solid var(--ed-app-border) !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-color: transparent !important;
    background-image: none !important;
    box-shadow: none !important;
  }

  html[data-ed-theme="dark"] body.ed-page-has-app-surface .my-flavour-app .ed-flavour-hub-explorer .edx-explore[data-view="map"] .edx-results-wrap,
  html[data-ed-theme="dark"] .my-flavour-app .ed-flavour-hub-explorer .edx-explore[data-view="map"] .edx-results-wrap {
    box-shadow: 0 26px 76px rgba(0, 0, 0, 0.44) !important;
  }
}

/* Profile media hubs should match across organisation, branch, and provider pages. */
:is(.w2d-org-profile-wrap, .w2d-provider-profile, .w2d-profp-wrap) .w2d-media-grid {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(104px, 1fr)) !important;
  gap: 12px !important;
}

:is(.w2d-org-profile-wrap, .w2d-provider-profile, .w2d-profp-wrap) .w2d-media-tile {
  position: relative !important;
  display: block !important;
  aspect-ratio: 1 !important;
  overflow: hidden !important;
  border: 1px solid var(--ed-flat-border) !important;
  border-radius: 22px !important;
  background: #ffffff !important;
  background-color: #ffffff !important;
  background-image: none !important;
  box-shadow: none !important;
  text-decoration: none !important;
}

:is(.w2d-org-profile-wrap, .w2d-provider-profile, .w2d-profp-wrap) .w2d-media-tile img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
}

:is(.w2d-org-profile-wrap, .w2d-provider-profile, .w2d-profp-wrap) .w2d-media-label {
  position: absolute !important;
  right: 8px !important;
  bottom: 8px !important;
  left: 8px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 6px 8px !important;
  border-radius: 999px !important;
  background: rgba(17, 24, 39, 0.76) !important;
  color: #ffffff !important;
  font-size: 11px !important;
  font-weight: 850 !important;
  line-height: 1 !important;
  text-align: center !important;
  text-shadow: none !important;
}

html[data-ed-theme="dark"] :is(.w2d-org-profile-wrap, .w2d-provider-profile, .w2d-profp-wrap) .w2d-media-tile {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background: rgba(255, 255, 255, 0.06) !important;
  background-color: rgba(255, 255, 255, 0.06) !important;
}

@media (max-width: 720px) {
  :is(.w2d-org-profile-wrap, .w2d-provider-profile, .w2d-profp-wrap) .w2d-media-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

/* Keep event save buttons consistent after this final surface layer loads. */
:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon {
  --edm-save-red: #b11226;
  --edm-save-red-rgb: 177 18 38;
  --edm-save-accent: var(--edm-save-red);
  --edm-save-accent-rgb: var(--edm-save-red-rgb);
  --edm-save-bg: rgba(255, 255, 255, .94);
  --edm-save-border: rgb(var(--edm-save-accent-rgb) / .2);
  --edm-save-selected-bg: var(--edm-save-red);
  --edm-save-selected-shadow: 0 18px 42px rgb(var(--edm-save-accent-rgb) / .28);
  display: inline-grid !important;
  place-items: center !important;
  width: var(--edm-save-size, 46px) !important;
  min-width: var(--edm-save-size, 46px) !important;
  height: var(--edm-save-size, 46px) !important;
  min-height: var(--edm-save-size, 46px) !important;
  padding: 0 !important;
  border: 1px solid var(--edm-save-border) !important;
  border-radius: 999px !important;
  color: var(--edm-save-accent) !important;
  background: var(--edm-save-bg) !important;
  background-image: none !important;
  box-shadow: 0 14px 34px rgba(15, 23, 42, .15) !important;
  text-shadow: none !important;
}

:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon:is(.is-active, [aria-pressed="true"]) {
  border-color: var(--edm-save-selected-bg) !important;
  color: #fff !important;
  background: var(--edm-save-selected-bg) !important;
  background-image: none !important;
  box-shadow: var(--edm-save-selected-shadow) !important;
}

:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon__glyph {
  position: relative !important;
  display: block !important;
  width: 26px !important;
  height: 26px !important;
}

:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon__heart {
  position: absolute !important;
  left: 6px !important;
  top: 9px !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 4px 4px 2px 4px !important;
  background: currentColor !important;
  opacity: .72 !important;
  transform: rotate(-45deg) scale(.78) !important;
  transform-origin: center !important;
}

:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon__heart::before,
:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon__heart::after {
  content: "" !important;
  position: absolute !important;
  width: 14px !important;
  height: 14px !important;
  border-radius: 999px !important;
  background: currentColor !important;
}

:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon__heart::before {
  left: 0 !important;
  top: -7px !important;
}

:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon__heart::after {
  left: 7px !important;
  top: 0 !important;
}

:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon__plus {
  position: absolute !important;
  right: 0 !important;
  bottom: 1px !important;
  display: block !important;
  width: 13px !important;
  height: 13px !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 4px 12px rgba(15, 23, 42, .16) !important;
  opacity: 1 !important;
  transform: scale(1) !important;
}

:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon__plus::before,
:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon__plus::after {
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 50% !important;
  width: 8px !important;
  height: 2px !important;
  border-radius: 999px !important;
  background: currentColor !important;
  transform: translate(-50%, -50%) !important;
}

:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon__plus::after {
  transform: translate(-50%, -50%) rotate(90deg) !important;
}

:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon:is(.is-active, [aria-pressed="true"]) .edm-save-event-icon__heart {
  opacity: 1 !important;
  transform: rotate(-45deg) scale(.96) !important;
}

:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon:is(.is-active, [aria-pressed="true"]) .edm-save-event-icon__plus {
  left: 50% !important;
  top: 50% !important;
  right: auto !important;
  bottom: auto !important;
  width: 16px !important;
  height: 16px !important;
  border-radius: 0 !important;
  color: var(--edm-save-accent) !important;
  background: transparent !important;
  box-shadow: none !important;
  opacity: 1 !important;
  transform: translate(-50%, -48%) scale(1) !important;
}

:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon:is(.is-active, [aria-pressed="true"]) .edm-save-event-icon__plus::before {
  width: 8px !important;
  height: 14px !important;
  border-right: 3px solid currentColor !important;
  border-bottom: 3px solid currentColor !important;
  border-radius: 0 0 2px 0 !important;
  background: transparent !important;
  transform: translate(-50%, -62%) rotate(45deg) !important;
}

:is(
  .edx-explore,
  .edm-profile,
  .w2d-public-event,
  .w2d-event-wrap,
  .w2d-org-profile-wrap,
  .w2d-provider-profile,
  .w2d-profp-wrap
) .edm-save-event-icon:is(.is-active, [aria-pressed="true"]) .edm-save-event-icon__plus::after {
  opacity: 0 !important;
}

/* Events Explore theme text pass. App surfaces may neutralise the hero
   background, so the copy needs explicit light/dark contrast. */
html:not([data-ed-theme="dark"]) body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero,
html:not([data-ed-theme="dark"]) body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero h1,
html:not([data-ed-theme="dark"]) body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero h2,
html[data-ed-theme="light"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero,
html[data-ed-theme="light"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero h1,
html[data-ed-theme="light"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero h2 {
  color: #ffffff !important;
}

html:not([data-ed-theme="dark"]) body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-eyebrow,
html[data-ed-theme="light"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-eyebrow {
  color: rgba(255, 255, 255, 0.94) !important;
}

html:not([data-ed-theme="dark"]) body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero__copy > p:not(.edx-eyebrow),
html[data-ed-theme="light"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero__copy > p:not(.edx-eyebrow) {
  color: rgba(255, 255, 255, 0.86) !important;
}

html:not([data-ed-theme="dark"]) body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-quick-search input,
html[data-ed-theme="light"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-quick-search input {
  color: #0d062a !important;
}

html:not([data-ed-theme="dark"]) body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-quick-search input::placeholder,
html[data-ed-theme="light"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-quick-search input::placeholder {
  color: rgba(81, 70, 95, 0.72) !important;
}

html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero,
html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero h1,
html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero h2 {
  color: #ffffff !important;
}

html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-eyebrow {
  color: rgba(255, 255, 255, 0.94) !important;
}

html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero__copy > p:not(.edx-eyebrow) {
  color: rgba(255, 255, 255, 0.84) !important;
}

html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-quick-search input::placeholder {
  color: rgba(246, 247, 251, 0.62) !important;
}

/* Public Explore should feel like a page header, not a card nested inside the
   app surface normalizer. Keep this late so light mode preserves the gradient. */
body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-shell,
body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-results-shell,
body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-results-wrap {
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
}

body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero,
html:not([data-ed-theme="dark"]) body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero,
html[data-ed-theme="light"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero {
  border-color: transparent !important;
  color: #ffffff !important;
  background: var(--ed-gradient-primary) !important;
  background-color: #7524db !important;
  box-shadow: 0 32px 90px rgba(117, 36, 219, 0.20) !important;
}

html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-hero {
  border-color: transparent !important;
  color: #ffffff !important;
  background:
    linear-gradient(135deg, rgba(13, 6, 42, 0.98) 0%, rgba(117, 36, 219, 0.90) 52%, rgba(237, 39, 144, 0.86) 100%),
    #0d062a !important;
  background-color: #0d062a !important;
  box-shadow: 0 32px 90px rgba(0, 0, 0, 0.28) !important;
}

body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-shell {
  padding-bottom: 58px !important;
}

.edx-explore .edx-view-switcher,
.edx-explore .edx-mobile-tabs {
  display: none !important;
}

.edx-explore .edx-view-select select {
  border: 0 !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
  opacity: 0 !important;
}

.edx-explore .edx-view-select {
  color: var(--ed-app-accent) !important;
}

.edx-explore .edx-view-select__button {
  border-color: var(--ed-app-border) !important;
  background: var(--ed-app-surface-raised) !important;
  background-color: var(--ed-app-surface-raised) !important;
  color: inherit !important;
  box-shadow: var(--ed-app-shadow-soft) !important;
}

html[data-ed-theme="dark"] .edx-explore .edx-view-select {
  color: #ddd6fe !important;
}

html[data-ed-theme="dark"] .edx-explore .edx-view-select__button {
  background: var(--ed-app-surface-raised) !important;
}

body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-control-row,
.edx-explore[data-view="map"] .edx-map-topbar__controls {
  border-color: rgba(255, 255, 255, 0.58) !important;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.68), rgba(255, 255, 255, 0.34)),
    rgba(255, 255, 255, 0.3) !important;
  background-color: rgba(255, 255, 255, 0.3) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.72),
    inset 0 -1px 0 rgba(255, 255, 255, 0.2),
    0 22px 58px rgba(31, 18, 53, 0.17) !important;
  -webkit-backdrop-filter: blur(26px) saturate(1.55) !important;
  backdrop-filter: blur(26px) saturate(1.55) !important;
}

.edx-explore[data-view="map"] .edx-map-topbar {
  border-color: transparent !important;
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.edx-explore[data-view="map"] .edx-map-quick-search,
.edx-explore[data-view="map"] .edx-map-filter-button,
.edx-explore[data-view="map"] .edx-view-select__button {
  border-color: rgba(255, 255, 255, 0.48) !important;
  background: rgba(255, 255, 255, 0.56) !important;
  background-color: rgba(255, 255, 255, 0.56) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.64),
    0 8px 22px rgba(31, 18, 53, 0.08) !important;
}

html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-control-row,
html[data-ed-theme="dark"] .edx-explore[data-view="map"] .edx-map-topbar__controls {
  border-color: rgba(255, 255, 255, 0.14) !important;
  background:
    linear-gradient(135deg, rgba(44, 48, 70, 0.74), rgba(18, 22, 34, 0.5)),
    rgba(15, 23, 42, 0.42) !important;
  background-color: rgba(15, 23, 42, 0.42) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.12),
    inset 0 -1px 0 rgba(255, 255, 255, 0.05),
    0 22px 58px rgba(0, 0, 0, 0.34) !important;
}

html[data-ed-theme="dark"] .edx-explore[data-view="map"] .edx-map-quick-search,
html[data-ed-theme="dark"] .edx-explore[data-view="map"] .edx-map-filter-button,
html[data-ed-theme="dark"] .edx-explore[data-view="map"] .edx-view-select__button {
  border-color: rgba(255, 255, 255, 0.12) !important;
  background: rgba(255, 255, 255, 0.08) !important;
  background-color: rgba(255, 255, 255, 0.08) !important;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.08),
    0 10px 24px rgba(0, 0, 0, 0.18) !important;
}

body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-event h3,
body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-event h3 a {
  color: #18181b !important;
}

body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-event p,
body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-recurrence,
body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-next-dates span {
  color: #5f6470 !important;
}

body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-event__kicker {
  border-color: rgba(117, 36, 219, 0.14) !important;
  color: #7524db !important;
  background: rgba(117, 36, 219, 0.08) !important;
}

body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-chip {
  border-color: rgba(117, 36, 219, 0.11) !important;
  color: #7524db !important;
  background: rgba(117, 36, 219, 0.07) !important;
}

body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-chip--type {
  border-color: rgba(237, 39, 144, 0.14) !important;
  color: #ed2790 !important;
  background: rgba(237, 39, 144, 0.08) !important;
}

body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-chip--level {
  border-color: rgba(24, 116, 143, 0.16) !important;
  color: #18748f !important;
  background: rgba(24, 116, 143, 0.10) !important;
}

body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-chip--provider {
  border-color: rgba(117, 36, 219, 0.13) !important;
  color: #7524db !important;
  background: rgba(117, 36, 219, 0.08) !important;
}

body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-next-dates span {
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-event--list .edx-event__going {
  color: #7524db !important;
  background: rgba(117, 36, 219, 0.10) !important;
  border-color: rgba(117, 36, 219, 0.34) !important;
}

html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-event h3,
html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-event h3 a {
  color: #fcfcfc !important;
}

html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-event p,
html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-recurrence,
html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-next-dates span {
  color: #cbd5e1 !important;
}

html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-event__kicker {
  border-color: rgba(196, 181, 253, 0.2) !important;
  color: #fcfcfc !important;
  background: rgba(117, 36, 219, 0.16) !important;
}

html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-chip {
  border-color: rgba(196, 181, 253, 0.18) !important;
  color: #fcfcfc !important;
  background: rgba(117, 36, 219, 0.14) !important;
}

html[data-ed-theme="dark"] body.edx-explore-page .edx-explore:not([data-view="map"]) .edx-event--list .edx-event__going {
  color: #fcfcfc !important;
  background: rgba(117, 36, 219, 0.16) !important;
  border-color: rgba(196, 181, 253, 0.32) !important;
}

/*
 * Account settings theme compliance.
 *
 * The current settings template uses `.edm-account-settings-page`, while older
 * normalizers target `.edm-account-settings`. Keep this page on the same light
 * and dark app-surface system as the header and member areas.
 */
body.ed-member-settings-page {
  background: var(--ed-page-canvas) !important;
  background-color: var(--ed-bg, #fcfcfc) !important;
}

body.ed-member-settings-page .site-main,
body.ed-member-settings-page .site-content,
body.ed-member-settings-page .entry-content {
  background: transparent !important;
  background-image: none !important;
}

.edm-account-settings-page {
  --edm-account-settings-bg: transparent;
  --edm-account-settings-bg-soft: var(--ed-app-soft);
  --edm-account-settings-surface: var(--ed-app-surface);
  --edm-account-settings-glass: var(--ed-app-surface);
  --edm-account-settings-text: var(--ed-app-text);
  --edm-account-settings-muted: var(--ed-app-muted);
  --edm-account-settings-border: var(--ed-app-border);
  --edm-account-settings-accent: var(--ed-color-primary, var(--ed-primary, #7524db));
  --edm-account-settings-accent-soft: var(--ed-color-primary-soft, rgba(117, 36, 219, 0.10));
  --edm-account-settings-primary: var(--ed-premium-action);
  --edm-account-settings-danger: var(--ed-danger, #ed2790);
  --edm-account-settings-shadow: var(--ed-app-shadow);
  --edm-account-settings-shadow-soft: var(--ed-app-shadow-soft);
  --edm-account-settings-nav-top: calc(var(--admin-bar-height, 0px) + var(--header-height, 72px) + 10px);
  color: var(--ed-app-text) !important;
}

html[data-ed-theme="dark"] .edm-account-settings-page {
  --edm-account-settings-surface: var(--ed-app-surface-raised);
  --edm-account-settings-glass: var(--ed-app-surface-raised);
}

.edm-account-settings-page__hero {
  min-height: 280px !important;
  border: 1px solid var(--ed-app-border) !important;
  color: var(--ed-app-text) !important;
  background:
    linear-gradient(135deg, rgba(var(--ed-color-primary-rgb), 0.08), transparent 48%),
    var(--ed-app-surface) !important;
  background-color: var(--ed-app-surface) !important;
  box-shadow: var(--ed-app-shadow) !important;
}

html[data-ed-theme="dark"] .edm-account-settings-page__hero {
  background:
    linear-gradient(135deg, rgba(var(--ed-color-primary-rgb), 0.12), transparent 48%),
    var(--ed-app-surface-raised) !important;
  background-color: var(--ed-app-surface-raised) !important;
}

.edm-account-settings-page__eyebrow {
  border-color: rgba(var(--ed-color-primary-rgb), 0.22) !important;
  background: var(--ed-color-primary-soft) !important;
  color: var(--ed-color-primary-strong) !important;
}

.edm-account-settings-page__hero p:last-child {
  color: var(--ed-app-muted) !important;
}

.edm-account-settings-page__nav,
.edm-account-settings-page__card {
  border-color: var(--ed-app-border) !important;
  background: var(--ed-app-surface) !important;
  background-color: var(--ed-app-surface) !important;
  background-image: none !important;
  color: var(--ed-app-text) !important;
  box-shadow: var(--ed-app-shadow-soft) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.edm-account-settings-page__nav,
body.admin-bar .edm-account-settings-page__nav {
  top: var(--edm-account-settings-nav-top) !important;
}

html[data-ed-theme="dark"] .edm-account-settings-page__nav,
html[data-ed-theme="dark"] .edm-account-settings-page__card {
  background: var(--ed-app-surface-raised) !important;
  background-color: var(--ed-app-surface-raised) !important;
}

.edm-account-settings-page__nav a {
  color: var(--ed-app-muted) !important;
}

.edm-account-settings-page__nav a:hover,
.edm-account-settings-page__nav a:focus-visible,
.edm-account-settings-page__nav a.is-active,
.edm-account-settings-page__nav a[aria-current="true"] {
  background: var(--ed-color-primary-soft) !important;
  color: var(--ed-color-primary-strong) !important;
}

.edm-account-settings-page__nav span,
.edm-account-settings-page__style-icon,
.edm-account-settings-page__pills span {
  border-color: var(--ed-app-border) !important;
  background: var(--ed-color-primary-soft) !important;
  color: var(--ed-color-primary-strong) !important;
}

.edm-account-settings-page__kicker,
.edm-account-settings-page__status {
  color: var(--ed-color-primary-strong) !important;
}

.edm-account-settings-page__card h2,
.edm-account-settings-page__field,
.edm-account-settings-page__field span,
.edm-account-settings-page__setting-row,
.edm-account-settings-page__setting-row strong,
.edm-account-settings-page__dna-row strong,
.edm-account-settings-page__theme-card strong {
  color: var(--ed-app-text) !important;
}

.edm-account-settings-page__setting-row small,
.edm-account-settings-page__setting-row > span > span,
.edm-account-settings-page__dna-row small,
.edm-account-settings-page__theme-card span,
.edm-account-settings-page__empty {
  color: var(--ed-app-muted) !important;
}

.edm-account-settings-page :where(
  input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
  textarea,
  select
),
.edm-account-settings-page__setting-row,
.edm-account-settings-page__dna-row,
.edm-account-settings-page__theme-card,
.edm-account-settings-page__empty {
  border-color: var(--ed-app-border) !important;
  background: var(--ed-app-field) !important;
  background-color: var(--ed-app-field) !important;
  background-image: none !important;
  color: var(--ed-app-text) !important;
  box-shadow: none !important;
}

.edm-account-settings-page input:disabled {
  background: var(--ed-app-soft) !important;
  color: var(--ed-app-muted) !important;
  opacity: 1 !important;
}

.edm-account-settings-page :where(input, textarea, select):focus {
  border-color: rgba(var(--ed-color-primary-rgb), 0.38) !important;
  box-shadow: 0 0 0 4px rgba(var(--ed-color-primary-rgb), 0.14) !important;
}

.edm-account-settings-page__note {
  border-color: rgba(var(--ed-color-primary-rgb), 0.22) !important;
  background: var(--ed-color-primary-soft) !important;
  color: var(--ed-app-muted) !important;
}

.edm-account-settings-page__btn {
  background-image: none !important;
  text-shadow: none !important;
}

.edm-account-settings-page__btn--primary,
.edm-account-settings-page :is(button, a, input[type="submit"]):not(.edm-save-event-icon):is(
  [class*="primary"],
  [class*="submit"],
  [class*="save"]
) {
  border-color: rgba(var(--ed-premium-action-rgb), 0.38) !important;
  background: var(--ed-premium-action) !important;
  background-color: var(--ed-premium-action) !important;
  background-image: none !important;
  color: #ffffff !important;
  box-shadow: var(--ed-premium-action-shadow) !important;
}

.edm-account-settings-page__btn--primary:hover,
.edm-account-settings-page__btn--primary:focus-visible,
.edm-account-settings-page :is(button, a, input[type="submit"]):not(.edm-save-event-icon):is(
  [class*="primary"],
  [class*="submit"],
  [class*="save"]
):is(:hover, :focus-visible) {
  border-color: rgba(var(--ed-premium-action-rgb), 0.44) !important;
  background: var(--ed-premium-action-hover) !important;
  background-color: var(--ed-premium-action-hover) !important;
  background-image: none !important;
  color: #ffffff !important;
  box-shadow: 0 18px 40px rgba(var(--ed-premium-action-rgb), 0.28) !important;
}

.edm-account-settings-page__btn--secondary {
  border-color: var(--ed-app-border-strong) !important;
  background: var(--ed-app-surface) !important;
  background-color: var(--ed-app-surface) !important;
  color: var(--ed-app-text) !important;
  box-shadow: none !important;
}

.edm-account-settings-page__btn--secondary:hover,
.edm-account-settings-page__btn--secondary:focus-visible {
  background: var(--ed-app-soft) !important;
  background-color: var(--ed-app-soft) !important;
}

.edm-account-settings-page__btn--soft {
  border-color: rgba(var(--ed-color-primary-rgb), 0.22) !important;
  background: var(--ed-color-primary-soft) !important;
  background-color: var(--ed-color-primary-soft) !important;
  color: var(--ed-color-primary-strong) !important;
  box-shadow: none !important;
}

.edm-account-settings-page__btn--danger {
  border-color: rgba(var(--ed-danger-rgb, 237 39 144) / 0.20) !important;
  background: rgba(var(--ed-danger-rgb, 237 39 144) / 0.10) !important;
  background-color: rgba(var(--ed-danger-rgb, 237 39 144) / 0.10) !important;
  color: var(--ed-danger, #ed2790) !important;
  box-shadow: none !important;
}

.edm-account-settings-page__toggle {
  background: var(--ed-app-border-strong) !important;
}

.edm-account-settings-page__toggle-input:checked + .edm-account-settings-page__toggle {
  background: var(--ed-color-primary) !important;
}

.edm-account-settings-page__toggle-input:focus-visible + .edm-account-settings-page__toggle {
  box-shadow: 0 0 0 4px rgba(var(--ed-color-primary-rgb), 0.18) !important;
}

.edm-account-settings-page__warning {
  border-color: rgba(var(--ed-danger-rgb, 237 39 144) / 0.20) !important;
  background: rgba(var(--ed-danger-rgb, 237 39 144) / 0.08) !important;
  color: var(--ed-app-muted) !important;
}

.edm-account-settings-page__warning strong {
  color: var(--ed-danger, #ed2790) !important;
}

@media (max-width: 620px) {
  .edm-account-settings-page__hero {
    min-height: 300px !important;
  }
}

@media (max-width: 940px) {
  .edm-account-settings-page__nav {
    gap: 6px !important;
    padding: 7px !important;
    border-radius: 18px !important;
  }

  .edm-account-settings-page__nav a {
    min-height: 42px !important;
    gap: 8px !important;
    padding: 7px 10px !important;
    border-radius: 13px !important;
    font-size: 0.88rem !important;
  }

  .edm-account-settings-page__nav span {
    width: 28px !important;
    height: 28px !important;
    border-radius: 10px !important;
    font-size: 0.66rem !important;
  }

  .edm-account-settings-page__card {
    scroll-margin-top: calc(var(--edm-account-settings-nav-top) + 66px) !important;
  }
}

/*
 * User profile theme compliance.
 *
 * The member profile plugin ships with its own purple-heavy palette. Keep its
 * layout, but make every visible profile surface inherit the site theme tokens.
 */
body.ed-member-profile-page {
  background: var(--ed-page-canvas, var(--ed-color-body-bg, #fcfcfc)) !important;
}

body.ed-member-profile-page .edm-user-profile,
.edm-user-profile {
  --edm-user-profile-bg: var(--ed-bg, #fcfcfc);
  --edm-user-profile-bg-soft: var(--ed-bg-soft, #f3edff);
  --edm-user-profile-surface: var(--ed-app-surface, #ffffff);
  --edm-user-profile-surface-raised: var(--ed-app-surface-raised, #ffffff);
  --edm-user-profile-field: var(--ed-app-field, #ffffff);
  --edm-user-profile-glass: var(--ed-app-surface, #ffffff);
  --edm-user-profile-text: var(--ed-app-text, var(--ed-color-ink, #0d062a));
  --edm-user-profile-muted: var(--ed-app-muted, var(--ed-color-muted, #5a506e));
  --edm-user-profile-border: var(--ed-app-border, var(--ed-color-line, #e7def0));
  --edm-user-profile-border-strong: var(--ed-app-border-strong, var(--ed-color-line-strong, #d7cbe4));
  --edm-user-profile-accent: var(--ed-color-primary, #7524db);
  --edm-user-profile-accent-strong: var(--ed-color-primary-strong, #5f1fb4);
  --edm-user-profile-accent-soft: var(--ed-color-primary-soft, rgba(117, 36, 219, 0.10));
  --edm-user-profile-primary-soft: var(--ed-color-primary-soft, rgba(117, 36, 219, 0.10));
  --edm-user-profile-primary-bg: var(--ed-color-primary, #7524db);
  --edm-user-profile-primary-hover: var(--ed-color-primary-strong, #5f1fb4);
  --edm-user-profile-primary-text: var(--ed-color-on-primary, #ffffff);
  --edm-user-profile-secondary: var(--ed-color-accent, #ed2790);
  --edm-user-profile-teal: var(--ed-color-teal, #18748f);
  --edm-user-profile-shadow: var(--ed-app-shadow, var(--ed-shadow-soft, 0 18px 48px rgba(13, 6, 42, 0.08)));
  --edm-user-profile-shadow-soft: var(--ed-app-shadow-soft, var(--ed-shadow-sm, 0 10px 28px rgba(13, 6, 42, 0.055)));
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  color: var(--edm-user-profile-text) !important;
}

html[data-ed-theme="dark"] body.ed-member-profile-page,
html[data-ed-theme="dark"] body.ed-member-profile-page .edm-user-profile,
html[data-ed-theme="dark"] .edm-user-profile {
  --edm-user-profile-bg: #0d062a;
  --edm-user-profile-bg-soft: #120c2d;
  --edm-user-profile-surface: #171036;
  --edm-user-profile-surface-raised: #21164a;
  --edm-user-profile-field: #120c2d;
  --edm-user-profile-glass: #171036;
  --edm-user-profile-text: #fcfcfc;
  --edm-user-profile-muted: #d7cfe4;
  --edm-user-profile-border: rgba(252, 252, 252, 0.14);
  --edm-user-profile-border-strong: rgba(252, 252, 252, 0.22);
  --edm-user-profile-accent: #8f5cff;
  --edm-user-profile-accent-strong: #b9eff8;
  --edm-user-profile-accent-soft: rgba(143, 92, 255, 0.18);
  --edm-user-profile-primary-soft: rgba(143, 92, 255, 0.18);
  --edm-user-profile-primary-bg: #7524db;
  --edm-user-profile-primary-hover: #8f5cff;
  --edm-user-profile-primary-text: #ffffff;
  --edm-user-profile-secondary: #ff4aa9;
  --edm-user-profile-teal: #35a6c5;
  --edm-user-profile-shadow: 0 28px 70px rgba(0, 0, 0, 0.42);
  --edm-user-profile-shadow-soft: 0 14px 36px rgba(0, 0, 0, 0.26);
  background: #0d062a !important;
  background-color: #0d062a !important;
  color: var(--edm-user-profile-text) !important;
}

.edm-user-profile :where(
  .edm-user-profile__owner-bar,
  .edm-user-profile__nav,
  .edm-user-profile__card,
  .edm-user-profile__dna-card,
  .edm-user-profile__mini-card,
  .edm-user-profile__event-card,
  .edm-user-profile__friend-card,
  .edm-user-profile__owner-tool,
  .edm-user-profile__style-row,
  .edm-user-profile__option-card,
  .edm-user-profile__flow-card,
  .edm-user-profile__manage-card,
  .edm-user-profile__setup-strip,
  .edm-user-profile__composer,
  .edm-feed-item,
  .edm-reply-body,
  .edm-profile-studio__header,
  .edm-profile-studio__panel,
  .edm-profile-studio__preview,
  .edm-profile-studio__section,
  .edm-profile-studio__dna-preview,
  .edm-profile-studio__handoff,
  .edm-profile-studio__preview-card,
  .edm-user-profile__editor-dna,
  .edm-user-profile__empty-note,
  .edm-user-profile__private-note
) {
  border-color: var(--edm-user-profile-border) !important;
  background: var(--edm-user-profile-surface) !important;
  background-color: var(--edm-user-profile-surface) !important;
  background-image: none !important;
  color: var(--edm-user-profile-text) !important;
  box-shadow: var(--edm-user-profile-shadow-soft) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.edm-user-profile :where(
  .edm-user-profile__setup-strip,
  .edm-user-profile__composer,
  .edm-feed-item,
  .edm-profile-studio__section,
  .edm-profile-studio__dna-preview,
  .edm-profile-studio__preview-card,
  .edm-user-profile__manage-card
) {
  background: var(--edm-user-profile-surface-raised) !important;
  background-color: var(--edm-user-profile-surface-raised) !important;
}

.edm-user-profile :where(
  .edm-user-profile__card h2,
  .edm-user-profile__title,
  .edm-user-profile__sub-title,
  .edm-user-profile__row-title,
  .edm-user-profile__mini-card strong,
  .edm-user-profile__owner-tool strong,
  .edm-user-profile__manage-card h3,
  .edm-user-profile__option-card strong,
  .edm-user-profile__flow-card strong,
  .edm-user-profile__friend-card strong,
  .edm-user-profile__event-body h3,
  .edm-user-profile__event-body h3 a,
  .edm-user-profile__event-meta dd,
  .edm-user-profile__preference-row span,
  .edm-user-profile__dna-row strong,
  .edm-profile-studio__header h1,
  .edm-profile-studio__section-head h2,
  .edm-profile-studio__handoff strong,
  .edm-feed-author a,
  .edm-feed-author strong,
  .edm-reply-body strong
) {
  color: var(--edm-user-profile-text) !important;
}

.edm-user-profile :where(
  .edm-user-profile__copy,
  .edm-user-profile__meta,
  .edm-user-profile__row-meta,
  .edm-user-profile__mini-card span,
  .edm-user-profile__owner-tool span,
  .edm-user-profile__manage-card p,
  .edm-user-profile__option-card span,
  .edm-user-profile__flow-card span,
  .edm-user-profile__preference-row em,
  .edm-user-profile__dna-row em,
  .edm-profile-studio__header p,
  .edm-profile-studio__section-head p,
  .edm-profile-studio__preview-head span,
  .edm-profile-studio__preview-card > p:not(.edm-user-profile__kicker),
  .edm-feed-author span,
  .edm-feed-stats,
  .edm-feed-text,
  .edm-reply-body p,
  .edm-reply-body strong span
) {
  color: var(--edm-user-profile-muted) !important;
}

.edm-user-profile :where(
  .edm-user-profile__kicker,
  .edm-user-profile__preference-row strong,
  .edm-user-profile__manage-card-foot span,
  .edm-profile-studio__save .edm-profile-form-status,
  .edm-user-profile__editor-save .edm-profile-form-status,
  .edm-user-profile__event-meta dt
) {
  color: var(--edm-user-profile-accent) !important;
}

html[data-ed-theme="dark"] .edm-user-profile :where(
  .edm-user-profile__kicker,
  .edm-user-profile__preference-row strong,
  .edm-user-profile__manage-card-foot span,
  .edm-profile-studio__save .edm-profile-form-status,
  .edm-user-profile__editor-save .edm-profile-form-status,
  .edm-user-profile__event-meta dt
) {
  color: var(--edm-user-profile-teal) !important;
}

.edm-user-profile :where(
  .edm-user-profile__btn,
  .edm-profile-actions .edm-btn,
  .edm-reply-form .edm-btn-primary,
  .ed-visitor-profile-hero__btn,
  .ed-visitor-profile-hero__more summary
) {
  background-image: none !important;
  text-shadow: none !important;
}

.edm-user-profile :where(
  .edm-user-profile__btn--primary,
  .edm-profile-actions .edm-btn-primary,
  .edm-reply-form .edm-btn-primary,
  .ed-visitor-profile-hero__btn--primary
) {
  border-color: transparent !important;
  background: var(--edm-user-profile-primary-bg) !important;
  background-color: var(--edm-user-profile-primary-bg) !important;
  background-image: none !important;
  color: var(--edm-user-profile-primary-text) !important;
  box-shadow: 0 16px 34px rgba(var(--ed-color-primary-rgb, 117, 36, 219), 0.22) !important;
}

.edm-user-profile :where(
  .edm-user-profile__btn--primary,
  .edm-profile-actions .edm-btn-primary,
  .edm-reply-form .edm-btn-primary,
  .ed-visitor-profile-hero__btn--primary
):where(:hover, :focus-visible) {
  background: var(--edm-user-profile-primary-hover) !important;
  background-color: var(--edm-user-profile-primary-hover) !important;
  color: var(--edm-user-profile-primary-text) !important;
}

.edm-user-profile :where(
  .edm-user-profile__btn--secondary,
  .edm-profile-actions .edm-btn-soft,
  .edm-user-profile__event-going,
  .ed-visitor-profile-hero__btn--secondary,
  .ed-visitor-profile-hero__btn--quiet,
  .ed-visitor-profile-hero__more summary
) {
  border: 1px solid var(--edm-user-profile-border-strong) !important;
  background: var(--edm-user-profile-field) !important;
  background-color: var(--edm-user-profile-field) !important;
  color: var(--edm-user-profile-text) !important;
  box-shadow: none !important;
}

.edm-user-profile :where(
  .edm-user-profile__btn--secondary,
  .edm-profile-actions .edm-btn-soft,
  .edm-user-profile__event-going,
  .ed-visitor-profile-hero__btn--secondary,
  .ed-visitor-profile-hero__btn--quiet,
  .ed-visitor-profile-hero__more summary
):where(:hover, :focus-visible) {
  background: var(--edm-user-profile-accent-soft) !important;
  color: var(--edm-user-profile-accent) !important;
}

.edm-user-profile :where(
  .edm-user-profile__btn--soft,
  .edm-feed-actions button,
  .edm-feed-action
) {
  border: 1px solid rgba(var(--ed-color-primary-rgb, 117, 36, 219), 0.22) !important;
  background: var(--edm-user-profile-accent-soft) !important;
  background-color: var(--edm-user-profile-accent-soft) !important;
  color: var(--edm-user-profile-accent) !important;
  box-shadow: none !important;
}

html[data-ed-theme="dark"] .edm-user-profile :where(
  .edm-user-profile__btn--soft,
  .edm-feed-actions button,
  .edm-feed-action
) {
  color: var(--edm-user-profile-accent-strong) !important;
}

.edm-user-profile :where(
  .edm-user-profile__nav a,
  .edm-user-profile__editor-style span
) {
  color: var(--edm-user-profile-muted) !important;
}

.edm-user-profile :where(
  .edm-user-profile__nav a.is-active,
  .edm-user-profile__nav a[aria-current="true"],
  .edm-user-profile__nav a:hover,
  .edm-user-profile__nav a:focus-visible,
  .edm-user-profile__editor-style input:checked + span
) {
  border-color: rgba(var(--ed-color-primary-rgb, 117, 36, 219), 0.24) !important;
  background: var(--edm-user-profile-accent-soft) !important;
  color: var(--edm-user-profile-accent) !important;
  box-shadow: none !important;
}

html[data-ed-theme="dark"] .edm-user-profile :where(
  .edm-user-profile__nav a.is-active,
  .edm-user-profile__nav a[aria-current="true"],
  .edm-user-profile__nav a:hover,
  .edm-user-profile__nav a:focus-visible,
  .edm-user-profile__editor-style input:checked + span
) {
  color: var(--edm-user-profile-accent-strong) !important;
}

.edm-user-profile :where(
  .edm-user-profile__hero-pill,
  .edm-user-profile__eyebrow,
  .edm-user-profile__pill,
  .edm-user-profile__look,
  .edm-user-profile__style-icon,
  .edm-user-profile__row-kicker,
  .edm-user-profile__event-topline span,
  .edm-user-profile__event-chips span,
  .edm-profile-studio__section-head > span,
  .ed-visitor-profile-hero__pill,
  .ed-visitor-profile-hero__chip
) {
  border-color: rgba(var(--ed-color-primary-rgb, 117, 36, 219), 0.22) !important;
  background: var(--edm-user-profile-accent-soft) !important;
  background-color: var(--edm-user-profile-accent-soft) !important;
  color: var(--edm-user-profile-accent) !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

html[data-ed-theme="dark"] .edm-user-profile :where(
  .edm-user-profile__hero-pill,
  .edm-user-profile__eyebrow,
  .edm-user-profile__pill,
  .edm-user-profile__look,
  .edm-user-profile__style-icon,
  .edm-user-profile__row-kicker,
  .edm-user-profile__event-topline span,
  .edm-user-profile__event-chips span,
  .edm-profile-studio__section-head > span,
  .ed-visitor-profile-hero__pill,
  .ed-visitor-profile-hero__chip
) {
  border-color: rgba(var(--ed-color-teal-rgb, 53, 166, 197), 0.28) !important;
  background: rgba(var(--ed-color-teal-rgb, 53, 166, 197), 0.16) !important;
  color: #b9eff8 !important;
}

.edm-user-profile :where(
  .edm-user-profile__editor-field input,
  .edm-user-profile__editor-field select,
  .edm-user-profile__editor-field textarea,
  .edm-user-profile__search,
  .edm-user-profile__composer textarea,
  .edm-activity-input,
  .edm-feed-media,
  .edm-user-profile__event-meta div
) {
  border-color: var(--edm-user-profile-border) !important;
  background: var(--edm-user-profile-field) !important;
  background-color: var(--edm-user-profile-field) !important;
  background-image: none !important;
  color: var(--edm-user-profile-text) !important;
  box-shadow: none !important;
}

.edm-user-profile :where(input, textarea, select)::placeholder {
  color: color-mix(in srgb, var(--edm-user-profile-muted) 72%, transparent) !important;
  opacity: 1 !important;
}

.edm-user-profile :where(input, textarea, select, button, a):focus-visible {
  outline: 0 !important;
  box-shadow: 0 0 0 4px rgba(var(--ed-color-primary-rgb, 117, 36, 219), 0.18) !important;
}

.edm-user-profile__hero,
.edm-profile-studio__hero-preview {
  background:
    linear-gradient(180deg, rgba(13, 6, 42, 0.14), rgba(13, 6, 42, 0.74)),
    var(--edm-user-profile-hero-image, linear-gradient(135deg, #0d062a 0%, #171036 100%)) !important;
  background-position: center !important;
  background-size: cover !important;
  color: #ffffff !important;
  box-shadow: var(--edm-user-profile-shadow) !important;
}

.edm-user-profile__hero::after {
  background:
    radial-gradient(circle at 16% 22%, rgba(var(--ed-color-teal-rgb, 24, 116, 143), 0.18), transparent 34rem),
    radial-gradient(circle at 88% 16%, rgba(var(--ed-color-accent-rgb, 237, 39, 144), 0.18), transparent 30rem) !important;
}

.edm-user-profile__hero-inner {
  border-color: transparent !important;
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}

.edm-user-profile__hero :where(h1, h2, p),
.edm-profile-studio__hero-preview :where(h1, h2, p) {
  color: #ffffff !important;
  text-shadow: 0 2px 18px rgba(13, 6, 42, 0.38) !important;
}

.edm-user-profile__hero-copy,
.ed-visitor-profile-hero__copy {
  background: transparent !important;
  background-image: none !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
  filter: none !important;
}

.edm-user-profile__hero-copy :where(.edm-user-profile__eyebrow, .edm-user-profile__hero-pills),
.ed-visitor-profile-hero__copy :where(.ed-visitor-profile-hero__eyebrow-row, .ed-visitor-profile-hero__meta) {
  display: none !important;
}

.edm-user-profile__avatar,
.ed-visitor-profile-hero__avatar,
.edm-user-profile__mini-avatar,
.edm-user-profile .edm-feed-head .edm-avatar,
.edm-user-profile__friend-avatar {
  border-color: var(--edm-user-profile-border) !important;
  background: var(--edm-user-profile-field) !important;
  color: var(--edm-user-profile-accent) !important;
  box-shadow: var(--edm-user-profile-shadow-soft) !important;
}

.edm-user-profile__avatar span,
.ed-visitor-profile-hero__avatar span,
.edm-user-profile__mini-avatar,
.edm-user-profile .edm-feed-head .edm-avatar,
.edm-user-profile__friend-avatar {
  background: var(--edm-user-profile-accent-soft) !important;
  color: var(--edm-user-profile-accent) !important;
}

html[data-ed-theme="dark"] .edm-user-profile__avatar span,
html[data-ed-theme="dark"] .ed-visitor-profile-hero__avatar span,
html[data-ed-theme="dark"] .edm-user-profile__mini-avatar,
html[data-ed-theme="dark"] .edm-user-profile .edm-feed-head .edm-avatar,
html[data-ed-theme="dark"] .edm-user-profile__friend-avatar {
  color: #b9eff8 !important;
}

.ed-visitor-profile-hero {
  border: 1px solid var(--edm-user-profile-border) !important;
  background: var(--edm-user-profile-surface) !important;
  background-color: var(--edm-user-profile-surface) !important;
  background-image: none !important;
  box-shadow: var(--edm-user-profile-shadow) !important;
}

.ed-visitor-profile-hero::before {
  background:
    linear-gradient(180deg, rgba(13, 6, 42, 0.16), rgba(13, 6, 42, 0.72)),
    var(--ed-visitor-profile-hero-image, linear-gradient(135deg, #0d062a 0%, #171036 100%)) !important;
  background-position: center !important;
  background-size: cover !important;
}

.ed-visitor-profile-hero::after {
  border-color: rgba(252, 252, 252, 0.18) !important;
}

.ed-visitor-profile-hero__connection-card,
.ed-visitor-profile-hero__menu {
  border-color: rgba(252, 252, 252, 0.18) !important;
  background: rgba(13, 6, 42, 0.62) !important;
  background-image: none !important;
  color: #ffffff !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.ed-visitor-profile-hero__connection-card :where(h2, strong),
.ed-visitor-profile-hero__menu button {
  color: #ffffff !important;
}

.ed-visitor-profile-hero__connection-card :where(p, span) {
  color: rgba(252, 252, 252, 0.78) !important;
}

.ed-visitor-profile-hero__stat {
  border-color: rgba(252, 252, 252, 0.16) !important;
  background: rgba(252, 252, 252, 0.10) !important;
  color: #ffffff !important;
}

.edm-user-profile__event-media,
.edm-user-profile__event-img {
  background:
    linear-gradient(180deg, rgba(13, 6, 42, 0.05), rgba(13, 6, 42, 0.46)),
    var(--edm-user-profile-event-image, linear-gradient(135deg, #0d062a 0%, #171036 100%)) !important;
  background-position: center !important;
  background-size: cover !important;
}

.edm-user-profile__event-media > span,
.edm-user-profile__event-media > strong {
  border-color: rgba(252, 252, 252, 0.22) !important;
  background: rgba(13, 6, 42, 0.62) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.edm-user-profile__setup-meter,
.edm-user-profile__dna-bar {
  background: var(--edm-user-profile-accent-soft) !important;
}

.edm-user-profile__setup-meter span,
.edm-user-profile__dna-bar span {
  background: var(--edm-user-profile-primary-bg) !important;
  background-image: none !important;
}

.edm-user-profile .edm-save-event-icon {
  --edm-save-red: var(--ed-danger, #ed2790);
  --edm-save-red-rgb: var(--ed-danger-rgb, 237 39 144);
  --edm-save-accent: var(--ed-danger, #ed2790);
  --edm-save-accent-rgb: var(--ed-danger-rgb, 237 39 144);
  --edm-save-bg: var(--edm-user-profile-field);
  border-color: rgba(var(--ed-color-accent-rgb, 237, 39, 144), 0.22) !important;
  background: var(--edm-user-profile-field) !important;
  color: var(--ed-danger, #ed2790) !important;
  box-shadow: none !important;
}

.edm-user-profile .edm-save-event-icon.is-active,
.edm-user-profile .edm-save-event-icon[aria-pressed="true"] {
  background: var(--ed-danger, #ed2790) !important;
  color: #ffffff !important;
}

.edm-profile-studio__banner-picker > span,
.edm-profile-studio__banner-picker small,
.edm-profile-studio__avatar-picker::after,
.edm-user-profile__settings-menu > summary,
.edm-user-profile .edm-profile-more summary {
  border-color: rgba(252, 252, 252, 0.20) !important;
  background: rgba(13, 6, 42, 0.68) !important;
  color: #ffffff !important;
  box-shadow: none !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.edm-user-profile__settings-menu .edm-profile-more-menu,
.edm-user-profile .edm-profile-more-menu {
  border-color: var(--edm-user-profile-border) !important;
  background: var(--edm-user-profile-surface-raised) !important;
  color: var(--edm-user-profile-text) !important;
  box-shadow: var(--edm-user-profile-shadow) !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}

.edm-user-profile__settings-menu .edm-profile-more-menu :where(a, button),
.edm-user-profile .edm-profile-more-menu :where(a, button) {
  border-bottom-color: var(--edm-user-profile-border) !important;
  color: var(--edm-user-profile-text) !important;
}

.edm-user-profile__settings-menu .edm-profile-more-menu :where(a, button):hover,
.edm-user-profile .edm-profile-more-menu :where(a, button):hover {
  background: var(--edm-user-profile-accent-soft) !important;
  color: var(--edm-user-profile-accent) !important;
}

.edm-user-profile__event-controls {
  display: inline-flex;
  align-items: center;
  gap: 0.55rem;
}

.edm-user-profile__event-controls button {
  display: inline-grid;
  width: 2.75rem;
  height: 2.75rem;
  min-width: 2.75rem;
  place-items: center;
  border: 1px solid var(--edm-user-profile-border) !important;
  border-radius: 999px;
  background: var(--edm-user-profile-field) !important;
  color: var(--edm-user-profile-text) !important;
  box-shadow: none !important;
  font: inherit;
  font-size: 1.1rem;
  font-weight: 900;
  line-height: 1;
  cursor: pointer;
}

.edm-user-profile__event-controls button:not(:disabled):hover,
.edm-user-profile__event-controls button:not(:disabled):focus-visible {
  border-color: var(--edm-user-profile-border-strong) !important;
  background: var(--edm-user-profile-accent-soft) !important;
  color: var(--edm-user-profile-accent) !important;
}

.edm-user-profile__event-controls button:disabled {
  cursor: default;
  opacity: 0.42;
}

.edm-user-profile__event-list--shared {
  display: flex !important;
  grid-template-columns: none !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
}

.edm-user-profile__event-list--carousel {
  display: flex !important;
  align-items: stretch !important;
  justify-content: flex-start !important;
  gap: 1rem !important;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  padding: 0.15rem 0.1rem 0.85rem !important;
  scroll-padding-inline: 0.1rem !important;
  scroll-snap-type: x mandatory !important;
  overscroll-behavior-inline: contain !important;
  -webkit-overflow-scrolling: touch !important;
}

.edm-user-profile__event-list--carousel::-webkit-scrollbar {
  height: 0.55rem;
}

.edm-user-profile__event-list--carousel::-webkit-scrollbar-track {
  border-radius: 999px;
  background: var(--edm-user-profile-field);
}

.edm-user-profile__event-list--carousel::-webkit-scrollbar-thumb {
  border-radius: 999px;
  background: var(--edm-user-profile-border-strong);
}

.edm-user-profile__event-list--carousel > .edm-user-profile__event-card {
  flex: 0 0 min(100%, 20.875rem) !important;
  width: min(100%, 20.875rem) !important;
  max-width: 20.875rem !important;
  scroll-snap-align: start !important;
  scroll-snap-stop: always !important;
}

.edm-user-profile .edm-user-profile__shared-event-card {
  --ed-card-accent: var(--edm-user-profile-accent);
  --ed-card-accent-strong: var(--edm-user-profile-accent-strong);
  --ed-card-accent-soft: var(--edm-user-profile-accent-soft);
  --ed-card-blue: var(--edm-user-profile-teal);
  --ed-card-ink: var(--edm-user-profile-text);
  --ed-card-muted: var(--edm-user-profile-muted);
  --ed-card-line: var(--edm-user-profile-border);
  --ed-card-panel: var(--edm-user-profile-surface);
  --ed-event-card-surface: var(--edm-user-profile-surface);
  --ed-event-card-soft: var(--edm-user-profile-field);
  --ed-event-card-text: var(--edm-user-profile-text);
  --ed-event-card-muted: var(--edm-user-profile-muted);
  --ed-event-card-line: var(--edm-user-profile-border);
  --ed-event-card-primary: var(--edm-user-profile-accent);
  --ed-event-card-primary-strong: var(--edm-user-profile-accent-strong);
  --ed-event-card-primary-soft: var(--edm-user-profile-accent-soft);
  --ed-event-card-teal: var(--edm-user-profile-teal);
  --ed-event-card-on-primary: var(--edm-user-profile-primary-text);
  flex: 0 0 min(100%, 20.875rem) !important;
  width: min(100%, 20.875rem) !important;
  max-width: 20.875rem !important;
  min-height: 100% !important;
  overflow: hidden !important;
  scroll-snap-align: start !important;
  scroll-snap-stop: always !important;
  border: 1px solid var(--edm-user-profile-border) !important;
  border-radius: 1.25rem !important;
  background: var(--edm-user-profile-surface) !important;
  background-image: none !important;
  color: var(--edm-user-profile-text) !important;
  box-shadow: var(--edm-user-profile-shadow-soft) !important;
}

.edm-user-profile .edm-user-profile__shared-event-card:hover {
  border-color: var(--edm-user-profile-border-strong) !important;
  transform: translateY(-2px);
}

.edm-user-profile .edm-user-profile__shared-event-card .ed-event-card__stage {
  position: relative !important;
  width: 100% !important;
  height: var(--ed-event-card-summary-height, auto);
  overflow: hidden !important;
  border-radius: inherit !important;
  transition: height 0.28s ease !important;
}

.edm-user-profile .edm-user-profile__shared-event-card:is(.is-showing-details, .is-showing-options, .is-showing-upcoming) .ed-event-card__summary {
  opacity: 0 !important;
  pointer-events: none !important;
  transform: translateY(-6px) !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .ed-event-card__summary,
.edm-user-profile .edm-user-profile__shared-event-card .edx-event__body {
  min-width: 0 !important;
  background: var(--edm-user-profile-surface) !important;
  color: var(--edm-user-profile-text) !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .ed-event-card__summary {
  display: flex !important;
  flex-direction: column !important;
  transition: opacity 0.2s ease, transform 0.24s ease !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-card-media {
  position: relative !important;
  overflow: hidden !important;
  aspect-ratio: 16 / 10 !important;
  background: var(--edm-user-profile-field) !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-event__image,
.edm-user-profile .edm-user-profile__shared-event-card .edx-event__image img,
.edm-user-profile .edm-user-profile__shared-event-card .edx-event__placeholder {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-event__image img {
  object-fit: cover !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-event__placeholder {
  display: grid !important;
  min-height: 10rem !important;
  place-items: center !important;
  background: var(--edm-user-profile-field) !important;
  color: var(--edm-user-profile-accent) !important;
  font-size: 2rem !important;
  font-weight: 900 !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-card-badges {
  position: absolute !important;
  top: 0.75rem !important;
  left: 0.75rem !important;
  right: 4rem !important;
  z-index: 2 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.4rem !important;
}

.edm-user-profile .edm-user-profile__shared-event-card :where(.edx-badge, .edx-price, .edx-chip) {
  display: inline-flex !important;
  align-items: center !important;
  min-height: 1.7rem !important;
  border: 1px solid rgba(var(--ed-color-primary-rgb, 117, 36, 219), 0.18) !important;
  border-radius: 999px !important;
  background: var(--edm-user-profile-accent-soft) !important;
  color: var(--edm-user-profile-accent) !important;
  box-shadow: none !important;
  font-weight: 850 !important;
}

html[data-ed-theme="dark"] .edm-user-profile .edm-user-profile__shared-event-card :where(.edx-badge, .edx-price, .edx-chip) {
  border-color: rgba(var(--ed-color-teal-rgb, 53, 166, 197), 0.28) !important;
  background: rgba(var(--ed-color-teal-rgb, 53, 166, 197), 0.16) !important;
  color: #b9eff8 !important;
}

.edm-user-profile .edm-user-profile__shared-event-card :where(.edx-badge, .edx-price) {
  padding: 0 0.65rem !important;
  font-size: 0.78rem !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-chip {
  padding: 0 0.58rem !important;
  font-size: 0.76rem !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-event__save {
  --edm-save-size: 2.75rem;
  position: absolute !important;
  top: 0.65rem !important;
  right: 0.65rem !important;
  z-index: 3 !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-event__body {
  display: grid !important;
  gap: 0.75rem !important;
  padding: 1rem !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-event__topline {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.65rem !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-event__kicker {
  color: var(--edm-user-profile-accent) !important;
  font-size: 0.82rem !important;
  font-weight: 850 !important;
}

html[data-ed-theme="dark"] .edm-user-profile .edm-user-profile__shared-event-card .edx-event__kicker {
  color: var(--edm-user-profile-teal) !important;
}

.edm-user-profile .edm-user-profile__shared-event-card h3 {
  margin: 0 !important;
  color: var(--edm-user-profile-text) !important;
  font-size: 1.12rem !important;
  line-height: 1.18 !important;
}

.edm-user-profile .edm-user-profile__shared-event-card h3 a {
  color: inherit !important;
  text-decoration: none !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-event__body > p,
.edm-user-profile .edm-user-profile__shared-event-card .edx-event__footer,
.edm-user-profile .edm-user-profile__shared-event-card .edx-provider__copy span {
  margin: 0 !important;
  color: var(--edm-user-profile-muted) !important;
  font-size: 0.92rem !important;
  line-height: 1.4 !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-event__chips,
.edm-user-profile .edm-user-profile__shared-event-card .edx-event__footer {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.45rem !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-event__footer {
  align-items: center !important;
  justify-content: space-between !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-provider {
  display: flex !important;
  align-items: center !important;
  gap: 0.55rem !important;
  min-width: 0 !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-provider__avatar {
  display: grid !important;
  width: 2.1rem !important;
  height: 2.1rem !important;
  place-items: center !important;
  border-radius: 50% !important;
  background: var(--edm-user-profile-accent) !important;
  color: var(--edm-user-profile-primary-text) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
}

html[data-ed-theme="dark"] .edm-user-profile .edm-user-profile__shared-event-card .edx-provider__avatar {
  background: var(--edm-user-profile-teal) !important;
  color: #0d062a !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-provider__copy {
  display: grid !important;
  min-width: 0 !important;
  gap: 0.1rem !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-provider__copy strong,
.edm-user-profile .edm-user-profile__shared-event-card .edx-provider__copy span {
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .edx-provider__copy strong {
  color: var(--edm-user-profile-text) !important;
  font-size: 0.82rem !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .ed-event-card__participation,
.edm-user-profile .edm-user-profile__shared-event-card .ed-event-card__actions {
  display: grid !important;
  gap: 0.5rem !important;
}

.edm-user-profile .edm-user-profile__shared-event-card .ed-event-card__secondary-actions {
  grid-template-columns: minmax(0, 1fr) 2.5rem 2.75rem !important;
}

.edm-user-profile .edm-user-profile__shared-event-card :where(.ed-event-card__details-toggle, .edx-event__share-trigger, .edx-event__options-trigger, .ed-event-card__date-select) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 2.5rem !important;
  border: 1px solid var(--edm-user-profile-border) !important;
  border-radius: 999px !important;
  background: var(--edm-user-profile-field) !important;
  color: var(--edm-user-profile-text) !important;
  box-shadow: none !important;
  font-weight: 850 !important;
}

.edm-user-profile .edm-user-profile__shared-event-card :where(.edx-event__share-trigger, .edx-event__options-trigger) {
  width: 2.5rem !important;
  min-width: 2.5rem !important;
  padding: 0 !important;
}

.edm-user-profile .edm-user-profile__shared-event-card :where(.edx-event__share-trigger, .edx-event__options-trigger) svg {
  width: 1.05rem !important;
  height: 1.05rem !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

.edm-user-profile .edm-user-profile__shared-event-card :where(.ed-event-card__details-toggle, .edx-event__share-trigger, .edx-event__options-trigger, .ed-event-card__date-select):where(:hover, :focus-visible) {
  border-color: var(--edm-user-profile-border-strong) !important;
  background: var(--edm-user-profile-accent-soft) !important;
  color: var(--edm-user-profile-accent) !important;
}

.edm-user-profile .edm-user-profile__shared-event-card :where(.ed-event-card__details, .ed-event-card__options, .ed-event-card__upcoming) {
  position: absolute !important;
  inset: 0 !important;
  z-index: 5 !important;
  display: grid !important;
  align-content: start !important;
  gap: 0.85rem !important;
  overflow: auto !important;
  padding: 1rem !important;
  opacity: 0 !important;
  pointer-events: none !important;
  visibility: hidden !important;
  background: var(--edm-user-profile-surface) !important;
  color: var(--edm-user-profile-text) !important;
  transform: translateY(0.4rem) !important;
}

.edm-user-profile .edm-user-profile__shared-event-card.is-showing-details .ed-event-card__details,
.edm-user-profile .edm-user-profile__shared-event-card.is-showing-options .ed-event-card__options,
.edm-user-profile .edm-user-profile__shared-event-card.is-showing-upcoming .ed-event-card__upcoming {
  opacity: 1 !important;
  pointer-events: auto !important;
  visibility: visible !important;
  transform: translateY(0) !important;
}

.edm-user-profile .edm-user-profile__shared-event-card :where(.ed-event-card__details-head, .ed-event-card__options-head, .ed-event-card__upcoming-head) {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 0.75rem !important;
}

.edm-user-profile .edm-user-profile__shared-event-card :where(.ed-event-card__details-head span, .ed-event-card__options-head span, .ed-event-card__upcoming-head span) {
  color: var(--edm-user-profile-accent) !important;
  font-size: 0.72rem !important;
  font-weight: 900 !important;
  text-transform: uppercase !important;
}

.edm-user-profile .edm-user-profile__shared-event-card :where(.ed-event-card__details-head strong, .ed-event-card__options-head strong, .ed-event-card__upcoming-head strong) {
  color: var(--edm-user-profile-text) !important;
}

@media (max-width: 720px) {
  .edm-user-profile__event-controls {
    gap: 0.45rem;
  }

  .edm-user-profile__event-controls button {
    width: 2.5rem;
    height: 2.5rem;
    min-width: 2.5rem;
  }
}

/*
 * Professional, branch, and organisation mobile profile pass.
 * Mirrors the member profile treatment: shorter native-feeling hero panels and
 * static tab controls that do not cling to the viewport on phones.
 */
@media (max-width: 760px) {
  html body .w2d-provider-profile.w2d-provider-profile .w2d-nav,
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-nav,
  html body .w2d-profp-wrap.w2d-profp-wrap .w2d-nav {
    position: static !important;
    top: auto !important;
    z-index: auto !important;
    display: flex !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    overflow-x: auto !important;
    margin: 10px 0 12px !important;
    padding: 4px !important;
    border: 1px solid var(--ed-flat-border) !important;
    border-radius: 18px !important;
    background: var(--ed-flat-surface) !important;
    background-color: var(--ed-flat-surface) !important;
    background-image: none !important;
    box-shadow: inset 0 0 0 1px rgba(117, 36, 219, 0.05) !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    scrollbar-width: none !important;
  }

  html body .w2d-provider-profile.w2d-provider-profile .w2d-nav::-webkit-scrollbar,
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-nav::-webkit-scrollbar,
  html body .w2d-profp-wrap.w2d-profp-wrap .w2d-nav::-webkit-scrollbar {
    display: none !important;
  }

  html body .w2d-provider-profile.w2d-provider-profile .w2d-nav a,
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-nav a,
  html body .w2d-profp-wrap.w2d-profp-wrap .w2d-nav a {
    flex: 0 0 auto !important;
    min-height: 38px !important;
    padding: 8px 11px !important;
    border-radius: 14px !important;
    font-size: 0.78rem !important;
    line-height: 1 !important;
  }

  html[data-ed-theme="dark"] body .w2d-provider-profile.w2d-provider-profile .w2d-nav,
  html[data-ed-theme="dark"] body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-nav,
  html[data-ed-theme="dark"] body .w2d-profp-wrap.w2d-profp-wrap .w2d-nav {
    background: rgba(252, 252, 252, 0.05) !important;
    border-color: rgba(252, 252, 252, 0.11) !important;
    box-shadow: inset 0 0 0 1px rgba(252, 252, 252, 0.04) !important;
  }
}

@media (max-width: 620px) {
  html body .w2d-provider-profile.w2d-provider-profile,
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap,
  html body .w2d-profp-wrap.w2d-profp-wrap {
    width: calc(100vw - 12px) !important;
    padding-top: 10px !important;
  }

  html body .w2d-provider-profile.w2d-provider-profile .w2d-hero,
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-org-hero,
  html body .w2d-profp-wrap.w2d-profp-wrap :is(.w2d-hero, .w2d-org-hero, .w2d-profile-card) {
    min-height: 0 !important;
    padding: 12px !important;
    border-radius: 24px !important;
  }

  html body .w2d-provider-profile.w2d-provider-profile .w2d-hero-row,
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-hero-row,
  html body .w2d-profp-wrap.w2d-profp-wrap .w2d-hero-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: stretch !important;
    gap: 12px !important;
  }

  html body .w2d-provider-profile.w2d-provider-profile .w2d-identity,
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-identity,
  html body .w2d-profp-wrap.w2d-profp-wrap .w2d-identity {
    display: grid !important;
    grid-template-columns: 72px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
  }

  html body .w2d-provider-profile.w2d-provider-profile .w2d-logo,
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-logo,
  html body .w2d-profp-wrap.w2d-profp-wrap :is(.w2d-hero, .w2d-org-hero, .w2d-profile-card) :is(.w2d-logo, .w2d-avatar, .w2d-profile-image) {
    width: 72px !important;
    height: 72px !important;
    min-width: 72px !important;
    border-radius: 20px !important;
    font-size: 1.5rem !important;
  }

  html body .w2d-provider-profile.w2d-provider-profile :is(.w2d-title, .w2d-hero-title),
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap :is(.w2d-title, .w2d-hero-title),
  html body .w2d-profp-wrap.w2d-profp-wrap :is(.w2d-title, .w2d-hero-title) {
    font-size: clamp(1.75rem, 8.8vw, 2.35rem) !important;
    line-height: 1 !important;
  }

  html body .w2d-provider-profile.w2d-provider-profile .w2d-hero :is(.w2d-muted, .w2d-desc),
  html body .w2d-provider-profile.w2d-provider-profile .w2d-hero .w2d-stat-row,
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-org-hero :is(.w2d-muted, .w2d-desc),
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-org-hero .w2d-stat-row,
  html body .w2d-profp-wrap.w2d-profp-wrap :is(.w2d-hero, .w2d-org-hero, .w2d-profile-card) :is(.w2d-muted, .w2d-desc, .w2d-stat-row) {
    display: none !important;
  }

  html body .w2d-provider-profile.w2d-provider-profile .w2d-hero .w2d-actions,
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-org-hero .w2d-actions,
  html body .w2d-profp-wrap.w2d-profp-wrap :is(.w2d-hero, .w2d-org-hero, .w2d-profile-card) .w2d-actions {
    display: flex !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 6px !important;
    width: 100% !important;
    overflow-x: auto !important;
    padding-bottom: 1px !important;
    scrollbar-width: none !important;
  }

  html body .w2d-provider-profile.w2d-provider-profile .w2d-hero .w2d-actions::-webkit-scrollbar,
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-org-hero .w2d-actions::-webkit-scrollbar,
  html body .w2d-profp-wrap.w2d-profp-wrap :is(.w2d-hero, .w2d-org-hero, .w2d-profile-card) .w2d-actions::-webkit-scrollbar {
    display: none !important;
  }

  html body .w2d-provider-profile.w2d-provider-profile .w2d-hero .w2d-actions :is(.w2d-btn, button.w2d-btn, form),
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-org-hero .w2d-actions :is(.w2d-btn, button.w2d-btn, form),
  html body .w2d-profp-wrap.w2d-profp-wrap :is(.w2d-hero, .w2d-org-hero, .w2d-profile-card) .w2d-actions :is(.w2d-btn, button.w2d-btn, form) {
    flex: 0 0 auto !important;
  }

  html body .w2d-provider-profile.w2d-provider-profile .w2d-hero .w2d-actions :is(.w2d-btn, button.w2d-btn),
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-org-hero .w2d-actions :is(.w2d-btn, button.w2d-btn),
  html body .w2d-profp-wrap.w2d-profp-wrap :is(.w2d-hero, .w2d-org-hero, .w2d-profile-card) .w2d-actions :is(.w2d-btn, button.w2d-btn) {
    min-height: 38px !important;
    padding: 9px 12px !important;
    border-radius: 14px !important;
    font-size: 0.78rem !important;
  }
}

@media (max-width: 430px) {
  html body .w2d-provider-profile.w2d-provider-profile .w2d-identity,
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-identity,
  html body .w2d-profp-wrap.w2d-profp-wrap .w2d-identity {
    grid-template-columns: 64px minmax(0, 1fr) !important;
    gap: 10px !important;
  }

  html body .w2d-provider-profile.w2d-provider-profile .w2d-logo,
  html body .w2d-org-profile-wrap.w2d-org-profile-wrap .w2d-logo,
  html body .w2d-profp-wrap.w2d-profp-wrap :is(.w2d-hero, .w2d-org-hero, .w2d-profile-card) :is(.w2d-logo, .w2d-avatar, .w2d-profile-image) {
    width: 64px !important;
    height: 64px !important;
    min-width: 64px !important;
    border-radius: 18px !important;
  }
}

/*
 * Native iOS shell support.
 *
 * When the site is embedded in the iOS app, the native bottom tab bar occupies
 * real visual space that CSS safe-area alone cannot know about. The theme
 * toggles html.ed-native-app-shell from the head script, and app surfaces get a
 * single consistent breathing zone above that native chrome.
 */
@media (max-width: 760px) {
  html.ed-native-app-shell :is(
    .edm-profile,
    .edm-user-profile,
    .edm-account-settings,
    .edm-directory,
    .edm-messages,
    .edm-auth,
    .edm-friends,
    .edm-notifications,
    .edm-local,
    .w2d-business-signup,
    .w2d-dance-style-hub,
    .w2d-public-event,
    .w2d-event-wrap,
    .w2d-provider-dashboard,
    .w2d-providers-dashboard,
    .w2d-organisation-dashboard,
    .w2d-organisation-invites,
    .w2d-provider-profile,
    .w2d-org-profile-wrap,
    .w2d-profp-wrap,
    .ed-professional-editor,
    .ed-professional-profile
  ) {
    padding-bottom: calc(var(--ed-app-bottom-space, 0px) + 24px) !important;
  }

  html.ed-native-app-shell :is(
    .edm-profile-tabs,
    .edm-user-profile__nav,
    .edm-account-settings-page__nav,
    .w2d-nav,
    .ed-professional-profile__control
  ) {
    scroll-padding-inline: 14px !important;
  }

  html.ed-native-app-shell .my-flavour-app .ed-flavour-hub-explorer .edx-explore:not([data-view="map"]) .edx-shell {
    padding-bottom: var(--ed-app-bottom-space, 0px) !important;
  }

  html.ed-native-app-shell .my-flavour-app .ed-flavour-hub-explorer .edx-explore[data-view="map"] .edx-results-wrap {
    max-height: calc(84dvh - var(--ed-app-bottom-space, 0px)) !important;
  }
}

/*
 * Native Explore search shell.
 *
 * The packaged app supplies its own tab bar, so the web Explore page needs to
 * behave like a compact native screen: the hero should introduce the search,
 * not consume the whole first viewport, and tab-bar clearance belongs under the
 * results rather than as one large empty page gutter.
 */
@media (max-width: 760px) {
  html.ed-native-app-shell body.edx-explore-page .site-main {
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) {
    min-height: auto !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-shell {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 12px 12px 0 !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card {
    display: grid !important;
    gap: 0 !important;
    margin: 0 0 14px !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-hero {
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 18px 18px 72px !important;
    border-radius: 24px !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-hero__copy {
    width: 100% !important;
    max-width: none !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-eyebrow {
    max-width: 100% !important;
    min-height: 36px !important;
    padding: 8px 13px !important;
    border-radius: 999px !important;
    font-size: 0.66rem !important;
    line-height: 1.05 !important;
    letter-spacing: 0 !important;
    white-space: normal !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-hero h1 {
    max-width: 9.5ch !important;
    margin: 18px 0 0 !important;
    font-size: 2.54rem !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-hero__copy > p:not(.edx-eyebrow) {
    max-width: 31ch !important;
    margin: 14px 0 0 !important;
    font-size: 0.92rem !important;
    line-height: 1.42 !important;
    letter-spacing: 0 !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row,
  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row.is-mobile-search-active {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 44px 96px !important;
    grid-template-rows: 44px 42px !important;
    gap: 8px !important;
    box-sizing: border-box !important;
    width: calc(100% - 28px) !important;
    max-width: calc(100% - 28px) !important;
    min-height: 0 !important;
    height: auto !important;
    margin: -56px 14px 14px !important;
    padding: 8px !important;
    border-radius: 22px !important;
    overflow: visible !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row::before {
    display: none !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-quick-search,
  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row.is-mobile-search-active > .edx-quick-search {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    max-height: 44px !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-quick-search label,
  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-quick-search input {
    height: 44px !important;
    min-height: 44px !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-quick-search input {
    padding: 0 40px 0 14px !important;
    font-size: 0.91rem !important;
    line-height: 1.2 !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-quick-search button[data-edx-quick-search-submit] {
    width: 34px !important;
    min-width: 34px !important;
    max-width: 34px !important;
    height: 34px !important;
    min-height: 34px !important;
    max-height: 34px !important;
    right: 4px !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-my-styles {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: auto !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border-radius: 18px !important;
    font-size: 0.88rem !important;
    line-height: 1 !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-filter-toggle,
  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row.is-mobile-search-active > .edx-filter-toggle {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: inline-grid !important;
    place-items: center !important;
    width: 44px !important;
    min-width: 44px !important;
    max-width: 44px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    border-width: 1px !important;
    opacity: 1 !important;
    visibility: visible !important;
    pointer-events: auto !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-map-toggle {
    grid-column: 3 !important;
    grid-row: 2 !important;
    display: inline-flex !important;
    width: 96px !important;
    min-width: 96px !important;
    max-width: 96px !important;
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
    padding: 0 10px !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-quick-chips {
    gap: 8px !important;
    margin: 0 -12px 14px !important;
    padding: 0 12px 4px !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-quick-chips button {
    min-height: 38px !important;
    padding: 8px 14px !important;
    border-radius: 999px !important;
    font-size: 0.88rem !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-results-meta {
    margin: 8px 0 12px !important;
    padding: 0 !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-results-meta strong {
    font-size: 1.05rem !important;
    line-height: 1.2 !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-results-meta span {
    font-size: 0.92rem !important;
    line-height: 1.35 !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-results-shell,
  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-results-wrap {
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-results {
    gap: 14px !important;
    padding-bottom: calc(var(--ed-app-bottom-space, 0px) + 18px) !important;
  }
}

@media (max-width: 430px) {
  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-shell {
    padding-inline: 10px !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-hero {
    padding: 16px 16px 68px !important;
    border-radius: 22px !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-hero h1 {
    font-size: 2.32rem !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-hero__copy > p:not(.edx-eyebrow) {
    font-size: 0.88rem !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row,
  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row.is-mobile-search-active {
    width: calc(100% - 20px) !important;
    max-width: calc(100% - 20px) !important;
    margin: -52px 10px 12px !important;
    grid-template-columns: minmax(0, 1fr) 42px 92px !important;
    grid-template-rows: 42px 40px !important;
    gap: 7px !important;
    padding: 7px !important;
    border-radius: 20px !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-quick-search,
  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row.is-mobile-search-active > .edx-quick-search,
  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-quick-search label,
  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-quick-search input {
    height: 42px !important;
    min-height: 42px !important;
    max-height: 42px !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-my-styles,
  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-filter-toggle,
  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row.is-mobile-search-active > .edx-filter-toggle,
  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-map-toggle {
    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-filter-toggle,
  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row.is-mobile-search-active > .edx-filter-toggle {
    width: 42px !important;
    min-width: 42px !important;
    max-width: 42px !important;
  }

  html.ed-native-app-shell body.edx-explore-page .edx-explore.edx-explore--feed-only:not([data-view="map"]) .edx-search-card > .edx-control-row > .edx-map-toggle {
    width: 92px !important;
    min-width: 92px !important;
    max-width: 92px !important;
  }
}

@media (max-width: 760px) {
  html.ed-native-app-shell body.single-w2d_event .site-main {
    min-height: 0 !important;
    padding-bottom: 0 !important;
  }

  html.ed-native-app-shell body .w2d-public-event.w2d-public-event {
    min-height: 0 !important;
    padding-top: 10px !important;
    padding-bottom: calc(var(--ed-app-bottom-space, 0px) + 14px) !important;
  }

  html.ed-native-app-shell body .w2d-public-event.w2d-public-event .w2d-event-public {
    gap: 14px !important;
  }

  html.ed-native-app-shell body .w2d-public-event.w2d-public-event .w2d-event-public__hero {
    margin-bottom: 0 !important;
  }
}