.status-dd-root{--dd-bg:#f4f4f4;--dd-surface:#fff;--dd-text:#222;--dd-muted:#666;--dd-border:#e0e0e0;--dd-red:#e8003a;--dd-red-soft:#fff0f3;--dd-green:#00a300;--dd-green-soft:#eefbf0;--dd-amber:#e67e00;--dd-amber-soft:#fff8ee;min-height:100%;background:var(--dd-bg);color:var(--dd-text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}.status-dd-root .status-dd-card{background:var(--dd-surface);border:1px solid var(--dd-border);border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.status-dd-root .status-dd-hero-ok{border-left:4px solid var(--dd-green);background:var(--dd-green-soft)}.status-dd-root .status-dd-hero-warn{border-left:4px solid var(--dd-amber);background:var(--dd-amber-soft)}.status-dd-root .status-dd-hero-down{border-left:4px solid var(--dd-red);background:var(--dd-red-soft)}.status-dd-root .status-dd-service-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--dd-border);transition:background .15s ease}.status-dd-root .status-dd-service-row:last-child{border-bottom:none}.status-dd-root .status-dd-service-row:hover{background:#fafafa}.status-dd-root .status-dd-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.status-dd-root .status-dd-dot-ok{background:var(--dd-green)}.status-dd-root .status-dd-dot-warn{background:var(--dd-amber)}.status-dd-root .status-dd-dot-down{background:var(--dd-red)}.status-dd-root .status-dd-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:4px;font-size:14px;font-weight:600;border:1px solid var(--dd-border);background:var(--dd-surface);color:var(--dd-text);transition:background .15s ease,border-color .15s ease}.status-dd-root .status-dd-btn:hover{background:#f9f9f9;border-color:#ccc}.status-dd-root .status-dd-btn-primary{background:var(--dd-red);border-color:var(--dd-red);color:#fff}.status-dd-root .status-dd-btn-primary:hover{background:#c90033;border-color:#c90033}.status-dd-root .status-dd-incident{border-left:3px solid var(--dd-amber);padding:12px 14px;background:#fafafa;margin-bottom:8px}.status-dd-root .status-dd-incident-resolved{border-left-color:var(--dd-green)}.status-dd-chart{padding:16px 12px 8px;background:var(--dd-surface);border:1px solid var(--dd-border);border-radius:4px}