.home-bottom-grid,
.home-bottom-grid > .bottom-panel,
.association-panel {
  max-width: 100%;
  min-width: 0;
}

.association-panel {
  overflow: hidden;
}

.association-panel .section-heading {
  display: block !important;
  margin: 0 !important;
  max-width: 100%;
  position: relative;
  visibility: visible !important;
  width: 100%;
  z-index: 2;
}

.review-panel .section-heading {
  margin: 0 !important;
}

.review-panel .section-heading h2 {
  margin-top: 0 !important;
}

.association-panel .section-kicker {
  display: none !important;
}

.association-panel .section-heading h2 {
  color: #30348f !important;
  display: block !important;
  font-size: 28px !important;
  line-height: 1.2 !important;
  margin: 0 0 10px !important;
  opacity: 1 !important;
  text-align: center;
  visibility: visible !important;
}

.support-member-viewport {
  max-width: 100%;
  min-width: 0;
  overflow: hidden;
  padding: 6px 0;
  width: 100%;
}

.support-member-track {
  animation: latest-defaulter-scroll 35s linear infinite;
  display: flex;
  gap: 14px;
  width: max-content;
}

.support-member-viewport:hover .support-member-track {
  animation-play-state: paused;
}

.support-member-card {
  align-items: center;
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 10px;
  display: flex;
  flex: 0 0 190px;
  height: 115px;
  justify-content: center;
  overflow: hidden;
  padding: 10px;
}

.support-member-card img {
  height: 100%;
  object-fit: contain;
  width: 100%;
}

.support-member-viewport.is-empty,
.support-member-empty {
  color: #64748b;
  padding: 18px 0;
}

.support-member-menu-icon {
  align-items: center;
  border: 1px solid currentColor;
  border-radius: 4px;
  display: inline-flex;
  font-size: 8px;
  font-weight: 900;
  height: 17px;
  justify-content: center;
  width: 17px;
}

.support-member-admin {
  display: grid;
  gap: 22px;
}

.support-member-form,
.support-member-list-panel {
  background: #fff;
  border: 1px solid #e2e8f0;
  border-radius: 12px;
  padding: 22px;
}

.support-member-form {
  align-items: end;
  display: grid;
  gap: 18px;
  grid-template-columns: minmax(220px, 1fr) minmax(260px, 1fr) auto;
}

.support-member-form h2,
.support-member-list-panel h2 {
  color: #172554;
  margin: 0 0 5px;
}

.support-member-form p,
.support-member-list-panel p {
  color: #64748b;
  margin: 0;
}

.support-member-message {
  grid-column: 1 / -1;
  min-height: 20px;
}

.support-member-message.success { color: #047857; }
.support-member-message.error { color: #b91c1c; }

.support-member-list-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin-bottom: 18px;
}

.support-member-table-wrap { overflow-x: auto; }
.support-member-table { border-collapse: collapse; min-width: 620px; width: 100%; }
.support-member-table th,
.support-member-table td { border-bottom: 1px solid #e2e8f0; padding: 12px; text-align: left; }
.support-member-table th { background: #f8fafc; color: #475569; font-size: 12px; text-transform: uppercase; }
.support-member-table img { background: #f8fafc; border-radius: 8px; height: 70px; object-fit: contain; width: 120px; }
.support-member-form-actions,
.support-member-table td:last-child { align-items: center; display: flex; gap: 8px; }
.support-member-edit { background: #eef2ff; border: 1px solid #c7d2fe; border-radius: 7px; color: #30348f; cursor: pointer; font-weight: 800; padding: 8px 12px; }
.support-member-delete { background: #fff1f2; border: 1px solid #fecdd3; border-radius: 7px; color: #be123c; cursor: pointer; font-weight: 800; padding: 8px 12px; }

@media (max-width: 800px) {
  .support-member-form { grid-template-columns: 1fr; }
  .support-member-message { grid-column: auto; }
  .support-member-card { flex-basis: 150px; height: 95px; }
}
