@tailwind base;@tailwind components;@tailwind utilities;:root{--pv-bg-page: #F7F8FA;--pv-bg-card: #FFFFFF;--pv-bg-subtle: #F9FAFB;--pv-bg-muted: #F1F3F5;--pv-border-light: #E5E7EB;--pv-border-muted: #D1D5DB;--pv-text-primary: #111827;--pv-text-secondary: #374151;--pv-text-muted: #6B7280;--pv-text-disabled: #9CA3AF;--pv-status-ok: #16A34A;--pv-status-warn: #F59E0B;--pv-status-error: #DC2626;--pv-status-info: #2563EB;--pv-path-default: #CBD5E1;--pv-path-active: #2563EB;--pv-path-muted: #E5E7EB;--pv-node-bg: #FFFFFF;--pv-node-border: #E5E7EB;--pv-node-shadow: 0 1px 3px 0 rgba(0, 0, 0, .08);--pv-rtt-good: #16A34A;--pv-rtt-good-bg: #F0FDF4;--pv-rtt-moderate: #F59E0B;--pv-rtt-moderate-bg:#FFFBEB;--pv-rtt-slow: #DC2626;--pv-rtt-slow-bg: #FEF2F2;--pv-evidence-bg: #FFFFFF;--pv-evidence-border:#E5E7EB;--pv-evidence-header:#F9FAFB}.dark{--pv-bg-page: #0f1115;--pv-bg-card: #16191f;--pv-bg-subtle: #1e222a;--pv-bg-muted: #2d323c;--pv-border-light: #2d323c;--pv-border-muted: #374151;--pv-text-primary: #f1f5f9;--pv-text-secondary: #94a3b8;--pv-text-muted: #64748b;--pv-text-disabled: #475569;--pv-status-ok: #4ade80;--pv-status-warn: #fbbf24;--pv-status-error: #f87171;--pv-status-info: #60a5fa;--pv-path-default: #475569;--pv-path-active: #60a5fa;--pv-path-muted: #374151;--pv-node-bg: #1e222a;--pv-node-border: #374151;--pv-node-shadow: 0 1px 3px 0 rgba(0, 0, 0, .4);--pv-rtt-good: #4ade80;--pv-rtt-good-bg: #14532d;--pv-rtt-moderate: #fbbf24;--pv-rtt-moderate-bg:#78350f;--pv-rtt-slow: #f87171;--pv-rtt-slow-bg: #7f1d1d;--pv-evidence-bg: #16191f;--pv-evidence-border:#2d323c;--pv-evidence-header:#1e222a}@layer base{:root{--color-bg-app: 241 245 249;--color-bg-page: 241 245 249;--color-bg-card: 255 255 255;--color-bg-elevated: 255 255 255;--color-bg-subtle: 248 250 252;--color-bg-muted: 241 245 249;--color-bg-inset: 241 245 249;--color-text-primary: 15 23 42;--color-text-secondary: 51 65 85;--color-text-muted: 100 116 139;--color-text-placeholder: 148 163 184;--color-text-inverted: 255 255 255;--color-border-default: 203 213 225;--color-border-subtle: 226 232 240;--color-border-strong: 100 116 139;--color-border-focus: 59 130 246;--color-primary: 37 99 235;--color-primary-hover: 29 78 216;--color-primary-active: 30 64 175;--color-primary-subtle: 239 246 255;--color-primary-muted: 219 234 254;--color-status-healthy: 22 163 74;--color-status-healthy-bg: 220 252 231;--color-status-healthy-text: 20 83 45;--color-status-healthy-border: 134 239 172;--color-status-degraded: 217 119 6;--color-status-degraded-bg: 254 243 199;--color-status-degraded-text: 120 53 15;--color-status-degraded-border: 252 211 77;--color-status-failed: 220 38 38;--color-status-failed-bg: 254 226 226;--color-status-failed-text: 127 29 29;--color-status-failed-border: 252 165 165;--color-critical-pulse: 239 68 68;--color-status-unknown: 100 116 139;--color-status-unknown-bg: 241 245 249;--color-status-unknown-text: 51 65 85;--color-status-unknown-border: 203 213 225;--color-status-investigate: 147 51 234;--color-status-investigate-bg: 243 232 255;--color-status-investigate-text: 88 28 135;--color-status-investigate-border: 216 180 254;--color-alert-info: 37 99 235;--color-alert-info-bg: 239 246 255;--color-alert-info-text: 30 64 175;--color-alert-info-border: 147 197 253;--color-alert-warning: 217 119 6;--color-alert-warning-bg: 255 251 235;--color-alert-warning-text: 120 53 15;--color-alert-warning-border: 252 211 77;--color-alert-critical: 220 38 38;--color-alert-critical-bg: 254 242 242;--color-alert-critical-text: 127 29 29;--color-alert-critical-border: 252 165 165;--color-domain-local: 202 138 4;--color-domain-isp: 234 88 12;--color-domain-transit: 147 51 234;--color-domain-saas: 79 70 229;--color-domain-dns: 37 99 235;--color-domain-internet: 147 51 234;--color-interactive-hover: 241 245 249;--color-interactive-active: 226 232 240;--color-interactive-focus: 59 130 246;--shadow-color: 71 85 105;--shadow-sm: 0 1px 3px 0 rgb(var(--shadow-color) / .12), 0 1px 2px -1px rgb(var(--shadow-color) / .1);--shadow-md: 0 4px 8px -1px rgb(var(--shadow-color) / .15), 0 2px 4px -2px rgb(var(--shadow-color) / .12);--shadow-lg: 0 12px 20px -4px rgb(var(--shadow-color) / .18), 0 4px 8px -4px rgb(var(--shadow-color) / .12);--shadow-xl: 0 24px 32px -6px rgb(var(--shadow-color) / .2), 0 10px 14px -6px rgb(var(--shadow-color) / .14);--elevation-0: none;--elevation-1: var(--shadow-sm);--elevation-2: var(--shadow-md);--elevation-3: var(--shadow-lg);--elevation-4: var(--shadow-xl);--table-header-bg: 241 245 249;--table-row-hover: 248 250 252;--table-row-alt: 248 250 252;--table-row-selected: 219 234 254;--table-row-critical: 254 226 226;--table-border: 226 232 240;--metric-neutral-bg: 255 255 255;--metric-neutral-border: 203 213 225;--metric-neutral-value: 15 23 42;--metric-neutral-label: 100 116 139;--metric-neutral-unit: 100 116 139;--metric-success-bg: 240 253 244;--metric-success-border: 134 239 172;--metric-success-value: 20 83 45;--metric-success-label: 22 101 52;--metric-warning-bg: 255 251 235;--metric-warning-border: 252 211 77;--metric-warning-value: 120 53 15;--metric-warning-label: 146 64 14;--metric-error-bg: 254 242 242;--metric-error-border: 252 165 165;--metric-error-value: 127 29 29;--metric-error-label: 153 27 27}.dark{--color-bg-app: 9 10 12;--color-bg-page: 15 17 21;--color-bg-card: 22 25 31;--color-bg-elevated: 30 34 42;--color-bg-subtle: 30 34 42;--color-bg-muted: 45 50 60;--color-bg-inset: 15 17 21;--color-text-primary: 248 250 252;--color-text-secondary: 148 163 184;--color-text-muted: 100 116 139;--color-text-placeholder: 71 85 105;--color-text-inverted: 15 23 42;--color-border-default: 45 50 60;--color-border-subtle: 30 34 42;--color-border-strong: 71 85 105;--color-border-focus: 96 165 250;--color-primary: 96 165 250;--color-primary-hover: 147 197 253;--color-primary-active: 191 219 254;--color-primary-subtle: 30 58 138;--color-primary-muted: 29 78 216;--color-status-healthy: 74 222 128;--color-status-healthy-bg: 20 83 45;--color-status-healthy-text: 187 247 208;--color-status-healthy-border: 34 197 94;--color-status-degraded: 251 191 36;--color-status-degraded-bg: 120 53 15;--color-status-degraded-text: 253 230 138;--color-status-degraded-border: 245 158 11;--color-status-failed: 248 113 113;--color-status-failed-bg: 127 29 29;--color-status-failed-text: 254 202 202;--color-status-failed-border: 239 68 68;--color-critical-pulse: 248 113 113;--color-status-unknown: 148 163 184;--color-status-unknown-bg: 30 41 59;--color-status-unknown-text: 203 213 225;--color-status-unknown-border: 71 85 105;--color-status-investigate: 192 132 252;--color-status-investigate-bg: 88 28 135;--color-status-investigate-text: 233 213 255;--color-status-investigate-border: 168 85 247;--color-alert-info: 96 165 250;--color-alert-info-bg: 30 58 138;--color-alert-info-text: 191 219 254;--color-alert-info-border: 59 130 246;--color-alert-warning: 251 191 36;--color-alert-warning-bg: 120 53 15;--color-alert-warning-text: 253 230 138;--color-alert-warning-border: 245 158 11;--color-alert-critical: 248 113 113;--color-alert-critical-bg: 127 29 29;--color-alert-critical-text: 254 202 202;--color-alert-critical-border: 239 68 68;--color-domain-local: 250 204 21;--color-domain-isp: 251 146 60;--color-domain-transit: 192 132 252;--color-domain-saas: 129 140 248;--color-domain-dns: 96 165 250;--color-domain-internet: 192 132 252;--color-interactive-hover: 30 34 42;--color-interactive-active: 45 50 60;--color-interactive-focus: 96 165 250;--shadow-color: 0 0 0;--shadow-sm: 0 1px 2px 0 rgb(var(--shadow-color) / .4);--shadow-md: 0 4px 6px -1px rgb(var(--shadow-color) / .5), 0 2px 4px -2px rgb(var(--shadow-color) / .4);--shadow-lg: 0 10px 15px -3px rgb(var(--shadow-color) / .5), 0 4px 6px -4px rgb(var(--shadow-color) / .4);--shadow-xl: 0 20px 25px -5px rgb(var(--shadow-color) / .6), 0 8px 10px -6px rgb(var(--shadow-color) / .5);--table-header-bg: 22 25 31;--table-row-hover: 30 34 42;--table-row-selected: 30 58 138;--table-row-critical: 127 29 29;--table-border: 45 50 60;--metric-neutral-bg: 30 34 42;--metric-neutral-border: 71 85 105;--metric-neutral-value: 248 250 252;--metric-neutral-label: 148 163 184;--metric-neutral-unit: 148 163 184;--metric-success-bg: 20 83 45;--metric-success-border: 34 197 94;--metric-success-value: 187 247 208;--metric-success-label: 134 239 172;--metric-warning-bg: 120 53 15;--metric-warning-border: 245 158 11;--metric-warning-value: 253 230 138;--metric-warning-label: 252 211 77;--metric-error-bg: 127 29 29;--metric-error-border: 239 68 68;--metric-error-value: 254 202 202;--metric-error-label: 252 165 165}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"cv02","cv03","cv04","cv11"}body{@apply antialiased;background-color:rgb(var(--color-bg-app));color:rgb(var(--color-text-primary))}}@layer components{.text-page-title{@apply text-2xl font-semibold tracking-tight;color:rgb(var(--color-text-primary))}.text-section-header{@apply text-lg font-semibold;color:rgb(var(--color-text-primary))}.text-card-title{@apply text-sm font-semibold;color:rgb(var(--color-text-primary))}.text-metric-primary{@apply text-3xl font-bold tabular-nums tracking-tight;color:rgb(var(--color-text-primary))}.text-metric-secondary{@apply text-lg font-semibold tabular-nums;color:rgb(var(--color-text-secondary))}.text-table{@apply text-[13px];color:rgb(var(--color-text-primary))}.text-label{@apply text-[11px] font-semibold uppercase tracking-wider;color:rgb(var(--color-text-muted))}.text-caption{@apply text-xs;color:rgb(var(--color-text-secondary))}.text-mono{@apply font-mono text-[13px];}}@layer components{.ds-card{background-color:rgb(var(--color-bg-card));border:1px solid rgb(var(--color-border-default));border-radius:12px;box-shadow:var(--elevation-1);overflow:hidden}.ds-card-elevated{background-color:rgb(var(--color-bg-elevated));border:1px solid rgb(var(--color-border-default));border-radius:12px;box-shadow:var(--elevation-3);overflow:hidden}.ds-card-header{padding:16px 20px;border-bottom:1px solid rgb(var(--color-border-subtle));background-color:rgb(var(--color-bg-subtle))}.ds-card-content{padding:20px}.ds-card-content-compact{padding:12px 16px}.ds-card-subtle{background-color:rgb(var(--color-bg-subtle));border:1px solid rgb(var(--color-border-subtle));border-radius:8px}}@layer components{.ds-status-dot{@apply inline-block w-2.5 h-2.5 rounded-full flex-shrink-0;}.ds-status-dot-healthy{background-color:rgb(var(--color-status-healthy));box-shadow:0 0 0 3px rgb(var(--color-status-healthy) / .25)}.ds-status-dot-degraded{background-color:rgb(var(--color-status-degraded));box-shadow:0 0 0 3px rgb(var(--color-status-degraded) / .25)}.ds-status-dot-failed{background-color:rgb(var(--color-status-failed));box-shadow:0 0 0 3px rgb(var(--color-status-failed) / .25)}.ds-status-dot-unknown{background-color:rgb(var(--color-status-unknown));box-shadow:0 0 0 3px rgb(var(--color-status-unknown) / .25)}.ds-status-dot-investigate{background-color:rgb(var(--color-status-investigate));box-shadow:0 0 0 3px rgb(var(--color-status-investigate) / .25)}.ds-status-badge{@apply inline-flex items-center gap-1.5 px-2.5 py-1 text-xs font-semibold rounded-full;border-width:1px;border-style:solid}.ds-status-badge-healthy{background-color:rgb(var(--color-status-healthy-bg));color:rgb(var(--color-status-healthy-text));border-color:rgb(var(--color-status-healthy-border))}.ds-status-badge-degraded{background-color:rgb(var(--color-status-degraded-bg));color:rgb(var(--color-status-degraded-text));border-color:rgb(var(--color-status-degraded-border))}.ds-status-badge-failed{background-color:rgb(var(--color-status-failed-bg));color:rgb(var(--color-status-failed-text));border-color:rgb(var(--color-status-failed-border))}.ds-status-badge-unknown{background-color:rgb(var(--color-status-unknown-bg));color:rgb(var(--color-status-unknown-text));border-color:rgb(var(--color-status-unknown-border))}.ds-status-badge-investigate{background-color:rgb(var(--color-status-investigate-bg));color:rgb(var(--color-status-investigate-text));border-color:rgb(var(--color-status-investigate-border))}.ds-alert{@apply flex items-start gap-3 p-4 rounded-lg;border-width:1px;border-style:solid}.ds-alert-info{background-color:rgb(var(--color-alert-info-bg));border-color:rgb(var(--color-alert-info-border));color:rgb(var(--color-alert-info-text))}.ds-alert-warning{background-color:rgb(var(--color-alert-warning-bg));border-color:rgb(var(--color-alert-warning-border));color:rgb(var(--color-alert-warning-text))}.ds-alert-critical{background-color:rgb(var(--color-alert-critical-bg));border-color:rgb(var(--color-alert-critical-border));color:rgb(var(--color-alert-critical-text))}.ds-pulse-critical{animation:pulse-critical 2s ease-in-out infinite}@keyframes pulse-critical{0%,to{box-shadow:0 0 rgb(var(--color-critical-pulse) / .5)}50%{box-shadow:0 0 0 8px rgb(var(--color-critical-pulse) / 0)}}.pv-culprit-pulse{animation:pv-pulse-dot 2s ease-in-out infinite}@keyframes pv-pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}}@layer components{.ds-btn{@apply inline-flex items-center justify-center gap-2 px-4 py-2 text-sm font-semibold rounded-lg;@apply transition-all duration-150 ease-out;@apply focus:outline-none focus:ring-2 focus:ring-offset-2;}.ds-btn-primary{background-color:rgb(var(--color-primary));color:#fff}.ds-btn-primary:hover{background-color:rgb(var(--color-primary-hover))}.ds-btn-primary:active{background-color:rgb(var(--color-primary-active))}.ds-btn-primary:focus{@apply ring-blue-500;}.ds-btn-secondary{background-color:rgb(var(--color-bg-card));color:rgb(var(--color-text-primary));border:1px solid rgb(var(--color-border-default))}.ds-btn-secondary:hover{background-color:rgb(var(--color-interactive-hover));border-color:rgb(var(--color-border-strong))}.ds-btn-ghost{background-color:transparent;color:rgb(var(--color-text-secondary))}.ds-btn-ghost:hover{background-color:rgb(var(--color-interactive-hover));color:rgb(var(--color-text-primary))}.ds-btn-danger{background-color:rgb(var(--color-status-failed));color:#fff}.ds-btn-danger:hover{background-color:#7f1d1d}}@layer components{.ds-table{@apply w-full;border-collapse:separate;border-spacing:0}.ds-table-header{background-color:rgb(var(--table-header-bg))}.ds-table-header th{@apply px-4 py-3 text-left text-[11px] font-bold uppercase tracking-wider;color:rgb(var(--color-text-secondary));border-bottom:2px solid rgb(var(--color-border-default))}.ds-table-body tr{border-bottom:1px solid rgb(var(--table-border))}.ds-table-body tr:nth-child(2n){background-color:rgb(var(--table-row-alt))}.ds-table-body tr:hover{background-color:rgb(var(--table-row-hover))}.ds-table-body tr.selected{background-color:rgb(var(--table-row-selected))}.ds-table-body tr.critical{background-color:rgb(var(--table-row-critical))}.ds-table-body td{@apply px-4 py-3 text-[13px];color:rgb(var(--color-text-primary))}.ds-table-no-zebra .ds-table-body tr:nth-child(2n){background-color:transparent}}@layer components{.ds-empty-state{@apply flex flex-col items-center justify-center py-16 px-6 text-center;background-color:rgb(var(--color-bg-subtle));border:2px dashed rgb(var(--color-border-default));border-radius:12px}.ds-empty-state-icon{@apply w-16 h-16 mb-4;color:rgb(var(--color-text-muted))}.ds-empty-state-title{@apply text-lg font-semibold mb-2;color:rgb(var(--color-text-primary))}.ds-empty-state-description{@apply text-sm max-w-md mb-6;color:rgb(var(--color-text-secondary))}}@layer components{.ds-domain-badge{@apply inline-flex items-center gap-1.5 px-2 py-0.5 text-xs font-semibold rounded;border-width:1px;border-style:solid}.ds-domain-local{background-color:rgb(var(--color-domain-local) / .15);color:rgb(var(--color-domain-local));border-color:rgb(var(--color-domain-local) / .4)}.ds-domain-isp{background-color:rgb(var(--color-domain-isp) / .15);color:rgb(var(--color-domain-isp));border-color:rgb(var(--color-domain-isp) / .4)}.ds-domain-transit{background-color:rgb(var(--color-domain-transit) / .15);color:rgb(var(--color-domain-transit));border-color:rgb(var(--color-domain-transit) / .4)}.ds-domain-saas{background-color:rgb(var(--color-domain-saas) / .15);color:rgb(var(--color-domain-saas));border-color:rgb(var(--color-domain-saas) / .4)}.ds-domain-dns{background-color:rgb(var(--color-domain-dns) / .15);color:rgb(var(--color-domain-dns));border-color:rgb(var(--color-domain-dns) / .4)}.ds-domain-internet{background-color:rgb(var(--color-domain-internet) / .15);color:rgb(var(--color-domain-internet));border-color:rgb(var(--color-domain-internet) / .4)}}@layer components{.ds-kpi-card{@apply rounded-xl p-4;background-color:rgb(var(--color-bg-card));border:1px solid rgb(var(--color-border-default));box-shadow:var(--elevation-1);transition:box-shadow .15s ease,border-color .15s ease}.ds-kpi-card:hover{box-shadow:var(--elevation-2);border-color:rgb(var(--color-border-strong))}.ds-kpi-card-label{@apply text-[11px] font-bold uppercase tracking-wider mb-1;color:rgb(var(--color-text-muted))}.ds-kpi-card-value{@apply text-3xl font-bold tabular-nums tracking-tight;color:rgb(var(--color-text-primary))}.ds-kpi-card-value-healthy{color:rgb(var(--color-status-healthy))}.ds-kpi-card-value-degraded{color:rgb(var(--color-status-degraded))}.ds-kpi-card-value-failed{color:rgb(var(--color-status-failed))}.ds-kpi-card-subtext{@apply text-xs mt-1;color:rgb(var(--color-text-secondary))}.ds-metric-card{@apply rounded-xl p-4;border-width:1px;border-style:solid;box-shadow:var(--elevation-1);transition:box-shadow .15s ease,border-color .15s ease}.ds-metric-card:hover{box-shadow:var(--elevation-2)}.ds-metric-label{@apply text-[11px] font-bold uppercase tracking-wider block mb-1;}.ds-metric-value{@apply text-2xl font-bold tabular-nums tracking-tight block;}.ds-metric-unit{@apply text-sm font-medium ml-1;}.ds-metric-subtext{@apply text-xs mt-1 block;}.ds-metric-card-neutral{background-color:rgb(var(--metric-neutral-bg));border-color:rgb(var(--metric-neutral-border))}.ds-metric-card-neutral .ds-metric-label{color:rgb(var(--metric-neutral-label))}.ds-metric-card-neutral .ds-metric-value{color:rgb(var(--metric-neutral-value))}.ds-metric-card-neutral .ds-metric-unit{color:rgb(var(--metric-neutral-unit))}.ds-metric-card-neutral .ds-metric-subtext{color:rgb(var(--metric-neutral-label))}.ds-metric-card-success{background-color:rgb(var(--metric-success-bg));border-color:rgb(var(--metric-success-border))}.ds-metric-card-success .ds-metric-label{color:rgb(var(--metric-success-label))}.ds-metric-card-success .ds-metric-value{color:rgb(var(--metric-success-value))}.ds-metric-card-success .ds-metric-unit,.ds-metric-card-success .ds-metric-subtext{color:rgb(var(--metric-success-label))}.ds-metric-card-warning{background-color:rgb(var(--metric-warning-bg));border-color:rgb(var(--metric-warning-border))}.ds-metric-card-warning .ds-metric-label{color:rgb(var(--metric-warning-label))}.ds-metric-card-warning .ds-metric-value{color:rgb(var(--metric-warning-value))}.ds-metric-card-warning .ds-metric-unit,.ds-metric-card-warning .ds-metric-subtext{color:rgb(var(--metric-warning-label))}.ds-metric-card-error{background-color:rgb(var(--metric-error-bg));border-color:rgb(var(--metric-error-border))}.ds-metric-card-error .ds-metric-label{color:rgb(var(--metric-error-label))}.ds-metric-card-error .ds-metric-value{color:rgb(var(--metric-error-value))}.ds-metric-card-error .ds-metric-unit,.ds-metric-card-error .ds-metric-subtext{color:rgb(var(--metric-error-label))}}@layer components{.ds-sidebar{background-color:rgb(var(--color-bg-card));border-right:1px solid rgb(var(--color-border-default))}.ds-sidebar-item{@apply flex items-center gap-3 px-4 py-2.5 rounded-lg text-sm font-medium;color:rgb(var(--color-text-secondary));transition:all .15s ease}.ds-sidebar-item:hover{background-color:rgb(var(--color-interactive-hover));color:rgb(var(--color-text-primary))}.ds-sidebar-item-active{background-color:rgb(var(--color-primary-subtle));color:rgb(var(--color-primary))}}@layer components{.ds-tabs{@apply flex gap-1 p-1 rounded-lg;background-color:rgb(var(--color-bg-muted));border:1px solid rgb(var(--color-border-default))}.ds-tab{@apply px-4 py-2 text-sm font-medium rounded-md;color:rgb(var(--color-text-muted));transition:all .15s ease}.ds-tab:hover{color:rgb(var(--color-text-primary));background-color:rgb(var(--color-bg-subtle))}.ds-tab-active{background-color:rgb(var(--color-bg-card));color:rgb(var(--color-primary));font-weight:600;box-shadow:var(--elevation-2);border:1px solid rgb(var(--color-border-default))}}@layer components{.ds-modal-backdrop{@apply fixed inset-0 bg-gray-700/50 backdrop-blur-sm z-50;}.ds-modal{@apply fixed z-50 rounded-xl overflow-hidden;background-color:rgb(var(--color-bg-elevated));border:1px solid rgb(var(--color-border-default));box-shadow:var(--elevation-4)}.ds-modal-header{@apply px-6 py-4 border-b;border-color:rgb(var(--color-border-subtle))}.ds-modal-content{@apply px-6 py-4;}.ds-modal-footer{@apply px-6 py-4 border-t flex justify-end gap-3;border-color:rgb(var(--color-border-subtle));background-color:rgb(var(--color-bg-subtle))}}@layer components{.ds-incident-row{@apply flex items-center gap-4 px-4 py-3 rounded-lg;border:1px solid rgb(var(--color-border-subtle));transition:all .15s ease}.ds-incident-row:hover{border-color:rgb(var(--color-border-default));box-shadow:var(--elevation-1)}.ds-incident-row-critical{background-color:rgb(var(--color-alert-critical-bg));border-color:rgb(var(--color-alert-critical-border))}.ds-incident-row-critical:hover{border-color:rgb(var(--color-status-failed))}.ds-incident-row-warning{background-color:rgb(var(--color-alert-warning-bg));border-color:rgb(var(--color-alert-warning-border))}.ds-incident-row-info{background-color:rgb(var(--color-alert-info-bg));border-color:rgb(var(--color-alert-info-border))}.ds-incident-row-resolved{background-color:rgb(var(--color-bg-subtle));border-color:rgb(var(--color-border-subtle));opacity:.8}}@layer components{.ds-input{@apply w-full px-3 py-2 text-sm rounded-lg;background-color:rgb(var(--color-bg-card));border:1px solid rgb(var(--color-border-default));color:rgb(var(--color-text-primary));transition:border-color .15s ease,box-shadow .15s ease}.ds-input::placeholder{color:rgb(var(--color-text-placeholder))}.ds-input:focus{outline:none;border-color:rgb(var(--color-border-focus));box-shadow:0 0 0 3px rgb(var(--color-border-focus) / .2)}.ds-input-error{border-color:rgb(var(--color-status-failed))}.ds-input-error:focus{box-shadow:0 0 0 3px rgb(var(--color-status-failed) / .2)}.ds-select{@apply ds-input appearance-none cursor-pointer;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem}}@layer utilities{.scrollbar-thin{scrollbar-width:thin;scrollbar-color:rgb(var(--color-border-default)) transparent}.scrollbar-thin::-webkit-scrollbar{width:6px;height:6px}.scrollbar-thin::-webkit-scrollbar-track{background:transparent}.scrollbar-thin::-webkit-scrollbar-thumb{background-color:rgb(var(--color-border-default));border-radius:3px}.scrollbar-thin::-webkit-scrollbar-thumb:hover{background-color:rgb(var(--color-border-strong))}}@layer utilities{.focus-ring{@apply focus:outline-none focus:ring-2 focus:ring-offset-2;--tw-ring-color: rgb(var(--color-border-focus))}.shadow-elevation-1{box-shadow:var(--elevation-1)}.shadow-elevation-2{box-shadow:var(--elevation-2)}.shadow-elevation-3{box-shadow:var(--elevation-3)}.shadow-elevation-4{box-shadow:var(--elevation-4)}}@layer components{.ds-confidence-badge{@apply inline-flex items-center gap-1 px-2 py-0.5 text-[10px] font-semibold rounded;border-width:1px;border-style:solid}.ds-confidence-high{background-color:rgb(var(--color-status-healthy-bg));color:rgb(var(--color-status-healthy-text));border-color:rgb(var(--color-status-healthy-border))}.ds-confidence-medium{background-color:rgb(var(--color-status-degraded-bg));color:rgb(var(--color-status-degraded-text));border-color:rgb(var(--color-status-degraded-border))}.ds-confidence-low{background-color:rgb(var(--color-status-failed-bg));color:rgb(var(--color-status-failed-text));border-color:rgb(var(--color-status-failed-border))}.ds-decision-card{@apply rounded-xl p-4;background-color:rgb(var(--color-bg-card));border:1px solid rgb(var(--color-border-default));border-left-width:4px;box-shadow:var(--elevation-1)}.ds-decision-card-healthy{border-left-color:rgb(var(--color-status-healthy))}.ds-decision-card-warning{border-left-color:rgb(var(--color-status-degraded))}.ds-decision-card-critical{border-left-color:rgb(var(--color-status-failed))}.ds-decision-card-unknown{border-left-color:rgb(var(--color-status-unknown))}.ds-chip{@apply inline-flex items-center px-2 py-1 text-xs font-medium rounded;background-color:rgb(var(--color-bg-subtle));color:rgb(var(--color-text-secondary));border:1px solid rgb(var(--color-border-subtle))}.ds-chip-primary{background-color:rgb(var(--color-primary-subtle));color:rgb(var(--color-primary));border-color:rgb(var(--color-primary) / .3)}.ds-search-input{@apply w-full px-3 py-2 text-sm rounded-lg;background-color:rgb(var(--color-bg-card));border:1px solid rgb(var(--color-border-default));color:rgb(var(--color-text-primary))}.ds-search-input::placeholder{color:rgb(var(--color-text-placeholder))}.ds-search-input:focus{outline:none;border-color:rgb(var(--color-border-focus));box-shadow:0 0 0 3px rgb(var(--color-border-focus) / .2)}.ds-token-panel{@apply p-4 rounded-lg;background-color:rgb(var(--color-bg-subtle));border:1px solid rgb(var(--color-border-default))}.ds-token-value{@apply font-mono text-sm px-2 py-1 rounded;background-color:rgb(var(--color-bg-card));border:1px solid rgb(var(--color-border-default));color:rgb(var(--color-text-primary))}}@layer utilities{.smb-section-spacing>*+*{margin-top:1.5rem}.smb-section-spacing-lg>*+*{margin-top:2rem}.smb-card-soft{background-color:rgb(var(--color-bg-card));border:1px solid rgb(var(--color-border-default));border-radius:12px;box-shadow:var(--shadow-md)}.smb-calm-header{color:rgb(var(--color-text-primary));font-weight:600;letter-spacing:-.01em}}@layer components{.ds-verdict-banner{@apply rounded-xl p-5;border-width:1px;border-style:solid;border-left-width:5px;box-shadow:var(--elevation-2)}.ds-verdict-banner-healthy{background-color:rgb(var(--color-status-healthy-bg));border-color:rgb(var(--color-status-healthy-border));border-left-color:rgb(var(--color-status-healthy))}.ds-verdict-banner-degraded{background-color:rgb(var(--color-status-degraded-bg));border-color:rgb(var(--color-status-degraded-border));border-left-color:rgb(var(--color-status-degraded))}.ds-verdict-banner-failed{background-color:rgb(var(--color-status-failed-bg));border-color:rgb(var(--color-status-failed-border));border-left-color:rgb(var(--color-status-failed))}.ds-verdict-banner-investigate{background-color:rgb(var(--color-status-investigate-bg));border-color:rgb(var(--color-status-investigate-border));border-left-color:rgb(var(--color-status-investigate))}.ds-verdict-banner-unknown{background-color:rgb(var(--color-status-unknown-bg));border-color:rgb(var(--color-status-unknown-border));border-left-color:rgb(var(--color-status-unknown))}.ds-truth-layer{@apply rounded-lg overflow-hidden;background-color:rgb(var(--color-bg-card));border:1px solid rgb(var(--color-border-default));box-shadow:var(--elevation-1)}.ds-truth-layer-header{@apply px-4 py-3 flex items-center justify-between;background-color:rgb(var(--color-bg-inset));border-bottom:1px solid rgb(var(--color-border-default))}.ds-truth-layer-header-p1{border-left:4px solid rgb(var(--color-status-failed))}.ds-truth-layer-header-p2{border-left:4px solid rgb(var(--color-status-degraded))}.ds-truth-layer-header-p3{border-left:4px solid rgb(var(--color-status-unknown))}.ds-truth-layer-content{@apply p-4;background-color:rgb(var(--color-bg-card))}.ds-priority-badge{@apply inline-flex items-center px-2 py-0.5 text-[10px] font-bold rounded;border-width:1px;border-style:solid}.ds-priority-p1{background-color:rgb(var(--color-status-failed-bg));color:rgb(var(--color-status-failed-text));border-color:rgb(var(--color-status-failed))}.ds-priority-p2{background-color:rgb(var(--color-status-degraded-bg));color:rgb(var(--color-status-degraded-text));border-color:rgb(var(--color-status-degraded))}.ds-priority-p3{background-color:rgb(var(--color-status-unknown-bg));color:rgb(var(--color-status-unknown-text));border-color:rgb(var(--color-status-unknown))}.ds-section-header{@apply px-4 py-3 rounded-lg;background-color:rgb(var(--color-bg-inset));border:1px solid rgb(var(--color-border-default));border-left-width:4px}.ds-section-header-primary{border-left-color:rgb(var(--color-primary))}.ds-section-header-healthy{border-left-color:rgb(var(--color-status-healthy))}.ds-section-header-warning{border-left-color:rgb(var(--color-status-degraded))}.ds-section-header-critical{border-left-color:rgb(var(--color-status-failed))}.ds-evidence-card{@apply rounded-lg p-4;background-color:rgb(var(--color-bg-subtle));border:1px solid rgb(var(--color-border-default))}.ds-fact-item{@apply flex items-start gap-3 py-2;border-bottom:1px solid rgb(var(--color-border-subtle))}.ds-fact-item:last-child{border-bottom:none}.ds-collapsible-header{@apply flex items-center justify-between px-4 py-3 cursor-pointer rounded-lg;background-color:rgb(var(--color-bg-inset));border:1px solid rgb(var(--color-border-default));transition:all .15s ease}.ds-collapsible-header:hover{background-color:rgb(var(--color-bg-muted));border-color:rgb(var(--color-border-strong))}.ds-collapsible-header-expanded{border-bottom-left-radius:0;border-bottom-right-radius:0;border-bottom-color:transparent}.ds-collapsible-content{@apply p-4;background-color:rgb(var(--color-bg-card));border:1px solid rgb(var(--color-border-default));border-top:none;border-bottom-left-radius:8px;border-bottom-right-radius:8px}.ds-agent-row{@apply flex items-center gap-4 px-4 py-3;background-color:rgb(var(--color-bg-card));border-bottom:1px solid rgb(var(--color-border-subtle));transition:background-color .15s ease}.ds-agent-row:hover{background-color:rgb(var(--color-bg-subtle))}.ds-agent-row-offline{background-color:rgb(var(--color-status-failed-bg) / .3)}.ds-agent-row-degraded{background-color:rgb(var(--color-status-degraded-bg) / .3)}}@layer components{.ds-info-block{@apply rounded-lg p-4;background-color:rgb(var(--color-alert-info-bg));border:1px solid rgb(var(--color-alert-info-border));color:rgb(var(--color-text-primary))}.ds-info-block-header{@apply text-sm font-semibold mb-2 flex items-center gap-2;color:rgb(var(--color-primary))}.ds-info-block-content{@apply text-sm;color:rgb(var(--color-text-secondary))}.ds-info-block-compact{@apply rounded-md px-3 py-2 text-sm;background-color:rgb(var(--color-alert-info-bg));border:1px solid rgb(var(--color-alert-info-border));color:rgb(var(--color-text-secondary))}.ds-info-block-prominent{@apply rounded-xl p-5;background-color:rgb(var(--color-alert-info-bg));border:1px solid rgb(var(--color-alert-info-border));border-left-width:4px;border-left-color:rgb(var(--color-primary))}.ds-input-blue-tint{@apply w-full px-3 py-2 text-sm rounded-lg;background-color:rgb(var(--color-primary-subtle));border:1px solid rgb(var(--color-primary) / .25);color:rgb(var(--color-text-primary));transition:border-color .15s ease,box-shadow .15s ease}.ds-input-blue-tint::placeholder{color:rgb(var(--color-text-muted))}.ds-input-blue-tint:focus{outline:none;border-color:rgb(var(--color-primary));box-shadow:0 0 0 3px rgb(var(--color-primary) / .15)}.ds-container-blue{@apply rounded-lg p-4;background-color:rgb(var(--color-primary-subtle));border:1px solid rgb(var(--color-primary) / .2)}.ds-container-blue-subtle{@apply rounded-lg p-3;background-color:rgb(var(--color-primary-subtle) / .5);border:1px solid rgb(var(--color-primary) / .15)}.ds-tab-underline{@apply relative px-4 py-2 text-sm font-medium;color:rgb(var(--color-text-muted));transition:color .15s ease}.ds-tab-underline:hover{color:rgb(var(--color-text-primary))}.ds-tab-underline-active{color:rgb(var(--color-primary))}.ds-tab-underline-active:after{content:"";@apply absolute bottom-0 left-0 right-0 h-0.5 rounded-full;background-color:rgb(var(--color-primary))}.ds-tab-pill{@apply px-3 py-1.5 text-sm font-medium rounded-md;color:rgb(var(--color-text-muted));transition:all .15s ease}.ds-tab-pill:hover{background-color:rgb(var(--color-primary-subtle));color:rgb(var(--color-text-primary))}.ds-tab-pill-active{background-color:rgb(var(--color-primary));color:#fff}.ds-btn-cta{@apply inline-flex items-center justify-center gap-2 px-4 py-2.5 text-sm font-semibold rounded-lg;background-color:rgb(var(--color-primary));color:#fff;transition:all .15s ease}.ds-btn-cta:hover{background-color:rgb(var(--color-primary-hover));box-shadow:var(--elevation-1)}.ds-btn-cta:active{background-color:rgb(var(--color-primary-active))}.ds-btn-cta:disabled{opacity:.5;cursor:not-allowed}.ds-btn-cta-secondary{@apply inline-flex items-center justify-center gap-2 px-4 py-2.5 text-sm font-semibold rounded-lg;background-color:transparent;color:rgb(var(--color-primary));border:1.5px solid rgb(var(--color-primary));transition:all .15s ease}.ds-btn-cta-secondary:hover{background-color:rgb(var(--color-primary-subtle))}.ds-btn-cta-secondary:active{background-color:rgb(var(--color-primary-muted))}.ds-table-header-blue{background-color:rgb(var(--color-primary-subtle));border-bottom:2px solid rgb(var(--color-primary) / .2)}.ds-table-header-blue th{@apply px-4 py-3 text-left text-[11px] font-bold uppercase tracking-wider;color:rgb(var(--color-primary-hover))}.ds-table-row-hover-blue:hover{background-color:rgb(var(--color-primary-subtle))}.ds-as-path-container,.ds-timeline-container{@apply rounded-lg p-4;background-color:rgb(var(--color-alert-info-bg));border:1px solid rgb(var(--color-alert-info-border))}.ds-as-path-active{stroke:rgb(var(--color-primary));stroke-width:2.5px}.ds-as-path-alternate{stroke:rgb(var(--color-primary) / .4);stroke-width:1.5px;stroke-dasharray:6,4}.ds-explanation-banner{@apply rounded-lg p-4 flex items-start gap-3;background-color:rgb(var(--color-alert-info-bg));border:1px solid rgb(var(--color-alert-info-border))}.ds-explanation-banner-icon{@apply w-5 h-5 flex-shrink-0 mt-0.5;color:rgb(var(--color-primary))}.ds-metric-card-accent{@apply rounded-xl p-4;background-color:rgb(var(--color-bg-card));border:1px solid rgb(var(--color-border-default));border-left-width:4px;border-left-color:rgb(var(--color-primary));box-shadow:var(--elevation-1)}.ds-map-placeholder{@apply rounded-lg p-8 flex flex-col items-center justify-center text-center;background-color:rgb(var(--color-alert-info-bg));border:2px dashed rgb(var(--color-alert-info-border));min-height:200px}.ds-map-placeholder-icon{@apply w-12 h-12 mb-4;color:rgb(var(--color-primary) / .5)}.ds-map-placeholder-text{@apply text-sm;color:rgb(var(--color-text-secondary))}.ds-investigation-panel{@apply rounded-lg overflow-hidden;background-color:rgb(var(--color-bg-card));border:1px solid rgb(var(--color-alert-info-border));box-shadow:var(--elevation-1)}.ds-investigation-panel-header{@apply px-4 py-3 flex items-center gap-3;background-color:rgb(var(--color-alert-info-bg));border-bottom:1px solid rgb(var(--color-alert-info-border))}.ds-investigation-panel-header-icon{@apply w-5 h-5;color:rgb(var(--color-primary))}.ds-investigation-panel-header-title{@apply text-sm font-semibold;color:rgb(var(--color-primary-hover))}.ds-investigation-panel-content{@apply p-4;background-color:rgb(var(--color-bg-card))}.ds-code-inline{@apply font-mono text-sm px-1.5 py-0.5 rounded;background-color:rgb(var(--color-primary-subtle));color:rgb(var(--color-primary-hover));border:1px solid rgb(var(--color-primary) / .15)}.ds-code-block{@apply font-mono text-sm p-3 rounded-lg overflow-x-auto;background-color:rgb(var(--color-primary-subtle));color:rgb(var(--color-text-primary));border:1px solid rgb(var(--color-primary) / .15)}}@keyframes slide-in-right{0%{transform:translate(100%)}to{transform:translate(0)}}.animate-slide-in{animation:slide-in-right .2s ease-out}