/*
 * Dex's Midnight Rainbow Theme
 * Stark monochrome terminal aesthetic — white on black, no colors
 * The irony: "rainbow" promises color but delivers none
 * Completely self-contained - does not depend on main application styles
 */

/* ===== CSS Base (scoped) ===== */
.themed-page.theme-dexs-midnight-rainbow {
  box-sizing: border-box;
}

.themed-page.theme-dexs-midnight-rainbow *,
.themed-page.theme-dexs-midnight-rainbow *::before,
.themed-page.theme-dexs-midnight-rainbow *::after {
  box-sizing: inherit;
}

/* ===== NO ROUNDED CORNERS - ANYWHERE ===== */
.themed-page.theme-dexs-midnight-rainbow *,
.themed-page.theme-dexs-midnight-rainbow *::before,
.themed-page.theme-dexs-midnight-rainbow *::after {
  border-radius: 0 !important;
}

/* Heading underlines - sharp, no rounded caps */
.themed-page.theme-dexs-midnight-rainbow h2::after,
.themed-page.theme-dexs-midnight-rainbow h3::after {
  border-radius: 0 !important;
}

/* Cities megamenu - no rounded corners */
.themed-page.theme-dexs-midnight-rainbow #cityDropdown,
.themed-page.theme-dexs-midnight-rainbow #cityDropdown *,
.themed-page.theme-dexs-midnight-rainbow .city-dropdown *,
.themed-page.theme-dexs-midnight-rainbow [class*="city"] * {
  border-radius: 0 !important;
}

/* ===== CSS Variables ===== */
:root {
  /* Base colors - pure monochrome */
  --dmr-black: #000000;
  --dmr-surface: #0a0a0a;
  --dmr-elevated: #141414;
  --dmr-border: #333333;
  --dmr-border-light: #222222;

  /* Text colors */
  --dmr-white: #ffffff;
  --dmr-text-secondary: #888888;
  --dmr-text-muted: #555555;
  --dmr-text-dim: #444444;

  /* Terminal dots - greyscale only */
  --dmr-dot-1: #555555;
  --dmr-dot-2: #777777;
  --dmr-dot-3: #999999;

  /* Typography */
  --dmr-font: 'JetBrains Mono', 'Fira Code', 'SF Mono', Consolas, 'Liberation Mono', monospace;
  --dmr-font-size: 15px;
  --dmr-line-height: 1.7;
}

/* ===== Page Base ===== */
.themed-page.theme-dexs-midnight-rainbow {
  font-family: var(--dmr-font);
  font-size: var(--dmr-font-size);
  line-height: var(--dmr-line-height);
  background-color: var(--dmr-black);
  color: var(--dmr-white);
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ===== Global Layout Overrides (Themed Full Page) ===== */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header {
  background-color: var(--dmr-black) !important;
  border-color: var(--dmr-border) !important;
  border-bottom: 1px solid var(--dmr-border) !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-site-header,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header a,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-site-logo-text {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-site-logo img {
  max-height: 2.1rem !important;
  width: 46vw;
  max-width: 220px !important;
  filter: grayscale(100%) brightness(1.2) drop-shadow(0 0 2px rgba(255, 255, 255, 0.08)) !important;
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

/* Logo link wrapper - remove any border */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-site-logo,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-site-logo a {
  border: none !important;
  outline: none !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-tab-link,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-tab-link-active,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-tab-link:visited,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-tab-link:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-tab-link:focus {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-button,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-button-low-profile-white,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-button-outline {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-button,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-button-low-profile-white {
  background-color: var(--dmr-black) !important;
  border-color: var(--dmr-text-secondary) !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-button-outline {
  background-color: var(--dmr-black) !important;
  border-color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-site-header summary a,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header summary a:visited,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header summary a:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header summary a:focus {
  background-color: var(--dmr-black) !important;
  border-color: var(--dmr-text-secondary) !important;
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-site-header summary a span {
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-site-header a.tw-nav-mobile,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header a.tw-nav-mobile:visited,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header a.tw-nav-mobile:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header a.tw-nav-mobile:focus {
  background-color: var(--dmr-black) !important;
  border-color: var(--dmr-text-secondary) !important;
  color: var(--dmr-white) !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-header-signin,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-header-signin:visited,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-header-signin:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .tw-header-signin:focus {
  background-color: var(--dmr-white) !important;
  border-color: var(--dmr-white) !important;
  color: var(--dmr-black) !important;
}

.themed-page.theme-dexs-midnight-rainbow [aria-label="Breadcrumb"] a,
.themed-page.theme-dexs-midnight-rainbow [aria-label="Breadcrumb"] span {
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow footer {
  background-color: var(--dmr-black) !important;
  border-color: var(--dmr-border) !important;
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow footer a {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow footer.bg-white {
  background-color: var(--dmr-black) !important;
}

.themed-page.theme-dexs-midnight-rainbow footer .text-slate-500,
.themed-page.theme-dexs-midnight-rainbow footer .text-slate-600,
.themed-page.theme-dexs-midnight-rainbow footer .text-slate-400,
.themed-page.theme-dexs-midnight-rainbow footer .text-muted {
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow footer.border-slate-200 {
  border-color: var(--dmr-border) !important;
}

.themed-page.theme-dexs-midnight-rainbow footer.border-t.border-slate-200.bg-white {
  background-color: var(--dmr-black) !important;
}

/* ===== Contact + Subscribe Cards ===== */
.themed-page.theme-dexs-midnight-rainbow .contact-us-message,
.themed-page.theme-dexs-midnight-rainbow .subscribe-form {
  background-color: var(--dmr-surface) !important;
  border-color: var(--dmr-border) !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .contact-us-message .contact-us-heading,
.themed-page.theme-dexs-midnight-rainbow .subscribe-form h3,
.themed-page.theme-dexs-midnight-rainbow .subscribe-form h4,
.themed-page.theme-dexs-midnight-rainbow .subscribe-form label {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .contact-us-message .contact-us-subheading,
.themed-page.theme-dexs-midnight-rainbow .subscribe-form p,
.themed-page.theme-dexs-midnight-rainbow .subscribe-form .text-slate-500 {
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow .contact-us-message .bg-slate-50,
.themed-page.theme-dexs-midnight-rainbow .subscribe-form .bg-white {
  background-color: var(--dmr-black) !important;
}

.themed-page.theme-dexs-midnight-rainbow .contact-us-message .rounded-full.bg-indigo-50 {
  background-color: var(--dmr-elevated) !important;
  border: 1px solid var(--dmr-border) !important;
  color: var(--dmr-white) !important;
  border-radius: 0 !important;
}

.themed-page.theme-dexs-midnight-rainbow .contact-us-message .rounded-full.bg-indigo-50 .fa {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-event-icon,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .rounded-full.bg-\[\#eef2ff\],
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .rounded-full.bg-slate-100,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .rounded-full.bg-slate-50 {
  background-color: var(--dmr-elevated) !important;
  border: 1px solid var(--dmr-border) !important;
  color: var(--dmr-white) !important;
  border-radius: 0 !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-event-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3rem;
  height: 3rem;
  border-radius: 0 !important;
  background-color: var(--dmr-elevated) !important;
  border: 1px solid var(--dmr-border) !important;
  color: var(--dmr-white) !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-event-icon .fa,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .rounded-full.bg-\[\#eef2ff\] .fa,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .rounded-full.bg-slate-100 .fa,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .rounded-full.bg-slate-50 .fa {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .subscribe-form input,
.themed-page.theme-dexs-midnight-rainbow .subscribe-form textarea {
  background-color: var(--dmr-black) !important;
  border-color: var(--dmr-border) !important;
  color: var(--dmr-white) !important;
}

/* ===== Event/Attendee Panels ===== */
.themed-page.theme-dexs-midnight-rainbow .page-editor-controls {
  background-color: var(--dmr-surface) !important;
  border-color: var(--dmr-border) !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .page-editor-controls__toggle {
  background-color: var(--dmr-elevated) !important;
  border: 1px solid var(--dmr-border) !important;
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .page-editor-controls .text-slate-900,
.themed-page.theme-dexs-midnight-rainbow .page-editor-controls .text-slate-800,
.themed-page.theme-dexs-midnight-rainbow .page-editor-controls .text-slate-700 {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .page-editor-controls .text-slate-500,
.themed-page.theme-dexs-midnight-rainbow .page-editor-controls .text-slate-400 {
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow .page-editor-controls .border-indigo-100,
.themed-page.theme-dexs-midnight-rainbow .page-editor-controls .border-indigo-100\/50,
.themed-page.theme-dexs-midnight-rainbow .page-editor-controls .border-slate-200 {
  border-color: var(--dmr-border) !important;
}

.themed-page.theme-dexs-midnight-rainbow .page-editor-controls .tw-button,
.themed-page.theme-dexs-midnight-rainbow .page-editor-controls .tw-button-secondary,
.themed-page.theme-dexs-midnight-rainbow .page-editor-controls .tw-button-outline,
.themed-page.theme-dexs-midnight-rainbow .page-editor-controls .tw-button-low-profile-white,
.themed-page.theme-dexs-midnight-rainbow .page-editor-controls .tw-button-brand {
  background-color: var(--dmr-surface) !important;
  border-color: var(--dmr-text-secondary) !important;
  color: var(--dmr-white) !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .page-editor-controls__inline-toggle {
  background-color: var(--dmr-surface) !important;
  border-color: var(--dmr-border) !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .page-editor-controls__inline-toggle-label {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .page-editor-controls__inline-toggle-switch {
  position: relative !important;
  display: inline-block !important;
  width: 2.5rem !important;
  height: 1.5rem !important;
  flex: 0 0 auto !important;
  vertical-align: middle !important;
  user-select: none !important;
  border-radius: 9999px !important;
}

.themed-page.theme-dexs-midnight-rainbow .page-editor-controls__inline-toggle .toggle-label {
  display: block !important;
  width: 2.5rem !important;
  height: 1.5rem !important;
  background-color: var(--dmr-border) !important;
  border-color: var(--dmr-border) !important;
  border-style: solid !important;
  border-width: 1px !important;
  border-radius: 9999px !important;
}

.themed-page.theme-dexs-midnight-rainbow .page-editor-controls__inline-toggle .toggle-checkbox {
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  display: block !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
  margin: 0 !important;
  transform: translateX(0) !important;
  transition: all 0.3s !important;
  appearance: none !important;
  -webkit-appearance: none !important;
  background-color: var(--dmr-white) !important;
  border-color: var(--dmr-white) !important;
  border-style: solid !important;
  border-width: 4px !important;
  box-shadow: none !important;
  cursor: pointer !important;
  opacity: 1 !important;
  z-index: 1 !important;
  border-radius: 9999px !important;
}

.themed-page.theme-dexs-midnight-rainbow .page-editor-controls__inline-toggle .toggle-checkbox:checked {
  left: 100% !important;
  transform: translateX(-100%) !important;
  border-color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .page-editor-controls__inline-toggle .toggle-checkbox:checked + .toggle-label {
  background-color: var(--dmr-text-secondary) !important;
  border-color: var(--dmr-text-secondary) !important;
}

/* ===== Form Fields (Dark Mode) ===== */
.themed-page.theme-dexs-midnight-rainbow input[type="text"],
.themed-page.theme-dexs-midnight-rainbow input[type="email"],
.themed-page.theme-dexs-midnight-rainbow input[type="url"],
.themed-page.theme-dexs-midnight-rainbow input[type="tel"],
.themed-page.theme-dexs-midnight-rainbow input[type="search"],
.themed-page.theme-dexs-midnight-rainbow input[type="password"],
.themed-page.theme-dexs-midnight-rainbow textarea,
.themed-page.theme-dexs-midnight-rainbow select {
  background-color: var(--dmr-surface) !important;
  border-color: var(--dmr-border) !important;
  color: var(--dmr-white) !important;
  box-shadow: none !important;
  font-size: 16px !important;
  border-radius: 0 !important;
}

.themed-page.theme-dexs-midnight-rainbow input[type="text"]::placeholder,
.themed-page.theme-dexs-midnight-rainbow input[type="email"]::placeholder,
.themed-page.theme-dexs-midnight-rainbow input[type="url"]::placeholder,
.themed-page.theme-dexs-midnight-rainbow input[type="tel"]::placeholder,
.themed-page.theme-dexs-midnight-rainbow input[type="search"]::placeholder,
.themed-page.theme-dexs-midnight-rainbow input[type="password"]::placeholder,
.themed-page.theme-dexs-midnight-rainbow textarea::placeholder {
  color: var(--dmr-text-muted) !important;
  font-size: 16px !important;
}

.themed-page.theme-dexs-midnight-rainbow input[type="text"]:focus,
.themed-page.theme-dexs-midnight-rainbow input[type="email"]:focus,
.themed-page.theme-dexs-midnight-rainbow input[type="url"]:focus,
.themed-page.theme-dexs-midnight-rainbow input[type="tel"]:focus,
.themed-page.theme-dexs-midnight-rainbow input[type="search"]:focus,
.themed-page.theme-dexs-midnight-rainbow input[type="password"]:focus,
.themed-page.theme-dexs-midnight-rainbow textarea:focus,
.themed-page.theme-dexs-midnight-rainbow select:focus {
  border-color: var(--dmr-text-secondary) !important;
  outline: none !important;
}

/* ===== RSVP Form ===== */
.themed-page.theme-dexs-midnight-rainbow .rsvp-card,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel {
  background-color: var(--dmr-surface) !important;
  border-color: var(--dmr-border) !important;
  color: var(--dmr-white) !important;
  font-size: 16px !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-card label,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel label,
.themed-page.theme-dexs-midnight-rainbow .rsvp-card .text-sm,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .text-sm,
.themed-page.theme-dexs-midnight-rainbow .rsvp-card .text-xs,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .text-xs {
  font-size: 16px !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-card p,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel p {
  font-size: 16px !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-card {
  background-image: none !important;
  border-width: 1px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .bg-white {
  background-color: var(--dmr-surface) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .border-slate-200 {
  border-color: var(--dmr-border) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .shadow-sm,
.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .shadow-lg {
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .bg-slate-50\/60 {
  background-color: var(--dmr-elevated) !important;
  border-color: var(--dmr-border) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .bg-indigo-50 {
  background-color: var(--dmr-elevated) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .text-indigo-300 {
  color: var(--dmr-text-muted) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .text-slate-900 {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .text-slate-500 {
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .text-slate-400 {
  color: var(--dmr-text-muted) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .border-slate-100 {
  border-color: var(--dmr-border) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .bg-emerald-100 {
  background-color: var(--dmr-elevated) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .text-emerald-500,
.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .text-emerald-600 {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .bg-blue-600 {
  background-color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .bg-blue-100 {
  background-color: var(--dmr-elevated) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .text-blue-600 {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .bg-slate-100 {
  background-color: var(--dmr-elevated) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .bg-slate-200 {
  background-color: var(--dmr-border) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here .text-xs.text-slate-500 {
  color: var(--dmr-text-muted) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .bg-white {
  background-color: var(--dmr-surface) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .border-slate-200 {
  border-color: var(--dmr-border) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .text-slate-900,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .text-slate-800,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .text-slate-700 {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .text-slate-600,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .text-slate-500 {
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-panel h3,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel h4,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel h5,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel h6 {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-panel h3::before,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel h4::before,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel h5::before,
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel h6::before {
  content: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel .bg-white {
  background-color: var(--dmr-surface) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel .text-slate-900,
.themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel .text-slate-800,
.themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel .text-slate-700 {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel .text-slate-600,
.themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel .text-slate-500,
.themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel .text-slate-400 {
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .rounded-full[class*="bg-[#eef2ff]"] {
  background-color: var(--dmr-elevated) !important;
  border: 1px solid var(--dmr-border) !important;
  color: var(--dmr-white) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-panel .rounded-full[class*="bg-[#eef2ff]"] .fa {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel .border-slate-200 {
  border-color: var(--dmr-border) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel {
  background-color: var(--dmr-surface) !important;
  border: 1px solid var(--dmr-border) !important;
  border-radius: 0 !important;
  padding: 1.25rem !important;
}

@media (min-width: 768px) {
  .themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel > .flex {
    align-items: flex-start !important;
  }

  .themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel > .flex > div {
    width: 50% !important;
  }

  .themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel > .flex > div + div {
    margin-top: 0 !important;
  }
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel .shadow-sm,
.themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel .shadow-lg {
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel .bg-rose-600 {
  background-color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-info-panel .text-white {
  color: var(--dmr-black) !important;
}

.themed-page.theme-dexs-midnight-rainbow .render-meetup-rsvp-here {
  margin: 0 !important;
  padding: 0 !important;
}

.themed-page.theme-dexs-midnight-rainbow #meetup-rsvp-form {
  margin: 0 !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-panel {
  padding: 0 !important;
  background-color: transparent !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-card {
  margin: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow article.story {
  background-color: var(--dmr-black) !important;
  border-color: var(--dmr-border) !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow article.bg-white {
  background-color: var(--dmr-black) !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .themed-container {
  max-width: 900px;
  margin: 0 auto;
  padding: 0;
}

/* ===== Terminal Chrome ===== */
.themed-page.theme-dexs-midnight-rainbow .terminal-chrome {
  background-color: var(--dmr-surface);
  border: 1px solid var(--dmr-border);
  margin: 2rem 1rem;
}

.themed-page.theme-dexs-midnight-rainbow .terminal-header {
  background-color: var(--dmr-elevated);
  padding: 0.75rem 1rem;
  display: flex;
  align-items: center;
  gap: 0.5rem;
  border-bottom: 1px solid var(--dmr-border);
}

.themed-page.theme-dexs-midnight-rainbow .terminal-dots {
  display: flex;
  gap: 8px;
}

.themed-page.theme-dexs-midnight-rainbow .terminal-dot {
  width: 12px;
  height: 12px;
  border-radius: 50%;
}

/* Greyscale dots - no colors */
.themed-page.theme-dexs-midnight-rainbow .terminal-dot--close { background-color: var(--dmr-dot-1); }
.themed-page.theme-dexs-midnight-rainbow .terminal-dot--minimize { background-color: var(--dmr-dot-2); }
.themed-page.theme-dexs-midnight-rainbow .terminal-dot--maximize { background-color: var(--dmr-dot-3); }

.themed-page.theme-dexs-midnight-rainbow .terminal-title {
  flex: 1;
  text-align: center;
  font-size: 13px;
  color: var(--dmr-text-muted);
  margin-left: -60px; /* Center accounting for dots */
}

.themed-page.theme-dexs-midnight-rainbow .terminal-body {
  padding: 2rem;
  background-color: var(--dmr-black);
}

/* ===== Typography ===== */
.themed-page.theme-dexs-midnight-rainbow h1,
.themed-page.theme-dexs-midnight-rainbow h2,
.themed-page.theme-dexs-midnight-rainbow h3,
.themed-page.theme-dexs-midnight-rainbow h4,
.themed-page.theme-dexs-midnight-rainbow h5,
.themed-page.theme-dexs-midnight-rainbow h6 {
  color: var(--dmr-white);
  font-weight: 600;
  margin-top: 2rem;
  margin-bottom: 1rem;
  line-height: 1.3;
}

.themed-page.theme-dexs-midnight-rainbow h1 { font-size: 28px; }
.themed-page.theme-dexs-midnight-rainbow h2 { font-size: 24px; }
.themed-page.theme-dexs-midnight-rainbow h3 { font-size: 20px; }
.themed-page.theme-dexs-midnight-rainbow h4 { font-size: 18px; }
.themed-page.theme-dexs-midnight-rainbow h5 { font-size: 17px; }
.themed-page.theme-dexs-midnight-rainbow h6 { font-size: 16px; }

/* Header prefix markers */
.themed-page.theme-dexs-midnight-rainbow h2::before {
  content: "## ";
  color: var(--dmr-text-muted);
  font-weight: 400;
}

.themed-page.theme-dexs-midnight-rainbow h3::before {
  content: "### ";
  color: var(--dmr-text-muted);
  font-weight: 400;
}

.themed-page.theme-dexs-midnight-rainbow p {
  margin-bottom: 2rem;
  color: var(--dmr-text-secondary) !important;
}

/* More space between paragraphs in body content */
.themed-page.theme-dexs-midnight-rainbow .show-page-body p {
  margin-bottom: 2.25rem;
}

.themed-page.theme-dexs-midnight-rainbow strong,
.themed-page.theme-dexs-midnight-rainbow b {
  color: var(--dmr-white);
  font-weight: 600;
}

.themed-page.theme-dexs-midnight-rainbow em,
.themed-page.theme-dexs-midnight-rainbow i {
  font-style: italic;
  color: var(--dmr-text-secondary);
}

/* ===== Links ===== */
.themed-page.theme-dexs-midnight-rainbow a {
  color: var(--dmr-white);
  text-decoration: underline;
  transition: color 0.15s ease;
}

.themed-page.theme-dexs-midnight-rainbow a:hover {
  color: var(--dmr-text-secondary);
}

.themed-page.theme-dexs-midnight-rainbow a:visited {
  color: var(--dmr-text-secondary);
}

/* ===== Lists ===== */
.themed-page.theme-dexs-midnight-rainbow ul,
.themed-page.theme-dexs-midnight-rainbow ol {
  margin-bottom: 1.25rem;
  padding-left: 1.5rem;
}

.themed-page.theme-dexs-midnight-rainbow li {
  margin-bottom: 0.5rem;
  color: var(--dmr-text-secondary);
}

.themed-page.theme-dexs-midnight-rainbow ul li::marker {
  color: var(--dmr-text-muted);
}

.themed-page.theme-dexs-midnight-rainbow ol li::marker {
  color: var(--dmr-text-muted);
}

/* ===== Code & Pre ===== */
.themed-page.theme-dexs-midnight-rainbow code {
  font-family: var(--dmr-font);
  font-size: 0.9em;
  background-color: var(--dmr-elevated);
  color: var(--dmr-text-secondary);
  padding: 0.2em 0.4em;
  border: 1px solid var(--dmr-border);
}

.themed-page.theme-dexs-midnight-rainbow pre {
  font-family: var(--dmr-font);
  font-size: 14px;
  background-color: var(--dmr-surface);
  color: var(--dmr-text-secondary);
  padding: 1rem;
  margin-bottom: 1.25rem;
  border: 1px dashed var(--dmr-border);
  overflow-x: auto;
  line-height: 1.6;
}

.themed-page.theme-dexs-midnight-rainbow pre code {
  background: none;
  padding: 0;
  border: none;
  color: inherit;
}

/* ===== Blockquotes ===== */
.themed-page.theme-dexs-midnight-rainbow blockquote {
  border-left: 2px solid var(--dmr-text-dim);
  background-color: var(--dmr-surface);
  padding: 1rem 1.25rem;
  margin: 1.25rem 0;
  color: var(--dmr-text-secondary);
}

.themed-page.theme-dexs-midnight-rainbow blockquote p:last-child {
  margin-bottom: 0;
}

/* ===== Horizontal Rules ===== */
.themed-page.theme-dexs-midnight-rainbow hr {
  border: none;
  border-top: 1px dashed var(--dmr-border);
  margin: 2rem 0;
}

/* ===== Tables ===== */
.themed-page.theme-dexs-midnight-rainbow table {
  width: 100%;
  border-collapse: collapse;
  margin-bottom: 1.25rem;
  font-size: 14px;
}

.themed-page.theme-dexs-midnight-rainbow thead {
  background-color: var(--dmr-elevated);
}

.themed-page.theme-dexs-midnight-rainbow th {
  text-align: left;
  padding: 0.75rem 1rem;
  font-weight: 600;
  color: var(--dmr-white);
  border: 1px solid var(--dmr-border);
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.05em;
}

.themed-page.theme-dexs-midnight-rainbow td {
  padding: 0.75rem 1rem;
  border: 1px solid var(--dmr-border);
  color: var(--dmr-text-secondary);
}

.themed-page.theme-dexs-midnight-rainbow tbody tr:nth-child(odd),
.themed-page.theme-dexs-midnight-rainbow tbody tr:nth-child(odd) td {
  background-color: var(--dmr-surface) !important;
}

.themed-page.theme-dexs-midnight-rainbow tbody tr:nth-child(even),
.themed-page.theme-dexs-midnight-rainbow tbody tr:nth-child(even) td {
  background-color: var(--dmr-black) !important;
}

.themed-page.theme-dexs-midnight-rainbow tbody tr:hover {
  background-color: var(--dmr-elevated);
}

/* ===== Slider (Info Slider) ===== */
.themed-page.theme-dexs-midnight-rainbow .slider-container {
  background-color: var(--dmr-surface) !important;
  border: 1px solid var(--dmr-border) !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .slider-container .left-arrow,
.themed-page.theme-dexs-midnight-rainbow .slider-container .right-arrow {
  background-color: transparent !important;
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .slider-container .slide span,
.themed-page.theme-dexs-midnight-rainbow .slider-container blockquote,
.themed-page.theme-dexs-midnight-rainbow .slider-container .byline {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .slider-indicators .slider-dot {
  background-color: var(--dmr-text-muted) !important;
}

.themed-page.theme-dexs-midnight-rainbow .slider-indicators .slider-dot.active {
  background-color: var(--dmr-white) !important;
}

/* ===== Info Boxes ===== */
.themed-page.theme-dexs-midnight-rainbow .info-box {
  background-color: var(--dmr-surface);
  padding: 1rem 1.25rem;
  margin: 1.25rem 0;
  border-left: 2px solid var(--dmr-text-dim);
  position: relative;
}

/* All info box types are the same grey - no colors */
.themed-page.theme-dexs-midnight-rainbow .info-box--insight,
.themed-page.theme-dexs-midnight-rainbow .info-box--thesis,
.themed-page.theme-dexs-midnight-rainbow .info-box--warning,
.themed-page.theme-dexs-midnight-rainbow .info-box--success {
  border-left-color: var(--dmr-text-dim);
}

.themed-page.theme-dexs-midnight-rainbow .info-box__label {
  position: absolute;
  top: -0.6em;
  left: 1rem;
  background-color: var(--dmr-surface);
  padding: 0 0.5em;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  color: var(--dmr-text-muted);
}

/* ===== Data/App Entries ===== */
.themed-page.theme-dexs-midnight-rainbow .data-entry {
  border: 1px solid var(--dmr-border);
  margin-bottom: 1rem;
}

.themed-page.theme-dexs-midnight-rainbow .data-entry__header {
  background-color: var(--dmr-elevated);
  padding: 0.75rem 1rem;
  font-weight: 600;
  color: var(--dmr-white);
  border-bottom: 1px solid var(--dmr-border);
}

.themed-page.theme-dexs-midnight-rainbow .data-entry__body {
  background-color: var(--dmr-surface);
  padding: 1rem;
}

.themed-page.theme-dexs-midnight-rainbow .data-entry__field {
  display: flex;
  margin-bottom: 0.5rem;
}

.themed-page.theme-dexs-midnight-rainbow .data-entry__field:last-child {
  margin-bottom: 0;
}

.themed-page.theme-dexs-midnight-rainbow .data-entry__label {
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  color: var(--dmr-text-muted);
  min-width: 120px;
}

.themed-page.theme-dexs-midnight-rainbow .data-entry__value {
  color: var(--dmr-text-secondary);
}

/* ===== Badges/Tags ===== */
.themed-page.theme-dexs-midnight-rainbow .badge {
  display: inline-block;
  padding: 0.25em 0.75em;
  font-size: 11px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  background-color: var(--dmr-border);
  color: var(--dmr-text-secondary);
}

/* All badge variants are the same grey - no colors */
.themed-page.theme-dexs-midnight-rainbow .badge--green,
.themed-page.theme-dexs-midnight-rainbow .badge--yellow,
.themed-page.theme-dexs-midnight-rainbow .badge--peach,
.themed-page.theme-dexs-midnight-rainbow .badge--mauve,
.themed-page.theme-dexs-midnight-rainbow .badge--pink {
  background-color: var(--dmr-border);
  color: var(--dmr-text-secondary);
}

/* ===== ASCII Decorations ===== */
.themed-page.theme-dexs-midnight-rainbow .ascii-box {
  font-family: var(--dmr-font);
  white-space: pre;
  color: var(--dmr-text-muted);
  line-height: 1.2;
}

/* ===== Comment-style subtitles ===== */
.themed-page.theme-dexs-midnight-rainbow .comment-subtitle {
  color: var(--dmr-text-muted);
  font-style: italic;
  margin-bottom: 1rem;
}

.themed-page.theme-dexs-midnight-rainbow .comment-subtitle::before {
  content: "// ";
}

/* ===== EOF Marker ===== */
.themed-page.theme-dexs-midnight-rainbow .eof-marker {
  text-align: center;
  color: var(--dmr-text-muted);
  margin-top: 3rem;
  padding-top: 1rem;
  border-top: 1px dashed var(--dmr-border);
  font-size: 12px;
  letter-spacing: 0.1em;
}

.themed-page.theme-dexs-midnight-rainbow .eof-marker::before {
  content: "--- EOF ---";
}

/* ===== Images ===== */
.themed-page.theme-dexs-midnight-rainbow img {
  max-width: 100%;
  height: auto;
  border: none;
  margin: 1rem 0;
  filter: grayscale(100%);
}

.themed-page.theme-dexs-midnight-rainbow img:hover {
  filter: grayscale(0%);
}

.themed-page.theme-dexs-midnight-rainbow figure {
  margin: 1.5rem 0;
}

.themed-page.theme-dexs-midnight-rainbow figcaption {
  font-size: 13px;
  color: var(--dmr-text-muted);
  margin-top: 0.5rem;
  font-style: italic;
}

/* ===== Buttons ===== */
.themed-page.theme-dexs-midnight-rainbow .btn,
.themed-page.theme-dexs-midnight-rainbow .tw-button,
.themed-page.theme-dexs-midnight-rainbow .tw-button-brand {
  background-color: var(--dmr-white) !important;
  color: var(--dmr-black) !important;
  border: none !important;
  border-radius: 0 !important;
  font-family: var(--dmr-font) !important;
  font-weight: 500 !important;
  padding: 0.625rem 1rem !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .btn:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-button:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-button-brand:hover {
  background-color: rgba(255, 255, 255, 0.9) !important;
  color: var(--dmr-black) !important;
}

/* Outline/secondary buttons - very subtle lightening on hover */
.themed-page.theme-dexs-midnight-rainbow .tw-button-outline:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-button-secondary:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-button-low-profile-white:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-button-outline,
.themed-page.theme-dexs-midnight-rainbow .tw-button-secondary,
.themed-page.theme-dexs-midnight-rainbow .tw-button-low-profile,
.themed-page.theme-dexs-midnight-rainbow .tw-button-low-profile-white {
  background-color: transparent !important;
  color: var(--dmr-white) !important;
  border: 1px solid var(--dmr-text-muted) !important;
  border-radius: 0 !important;
  font-family: var(--dmr-font) !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-button-gradient-brand {
  background: var(--dmr-white) !important;
  background-image: none !important;
  color: var(--dmr-black) !important;
  border: none !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-button-gradient-brand:hover {
  opacity: 0.9 !important;
  box-shadow: none !important;
  transform: none !important;
}

/* ===== Utility Classes ===== */
.themed-page.theme-dexs-midnight-rainbow .text-muted { color: var(--dmr-text-muted); }
.themed-page.theme-dexs-midnight-rainbow .text-accent { color: var(--dmr-white); }
.themed-page.theme-dexs-midnight-rainbow .text-success { color: var(--dmr-white); }
.themed-page.theme-dexs-midnight-rainbow .text-warning { color: var(--dmr-text-secondary); }
.themed-page.theme-dexs-midnight-rainbow .text-danger { color: var(--dmr-text-secondary); }

.themed-page.theme-dexs-midnight-rainbow .bg-surface { background-color: var(--dmr-surface); }
.themed-page.theme-dexs-midnight-rainbow .bg-mantle { background-color: var(--dmr-elevated); }
.themed-page.theme-dexs-midnight-rainbow .bg-crust { background-color: var(--dmr-black); }

/* ===== Content body override for show-page-body ===== */
.themed-page.theme-dexs-midnight-rainbow .show-page-body {
  background: transparent;
  color: var(--dmr-white);
}

.themed-page.theme-dexs-midnight-rainbow .show-page-body h1,
.themed-page.theme-dexs-midnight-rainbow .show-page-body h2,
.themed-page.theme-dexs-midnight-rainbow .show-page-body h3,
.themed-page.theme-dexs-midnight-rainbow .show-page-body h4,
.themed-page.theme-dexs-midnight-rainbow .show-page-body h5,
.themed-page.theme-dexs-midnight-rainbow .show-page-body h6 {
  color: var(--dmr-white);
}

.themed-page.theme-dexs-midnight-rainbow .show-page-body a {
  color: var(--dmr-white);
}

.themed-page.theme-dexs-midnight-rainbow .show-page-body a:hover {
  color: var(--dmr-text-secondary);
}

/* ===== Responsive ===== */
@media (max-width: 768px) {
  .themed-page.theme-dexs-midnight-rainbow .terminal-chrome {
    margin: 1rem 0.5rem;
  }

  .themed-page.theme-dexs-midnight-rainbow .terminal-body {
    padding: 1rem;
  }

  .themed-page.theme-dexs-midnight-rainbow h1 { font-size: 24px; }
  .themed-page.theme-dexs-midnight-rainbow h2 { font-size: 20px; }
  .themed-page.theme-dexs-midnight-rainbow h3 { font-size: 18px; }
}

/* ===== Social proof avatar alignment fix ===== */
.themed-page.theme-dexs-midnight-rainbow .profile-container-desktop {
  display: flex !important;
  align-items: center !important;
  flex-wrap: nowrap !important;
  padding: 4px 0 !important;
}

.themed-page.theme-dexs-midnight-rainbow .profile-container-desktop > a {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 0 36px !important;
  width: 36px !important;
  height: 36px !important;
  margin-right: -12px !important;
  position: relative !important;
  border-bottom: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .profile-container-desktop .profile-avatar-wrapper {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  flex: 0 0 36px !important;
  margin-right: -12px !important;
  position: relative !important;
}

.themed-page.theme-dexs-midnight-rainbow .profile-container-desktop > img.profile-avatar {
  flex: 0 0 36px !important;
  margin-right: -12px !important;
}

.themed-page.theme-dexs-midnight-rainbow .profile-container-desktop .profile-avatar {
  width: 36px !important;
  height: 36px !important;
  display: block !important;
  margin: 0 !important;
  filter: grayscale(100%) !important;
}

.themed-page.theme-dexs-midnight-rainbow .profile-container-desktop .profile-avatar:hover {
  filter: grayscale(0%) !important;
}

@media (max-width: 768px) {
  .themed-page.theme-dexs-midnight-rainbow .profile-container-desktop {
    flex-wrap: wrap !important;
    row-gap: 6px !important;
  }
}

/* ===== Post-Meetup Actions Box ===== */
.themed-page.theme-dexs-midnight-rainbow .bg-slate-50\/70,
.themed-page.theme-dexs-midnight-rainbow [class*="bg-slate-50/70"] {
  background-color: var(--dmr-surface) !important;
  border: 1px solid var(--dmr-border) !important;
}

.themed-page.theme-dexs-midnight-rainbow .bg-slate-50\/70 .tw-button,
.themed-page.theme-dexs-midnight-rainbow .bg-slate-50\/70 .tw-button-brand,
.themed-page.theme-dexs-midnight-rainbow .bg-slate-50\/70 .tw-button-outline,
.themed-page.theme-dexs-midnight-rainbow [class*="bg-slate-50/70"] .tw-button,
.themed-page.theme-dexs-midnight-rainbow [class*="bg-slate-50/70"] .tw-button-brand,
.themed-page.theme-dexs-midnight-rainbow [class*="bg-slate-50/70"] .tw-button-outline {
  background-color: var(--dmr-surface) !important;
  border-color: var(--dmr-border) !important;
  color: var(--dmr-white) !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .bg-slate-50\/70 .tw-button-brand,
.themed-page.theme-dexs-midnight-rainbow [class*="bg-slate-50/70"] .tw-button-brand {
  background-color: var(--dmr-white) !important;
  border-color: var(--dmr-white) !important;
  color: var(--dmr-black) !important;
}

.themed-page.theme-dexs-midnight-rainbow .bg-slate-50\/70 .tw-button:hover,
.themed-page.theme-dexs-midnight-rainbow .bg-slate-50\/70 .tw-button-outline:hover,
.themed-page.theme-dexs-midnight-rainbow [class*="bg-slate-50/70"] .tw-button:hover,
.themed-page.theme-dexs-midnight-rainbow [class*="bg-slate-50/70"] .tw-button-outline:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--dmr-text-muted) !important;
}

.themed-page.theme-dexs-midnight-rainbow .bg-slate-50\/70 .tw-button-brand:hover,
.themed-page.theme-dexs-midnight-rainbow [class*="bg-slate-50/70"] .tw-button-brand:hover {
  background-color: rgba(255, 255, 255, 0.9) !important;
  color: var(--dmr-black) !important;
}

.themed-page.theme-dexs-midnight-rainbow .bg-slate-50\/70 .tw-button .fa,
.themed-page.theme-dexs-midnight-rainbow .bg-slate-50\/70 .tw-button-outline .fa,
.themed-page.theme-dexs-midnight-rainbow [class*="bg-slate-50/70"] .tw-button .fa,
.themed-page.theme-dexs-midnight-rainbow [class*="bg-slate-50/70"] .tw-button-outline .fa {
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow .bg-slate-50\/70 .tw-button-brand .fa,
.themed-page.theme-dexs-midnight-rainbow [class*="bg-slate-50/70"] .tw-button-brand .fa {
  color: var(--dmr-black) !important;
}

/* ===== "Ready for more?" Section ===== */
.themed-page.theme-dexs-midnight-rainbow section.bg-white,
.themed-page.theme-dexs-midnight-rainbow section.rounded-2xl.bg-white {
  background-color: var(--dmr-surface) !important;
  border-color: var(--dmr-border) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.themed-page.theme-dexs-midnight-rainbow section.bg-white .text-slate-900,
.themed-page.theme-dexs-midnight-rainbow section.bg-white h3 {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow section.bg-white .text-slate-500,
.themed-page.theme-dexs-midnight-rainbow section.bg-white p {
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow section.bg-white .tw-button-brand {
  background-color: var(--dmr-white) !important;
  border-color: var(--dmr-white) !important;
  color: var(--dmr-black) !important;
}

.themed-page.theme-dexs-midnight-rainbow section.bg-white .tw-button-brand:hover {
  background-color: rgba(255, 255, 255, 0.9) !important;
  color: var(--dmr-black) !important;
}

/* General bg-white override for cards/sections */
.themed-page.theme-dexs-midnight-rainbow .rounded-2xl.bg-white,
.themed-page.theme-dexs-midnight-rainbow .rounded-3xl.bg-white {
  background-color: var(--dmr-surface) !important;
  border-color: var(--dmr-border) !important;
  box-shadow: none !important;
  border-radius: 0 !important;
}

.themed-page.theme-dexs-midnight-rainbow .rounded-2xl.bg-white .text-slate-900,
.themed-page.theme-dexs-midnight-rainbow .rounded-3xl.bg-white .text-slate-900 {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rounded-2xl.bg-white .text-slate-500,
.themed-page.theme-dexs-midnight-rainbow .rounded-3xl.bg-white .text-slate-500 {
  color: var(--dmr-text-secondary) !important;
}

/* ===== Working/Progress Spinner Overlay ===== */
.themed-page.theme-dexs-midnight-rainbow #my-spinner {
  background-color: var(--dmr-surface) !important;
  border-color: var(--dmr-border) !important;
  color: var(--dmr-white) !important;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.6) !important;
}

.themed-page.theme-dexs-midnight-rainbow #my-spinner .fa,
.themed-page.theme-dexs-midnight-rainbow #my-spinner i {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow #my-spinner .show-my-spinner-message {
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow #my-spinner svg {
  fill: var(--dmr-white) !important;
}

/* ===== Loading dots: greyscale ===== */
.themed-page.theme-dexs-midnight-rainbow .loading-dots span {
  background-color: var(--dmr-text-muted) !important;
}

/* ===== RSVP Title: strip any gradients ===== */
.themed-page.theme-dexs-midnight-rainbow .meetup-form-title {
  font-family: var(--dmr-font) !important;
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-title-gradient {
  background: none !important;
  -webkit-background-clip: unset !important;
  background-clip: unset !important;
  -webkit-text-fill-color: unset !important;
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-title-gradient .event-title__trailing-parens {
  background: none !important;
  -webkit-text-fill-color: unset !important;
  color: var(--dmr-text-secondary) !important;
}

/* ===== Force monospace on ALL text ===== */
.themed-page.theme-dexs-midnight-rainbow h1,
.themed-page.theme-dexs-midnight-rainbow h2,
.themed-page.theme-dexs-midnight-rainbow h3,
.themed-page.theme-dexs-midnight-rainbow h4,
.themed-page.theme-dexs-midnight-rainbow h5,
.themed-page.theme-dexs-midnight-rainbow h6,
.themed-page.theme-dexs-midnight-rainbow p,
.themed-page.theme-dexs-midnight-rainbow span,
.themed-page.theme-dexs-midnight-rainbow div,
.themed-page.theme-dexs-midnight-rainbow li,
.themed-page.theme-dexs-midnight-rainbow td,
.themed-page.theme-dexs-midnight-rainbow th,
.themed-page.theme-dexs-midnight-rainbow label,
.themed-page.theme-dexs-midnight-rainbow input,
.themed-page.theme-dexs-midnight-rainbow textarea,
.themed-page.theme-dexs-midnight-rainbow select,
.themed-page.theme-dexs-midnight-rainbow button,
.themed-page.theme-dexs-midnight-rainbow a {
  font-family: var(--dmr-font) !important;
}

/* ===== Links: no underline inside buttons ===== */
.themed-page.theme-dexs-midnight-rainbow .tw-button a,
.themed-page.theme-dexs-midnight-rainbow a.tw-button,
.themed-page.theme-dexs-midnight-rainbow a.tw-button-brand,
.themed-page.theme-dexs-midnight-rainbow a.tw-button-outline,
.themed-page.theme-dexs-midnight-rainbow a.tw-button-secondary,
.themed-page.theme-dexs-midnight-rainbow a.tw-button-low-profile-white,
.themed-page.theme-dexs-midnight-rainbow a.tw-button-gradient-brand,
.themed-page.theme-dexs-midnight-rainbow .btn a,
.themed-page.theme-dexs-midnight-rainbow a.btn {
  text-decoration: none !important;
}

/* ===== Greyscale all badges and pills ===== */
.themed-page.theme-dexs-midnight-rainbow [class*="tw-pill"] {
  filter: grayscale(100%) !important;
}

.themed-page.theme-dexs-midnight-rainbow .badge,
.themed-page.theme-dexs-midnight-rainbow [class*="bg-indigo-"][class*="rounded"],
.themed-page.theme-dexs-midnight-rainbow [class*="bg-blue-"][class*="rounded"],
.themed-page.theme-dexs-midnight-rainbow [class*="bg-emerald-"][class*="rounded"],
.themed-page.theme-dexs-midnight-rainbow [class*="bg-rose-"][class*="rounded"],
.themed-page.theme-dexs-midnight-rainbow [class*="bg-purple-"][class*="rounded"],
.themed-page.theme-dexs-midnight-rainbow [class*="bg-amber-"][class*="rounded"],
.themed-page.theme-dexs-midnight-rainbow .rounded-full[class*="bg-"] {
  filter: grayscale(100%) !important;
}

/* ===== Greyscale colored text classes ===== */
.themed-page.theme-dexs-midnight-rainbow .text-indigo-600,
.themed-page.theme-dexs-midnight-rainbow .text-indigo-500,
.themed-page.theme-dexs-midnight-rainbow .text-indigo-400,
.themed-page.theme-dexs-midnight-rainbow .text-blue-600,
.themed-page.theme-dexs-midnight-rainbow .text-blue-500,
.themed-page.theme-dexs-midnight-rainbow .text-purple-600,
.themed-page.theme-dexs-midnight-rainbow .text-purple-500,
.themed-page.theme-dexs-midnight-rainbow .text-emerald-600,
.themed-page.theme-dexs-midnight-rainbow .text-emerald-500,
.themed-page.theme-dexs-midnight-rainbow .text-rose-600,
.themed-page.theme-dexs-midnight-rainbow .text-rose-500 {
  color: var(--dmr-text-secondary) !important;
}

/* ===== Remove all gradient overlays ===== */
.themed-page.theme-dexs-midnight-rainbow .bg-gradient-to-b,
.themed-page.theme-dexs-midnight-rainbow .bg-gradient-to-t,
.themed-page.theme-dexs-midnight-rainbow .bg-gradient-to-r,
.themed-page.theme-dexs-midnight-rainbow .bg-gradient-to-l,
.themed-page.theme-dexs-midnight-rainbow [class*="bg-gradient"] {
  background-image: none !important;
  background: transparent !important;
}

/* Preserve explicit bg colors that aren't gradients */
.themed-page.theme-dexs-midnight-rainbow .bg-white { background-color: var(--dmr-surface) !important; }
.themed-page.theme-dexs-midnight-rainbow .bg-slate-50 { background-color: var(--dmr-elevated) !important; }
.themed-page.theme-dexs-midnight-rainbow .bg-slate-100 { background-color: var(--dmr-elevated) !important; }

/* ===== Compact avatar alignment ===== */
.themed-page.theme-dexs-midnight-rainbow .profile-container-compact {
  display: flex !important;
  align-items: center !important;
}

.themed-page.theme-dexs-midnight-rainbow .profile-container-compact .profile-avatar-tooltip {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.themed-page.theme-dexs-midnight-rainbow .profile-container-compact .profile-avatar {
  filter: grayscale(100%) !important;
  margin: 0 !important;
}

.themed-page.theme-dexs-midnight-rainbow .profile-container-compact .profile-avatar:hover {
  filter: grayscale(0%) !important;
}

/* ===== SweetAlert2 Modal ===== */
body.themed-page .swal2-popup,
body.theme-dexs-midnight-rainbow .swal2-popup,
.themed-page.theme-dexs-midnight-rainbow .swal2-popup {
  font-family: var(--dmr-font) !important;
  background-color: var(--dmr-surface) !important;
  border: 1px solid var(--dmr-border) !important;
  border-radius: 0 !important;
  color: var(--dmr-text-secondary) !important;
}

body.themed-page .swal2-popup strong,
body.themed-page .swal2-popup b,
body.themed-page .swal2-html-container strong,
body.themed-page .swal2-html-container b,
body.theme-dexs-midnight-rainbow .swal2-popup strong,
body.theme-dexs-midnight-rainbow .swal2-popup b,
.themed-page.theme-dexs-midnight-rainbow .swal2-popup strong,
.themed-page.theme-dexs-midnight-rainbow .swal2-popup b,
.themed-page.theme-dexs-midnight-rainbow .swal2-html-container strong,
.themed-page.theme-dexs-midnight-rainbow .swal2-html-container b {
  color: inherit !important;
}

body.themed-page .swal2-html-container,
body.theme-dexs-midnight-rainbow .swal2-html-container,
.themed-page.theme-dexs-midnight-rainbow .swal2-html-container {
  color: var(--dmr-text-secondary) !important;
}

body.themed-page .swal2-title,
body.theme-dexs-midnight-rainbow .swal2-title,
.themed-page.theme-dexs-midnight-rainbow .swal2-title {
  color: var(--dmr-white) !important;
}

/* ===== City Dropdown Menu ===== */
.themed-page.theme-dexs-midnight-rainbow #cityDropdown {
  background-color: var(--dmr-black) !important;
}

.themed-page.theme-dexs-midnight-rainbow .city-dropdown-header,
.themed-page.theme-dexs-midnight-rainbow .city-dropdown-intro {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .city-dropdown-intro .text-primary,
.themed-page.theme-dexs-midnight-rainbow .city-dropdown-intro .text-strong {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .city-dropdown-intro .text-muted {
  color: var(--dmr-text-muted) !important;
}

.themed-page.theme-dexs-midnight-rainbow .city-dropdown-intro .btn-outline-primary {
  background-color: transparent !important;
  border-color: var(--dmr-text-secondary) !important;
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .city-column h4,
.themed-page.theme-dexs-midnight-rainbow .city-group-heading {
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .city-list {
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow .city-link {
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow .city-link:hover {
  color: var(--dmr-white) !important;
}

/* City dropdown active/selected state - monochrome only */
.themed-page.theme-dexs-midnight-rainbow .city-link.active {
  background-color: var(--dmr-elevated) !important;
  color: var(--dmr-white) !important;
  border: 1px solid var(--dmr-border) !important;
  padding: 2px 6px !important;
}

.themed-page.theme-dexs-midnight-rainbow .mobile-continent summary,
.themed-page.theme-dexs-midnight-rainbow .mobile-subregion summary {
  color: var(--dmr-white) !important;
}

/* ===== "Limited Capacity" Screening Panel - Dark Theme Override ===== */
.themed-page.theme-dexs-midnight-rainbow .border-\[\#f9e4d2\],
.themed-page.theme-dexs-midnight-rainbow [class*="border-[#f9e4d2]"] {
  border-color: var(--dmr-border) !important;
}

.themed-page.theme-dexs-midnight-rainbow .bg-\[\#fcf2e9\],
.themed-page.theme-dexs-midnight-rainbow [class*="bg-[#fcf2e9]"] {
  background-color: var(--dmr-surface) !important;
}

.themed-page.theme-dexs-midnight-rainbow .text-\[\#864913\],
.themed-page.theme-dexs-midnight-rainbow [class*="text-[#864913]"] {
  color: var(--dmr-text-secondary) !important;
}

.themed-page.theme-dexs-midnight-rainbow .text-\[\#df7920\],
.themed-page.theme-dexs-midnight-rainbow [class*="text-[#df7920]"] {
  color: var(--dmr-text-muted) !important;
}

/* Target the screening notice panel more broadly */
.themed-page.theme-dexs-midnight-rainbow [class*="rounded-3xl"][class*="border-"][class*="bg-"][class*="fcf2e9"],
.themed-page.theme-dexs-midnight-rainbow div[class*="border"][class*="bg-"][style*="fcf2e9"] {
  background-color: var(--dmr-surface) !important;
  border-color: var(--dmr-border) !important;
}

/* ===== Icon Backgrounds - All Circular Light Backgrounds to Dark ===== */
/* Event Setup & Attendee Tools panel icons */
.themed-page.theme-dexs-midnight-rainbow .bg-\[\#eef2ff\],
.themed-page.theme-dexs-midnight-rainbow [class*="bg-[#eef2ff]"] {
  background-color: var(--dmr-elevated) !important;
  border: 1px solid var(--dmr-border) !important;
}

.themed-page.theme-dexs-midnight-rainbow .text-\[\#5b6fe8\],
.themed-page.theme-dexs-midnight-rainbow [class*="text-[#5b6fe8]"] {
  color: var(--dmr-white) !important;
}

/* Override any remaining indigo/blue icon backgrounds */
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-indigo-50,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-indigo-100,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-blue-50,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-blue-100,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-slate-50,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-slate-100 {
  background-color: var(--dmr-elevated) !important;
  border: 1px solid var(--dmr-border) !important;
}

/* Icon colors inside those circles */
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-indigo-50 i,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-indigo-50 .fa,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-indigo-100 i,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-indigo-100 .fa,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-blue-50 i,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-blue-50 .fa,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-blue-100 i,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-blue-100 .fa,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-slate-50 i,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-slate-50 .fa,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-slate-100 i,
.themed-page.theme-dexs-midnight-rainbow .rounded-full.bg-slate-100 .fa {
  color: var(--dmr-white) !important;
}

/* Text colors for icons */
.themed-page.theme-dexs-midnight-rainbow .text-indigo-400,
.themed-page.theme-dexs-midnight-rainbow .text-indigo-300,
.themed-page.theme-dexs-midnight-rainbow .text-indigo-200 {
  color: var(--dmr-text-secondary) !important;
}

/* Inline flex icon circles - all light variants to dark */
.themed-page.theme-dexs-midnight-rainbow .inline-flex.items-center.justify-center.rounded-full[class*="bg-"] {
  background-color: var(--dmr-elevated) !important;
  border: 1px solid var(--dmr-border) !important;
}

.themed-page.theme-dexs-midnight-rainbow .inline-flex.items-center.justify-center.rounded-full[class*="bg-"] i,
.themed-page.theme-dexs-midnight-rainbow .inline-flex.items-center.justify-center.rounded-full[class*="bg-"] .fa {
  color: var(--dmr-white) !important;
}

/* ===== Dropdown Menu Hover States ===== */
/* Tools menu and other dropdowns - very dark grey hover, text stays WHITE */
.themed-page.theme-dexs-midnight-rainbow [role="menu"] a:hover,
.themed-page.theme-dexs-midnight-rainbow [role="menu"] button:hover,
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu a:hover,
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu button:hover,
.themed-page.theme-dexs-midnight-rainbow details[open] a:hover,
.themed-page.theme-dexs-midnight-rainbow details summary + div a:hover,
.themed-page.theme-dexs-midnight-rainbow details summary + ul a:hover,
.themed-page.theme-dexs-midnight-rainbow [class*="dropdown"] a:hover,
.themed-page.theme-dexs-midnight-rainbow [class*="menu"] a:hover {
  background-color: var(--dmr-elevated) !important;
  color: var(--dmr-white) !important;
}

/* Dropdown menu backgrounds - PURE BLACK */
.themed-page.theme-dexs-midnight-rainbow [role="menu"],
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu,
.themed-page.theme-dexs-midnight-rainbow details[open] > div,
.themed-page.theme-dexs-midnight-rainbow details summary + div,
.themed-page.theme-dexs-midnight-rainbow details summary + ul,
.themed-page.theme-dexs-midnight-rainbow nav [class*="absolute"],
.themed-page.theme-dexs-midnight-rainbow header [class*="absolute"],
.themed-page.theme-dexs-midnight-rainbow .tw-site-header [class*="absolute"] {
  background-color: var(--dmr-black) !important;
  border-color: var(--dmr-border) !important;
}

/* Dropdown menu text - WHITE */
.themed-page.theme-dexs-midnight-rainbow [role="menu"] a,
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu a,
.themed-page.theme-dexs-midnight-rainbow details[open] a,
.themed-page.theme-dexs-midnight-rainbow nav [class*="absolute"] a,
.themed-page.theme-dexs-midnight-rainbow nav [class*="absolute"] span,
.themed-page.theme-dexs-midnight-rainbow header [class*="absolute"] a,
.themed-page.theme-dexs-midnight-rainbow header [class*="absolute"] span {
  color: var(--dmr-white) !important;
}

/* Submenu parent items (items with chevron/arrow indicating submenus) */
/* These often use text-indigo or similar dark colors - override to white */
.themed-page.theme-dexs-midnight-rainbow [role="menu"] [class*="text-indigo"],
.themed-page.theme-dexs-midnight-rainbow [role="menu"] [class*="text-slate"],
.themed-page.theme-dexs-midnight-rainbow [role="menu"] [class*="text-gray"],
.themed-page.theme-dexs-midnight-rainbow [role="menu"] [class*="text-blue"],
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu [class*="text-indigo"],
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu [class*="text-slate"],
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu [class*="text-gray"],
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu [class*="text-blue"],
.themed-page.theme-dexs-midnight-rainbow [role="menu"] summary,
.themed-page.theme-dexs-midnight-rainbow [role="menu"] button,
.themed-page.theme-dexs-midnight-rainbow [role="menu"] span,
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu summary,
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu button,
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu span {
  color: var(--dmr-white) !important;
}

/* Submenu trigger items - ensure all text is white */
.themed-page.theme-dexs-midnight-rainbow [role="menu"] details > summary,
.themed-page.theme-dexs-midnight-rainbow [role="menu"] [data-submenu-trigger],
.themed-page.theme-dexs-midnight-rainbow [role="menu"] .has-submenu,
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu details > summary {
  color: var(--dmr-white) !important;
}

/* Sponsorship Tools and Admin tools submenu buttons - specific override */
.themed-page.theme-dexs-midnight-rainbow .sponsorship-submenu button,
.themed-page.theme-dexs-midnight-rainbow .sponsorship-submenu button span,
.themed-page.theme-dexs-midnight-rainbow .admin-tools-submenu button,
.themed-page.theme-dexs-midnight-rainbow .admin-tools-submenu button span,
.themed-page.theme-dexs-midnight-rainbow button.text-slate-700,
.themed-page.theme-dexs-midnight-rainbow button.text-slate-700 span,
.themed-page.theme-dexs-midnight-rainbow [class*="submenu"] button,
.themed-page.theme-dexs-midnight-rainbow [class*="submenu"] button span {
  color: var(--dmr-white) !important;
}

/* Submenu buttons on HOVER - text stays WHITE on dark grey background */
.themed-page.theme-dexs-midnight-rainbow .sponsorship-submenu button:hover,
.themed-page.theme-dexs-midnight-rainbow .sponsorship-submenu button:hover span,
.themed-page.theme-dexs-midnight-rainbow .admin-tools-submenu button:hover,
.themed-page.theme-dexs-midnight-rainbow .admin-tools-submenu button:hover span,
.themed-page.theme-dexs-midnight-rainbow [class*="submenu"] button:hover,
.themed-page.theme-dexs-midnight-rainbow [class*="submenu"] button:hover span,
.themed-page.theme-dexs-midnight-rainbow nav button.text-slate-700:hover,
.themed-page.theme-dexs-midnight-rainbow nav button.text-slate-700:hover span {
  color: var(--dmr-white) !important;
  background-color: var(--dmr-elevated) !important;
}

/* Header dropdown menus - all buttons and spans with slate colors */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header button[class*="text-slate"],
.themed-page.theme-dexs-midnight-rainbow .tw-site-header button[class*="text-slate"] span,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header [class*="group/"] button,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header [class*="group/"] button span,
.themed-page.theme-dexs-midnight-rainbow nav button[class*="text-slate"],
.themed-page.theme-dexs-midnight-rainbow nav button[class*="text-slate"] span {
  color: var(--dmr-white) !important;
}

/* Header dropdown buttons on HOVER - text stays WHITE */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header button[class*="text-slate"]:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header button[class*="text-slate"]:hover span,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header [class*="group/"] button:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header [class*="group/"] button:hover span,
.themed-page.theme-dexs-midnight-rainbow nav button[class*="text-slate"]:hover,
.themed-page.theme-dexs-midnight-rainbow nav button[class*="text-slate"]:hover span {
  color: var(--dmr-white) !important;
  background-color: var(--dmr-elevated) !important;
}

/* Override text-slate-700 specifically in navigation context */
.themed-page.theme-dexs-midnight-rainbow nav .text-slate-700,
.themed-page.theme-dexs-midnight-rainbow header .text-slate-700,
.themed-page.theme-dexs-midnight-rainbow [role="navigation"] .text-slate-700 {
  color: var(--dmr-white) !important;
}

/* text-slate-700 on HOVER - text stays WHITE */
.themed-page.theme-dexs-midnight-rainbow nav .text-slate-700:hover,
.themed-page.theme-dexs-midnight-rainbow header .text-slate-700:hover,
.themed-page.theme-dexs-midnight-rainbow [role="navigation"] .text-slate-700:hover {
  color: var(--dmr-white) !important;
}

/* ===== User Avatar - Circular Grayscale on Transparent Background ===== */
/* Avatar button container - fully transparent, no white background */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header button[aria-label="Your profile"] {
  width: 2.5rem !important;
  height: 2.5rem !important;
  min-width: 2.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 !important;
  border: none !important;
  background: transparent !important;
  background-color: transparent !important;
  box-shadow: none !important;
}

/* Avatar image - circular, grayscale, no white background */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header button[aria-label="Your profile"] img,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .profile-avatar,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header img[alt*="profile"],
.themed-page.theme-dexs-midnight-rainbow .tw-site-header img[alt*="Your profile"] {
  width: 2rem !important;
  height: 2rem !important;
  min-width: 2rem !important;
  min-height: 2rem !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  filter: grayscale(100%) !important;
  background: transparent !important;
  background-color: transparent !important;
}

/* ===== Sidekiq Queues in Avatar Menu ===== */
/* Dark themed queue badges */
.themed-page.theme-dexs-midnight-rainbow [class*="sidekiq"],
.themed-page.theme-dexs-midnight-rainbow [class*="queue"] {
  background-color: var(--dmr-surface) !important;
  border: 1px solid var(--dmr-border) !important;
  color: var(--dmr-white) !important;
}

/* Queue status badges - monochrome */
.themed-page.theme-dexs-midnight-rainbow .bg-emerald-100,
.themed-page.theme-dexs-midnight-rainbow .bg-green-100,
.themed-page.theme-dexs-midnight-rainbow .bg-blue-100,
.themed-page.theme-dexs-midnight-rainbow .bg-yellow-100,
.themed-page.theme-dexs-midnight-rainbow .bg-red-100,
.themed-page.theme-dexs-midnight-rainbow .bg-slate-100,
.themed-page.theme-dexs-midnight-rainbow .bg-gray-100,
.themed-page.theme-dexs-midnight-rainbow .bg-white {
  background-color: var(--dmr-elevated) !important;
  border: 1px solid var(--dmr-border) !important;
}

/* Queue text colors - all white */
.themed-page.theme-dexs-midnight-rainbow .text-emerald-700,
.themed-page.theme-dexs-midnight-rainbow .text-emerald-800,
.themed-page.theme-dexs-midnight-rainbow .text-green-700,
.themed-page.theme-dexs-midnight-rainbow .text-green-800,
.themed-page.theme-dexs-midnight-rainbow .text-blue-700,
.themed-page.theme-dexs-midnight-rainbow .text-blue-800,
.themed-page.theme-dexs-midnight-rainbow .text-yellow-700,
.themed-page.theme-dexs-midnight-rainbow .text-yellow-800,
.themed-page.theme-dexs-midnight-rainbow .text-red-700,
.themed-page.theme-dexs-midnight-rainbow .text-red-800,
.themed-page.theme-dexs-midnight-rainbow .text-slate-700,
.themed-page.theme-dexs-midnight-rainbow .text-slate-800,
.themed-page.theme-dexs-midnight-rainbow .text-gray-700,
.themed-page.theme-dexs-midnight-rainbow .text-gray-800 {
  color: var(--dmr-white) !important;
}

/* ===== "Invites Sent" and similar status badges ===== */
/* Very dim gray background, barely offset from black */
.themed-page.theme-dexs-midnight-rainbow .bg-emerald-50,
.themed-page.theme-dexs-midnight-rainbow .bg-green-50,
.themed-page.theme-dexs-midnight-rainbow .bg-slate-50,
.themed-page.theme-dexs-midnight-rainbow .bg-gray-50,
.themed-page.theme-dexs-midnight-rainbow [class*="bg-"][class*="-50"],
.themed-page.theme-dexs-midnight-rainbow [class*="bg-"][class*="-100"] {
  background-color: var(--dmr-surface) !important;
  border: 1px solid var(--dmr-border) !important;
}

/* Text in status badges - muted grey */
.themed-page.theme-dexs-midnight-rainbow .text-emerald-600,
.themed-page.theme-dexs-midnight-rainbow .text-green-600,
.themed-page.theme-dexs-midnight-rainbow .text-slate-600,
.themed-page.theme-dexs-midnight-rainbow .text-gray-600,
.themed-page.theme-dexs-midnight-rainbow .text-slate-500,
.themed-page.theme-dexs-midnight-rainbow .text-gray-500 {
  color: var(--dmr-text-secondary) !important;
}

/* ===== "View all posts" and similar CTA buttons ===== */
/* Black background with white border - not bright white */
.themed-page.theme-dexs-midnight-rainbow .tw-button-brand,
.themed-page.theme-dexs-midnight-rainbow a.tw-button,
.themed-page.theme-dexs-midnight-rainbow a[class*="tw-button"]:not(.tw-button-outline):not(.tw-button-secondary):not(.tw-button-ghost) {
  background-color: var(--dmr-black) !important;
  border: 1px solid var(--dmr-border) !important;
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-button-brand:hover,
.themed-page.theme-dexs-midnight-rainbow a.tw-button:hover,
.themed-page.theme-dexs-midnight-rainbow a[class*="tw-button"]:not(.tw-button-outline):not(.tw-button-secondary):not(.tw-button-ghost):hover {
  background-color: var(--dmr-elevated) !important;
  border-color: var(--dmr-text-muted) !important;
}

/* Subscribe section Submit button - black with white border */
.themed-page.theme-dexs-midnight-rainbow .subscribe-form button,
.themed-page.theme-dexs-midnight-rainbow .subscribe-to-blog,
.themed-page.theme-dexs-midnight-rainbow [class*="subscribe"] button[type="button"],
.themed-page.theme-dexs-midnight-rainbow [class*="subscribe"] button:not([aria-label]) {
  background-color: var(--dmr-black) !important;
  border: 1px solid var(--dmr-border) !important;
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow .subscribe-form button:hover,
.themed-page.theme-dexs-midnight-rainbow .subscribe-to-blog:hover,
.themed-page.theme-dexs-midnight-rainbow [class*="subscribe"] button[type="button"]:hover,
.themed-page.theme-dexs-midnight-rainbow [class*="subscribe"] button:not([aria-label]):hover {
  background-color: var(--dmr-elevated) !important;
  border-color: var(--dmr-text-muted) !important;
}

/* ===== Copy Link Button - On Theme ===== */
.themed-page.theme-dexs-midnight-rainbow .rsvp-copy-link,
.themed-page.theme-dexs-midnight-rainbow .copy-page-button,
.themed-page.theme-dexs-midnight-rainbow button[onclick*="copy_link"],
.themed-page.theme-dexs-midnight-rainbow button[onclick*="do_copy_link"] {
  background-color: var(--dmr-surface) !important;
  border: 1px solid var(--dmr-border) !important;
  color: var(--dmr-white) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.themed-page.theme-dexs-midnight-rainbow .rsvp-copy-link:hover,
.themed-page.theme-dexs-midnight-rainbow .copy-page-button:hover,
.themed-page.theme-dexs-midnight-rainbow button[onclick*="copy_link"]:hover,
.themed-page.theme-dexs-midnight-rainbow button[onclick*="do_copy_link"]:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  border-color: var(--dmr-text-muted) !important;
}

/* ===== Icon Spacing - Car/Directions and other inline icons ===== */
.themed-page.theme-dexs-midnight-rainbow .fa-car {
  margin-right: 0.4rem !important;
}

.themed-page.theme-dexs-midnight-rainbow summary .fa,
.themed-page.theme-dexs-midnight-rainbow summary [class*="fa-"],
.themed-page.theme-dexs-midnight-rainbow details summary .fa,
.themed-page.theme-dexs-midnight-rainbow details summary [class*="fa-"] {
  margin-right: 0.35rem !important;
}

/* ===== Subscribe Section - Envelope Icon Alignment ===== */
.themed-page.theme-dexs-midnight-rainbow .subscribe-form .fa-envelope,
.themed-page.theme-dexs-midnight-rainbow .subscribe-form i.fa,
.themed-page.theme-dexs-midnight-rainbow .subscribe-form i.fa.fa-envelope,
.themed-page.theme-dexs-midnight-rainbow [class*="subscribe"] .fa-envelope {
  color: var(--dmr-text-secondary) !important;
}

/* Subscribe section icon container - vertically aligned */
.themed-page.theme-dexs-midnight-rainbow .subscribe-form .rounded-full,
.themed-page.theme-dexs-midnight-rainbow [class*="subscribe"] .rounded-full {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--dmr-text-secondary) !important;
  display: inline-flex !important;
  align-items: center !important;
  vertical-align: middle !important;
}

/* Subscribe section layout - icon and text aligned */
.themed-page.theme-dexs-midnight-rainbow .subscribe-form > div:first-child,
.themed-page.theme-dexs-midnight-rainbow [class*="subscribe"] > div:first-child {
  display: flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

/* Subscribe heading row - icon and text aligned */
.themed-page.theme-dexs-midnight-rainbow .subscribe-form h3,
.themed-page.theme-dexs-midnight-rainbow [class*="subscribe"] h3 {
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.5rem !important;
}

.themed-page.theme-dexs-midnight-rainbow .subscribe-form h3::before,
.themed-page.theme-dexs-midnight-rainbow [class*="subscribe"] h3::before {
  content: none !important;
}

/* ===== Info Box / Callout Spacing ===== */
/* Limited capacity box - reduce excessive bottom padding */
/* Target the specific apricot-colored box with rounded-3xl */
.themed-page.theme-dexs-midnight-rainbow .rounded-3xl[class*="bg-"][class*="border"] {
  padding: 0.5rem 1rem !important;
  margin-bottom: 0.75rem !important;
  background-color: var(--dmr-elevated) !important;
  border-color: var(--dmr-border) !important;
}

.themed-page.theme-dexs-midnight-rainbow .rounded-3xl p {
  margin-bottom: 0 !important;
  padding: 0 !important;
  color: var(--dmr-text-secondary) !important;
}

/* Star icon in limited capacity box */
.themed-page.theme-dexs-midnight-rainbow .rounded-3xl span[class*="text-"] {
  color: #fbbf24 !important; /* Keep star yellow */
}

/* Generic info boxes */
.themed-page.theme-dexs-midnight-rainbow .info-box,
.themed-page.theme-dexs-midnight-rainbow .callout,
.themed-page.theme-dexs-midnight-rainbow .alert,
.themed-page.theme-dexs-midnight-rainbow .notice {
  padding: 0.75rem 1rem !important;
  margin-bottom: 1rem !important;
  background-color: var(--dmr-elevated) !important;
  border-color: var(--dmr-border) !important;
}

/* ===== Custom Question Form Fields ===== */
/* Space below question text / above input field */
.themed-page.theme-dexs-midnight-rainbow .custom-question-label,
.themed-page.theme-dexs-midnight-rainbow label[for*="custom"],
.themed-page.theme-dexs-midnight-rainbow .rsvp-custom-question-text,
.themed-page.theme-dexs-midnight-rainbow [class*="custom-question"] > span:first-child,
.themed-page.theme-dexs-midnight-rainbow [class*="custom-question"] > div:first-child {
  margin-bottom: 0.75rem !important;
}

/* Smaller "required" text */
.themed-page.theme-dexs-midnight-rainbow .required-indicator,
.themed-page.theme-dexs-midnight-rainbow .required-text,
.themed-page.theme-dexs-midnight-rainbow [class*="required"],
.themed-page.theme-dexs-midnight-rainbow span:contains("required"),
.themed-page.theme-dexs-midnight-rainbow .text-xs.text-red-400,
.themed-page.theme-dexs-midnight-rainbow .text-xs.italic {
  font-size: 0.65rem !important;
  color: var(--dmr-text-muted) !important;
  text-transform: lowercase !important;
}

/* ===== Subscribe Section Email Field ===== */
/* Email input with thin light border */
.themed-page.theme-dexs-midnight-rainbow .subscribe-form input[type="email"],
.themed-page.theme-dexs-midnight-rainbow [class*="subscribe"] input[type="email"],
.themed-page.theme-dexs-midnight-rainbow input[placeholder*="email"],
.themed-page.theme-dexs-midnight-rainbow input[placeholder*="Enter your email"] {
  border: 1px solid var(--dmr-border) !important;
  background-color: var(--dmr-surface) !important;
  color: var(--dmr-white) !important;
  padding: 0.5rem 0.75rem !important;
}

.themed-page.theme-dexs-midnight-rainbow .subscribe-form input[type="email"]:focus,
.themed-page.theme-dexs-midnight-rainbow [class*="subscribe"] input[type="email"]:focus,
.themed-page.theme-dexs-midnight-rainbow input[placeholder*="email"]:focus {
  border-color: var(--dmr-text-muted) !important;
  outline: none !important;
}

/* Envelope icon - exact vertical alignment with text */
/* The envelope icon is in a flex container with gap-3 */
.themed-page.theme-dexs-midnight-rainbow .subscribe-form .fa-envelope,
.themed-page.theme-dexs-midnight-rainbow .flex.items-center.gap-3 > .fa-envelope {
  font-size: 1.125rem !important; /* text-lg equivalent */
  line-height: 1.5rem !important; /* Match h3 line-height */
  color: var(--dmr-text-secondary) !important;
  display: inline-block !important;
  vertical-align: middle !important;
}

/* Subscribe heading h3 - ensure same line-height as icon */
.themed-page.theme-dexs-midnight-rainbow .subscribe-form h3,
.themed-page.theme-dexs-midnight-rainbow .flex.items-center.gap-3 > h3 {
  line-height: 1.5rem !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* Subscribe section flex container - icon and text aligned center */
.themed-page.theme-dexs-midnight-rainbow .subscribe-form .flex.items-center,
.themed-page.theme-dexs-midnight-rainbow .flex.items-center.gap-3 {
  align-items: center !important;
}

/* ===== Subscribe Submit Button - FORCE Black Background ===== */
/* Very specific selectors to override any Tailwind classes */
.themed-page.theme-dexs-midnight-rainbow button.bg-indigo-600,
.themed-page.theme-dexs-midnight-rainbow button.bg-blue-600,
.themed-page.theme-dexs-midnight-rainbow button[class*="bg-indigo"],
.themed-page.theme-dexs-midnight-rainbow button[class*="bg-blue"],
.themed-page.theme-dexs-midnight-rainbow .subscribe-form button.bg-indigo-600,
.themed-page.theme-dexs-midnight-rainbow [class*="subscribe"] button.bg-indigo-600,
.themed-page.theme-dexs-midnight-rainbow form button[type="submit"],
.themed-page.theme-dexs-midnight-rainbow form button[type="button"]:not([aria-label]),
.themed-page.theme-dexs-midnight-rainbow .bg-indigo-600,
.themed-page.theme-dexs-midnight-rainbow .bg-blue-600 {
  background-color: var(--dmr-black) !important;
  border: 1px solid var(--dmr-border) !important;
  color: var(--dmr-white) !important;
}

.themed-page.theme-dexs-midnight-rainbow button.bg-indigo-600:hover,
.themed-page.theme-dexs-midnight-rainbow button.bg-blue-600:hover,
.themed-page.theme-dexs-midnight-rainbow button[class*="bg-indigo"]:hover,
.themed-page.theme-dexs-midnight-rainbow button[class*="bg-blue"]:hover,
.themed-page.theme-dexs-midnight-rainbow .subscribe-form button.bg-indigo-600:hover,
.themed-page.theme-dexs-midnight-rainbow form button[type="submit"]:hover,
.themed-page.theme-dexs-midnight-rainbow form button[type="button"]:not([aria-label]):hover {
  background-color: var(--dmr-elevated) !important;
  border-color: var(--dmr-text-muted) !important;
}

/* ===== Megamenu Badges (49, 6, etc.) - Dark Like Panel Buttons ===== */
/* These are the count badges next to "Screen RSVPs" and "Screen Speakers" */
.themed-page.theme-dexs-midnight-rainbow .tw-megamenu-badge,
.themed-page.theme-dexs-midnight-rainbow [class*="megamenu"] span[class*="bg-"],
.themed-page.theme-dexs-midnight-rainbow nav span.ml-auto,
.themed-page.theme-dexs-midnight-rainbow nav a span[class*="bg-"],
.themed-page.theme-dexs-midnight-rainbow nav button span[class*="bg-"],
.themed-page.theme-dexs-midnight-rainbow .tw-site-header span[class*="bg-slate"],
.themed-page.theme-dexs-midnight-rainbow .tw-site-header span[class*="bg-gray"],
.themed-page.theme-dexs-midnight-rainbow .tw-site-header span.bg-slate-100,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header span.bg-slate-200,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header span.bg-gray-100,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header span.bg-gray-200,
.themed-page.theme-dexs-midnight-rainbow header span[class*="rounded"][class*="bg-"],
.themed-page.theme-dexs-midnight-rainbow [role="menu"] span[class*="rounded"][class*="bg-"],
.themed-page.theme-dexs-midnight-rainbow nav span[class*="rounded"][class*="text-slate"],
.themed-page.theme-dexs-midnight-rainbow nav span[class*="rounded"][class*="text-gray"] {
  background-color: var(--dmr-surface) !important;
  border: 1px solid var(--dmr-border) !important;
  color: var(--dmr-text-secondary) !important;
}

/* ===== Menu Hover - Keep Text WHITE (not black) ===== */
/* The hover background is subtle dark gray, so white text looks better */
.themed-page.theme-dexs-midnight-rainbow [role="menu"] a:hover,
.themed-page.theme-dexs-midnight-rainbow [role="menu"] button:hover,
.themed-page.theme-dexs-midnight-rainbow [role="menu"] a:hover span,
.themed-page.theme-dexs-midnight-rainbow [role="menu"] button:hover span,
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu a:hover,
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu button:hover,
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu a:hover span,
.themed-page.theme-dexs-midnight-rainbow .dropdown-menu button:hover span,
.themed-page.theme-dexs-midnight-rainbow nav a:hover,
.themed-page.theme-dexs-midnight-rainbow nav button:hover,
.themed-page.theme-dexs-midnight-rainbow nav a:hover span,
.themed-page.theme-dexs-midnight-rainbow nav button:hover span,
.themed-page.theme-dexs-midnight-rainbow header a:hover,
.themed-page.theme-dexs-midnight-rainbow header button:hover,
.themed-page.theme-dexs-midnight-rainbow header a:hover span,
.themed-page.theme-dexs-midnight-rainbow header button:hover span,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header a:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header button:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header a:hover span,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header button:hover span {
  color: var(--dmr-white) !important;
}

/* Override the earlier rule that set hover to black */
.themed-page.theme-dexs-midnight-rainbow .sponsorship-submenu button:hover span,
.themed-page.theme-dexs-midnight-rainbow .admin-tools-submenu button:hover span,
.themed-page.theme-dexs-midnight-rainbow [class*="submenu"] button:hover span,
.themed-page.theme-dexs-midnight-rainbow nav button.text-slate-700:hover span,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header button[class*="text-slate"]:hover span,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header [class*="group/"] button:hover span {
  color: var(--dmr-white) !important;
}

/* ===== Avatar/Profile Dropdown Menu - Dark Theme ===== */
/* The profile dropdown menu needs dark background */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] > div,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details > div,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header [class*="profile"] > div,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header button[aria-label="Your profile"] + div,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header button[aria-label="Your profile"] ~ div,
.themed-page.theme-dexs-midnight-rainbow details[class*="profile"] > div,
.themed-page.theme-dexs-midnight-rainbow [aria-label="User menu"],
.themed-page.theme-dexs-midnight-rainbow [role="menu"].absolute,
.themed-page.theme-dexs-midnight-rainbow .absolute[class*="bg-white"],
.themed-page.theme-dexs-midnight-rainbow .absolute.right-0[class*="shadow"],
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute,
.themed-page.theme-dexs-midnight-rainbow header .absolute[class*="rounded"],
.themed-page.theme-dexs-midnight-rainbow .tw-avatar-menu,
.themed-page.theme-dexs-midnight-rainbow [class*="avatar-menu"],
.themed-page.theme-dexs-midnight-rainbow [class*="user-menu"],
.themed-page.theme-dexs-midnight-rainbow [class*="profile-menu"] {
  background-color: var(--dmr-surface) !important;
  border: 1px solid var(--dmr-border) !important;
  box-shadow: none !important;
}

/* Avatar menu items - text white */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] a,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] span,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] p,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] div,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute a,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute span,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute p,
.themed-page.theme-dexs-midnight-rainbow .tw-avatar-menu a,
.themed-page.theme-dexs-midnight-rainbow .tw-avatar-menu span,
.themed-page.theme-dexs-midnight-rainbow [class*="avatar-menu"] a,
.themed-page.theme-dexs-midnight-rainbow [class*="avatar-menu"] span,
.themed-page.theme-dexs-midnight-rainbow [class*="user-menu"] a,
.themed-page.theme-dexs-midnight-rainbow [class*="user-menu"] span {
  color: var(--dmr-white) !important;
}

/* Avatar menu muted text */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] .text-slate-500,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] .text-slate-400,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] .text-gray-500,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] .text-gray-400,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute .text-slate-500,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute .text-slate-400 {
  color: var(--dmr-text-secondary) !important;
}

/* Avatar menu section dividers */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] hr,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] .border-t,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] .border-b,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] [class*="border-slate"],
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute hr,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute .border-t,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute .border-b {
  border-color: var(--dmr-border) !important;
}

/* Avatar menu hover states */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] a:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] button:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute a:hover,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute button:hover {
  background-color: rgba(255, 255, 255, 0.08) !important;
  color: var(--dmr-white) !important;
}

/* Calendar/Event badges in avatar menu */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] span[class*="bg-"],
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute span[class*="bg-"],
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] a[class*="bg-"],
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute a[class*="bg-"] {
  background-color: var(--dmr-elevated) !important;
  border: 1px solid var(--dmr-border) !important;
  color: var(--dmr-text-secondary) !important;
}

/* Domain Switch and other headings in menu */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] h3,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] h4,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] h5,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute h3,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute h4,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute h5 {
  color: var(--dmr-white) !important;
}

/* Headings in avatar menu - no ## prefix */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] h3::before,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header details[open] h4::before,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute h3::before,
.themed-page.theme-dexs-midnight-rainbow .tw-site-header .absolute h4::before {
  content: none !important;
}

/* ===== Event Setup Panel Buttons - Consistent Sizing ===== */
/* Send Preview button should match Email Stats and Compose Custom size */
.themed-page.theme-dexs-midnight-rainbow .page-editor-controls button,
.themed-page.theme-dexs-midnight-rainbow [class*="editor-controls"] button,
.themed-page.theme-dexs-midnight-rainbow article button[class*="tw-button"],
.themed-page.theme-dexs-midnight-rainbow .rsvp-panel button {
  padding: 0.5rem 1rem !important;
  font-size: inherit !important;
}

/* "Invites Sent" status label - NO border, transparent background */
/* Target by structure: inline-flex with check icon and "Invites Sent" text */
.themed-page.theme-dexs-midnight-rainbow .inline-flex.items-center.gap-1\.5,
.themed-page.theme-dexs-midnight-rainbow .inline-flex[class*="bg-emerald"],
.themed-page.theme-dexs-midnight-rainbow .inline-flex[class*="bg-green"],
.themed-page.theme-dexs-midnight-rainbow [class*="bg-emerald-50"],
.themed-page.theme-dexs-midnight-rainbow [class*="bg-green-50"],
.themed-page.theme-dexs-midnight-rainbow [class*="bg-emerald-100"],
.themed-page.theme-dexs-midnight-rainbow [class*="bg-green-100"] {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  color: var(--dmr-text-secondary) !important;
}

/* More specific: the div containing "Invites Sent" */
.themed-page.theme-dexs-midnight-rainbow div.inline-flex.items-center.gap-1\.5.rounded-full,
.themed-page.theme-dexs-midnight-rainbow span.inline-flex.items-center.gap-1\.5.rounded-full {
  background-color: transparent !important;
  background: transparent !important;
  border: none !important;
  border-width: 0 !important;
}

/* Status badge icons */
.themed-page.theme-dexs-midnight-rainbow .inline-flex.items-center .fa,
.themed-page.theme-dexs-midnight-rainbow .inline-flex.items-center i,
.themed-page.theme-dexs-midnight-rainbow .inline-flex.items-center svg {
  color: var(--dmr-text-secondary) !important;
}

/* ===== Event Type Badge (MEETUP) - Filled Square Icon ===== */
/* The small square icon before "MEETUP" should be filled and smaller */
.themed-page.theme-dexs-midnight-rainbow [class*="event-type"] svg,
.themed-page.theme-dexs-midnight-rainbow [class*="badge"] svg,
.themed-page.theme-dexs-midnight-rainbow .uppercase svg,
.themed-page.theme-dexs-midnight-rainbow article svg[class*="w-"],
.themed-page.theme-dexs-midnight-rainbow article [class*="MEETUP"] svg,
.themed-page.theme-dexs-midnight-rainbow article .text-xs svg {
  width: 0.625rem !important;
  height: 0.625rem !important;
  fill: currentColor !important;
  stroke: none !important;
}

/* If it's using a border-based square, fill it */
.themed-page.theme-dexs-midnight-rainbow [class*="event-type"]::before,
.themed-page.theme-dexs-midnight-rainbow .uppercase.tracking-wider::before {
  background-color: currentColor !important;
}

/* Target the square span/div before MEETUP text */
.themed-page.theme-dexs-midnight-rainbow article .inline-flex.items-center span[class*="border"],
.themed-page.theme-dexs-midnight-rainbow article .inline-flex.items-center div[class*="border"] {
  background-color: var(--dmr-white) !important;
  border-color: var(--dmr-white) !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
}

/* ===== Manage Megamenu Badges (49, 6, etc.) - Subtle Dark Style ===== */
/* These count badges should be black bg, grey text, grey border */
.themed-page.theme-dexs-midnight-rainbow [class*="megamenu"] span[class*="rounded"],
.themed-page.theme-dexs-midnight-rainbow [class*="megamenu"] span[class*="bg-"],
.themed-page.theme-dexs-midnight-rainbow [role="menu"] span[class*="rounded"][class*="bg-"],
.themed-page.theme-dexs-midnight-rainbow [role="menu"] span[class*="text-slate"][class*="bg-"],
.themed-page.theme-dexs-midnight-rainbow nav span[class*="rounded"][class*="bg-slate"],
.themed-page.theme-dexs-midnight-rainbow nav span[class*="rounded"][class*="bg-gray"],
.themed-page.theme-dexs-midnight-rainbow nav span.bg-slate-100,
.themed-page.theme-dexs-midnight-rainbow nav span.bg-slate-200,
.themed-page.theme-dexs-midnight-rainbow nav span.bg-gray-100,
.themed-page.theme-dexs-midnight-rainbow nav span.bg-gray-200,
.themed-page.theme-dexs-midnight-rainbow header span[class*="rounded"][class*="bg-slate"],
.themed-page.theme-dexs-midnight-rainbow header span[class*="rounded"][class*="bg-gray"],
.themed-page.theme-dexs-midnight-rainbow .tw-site-header span[class*="rounded"][class*="bg-"],
.themed-page.theme-dexs-midnight-rainbow details span[class*="rounded"][class*="bg-"],
.themed-page.theme-dexs-midnight-rainbow [class*="absolute"] span[class*="rounded"][class*="bg-"] {
  background-color: var(--dmr-black) !important;
  border: 1px solid var(--dmr-border) !important;
  color: var(--dmr-text-secondary) !important;
}

/* ===== Tools Menu & Submenus - FORCE Black BG, White Text ===== */
/* Admin tools submenu and all nested menus */
.themed-page.theme-dexs-midnight-rainbow nav [class*="submenu"],
.themed-page.theme-dexs-midnight-rainbow nav [class*="Submenu"],
.themed-page.theme-dexs-midnight-rainbow header [class*="submenu"],
.themed-page.theme-dexs-midnight-rainbow .tw-site-header [class*="submenu"],
.themed-page.theme-dexs-midnight-rainbow [class*="admin-tools"],
.themed-page.theme-dexs-midnight-rainbow [class*="sponsorship-tools"],
.themed-page.theme-dexs-midnight-rainbow nav details > div,
.themed-page.theme-dexs-midnight-rainbow nav details > ul,
.themed-page.theme-dexs-midnight-rainbow nav details[open] > div,
.themed-page.theme-dexs-midnight-rainbow nav details[open] > ul {
  background-color: var(--dmr-black) !important;
  border-color: var(--dmr-border) !important;
}

/* All submenu links and text - WHITE */
.themed-page.theme-dexs-midnight-rainbow nav [class*="submenu"] a,
.themed-page.theme-dexs-midnight-rainbow nav [class*="submenu"] span,
.themed-page.theme-dexs-midnight-rainbow nav [class*="submenu"] p,
.themed-page.theme-dexs-midnight-rainbow nav [class*="submenu"] div,
.themed-page.theme-dexs-midnight-rainbow nav details a,
.themed-page.theme-dexs-midnight-rainbow nav details span,
.themed-page.theme-dexs-midnight-rainbow nav details p,
.themed-page.theme-dexs-midnight-rainbow [class*="admin-tools"] a,
.themed-page.theme-dexs-midnight-rainbow [class*="admin-tools"] span,
.themed-page.theme-dexs-midnight-rainbow [class*="admin-tools"] p,
.themed-page.theme-dexs-midnight-rainbow [class*="admin-tools"] div {
  color: var(--dmr-white) !important;
}

/* Submenu description text - slightly muted but still readable */
.themed-page.theme-dexs-midnight-rainbow nav [class*="submenu"] [class*="text-slate"],
.themed-page.theme-dexs-midnight-rainbow nav [class*="submenu"] [class*="text-gray"],
.themed-page.theme-dexs-midnight-rainbow nav [class*="submenu"] .text-sm,
.themed-page.theme-dexs-midnight-rainbow nav details [class*="text-slate"],
.themed-page.theme-dexs-midnight-rainbow nav details [class*="text-gray"],
.themed-page.theme-dexs-midnight-rainbow [class*="admin-tools"] [class*="text-slate"],
.themed-page.theme-dexs-midnight-rainbow [class*="admin-tools"] [class*="text-gray"] {
  color: var(--dmr-text-secondary) !important;
}

/* Submenu hover - dark grey bg, WHITE text */
.themed-page.theme-dexs-midnight-rainbow nav [class*="submenu"] a:hover,
.themed-page.theme-dexs-midnight-rainbow nav [class*="submenu"] a:hover span,
.themed-page.theme-dexs-midnight-rainbow nav [class*="submenu"] a:hover p,
.themed-page.theme-dexs-midnight-rainbow nav [class*="submenu"] a:hover div,
.themed-page.theme-dexs-midnight-rainbow nav details a:hover,
.themed-page.theme-dexs-midnight-rainbow nav details a:hover span,
.themed-page.theme-dexs-midnight-rainbow nav details a:hover p,
.themed-page.theme-dexs-midnight-rainbow [class*="admin-tools"] a:hover,
.themed-page.theme-dexs-midnight-rainbow [class*="admin-tools"] a:hover span,
.themed-page.theme-dexs-midnight-rainbow [class*="admin-tools"] a:hover p,
.themed-page.theme-dexs-midnight-rainbow [class*="admin-tools"] a:hover div {
  background-color: var(--dmr-elevated) !important;
  color: var(--dmr-white) !important;
}

/* ===== City Menu Panel Positioning Fix ===== */
/* Prevent city menu panel from overlapping nav items */
.themed-page.theme-dexs-midnight-rainbow .tw-city-menu {
  position: relative;
  z-index: 20;
}

/* City menu panel should not extend beyond its container when visible */
.themed-page.theme-dexs-midnight-rainbow .tw-city-menu-panel {
  z-index: 30 !important;
}

/* Ensure nav items are visible and have proper stacking */
.themed-page.theme-dexs-midnight-rainbow .tw-site-header nav[data-header-nav] {
  position: relative;
  z-index: 25 !important;
}

/* Fix: City menu summary/button should not overflow or extend beyond bounds */
.themed-page.theme-dexs-midnight-rainbow .tw-city-menu > summary {
  display: inline-flex;
  align-items: center;
  position: relative;
  z-index: 21;
}

/* When city menu is closed, ensure it doesn't block nav items */
.themed-page.theme-dexs-midnight-rainbow .tw-city-menu:not([open]) .tw-city-menu-panel {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

/* When city menu IS open, bring panel to front */
.themed-page.theme-dexs-midnight-rainbow .tw-city-menu[open] {
  z-index: 40 !important;
}

.themed-page.theme-dexs-midnight-rainbow .tw-city-menu[open] .tw-city-menu-panel {
  z-index: 50 !important;
}

/* ===== Print Styles ===== */
@media print {
  .themed-page.theme-dexs-midnight-rainbow {
    background: white;
    color: black;
  }

  .themed-page.theme-dexs-midnight-rainbow .terminal-chrome {
    border: 1px solid #ccc;
  }

  .themed-page.theme-dexs-midnight-rainbow .terminal-header {
    display: none;
  }
}