/* === GENERAL STRUCTURE === */
.section-header {
  width: 100%;
}

.mod-right-menu {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  overflow-x: hidden;
  color: var(--nexus-white);
  text-decoration: none;
  font-weight: 400;
  font-size: .92em;
  transition: color .2s;
}

.mod-right-menu table {
  border-collapse: collapse;
  margin: 0;
  white-space: nowrap;
}

.mod-right-menu th,
.mod-right-menu td {
  text-align: center;
  padding: 2px 8px;
  border: none;
}

.mod-right-menu th {
  font-size: 0.8rem;
  color: var(--muted-color, #aaa);
  font-weight: 600;
}

/* === BUTTONS AND ICONS === */
.like-button-unique,
.report-btn-custom {
  width: 36px;
  height: 32px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}


/* === BADGE === */
.badge {
  font-size: 0.8rem;
  padding: 0.3rem 0.5rem;
}



/* === RESPONSIVE === */
@media (max-width: 767px) {
  .section-header {
    flex-wrap: wrap;
  }

  .mod-right-menu {
    justify-content: flex-start;
    margin-top: 8px;
  }

  .mod-right-menu table {
    font-size: 0.85rem;
  }
}

/* === REQUIREMENTS NAV MENU (mirror edit-nav-menu) === */
.requirements-nav-menu {
  min-width: 240px;
  max-width: 320px;
}

.requirements-nav-menu .card {
  background: var(--nexus-dark);
  border-radius: 12px;
  box-shadow: 0 2px 16px rgba(0,0,0,0.10);
  border: 1px solid var(--nexus-description );
  padding: 12px;
}

.requirements-list ul { margin: 0; padding: 0; }
.requirements-list ul { margin: 0; padding: 0; border-collapse: collapse; width: 100%; }
.requirements-list li { list-style: none; display: flex; gap: 12px; align-items: center; padding: 6px 0; border-bottom: 1px solid rgba(255,255,255,0.04); }
.requirements-list li:last-child { border-bottom: none; }
.requirements-list .requirement-title { flex: 1 1 auto; min-width: 0; }
.requirements-list .requirement-title a { color: var(--nexus-white); text-decoration: none; display: inline-block; max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.requirements-list .requirement-meta { flex: 0 0 auto; color: var(--nexus-gold); font-size: 0.85rem; }
.requirements-list .delete-requirement-btn { font-size: 0.9rem; line-height: 1; padding: 2px 8px; }
.requirements-list .requirement-icon { margin-right: 8px; color: var(--nexus-gold); }