.ring-health-dashboard.svelte-sa20ii{padding:2rem;max-width:1400px;margin:0 auto}.dashboard-header.svelte-sa20ii{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid #e5e7eb}.header-left.svelte-sa20ii h1:where(.svelte-sa20ii){margin:0 0 .5rem;font-size:1.75rem;font-weight:700;color:#111827}.overall-score.svelte-sa20ii{display:flex;align-items:center;gap:.75rem;font-size:.875rem}.overall-score.svelte-sa20ii .label:where(.svelte-sa20ii){color:#6b7280;font-weight:500}.overall-score.svelte-sa20ii .score:where(.svelte-sa20ii){font-size:1.5rem;font-weight:700;padding:.25rem .75rem;border-radius:.5rem}.overall-score.svelte-sa20ii .timestamp:where(.svelte-sa20ii){color:#9ca3af;font-size:.75rem}.header-actions.svelte-sa20ii{display:flex;gap:1rem;align-items:center}.refresh-btn.svelte-sa20ii{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#f3f4f6;border:1px solid #d1d5db;border-radius:.5rem;cursor:pointer;font-weight:500;transition:all .2s}.refresh-btn.svelte-sa20ii:hover:not(:disabled){background:#e5e7eb}.refresh-btn.svelte-sa20ii:disabled{opacity:.5;cursor:not-allowed}.spinning.svelte-sa20ii{display:inline-block;animation:svelte-sa20ii-spin 1s linear infinite}@keyframes svelte-sa20ii-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auto-refresh-toggle.svelte-sa20ii{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#6b7280;cursor:pointer}.loading.svelte-sa20ii,.error-state.svelte-sa20ii{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#6b7280}.spinner.svelte-sa20ii{width:40px;height:40px;border:4px solid #f3f4f6;border-top-color:#3b82f6;border-radius:50%;animation:svelte-sa20ii-spin 1s linear infinite;margin-bottom:1rem}.error-state.svelte-sa20ii{color:#dc2626}.error-icon.svelte-sa20ii{font-size:3rem;margin-bottom:1rem}.rings-overview.svelte-sa20ii{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;margin-bottom:2rem}.ring-card.svelte-sa20ii{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;padding:1.5rem;cursor:pointer;transition:all .2s;text-align:left;width:100%}.ring-card.svelte-sa20ii:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0000001a}.ring-card.selected.svelte-sa20ii{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ring-header.svelte-sa20ii{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:.5rem}.ring-header.svelte-sa20ii h3:where(.svelte-sa20ii){margin:0;font-size:1.125rem;font-weight:600;color:#111827}.ring-trend.svelte-sa20ii{font-size:1.25rem;font-weight:700}.trend-up.svelte-sa20ii{color:#10b981}.trend-down.svelte-sa20ii{color:#ef4444}.trend-stable.svelte-sa20ii{color:#6b7280}.ring-description.svelte-sa20ii{font-size:.875rem;color:#6b7280;margin:0 0 1rem;line-height:1.5}.ring-score-container.svelte-sa20ii{display:flex;align-items:center;gap:1rem;margin:1rem 0}.ring-score.svelte-sa20ii{font-size:2.5rem;font-weight:700;line-height:1}.score-label.svelte-sa20ii{font-size:.75rem;color:#6b7280;text-transform:uppercase;letter-spacing:.05em}.score-healthy.svelte-sa20ii{color:#10b981}.score-degraded.svelte-sa20ii{color:#f59e0b}.score-unhealthy.svelte-sa20ii{color:#ef4444}.critical-badge.svelte-sa20ii{display:inline-flex;align-items:center;padding:.375rem .75rem;background:#fee2e2;color:#dc2626;border-radius:.5rem;font-size:.75rem;font-weight:600;margin-top:.75rem}.ring-purple.svelte-sa20ii{border-left:4px solid #8b5cf6}.ring-blue.svelte-sa20ii{border-left:4px solid #3b82f6}.ring-green.svelte-sa20ii{border-left:4px solid #10b981}.ring-orange.svelte-sa20ii{border-left:4px solid #f59e0b}.ring-pink.svelte-sa20ii{border-left:4px solid #ec4899}.ring-details.svelte-sa20ii{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.details-header.svelte-sa20ii{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e5e7eb}.details-header.svelte-sa20ii h2:where(.svelte-sa20ii){margin:0;font-size:1.25rem;font-weight:600;color:#111827}.close-btn.svelte-sa20ii{background:none;border:none;font-size:2rem;color:#9ca3af;cursor:pointer;padding:0;width:2rem;height:2rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:all .2s}.close-btn.svelte-sa20ii:hover{background:#f3f4f6;color:#111827}.metrics-section.svelte-sa20ii{margin-bottom:1.5rem}.metrics-section.svelte-sa20ii h3:where(.svelte-sa20ii){margin:0 0 1rem;font-size:1rem;font-weight:600;color:#111827}.metrics-grid.svelte-sa20ii{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.metric-item.svelte-sa20ii{padding:1rem;background:#f9fafb;border-radius:.5rem}.metric-label.svelte-sa20ii{font-size:.75rem;color:#6b7280;text-transform:capitalize;margin-bottom:.25rem}.metric-value.svelte-sa20ii{font-size:1.25rem;font-weight:600;color:#111827}.alerts-panel.svelte-sa20ii,.alerts-section.svelte-sa20ii{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;padding:1.5rem;margin-bottom:2rem}.alerts-panel.svelte-sa20ii h2:where(.svelte-sa20ii),.alerts-section.svelte-sa20ii h3:where(.svelte-sa20ii){margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#111827}.alerts-list.svelte-sa20ii{display:flex;flex-direction:column;gap:1rem}.alert-item.svelte-sa20ii{padding:1rem;border-left:4px solid;border-radius:.5rem;background:#f9fafb}.alert-critical.svelte-sa20ii{border-left-color:#dc2626;background:#fee2e2}.alert-warning.svelte-sa20ii{border-left-color:#f59e0b;background:#fef3c7}.alert-info.svelte-sa20ii{border-left-color:#3b82f6;background:#dbeafe}.alert-item.acknowledged.svelte-sa20ii{opacity:.6}.alert-header.svelte-sa20ii{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.alert-left.svelte-sa20ii{display:flex;align-items:center;gap:.5rem}.alert-icon.svelte-sa20ii{font-size:1.25rem}.alert-ring.svelte-sa20ii{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem;background:#fff}.alert-type.svelte-sa20ii{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em}.alert-time.svelte-sa20ii{font-size:.75rem;color:#6b7280}.alert-message.svelte-sa20ii{margin:.5rem 0;color:#111827;font-weight:500}.alert-action.svelte-sa20ii{margin:.5rem 0;font-size:.875rem;color:#6b7280}.acknowledge-btn.svelte-sa20ii{margin-top:.75rem;padding:.5rem 1rem;background:#fff;border:1px solid #d1d5db;border-radius:.375rem;cursor:pointer;font-size:.875rem;font-weight:500;transition:all .2s}.acknowledge-btn.svelte-sa20ii:hover{background:#f9fafb;border-color:#9ca3af}.recommendations-panel.svelte-sa20ii{background:#fff;border:2px solid #e5e7eb;border-radius:1rem;padding:1.5rem}.recommendations-panel.svelte-sa20ii h2:where(.svelte-sa20ii){margin:0 0 1rem;font-size:1.25rem;font-weight:600;color:#111827}.recommendations-list.svelte-sa20ii{display:flex;flex-direction:column;gap:1rem}.recommendation-item.svelte-sa20ii{padding:1rem;border-left:4px solid;border-radius:.5rem;background:#f9fafb}.recommendation-item.priority-high.svelte-sa20ii{border-left-color:#dc2626}.recommendation-item.priority-medium.svelte-sa20ii{border-left-color:#f59e0b}.recommendation-item.priority-low.svelte-sa20ii{border-left-color:#3b82f6}.rec-header.svelte-sa20ii{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.rec-rings.svelte-sa20ii{display:flex;align-items:center;gap:.5rem}.ring-badge.svelte-sa20ii{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:.25rem;background:#fff}.arrow.svelte-sa20ii{color:#9ca3af;font-weight:700}.priority-badge.svelte-sa20ii{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:.25rem .5rem;border-radius:.25rem}.priority-badge.priority-high.svelte-sa20ii{background:#fee2e2;color:#dc2626}.priority-badge.priority-medium.svelte-sa20ii{background:#fef3c7;color:#f59e0b}.priority-badge.priority-low.svelte-sa20ii{background:#dbeafe;color:#3b82f6}.rec-text.svelte-sa20ii{margin:.5rem 0;color:#111827;font-weight:500}.rec-impact.svelte-sa20ii{margin:.5rem 0 0;font-size:.875rem;color:#6b7280}.dark .ring-health-dashboard.svelte-sa20ii{color:#f9fafb}.dark .dashboard-header.svelte-sa20ii{border-color:#374151}.dark .header-left.svelte-sa20ii h1:where(.svelte-sa20ii){color:#f9fafb}.dark .refresh-btn.svelte-sa20ii{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .refresh-btn.svelte-sa20ii:hover:not(:disabled){background:#4b5563}.dark .ring-card.svelte-sa20ii,.dark .ring-details.svelte-sa20ii,.dark .alerts-panel.svelte-sa20ii,.dark .alerts-section.svelte-sa20ii,.dark .recommendations-panel.svelte-sa20ii{background:#1f2937;border-color:#374151}.dark .ring-header.svelte-sa20ii h3:where(.svelte-sa20ii),.dark .details-header.svelte-sa20ii h2:where(.svelte-sa20ii),.dark .alerts-panel.svelte-sa20ii h2:where(.svelte-sa20ii),.dark .recommendations-panel.svelte-sa20ii h2:where(.svelte-sa20ii),.dark .metrics-section.svelte-sa20ii h3:where(.svelte-sa20ii){color:#f9fafb}.dark .metric-item.svelte-sa20ii{background:#111827}.dark .metric-value.svelte-sa20ii{color:#f9fafb}.dark .alert-item.svelte-sa20ii{background:#111827}.dark .alert-message.svelte-sa20ii,.dark .rec-text.svelte-sa20ii{color:#f9fafb}.dark .recommendation-item.svelte-sa20ii{background:#111827}.dark .ring-badge.svelte-sa20ii{background:#374151;color:#f9fafb}.dark .acknowledge-btn.svelte-sa20ii{background:#374151;border-color:#4b5563;color:#f9fafb}.dark .acknowledge-btn.svelte-sa20ii:hover{background:#4b5563}.dark .close-btn.svelte-sa20ii:hover{background:#374151;color:#f9fafb}