/* Version 5.6.4 — definitive mobile participant selector repair */

#create-ticket-form .participant-selector-card{
    width:100%;
    min-width:0;
}

#create-ticket-form #participant-users.participant-checkbox-list{
    display:block;
    width:100%;
    min-width:0;
    max-height:320px;
    overflow-y:auto;
    overflow-x:hidden;
    border:1px solid #cbd5df;
    border-radius:9px;
    background:#fff;
    -webkit-overflow-scrolling:touch;
}

#create-ticket-form #participant-users > label.participant-checkbox-row{
    display:grid;
    grid-template-columns:22px minmax(0,1fr);
    align-items:center;
    gap:11px;
    width:100%;
    min-width:0;
    min-height:58px;
    margin:0;
    padding:10px 12px;
    box-sizing:border-box;
    border:0;
    border-bottom:1px solid #edf0f3;
    border-radius:0;
    background:#fff;
    color:#1f2937;
    cursor:pointer;
    visibility:visible;
    opacity:1;
}

#create-ticket-form #participant-users > label.participant-checkbox-row:last-child{
    border-bottom:0;
}

#create-ticket-form #participant-users > label.participant-checkbox-row:hover,
#create-ticket-form #participant-users > label.participant-checkbox-row:focus-within{
    background:#f6f9fc;
}

#create-ticket-form #participant-users > label.participant-checkbox-row:has(
    input[type="checkbox"]:checked
){
    background:#eaf4fc;
}

#create-ticket-form #participant-users
> label.participant-checkbox-row
> input[type="checkbox"]{
    display:block;
    position:static;
    width:20px;
    min-width:20px;
    max-width:20px;
    height:20px;
    min-height:20px;
    max-height:20px;
    margin:0;
    padding:0;
    border:initial;
    border-radius:initial;
    box-shadow:none;
    appearance:auto;
    -webkit-appearance:checkbox;
    flex:none;
    grid-column:1;
}

#create-ticket-form #participant-users
> label.participant-checkbox-row
> span{
    display:grid;
    grid-template-columns:1fr;
    gap:3px;
    width:100%;
    min-width:0;
    margin:0;
    padding:0;
    color:#1f2937;
    visibility:visible;
    opacity:1;
    grid-column:2;
}

#create-ticket-form #participant-users
> label.participant-checkbox-row
> span
> strong{
    display:block;
    width:100%;
    min-width:0;
    margin:0;
    color:#1f2937;
    font-size:.96rem;
    font-weight:750;
    line-height:1.25;
    white-space:normal;
    overflow:visible;
    overflow-wrap:anywhere;
    visibility:visible;
    opacity:1;
}

#create-ticket-form #participant-users
> label.participant-checkbox-row
> span
> small{
    display:block;
    width:100%;
    min-width:0;
    margin:0;
    color:#667085;
    font-size:.82rem;
    line-height:1.25;
    white-space:normal;
    overflow:visible;
    overflow-wrap:anywhere;
    visibility:visible;
    opacity:1;
}

#create-ticket-form #participant-users
> label.participant-checkbox-row[hidden]{
    display:none;
}

@media(max-width:760px){
    #create-ticket-form .participant-selector-heading{
        display:grid;
        grid-template-columns:1fr;
        gap:10px;
    }

    #create-ticket-form .participant-selector-actions{
        display:grid;
        grid-template-columns:1fr 1fr;
        gap:8px;
        width:100%;
    }

    #create-ticket-form .participant-selector-actions button{
        width:100%;
        min-width:0;
    }

    #create-ticket-form .participant-search{
        width:100%;
        margin:0 0 8px;
    }

    #create-ticket-form #participant-users.participant-checkbox-list{
        max-height:300px;
    }
}