:root{--bg: #12171a;--surface: #1a2225;--surface-2: #212b2e;--border: #31403f;--text: #e7eeee;--text-muted: #9db0b0;--accent: #5fb2c4;--accent-soft: #1d3a3f;--good: #82b587;--warn: #db9e63;--crit: #e28080;--bg-wash: #16262a;font-family:IBM Plex Sans,system-ui,sans-serif;color-scheme:dark}:root[data-theme=light]{--bg: #f3f7f7;--surface: #ffffff;--surface-2: #eef4f4;--border: #d8e3e3;--text: #17211f;--text-muted: #57706f;--accent: #1c7e90;--accent-soft: #dcf1f4;--good: #2f7a3d;--warn: #a1631f;--crit: #c23b3b;--bg-wash: #e2f1f2;color-scheme:light}.orchestra-logo-color{display:none}.orchestra-logo-white{display:block}:root[data-theme=light] .orchestra-logo-color{display:block}:root[data-theme=light] .orchestra-logo-white{display:none}*{box-sizing:border-box}body{margin:0;color:var(--text);background:radial-gradient(1200px 700px at 15% -10%,var(--bg-wash) 0%,var(--bg) 55%),var(--bg);background-attachment:fixed;transition:background-color .15s ease,color .15s ease}h1,h2,h3{font-family:Sora,system-ui,sans-serif;margin:0 0 8px}a{color:var(--accent)}.shell{max-width:1100px;margin:0 auto;padding:24px 20px 60px}.card{background:linear-gradient(180deg,var(--surface),var(--surface) 60%,var(--surface-2));border:1px solid var(--border);border-radius:12px;padding:18px 20px;margin-bottom:16px;box-shadow:0 1px #ffffff05 inset,0 10px 24px -18px #0009}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}input,select,textarea,button{font:inherit;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:7px;padding:8px 10px}button{cursor:pointer;transition:filter .12s ease,transform .12s ease}button.primary{background:linear-gradient(180deg,#6cc0d1,var(--accent));color:#0e323c;border-color:var(--accent);font-weight:600}button:hover{filter:brightness(1.08)}button:active{transform:translateY(1px)}table{width:100%;border-collapse:collapse;font-size:13.5px}th,td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--border)}th{font-family:IBM Plex Mono,monospace;font-size:10.5px;text-transform:uppercase;color:var(--text-muted)}.card:has(>table){overflow-x:auto}.card:has(>table) table{min-width:520px}.pill{display:inline-flex;align-items:center;gap:5px;font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:600;letter-spacing:.01em;padding:3px 9px 3px 7px;border-radius:99px}.pill.good,.pill.warn,.pill.crit{border:1px solid currentColor}.pill.good:before,.pill.warn:before,.pill.crit:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor;flex-shrink:0}.pill.good{background:#82b58724;color:var(--good);border-color:#82b58766}.pill.warn{background:#db9e6324;color:var(--warn);border-color:#db9e6366}.pill.crit{background:#e2808024;color:var(--crit);border-color:#e2808066}.err{color:var(--crit);font-size:13px}.muted{color:var(--text-muted);font-size:13px}.tabs{display:flex;gap:4px;margin-bottom:14px;border-bottom:1px solid var(--border);flex-wrap:wrap}.tabs button{background:transparent;border:none;border-radius:8px 8px 0 0;padding:9px 14px;color:var(--text-muted);position:relative;font-size:13.5px}.tabs button.active{color:var(--accent);background:var(--accent-soft)}.tabs button.active:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:2px;background:linear-gradient(90deg,var(--accent),var(--good));border-radius:2px;box-shadow:0 0 8px #5fb2c4b3}.journey-map-scroll{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}.journey-map-scroll::-webkit-scrollbar{height:6px}.journey-map-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}@keyframes journeyPulse{0%{r:13px;opacity:.55}70%{r:19px;opacity:0}to{r:19px;opacity:0}}.journey-pulse-ring{animation:journeyPulse 1.8s ease-out infinite;transform-box:fill-box;transform-origin:center}@keyframes ringPulse{0%,to{opacity:1}50%{opacity:.55}}.mc-ring-critical{animation:ringPulse 2s ease-in-out infinite}.skeleton{background:linear-gradient(90deg,var(--surface-2) 25%,var(--border) 37%,var(--surface-2) 63%);background-size:400% 100%;animation:skeletonShimmer 1.4s ease infinite}@keyframes skeletonShimmer{0%{background-position:100% 50%}to{background-position:0 50%}}@media (prefers-reduced-motion: reduce){.skeleton{animation:none;opacity:.6}}@media (max-width: 640px){.shell{padding:16px 12px 40px}h2{font-size:19px}.card{padding:14px}.tabs button{padding:8px 10px;font-size:12.5px}}
