/* v24.11.14 – Teilnehmerliste reagiert auf die echte Breite ihres Inhaltsbereichs.
   Die Sidebar reduziert die nutzbare Breite, daher reicht eine reine Viewport-Media-Query nicht aus. */
#orCampusApp .or-campus-participants-table-modern.v3811{
  container-type:inline-size;
  container-name:or-campus-participant-list;
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}
#orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-table.v3811,
#orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-table-head.v3811,
#orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-table-row.v3811{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

@media (min-width:981px){
  /* Mittlere Inhaltsbreite: Stammdaten bleiben tabellarisch, Aktionen wandern in eine
     eigene volle Zeile und bleiben rechts innerhalb des Teilnehmerbereichs. */
  @container or-campus-participant-list (max-width: 1240px){
    #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-table-head.v3811,
    #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-table-row.v3811.v734{
      grid-template-columns:minmax(190px,1.35fr) minmax(92px,.7fr) minmax(125px,.9fr) minmax(108px,.75fr) minmax(105px,.7fr) 56px 56px!important;
      column-gap:12px!important;
    }
    #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-table-head.v3811 > *:nth-child(8){
      display:none!important;
    }
    #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-cell.actions.v3811.v734{
      grid-column:1/-1!important;
      width:100%!important;
      max-width:100%!important;
      min-width:0!important;
      justify-content:flex-end!important;
      align-items:center!important;
      margin:0!important;
      box-sizing:border-box!important;
    }
    #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-primary-actions-v734{
      margin-left:auto!important;
      max-width:100%!important;
      min-width:0!important;
      justify-content:flex-end!important;
    }
    #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-more-actions-v734.v735{
      flex:0 0 auto!important;
      min-width:0!important;
    }
    #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-more-actions-panel-v734.v735{
      right:0!important;
      left:auto!important;
      max-width:min(560px, calc(100cqw - 24px))!important;
    }
    #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-more-actions-panel-v734.v735:has(.or-campus-training-inline-v3811[open]){
      width:min(680px, calc(100cqw - 24px))!important;
      min-width:min(520px, calc(100cqw - 24px))!important;
      max-width:min(680px, calc(100cqw - 24px))!important;
    }
  }

  /* Noch schmaler: Werte dürfen stärker schrumpfen, Aktionen bleiben weiterhin im Container. */
  @container or-campus-participant-list (max-width: 1040px){
    #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-table-head.v3811,
    #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-table-row.v3811.v734{
      grid-template-columns:minmax(170px,1.3fr) minmax(88px,.65fr) minmax(112px,.85fr) minmax(102px,.72fr) minmax(90px,.65fr) 50px 50px!important;
      column-gap:10px!important;
    }
    #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-table-row.v3811.v734{
      padding-left:14px!important;
      padding-right:14px!important;
    }
    #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-table-head.v3811{
      padding-left:14px!important;
      padding-right:14px!important;
    }
    #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-primary-actions-v734{
      flex-wrap:wrap!important;
    }
  }

}

/* Fallback für Browser ohne Container Queries: verhindert zumindest horizontales Herauslaufen. */
@supports not (container-type:inline-size){
  #orCampusApp .or-campus-participants-table-modern.v3811,
  #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-table.v3811,
  #orCampusApp .or-campus-participants-table-modern.v3811 .or-campus-user-table-row.v3811{
    max-width:100%!important;
    min-width:0!important;
  }
}