/* Event image strip (edit event) */
.eventImageField{
    display:flex;
    flex-direction:column;
    gap:8px;
    margin:4px 0 8px;
}
.eventImageFieldLabel{
    font-weight:600;
    color:#374151;
    font-size:0.95rem;
}
.eventImageHint{
    margin:0;
    font-size:0.85rem;
}
.eventImageStrip{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    gap:12px;
    overflow-x:auto;
    padding:4px 2px 10px;
    min-height:132px;
    -webkit-overflow-scrolling:touch;
}
.eventImageEmpty{
    margin:0;
    color:#6b7280;
    font-size:0.9rem;
    align-self:center;
}
.eventImageCard{
    flex:0 0 auto;
    width:140px;
    border:1px solid #e5e7eb;
    border-radius:12px;
    overflow:hidden;
    background:#fff;
    display:flex;
    flex-direction:column;
}
.eventImageCard.is-lead{
    border-color:#5b4df8;
    box-shadow:0 0 0 2px rgba(91,77,248,.25);
}
.eventImageMedia{
    position:relative;
    width:140px;
    height:96px;
}
.eventImageThumb{
    width:140px;
    height:96px;
    object-fit:cover;
    display:block;
    background:#f3f4f6;
}
.eventImageDeleteBtn{
    appearance:none;
    -webkit-appearance:none;
    position:absolute;
    top:4px;
    right:6px;
    z-index:2;
    width:auto;
    height:auto;
    min-width:0;
    display:inline;
    border:none !important;
    border-radius:0;
    background:none !important;
    background-color:transparent !important;
    box-shadow:none !important;
    color:#dc2626;
    font:inherit;
    font-size:1.25rem;
    font-weight:700;
    line-height:1;
    cursor:pointer;
    padding:0;
    margin:0;
    text-shadow:0 0 2px rgba(255,255,255,.9), 0 1px 2px rgba(0,0,0,.35);
}
.eventImageDeleteBtn:hover,
.eventImageDeleteBtn:focus-visible{
    background:none !important;
    border:none !important;
    color:#b91c1c;
    outline:none;
}
.eventImageCardActions{
    display:flex;
    flex-direction:column;
    gap:4px;
    padding:6px;
}
.eventImageLeadBtn{
    appearance:none;
    -webkit-appearance:none;
    border:1px solid #e5e7eb;
    border-radius:8px;
    background:#fff;
    font:inherit;
    font-size:0.75rem;
    font-weight:600;
    padding:6px 8px;
    cursor:pointer;
    color:#374151;
    box-shadow:none;
    outline:none;
}
.eventImageLeadBtn.is-active{
    background:#5b4df8;
    border-color:#5b4df8;
    color:#fff;
    box-shadow:none;
}
.eventImageActions{
    display:flex;
    flex-wrap:wrap;
    gap:8px;
}
.eventImageMediaPicker{
    border:1px solid #e5e7eb;
    border-radius:12px;
    padding:12px;
    background:#f9fafb;
}
.eventImagePickerTitle{
    margin:0 0 8px;
    font-size:0.85rem;
    font-weight:600;
    color:#4b5563;
}
.eventImagePickerRow{
    display:flex;
    flex-direction:row;
    flex-wrap:nowrap;
    gap:8px;
    overflow-x:auto;
    padding-bottom:4px;
}
.eventImagePickerItem{
    appearance:none;
    border:1px solid #e5e7eb;
    border-radius:10px;
    padding:0;
    background:#fff;
    cursor:pointer;
    flex:0 0 auto;
    overflow:hidden;
}
.eventImagePickerItem img{
    width:88px;
    height:66px;
    object-fit:cover;
    display:block;
}
.eventImagePickerItem:hover{
    border-color:#5b4df8;
}