:root {
  --sd-theme-ink: #1d2230;
  --sd-theme-ink-soft: #5f5a52;
  --sd-theme-paper: #f6f0e7;
  --sd-theme-paper-strong: #efe5d7;
  --sd-theme-surface: #fffdf9;
  --sd-theme-surface-muted: #fbf6ee;
  --sd-theme-gold: #c88b2d;
  --sd-theme-gold-strong: #e6a133;
  --sd-theme-navy: #162649;
  --sd-theme-navy-soft: #2b4375;
  --sd-theme-line: rgba(31, 37, 51, 0.1);
  --sd-theme-line-strong: rgba(200, 139, 45, 0.26);
  --sd-theme-shadow-soft: 0 18px 40px rgba(31, 37, 51, 0.08);
  --sd-theme-shadow-card: 0 20px 45px rgba(31, 37, 51, 0.12);
  --sd-theme-danger: #b6403b;
  --sd-theme-danger-soft: #fff1ef;
  --sd-theme-success: #2f6b45;
  --sd-theme-success-soft: #edf6ee;
}

html,
body,
body.embedded-view::before,
body .page_content,
body .page-content-wrapper,
body .page-card,
body .website-wrapper,
body #body {
  background: var(--sd-theme-paper) !important;
  color: var(--sd-theme-ink);
  overflow-x: clip;
}

body.embedded-view {
  background: var(--sd-theme-paper) !important;
}

.sp-shell,
.fm-shell,
.fm-loading,
.fm-error,
.ss-page,
.ca-shell,
.cs-shell,
.sd-page,
.sd-shell,
.st-page,
.st-shell,
.ps-page,
.ps-shell,
.fsa-page,
.fsa-shell,
.live-class-page.spiritual-session-page {
  background: transparent !important;
  color: var(--sd-theme-ink);
}

.sp-panel,
.sp-layout,
.sp-main-column,
.sp-aside,
.sp-appointments,
.sp-appointments-layout,
.sp-appointments-list-wrap,
.sp-appointment-side,
.fm-layout,
.fm-column,
.fm-content-stack,
.fm-side-stack,
.ss-grid,
.ss-left,
.ss-right,
.ca-layout,
.ca-settings,
.ca-calendar-stage,
.ca-side,
.cs-layout,
.cs-main,
.cs-side,
.sd-apply,
.st-main,
.st-side,
.ps-actions,
.live-class-main,
.live-class-stage-wrap {
  background: transparent !important;
}

.sp-topbar,
.ap-topbar,
.ca-topbar,
.cs-topbar,
.sd-topbar,
.live-class-topbar {
  background: rgba(255, 253, 249, 0.94) !important;
  border-bottom: 1px solid var(--sd-theme-line-strong) !important;
  box-shadow: var(--sd-theme-shadow-soft) !important;
  backdrop-filter: blur(12px);
}

.sp-breadcrumbs a,
.sp-breadcrumbs span,
.ap-breadcrumbs a,
.ap-breadcrumbs span,
.ca-breadcrumbs a,
.ca-breadcrumbs span,
.cs-breadcrumbs a,
.cs-breadcrumbs span,
.sd-breadcrumbs a,
.sd-breadcrumbs span,
.live-class-brand__eyebrow,
.sp-user-role,
.ap-user-role,
.ca-user-role,
.cs-user-role,
.sd-user-role {
  color: var(--sd-theme-ink-soft) !important;
}

.sp-breadcrumbs a:hover,
.ap-breadcrumbs a:hover,
.ca-breadcrumbs a:hover,
.cs-breadcrumbs a:hover,
.sd-breadcrumbs a:hover,
.sp-login-link:hover,
.ap-login-link:hover,
.ca-login-link:hover,
.cs-login-link:hover,
.sd-login-link:hover,
.fsa-back:hover {
  color: var(--sd-theme-gold) !important;
}

.sp-user-avatar,
.ap-user-avatar,
.ca-user-avatar,
.cs-user-avatar,
.sd-user-avatar,
.live-class-profile__avatar {
  background: linear-gradient(180deg, #fbf6ee 0%, #f2e8d7 100%) !important;
  border: 1px solid rgba(200, 139, 45, 0.18);
  color: var(--sd-theme-gold);
}

.sp-card,
.sp-ready-card,
.sp-appointment-detail-card,
.sp-inline-card,
.sp-session-notes-card,
.sp-profile-card-row,
.fm-card,
.ss-scheduler-card,
.ss-right,
.ss-modal,
.ca-card,
.ca-calendar-panel,
.ca-day-editor,
.cs-card,
.cs-modal,
.sd-panel,
.st-card,
.st-panel,
.st-footer-card,
.ps-card,
.fsa-shell,
.live-class-video-card,
.live-class-empty,
.live-class-prejoin__box,
.live-class-participants-panel {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(251, 246, 238, 0.96)) !important;
  border: 1px solid var(--sd-theme-line-strong) !important;
  box-shadow: var(--sd-theme-shadow-card) !important;
}

.sp-card,
.sp-ready-card,
.fm-card,
.cs-card,
.ca-card,
.ss-scheduler-card,
.ss-right,
.st-card,
.st-panel,
.ps-card {
  position: relative;
  overflow: hidden;
}

.sp-card::before,
.sp-ready-card::before,
.fm-card::before,
.cs-card::before,
.ca-card::before,
.ss-scheduler-card::before,
.ss-right::before,
.st-card::before,
.st-panel::before,
.ps-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at top left, rgba(255, 255, 255, 0.9), transparent 34%),
    linear-gradient(180deg, rgba(255, 252, 247, 0.7), rgba(255, 252, 247, 0));
  pointer-events: none;
}

.sp-card > *,
.sp-ready-card > *,
.fm-card > *,
.cs-card > *,
.ca-card > *,
.ss-scheduler-card > *,
.ss-right > *,
.st-card > *,
.st-panel > *,
.ps-card > * {
  position: relative;
}

.sp-searchbox,
.sp-filter-menu,
.sp-notification-menu,
.sp-user-menu,
.ap-user-menu,
.ca-user-menu,
.cs-user-menu,
.sd-user-menu,
.ss-success-card,
.ss-summary,
.st-segment,
.st-code-card,
.st-how-card,
.ps-grid,
.fsa-summary,
.sd-section,
.live-class-fallback,
.live-class-controlbar {
  background: var(--sd-theme-surface) !important;
  border-color: var(--sd-theme-line-strong) !important;
}

.sp-searchbox {
  border-radius: 16px !important;
  overflow: hidden !important;
}

.sp-tabs,
.sp-appointments-switcher,
.fm-page-kicker,
.ss-page-kicker,
.ca-hero,
.cs-hero,
.st-footer-card,
.ps-redirect-note,
.fsa-back {
  background: transparent !important;
}

.sp-section-title,
.fm-name,
.fm-h3,
.ss-title,
.ca-hero h1,
.ca-card h2,
.cs-hero h1,
.cs-card h2,
.sd-title,
.sd-section h3,
.st-main h1,
.st-panel h2,
.ps-title,
.ps-card-title,
.fsa-page h1,
.live-class-brand h1,
.live-class-empty h2 {
  color: var(--sd-theme-ink) !important;
  font-family: "Cormorant Garamond", serif !important;
}

.sp-card-description,
.fm-sub,
.fm-sidep,
.ss-sub,
.ca-hero p,
.ca-card p,
.cs-hero p,
.cs-card p,
.sd-subtitle,
.st-copy-card p,
.ps-sub,
.fsa-intro,
.live-class-status-text,
.live-class-empty p,
.live-class-prejoin__hint {
  color: var(--sd-theme-ink-soft) !important;
}

.sp-tab,
.sp-appointments-switch,
.sp-filter-chip,
.sp-book-new-btn,
.sp-inline-secondary-btn,
.sp-inline-primary-btn,
.sp-inline-danger-btn,
.fm-badge,
.ss-success-ghost,
.ca-secondary-btn,
.ca-ghost-btn,
.ca-icon-btn,
.ca-slot-remove,
.ca-multiselect-toggle,
.cs-secondary-btn,
.cs-icon-btn,
.sd-choice-item,
.st-segment-btn,
.st-secondary-btn,
.st-text-btn,
.ps-btn-secondary,
.fsa-secondary,
.live-class-control-btn,
.live-class-participants-panel__close {
  background: var(--sd-theme-surface) !important;
  border: 1px solid var(--sd-theme-line-strong) !important;
  color: var(--sd-theme-ink) !important;
  box-shadow: none !important;
}

.sp-tab {
  padding: 10px 16px 12px !important;
  border-radius: 16px 16px 0 0 !important;
  background: rgba(255, 253, 249, 0.72) !important;
  border-bottom-color: transparent !important;
}

.sp-tab.is-active,
.sp-appointments-switch.is-active,
.sp-filter-chip.is-active,
.sp-filter-chip.is-selected,
.st-segment-btn.active,
.sd-choice-item:has(.sd-choice-input:checked),
.ca-calendar-day.is-selected,
.cs-day.is-selected,
.live-class-control-btn.is-active {
  background: rgba(200, 139, 45, 0.12) !important;
  border-color: rgba(200, 139, 45, 0.55) !important;
  color: var(--sd-theme-gold) !important;
}

.sp-tab.is-active::after {
  background: var(--sd-theme-gold) !important;
  height: 3px !important;
  border-radius: 999px !important;
}

.sp-book-btn,
.fm-btn,
.ss-success-primary,
.ss-pay,
.ca-primary-btn,
.cs-primary-btn,
.sd-btn,
.st-primary-btn,
.ps-btn-primary,
.ps-btn-retry,
.fsa-primary,
.live-class-button--primary {
  background: linear-gradient(180deg, var(--sd-theme-gold-strong) 0%, var(--sd-theme-gold) 100%) !important;
  border: 1px solid rgba(200, 139, 45, 0.65) !important;
  color: var(--sd-theme-ink) !important;
  box-shadow: 0 14px 30px rgba(200, 139, 45, 0.18) !important;
}

.sp-book-btn:hover,
.fm-btn:hover,
.ss-success-primary:hover,
.ss-pay:hover,
.ca-primary-btn:hover,
.cs-primary-btn:hover,
.sd-btn:hover,
.st-primary-btn:hover,
.ps-btn-primary:hover,
.ps-btn-retry:hover,
.fsa-primary:hover,
.live-class-button--primary:hover {
  background: linear-gradient(180deg, #efad45 0%, #d89532 100%) !important;
}

.sp-book-new-btn:hover,
.sp-inline-secondary-btn:hover,
.ca-secondary-btn:hover,
.ca-ghost-btn:hover,
.cs-secondary-btn:hover,
.st-secondary-btn:hover,
.ps-btn-secondary:hover,
.fsa-secondary:hover {
  border-color: rgba(200, 139, 45, 0.45) !important;
  color: var(--sd-theme-gold) !important;
}

.sp-availability-badge,
.ca-status-pill,
.ca-preview-pill,
.fm-badge.is-muted,
.ps-badge,
.ps-status,
.st-kicker,
.sd-kicker,
.ca-kicker,
.cs-kicker,
.fm-eyebrow,
.sp-director-cta-link,
.sp-pathway-link {
  background: rgba(200, 139, 45, 0.12) !important;
  color: var(--sd-theme-gold) !important;
  border-color: rgba(200, 139, 45, 0.28) !important;
}

.sp-topbar-search input,
.sp-searchbox input,
.sp-filter-chip,
.sp-book-new-btn,
.sp-appointments-switch,
.sp-appointments-inline-filter-field input,
.sp-book-btn,
.fm-btn,
.ss-success-primary,
.ss-success-ghost,
.ca-primary-btn,
.ca-secondary-btn,
.ca-ghost-btn,
.ca-icon-btn,
.ca-slot-remove,
.ca-multiselect-toggle,
.cs-primary-btn,
.cs-secondary-btn,
.cs-icon-btn,
.cs-slot-btn,
.sd-btn,
.st-primary-btn,
.st-secondary-btn,
.ps-btn,
.fsa-primary,
.fsa-secondary {
  border-radius: 16px !important;
}

.sp-ready-card,
.fm-side-card,
.ss-right,
.ca-summary-card,
.cs-summary-card,
.st-panel,
.ps-page-success .ps-card,
.ps-page-retry .ps-card {
  background: linear-gradient(180deg, #fffaf2 0%, #fffdf9 100%) !important;
}

.sp-ready-icon,
.pathway-icon,
.fm-avatar-glow,
.ss-success-icon,
.ca-legend-swatch.is-custom,
.cs-legend i.is-custom {
  background: rgba(247, 239, 222, 0.78) !important;
  color: var(--sd-theme-gold) !important;
}

.sp-card-name,
.sp-card-rating-score,
.ps-row strong,
.st-summary-row strong,
.ca-user-nameplate,
.cs-user-nameplate,
.sd-user-nameplate {
  color: var(--sd-theme-ink) !important;
}

.sp-searchbox input,
.sp-topbar-search input,
.ss-form input,
.ca-timezone-field input,
.ca-time-input,
.ca-date-input,
.ca-notes-input,
.ca-select-input,
.ca-multiselect-menu,
.cs-field input,
.sd-input,
.sd-select,
.sd-textarea,
.fsa-form input,
.fsa-form select,
.fsa-form textarea {
  background: var(--sd-theme-surface) !important;
  border: 1px solid rgba(200, 139, 45, 0.22) !important;
  color: var(--sd-theme-ink) !important;
}

.sp-topbar-search input,
.sp-searchbox input,
.sp-appointments-inline-filter-field input {
  background: rgba(255, 253, 249, 0.98) !important;
}

.sp-searchbox input::placeholder,
.sp-topbar-search input::placeholder,
.ss-form input::placeholder,
.ca-timezone-field input::placeholder,
.ca-notes-input::placeholder,
.cs-field input::placeholder,
.sd-input::placeholder,
.sd-textarea::placeholder,
.fsa-form input::placeholder,
.fsa-form textarea::placeholder {
  color: rgba(95, 90, 82, 0.72) !important;
}

.sp-searchbox input:focus,
.sp-topbar-search input:focus,
.ss-form input:focus,
.ca-timezone-field input:focus,
.ca-time-input:focus,
.ca-date-input:focus,
.ca-notes-input:focus,
.ca-select-input:focus,
.cs-field input:focus,
.sd-input:focus,
.sd-select:focus,
.sd-textarea:focus,
.fsa-form input:focus,
.fsa-form select:focus,
.fsa-form textarea:focus {
  outline: none;
  border-color: rgba(200, 139, 45, 0.55) !important;
  box-shadow: 0 0 0 3px rgba(200, 139, 45, 0.12) !important;
}

.sp-notification-badge,
.ap-notification-dot,
.sp-cancel-icon,
.ss-notice-error,
.sp-inline-card-danger,
.sp-inline-card-sub-danger,
.ca-notice[data-variant="error"],
.st-alert-error,
.fsa-error {
  color: var(--sd-theme-danger) !important;
}

.ss-notice-error,
.ca-notice[data-variant="error"],
.st-alert-error,
.fsa-error {
  background: var(--sd-theme-danger-soft) !important;
  border-color: rgba(182, 64, 59, 0.2) !important;
}

.ss-notice-success,
.ca-notice,
.st-alert-success,
.fsa-success {
  background: var(--sd-theme-success-soft) !important;
  border-color: rgba(47, 107, 69, 0.18) !important;
  color: var(--sd-theme-success) !important;
}

.fm-shell,
.cs-shell,
.ca-shell,
.ss-page,
.st-shell,
.ps-shell {
  padding-top: 36px !important;
  padding-bottom: 56px !important;
}

.sp-shell {
  padding-top: 36px !important;
  padding-bottom: 0 !important;
  flex: 1 0 auto;
}

#find-director-panel.sp-panel.is-active {
  display: flex !important;
  flex: 1 1 auto;
  flex-direction: column;
}

#find-director-panel .sp-layout {
  flex: 1 0 auto;
}

#find-director-panel {
  padding-bottom: 28px;
}

.sp-shell.appointments-view-active + .sp-director-cta {
  display: none !important;
}

.sp-tabs {
  padding-bottom: 0 !important;
  border-bottom: 1px solid rgba(200, 139, 45, 0.28) !important;
  gap: 14px !important;
}

.sp-layout,
.fm-layout,
.cs-layout,
.ca-layout,
.ss-grid {
  gap: 28px !important;
}

.sp-card,
.sp-ready-card,
.fm-card,
.ca-card,
.cs-card,
.ss-scheduler-card,
.ss-right {
  border-radius: 26px !important;
}

.sp-card-avatar,
.sp-user-avatar,
.ap-user-avatar,
.ca-user-avatar,
.cs-user-avatar,
.sd-user-avatar {
  box-shadow: 0 10px 26px rgba(31, 37, 51, 0.08) !important;
}

.sp-card-avatar {
  border: 1px solid rgba(200, 139, 45, 0.2) !important;
}

.sp-card-avatar,
.ap-user-avatar,
.cs-user-avatar,
.ca-user-avatar {
  background: linear-gradient(180deg, #fbf6ee 0%, #f0e5d4 100%) !important;
}

.sp-ready-card {
  min-height: 400px !important;
}

.sp-director-cta {
  width: 100% !important;
  margin: 0 !important;
  background: linear-gradient(180deg, #fbf6ee 0%, #f4ecdf 100%) !important;
  padding-top: 52px !important;
  padding-bottom: 104px !important;
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.sp-director-cta-inner {
  background: linear-gradient(180deg, #fffdf9 0%, #fbf6ee 100%) !important;
}

.sp-ready-icon {
  border: 1px solid rgba(200, 139, 45, 0.16) !important;
}

.sp-appointments-action-notice,
.ss-notice,
.cs-notice,
.ca-notice,
.st-alert,
.fsa-notice {
  border-radius: 16px !important;
}

.fm-hero,
.fm-side-card,
.fm-side-card.is-white,
.sp-ready-card,
.ss-right,
.ca-summary-card,
.cs-summary-card,
.st-panel,
.st-footer-card {
  background: linear-gradient(180deg, #fffdf9 0%, #fbf6ee 100%) !important;
}

.fm-hero {
  padding: 32px !important;
}

.fm-avatar-glow {
  display: none !important;
}

.fm-avatar-wrap {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}

.fm-avatar {
  border: 0 !important;
  box-shadow: 0 10px 26px rgba(31, 37, 51, 0.1) !important;
}

.fm-sub,
.fm-sidep,
.fm-richtext,
.fm-richtext p,
.fm-richtext ul,
.fm-richtext ol,
.fm-richtext li,
.fm-side-richtext p,
.fm-side-richtext ul,
.fm-side-richtext ol,
.fm-side-richtext li {
  color: var(--sd-theme-ink-soft) !important;
}

.fm-tags > *,
.fm-badge,
.fm-badge.is-muted {
  background: rgba(200, 139, 45, 0.1) !important;
  border: 1px solid rgba(200, 139, 45, 0.2) !important;
  color: var(--sd-theme-gold) !important;
}

.cs-kicker,
.fm-eyebrow,
.ca-kicker,
.sd-kicker,
.st-kicker,
.ps-kicker {
  color: var(--sd-theme-gold) !important;
  letter-spacing: 0.14em !important;
}

.fm-eyebrow {
  display: inline-block !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.cs-day,
.ca-calendar-day {
  background: linear-gradient(180deg, #fffdf9 0%, #fdf8f1 100%) !important;
  border-color: rgba(200, 139, 45, 0.16) !important;
  box-shadow: none !important;
}

.cs-day:hover,
.ca-calendar-day:hover {
  border-color: rgba(200, 139, 45, 0.4) !important;
  box-shadow: 0 10px 24px rgba(200, 139, 45, 0.1) !important;
}

.cs-day.is-outside,
.ca-calendar-day.is-outside {
  opacity: 0.5 !important;
  background: rgba(255, 252, 247, 0.78) !important;
}

.cs-day.is-disabled,
.ca-calendar-day.is-past {
  background: rgba(250, 245, 238, 0.92) !important;
  border-color: rgba(200, 139, 45, 0.12) !important;
}

.cs-day.is-available,
.ca-calendar-day.is-recurring {
  background: linear-gradient(180deg, rgba(255, 250, 242, 1), rgba(248, 244, 235, 1)) !important;
  border-color: rgba(43, 67, 117, 0.16) !important;
}

.cs-day.is-custom,
.ca-calendar-day.is-custom {
  background: linear-gradient(180deg, rgba(255, 249, 239, 1), rgba(252, 242, 225, 1)) !important;
  border-color: rgba(200, 139, 45, 0.26) !important;
}

.cs-day.is-booked,
.ca-calendar-day.is-single {
  background: linear-gradient(180deg, rgba(252, 249, 244, 1), rgba(244, 238, 228, 1)) !important;
  border-color: rgba(120, 112, 98, 0.22) !important;
}

.cs-day.is-unavailable,
.ca-calendar-day.is-unavailable {
  background: linear-gradient(180deg, rgba(255, 244, 241, 1), rgba(255, 238, 235, 1)) !important;
  border-color: rgba(182, 64, 59, 0.18) !important;
}

.cs-day.is-selected,
.ca-calendar-day.is-selected {
  box-shadow: 0 0 0 2px rgba(200, 139, 45, 0.3), 0 14px 30px rgba(200, 139, 45, 0.12) !important;
}

.cs-day-marker,
.ca-calendar-day-marker {
  opacity: 0.95 !important;
}

.cs-legend,
.ca-calendar-legend {
  color: var(--sd-theme-ink-soft) !important;
}

.cs-legend .is-available,
.ca-legend-swatch.is-recurring {
  background: #2b7a78 !important;
}

.cs-legend .is-custom,
.ca-legend-swatch.is-custom {
  background: var(--sd-theme-gold) !important;
}

.cs-legend .is-booked,
.ca-legend-swatch.is-single,
.ca-legend-swatch.is-empty,
.ca-legend-swatch.is-past {
  background: #9e9384 !important;
  border-color: rgba(120, 112, 98, 0.2) !important;
}

.cs-legend .is-unavailable,
.ca-legend-swatch.is-unavailable {
  background: var(--sd-theme-danger) !important;
}

.cs-slot-btn,
.ca-preview-item,
.ca-adjusted-item,
.cs-selected-summary,
.cs-slot-state {
  background: rgba(255, 253, 249, 0.98) !important;
  border: 1px solid rgba(200, 139, 45, 0.18) !important;
  color: var(--sd-theme-ink) !important;
}

.cs-slot-btn:hover {
  border-color: rgba(200, 139, 45, 0.42) !important;
  color: var(--sd-theme-gold) !important;
}

.cs-slot-btn.is-selected {
  background: rgba(200, 139, 45, 0.12) !important;
  border-color: rgba(200, 139, 45, 0.52) !important;
  color: var(--sd-theme-gold) !important;
}

.sp-book-btn,
.fm-btn,
.cs-primary-btn,
.st-primary-btn,
.ps-btn-primary,
.ps-btn-retry,
.fsa-primary {
  min-height: 48px !important;
  font-weight: 700 !important;
}

.sp-inline-card,
.sp-appointment-detail-card,
.sp-session-notes-card,
.sp-booking-card {
  background: linear-gradient(180deg, #fffdf9 0%, #fbf6ee 100%) !important;
}

.sp-inline-card-danger {
  background: linear-gradient(180deg, #fff8f6 0%, #fff2ef 100%) !important;
}

.sp-topbar-divider,
.ap-topbar-divider {
  background: rgba(200, 139, 45, 0.22) !important;
}

.sp-card-description,
.sp-card-rating-count,
.sp-ready-card p,
.sp-appointments-sub,
.sp-inline-card-sub,
.sp-inline-card-times h4,
.sp-profile-card-bio,
.ss-sub,
.ss-payment-status,
.cs-card-head p,
.cs-day-head p,
.cs-summary-rows p,
.cs-selected-summary p,
.cs-slot-state,
.ca-card p,
.ca-adjusted-item-meta,
.st-code-note,
.ps-redirect-note,
.fsa-intro {
  color: var(--sd-theme-ink-soft) !important;
}

body.embedded-view .sp-shell,
body.embedded-view .sp-page,
body.embedded-view .fm-shell,
body.embedded-view .ss-page,
body.embedded-view .ca-page,
body.embedded-view .ca-shell,
body.embedded-view .cs-shell,
body.embedded-view .sd-page,
body.embedded-view .sd-shell,
body.embedded-view .st-page,
body.embedded-view .st-shell,
body.embedded-view .ps-page,
body.embedded-view .ps-shell,
body.embedded-view .fsa-page,
body.embedded-view .fsa-shell {
  background: var(--sd-theme-paper) !important;
  box-shadow: 0 0 0 100vmax var(--sd-theme-paper);
  clip-path: inset(0 -100vmax);
}

body.embedded-view .sp-searchbox input,
body.embedded-view .sp-filter-chip,
body.embedded-view .sp-card,
body.embedded-view .sp-ready-card,
body.embedded-view .sp-inline-card,
body.embedded-view .sp-appointment-detail-card {
  background: linear-gradient(180deg, #fffdf9 0%, #fbf6ee 100%) !important;
}
.live-class-controlbar,
.live-class-participants-panel,
.live-class-fallback,
.live-class-prejoin__box {
  color: var(--sd-theme-ink) !important;
}

body.embedded-view .spiritual-session-page .live-class-controlbar {
  bottom: calc(122px + env(safe-area-inset-bottom, 0px)) !important;
  padding-bottom: calc(18px + env(safe-area-inset-bottom, 0px)) !important;
}

body.embedded-view .spiritual-session-page .live-class-participants-panel {
  inset: 82px 12px calc(132px + env(safe-area-inset-bottom, 0px)) 12px !important;
}

.live-class-role-badge,
.live-class-fallback__badge {
  background: rgba(200, 139, 45, 0.12) !important;
  color: var(--sd-theme-gold) !important;
  border: 1px solid rgba(200, 139, 45, 0.3) !important;
}

/* Spiritual Direction CTA band: full-width section with centered content, not a card */
.sp-director-cta {
  width: 100% !important;
  margin: 0 !important;
  padding: 56px 24px 64px !important;
  background: linear-gradient(180deg, var(--sd-theme-paper) 0%, var(--sd-theme-paper-strong) 100%) !important;
  border-top: 1px solid rgba(200, 139, 45, 0.22) !important;
  border-right: 0 !important;
  border-bottom: 0 !important;
  border-left: 0 !important;
  box-shadow: none !important;
}

.sp-director-cta-inner {
  width: 100% !important;
  max-width: 1100px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  text-align: center !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

.sp-director-cta-inner::before,
.sp-director-cta-inner::after {
  content: none !important;
}

.sp-director-cta h2 {
  margin: 0 !important;
  color: var(--sd-theme-ink) !important;
}

.sp-director-cta p {
  max-width: 680px !important;
  margin: 18px auto 0 !important;
  color: var(--sd-theme-ink-soft) !important;
}

.sp-director-cta-link {
  margin-top: 28px !important;
}

@media (max-width: 900px) {
  .sp-director-cta {
    padding: 48px 20px 56px !important;
  }

  .sp-director-cta h2 {
    font-size: 36px !important;
  }
}

@media (max-width: 640px) {
  #find-director-panel {
    padding-bottom: 24px;
  }

  .sp-director-cta {
    padding: 40px 16px 48px !important;
  }

  .sp-director-cta h2 {
    font-size: 30px !important;
    line-height: 1.15 !important;
  }

  .sp-director-cta p {
    margin-top: 14px !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
  }

  .sp-director-cta-link {
    margin-top: 22px !important;
  }
}

.ca-kicker {
  display: inline-block !important;
  padding: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  border: 0 !important;
}

.ca-timezone-field input,
.ca-time-input,
.ca-date-input,
.ca-notes-input,
.ca-select-input,
.ca-multiselect-toggle,
.ca-multiselect-menu {
  border-color: rgba(120, 112, 98, 0.18) !important;
  box-shadow: none !important;
}

.ca-timezone-field input:focus,
.ca-time-input:focus,
.ca-date-input:focus,
.ca-notes-input:focus,
.ca-select-input:focus,
.ca-multiselect.open .ca-multiselect-toggle {
  border-color: rgba(120, 112, 98, 0.3) !important;
  box-shadow: 0 0 0 3px rgba(120, 112, 98, 0.08) !important;
}

.ca-preview-item,
.ca-adjusted-item {
  border-color: rgba(120, 112, 98, 0.16) !important;
  box-shadow: none !important;
}

.ca-settings-card .ca-day-editor,
.ca-adjusted-list,
.ca-adjusted-item {
  border: 0 !important;
  box-shadow: none !important;
  background: transparent !important;
}