/* Wrapper */
.reunion-attendee-list {
    margin: 40px 0;
    font-family: inherit;
    color:#fff;
}

/* Pending message */
.reunion-attendee-list--pending {
    padding: 30px;
    background: rgba(0,0,0,0.4);
    border: 1px solid #4f4d8c;
    text-align: center;
    font-size: 15px;
    border-radius: 20px;
}

/* UL/OL layout */
.reunion-attendee-list--list {
    list-style:circle;
    padding: 0;
    margin: 0;
    padding-left: 30px;
    display: flex;
    flex-wrap:wrap;
   
    
}


.reunion-attendee-list--list-outer{
    max-height:250px;
    overflow:none;
    position: relative;
    overflow:hidden;

}

.reunion-attendee-list-dir{
    position:absolute;

    right:10px;
    line-height: 1em;;
    height:65px;
    color:rgba(255,255,255,0.2);
    font-size:2.6em;
    
    z-index:35;
    height:25px;
    
   
    top:50%;
}

.reunion-attendee-list-dir-clickable{
    color:rgba(255,255,255,1);
        cursor:pointer;
}



.reunion-attendee-list-dir i{
    position:relative;
  display:block;
}

.reunion-attendee-list-dirdown i{
    
     top:-25%;
}

.reunion-attendee-list-dirdown{
     top:64%;
}

.reunion-attendee-list-dirup{
    top:27%;
}

/* Default: dim arrows */
.reunion-attendee-list-dir .fa-chevron-down,
.reunion-attendee-list-dir .fa-chevron-up {
  color: rgba(255,255,255,0.25);
  transition: color 0.2s ease, opacity 0.2s ease;
  cursor: pointer;
}

/* Enable down arrow when content can scroll down */
.reunion-attendee-list.reunion-list-can-scroll-down
.reunion-attendee-list-dirdown .fa-chevron-down {
  color: rgba(255,255,255,1);
}

/* Enable up arrow when content can scroll up */
.reunion-attendee-list.reunion-list-can-scroll-up
.reunion-attendee-list-dirup .fa-chevron-up {
  color: rgba(255,255,255,1);
}

/* Optional: prevent clicking when disabled (still shows pointer unless you do this) */
.reunion-attendee-list:not(.reunion-list-can-scroll-down) .reunion-attendee-list-dirdown {
  pointer-events: none;
}
.reunion-attendee-list:not(.reunion-list-can-scroll-up) .reunion-attendee-list-dirup {
  pointer-events: none;
}

/* Individual name */
.reunion-attendee-list--list li {
    padding: 8px 0;
  
    font-size: 16px;
    margin-left:30px;
    min-width:140px;

}

/* Inline div mode */
.reunion-attendee-list--div {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}

.reunion-attendee-name {
    background: #f4f7fb;
    padding: 8px 14px;
    border-radius: 20px;
    font-size: 14px;
}

/* CSV mode */
.reunion-attendee-list--csv {
    font-size: 16px;
    line-height: 1.6;
}