/**
 * File Renamer CSS
 */

.rename-media-wrapper {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
}

.rename-media-filename {
    flex: 1;
    margin-right: 8px;
}

.rename-media-status {
    margin-left: 8px;
    font-style: italic;
}

.rename-media-status .success {
    color: #46b450;
}

.rename-media-status .error {
    color: #dc3232;
} 

tr.compat-field-rename_media th {
    vertical-align: text-bottom;
}

/**
 * File Replacer CSS
 */

 .replace-media-wrapper {
    margin-bottom: 10px;
}

.replace-media-file {
    display: none;
}

.replace-media-progress {
    margin-top: 10px;
    display: flex;
    align-items: center;
}

.replace-media-progress progress {
    flex: 1;
    margin-right: 8px;
}

.replace-media-status {
    margin-top: 8px;
    font-style: italic;
    font-weight: bold;
}

.replace-media-status .success {
    color: #46b450;
    font-weight: normal;
}

.replace-media-status .error {
    color: #dc3232;
    font-weight: normal;
}

tr.compat-field-replace_media th {
    vertical-align: text-bottom;
}

/* Quick replace button styles */
.replace-rename-quick-btns {
    margin-top: 10px;
    display: flex;
    gap: 8px;
}

.replace-rename-quick-btns .button {
    flex: 1;
    text-align: center;
}

.replace-rename-list-btns {
    margin-top: 5px;
    display: flex;
    gap: 5px;
}