/* Step 4 - Plugin Recommendations Styles */

.plugin-actions {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid #e0e0e0;
}

.plugin-actions .button {
    margin-right: 10px;
    margin-bottom: 5px;
}

.plugin-info-notice {
    background: #e7f3ff;
    border: 1px solid #0073aa;
    padding: 15px;
    margin: 20px 0;
    border-radius: 4px;
    color: #0073aa;
}

.plugin-info-notice strong {
    color: #005177;
}

.feature-card.required {
    border-left: 4px solid #dc3232;
}

.feature-card.installed {
    border-left: 4px solid #46b450;
}

.feature-card.optional {
    border-left: 4px solid #ffb900;
}

.required-badge {
    background: #dc3232;
    color: white;
}

.installed-badge {
    background: #46b450;
    color: white;
}

.optional-badge {
    background: #ffb900;
    color: white;
}