/* ─── Make regforms table rows look like action-box banners ──────────────── */

#regforms-list {
  border: none !important;
  background: transparent !important;
  width: 100%;
  border-collapse: separate !important;
  border-spacing: 0 0.5rem !important;
}

#regforms-list thead {
  display: none !important;
}

#regforms-list tbody tr {
  display: flex !important;
  align-items: center !important;
  background: #edf3fd !important;
  border: 1px solid #09c !important;
  border-radius: 2px !important;
  padding: 10px 14px !important;
  margin-bottom: 0.5rem !important;
  gap: 1rem;
}

#regforms-list tbody tr td {
  border: none !important;
  background: transparent !important;
  padding: 4px 0 !important;
}

/* Form name — acts as the banner label */
#regforms-list tbody tr td:first-child {
  flex: 1 !important;
  font-weight: bold !important;
  font-size: 1rem !important;
  color: #333 !important;
}

/* Hide Opens / Closes date columns */
#regforms-list tbody tr td:nth-child(2),
#regforms-list tbody tr td:nth-child(3) {
  display: none !important;
}

/* Action button column */
#regforms-list tbody tr td.regform-actions {
  flex-shrink: 0 !important;
}

#regforms-list tbody tr td.regform-actions a.i-button {
  background: #1a64a0 !important;
  color: white !important;
  border-color: #1a64a0 !important;
  font-weight: bold !important;
}

#regforms-list tbody tr td.regform-actions a.i-button:hover {
  background: #0f4c80 !important;
  border-color: #0f4c80 !important;
}

/* ─── Pull the regforms list to the top of the overview, with the other banners ── */

.conferenceDetails {
  display: flex !important;
  flex-direction: column !important;
}

.conferenceDetails .action-box.highlight {
  order: -30 !important;
}

/* If regforms-list appears inside .conferenceDetails, pull it up too */
.conferenceDetails #regforms-list,
.conferenceDetails .regforms-list-container,
.conference-page .page-content #regforms-list {
  order: -25 !important;
}

.conferenceDetails .infogrid {
  order: -20 !important;
}

.conferenceDetails .description {
  order: 0 !important;
}

/* ─── Highlight "Financial Support" in the left menu ─────────────────────── */

/* Target the Financial Support link by its href */
a[href*="registrations/4117"] {
  color: #bd891a !important;
  font-weight: bold !important;
}

/* Add exclamation marks before and after */
a[href*="registrations/4117"]::before {
  content: "⚠ ";
}

a[href*="registrations/4117"]::after {
  content: " !!";
  color: #bd891a;
}

/* Optional: add a subtle highlight background on the menu item */
li:has(> a[href*="registrations/4117"]) {
  background: #fdf6e3 !important;
  border-left: 3px solid #bd891a !important;
  padding-left: 4px;
}