/* Reaction Modal Fixes - Override WoWonder styles */

/* Add divider line ABOVE user list - MULTIPLE SELECTORS FOR STRENGTH */
#users-reacted-modal .wo_react_ursrs_list,
.sun_modal#users-reacted-modal .wo_react_ursrs_list,
div#users-reacted-modal .wo_react_ursrs_list {
    border-top: 1px solid #e0e0e0 !important;
    padding-top: 15px !important;
    margin-top: 15px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    max-height: 450px !important;
}

/* Fix avatar and reaction badge positioning */
#users-reacted-modal .who_react_to_this_user,
.sun_modal#users-reacted-modal .who_react_to_this_user,
div#users-reacted-modal .who_react_to_this_user {
    display: flex !important;
    align-items: center !important;
    padding: 10px 15px !important;
}

#users-reacted-modal .who_react_to_this_user .avatar {
    position: relative !important;
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    margin-right: 15px !important;
}

#users-reacted-modal .who_react_to_this_user .avatar img {
    width: 100% !important;
    height: 100% !important;
    border-radius: 50% !important;
}

/* Position reaction badge on avatar */
#users-reacted-modal .who_react_to_this_user .avatar .wo_who_react_this,
#users-reacted-modal .who_react_to_this_user .avatar #inline_emo_react {
    position: absolute !important;
    bottom: -4px !important;
    right: -4px !important;
    width: 18px !important;
    height: 18px !important;
    background: transparent !important;
}

/* Ensure username doesn't overlap */
#users-reacted-modal .who_react_to_this_user .who_react_to_this_user_info {
    flex: 1 !important;
    min-width: 0 !important;
    overflow: hidden !important;
}