/* Fundraisers are composed only from the current Figma Frames 1, 2 and 5. */

/* Frame 1 segmented control and event-card geometry. */
#view-events.events-v2 .events-kind-tabs {
  display: grid !important;
  width: calc(100% - 32px) !important;
  max-width: 358px !important;
  height: 36px !important;
  min-height: 36px !important;
  flex: 0 0 36px !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 4px !important;
  margin: 0 auto 12px !important;
  padding: 4px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: #f1f5f9 !important;
}

#view-events.events-v2 .events-kind-tabs button {
  display: flex !important;
  width: 100% !important;
  height: 28px !important;
  min-height: 28px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 6px 8px !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: transparent !important;
  color: #64748b !important;
  box-shadow: none !important;
  font: 600 12px/16px "Manrope", sans-serif !important;
}

#view-events.events-v2 .events-kind-tabs button.active {
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1) !important;
}

#view-events.events-v2 #fundraisers-list.stack {
  display: flex !important;
  width: calc(100% - 32px) !important;
  max-width: 358px !important;
  min-width: 0 !important;
  min-height: 0 !important;
  flex: 1 1 auto !important;
  flex-direction: column !important;
  gap: 10px !important;
  margin: 0 auto !important;
  padding: 0 0 12px !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: none !important;
}

#view-events.events-v2 #fundraisers-list::-webkit-scrollbar { display: none !important; }
#view-events.events-v2 #fundraisers-list.hidden,
#view-events.events-v2 #events-list.hidden,
#view-events.events-v2 .events-status-tabs.hidden { display: none !important; }

/* The fundraiser list card uses Frame 1's event-card classes without a parallel design. */
#view-events.events-v2 .fundraiser-card .event-progress > span { background: #00d492 !important; }

/* Frame 5 detail viewport. */
body:has(#view-fundraiser-detail.active) {
  height: 100dvh !important;
  overflow: hidden !important;
}

body:has(#view-fundraiser-detail.active) #app {
  height: 100dvh !important;
  overflow: hidden !important;
}

#view-fundraiser-detail.fundraiser-detail-v2.active {
  display: block !important;
  width: calc(100% + 32px) !important;
  height: calc(100dvh - 82px - env(safe-area-inset-bottom)) !important;
  min-height: 0 !important;
  margin: -16px !important;
  padding: 0 16px 24px !important;
  overflow-x: clip !important;
  overflow-y: auto !important;
  background: #f4f6fb !important;
  color: #0f172a !important;
  scrollbar-width: none !important;
}

#view-fundraiser-detail.fundraiser-detail-v2::-webkit-scrollbar { display: none !important; }
#view-fundraiser-detail:not(.active) { display: none !important; }
#fundraiser-detail-content { width: 100% !important; }

#view-fundraiser-detail .overview-live-header {
  display: grid !important;
  grid-template-columns: 36px minmax(0, 1fr) 36px !important;
  align-items: center !important;
  width: 100% !important;
  height: 64px !important;
  min-height: 64px !important;
  margin: 0 !important;
  padding: 24px 0 0 !important;
}

#view-fundraiser-detail .overview-live-header .back-btn,
#view-fundraiser-detail .overview-live-header .overview-edit-btn {
  position: static !important;
  inset: auto !important;
  grid-area: auto !important;
  display: flex !important;
  width: 36px !important;
  height: 36px !important;
  min-width: 36px !important;
  min-height: 36px !important;
  align-items: center !important;
  justify-content: center !important;
  margin: 0 !important;
  padding: 1px !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 999px !important;
  background: #fff !important;
  box-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.1), 0 1px 1px rgba(0, 0, 0, 0.1) !important;
}

#view-fundraiser-detail .overview-live-header .overview-edit-btn { justify-self: end !important; }

#view-fundraiser-detail .back-btn img { width: 20px !important; height: 20px !important; }
#view-fundraiser-detail .overview-edit-btn img { width: 16px !important; height: 16px !important; }
#view-fundraiser-detail .header-spacer { width: 36px !important; height: 36px !important; }

#view-fundraiser-detail .overview-live-title {
  display: flex !important;
  width: 100% !important;
  height: 40px !important;
  min-width: 0 !important;
  flex-direction: column !important;
  align-items: stretch !important;
  padding: 0 12px !important;
  text-align: center !important;
}

#view-fundraiser-detail .overview-live-title > div {
  display: flex !important;
  width: 100% !important;
  height: 24px !important;
  min-width: 0 !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 6px !important;
}

#view-fundraiser-detail .overview-live-title > div > span { flex: 0 0 auto !important; font-size: 16px !important; line-height: 24px !important; }
#view-fundraiser-detail .overview-live-title strong {
  max-width: calc(100% - 22px) !important;
  overflow: hidden !important;
  color: #0f172a !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 24px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#view-fundraiser-detail .overview-live-title p {
  width: 100% !important;
  height: 16px !important;
  margin: 0 !important;
  overflow: hidden !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 16px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

/* Exact Frame 5 blue 358×263.5 hero. */
#view-fundraiser-detail .fundraiser-total-card {
  position: relative !important;
  display: block !important;
  width: 100% !important;
  height: 263.5px !important;
  min-height: 263.5px !important;
  margin: 16px 0 0 !important;
  padding: 16px !important;
  overflow: hidden !important;
  border: 0 !important;
  border-radius: 16px !important;
  background: #2563eb !important;
  color: #fff !important;
  box-shadow: none !important;
}

#view-fundraiser-detail .fundraiser-total-card::before,
#view-fundraiser-detail .fundraiser-total-card::after {
  position: absolute !important;
  z-index: 0 !important;
  display: block !important;
  border-radius: 999px !important;
  background: rgba(255, 255, 255, 0.05) !important;
  content: "" !important;
}

#view-fundraiser-detail .fundraiser-total-card::before { top: -32px !important; left: 262px !important; width: 128px !important; height: 128px !important; }
#view-fundraiser-detail .fundraiser-total-card::after { top: 207.5px !important; left: 294px !important; width: 80px !important; height: 80px !important; }
#view-fundraiser-detail .fundraiser-total-card > * { position: relative !important; z-index: 1 !important; }

#view-fundraiser-detail .overview-live-total-label {
  display: block !important;
  height: 16px !important;
  color: rgba(255, 255, 255, 0.7) !important;
  font-size: 12px !important;
  font-weight: 600 !important;
  line-height: 16px !important;
}

#view-fundraiser-detail .fundraiser-total-card > b {
  display: block !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 2px 0 0 !important;
  overflow: hidden !important;
  color: #fff !important;
  font-size: 36px !important;
  font-weight: 800 !important;
  line-height: 40px !important;
  letter-spacing: -0.9px !important;
  text-overflow: ellipsis !important;
  white-space: nowrap !important;
}

#view-fundraiser-detail .overview-live-total-stats {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  width: 100% !important;
  height: 57px !important;
  margin: 12px 0 0 !important;
  gap: 8px !important;
}

#view-fundraiser-detail .overview-live-total-stats > div {
  width: 100% !important;
  height: 57px !important;
  min-width: 0 !important;
  padding: 10px !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

#view-fundraiser-detail .overview-live-total-stats > div:last-child { background: rgba(255, 137, 4, 0.3) !important; }
#view-fundraiser-detail .overview-live-total-stats span,
#view-fundraiser-detail .overview-live-total-stats b { display: block !important; overflow: hidden !important; color: #fff !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#view-fundraiser-detail .overview-live-total-stats span { height: 15px !important; color: rgba(255, 255, 255, 0.7) !important; font-size: 10px !important; font-weight: 500 !important; line-height: 15px !important; }
#view-fundraiser-detail .overview-live-total-stats b { height: 22px !important; margin: 0 !important; padding-top: 2px !important; font-size: 14px !important; font-weight: 700 !important; line-height: 20px !important; }

#view-fundraiser-detail .fundraiser-participant-plan {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  height: 57px !important;
  margin: 12px 0 0 !important;
  gap: 8px !important;
}

#view-fundraiser-detail .fundraiser-participant-plan > div {
  width: 100% !important;
  height: 57px !important;
  min-width: 0 !important;
  padding: 10px !important;
  overflow: hidden !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.1) !important;
}

#view-fundraiser-detail .fundraiser-participant-plan > div:last-child { background: rgba(255, 255, 255, 0.15) !important; }
#view-fundraiser-detail .fundraiser-participant-plan span,
#view-fundraiser-detail .fundraiser-participant-plan b { display: block !important; max-width: 100% !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#view-fundraiser-detail .fundraiser-participant-plan span { height: 15px !important; color: rgba(255,255,255,.7) !important; font-size: 10px !important; font-weight: 500 !important; line-height: 15px !important; }
#view-fundraiser-detail .fundraiser-participant-plan b { height: 22px !important; padding-top: 2px !important; color: #fff !important; font-size: 14px !important; font-weight: 700 !important; line-height: 20px !important; }

#view-fundraiser-detail .fundraiser-goal-progress { width: 100% !important; height: 4px !important; margin: 14px 0 0 !important; overflow: hidden !important; border-radius: 999px !important; background: rgba(255,255,255,.2) !important; }
#view-fundraiser-detail .fundraiser-goal-progress > span { display: block !important; height: 4px !important; border-radius: 999px !important; background: #6ee7b7 !important; }

#view-fundraiser-detail .overview-live-receipts { width: 100% !important; height: 105px !important; margin: 12px 0 0 !important; }
#view-fundraiser-detail .overview-live-receipts button {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  min-width: 0 !important;
  border: 0 !important;
  color: #fff !important;
  font-family: inherit !important;
  text-align: left !important;
  box-shadow: none !important;
}

#view-fundraiser-detail .overview-live-receipts button:first-child {
  height: 32px !important;
  min-height: 32px !important;
  padding: 8px 12px !important;
  gap: 8px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.1) !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  line-height: 16px !important;
}

#view-fundraiser-detail .overview-receipt-icon,
#view-fundraiser-detail .overview-receipt-chevron { width: 16px !important; height: 16px !important; flex: 0 0 16px !important; }
#view-fundraiser-detail .fundraiser-requisites-line { min-width: 0 !important; flex: 1 1 auto !important; overflow: hidden !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

#view-fundraiser-detail .overview-live-receipts button:last-child {
  height: 53px !important;
  min-height: 53px !important;
  margin-top: 8px !important;
  padding: 10px 14px !important;
  gap: 10px !important;
  border-radius: 20px !important;
  background: rgba(255, 255, 255, 0.15) !important;
}

#view-fundraiser-detail .overview-upload-icon { display: flex !important; width: 28px !important; height: 28px !important; flex: 0 0 28px !important; align-items: center !important; justify-content: center !important; border-radius: 16px !important; background: rgba(255,255,255,.2) !important; }
#view-fundraiser-detail .overview-upload-icon img { width: 14px !important; height: 14px !important; }
#view-fundraiser-detail .overview-upload-copy { display: flex !important; min-width: 0 !important; height: 33px !important; flex: 1 1 auto !important; flex-direction: column !important; align-items: flex-start !important; }
#view-fundraiser-detail .overview-upload-copy > span { width: 100% !important; overflow: hidden !important; color: #fff !important; font-size: 14px !important; font-weight: 700 !important; line-height: 18px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#view-fundraiser-detail .overview-upload-copy small { width: 100% !important; overflow: hidden !important; color: rgba(255,255,255,.7) !important; font-size: 10px !important; font-weight: 500 !important; line-height: 15px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#view-fundraiser-detail .overview-upload-sparkles { width: 16px !important; height: 16px !important; flex: 0 0 16px !important; }

/* Exact Frame 5 segmented control. */
#view-fundraiser-detail .overview-segmented {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  width: 100% !important;
  height: 36px !important;
  min-height: 36px !important;
  margin: 16px 0 12px !important;
  padding: 4px !important;
  gap: 4px !important;
  border: 0 !important;
  border-radius: 20px !important;
  background: #f1f5f9 !important;
}

#view-fundraiser-detail .overview-segmented button { display: flex !important; width: 100% !important; height: 28px !important; min-height: 28px !important; align-items: center !important; justify-content: center !important; padding: 6px 8px !important; border: 0 !important; border-radius: 16px !important; background: transparent !important; color: #64748b !important; font-size: 12px !important; font-weight: 700 !important; line-height: 16px !important; box-shadow: none !important; }
#view-fundraiser-detail .overview-segmented button.active { background: #fff !important; color: #0f172a !important; box-shadow: 0 1px 1.5px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.1) !important; }

.fundraiser-summary-pane,
.fundraiser-payments-pane { display: flex !important; width: 100% !important; flex-direction: column !important; gap: 8px !important; }

#view-fundraiser-detail .overview-section-label { width: 100% !important; height: 15px !important; min-height: 15px !important; margin: 0 !important; overflow: hidden !important; color: #64748b !important; font-size: 10px !important; font-weight: 700 !important; line-height: 15px !important; letter-spacing: 1px !important; text-overflow: ellipsis !important; text-transform: uppercase !important; white-space: nowrap !important; }
#view-fundraiser-detail .overview-paid-label { margin-top: 8px !important; }
.fundraiser-section { display: flex !important; width: 100% !important; flex-direction: column !important; gap: 8px !important; margin: 8px 0 0 !important; }
.fundraiser-section-head { display: flex !important; width: 100% !important; align-items: center !important; justify-content: space-between !important; }
.fundraiser-section-head .overview-section-label { width: auto !important; flex: 1 1 auto !important; }
.fundraiser-section-head > span { color: #64748b !important; font-size: 12px !important; line-height: 16px !important; }

/* Exact Frame 5 participant row and payment chips. */
#view-fundraiser-detail .fundraiser-member-row,
#view-fundraiser-detail .fundraiser-payment-item,
#view-fundraiser-detail .fundraiser-request-item { width: 100% !important; margin: 0 !important; }

#view-fundraiser-detail .overview-participant-card {
  display: flex !important;
  align-items: center !important;
  width: 100% !important;
  height: 76px !important;
  min-height: 76px !important;
  margin: 0 !important;
  padding: 15px !important;
  gap: 12px !important;
  overflow: hidden !important;
  border: 1px solid rgba(15, 23, 42, 0.08) !important;
  border-radius: 20px !important;
  background: #fff !important;
  box-shadow: none !important;
}

#view-fundraiser-detail .overview-participant-avatar { display: flex !important; width: 36px !important; height: 36px !important; flex: 0 0 36px !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; color: #fff !important; font-size: 12px !important; font-weight: 700 !important; line-height: 16px !important; }
#view-fundraiser-detail .overview-participant-main { display: flex !important; width: auto !important; height: 46px !important; min-width: 0 !important; flex: 1 1 auto !important; flex-direction: column !important; align-items: flex-start !important; }
#view-fundraiser-detail .overview-participant-name { display: flex !important; width: 100% !important; height: 20px !important; min-width: 0 !important; align-items: center !important; gap: 6px !important; }
#view-fundraiser-detail .overview-participant-name h4 { min-width: 0 !important; max-width: 100% !important; margin: 0 !important; overflow: hidden !important; color: #0f172a !important; font-size: 14px !important; font-weight: 600 !important; line-height: 20px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#view-fundraiser-detail .overview-you-badge { display: inline-flex !important; height: 19px !important; flex: 0 0 auto !important; align-items: center !important; padding: 2px 6px !important; border-radius: 999px !important; background: #eff6ff !important; color: #1e40af !important; font-size: 10px !important; font-weight: 700 !important; line-height: 15px !important; }

#view-fundraiser-detail .overview-payment-toggle { display: inline-flex !important; height: 19px !important; min-height: 19px !important; flex: 0 0 19px !important; align-items: center !important; margin: 5.5px 0 1.5px !important; padding: 2px 8px !important; gap: 4px !important; border: 0 !important; border-radius: 999px !important; background: #fff7ed !important; color: #f54900 !important; font-size: 10px !important; font-weight: 600 !important; line-height: 15px !important; white-space: nowrap !important; box-shadow: none !important; }
#view-fundraiser-detail .overview-payment-toggle.is-paid { background: #ecfdf5 !important; color: #007a55 !important; }
#view-fundraiser-detail .overview-payment-toggle img { width: 10px !important; height: 10px !important; flex: 0 0 10px !important; }

#view-fundraiser-detail .overview-participant-amount { display: flex !important; min-width: 0 !important; flex: 0 0 auto !important; align-items: center !important; margin: 0 0 0 auto !important; padding: 0 !important; gap: 12px !important; border: 0 !important; background: transparent !important; color: #ff6900 !important; box-shadow: none !important; }
#view-fundraiser-detail .overview-participant-amount b { max-width: 86px !important; overflow: hidden !important; color: #ff6900 !important; font-size: 14px !important; font-weight: 700 !important; line-height: 20px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#view-fundraiser-detail .overview-participant-card.is-paid .overview-participant-amount b { color: #009966 !important; }
#view-fundraiser-detail .overview-participant-chevron { width: 16px !important; height: 16px !important; flex: 0 0 16px !important; transition: transform 160ms ease !important; }
#view-fundraiser-detail .participant-expand.open .overview-participant-chevron { transform: rotate(90deg) !important; }

#view-fundraiser-detail .participant-selection-details { width: calc(100% - 16px) !important; margin: -4px 8px 0 !important; padding: 12px !important; border: 1px solid rgba(15,23,42,.08) !important; border-top: 0 !important; border-radius: 0 0 16px 16px !important; background: #fff !important; }
.fundraiser-member-details p { display: flex !important; justify-content: space-between !important; margin: 0 0 6px !important; color: #64748b !important; font-size: 12px !important; line-height: 16px !important; }
.fundraiser-member-details p b { color: #0f172a !important; }
.fundraiser-member-details .btn { width: 100% !important; height: 44px !important; min-height: 44px !important; margin-top: 6px !important; border-radius: 20px !important; }

.fundraiser-info-card { height: auto !important; min-height: 76px !important; }
.fundraiser-info-icon { background: #eff6ff !important; color: #0f172a !important; font-size: 18px !important; }
.fundraiser-info-card .overview-participant-main { height: auto !important; justify-content: center !important; }
.fundraiser-info-card p { width: 100% !important; margin: 2px 0 0 !important; overflow: hidden !important; color: #64748b !important; font-size: 11px !important; line-height: 15px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
.fundraiser-empty-card { width: 100% !important; min-height: 76px !important; margin: 0 !important; padding: 17px !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 20px !important; background: #fff !important; }
.fundraiser-empty-card p { margin: 0 !important; color: #64748b !important; font-size: 14px !important; line-height: 20px !important; }

.fundraiser-inline-actions { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 8px !important; margin: 8px 0 0 !important; }
.fundraiser-inline-actions:empty { display: none !important; }
.fundraiser-inline-actions .btn { width: 100% !important; height: 44px !important; min-height: 44px !important; margin: 0 !important; border-radius: 20px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 20px !important; }

#view-fundraiser-detail .overview-actions { display: flex !important; width: 100% !important; min-height: 100px !important; flex-direction: column !important; margin: 8px 0 0 !important; padding: 4px 0 0 !important; gap: 8px !important; }
#view-fundraiser-detail .overview-actions:empty { display: none !important; }
#view-fundraiser-detail .overview-actions .btn { display: flex !important; width: 100% !important; height: 44px !important; min-height: 44px !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; gap: 8px !important; border-radius: 20px !important; font-size: 14px !important; font-weight: 600 !important; line-height: 20px !important; box-shadow: none !important; }
#view-fundraiser-detail .overview-actions .btn.primary { border: 0 !important; background: #2563eb !important; color: #fff !important; }
#view-fundraiser-detail .overview-actions .btn.secondary { border: 1px solid rgba(15,23,42,.08) !important; background: #fff !important; color: #0f172a !important; }
#view-fundraiser-detail .overview-actions img { width: 16px !important; height: 16px !important; }
#view-fundraiser-detail .fundraiser-utility-actions { min-height: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; }
#view-fundraiser-detail .fundraiser-wishlist-actions { min-height: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; }
.fundraiser-wishlist-button-icon { display: flex !important; width: 16px !important; height: 16px !important; align-items: center !important; justify-content: center !important; font-size: 14px !important; line-height: 16px !important; }

.fundraiser-wishlist-overlay {
  position: fixed !important;
  z-index: 500 !important;
  inset: 0 !important;
  display: flex !important;
  align-items: flex-start !important;
  justify-content: center !important;
  padding: max(72px, env(safe-area-inset-top)) 16px max(24px, env(safe-area-inset-bottom)) !important;
  overflow-y: auto !important;
  background: rgba(15, 23, 42, 0.56) !important;
}

.fundraiser-wishlist-modal {
  width: 100% !important;
  max-width: 358px !important;
  max-height: calc(100dvh - 96px) !important;
  overflow: hidden auto !important;
  border: 0 !important;
  border-radius: 24px !important;
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: 0 25px 50px -12px rgba(0,0,0,.25) !important;
}

.fundraiser-wishlist-modal > header {
  position: sticky !important;
  z-index: 2 !important;
  top: 0 !important;
  display: flex !important;
  height: 64px !important;
  align-items: center !important;
  justify-content: space-between !important;
  padding: 14px 16px !important;
  border-bottom: 1px solid rgba(15,23,42,.08) !important;
  background: #fff !important;
}

.fundraiser-wishlist-modal h2 { margin: 0 !important; font-size: 20px !important; font-weight: 700 !important; line-height: 28px !important; }
.fundraiser-wishlist-modal header .icon-btn { display: flex !important; width: 36px !important; height: 36px !important; align-items: center !important; justify-content: center !important; padding: 0 !important; border: 0 !important; background: transparent !important; box-shadow: none !important; }
.fundraiser-wishlist-modal header .icon-btn img { width: 16px !important; height: 16px !important; }
.fundraiser-wishlist-content { display: flex !important; flex-direction: column !important; align-items: stretch !important; padding: 20px !important; }
.fundraiser-wishlist-image { display: block !important; width: 100% !important; height: 330px !important; object-fit: contain !important; border-radius: 16px !important; background: #f8fafc !important; }
.fundraiser-wishlist-image-placeholder { display: flex !important; width: 100% !important; height: 260px !important; align-items: center !important; justify-content: center !important; border-radius: 16px !important; background: #f1f5f9 !important; font-size: 64px !important; }
.fundraiser-wishlist-content h3 { margin: 18px 0 0 !important; color: #0f172a !important; font-size: 24px !important; font-weight: 700 !important; line-height: 32px !important; }
.fundraiser-wishlist-content > strong { margin-top: 2px !important; color: #0f172a !important; font-size: 22px !important; font-weight: 700 !important; line-height: 30px !important; }
.fundraiser-wishlist-content > p { margin: 16px 0 0 !important; color: #64748b !important; font-size: 16px !important; font-weight: 400 !important; line-height: 24px !important; white-space: pre-wrap !important; }

/* Frame 2 create screen: base rules come directly from create-event-frame2.css. */
#create-fundraiser-modal.fundraiser-create-modal:not([open]) { display: none !important; }
#create-fundraiser-modal .fundraiser-target-icon { font-size: 24px !important; line-height: 32px !important; }
#create-fundraiser-modal .fundraiser-standard-field,
#create-fundraiser-modal .create-event-body > .create-event-field:has(> input) { height: 69px !important; min-height: 69px !important; flex: 0 0 69px !important; }
#create-fundraiser-modal .fundraiser-date-field { height: 69px !important; min-height: 69px !important; flex: 0 0 69px !important; }
#create-fundraiser-modal #new-fundraiser-currency { padding: 1px 38px 1px 17px !important; appearance: none !important; background-image: none !important; }
#create-fundraiser-modal .create-event-emoji { cursor: default !important; }

/* Remaining fundraiser overlays use the same current Figma surface, controls and cards. */
.create-kind-modal,
.fundraiser-payment-modal,
.fundraiser-limit-modal {
  position: fixed !important;
  inset: auto auto 0 50% !important;
  width: min(390px, 100vw) !important;
  max-width: 390px !important;
  margin: 0 !important;
  padding: 24px 24px 32px !important;
  transform: translateX(-50%) !important;
  border: 0 !important;
  border-radius: 24px 24px 0 0 !important;
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

.create-kind-modal { min-height: 300px !important; }
.fundraiser-payment-modal { min-height: 468px !important; }
.fundraiser-limit-modal { min-height: 360px !important; }

.create-kind-modal .modal-close,
.fundraiser-payment-modal .modal-close,
.fundraiser-limit-modal .modal-close { position: absolute !important; top: 16px !important; right: 16px !important; width: 36px !important; height: 36px !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 999px !important; background: #fff !important; box-shadow: 0 1px 1.5px rgba(0,0,0,.1), 0 1px 1px rgba(0,0,0,.1) !important; }
.create-kind-modal h2,
.fundraiser-payment-modal h2,
.fundraiser-limit-modal h2 { margin: 0 48px 4px 0 !important; color: #0f172a !important; font-size: 20px !important; font-weight: 700 !important; line-height: 28px !important; }
.create-kind-modal > .muted,
.fundraiser-payment-modal > .muted,
.fundraiser-limit-modal > .muted { margin: 0 40px 16px 0 !important; color: #64748b !important; font-size: 12px !important; line-height: 16px !important; }

.create-kind-card { display: grid !important; width: 100% !important; min-height: 76px !important; grid-template-columns: 48px minmax(0, 1fr) 16px !important; align-items: center !important; gap: 12px !important; margin: 8px 0 0 !important; padding: 13px 15px !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 20px !important; background: #fff !important; color: #0f172a !important; text-align: left !important; box-shadow: none !important; }
.fundraiser-package-card { display: grid !important; width: 100% !important; min-height: 76px !important; grid-template-columns: minmax(0, 1fr) auto !important; align-items: center !important; gap: 12px !important; margin: 8px 0 0 !important; padding: 13px 15px !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 20px !important; background: #fff !important; color: #0f172a !important; box-shadow: none !important; }
.create-kind-icon { display: flex !important; width: 48px !important; height: 48px !important; align-items: center !important; justify-content: center !important; border-radius: 20px !important; background: #eff6ff !important; font-size: 24px !important; }
.create-kind-card > span:nth-child(2),
.fundraiser-package-card > span { display: flex !important; min-width: 0 !important; flex-direction: column !important; gap: 2px !important; }
.create-kind-card strong,
.fundraiser-package-card strong { font-size: 14px !important; font-weight: 600 !important; line-height: 20px !important; }
.create-kind-card small,
.fundraiser-package-card small { overflow: hidden !important; color: #64748b !important; font-size: 10px !important; line-height: 15px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }

.fundraiser-payment-modal label { display: block !important; margin-top: 16px !important; color: #64748b !important; font-size: 10px !important; font-weight: 700 !important; line-height: 15px !important; letter-spacing: 1px !important; text-transform: uppercase !important; }
.fundraiser-payment-modal input { width: 100% !important; height: 48px !important; margin-top: 6px !important; padding: 0 17px !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 20px !important; background: #fff !important; color: #0f172a !important; font: 400 14px/20px "Manrope", sans-serif !important; }
.fundraiser-file-label em { color: #64748b !important; font-style: normal !important; }
.fundraiser-payment-modal .fundraiser-file-label { position: relative !important; }
.fundraiser-payment-modal .fundraiser-file-label > input { position: absolute !important; width: 1px !important; height: 1px !important; margin: 0 !important; padding: 0 !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; opacity: 0 !important; }
.fundraiser-file-control { display: flex !important; width: 100% !important; height: 48px !important; align-items: center !important; gap: 10px !important; margin-top: 6px !important; padding: 0 15px !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 20px !important; background: #fff !important; color: #0f172a !important; font-size: 14px !important; font-weight: 400 !important; line-height: 20px !important; letter-spacing: 0 !important; text-transform: none !important; }
.fundraiser-file-control > span:nth-child(2) { min-width: 0 !important; flex: 1 1 auto !important; }
.fundraiser-file-icon { display: flex !important; width: 28px !important; height: 28px !important; flex: 0 0 28px !important; align-items: center !important; justify-content: center !important; border-radius: 16px !important; background: #eff6ff !important; }
.fundraiser-file-icon img { width: 14px !important; height: 14px !important; }
.fundraiser-file-control > img { width: 16px !important; height: 16px !important; flex: 0 0 16px !important; }
.fundraiser-payment-modal .modal-actions { display: flex !important; flex-direction: column !important; gap: 8px !important; margin-top: 20px !important; }
.fundraiser-payment-modal .modal-actions .btn { width: 100% !important; height: 44px !important; min-height: 44px !important; border-radius: 20px !important; }

html body #fundraiser-actions-sheet.event-actions-sheet {
  position: fixed !important;
  inset: auto auto 0 50% !important;
  width: min(390px, 100vw) !important;
  max-width: 390px !important;
  margin: 0 !important;
  padding: 24px 16px 32px !important;
  transform: translateX(-50%) !important;
  border: 0 !important;
  border-radius: 24px 24px 0 0 !important;
  background: #fff !important;
  color: #0f172a !important;
  box-shadow: none !important;
}

#fundraiser-actions-sheet .sheet-handle { display: block !important; width: 36px !important; height: 4px !important; margin: 0 auto 16px !important; border-radius: 999px !important; background: #cbd5e1 !important; }
#fundraiser-actions-sheet h2 { margin: 0 0 12px !important; color: #0f172a !important; font-size: 16px !important; font-weight: 700 !important; line-height: 24px !important; text-align: center !important; }
#fundraiser-actions-sheet .event-action-row { display: grid !important; width: 100% !important; height: 76px !important; min-height: 76px !important; grid-template-columns: 36px minmax(0, 1fr) 16px !important; align-items: center !important; gap: 12px !important; margin: 8px 0 0 !important; padding: 15px !important; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 20px !important; background: #fff !important; color: #0f172a !important; text-align: left !important; box-shadow: none !important; }
#fundraiser-actions-sheet .event-action-icon { display: flex !important; width: 36px !important; height: 36px !important; align-items: center !important; justify-content: center !important; border-radius: 999px !important; background: #eff6ff !important; }
#fundraiser-actions-sheet .event-action-icon img { width: 16px !important; height: 16px !important; }
#fundraiser-actions-sheet .event-action-row > span:nth-child(2) { display: flex !important; min-width: 0 !important; flex-direction: column !important; gap: 2px !important; }
#fundraiser-actions-sheet .event-action-row strong { overflow: hidden !important; color: #0f172a !important; font-size: 14px !important; font-weight: 600 !important; line-height: 20px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#fundraiser-actions-sheet .event-action-row small { overflow: hidden !important; color: #64748b !important; font-size: 10px !important; font-weight: 500 !important; line-height: 15px !important; text-overflow: ellipsis !important; white-space: nowrap !important; }
#fundraiser-actions-sheet .event-action-row > img { width: 16px !important; height: 16px !important; }
#fundraiser-actions-sheet .event-action-danger strong { color: #dc2626 !important; }
#fundraiser-actions-sheet .event-action-danger .event-action-icon { background: #fff7ed !important; }

body.dark #view-fundraiser-detail.fundraiser-detail-v2.active { background: #f4f6fb !important; color: #0f172a !important; }
body.dark #view-events.events-v2 .events-kind-tabs { background: #f1f5f9 !important; }
body.dark #view-events.events-v2 .events-kind-tabs button.active,
body.dark #view-fundraiser-detail .overview-participant-card,
body.dark #view-fundraiser-detail .participant-selection-details,
body.dark .create-kind-modal,
body.dark .fundraiser-payment-modal,
body.dark .fundraiser-limit-modal,
body.dark .create-kind-card { background: #fff !important; color: #0f172a !important; }

@media (min-width: 700px) {
  .create-kind-modal,
  .fundraiser-payment-modal,
  .fundraiser-limit-modal { width: 390px !important; }
}