/* Teszt + Teszt admin nézetek */
.view--name--teszt .test-view-groups,
.view--name--teszt-admin .test-view-groups {
  margin-top: 20px;
}

/* Csoport blokk */
.view--name--teszt .test-view-groups .role-block,
.view--name--teszt-admin .test-view-groups .role-block {
  margin-bottom: 30px;
  padding: 15px;
  border-radius: 8px;
  background: #f7f7f7;
  border: 1px solid #ddd;
}

/* Csoport címe */
.view--name--teszt .test-view-groups .role-title,
.view--name--teszt-admin .test-view-groups .role-title {
  margin: 0 0 10px 0;
  font-size: 1.4em;
  font-weight: 600;
  color: #333;
}

/* Gombok tárolója */
.view--name--teszt .test-view-groups .btn-container,
.view--name--teszt-admin .test-view-groups .btn-container {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

/* Gomb kinézete */
.view--name--teszt .test-view-groups .role-btn,
.view--name--teszt-admin .test-view-groups .role-btn {
  display: inline-block;
  padding: 4px 10px;
  background: var(--color-primary);
  color: var(--color-dark);
  border: 1px solid var(--color-primary);
  border-radius: 20px;
  text-decoration: none !important;
  font-size: 0.85rem;
  font-weight: 500;
  transition: 0.15s ease-in-out;
  line-height: 1.2;
}

/* Hover állapot */
.view--name--teszt .test-view-groups .role-btn:hover,
.view--name--teszt-admin .test-view-groups .role-btn:hover {
  background: var(--color-primary-dark);
  border-color: var(--color-primary-dark);
  color: var(--color-dark);
  text-decoration: none !important;
}

/* Mobilbarát gombok */
@media (max-width: 600px) {
  .view--name--teszt .test-view-groups .role-btn,
  .view--name--teszt-admin .test-view-groups .role-btn {
    padding: 6px 12px;
    width: auto;
  }
}

/* Csoportok konténere: grid asztali nézetben */
.view--name--teszt .test-view-groups,
.view--name--teszt-admin .test-view-groups {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
  gap: 20px;
}

/* Csoport blokk (kártya) */
.view--name--teszt .test-view-groups .role-block,
.view--name--teszt-admin .test-view-groups .role-block {
  padding: 15px;
  border-radius: 8px;
  background: #f7f7f7;
  border: 1px solid #ddd;
}

/* Mobilon visszavált egymás alatti listára */
@media (max-width: 700px) {
  .view--name--teszt .test-view-groups,
  .view--name--teszt-admin .test-view-groups {
    display: block;
  }

  .view--name--teszt .test-view-groups .role-block,
  .view--name--teszt-admin .test-view-groups .role-block {
    margin-bottom: 20px;
  }
}

/* Vissza gomb */
.content-before .vissza-gomb {
  display: inline-block !important;
  padding: 6px 12px !important;
  background: var(--color-primary) !important;
  color: var(--color-dark) !important;
  border-radius: 4px !important;
  text-decoration: none !important;
  margin-bottom: 12px !important;
  font-weight: 600 !important;
}
.content-before .vissza-gomb:hover {
  background: var(--color-primary-dark) !important;
}
.accordion-content {
  border: 1px solid #ddd;
  padding: 12px 16px;
  margin-top: 4px;
  border-radius: 6px;
  background: #fff;
}