/* The featured image and existing profile content stay side by side at every size.
   Scope all overrides to the public/internal profile, never the profile editor. */
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout {
  --split-inset: clamp(10px, 2vw, 24px);
  display: grid !important;
  grid-template-columns: minmax(0, 54fr) minmax(0, 46fr) !important;
  /* The embedded viewer has a fixed viewport; rows must keep their content height. */
  grid-template-rows: repeat(5, max-content) !important;
  align-content: start !important;
  align-items: start !important;
  column-gap: 0 !important;
  row-gap: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  max-width: 1180px !important;
  min-height: 100dvh !important;
  background: #050509 !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout > :not(.profile-featured-column) { grid-column: 2 !important; min-width: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout > .profile-featured-column {
  grid-column: 1 !important;
  grid-row: 1 / 4 !important;
  position: relative !important;
  top: 0;
  align-self: stretch;
  min-width: 0;
  min-height: 0;
  height: 100%;
  max-height: none;
  overflow: hidden;
  background: #101017;
  border-right: 1px solid rgba(174, 119, 255, .24);
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-featured-open,
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout #modalImage {
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  width: 100% !important;
  height: 100% !important;
  min-height: 0 !important;
  max-height: none !important;
  padding: 0 !important;
  margin: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  aspect-ratio: auto !important;
  background: none !important;
  box-shadow: none !important;
  cursor: pointer;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout #modalImage[hidden] { display: none !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout #modalImage::before,
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout #modalImage::after { display: none !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-featured-photo {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  /* Preserve the portrait proportions and anchor the crop at the top. */
  height: 100%;
  object-fit: cover;
  object-position: var(--profile-featured-position, center top);
  transition: opacity 160ms ease;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-featured-photo:not([data-image-state="ready"]) { opacity: 0; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-featured-empty {
  display: grid;
  position: absolute;
  inset: 0;
  place-content: center;
  padding: 16px;
  text-align: center;
  font-size: 13px;
  color: #a4a1ad;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout #modalImage:not([hidden]) ~ .profile-featured-empty { display: none; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-summary, .profile-titlebar) {
  grid-row: 1;
  display: block !important;
  position: relative !important;
  min-height: 0 !important;
  height: auto !important;
  margin: 0 !important;
  padding: 44px var(--split-inset) 12px !important;
  border: 0 !important;
  background: none !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-avatar-column, .profile-avatar-frame) { display: none !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-person, .profile-titlebar-person, .modal-identity-stack, .modal-identity, .profile-titlebar-identity) {
  display: block !important;
  position: static !important;
  width: 100% !important;
  max-width: none !important;
  min-width: 0 !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  transform: none !important;
  overflow: visible !important;
  align-content: normal !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-name-row, .profile-modal-name-anchor) { display: block !important; padding: 0 !important; min-width: 0 !important; width: 100% !important; overflow: visible !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(#modalName, .profile-titlebar h1) {
  display: block !important;
  width: auto !important;
  max-width: 100% !important;
  font-size: clamp(24px, 3vw, 38px) !important;
  line-height: 1.15 !important;
  margin: 0 0 6px !important;
  padding: 8px 0 0 !important;
  overflow: visible !important;
  white-space: normal !important;
  text-overflow: clip !important;
  word-break: normal !important;
  overflow-wrap: break-word !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-context, .profile-city) { display: flex !important; align-items: center !important; gap: 5px !important; margin: 0 !important; font-size: 12px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(#modalCity, .profile-city, .profile-titlebar-city) { width: auto !important; max-width: none !important; padding: 0 !important; border: 0 !important; background: none !important; min-height: 0 !important; font-size: clamp(12px, 1.4vw, 16px) !important; line-height: 1.4 !important; transform: none !important; white-space: normal !important; overflow-wrap: anywhere; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-city-icon, .profile-city svg) { width: 16px !important; height: 16px !important; flex: 0 0 16px !important; }
/* Give every name the full column below the report and close controls. */
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-summary, .profile-titlebar):has(> :is(.profile-modal-header-controls, .profile-titlebar-controls)) {
  display: flow-root !important;
  padding-top: 8px !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-header-controls, .profile-titlebar-controls) {
  float: none !important;
  display: flex !important;
  position: relative !important;
  inset: auto !important;
  z-index: 2;
  width: 88px !important;
  height: 44px !important;
  gap: 0 !important;
  margin: 0 0 0 auto !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-header-controls, .profile-titlebar-controls) button { width: 44px !important; height: 44px !important; min-width: 44px !important; min-height: 44px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-modal-header-metrics { margin: 10px 0 0 !important; width: 100% !important; transform: none !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-activity-metrics, .profile-header-metrics) {
  display: grid !important;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, .7fr) minmax(0, 1.25fr) !important;
  position: static !important;
  width: 100% !important;
  gap: 0 !important;
  margin: 10px 0 0 !important;
  padding: 0 !important;
  background: none !important;
  transform: none !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-activity-metrics { margin: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-activity-metrics, .profile-header-metrics) > div { display: flex !important; flex-direction: column !important; justify-content: start !important; align-items: center !important; gap: 3px !important; padding: 0 1px !important; border: 0 !important; min-width: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-activity-metrics, .profile-header-metrics) > div + div { border-left: 1px solid #ffffff1a !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-activity-metrics, .profile-header-metrics) dd { order: 0 !important; margin: 0 !important; font-size: clamp(18px, 2.3vw, 26px) !important; line-height: 1.2 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-activity-metrics, .profile-header-metrics) dt { order: 1 !important; margin: 0 !important; font-size: clamp(10px, 1.1vw, 13px) !important; font-weight: 700 !important; line-height: 1.25 !important; white-space: nowrap !important; text-align: center !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .modal-body { grid-row: 2; padding: 0 var(--split-inset) !important; margin: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .modal-grid { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; padding: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout > .live-actions { grid-row: 2; margin-inline: var(--split-inset) !important; width: auto !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout > .profile-tonight-card { grid-row: 3; margin: 12px var(--split-inset) 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.modal-actions, .live-actions).profile-actions-compact { width: 100% !important; gap: 6px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-actions-compact:not(.profile-venue-actions) > button:first-child:not([aria-pressed="true"])::before {
  border: 1px solid var(--profile-action-border, #34343c) !important;
  background: #160e24 !important;
  box-shadow: none !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-actions-compact .profile-action-main { font-size: clamp(14px, 1.5vw, 17px) !important; gap: 5px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-actions-compact .profile-action-main svg { width: 18px !important; height: 18px !important; flex: 0 0 18px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-tonight-card,
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-tonight-card.has-club-deal:has(> .profile-venue-actions) {
  display: grid !important;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr) !important;
  gap: 6px !important;
  row-gap: 2px !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-tonight-card > :is(.profile-shift-card, .profile-tonight-status, .profile-schedule-card, .profile-current-shift) { grid-column: 1 / -1 !important; min-width: 0 !important; padding: 0 !important; margin: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-venue-destination { min-width: 0 !important; gap: 6px !important; flex-wrap: wrap !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-shift-card, .profile-current-shift) { font-size: 12px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-club-deal-qr-button, .club-deal-profile-action) { min-height: 44px !important; height: 44px !important; max-height: 44px !important; min-width: 0 !important; padding: 0 5px !important; font-size: clamp(14px, 1.5vw, 17px) !important; border-radius: 12px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-club-deal-qr-button, .club-deal-profile-action) svg { width: 14px !important; height: 14px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-tonight-card > .profile-venue-actions.profile-actions-compact { align-self: stretch !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-media, .profile-media-section) { min-width: 0 !important; width: auto !important; margin: 14px var(--split-inset) 0 !important; padding: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-modal-media { grid-row: 3; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-media-section { grid-row: 4; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-media, .profile-media-section)::before { height: 1px !important; margin: 0 !important; background: #ffffff12 !important; box-shadow: none !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-media-tabs, .profile-media-tabs) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; width: 100% !important; margin: 0 0 6px !important; padding: 0 !important; gap: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-media-tabs, .profile-media-tabs) > button { display: flex !important; align-items: center !important; justify-content: center !important; min-width: 0 !important; height: 44px !important; min-height: 44px !important; gap: 4px !important; padding: 0 2px !important; font-size: clamp(11px, 1.3vw, 15px) !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-media-tab-icon { width: 16px !important; height: 16px !important; flex: 0 0 16px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-media-tab-count { width: 18px !important; height: 18px !important; min-width: 18px !important; padding: 0 !important; font-size: 10px !important; line-height: 18px !important; }
/* Match the dancer directory's portrait cards across photo and video galleries. */
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(#modalGallery, .profile-media-grid) { display: grid !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 2px !important; width: 100% !important; padding: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(#modalGallery > .thumb, .profile-media-grid-item) { min-width: 0 !important; width: 100% !important; height: auto !important; min-height: 0 !important; aspect-ratio: 9 / 16 !important; border-radius: 2px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(#modalGallery > .thumb.active, .profile-media-grid-item.is-featured) { outline: 2px solid #a56ce8; outline-offset: -2px; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-scroll-spacer { grid-row: 4; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-featured-open:focus-visible { outline: 2px solid #c798ff !important; outline-offset: -3px; }
@media (min-width: 760px) {
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout { grid-template-columns: minmax(0, 54fr) minmax(0, 46fr) !important; min-height: min(100dvh, 900px) !important; }
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-summary, .profile-titlebar) { padding-top: 48px !important; padding-bottom: 20px !important; }
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-summary, .profile-titlebar):has(> :is(.profile-modal-header-controls, .profile-titlebar-controls)) { padding-top: 12px !important; }
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-modal-header-metrics { margin-top: 14px !important; }
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.modal-actions, .live-actions).profile-actions-compact { --profile-action-height: 52px; }
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-club-deal-qr-button, .club-deal-profile-action) { height: 52px !important; min-height: 52px !important; max-height: 52px !important; }
}
@media (prefers-reduced-motion: reduce) {
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-featured-photo { transition: none; }
}

/* Compact column controls, including the legacy native button faces. */
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout { --split-action-height: 44px; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-titlebar-avatar, .profile-avatar-frame) { display: none !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-titlebar-context, .profile-titlebar-city) { font-size: 12px !important; line-height: 1.4 !important; margin: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-actions-compact :is(#followBtn, #goingBtn, .profile-action-icon-control) {
  --profile-action-face-inset: 0px !important;
  height: var(--split-action-height) !important;
  min-height: var(--split-action-height) !important;
  max-height: var(--split-action-height) !important;
  padding-inline: 5px !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-actions-compact:not(.profile-venue-actions) :is(#followBtn, .profile-action-icon-control):first-child:not(.profile-share-action):not([aria-pressed="true"]):not(.going-btn):not(.profile-action-going)::before {
  border: 1px solid var(--profile-action-border, #34343c) !important;
  background: #160e24 !important;
  box-shadow: none !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-actions-compact :is(#followBtn, #goingBtn, .profile-action-icon-control) .profile-action-main > span:last-child { font-size: clamp(14px, 1.5vw, 17px) !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-tonight-card :is(.profile-club-deal-qr-button, .club-deal-profile-action, .free-entry-cta) {
  height: var(--split-action-height) !important;
  min-height: var(--split-action-height) !important;
  max-height: var(--split-action-height) !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-tonight-card :is(.free-entry-label, .profile-club-deal-action-copy strong) { font-size: clamp(14px, 1.5vw, 17px) !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-shift-card.schedule-live { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-shift-card.schedule-live .profile-schedule-primary { grid-column: 1 !important; grid-row: 1 !important; justify-self: start; margin: 0 !important; font-size: 10px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-shift-card.schedule-live .schedule-stack { grid-column: 1 !important; grid-row: 2 !important; margin: 0 !important; width: 100% !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-shift-card .profile-venue-destination { display: grid !important; grid-template-columns: 18px minmax(0, 1fr) 14px !important; gap: 6px !important; min-height: 44px !important; padding: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-shift-card :is(.profile-venue-name, .profile-working-copy strong) { font-size: clamp(13px, 1.8vw, 22px) !important; white-space: normal !important; text-overflow: clip !important; line-height: 1.25 !important; overflow-wrap: anywhere; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-shift-card :is(.venue-dot, .venue-dot svg, .profile-venue-pin) { width: 18px !important; height: 18px !important; min-width: 18px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-working-destination { grid-template-columns: 18px minmax(0, 1fr) 14px !important; padding: 0 !important; gap: 0 6px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-working-destination .profile-live-state { grid-column: 1 / -1; justify-self: start; font-size: 10px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-working-destination .profile-working-copy { grid-column: 1 / 3; min-height: 44px; display: flex; gap: 6px; align-items: center; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-working-destination .profile-working-cue { grid-column: 3; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(#modalGallery, .profile-media-grid) { grid-auto-rows: auto !important; align-content: start !important; align-items: start !important; min-height: 0 !important; max-width: none !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout #modalGallery > .thumb { align-self: start !important; max-height: none !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-media-grid-item[data-featured] { outline: 2px solid #a56ce8; outline-offset: -2px; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout #modalMediaPosition { border: 0 !important; box-shadow: none !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout > .profile-media-section { padding-bottom: max(132px, env(safe-area-inset-bottom)) !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout > p[role="status"] { grid-row: 5; margin: 12px var(--split-inset); }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout > .live-actions.profile-actions-compact { width: calc(100% - 2 * var(--split-inset)) !important; margin: 0 var(--split-inset) !important; padding: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout > .profile-tonight-card { width: auto !important; min-width: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-media-section { border: 0 !important; border-radius: 0 !important; background: none !important; box-shadow: none !important; overflow: visible !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-titlebar-city { padding: 0 !important; border: 0 !important; border-radius: 0 !important; background: none !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .internal-profile-request { grid-column: 1 / -1 !important; min-width: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .internal-profile-request > .profile-venue-actions {
  height: auto !important;
  min-height: var(--split-action-height) !important;
  max-height: none !important;
  margin: 0 !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .internal-profile-request [data-internal-table-request] {
  height: auto !important;
  min-height: var(--split-action-height) !important;
  max-height: none !important;
  padding: 6px 5px !important;
  border-radius: 12px !important;
  font-size: clamp(14px, 1.5vw, 17px) !important;
  line-height: 1.25 !important;
  white-space: normal !important;
  overflow-wrap: anywhere;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-activity-metrics.is-internal { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-modal-summary .profile-modal-header-metrics .profile-activity-metrics.is-internal dt { width: auto !important; max-width: 100% !important; white-space: normal !important; overflow-wrap: anywhere; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .dancer-profile-preview-status { grid-row: 5; margin: 12px var(--split-inset) 130px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout.dancer-profile-preview-shell > .profile-titlebar > .public-profile-close { position: absolute !important; top: 4px !important; right: 4px !important; }

@media (min-width: 760px) {
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout { --split-action-height: 52px; margin-inline: auto !important; }
}

/* Only the upper identity/actions are split; media keeps the site's vertical grid. */
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout#profileModal > .profile-featured-column { grid-row: 1 / 3 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-media, .profile-media-section) { grid-column: 1 / -1 !important; margin: 16px 0 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-scroll-spacer, .dancer-profile-preview-status, p[role="status"]) { grid-column: 1 / -1 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-tonight-card,
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-tonight-card.has-club-deal:has(> .profile-venue-actions) { grid-template-columns: minmax(0, 1fr) !important; }
/* Keep the two action buttons separated while bringing Free Entry closer to the club. */
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-tonight-card.has-club-deal > .profile-venue-actions.profile-actions-compact { grid-column: 1 !important; grid-row: 3 !important; margin-top: 4px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-tonight-card :is(.profile-club-deal-qr-button, .club-deal-profile-action) { grid-column: 1 !important; grid-row: 2 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-media-tabs, .profile-media-tabs) > button { font-size: clamp(14px, 1.5vw, 18px) !important; min-height: 50px !important; height: 50px !important; gap: 7px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-media-tab-icon { width: 20px !important; height: 20px !important; flex-basis: 20px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-media-tab-count { width: 23px !important; height: 23px !important; min-width: 23px !important; line-height: 23px !important; font-size: 12px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .modal-body { padding-bottom: 16px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout > .profile-tonight-card { margin-bottom: 16px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout.dancer-profile-preview-shell > .profile-featured-column { grid-row: 1 / 2 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout.dancer-profile-preview-shell > .profile-titlebar { min-height: 340px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout.dancer-profile-preview-shell > .profile-media-section { grid-row: 2 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout.dancer-profile-preview-shell > .dancer-profile-preview-status { grid-row: 3 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-titlebar-context, .profile-modal-context) { width: 100% !important; max-width: none !important; padding: 0 !important; overflow: visible !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-media-tab-label { font-size: clamp(14px, 1.5vw, 18px) !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-actions-compact :is(#followBtn, #goingBtn, .profile-action-icon-control)::before { inset: 0 !important; }
@media (min-width: 760px) {
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout > .profile-featured-column { min-height: min(64vw, 760px); }
}

@media (max-width: 360px) {
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-header-metrics, .profile-header-metrics) { width: calc(100% + 8px) !important; margin-left: -4px !important; }
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-activity-metrics, .profile-header-metrics) dt { font-size: 9px !important; }
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-activity-metrics, .profile-header-metrics) > div { padding-inline: 1px !important; }
}

/* One working indicator belongs to the venue; the main portrait stays clear. */
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.schedule-live > .profile-schedule-primary, .profile-working-destination > .profile-live-state) {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: fit-content !important;
  min-height: 16px !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: none !important;
  box-shadow: none !important;
  color: var(--dancr-color-avatar-ring-live, #34e3a4) !important;
  font-size: 10px !important;
  font-weight: 800 !important;
  letter-spacing: .04em !important;
  line-height: 1.4 !important;
  text-transform: uppercase !important;
  text-shadow: none !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.schedule-live > .profile-schedule-primary, .profile-working-destination > .profile-live-state)::before {
  content: "";
  display: block;
  flex: 0 0 6px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: currentColor;
}

/* Keep labels readable and group tonight's details more closely with Follow. */
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(#modalCity, .profile-titlebar-city, .profile-city),
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout :is(.profile-modal-header-metrics .profile-activity-metrics, .profile-header-metrics) dt {
  color: #d1d5db !important;
  -webkit-text-fill-color: #d1d5db !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .modal-grid {
  row-gap: 13px !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout > .profile-tonight-card {
  margin-top: 13px !important;
}

/* Available Going actions should read as tappable while retaining their outline. */
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-actions-compact :is(#goingBtn, .profile-action-going):enabled:not([aria-disabled="true"]) {
  color: #fff !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout .profile-actions-compact :is(#goingBtn, .profile-action-going):enabled:not([aria-disabled="true"]) .profile-action-main > span:last-child {
  color: #fff !important;
  -webkit-text-fill-color: #fff !important;
}


/* Shorter utility faces preserve the full touch target in the narrow column. */
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout
  .profile-actions-compact:not(.profile-venue-actions) :is(#followBtn, .profile-action-icon-control)::before {
  inset: 3px 0 !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout
  .profile-actions-compact:not(.profile-venue-actions) :is(#followBtn, .profile-action-icon-control):is(.profile-share-action, .profile-action-preview-share, .profile-action-share-slot button)::before {
  inset: 3px !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout
  .profile-tonight-card :is(.profile-club-deal-qr-button, .club-deal-profile-action).free-entry-cta {
  box-shadow: 0 3px 12px rgba(124, 58, 237, .18) !important;
}
@media (min-width: 760px) {
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout
    .profile-actions-compact:not(.profile-venue-actions) {
    --profile-action-height: 48px;
    --split-action-height: 48px;
  }
}

/* Refine the existing profile hierarchy without changing its content or actions. */
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) {
  --profile-bottom-nav-clearance: calc(var(--mydancr-preview-banner-offset, 46px) + 92px + env(safe-area-inset-bottom, 0px));
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) :is(#modalName, .profile-titlebar h1) {
  font-size: clamp(26px, 3.1vw, 40px) !important;
  font-weight: 750 !important;
  line-height: 1.12 !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) :is(#modalCity, .profile-titlebar-city, .profile-city) {
  font-size: clamp(11.5px, 1.3vw, 15px) !important;
  font-weight: 600 !important;
  color: #9ca3af !important;
  -webkit-text-fill-color: #9ca3af !important;
  box-shadow: none !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) :is(.profile-modal-summary, .profile-titlebar) { padding-bottom: 14px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) :is(.profile-modal-header-metrics, .profile-header-metrics) { margin-top: 12px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) :is(.profile-activity-metrics, .profile-header-metrics) {
  height: auto !important;
  min-height: 0 !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) :is(.profile-activity-metrics, .profile-header-metrics) > div {
  min-height: 0 !important;
  gap: 3px !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) :is(.profile-activity-metrics, .profile-header-metrics) > div + div { border-left-color: #ffffff30 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) :is(.profile-activity-metrics, .profile-header-metrics) dd {
  color: #f8fafc !important;
  font-variant-numeric: tabular-nums;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) :is(.profile-activity-metrics, .profile-header-metrics) dt {
  font-size: clamp(9.5px, 1.05vw, 12px) !important;
  font-weight: 600 !important;
  line-height: 1.2 !important;
  color: #a4a8b3 !important;
  -webkit-text-fill-color: #a4a8b3 !important;
}
/* Use the existing button faces; the outer 44px-or-larger hit areas stay intact. */
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) .profile-actions-compact:not(.profile-venue-actions) :is(#followBtn, .profile-action-icon-control) {
  padding-inline: 4px !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) .profile-actions-compact:not(.profile-venue-actions) :is(#followBtn, .profile-action-icon-control):not([aria-pressed="true"]):not(:hover):not(:active):enabled {
  --profile-action-border: #292932 !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) .profile-actions-compact:not(.profile-venue-actions) :is(#followBtn, .profile-action-icon-control)::before { inset: 4px 1px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) .profile-actions-compact:not(.profile-venue-actions) :is(#followBtn, .profile-action-icon-control):is(.profile-share-action, .profile-action-share-slot button)::before {
  inset: 5px !important;
  background: #0c0c12 !important;
}
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) .profile-actions-compact :is(#goingBtn, .profile-action-going)::before { inset: 3px 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) .modal-grid { row-gap: 10px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) > .profile-tonight-card { margin-top: 10px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) .profile-tonight-card { row-gap: 6px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) .profile-tonight-card.has-club-deal > .profile-venue-actions.profile-actions-compact { margin-top: 0 !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) :is(.schedule-live > .profile-schedule-primary, .profile-working-destination > .profile-live-state) { min-height: 14px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) .profile-shift-card .profile-venue-destination,
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) .profile-working-destination { grid-template-columns: 16px minmax(0, 1fr) 12px !important; column-gap: 6px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) .profile-working-destination .profile-working-copy { gap: 6px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) .profile-shift-card :is(.venue-dot, .venue-dot svg, .profile-venue-pin) {
  width: 16px !important;
  height: 16px !important;
  min-width: 16px !important;
  flex: 0 0 16px !important;
}
/* Connect the profile to its existing tabs; keep every media tile unchanged. */
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) .modal-body { padding-bottom: 8px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) > .profile-tonight-card { margin-bottom: 8px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) :is(.profile-modal-media, .profile-media-section) { margin-top: 8px !important; }
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) :is(.profile-modal-media-tabs, .profile-media-tabs) > button.active::after {
  height: 1px !important;
  box-shadow: none !important;
}
/* The standalone page already gets dock clearance from the body. The modal
   scrolls independently and uses its existing spacer, including safe areas. */
html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) > .profile-media-section { padding-bottom: 16px !important; }
@media (max-width: 360px) {
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) :is(.profile-activity-metrics, .profile-header-metrics) dt { font-size: 9px !important; }
}
@media (min-width: 760px) {
  html body.dancr-button-system :is(#profileBackdrop #profileModal, .public-profile-shell).profile-split-layout:not(.dancer-profile-preview-shell) { --profile-bottom-nav-clearance: calc(var(--mydancr-preview-banner-offset, 34px) + 16px); }
}
html.internal-profile-embed body.dancr-button-system #profileBackdrop #profileModal.profile-split-layout {
  --profile-bottom-nav-clearance: calc(var(--mydancr-preview-banner-offset, 46px) + 16px);
}