/**
 * FlowContent SEO Metabox Styles
 */
.flowcontent-seo-metabox { padding: 10px 0; }
.flowcontent-seo-metabox .seo-header {
    display: flex;
    align-items: center;
    gap: 15px;
    margin-bottom: 15px;
}
.flowcontent-seo-metabox .seo-score {
    display: inline-block;
    padding: 10px 15px;
    border-radius: 8px;
    text-align: center;
}
.seo-score-good { background: #d4edda; color: #155724; }
.seo-score-ok { background: #fff3cd; color: #856404; }
.seo-score-poor { background: #f8d7da; color: #721c24; }
.seo-score-unknown { background: #e2e3e5; color: #6c757d; }
.score-value { font-size: 28px; font-weight: bold; display: block; }
.score-label { font-size: 12px; opacity: 0.8; }
.audit-date { color: #666; font-size: 12px; }
.seo-actions { margin: 15px 0; display: flex; align-items: center; gap: 10px; }
.anomalies-container { margin-top: 20px; border-top: 1px solid #ddd; padding-top: 15px; }
.anomalies-container h4 { margin: 0 0 10px; }
.anomalies-list { max-height: 300px; overflow-y: auto; }
.anomaly-item {
    padding: 10px;
    margin-bottom: 8px;
    border-radius: 4px;
    border-left: 4px solid;
}
.anomaly-critical { background: #f8d7da; border-color: #dc3545; }
.anomaly-high { background: #f8d7da; border-color: #e74c3c; }
.anomaly-medium { background: #fff3cd; border-color: #ffc107; }
.anomaly-low { background: #e2e3e5; border-color: #6c757d; }
.anomaly-info { background: #d1ecf1; border-color: #17a2b8; }
.anomaly-issue { font-weight: 600; margin-bottom: 4px; }
.anomaly-description { font-size: 12px; color: #666; margin-bottom: 4px; }
.anomaly-suggestion { font-size: 12px; color: #28a745; font-style: italic; }
.anomaly-meta { font-size: 11px; color: #999; margin-top: 5px; }
.anomaly-badge {
    display: inline-block;
    padding: 2px 6px;
    border-radius: 3px;
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 600;
    margin-right: 5px;
}
.badge-critical { background: #dc3545; color: #fff; }
.badge-high { background: #e74c3c; color: #fff; }
.badge-medium { background: #ffc107; color: #000; }
.badge-low { background: #6c757d; color: #fff; }
.badge-info { background: #17a2b8; color: #fff; }