/**
 * FlowContent Analytics Template Styles
 */
.flowcontent-tabs .tab-content { display: none; padding: 20px 0; }
.flowcontent-tabs .tab-content.active { display: block; }
.flowcontent-analytics-grid, .flowcontent-seo-grid, .flowcontent-monitoring-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 20px; }
.stats-row { display: flex; gap: 20px; margin: 20px 0; flex-wrap: wrap; }
.stat-box { flex: 1; min-width: 80px; text-align: center; padding: 15px; background: #f5f5f5; border-radius: 5px; }
.stat-box.warning { background: #fff3cd; }
.stat-box.critical { background: #f8d7da; }
.stat-box.good { background: #d4edda; }
.stat-value { display: block; font-size: 24px; font-weight: bold; }
.stat-label { display: block; font-size: 12px; color: #666; }
.seo-score-display { text-align: center; margin: 20px 0; }
.score-circle { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 100px; height: 100px; border-radius: 50%; color: #fff; }
.score-circle.score-good { background: #46b450; }
.score-circle.score-ok { background: #ffb900; }
.score-circle.score-poor { background: #dc3232; }
.score-circle.score-unknown { background: #999; }
.score-circle .score-value { font-size: 32px; font-weight: bold; }
.score-circle .score-max { font-size: 14px; }
.score-label { margin-top: 10px; color: #666; }
.referrers-list li { display: flex; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #eee; }
.health-checks li { padding: 8px 0; border-bottom: 1px solid #eee; }
.health-checks li.passed .check-icon { color: #46b450; }
.health-checks li.failed .check-icon { color: #dc3232; }
.health-score-display { text-align: center; margin: 20px 0; }
.health-score-display .score-circle { display: inline-flex; align-items: center; justify-content: center; width: 80px; height: 80px; border-radius: 50%; color: #fff; font-size: 20px; font-weight: bold; }
.no-data { color: #666; font-style: italic; }

/* Anomalies */
.anomaly-item { padding: 12px; margin-bottom: 10px; border-radius: 5px; 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: #e9ecef; border-color: #6c757d; }
.anomaly-info { background: #d1ecf1; border-color: #17a2b8; }
.anomaly-header { display: flex; align-items: center; gap: 10px; margin-bottom: 5px; }
.anomaly-badge { display: inline-block; padding: 2px 8px; border-radius: 3px; font-size: 10px; text-transform: uppercase; font-weight: 600; color: #fff; }
.badge-critical { background: #dc3545; }
.badge-high { background: #e74c3c; }
.badge-medium { background: #ffc107; color: #000; }
.badge-low { background: #6c757d; }
.badge-info { background: #17a2b8; }
.anomaly-title { font-weight: 600; }
.anomaly-post { font-size: 11px; color: #666; }
.anomaly-description { font-size: 13px; color: #555; margin-bottom: 5px; }
.anomaly-suggestion { font-size: 12px; color: #28a745; }
.badge { background: #0073aa; color: #fff; padding: 2px 8px; border-radius: 10px; font-size: 12px; }
.score-badge { display: inline-block; padding: 4px 10px; border-radius: 4px; font-weight: 600; color: #fff; }
.score-badge.good { background: #46b450; }
.score-badge.ok { background: #ffb900; }
.score-badge.poor { background: #dc3232; }