/* Event Studio dashboard */
/* Solid site header — no transparent / gradient-at-top (global script toggles is-sticky; this backs it up) */
body.is-event-portal-page header.navbar {
  background-color: #1e2737 !important;
  transition: none;
}

body.is-event-portal-page header.navbar::before {
  display: none !important;
}

/* Main site header: hide nav links, user area, and hamburger on event portal dashboard */
body.is-event-portal-dashboard #header-user-hamburger {
  display: none !important;
}

body.is-event-portal-dashboard header .navbar-menu,
body.is-event-portal-dashboard header .buttos-box,
body.is-event-portal-dashboard header .navbar-toggler,
body.logged-in.is-event-portal-dashboard header .buttos-box {
  display: none !important;
}

/* Event portal dashboard — compact, left-aligned navbar */
body.is-event-portal-dashboard header.navbar .container {
  max-width: none;
  padding: 0;
  margin: 0;
}

body.is-event-portal-dashboard header.navbar .content {
  padding: 10px 20px;
}

body.is-event-portal-dashboard header.navbar .navbar-brand img {
  height: 32px;
}

@media (max-width: 767.98px) {
  body.is-event-portal-dashboard header.navbar .navbar-brand img {
    height: 28px;
  }
}

/* "Event Studio" title in the navbar — only visible on the dashboard */
.ep-navbar-title {
  display: none;
}

body.is-event-portal-dashboard .ep-navbar-title {
  display: block !important;
  margin-left: auto;
  padding-right: 8px;
  font-family: "roc-grotesk", sans-serif;
  font-size: 15px;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 0.01em;
}

.event-portal-dashboard-page.is-paywalled .clubhouse-layout {
  filter: grayscale(0.3);
  pointer-events: none;
  user-select: none;
}

.event-portal-paywall {
  position: fixed;
  inset: 0;
  z-index: 100000;
  display: flex;
  align-items: center;
  justify-content: center;
}

.event-portal-paywall-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(4, 19, 45, 0.65);
}

.event-portal-paywall-modal {
  position: relative;
  background: #fff;
  border-radius: 12px;
  padding: 2rem;
  max-width: 420px;
  box-shadow: 0 20px 50px rgba(0, 0, 0, 0.25);
  text-align: center;
}

/* Theme global h2 is ~104px; modal uses a normal card title */
.event-portal-paywall-modal h2 {
  font-family: "roc-grotesk", sans-serif;
  font-size: 1.375rem !important;
  font-weight: 700 !important;
  line-height: 1.3 !important;
  letter-spacing: normal !important;
  font-stretch: normal !important;
  text-align: center !important;
  margin: 0 0 12px !important;
  color: #04132d;
}

.event-portal-paywall-modal p {
  font-size: 15px;
  line-height: 1.55;
  color: #4b5563;
  margin: 0 0 12px;
  text-align: center;
}

.event-portal-paywall-pricing {
  font-size: 16px;
  color: #04132d;
  margin-bottom: 8px !important;
}

/* .clubhouse-submit lives in clubhouse.css (not loaded on this route) */
.event-portal-paywall-modal .clubhouse-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  width: 100%;
  margin-top: 1rem;
  padding: 14px 32px;
  min-height: 52px;
  border-radius: 8px;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
  background-color: #96ff94;
  font-family: "roc-grotesk", sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  color: #04132d;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
}

.event-portal-paywall-modal .clubhouse-submit:hover {
  background-color: #c2ff42;
}

.event-portal-paywall-modal .clubhouse-submit:disabled {
  opacity: 0.6;
  cursor: not-allowed;
}

/* Compact navbar: adjust body padding + sidebar/layout heights to match */
body.is-event-portal-dashboard {
  padding-top: 56px !important;
}

body.is-event-portal-dashboard .event-portal-dashboard-page {
  min-height: calc(100vh - 56px);
}

body.is-event-portal-dashboard .clubhouse-layout {
  min-height: calc(100vh - 56px);
}

body.is-event-portal-dashboard .clubhouse-sidebar {
  top: 56px;
  height: calc(100vh - 56px);
  max-height: calc(100vh - 56px);
}

@media (max-width: 767.98px) {
  body.is-event-portal-dashboard {
    padding-top: 48px !important;
  }
  body.is-event-portal-dashboard .clubhouse-layout {
    min-height: calc(100vh - 48px);
  }
  body.is-event-portal-dashboard .clubhouse-sidebar {
    top: 48px;
    height: calc(100vh - 48px);
    max-height: calc(100vh - 48px);
  }
}

/* Event Studio sidebar: scroll nav only (flex-basis 0 so middle shrinks below content height) */
.event-portal-dashboard-page .event-portal-sidebar.clubhouse-sidebar {
  display: flex !important;
  flex-direction: column !important;
  overflow: hidden !important;
  min-height: 0 !important;
  height: calc(100vh - 56px) !important;
  max-height: calc(100vh - 56px) !important;
}

.event-portal-dashboard-page .event-portal-sidebar .sidebar-header {
  flex-shrink: 0;
}

.event-portal-dashboard-page .event-portal-sidebar .sidebar-nav {
  flex: 1 1 0% !important;
  min-height: 0 !important;
  overflow-y: auto !important;
  overflow-x: hidden !important;
  -webkit-overflow-scrolling: touch;
  touch-action: pan-y;
  overscroll-behavior: contain;
}

.event-portal-dashboard-page .event-portal-sidebar .sidebar-bottom {
  flex-shrink: 0;
  margin-top: auto;
}

/* Tablet/phone: sidebar is fixed below the compact header — full 100vh would extend past
   the viewport and clip the bottom (org name / avatar). Match body.is-event-portal-dashboard offsets. */
@media (max-width: 991.98px) {
  .event-portal-dashboard-page .event-portal-sidebar.clubhouse-sidebar {
    height: calc(100vh - 56px) !important;
    max-height: calc(100vh - 56px) !important;
  }

  @supports (height: 100dvh) {
    .event-portal-dashboard-page .event-portal-sidebar.clubhouse-sidebar {
      height: calc(100dvh - 56px) !important;
      max-height: calc(100dvh - 56px) !important;
    }
  }
}

@media (max-width: 767.98px) {
  .event-portal-dashboard-page .event-portal-sidebar.clubhouse-sidebar {
    height: calc(100vh - 48px) !important;
    max-height: calc(100vh - 48px) !important;
  }

  @supports (height: 100dvh) {
    .event-portal-dashboard-page .event-portal-sidebar.clubhouse-sidebar {
      height: calc(100dvh - 48px) !important;
      max-height: calc(100dvh - 48px) !important;
    }
  }
}

/* Dashboard + Marketing: same text start as Home / Reviews (nav 8px + ep-event-sub 8px + link 12px = 28px from sidebar inner) */
.event-portal-sidebar .ep-sidebar-top-links {
  list-style: none;
  margin: 0;
  padding: 0;
}

.event-portal-sidebar .ep-sidebar-top-links > li {
  width: 100%;
  box-sizing: border-box;
}

.event-portal-sidebar .ep-sidebar-top-links .clubhouse-nav-item {
  display: block;
  padding: 6px 12px 6px 20px;
  margin-left: 0;
  border-radius: 6px;
  text-decoration: none;
  color: #374151;
  font-size: 14px;
  text-align: left;
}

.event-portal-sidebar .ep-sidebar-top-links .clubhouse-nav-item.active {
  background: #04132d;
  color: #fff;
  font-weight: 600;
}

.event-portal-sidebar .ep-sidebar-top-links .clubhouse-nav-item.ep-sidebar-dashboard-link {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: flex-start;
  gap: 8px 12px;
  width: 100%;
  box-sizing: border-box;
}

.event-portal-sidebar .ep-sidebar-dashboard-label {
  flex: 1 1 auto;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.event-portal-sidebar .ep-sidebar-top-links .ep-sidebar-health--inline {
  font-size: 12px;
  font-weight: 600;
  color: #9ca3af;
  white-space: nowrap;
  flex-shrink: 0;
  margin-left: auto;
  text-align: right;
}

.event-portal-sidebar .ep-sidebar-top-links .clubhouse-nav-item.ep-sidebar-dashboard-link.active .ep-sidebar-health--inline {
  color: rgba(255, 255, 255, 0.72);
}

.ep-event-tree .ep-event-branch {
  width: 100%;
  box-sizing: border-box;
}

button.ep-event-toggle {
  background: none;
  border: none;
  font: inherit;
  cursor: pointer;
  width: 100%;
  text-align: left;
  padding: 0;
}

.ep-event-toggle__chevron {
  display: inline-block;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  transition: transform 0.2s ease;
}

.ep-event-toggle__chevron::before {
  content: '';
  display: block;
  width: 5px;
  height: 5px;
  border-right: 1.5px solid #64748b;
  border-bottom: 1.5px solid #64748b;
  transform: rotate(-45deg);
  margin: 5px auto 0;
}

.ep-event-branch.is-open > .ep-event-toggle .ep-event-toggle__chevron::before {
  transform: rotate(45deg);
  margin-top: 2px;
}

.ep-event-tree .ep-event-title-row {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: flex-start;
  gap: 4px 6px;
  width: 100%;
  padding: 8px 12px 4px;
  box-sizing: border-box;
}

.ep-event-tree .ep-event-title {
  flex: 1 1 auto;
  min-width: 0;
  font-weight: 600;
  color: #6b7280;
  font-size: 13px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ep-event-tree .ep-sidebar-notif-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  margin-left: auto;
  min-width: 20px;
  height: 20px;
  padding: 0;
  border-radius: 4px;
  background: #dc2626;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
}

.ep-event-branch.is-open .ep-sidebar-notif-badge {
  display: none;
}

.ep-event-sub {
  list-style: none;
  margin: 0 0 12px 0;
  padding: 0 0 0 8px;
}

.ep-event-sub a.clubhouse-nav-item {
  display: flex;
  align-items: center;
  padding: 6px 12px;
  margin-left: 0;
  border-radius: 6px;
  text-decoration: none;
  color: #374151;
}

.ep-sidebar-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 20px;
  height: 20px;
  padding: 0;
  margin-left: auto;
  border-radius: 4px;
  background: #dc2626;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
  flex-shrink: 0;
}

.event-portal-sidebar .ep-event-sub a.clubhouse-nav-item.active {
  background: #04132d;
  color: #fff;
  font-weight: 600;
}

.ep-copy-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
  margin-bottom: 1rem;
}

.event-portal-dashboard-page .clubhouse-main .ep-home-title-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 12px;
  align-items: center;
  margin: -4px 0 1.25rem;
  max-width: 720px;
}

.ep-copy-input {
  flex: 1;
  min-width: 200px;
}

/* Event Home — rating hero */
.event-portal-dashboard-page .clubhouse-main .ep-home-rating-card {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  margin: 1.75rem 0 2rem;
  padding: 22px 24px;
  max-width: 720px;
  background: linear-gradient(135deg, #ffffff 0%, #f8fafc 45%, #f0fdf4 100%);
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
}

.event-portal-dashboard-page .clubhouse-main .ep-home-rating-card__top {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 16px 24px;
  width: 100%;
}

.event-portal-dashboard-page .clubhouse-main .ep-home-rating-card__main {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1 1 auto;
  min-width: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-home-rating-card__figure {
  display: flex;
  align-items: baseline;
  justify-content: center;
  min-width: 96px;
  padding: 12px 16px;
  background: #04132d;
  border-radius: 14px;
  box-shadow: inset 0 -3px 0 rgba(0, 0, 0, 0.15);
}

.event-portal-dashboard-page .clubhouse-main .ep-home-rating-card__num {
  font-family: "roc-grotesk", sans-serif;
  font-size: 2.75rem;
  font-weight: 700;
  line-height: 1;
  color: #96ff94;
  letter-spacing: -0.02em;
}

.event-portal-dashboard-page .clubhouse-main .ep-home-rating-card__outof {
  font-size: 1rem;
  font-weight: 600;
  color: rgba(255, 255, 255, 0.75);
  margin-left: 2px;
}

.event-portal-dashboard-page .clubhouse-main .ep-home-rating-card__heading {
  margin: 0 0 6px !important;
  font-size: 1.125rem !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  text-align: left !important;
  letter-spacing: normal !important;
}

.event-portal-dashboard-page .clubhouse-main .ep-home-rating-card__meta {
  margin: 0;
  font-size: 14px;
  color: #475569;
  line-height: 1.4;
}

.event-portal-dashboard-page .clubhouse-main .ep-home-rating-card__aside {
  flex: 0 0 auto;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  /* Match .ep-home-rating-card__figure padding */
  padding: 12px 16px;
  box-sizing: border-box;
}

.event-portal-dashboard-page .clubhouse-main .ep-home-rating-card__cta {
  flex-shrink: 0;
}

/* Event Home — embed inside rating card (<details>) */
.event-portal-dashboard-page .clubhouse-main .ep-home-embed-details {
  width: 100%;
  margin: 18px 0 0;
  padding-top: 18px;
  border-top: 1px solid #e2e8f0;
}

.event-portal-dashboard-page .clubhouse-main .ep-home-embed-details__summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 4px 0;
  font-size: 15px;
  font-weight: 700;
  color: #04132d;
  line-height: 1.35;
}

.event-portal-dashboard-page .clubhouse-main .ep-home-embed-details__summary::-webkit-details-marker {
  display: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-home-embed-details__summary::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #64748b;
  transition: transform 0.15s ease;
  flex-shrink: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-home-embed-details[open] > .ep-home-embed-details__summary::before {
  transform: rotate(90deg);
}

.event-portal-dashboard-page .clubhouse-main .ep-home-embed-details__body {
  padding-top: 16px;
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-section__intro {
  margin: 0 0 20px;
  font-size: 15px;
  line-height: 1.55;
  color: #475569;
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-section__intro--in-details {
  margin-top: 0;
}

/* Event Home — Visibility Score (Clubhouse-style score + checklist) */
.event-portal-dashboard-page .clubhouse-main .ep-listing-health-card {
  margin-top: 1.75rem;
  max-width: 720px;
}

/* Dashboard — Account Health (same bar + checklist pattern as listing health) */
.event-portal-dashboard-page .clubhouse-main .ep-account-health-card {
  scroll-margin-top: 1rem;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-health-card .health-bar-inner {
  flex-wrap: wrap;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-health-card .ep-account-health-card__summary {
  display: block;
}

/* Event Home — Contact Details (<details>, collapsed by default) */
.event-portal-dashboard-page .clubhouse-main .ep-contact-details-card {
  margin-top: 1.75rem;
  max-width: 720px;
  padding: 22px 24px 24px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
  scroll-margin-top: 1rem;
  box-sizing: border-box;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-details-details__summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 10px 16px;
  margin: 0;
  padding: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-details-details__summary::-webkit-details-marker {
  display: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-details-details__summary-label {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  font-family: "roc-grotesk", sans-serif;
  font-size: 1.25rem;
  font-weight: 700;
  color: #04132d;
  line-height: 1.35;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-details-details__summary-label::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #64748b;
  transition: transform 0.15s ease;
  flex-shrink: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-details-details[open] > .ep-contact-details-details__summary .ep-contact-details-details__summary-label::before {
  transform: rotate(90deg);
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-details-details__status {
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  white-space: nowrap;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-details-details__status.is-complete {
  color: #166534;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-details-details__count {
  margin-left: 6px;
  font-weight: 700;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-details-details__status.is-complete .ep-contact-details-details__count {
  color: #166534;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-details-details__body {
  padding-top: 16px;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-details-card__intro {
  margin: 0 0 1rem;
  max-width: 52rem;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-empty {
  margin: 0 0 1rem;
  font-size: 14px;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-list {
  list-style: none;
  margin: 0 0 1.25rem;
  padding: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-list__item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px 16px;
  padding: 12px 0;
  border-bottom: 1px solid #f1f5f9;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-list__item:last-child {
  border-bottom: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-list__body {
  flex: 1 1 200px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
  color: #334155;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-list__name {
  font-weight: 700;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-list__meta {
  font-size: 13px;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-list__meta--empty {
  font-style: italic;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-list__email {
  font-size: 13px;
  font-weight: 600;
  color: #04132d;
  text-decoration: underline;
  text-underline-offset: 2px;
  word-break: break-all;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-list__item .button.ep-contact-remove {
  font-size: 12px;
  padding: 6px 12px;
  min-height: 0;
  flex-shrink: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-add-form__heading {
  margin: 0 0 0.75rem;
  font-size: 15px;
  font-weight: 700;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-add-form__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 14px 16px;
  margin-bottom: 12px;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-form-msg {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
  color: #b45309;
  min-height: 1.2em;
}

.event-portal-dashboard-page .clubhouse-main .ep-contact-add-form .clubhouse-submit {
  margin-top: 4px;
}

/* Account settings — User Details (<details>) + User Events */
.event-portal-dashboard-page .clubhouse-main .ep-account-panel {
  max-width: 720px;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-card {
  margin-top: 1.25rem;
  padding: 22px 24px 24px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
  box-shadow: 0 4px 20px rgba(15, 23, 42, 0.06);
  box-sizing: border-box;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-panel > .clubhouse-page-title {
  margin-bottom: 0.25rem;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-subscription-card {
  margin-top: 1.5rem;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-card__title {
  margin: 0 0 0.75rem;
  font-size: 1.125rem;
  font-weight: 700;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-details {
  margin-top: 1.25rem;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-details__summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  font-size: 1.125rem;
  font-weight: 700;
  color: #04132d;
  line-height: 1.35;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-details__summary::-webkit-details-marker {
  display: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-details__summary::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #64748b;
  transition: transform 0.15s ease;
  flex-shrink: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-details[open] > .ep-account-details__summary::before {
  transform: rotate(90deg);
}

.event-portal-dashboard-page .clubhouse-main .ep-account-details__body {
  padding-top: 18px;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-details__section-heading {
  margin: 0 0 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  color: #0f172a;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-details__hr {
  margin: 1.5rem 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-events-empty {
  margin: 0 0 1rem;
  font-size: 14px;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-events-list {
  list-style: none;
  margin: 0 0 1.25rem;
  padding: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-events-list__item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 14px 0;
  border-bottom: 1px solid #f1f5f9;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-events-list__item:last-child {
  border-bottom: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-events-list__title {
  flex: 1 1 200px;
  min-width: 0;
  font-size: 15px;
  font-weight: 600;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-details--events {
  margin-top: 1.25rem;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-add-events {
  margin-top: 1.5rem;
  padding-top: 1.25rem;
  border-top: 1px solid #f1f5f9;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-add-events__title {
  margin: 0 0 0.75rem;
  font-size: 1rem;
  font-weight: 700;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-add-events__msg {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
  color: #b45309;
  min-height: 1.2em;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-panel .ep-selected-events {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 12px;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-panel .ep-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  max-width: 100%;
  box-sizing: border-box;
  padding: 6px 6px 6px 14px;
  background: #e8f8ea;
  border: 1px solid #96ff94;
  border-radius: 999px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.25;
  color: #04132d;
  box-shadow: 0 1px 2px rgba(4, 19, 45, 0.06);
}

.event-portal-dashboard-page .clubhouse-main .ep-account-panel .ep-chip-text {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  max-width: min(100%, 420px);
}

.event-portal-dashboard-page .clubhouse-main .ep-account-panel .ep-chip-x {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 28px;
  height: 28px;
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 50%;
  background: transparent;
  cursor: pointer;
  font-size: 18px;
  line-height: 1;
  font-weight: 600;
  color: #64748b;
  transition: background-color 0.15s ease, color 0.15s ease;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-panel .ep-chip-x:hover {
  background: rgba(4, 19, 45, 0.08);
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-panel .ep-dd-item a {
  display: block;
  padding: 8px 12px;
  color: inherit;
  text-decoration: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-panel .ep-dd-item a:hover {
  background: #f8fafc;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-panel #ep-acc-add-dropdown {
  position: absolute;
  z-index: 20;
  margin-top: 4px;
  max-height: 240px;
  overflow-y: auto;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  box-shadow: 0 10px 30px rgba(15, 23, 42, 0.12);
}

.event-portal-dashboard-page .clubhouse-main .ep-account-panel .clubhouse-club-search-wrapper {
  position: relative;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-remove-managed-event {
  font-size: 12px;
  padding: 6px 12px;
  min-height: 0;
  line-height: 1.3;
  flex-shrink: 0;
  background: #fff;
  color: #b91c1c;
  border: 1px solid #fecaca;
}

.event-portal-dashboard-page .clubhouse-main .ep-account-remove-managed-event:hover {
  background: #fef2f2;
  border-color: #f87171;
  color: #991b1b;
}

.event-portal-dashboard-page .clubhouse-main .ep-listing-health-card__bar {
  margin-bottom: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-listing-health-card__percent {
  font-size: 11px;
  font-weight: 700;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-checklist {
  list-style: none;
  margin: 18px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid #e2e8f0;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-group {
  list-style: none;
  margin: 0 0 22px;
  padding: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-group:last-child {
  margin-bottom: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-group__head {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 16px;
  margin-bottom: 10px;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-group__title {
  flex: 1 1 200px;
  font-size: 15px;
  font-weight: 700;
  color: #04132d;
  min-width: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-group__status {
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-group__status.is-complete {
  color: #166534;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-group__count {
  margin-left: 6px;
  font-weight: 700;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-group__status.is-complete .ep-health-group__count {
  color: #166534;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-group__btn {
  flex-shrink: 0;
  font-size: 12px;
  padding: 6px 14px;
  min-height: 0;
  line-height: 1.3;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-group__items {
  list-style: none;
  margin: 0;
  padding: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-item {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 12px;
  padding: 8px 0;
  border-bottom: 1px solid #f1f5f9;
  font-size: 14px;
  color: #334155;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-group__items .ep-health-item:last-child {
  border-bottom: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-item__icon {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  color: #10b981;
  box-sizing: border-box;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-item:not(.is-done) .ep-health-item__icon {
  color: transparent;
  border: 2px solid #cbd5e1;
  border-radius: 50%;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-item__label {
  flex: 1 1 160px;
  min-width: 0;
  line-height: 1.4;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-item__state {
  font-size: 12px;
  font-weight: 600;
  color: #94a3b8;
  text-transform: uppercase;
  letter-spacing: 0.02em;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-item.is-done .ep-health-item__state {
  color: #166534;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-item__actions {
  flex-shrink: 0;
  margin-left: auto;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-item--manual .ep-health-item__state--text {
  text-transform: none;
  letter-spacing: normal;
  font-size: 13px;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-item--manual .button {
  font-size: 12px;
  padding: 6px 12px;
  min-height: 0;
  line-height: 1.3;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-group__hint {
  margin: 8px 0 0;
  font-size: 13px;
  line-height: 1.45;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-health-group__hint a {
  font-weight: 600;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-preview-card {
  margin-bottom: 24px;
  padding: 18px 20px;
  background: #f8fafc;
  border: 1px dashed #cbd5e1;
  border-radius: 12px;
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-preview-card__label {
  margin: 0 0 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-preview-card__stage {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 52px;
  padding: 12px 16px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #e2e8f0;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-preview-link {
  display: inline-block;
  line-height: 0;
  border-radius: 8px;
  overflow: hidden;
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-preview-link svg {
  display: block;
  width: 220px;
  height: auto;
  max-width: 100%;
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-preview-card__note {
  margin: 12px 0 0;
  font-size: 12px;
  line-height: 1.45;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-preview-card__unlock {
  margin: 12px 0 0;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.5;
  color: #334155;
  background: #f1f5f9;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-options {
  display: block;
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-option {
  padding: 18px 18px 16px;
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04);
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-option__title {
  margin: 0 0 8px !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  color: #0f172a !important;
  text-align: left !important;
  line-height: 1.35 !important;
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-option__desc {
  margin: 0 0 12px;
  font-size: 13px;
  line-height: 1.5;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-ta {
  width: 100%;
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  font-size: 11px;
  line-height: 1.45;
  color: #1e293b;
  margin-bottom: 10px;
  box-sizing: border-box;
}

.event-portal-dashboard-page .clubhouse-main .ep-embed-option .ep-copy-embed {
  width: 100%;
  justify-content: center;
}

.ep-form-msg {
  margin-left: 8px;
  color: #059669;
}

/* Dashboard home — collapsible event list */
.event-portal-dashboard-page .clubhouse-main .ep-dash-event-listings {
  margin: 1.25rem 0 0;
  max-width: 720px;
  padding: 18px 20px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-event-listings__summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  font-family: "roc-grotesk", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  color: #04132d;
  line-height: 1.35;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-event-listings__summary::-webkit-details-marker {
  display: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-event-listings__summary::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #64748b;
  transition: transform 0.15s ease;
  flex-shrink: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-event-listings[open] > .ep-dash-event-listings__summary::before {
  transform: rotate(90deg);
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-event-listings__body {
  padding-top: 16px;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-event-listings__list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-event-listings__item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px 16px;
  padding: 14px 0;
  border-bottom: 1px solid #f1f5f9;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-event-listings__item:last-child {
  border-bottom: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-event-listings__main {
  flex: 1 1 200px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 6px;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-event-listings__title {
  font-size: 15px;
  font-weight: 700;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-event-listings__health {
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-event-listings__health-pct {
  font-weight: 700;
  margin-left: 4px;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-event-listings__cta {
  flex-shrink: 0;
  text-decoration: none;
  font-size: 13px;
  padding: 8px 16px;
  min-height: 0;
  line-height: 1.35;
}

/* Dashboard — organisation details (collapsible) */
.event-portal-dashboard-page .clubhouse-main .ep-dash-org-details {
  margin: 1.25rem 0 0;
  max-width: 720px;
  padding: 18px 20px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-details__summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  font-family: "roc-grotesk", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  color: #04132d;
  line-height: 1.35;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-details__summary::-webkit-details-marker {
  display: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-details__summary::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #64748b;
  transition: transform 0.15s ease;
  flex-shrink: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-details[open] > .ep-dash-org-details__summary::before {
  transform: rotate(90deg);
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-details__body {
  padding-top: 16px;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-details__sub {
  margin: 0 0 1.25rem;
  font-size: 14px;
  line-height: 1.5;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-org-details-form .ep-org-avatar-field {
  margin-top: 0.5rem;
}

.event-portal-dashboard-page .clubhouse-main .ep-org-avatar-preview.ep-photo-preview--logo {
  width: 120px;
  height: 120px;
  min-width: 120px;
  max-width: 120px;
  min-height: 120px;
  max-height: 120px;
  aspect-ratio: 1 / 1;
  margin-top: 8px;
  flex-shrink: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-org-avatar-preview .ep-photo-preview-img {
  width: 100%;
  height: 100%;
  max-width: none;
  max-height: none;
  object-fit: cover;
  border-radius: 12px;
  border: 1px solid #e2e8f0;
}

.event-portal-dashboard-page .clubhouse-main .ep-org-avatar-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 10px;
}

.event-portal-dashboard-page .clubhouse-main .ep-org-details-msg {
  margin: 12px 0 8px;
  font-size: 14px;
  font-weight: 600;
  min-height: 1.2em;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts {
  margin: 1.25rem 0 0;
  max-width: 720px;
  padding: 18px 20px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 4px 16px rgba(15, 23, 42, 0.05);
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts__summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0;
  padding: 0;
  font-family: "roc-grotesk", sans-serif;
  font-size: 1.125rem;
  font-weight: 700;
  color: #04132d;
  line-height: 1.35;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts__summary::-webkit-details-marker {
  display: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts__summary::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #64748b;
  transition: transform 0.15s ease;
  flex-shrink: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts[open] > .ep-dash-org-contacts__summary::before {
  transform: rotate(90deg);
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts__panel {
  padding-top: 16px;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts__intro {
  margin: 0 0 1rem;
  font-size: 14px;
  line-height: 1.5;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts__list {
  list-style: none;
  margin: 0 0 1.25rem;
  padding: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts__item {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  gap: 10px 16px;
  padding: 12px 0;
  border-bottom: 1px solid #f1f5f9;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts__item:last-child {
  border-bottom: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts__line {
  flex: 1 1 200px;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  font-size: 14px;
  color: #334155;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts__name {
  font-weight: 700;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts__meta {
  font-size: 13px;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts__email {
  font-size: 13px;
  font-weight: 600;
  color: #04132d;
  text-decoration: underline;
  text-underline-offset: 2px;
  word-break: break-all;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contacts__empty {
  margin: 0 0 1rem;
  font-size: 14px;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contact-add__title {
  margin: 0 0 0.75rem;
  font-size: 15px;
  font-weight: 700;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contact-add__grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
  gap: 14px 16px;
  margin-bottom: 10px;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contact-msg {
  margin: 0 0 10px;
  font-size: 13px;
  font-weight: 600;
  color: #b45309;
  min-height: 1.2em;
}

.event-portal-dashboard-page .clubhouse-main .ep-dash-org-contact-remove {
  font-size: 12px;
  padding: 6px 12px;
  min-height: 0;
  flex-shrink: 0;
}

/* Theme global h2/h3/h4 are editorial billboard sizes; reset inside Event Studio main column */
.event-portal-dashboard-page .clubhouse-main h2 {
  font-family: "roc-grotesk", sans-serif;
  font-size: 18px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  letter-spacing: normal !important;
  font-stretch: normal !important;
  margin: 2rem 0 12px !important;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-edit-listing-page .clubhouse-page-title {
  margin-top: 0 !important;
}

/* Theme global h3 is 80px editorial; reset all dashboard headings (Clubhouse uses .listing-section h3) */
.event-portal-dashboard-page .clubhouse-main h3 {
  font-family: "roc-grotesk", sans-serif;
  font-size: 18px !important;
  font-weight: 700;
  line-height: 1.35 !important;
  text-align: left !important;
  letter-spacing: normal !important;
  font-stretch: normal !important;
  margin: 0 0 12px !important;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main h4 {
  font-family: "roc-grotesk", sans-serif;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  letter-spacing: normal !important;
  font-stretch: normal !important;
  margin: 1rem 0 8px !important;
  color: #04132d;
}

/* Forms: match Clubhouse listing-field (clubhouse.css not loaded on this route) */
.event-portal-dashboard-page .ep-edit-form {
  max-width: 720px;
}

.event-portal-dashboard-page .clubhouse-main .clubhouse-field {
  margin-bottom: 16px;
}

.event-portal-dashboard-page .clubhouse-main .clubhouse-field > label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #374151;
  margin-bottom: 6px;
}

.event-portal-dashboard-page .clubhouse-main .clubhouse-input,
.event-portal-dashboard-page .clubhouse-main textarea.clubhouse-input {
  width: 100%;
  max-width: 100%;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  font-size: 14px;
  color: #04132d;
  background: #fff;
  box-sizing: border-box;
  transition: border-color 0.15s;
}

.event-portal-dashboard-page .clubhouse-main .clubhouse-input:focus,
.event-portal-dashboard-page .clubhouse-main textarea.clubhouse-input:focus {
  outline: none;
  border-color: #04132d;
  box-shadow: 0 0 0 3px rgba(4, 19, 45, 0.06);
}

.event-portal-dashboard-page .clubhouse-main .description {
  font-size: 13px;
  color: #6b7280;
  margin: 0 0 10px;
  line-height: 1.45;
}

.event-portal-dashboard-page .ep-edit-form .button,
.event-portal-dashboard-page .clubhouse-main .event-portal-panel .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 18px;
  border-radius: 8px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.4;
  color: #04132d;
  background: #f3f4f6;
  border: 1px solid #d1d5db;
  cursor: pointer;
  font-family: "roc-grotesk", sans-serif;
  text-decoration: none;
  box-sizing: border-box;
}

.event-portal-dashboard-page .ep-edit-form .button:hover,
.event-portal-dashboard-page .clubhouse-main .event-portal-panel .button:hover {
  background: #e5e7eb;
  color: #04132d;
}

.event-portal-dashboard-page .ep-edit-form .clubhouse-row {
  display: flex;
  gap: 16px;
  flex-wrap: wrap;
}

.event-portal-dashboard-page .ep-edit-form .clubhouse-row-2col > .clubhouse-field {
  flex: 1;
  min-width: 200px;
}

.event-portal-dashboard-page .ep-edit-form .ep-repeater-row {
  margin-bottom: 8px;
}

/* Edit listing — accordions (Event Branding / Event Information) */
.event-portal-dashboard-page .clubhouse-main .ep-listing-accordion {
  margin-bottom: 20px;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
  overflow: hidden;
}

.event-portal-dashboard-page .clubhouse-main .ep-listing-accordion__toggle {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 12px;
  row-gap: 8px;
  width: 100%;
  padding: 14px 16px;
  margin: 0;
  border: none;
  background: #f8fafc;
  cursor: pointer;
  font-family: "roc-grotesk", sans-serif;
  font-size: 17px;
  font-weight: 700;
  color: #04132d;
  text-align: left;
  box-sizing: border-box;
  transition: background 0.15s ease;
}

.event-portal-dashboard-page .clubhouse-main .ep-listing-accordion__toggle:hover {
  background: #f1f5f9;
}

.event-portal-dashboard-page .clubhouse-main .ep-listing-accordion__title {
  flex: 1;
  min-width: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-listing-accordion__summary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  flex-shrink: 0;
  margin-left: auto;
}

.event-portal-dashboard-page .clubhouse-main .ep-listing-accordion__section-pill {
  flex-shrink: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-listing-accordion__section-count {
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  white-space: nowrap;
}

.event-portal-dashboard-page .clubhouse-main .ep-listing-accordion__section-count.is-complete {
  color: #166534;
}

.event-portal-dashboard-page .clubhouse-main .ep-listing-accordion--open .ep-listing-accordion__toggle .ep-review-toggle__chevron {
  transform: rotate(45deg);
  margin-top: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-listing-accordion__body {
  padding: 0 16px 16px;
  border-top: 1px solid #e2e8f0;
  background: #fff;
}

.event-portal-dashboard-page .clubhouse-main .ep-edit-subsection {
  margin-top: 20px;
}

.event-portal-dashboard-page .clubhouse-main .ep-listing-accordion__body > .ep-edit-subsection:first-of-type {
  margin-top: 16px;
}

/* Divider between Edit listing subsections — same treatment as Event Home embed (<details>) */
.event-portal-dashboard-page .clubhouse-main .ep-listing-accordion__body > .ep-edit-subsection ~ .ep-edit-subsection {
  margin-top: 0;
  padding-top: 18px;
  border-top: 1px solid #e2e8f0;
}

.event-portal-dashboard-page .clubhouse-main .ep-edit-subsection__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.event-portal-dashboard-page .clubhouse-main .ep-edit-subsection__title {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  line-height: 1.35 !important;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-edit-completion-pill {
  flex-shrink: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-edit-completion-pill .ep-status-text {
  display: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-edit-completion-label {
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
  flex-shrink: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-edit-completion-label.is-complete {
  color: #166534;
}

.event-portal-dashboard-page .clubhouse-main .ep-edit-section-actions {
  margin-top: 24px;
  margin-bottom: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 14px;
}

.event-portal-dashboard-page .clubhouse-main .ep-edit-section-msg {
  margin-left: 0;
}

.event-portal-dashboard-page .clubhouse-main .clubhouse-submit {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 28px;
  min-height: 48px;
  border-radius: 8px;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
  background-color: #96ff94;
  font-family: "roc-grotesk", sans-serif;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  color: #04132d;
  border: none;
  cursor: pointer;
  transition: background 0.2s;
}

.event-portal-dashboard-page .clubhouse-main .clubhouse-submit:hover {
  background-color: #05ff00;
}

/* Page title: global h1 is centered; keep portal panels left-aligned */
.event-portal-dashboard-page .clubhouse-main .clubhouse-page-title {
  text-align: left !important;
}

/* Mobile / tablet: first line of title sat too high vs fixed .sidebar-expand — nudge down so it
   lines up with the vertical centre of the hamburger (body padding + main padding vs icon top + half height). */
@media (max-width: 991.98px) {
  .event-portal-dashboard-page .clubhouse-main .clubhouse-page-title {
    margin-top: 8px;
  }
  /* Edit listing panel forces margin-top: 0 !important — re-apply nudge so it matches Reviews */
  .event-portal-dashboard-page .clubhouse-main .ep-edit-listing-page .clubhouse-page-title {
    margin-top: 8px !important;
  }
}

/* Global theme sets input { appearance: none; width: 100% } — restore native checkboxes */
.event-portal-dashboard-page .clubhouse-main input[type="checkbox"] {
  -webkit-appearance: checkbox !important;
  -moz-appearance: checkbox !important;
  appearance: auto !important;
  display: inline-block !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
  min-width: 1.125rem !important;
  min-height: 1.125rem !important;
  max-width: none !important;
  margin: 0.2rem 0.65rem 0 0 !important;
  flex-shrink: 0 !important;
  opacity: 1 !important;
  cursor: pointer !important;
  accent-color: #04132d;
  box-sizing: border-box !important;
  padding: 0 !important;
  border: none !important;
  background: #fff !important;
  box-shadow: none !important;
  vertical-align: top;
}

.event-portal-dashboard-page .clubhouse-main .ep-checkbox-row {
  display: flex;
  align-items: flex-start;
  gap: 0;
  margin: 0 0 12px;
  font-size: 15px;
  line-height: 1.45;
  color: #374151;
  cursor: pointer;
}

.event-portal-dashboard-page .clubhouse-main .ep-checkbox-row span {
  flex: 1;
  padding-top: 1px;
}

.event-portal-dashboard-page .clubhouse-main .ep-promo-checkboxes {
  margin: 16px 0 20px;
  max-width: 720px;
}

.event-portal-dashboard-page .clubhouse-main .ep-promo-submit-wrap {
  margin: 20px 0 8px;
}

.event-portal-dashboard-page .clubhouse-main .event-portal-panel > p {
  font-size: 15px;
  line-height: 1.55;
  color: #4b5563;
  margin: 0 0 12px;
  max-width: 720px;
}

/* Self Serve Advertising — bundle cards + months + preview */
.event-portal-dashboard-page .clubhouse-main .ep-advertising .description,
.event-portal-dashboard-page .clubhouse-main .ep-advertising .ep-field-hint {
  color: #4b5563;
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 12px;
  max-width: 720px;
}

.event-portal-dashboard-page .clubhouse-main .ep-advertising .ep-field-hint {
  margin-top: 6px;
  font-size: 13px;
}

.event-portal-dashboard-page .clubhouse-main .ep-bundle-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
  margin: 0 0 28px;
  max-width: 960px;
}

.event-portal-dashboard-page .clubhouse-main .ep-bundle-card {
  background: #fff;
  border: 1px solid #e5e7eb;
  border-radius: 12px;
  padding: 18px 16px;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
}

.event-portal-dashboard-page .clubhouse-main .ep-bundle-card--accent {
  border-color: #96ff94;
  background: linear-gradient(180deg, #f8fff8 0%, #fff 100%);
}

.event-portal-dashboard-page .clubhouse-main .ep-bundle-card__title {
  margin: 0 0 10px !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #6b7280 !important;
  text-align: left !important;
}

.event-portal-dashboard-page .clubhouse-main .ep-bundle-card__price {
  margin: 0 0 10px;
  line-height: 1.2;
}

.event-portal-dashboard-page .clubhouse-main .ep-bundle-card__amount {
  font-size: 1.75rem;
  font-weight: 700;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-bundle-card__unit {
  font-size: 15px;
  font-weight: 600;
  color: #374151;
}

.event-portal-dashboard-page .clubhouse-main .ep-bundle-card__detail {
  margin: 0;
  font-size: 14px;
  line-height: 1.5;
  color: #374151;
}

.event-portal-dashboard-page .clubhouse-main .ep-bundle-card__detail strong {
  color: #04132d;
  font-weight: 700;
}

.event-portal-dashboard-page .clubhouse-main .ep-promo-draft {
  margin-bottom: 24px;
  max-width: 720px;
}

.event-portal-dashboard-page .clubhouse-main .ep-promo-file {
  font-size: 14px;
  color: #374151;
}

.event-portal-dashboard-page .clubhouse-main .ep-promo-preview-wrap {
  margin: 0 0 32px;
  max-width: 720px;
}

.event-portal-dashboard-page .clubhouse-main .ep-book-subheading {
  font-family: "roc-grotesk", sans-serif;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 1.5rem 0 8px !important;
  color: #04132d !important;
  text-align: left !important;
}

.event-portal-dashboard-page .clubhouse-main .ep-checkout-section {
  margin-top: 28px;
  padding: 24px 20px;
  max-width: 720px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
}

.event-portal-dashboard-page .clubhouse-main .ep-checkout-heading {
  margin: 0 0 8px !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #04132d !important;
  text-align: left !important;
}

.event-portal-dashboard-page .clubhouse-main .ep-checkout-desc {
  margin-bottom: 16px !important;
}

.event-portal-dashboard-page .clubhouse-main .ep-promo-preview-heading {
  margin: 0 0 12px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  color: #04132d !important;
  text-align: left !important;
}

/* Passport offer card preview — uses passport-offers.css; constrain width */
.event-portal-dashboard-page .clubhouse-main .ep-promo-preview-shell {
  max-width: 420px;
}

.event-portal-dashboard-page .clubhouse-main .ep-promo-preview-shell .offer-card {
  margin: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-promo-preview-shell .ep-preview-hero-img.is-hidden,
.event-portal-dashboard-page .clubhouse-main .ep-promo-preview-shell .ep-preview-logo-img.is-hidden {
  display: none !important;
}

.event-portal-dashboard-page .clubhouse-main .ep-promo-preview-shell .offer-carousel-slide {
  position: relative;
  background: #f9fafb;
}

.event-portal-dashboard-page .clubhouse-main .ep-promo-preview-shell .ep-preview-hero-ph {
  min-height: 200px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
  font-weight: 600;
  color: #6b7280;
}

.event-portal-dashboard-page .clubhouse-main .ep-promo-preview-shell .ep-preview-faux-reveal .offer-visit-btn.ep-preview-visit--disabled {
  opacity: 0.45;
  pointer-events: none;
  cursor: default;
}

/* Solid surface + forced text colour — theme lists can inherit faint greys */
.event-portal-dashboard-page .clubhouse-main .ep-email-boost {
  margin: 8px 0 20px;
  padding: 16px 18px;
  max-width: 720px;
  background: #ffffff;
  border: 1px solid #cbd5e1;
  border-radius: 12px;
  box-shadow: 0 1px 2px rgba(15, 23, 42, 0.06);
}

.event-portal-dashboard-page .clubhouse-main .ep-email-boost__lead {
  margin: 0 0 10px;
  font-size: 15px;
  font-weight: 700;
  color: #0f172a !important;
  line-height: 1.4;
}

.event-portal-dashboard-page .clubhouse-main .ep-email-boost__list {
  margin: 0;
  padding-left: 1.25rem;
  font-size: 15px;
  line-height: 1.55;
  font-weight: 700;
  color: #0f172a !important;
}

.event-portal-dashboard-page .clubhouse-main .ep-email-boost__list li {
  color: #0f172a !important;
  margin: 0.35em 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-email-boost__list li::marker {
  color: #0f172a !important;
}

/* Main column: keep content above viewport chrome; footer-clubhouse is minimal */
.event-portal-dashboard-page .clubhouse-main {
  padding-bottom: 4rem;
}

.event-portal-dashboard-page .clubhouse-layout {
  padding-bottom: 2rem;
}

.event-portal-dashboard-page .clubhouse-main .ep-email-date-row {
  margin: 0 0 16px 1.75rem;
  max-width: 520px;
}

.event-portal-dashboard-page .clubhouse-main .ep-email-datetime {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px 16px;
  align-items: end;
}

@media (max-width: 540px) {
  .event-portal-dashboard-page .clubhouse-main .ep-email-datetime {
    grid-template-columns: 1fr;
  }
}

.event-portal-dashboard-page .clubhouse-main .ep-email-datetime-field {
  margin-bottom: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-email-date-label {
  display: block;
  font-size: 13px;
  font-weight: 600;
  color: #1e293b;
  margin-bottom: 6px;
}

.event-portal-dashboard-page .clubhouse-main .ep-email-date-input {
  max-width: 100%;
}

.event-portal-dashboard-page .clubhouse-main .ep-month-fieldset {
  border: 0;
  margin: 0 0 20px;
  padding: 0;
  max-width: 960px;
}

.event-portal-dashboard-page .clubhouse-main .ep-month-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
  gap: 10px;
}

.event-portal-dashboard-page .clubhouse-main .ep-month-tile {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 0;
  padding: 10px 12px;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  background: #fff;
  font-size: 13px;
  font-weight: 500;
  color: #374151;
  cursor: pointer;
  transition: border-color 0.15s, background 0.15s;
}

.event-portal-dashboard-page .clubhouse-main .ep-month-tile:hover {
  border-color: #9ca3af;
  background: #f9fafb;
}

.event-portal-dashboard-page .clubhouse-main .ep-month-tile input[type="checkbox"] {
  margin: 0 8px 0 0 !important;
}

.event-portal-dashboard-page .clubhouse-main .ep-month-tile.is-selected {
  border-color: #04132d;
  background: #f0fdf4;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.ep-hr {
  margin: 2rem 0;
  border: 0;
  border-top: 1px solid #e5e7eb;
}

.event-portal-dashboard-page .clubhouse-main .ep-reach-heading {
  margin: 2.25rem 0 0.75rem;
  font-size: 1.25rem;
  font-weight: 700;
  color: #04132d;
}

.ep-ctas {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 24px;
}

.event-portal-dashboard-page .clubhouse-main .ep-photo-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 20px;
  margin-bottom: 8px;
}

.event-portal-dashboard-page .clubhouse-main .ep-photo-block {
  display: flex;
  flex-direction: column;
}

.event-portal-dashboard-page .clubhouse-main .ep-photo-block .ep-photo-subcopy {
  flex: 1;
}

.event-portal-dashboard-page .clubhouse-main .ep-photo-label {
  display: block;
  font-weight: 600;
  margin-bottom: 8px;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-photo-preview {
  margin-bottom: 0;
  border-radius: 10px;
  border: 1px solid #e5e7eb;
  background: #f8fafc;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  box-sizing: border-box;
}

.event-portal-dashboard-page .clubhouse-main .ep-photo-preview--hero {
  width: min(100%, calc(200px * 16 / 9));
  height: 200px;
}

.event-portal-dashboard-page .clubhouse-main .ep-photo-preview--logo {
  width: min(100%, 200px);
  height: 200px;
}

.event-portal-dashboard-page .clubhouse-main .ep-photo-preview-img {
  display: block;
  width: 100%;
  height: 100%;
  max-height: none;
  object-fit: cover;
}

.event-portal-dashboard-page .clubhouse-main .ep-photo-preview--logo .ep-photo-preview-img {
  object-fit: contain;
}

.event-portal-dashboard-page .clubhouse-main .ep-photo-subcopy {
  margin: 2px 0 10px;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.45;
}

.event-portal-dashboard-page .clubhouse-main .ep-photo-hint {
  margin: 8px 0 10px;
  font-size: 13px;
  color: #6b7280;
  line-height: 1.45;
}

.event-portal-dashboard-page .clubhouse-main .ep-photo-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
  margin-top: 12px;
}

.event-portal-dashboard-page .clubhouse-main .ep-photo-placeholder {
  margin: 0;
  padding: 16px;
  font-size: 14px;
  color: #64748b;
  text-align: center;
}

.event-portal-dashboard-page .clubhouse-main .ep-highlights-note {
  margin-top: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-excerpt-wordcount {
  margin: 6px 0 0;
  font-size: 13px;
  color: #6b7280;
}

.event-portal-dashboard-page .clubhouse-main .ep-excerpt-wordcount.is-warn {
  color: #ca8a04;
}

.event-portal-dashboard-page .clubhouse-main .ep-excerpt-wordcount.is-over {
  color: #b91c1c;
}

.event-portal-dashboard-page .clubhouse-main .ep-dates-future-note {
  margin: 0 0 12px;
  font-size: 13px;
  color: #b45309;
}

.event-portal-dashboard-page .clubhouse-main .ep-highlight-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 10px;
}

.event-portal-dashboard-page .clubhouse-main .ep-highlight-row .ep-highlight-input {
  flex: 1;
  min-width: 0;
}

.event-portal-dashboard-page .clubhouse-main #ep-new-add-highlight,
.event-portal-dashboard-page .clubhouse-main #ep-new-add-distance {
  margin-top: 12px;
}

.event-portal-dashboard-page .clubhouse-main .ep-link-field .ep-link-na-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 400;
  color: #374151;
  cursor: pointer;
  line-height: 1.4;
}

.event-portal-dashboard-page .clubhouse-main .ep-link-field .ep-link-na-label input[type="checkbox"] {
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
  vertical-align: middle;
}


.event-portal-dashboard-page .clubhouse-main .ep-multi-day-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-top: 10px;
  margin-bottom: 12px;
  font-size: 14px;
  font-weight: 400;
  color: #374151;
  cursor: pointer;
  line-height: 1.4;
}

.event-portal-dashboard-page .clubhouse-main .ep-multi-day-label input[type="checkbox"] {
  margin: 0;
  padding: 0;
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}

.event-portal-dashboard-page .clubhouse-main .ep-end-date-field {
  margin-top: 12px;
}

.event-portal-dashboard-page .clubhouse-main .ep-dates-future-note {
  color: #ef4444;
  margin-top: 8px;
  font-size: 13px;
}

.event-portal-dashboard-page .clubhouse-main .ep-distances-no-date-note {
  color: #f59e0b;
  font-size: 13px;
  font-weight: 500;
  margin-top: 4px;
}

.event-portal-dashboard-page .ep-date-past-callout {
  position: fixed;
  top: 180px;
  right: 24px;
  z-index: 10;
}

.event-portal-dashboard-page .ep-date-past-callout__trigger {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  color: #dc2626;
  border-radius: 50%;
  border: 1px solid #e2e8f0;
  background: #f8fafc;
  cursor: pointer;
  transition: background 0.15s, box-shadow 0.15s;
}

.event-portal-dashboard-page .ep-date-past-callout__trigger:hover {
  background: #f1f5f9;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.event-portal-dashboard-page .ep-date-past-callout__panel {
  position: absolute;
  top: 52px;
  right: 0;
  width: 260px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 14px 16px;
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #334155;
}

.event-portal-dashboard-page .ep-date-past-callout__panel strong {
  display: block;
  font-size: 0.875rem;
  color: #1e293b;
  margin-bottom: 2px;
}

@media (max-width: 600px) {
  .event-portal-dashboard-page .ep-date-past-callout {
    top: 140px;
    right: 12px;
  }

  .event-portal-dashboard-page .ep-date-past-callout__panel {
    width: 220px;
  }
}

.event-portal-dashboard-page .ep-hide-event {
  max-width: 720px;
  margin: 0;
  padding: 14px 0 0;
  border-top: 1px solid #e5e7eb;
}

.event-portal-dashboard-page .clubhouse-main h2.ep-hide-event__title {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 6px !important;
}

.event-portal-dashboard-page .ep-hide-event__desc {
  font-size: 0.8125rem;
  color: #475569;
  line-height: 1.5;
  margin: 0 0 12px;
}

.event-portal-dashboard-page .ep-hide-event textarea {
  width: 100%;
  max-width: 100%;
  margin-bottom: 12px;
}

.event-portal-dashboard-page .ep-hide-event__btn {
  background: #bbf7d0;
  border: 1px solid #86efac;
  color: #166534;
  font-weight: 600;
  padding: 8px 20px;
  border-radius: 6px;
  cursor: pointer;
  transition: background 0.15s;
}

.event-portal-dashboard-page .ep-hide-event__btn:hover {
  background: #a7f3d0;
}

.event-portal-dashboard-page .ep-hide-event__btn:disabled {
  opacity: 0.5;
  cursor: default;
}

.event-portal-dashboard-page .ep-hide-event__msg {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #059669;
  margin: 12px 0 0;
}

.event-portal-dashboard-page .ep-hide-event__msg.is-error {
  color: #b91c1c;
}

.event-portal-dashboard-page .ep-hide-event__confirm {
  font-size: 0.8125rem;
  line-height: 1.5;
  color: #059669;
  margin: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-distance-remove {
  flex-shrink: 0;
}

.event-portal-dashboard-page .clubhouse-main #ep-add-distance,
.event-portal-dashboard-page .clubhouse-main #ep-add-highlight {
  margin-bottom: 12px;
}

.event-portal-dashboard-page .clubhouse-main .ep-checkbox-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  gap: 20px;
  margin-bottom: 8px;
}

.event-portal-dashboard-page .clubhouse-main .ep-checkbox-grid--3col {
  grid-template-columns: repeat(3, 1fr);
}

@media (max-width: 768px) {
  .event-portal-dashboard-page .clubhouse-main .ep-checkbox-grid--3col {
    grid-template-columns: 1fr;
  }
}

.event-portal-dashboard-page .clubhouse-main .ep-checkbox-group {
  margin: 0;
  padding: 14px 16px;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  background: #fafafa;
  display: flex;
  flex-direction: column;
}

.event-portal-dashboard-page .clubhouse-main .ep-checkbox-group legend {
  padding: 0;
  margin: 0 0 4px;
  font-weight: 700;
  font-size: 14px;
  color: #0f172a;
}

.event-portal-dashboard-page .clubhouse-main .ep-checkbox-group__hint {
  margin: 2px 0 4px;
  font-size: 13px;
  font-style: italic;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-checkbox-label {
  display: flex;
  align-items: center;
  gap: 8px;
  margin: 8px 0 0;
  font-size: 15px;
  color: #0f172a;
  cursor: pointer;
}

.event-portal-dashboard-page .clubhouse-main .ep-checkbox-label input {
  margin: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-distance-row {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  align-items: center;
}

.event-portal-dashboard-page .clubhouse-main .ep-distance-km {
  flex: 0 0 120px;
  min-width: 100px;
}

.event-portal-dashboard-page .clubhouse-main .ep-distance-date {
  flex: 0 0 auto;
  min-width: 160px;
}

.event-portal-dashboard-page .clubhouse-main .ep-distance-row .clubhouse-input[type="date"] {
  min-height: 44px;
}

/* Distances row: on narrow screens shrink km + date columns so Remove stays on one line */
@media (max-width: 767.98px) {
  .event-portal-dashboard-page .clubhouse-main .ep-distance-row {
    flex-wrap: nowrap;
    gap: 8px;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-distance-km {
    flex: 0 0 60px;
    min-width: 0;
  }

  /* 40% smaller basis vs 160px min; flex-grow fills space between km and Remove */
  .event-portal-dashboard-page .clubhouse-main .ep-distance-date {
    flex: 1 1 96px;
    min-width: 0;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-distance-date .clubhouse-input,
  .event-portal-dashboard-page .clubhouse-main .ep-distance-date select.clubhouse-input {
    min-width: 0;
  }
}

/* Reviews tab — share URL callout */
.event-portal-dashboard-page .clubhouse-main .ep-share-callout {
  display: flex;
  gap: 16px;
  align-items: center;
  max-width: 720px;
  margin: 0 0 28px;
  padding: 18px 20px;
  background: linear-gradient(135deg, #f0fdf4 0%, #ffffff 55%, #f8fafc 100%);
  border: 1px solid #bbf7d0;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.06);
}

.event-portal-dashboard-page .clubhouse-main .ep-share-callout__icon {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(145deg, #0c1f3d 0%, #04132d 100%);
  color: #96ff94;
  border-radius: 14px;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 2px 8px rgba(4, 19, 45, 0.2);
}

.event-portal-dashboard-page .clubhouse-main .ep-share-callout__icon svg {
  display: block;
  width: 24px;
  height: 24px;
  shape-rendering: geometricPrecision;
}

.event-portal-dashboard-page .clubhouse-main .ep-share-callout__column {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.event-portal-dashboard-page .clubhouse-main .ep-share-callout__main {
  min-width: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-share-callout__kicker {
  margin: 0 0 6px;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #166534;
}

.event-portal-dashboard-page .clubhouse-main .ep-share-callout__text {
  margin: 0 0 10px;
  font-size: 14px;
  line-height: 1.5;
  color: #0f172a;
}

.event-portal-dashboard-page .clubhouse-main .ep-share-callout__url-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 12px 14px;
}

.event-portal-dashboard-page .clubhouse-main .ep-share-callout__copy {
  flex-shrink: 0;
  font-weight: 600;
  border-radius: 10px;
  border-color: #04132d;
  color: #04132d;
  background: #fff;
}

.event-portal-dashboard-page .clubhouse-main .ep-share-callout__copy:hover {
  background: #f8fafc;
  border-color: #0f172a;
  color: #0f172a;
}

/* Mobile: icon sits inline with the kicker heading; body copy + copy button fill the width beneath. */
@media (max-width: 781.98px) {
  .event-portal-dashboard-page .clubhouse-main .ep-share-callout {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 12px;
    row-gap: 8px;
    align-items: start;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-share-callout__icon {
    grid-column: 1;
    grid-row: 1;
    width: 36px;
    height: 36px;
    align-self: center;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-share-callout__icon svg {
    width: 18px;
    height: 18px;
  }

  /* Unwrap the wrapper divs so their children participate in the callout grid. */
  .event-portal-dashboard-page .clubhouse-main .ep-share-callout__column,
  .event-portal-dashboard-page .clubhouse-main .ep-share-callout__main {
    display: contents;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-share-callout__kicker {
    grid-column: 2;
    grid-row: 1;
    margin: 0;
    align-self: center;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-share-callout__text {
    grid-column: 1 / -1;
    grid-row: 2;
    margin: 0;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-share-callout__url-row {
    grid-column: 1 / -1;
    grid-row: 3;
  }
}

/* Desktop: icon | text | copy in one row; button vertically centred with the block */
@media (min-width: 782px) {
  .event-portal-dashboard-page .clubhouse-main .ep-share-callout {
    display: grid;
    grid-template-columns: auto 1fr auto;
    grid-template-rows: auto;
    align-items: center;
    column-gap: 16px;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-share-callout__icon {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-share-callout__column {
    display: contents;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-share-callout__main {
    grid-column: 2;
    grid-row: 1;
    align-self: center;
    min-width: 0;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-share-callout__kicker {
    margin-bottom: 2px;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-share-callout__url-row {
    display: contents;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-share-callout__main .ep-share-callout__text {
    margin-bottom: 0;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-share-callout__copy {
    grid-column: 3;
    grid-row: 1;
    align-self: center;
    justify-self: end;
  }
}

/* Reviews tab — embed preview + progress toward 10 reviews */
.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-grow {
  max-width: 720px;
  margin: 0 0 28px;
  padding: 18px 20px 20px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 14px;
  box-shadow: 0 2px 8px rgba(15, 23, 42, 0.05);
  box-sizing: border-box;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-grow__kicker {
  margin: 0 0 10px;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-grow__text {
  margin: 0 0 14px;
  font-size: 15px;
  line-height: 1.55;
  color: #334155;
  max-width: 40rem;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-grow__cta {
  font-weight: 600;
  border-radius: 10px;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-grow__preview-label {
  margin: 0 0 8px;
  font-size: 13px;
  font-weight: 600;
  color: #04132d;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-grow__preview-row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 16px 20px;
  margin: 0 0 16px;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-grow__preview-col {
  flex: 0 0 auto;
  min-width: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-grow__copy-col {
  flex: 1 1 200px;
  min-width: 0;
  display: flex;
  align-items: center;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-grow__preview {
  display: inline-block;
  margin: 0;
  padding: 0;
  line-height: 0;
  background: transparent;
  border: none;
  border-radius: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-grow__preview-link {
  display: inline-block;
  border-radius: 8px;
  overflow: hidden;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-grow__preview img {
  display: block;
  max-width: 100%;
  height: auto;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-grow__unlock {
  margin: 0;
  padding: 12px 14px;
  font-size: 13px;
  line-height: 1.5;
  color: #334155;
  background: #f1f5f9;
  border-radius: 8px;
  border: 1px solid #e2e8f0;
  width: 100%;
  box-sizing: border-box;
}

@media (max-width: 600px) {
  .event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-grow__preview-row {
    flex-direction: column;
    align-items: stretch;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-grow__copy-col {
    align-items: stretch;
  }
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-progress {
  display: flex;
  gap: 6px;
  align-items: stretch;
  width: 100%;
  max-width: 420px;
  height: 12px;
  margin: 0 0 8px;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-progress__seg {
  flex: 1 1 0;
  min-width: 0;
  border-radius: 4px;
  background: #e2e8f0;
  transition: background 0.2s ease;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-progress__seg.is-filled {
  background: linear-gradient(180deg, #0f2847 0%, #04132d 100%);
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-embed-progress__caption {
  margin: 0;
  font-size: 13px;
  font-weight: 600;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px 8px;
  font-size: 13px;
  line-height: 1.4;
  color: #475569;
  margin-bottom: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-meta__sep--status {
  display: none;
}

@media (min-width: 520px) {
  .event-portal-dashboard-page .clubhouse-main .ep-review-meta__sep--status {
    display: inline;
  }
}

.event-portal-dashboard-page .clubhouse-main .ep-reviewer-name {
  font-weight: 700;
  color: #0f172a;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-meta__sep {
  color: #94a3b8;
  font-weight: 400;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-subtitle {
  margin: -4px 0 20px;
  font-size: 17px;
  font-weight: 600;
  line-height: 1.4;
  color: #334155;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-subtitle--empty {
  font-weight: 500;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-filters {
  margin: 0 0 18px;
  max-width: 720px;
  overflow: visible;
  /* Avoid z-index/transform tricks here — they break native <select> popovers on mobile WebKit. */
}

/* One horizontal row: Sort by [select] Show [select] — never stack label above control. */
.event-portal-dashboard-page .clubhouse-main .ep-reviews-filters__row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  gap: 6px 10px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-filters__label {
  flex: 0 0 auto;
  margin: 0;
  font-size: 12px;
  font-weight: 600;
  color: #0f172a;
  white-space: nowrap;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-filters__select {
  flex: 1 1 0;
  min-width: 0;
  width: auto;
  max-width: none;
  min-height: 40px;
  padding: 6px 28px 6px 10px;
  box-sizing: border-box;
  background-color: #fff;
  color: #04132d;
  font-family: "Inter", sans-serif;
  font-size: 14px;
  line-height: 1.3;
  border: 1px solid #d1d5db;
  border-radius: 8px;
  transition: border-color 0.2s, box-shadow 0.2s;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23334155' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 8px center;
  background-size: 12px 8px;
}

.event-portal-dashboard-page .clubhouse-main .ep-reviews-filters__select:focus {
  outline: none;
  border-color: #04132d;
  box-shadow: 0 0 0 3px rgba(4, 19, 45, 0.08);
}

@media (min-width: 640px) {
  .event-portal-dashboard-page .clubhouse-main .ep-reviews-filters__row {
    gap: 10px 14px;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-reviews-filters__label {
    font-size: 14px;
  }

  .event-portal-dashboard-page .clubhouse-main .ep-reviews-filters__select {
    min-height: 44px;
    padding: 8px 30px 8px 12px;
    font-size: 15px;
    max-width: 240px;
    background-position: right 10px center;
  }
}

.event-portal-dashboard-page .clubhouse-main .ep-review-card {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 14px 16px 16px;
  margin-bottom: 14px;
  box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
}

.event-portal-dashboard-page .clubhouse-main .ep-review-card__header {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 12px;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-new-tag {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 10px;
  border-radius: 10px;
  background: #dc2626;
  color: #fff;
  font-size: 11px;
  font-weight: 700;
  line-height: 1.6;
  letter-spacing: 0.02em;
  flex-shrink: 0;
}

.ep-reviews-new-count {
  color: inherit;
  font-weight: inherit;
}

/* Flagged reviews in event portal */
.event-portal-dashboard-page .clubhouse-main .ep-review-flagged-tag {
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 10px;
  background: #fef3c7;
  color: #92400e;
  font-size: 11px;
  font-weight: 600;
  line-height: 1.6;
  flex-shrink: 0;
}

.ep-flagged-reviews-section {
  margin-bottom: 24px;
  padding: 16px 20px;
  background: #fef2f2;
  border: 1px solid #fecaca;
  border-radius: 10px;
}

.ep-flagged-reviews-title {
  margin: 0 0 4px;
  font-size: 15px;
  font-weight: 700;
  color: #991b1b;
}

.ep-flagged-reviews-desc {
  margin: 0 0 12px;
  font-size: 13px;
  color: #991b1b;
}

.ep-flagged-review-card {
  background: #fff;
  border-radius: 8px;
  padding: 14px 16px;
  margin-bottom: 8px;
}

.ep-flagged-review-card:last-child {
  margin-bottom: 0;
}

.ep-flagged-review-card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  margin-bottom: 8px;
}

.ep-flagged-badge {
  display: inline-block;
  padding: 2px 10px;
  border-radius: 10px;
  background: #fee2e2;
  color: #991b1b;
  font-size: 11px;
  font-weight: 600;
}

.ep-flagged-review-card__body .ep-review-text {
  font-size: 13px;
  color: #555;
}

.ep-flagged-review-meta {
  margin: 8px 0 0;
  font-size: 12px;
  color: #9ca3af;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-toggle {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  margin: 0;
  padding: 0;
  border: 1px solid #cbd5e1;
  border-radius: 10px;
  background: #f8fafc;
  color: #0f172a;
  cursor: pointer;
  flex-shrink: 0;
  transition: background 0.15s ease, border-color 0.15s ease;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-toggle:hover {
  background: #fff;
  border-color: #94a3b8;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-toggle__chevron {
  display: block;
  width: 8px;
  height: 8px;
  margin-top: -2px;
  border-right: 2px solid currentColor;
  border-bottom: 2px solid currentColor;
  transform: rotate(-45deg);
  transition: transform 0.2s ease;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-card.is-expanded .ep-review-toggle__chevron {
  transform: rotate(45deg);
  margin-top: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-toggle__label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-avatar-wrap {
  flex-shrink: 0;
  line-height: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-avatar {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 1px solid #e2e8f0;
  background: #f1f5f9;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-card__header .ep-review-meta {
  flex: 1 1 160px;
  min-width: 0;
  margin-bottom: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-stars {
  display: inline-flex;
  align-items: center;
  gap: 2px;
  margin-left: 4px;
  vertical-align: middle;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-body__stars {
  display: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-status-pill {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 12px;
  font-weight: 600;
  color: #64748b;
}

.event-portal-dashboard-page .clubhouse-main .ep-status-pill.is-on {
  color: #166534;
}

.event-portal-dashboard-page .clubhouse-main .ep-status-dot {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 16px;
  height: 16px;
  flex-shrink: 0;
  border-radius: 50%;
  border: 2px solid #cbd5e1;
  background: #fff;
  box-sizing: border-box;
}

.event-portal-dashboard-page .clubhouse-main .ep-status-pill.is-on .ep-status-dot {
  border-color: #22c55e;
  background: #22c55e;
}

.event-portal-dashboard-page .clubhouse-main .ep-status-pill.is-on .ep-status-dot::after {
  content: "";
  display: block;
  width: 4px;
  height: 8px;
  border: solid #fff;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  margin-bottom: 2px;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-read-btn {
  flex-shrink: 0;
  margin-left: auto;
  font-size: 13px;
  font-weight: 600;
  min-height: 36px;
  padding: 6px 12px;
  border-radius: 10px;
  border-color: #cbd5e1;
  color: #334155;
  background: #f8fafc;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-read-btn:hover {
  background: #fff;
  border-color: #94a3b8;
  color: #0f172a;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-card__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid #f1f5f9;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-card__actions-start {
  flex: 1 1 200px;
  min-width: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-card__actions-start--empty {
  display: none;
}

.event-portal-dashboard-page .clubhouse-main .ep-reply-form-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px;
}

.event-portal-dashboard-page .clubhouse-main .ep-reply-hide {
  font-weight: 600;
  border-radius: 10px;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-card__body {
  margin-top: 14px;
  padding-top: 14px;
  border-top: 1px solid #f1f5f9;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-text {
  font-size: 15px;
  line-height: 1.55;
  color: #1e293b;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-card__actions-start .ep-reply-toggle {
  font-weight: 600;
  border-radius: 10px;
}

.event-portal-dashboard-page .clubhouse-main .ep-reply-form-wrap {
  flex: 1 1 100%;
  margin-top: 4px;
}

.event-portal-dashboard-page .clubhouse-main .ep-reply-form-wrap .ep-reply-text {
  margin-bottom: 10px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

.event-portal-dashboard-page .clubhouse-main .ep-org-reply {
  margin-top: 12px;
  padding: 12px;
  background: #f0fdf4;
  border-radius: 8px;
  border: 1px solid #bbf7d0;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-flag-row {
  display: flex;
  justify-content: flex-end;
  margin-top: 12px;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-flag-btn {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: none;
  border: 1px solid #e2e8f0;
  border-radius: 6px;
  padding: 5px 12px;
  font-size: 13px;
  font-weight: 500;
  color: #64748b;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-flag-btn:hover {
  background: #fef2f2;
  border-color: #fca5a5;
  color: #dc2626;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-flag-popup {
  margin-top: 14px;
  padding: 18px 20px;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  background: #fff;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-flag-popup__title {
  font-size: 0.9375rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 4px;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-flag-popup__desc {
  font-size: 0.8125rem;
  color: #475569;
  line-height: 1.5;
  margin: 0 0 14px;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-flag-popup__option {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 0.875rem;
  color: #1e293b;
  padding: 6px 0;
  cursor: pointer;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-flag-popup__option input[type="checkbox"] {
  width: 16px;
  height: 16px;
  flex-shrink: 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-flag-submit {
  display: inline-block;
  margin-top: 14px;
  padding: 8px 20px;
  border: none;
  border-radius: 6px;
  background: #bbf7d0;
  color: #166534;
  font-size: 0.9375rem;
  font-weight: 700;
  cursor: pointer;
  transition: background 0.15s;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-flag-submit:hover {
  background: #a7f3d0;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-flag-submit:disabled {
  opacity: 0.5;
  cursor: default;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-flag-popup__msg {
  font-size: 0.8125rem;
  line-height: 1.5;
  margin: 10px 0 0;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-flag-popup__msg.is-error {
  color: #b91c1c;
}

.event-portal-dashboard-page .clubhouse-main .ep-review-flag-popup__msg.is-success {
  color: #059669;
}

.ep-media-list {
  list-style: disc;
  padding-left: 1.25rem;
}

.event-portal-dashboard-page .ep-mkt-intro {
  max-width: 640px;
  margin-top: 8px;
}

.event-portal-dashboard-page .ep-mkt-intro__heading {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 8px;
}

.event-portal-dashboard-page .ep-mkt-intro__text {
  font-size: 0.9375rem;
  color: #475569;
  line-height: 1.6;
  margin: 0 0 20px;
}

.event-portal-dashboard-page .clubhouse-main .event-portal-panel .ep-mkt-talk-btn.button {
  background-color: #96ff94;
  border: none;
  color: #04132d;
  font-weight: 700;
  font-size: 0.9375rem;
  padding: 14px 28px;
  min-height: 48px;
  border-radius: 8px;
  box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
  transition: background 0.2s;
}

.event-portal-dashboard-page .clubhouse-main .event-portal-panel .ep-mkt-talk-btn.button:hover {
  background-color: #c2ff42;
  color: #04132d;
}

.event-portal-dashboard-page .ep-mkt-talk-btn:disabled {
  opacity: 0.5;
  cursor: default;
}

.event-portal-dashboard-page .ep-mkt-intro__msg {
  font-size: 0.875rem;
  line-height: 1.6;
  margin: 16px 0 0;
}

.event-portal-dashboard-page .ep-mkt-intro__msg.is-error {
  color: #b91c1c;
}

.event-portal-dashboard-page .ep-mkt-intro__confirm {
  font-size: 0.875rem;
  line-height: 1.6;
  color: #059669;
  margin: 0;
}

.event-portal-dashboard-page .ep-contact-rd {
  max-width: 640px;
  margin-top: 8px;
}

.event-portal-dashboard-page .ep-contact-rd__heading {
  font-size: 1.25rem;
  font-weight: 700;
  color: #0f172a;
  margin: 0 0 14px;
}

.event-portal-dashboard-page .ep-contact-rd textarea {
  width: 100%;
  max-width: 100%;
  margin-bottom: 14px;
}

.event-portal-dashboard-page .ep-contact-rd__msg {
  font-size: 0.875rem;
  line-height: 1.6;
  margin: 14px 0 0;
}

.event-portal-dashboard-page .ep-contact-rd__msg.is-error {
  color: #b91c1c;
}

.event-portal-dashboard-page .ep-contact-rd__confirm {
  font-size: 0.875rem;
  line-height: 1.6;
  color: #059669;
  margin: 0;
}

.event-portal-sidebar .sidebar-bottom-links .sidebar-link {
  padding: 8px 4px;
}

.event-portal-dashboard-page .event-portal-sidebar .sidebar-bottom {
  padding: 8px 14px calc(12px + env(safe-area-inset-bottom, 0px));
  margin-bottom: 0;
}

.event-portal-dashboard-page .event-portal-sidebar .sidebar-bottom-links {
  margin-bottom: 2px;
}

.event-portal-dashboard-page .event-portal-sidebar .sidebar-user {
  padding: 4px 8px;
}

/* Add / Claim Event page */
.ep-add-event-panel .clubhouse-page-title {
  margin-bottom: 0.75rem;
}

.ep-add-event-card {
  margin-top: 1rem;
  padding: 22px 24px 24px;
  background: #ffffff;
  border: 1px solid #e2e8f0;
  border-radius: 16px;
}

.event-portal-dashboard-page .clubhouse-main h2.ep-add-event-card__title {
  margin: 0 0 4px !important;
  font-size: 1.125rem;
  font-weight: 700;
  color: #04132d;
}

.ep-add-event-card__count {
  margin: 0 0 16px;
  font-size: 13px;
  color: #6b7280;
}

.ep-add-event-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ep-add-event-list__item {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 12px 0;
  border-top: 1px solid #f1f5f9;
}

.ep-add-event-list__item:last-child {
  padding-bottom: 0;
}

.ep-add-event-list__link {
  flex: 1 1 0%;
  min-width: 0;
  display: flex;
  align-items: center;
  gap: 8px;
  text-decoration: none;
  color: #04132d;
  font-size: 15px;
  font-weight: 600;
  transition: color 0.15s;
}

.ep-add-event-list__link:hover {
  color: #16a34a;
}

.ep-add-event-list__arrow {
  font-size: 20px;
  line-height: 1;
  color: #9ca3af;
  flex-shrink: 0;
}

.ep-add-event-list__link:hover .ep-add-event-list__arrow {
  color: #16a34a;
}

.ep-add-event-list__remove {
  flex-shrink: 0;
  font-size: 12px;
  color: #dc2626;
  background: none;
  border: 1px solid #fecaca;
  border-radius: 6px;
  padding: 4px 10px;
  cursor: pointer;
  transition: background 0.15s, color 0.15s;
}

.ep-add-event-list__remove:hover {
  background: #fef2f2;
  color: #b91c1c;
}

/* Claim section (expandable) */
.ep-add-event-claim {
  padding: 0;
}

.ep-add-event-claim__summary {
  cursor: pointer;
  list-style: none;
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 20px 24px;
  font-size: 1.125rem;
  font-weight: 700;
  color: #04132d;
  line-height: 1.35;
}

.ep-add-event-claim__summary::-webkit-details-marker {
  display: none;
}

.ep-add-event-claim__summary::before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 7px solid #64748b;
  transition: transform 0.15s ease;
  flex-shrink: 0;
}

.ep-add-event-claim[open] > .ep-add-event-claim__summary::before {
  transform: rotate(90deg);
}

.ep-add-event-claim__body {
  padding: 0 24px 24px;
}

.ep-add-event-claim__desc {
  color: #6b7280;
  font-size: 14px;
  margin: 0 0 1rem;
}

/* New Events table */
.ep-new-events-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
}

.ep-new-events-table th {
  text-align: left;
  font-weight: 600;
  color: #64748b;
  font-size: 12px;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  padding: 0 8px 10px;
  border-bottom: 1px solid #e2e8f0;
}

.ep-new-events-table td {
  padding: 12px 8px;
  border-bottom: 1px solid #f1f5f9;
  vertical-align: middle;
}

.ep-new-events-table tr:last-child td {
  border-bottom: none;
}

.ep-new-events-table__name {
  font-weight: 600;
  color: #04132d;
}

.ep-new-events-status {
  display: inline-block;
  font-size: 12px;
  font-weight: 600;
  padding: 3px 10px;
  border-radius: 999px;
}

.ep-new-events-status.is-draft {
  background: #f3f4f6;
  color: #6b7280;
}

.ep-new-events-status.is-pending {
  background: #fef3c7;
  color: #92400e;
}

.ep-new-events-edit {
  font-size: 13px;
  font-weight: 600;
  color: #16a34a;
  text-decoration: none;
}

.ep-new-events-edit:hover {
  text-decoration: underline;
}

/* Pending applications */
.ep-pending-applications__list {
  list-style: none;
  margin: 12px 0 0;
  padding: 0;
}

.ep-pending-applications__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 10px 0;
  border-bottom: 1px solid #f1f5f9;
}

.ep-pending-applications__item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.ep-pending-applications__name {
  font-weight: 600;
  color: #04132d;
  font-size: 14px;
}

/* New event form actions */
.ep-new-event-actions {
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: 1.5rem;
  padding-top: 1.5rem;
  border-top: 1px solid #e2e8f0;
}

.ep-new-event-save-draft {
  border: 1px solid #d1d5db !important;
  background: #fff !important;
  color: #374151 !important;
  padding: 10px 24px !important;
  border-radius: 8px !important;
  font-weight: 600 !important;
  cursor: pointer;
  transition: background 0.15s, border-color 0.15s;
}

.ep-new-event-save-draft:hover {
  background: #f9fafb !important;
  border-color: #9ca3af !important;
}

.ep-new-event-msg {
  margin-top: 0.75rem;
  font-size: 14px;
  min-height: 1.4em;
}

.ep-new-event-msg.is-success {
  color: #16a34a;
}

.ep-new-event-msg.is-error {
  color: #dc2626;
}

.ep-sidebar-add-event {
  display: block;
  padding: 8px 12px;
  font-size: 13px;
  color: #6b7280;
  text-decoration: none;
  transition: color 0.15s;
}

.ep-sidebar-add-event:hover,
.ep-sidebar-add-event.active {
  color: #16a34a;
}

.event-portal-sidebar .sidebar-user .ep-sidebar-placeholder {
  color: #9ca3af;
  font-style: italic;
  font-weight: 400;
}

.ep-account-logout-row {
  margin-top: 2rem;
}

.ep-account-logout-row .ep-logout-btn {
  display: inline-block;
  text-align: center;
  text-decoration: none;
}

.ep-edit-health-summary {
  display: flex;
  align-items: center;
  gap: 16px;
  background: #f8fafc;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  padding: 16px 20px;
  margin-bottom: 1.5rem;
  max-width: 720px;
}

.ep-edit-health-summary__ring {
  position: relative;
  flex-shrink: 0;
  width: 48px;
  height: 48px;
}

.ep-edit-health-summary__pct {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 1;
}

.ep-edit-health-summary__text {
  font-size: 0.875rem;
  line-height: 1.5;
  color: #334155;
}

.ep-edit-health-summary__text strong {
  display: block;
  font-size: 0.9375rem;
  color: #1e293b;
  margin-bottom: 2px;
}

/* FAQ panel inside Event Studio */
.ep-faq-panel .ep-faqs-section {
  margin: 0;
}

.ep-faq-panel .ep-faqs-group {
  margin-bottom: 2rem;
}

.ep-faq-panel .ep-faqs-group__heading {
  font-size: 0.75rem;
  font-weight: 700;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: #1e293b;
  margin: 0 0 0.75rem;
}

.ep-faq-panel .accordion-list {
  width: 100%;
  max-width: 100%;
}

.ep-faq-panel .accordion-list .list {
  border: 1px solid #e2e8f0;
  padding: 0 18px 0 14px;
  background-color: #fff;
  border-radius: 4px;
  overflow: hidden;
  margin-bottom: 12px;
}

.ep-faq-panel .accordion-list .list.show .icon-open {
  opacity: 0;
}

.ep-faq-panel .accordion-list .list-show {
  display: flex;
  position: relative;
  padding: 16px 0;
  cursor: pointer;
}

.ep-faq-panel .accordion-list .list-show p {
  margin: 0;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6;
  color: #1e293b;
  width: calc(100% - 40px);
  transition: color 0.2s;
}

.ep-faq-panel .accordion-list .list-show:hover p {
  color: #16a34a;
}

.ep-faq-panel .accordion-list .list-show span {
  position: absolute;
  right: 0;
  top: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 100%;
  transition: all 0.2s;
}

.ep-faq-panel .accordion-list .list-hide {
  padding: 0 0 16px;
  display: none;
}

.ep-faq-panel .accordion-list .list-hide p {
  font-size: 0.9375rem;
  font-weight: 400;
  line-height: 1.6;
  color: #334155;
  margin: 0;
}

/* Event Studio: align floating hamburger with sidebar close (×) — account for
   body.is-event-portal-dashboard sidebar offset + .clubhouse-sidebar padding-top (16px) */
@media (max-width: 991.98px) {
  .event-portal-sidebar.clubhouse-sidebar .sidebar-expand {
    top: 74px;
  }
}

@media (max-width: 767.98px) {
  .event-portal-sidebar.clubhouse-sidebar .sidebar-expand {
    top: 66px;
  }
}