:root{--sx-paper: #F5F2EC;--sx-surface: #FCFBF8;--sx-sunken: #EDE9E1;--sx-field: #FFFEFC;--sx-line: #DCD5C8;--sx-line-soft: #E6E0D5;--sx-line-strong: #BFB6A6;--sx-ink: #1E1C19;--sx-ink-2: #48443D;--sx-ink-3: #6B655B;--sx-row-hover: #EFEBE3;--sx-red: #B83A22;--sx-red-tint: #FAE6E0;--sx-red-line: #EDB9AC;--sx-red-wash: #FDF5F2;--sx-amber: #8A5700;--sx-amber-fill: #E3A21A;--sx-amber-tint: #FBF0D6;--sx-amber-line: #EBCF8E;--sx-green: #2A7548;--sx-green-fill: #3A9A5F;--sx-green-tint: #E1F0E5;--sx-green-line: #A9D2B6;--sx-blue: #2459B0;--sx-blue-tint: #E3EBF7;--sx-blue-line: #AFC4E6;--font-display: "Newsreader", Georgia, serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, Menlo, monospace;--radius-s: 4px;--radius-m: 6px;--radius-l: 8px;--shadow-overlay: 0 12px 32px rgba(30, 28, 25, .18);--scrim: rgba(30, 28, 25, .45)}html,body{margin:0;background:var(--sx-paper);color:var(--sx-ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased}*,*:before,*:after{box-sizing:border-box}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a{color:var(--sx-blue)}a:hover{color:var(--sx-ink)}:focus-visible{outline:2px solid var(--sx-blue);outline-offset:2px}svg.lucide{flex:none}@keyframes sx-spin{to{transform:rotate(360deg)}}@keyframes sx-pulse{0%,to{opacity:1}50%{opacity:.35}}.sx-spin{animation:sx-spin 1s linear infinite}.sx-pulse{animation:sx-pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.sx-spin,.sx-pulse{animation-duration:3s}}.sx-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.sx-overline{font:500 11px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sx-ink-3)}.sx-display{font-family:var(--font-display);font-weight:600;letter-spacing:-.01em;margin:0}.sx-mono{font-family:var(--font-mono)}[data-tip]{position:relative}[data-tip]:hover:after,[data-tip]:focus-visible:after{content:attr(data-tip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--sx-ink);color:var(--sx-paper);font:500 11px/1.3 var(--font-body);letter-spacing:0;text-transform:none;padding:5px 7px;border-radius:var(--radius-s);white-space:nowrap;z-index:60;pointer-events:none}[data-tip-pos=bottom]:hover:after,[data-tip-pos=bottom]:focus-visible:after{top:calc(100% + 6px);bottom:auto}[data-tip-pos=left]:hover:after,[data-tip-pos=left]:focus-visible:after{left:auto;right:0;transform:none}.sx-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:var(--h, 34px);padding:0 14px;border:1px solid transparent;border-radius:var(--radius-m);font:500 13px/1 var(--font-body);white-space:nowrap}.sx-btn--primary{background:var(--sx-ink);color:var(--sx-paper)}.sx-btn--primary:hover:not(:disabled){background:var(--sx-ink-2)}.sx-btn--secondary{background:var(--sx-surface);border-color:var(--sx-line-strong)}.sx-btn--secondary:hover:not(:disabled){background:var(--sx-sunken)}.sx-btn--outline{background:transparent;border-color:var(--sx-line);color:var(--sx-ink-2)}.sx-btn--outline:hover:not(:disabled){background:var(--sx-sunken)}.sx-btn--ghost{background:transparent;color:var(--sx-ink-2)}.sx-btn--ghost:hover:not(:disabled){background:var(--sx-sunken)}.sx-btn--link{background:transparent;color:var(--sx-blue);padding:0 8px}.sx-btn--link:hover:not(:disabled){background:var(--sx-blue-tint)}.sx-btn--danger{background:var(--sx-red);color:#fff;font-weight:600}.sx-btn--danger:hover:not(:disabled){background:#9e3019}.sx-btn--recover{background:var(--sx-green);color:#fff;font-weight:600}.sx-btn--recover:hover:not(:disabled){background:#22623c}.sx-btn--icon{width:var(--h, 34px);padding:0}.sx-btn:disabled{opacity:.5}.sx-seg{display:inline-flex;padding:2px;gap:2px;background:var(--sx-sunken);border:1px solid var(--sx-line);border-radius:var(--radius-m)}.sx-seg>button{display:inline-flex;align-items:center;gap:4px;height:var(--h, 30px);padding:0 12px;border:1px solid transparent;border-radius:var(--radius-s);background:transparent;font:500 13px/1 var(--font-body);color:var(--sx-ink-2)}.sx-seg>button[aria-pressed=true]{background:var(--sx-surface);border-color:var(--sx-line);color:var(--sx-ink)}.sx-input{width:100%;height:var(--h, 36px);padding:0 12px;border:1px solid var(--sx-line-strong);border-radius:var(--radius-m);background:var(--sx-field);font:400 14px var(--font-body)}.sx-input[aria-invalid=true]{border-color:var(--sx-red)}textarea.sx-input{height:auto;padding:10px 12px;resize:vertical;line-height:1.4}.sx-search{position:relative}.sx-search>svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--sx-ink-3);pointer-events:none}.sx-search>.sx-input{padding-left:34px}.sx-badge{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 7px;border:1px solid var(--line);border-radius:var(--radius-s);background:var(--bg);color:var(--fg);font:600 11px/1 var(--font-mono);white-space:nowrap}.tone-ok{--fg: var(--sx-green);--bg: var(--sx-green-tint);--line: var(--sx-green-line)}.tone-warn{--fg: var(--sx-amber);--bg: var(--sx-amber-tint);--line: var(--sx-amber-line)}.tone-fail{--fg: var(--sx-red);--bg: var(--sx-red-tint);--line: var(--sx-red-line)}.tone-info{--fg: var(--sx-blue);--bg: var(--sx-blue-tint);--line: var(--sx-blue-line)}.tone-idle{--fg: var(--sx-ink-3);--bg: var(--sx-sunken);--line: var(--sx-line)}.sx-panel{border:1px solid var(--sx-line);border-radius:var(--radius-m);background:var(--sx-surface);min-width:0}.sx-note{display:flex;gap:10px;align-items:flex-start;padding:10px 12px;border:1px solid var(--line);border-radius:var(--radius-m);background:var(--bg);font:400 13px/1.4 var(--font-body)}.sx-note>svg{color:var(--fg);margin-top:1px}.sx-scrim{position:absolute;inset:0;background:var(--scrim);z-index:40;display:flex;align-items:center;justify-content:center;padding:16px}.sx-dialog{width:100%;background:var(--sx-surface);border:1px solid var(--sx-line);border-radius:var(--radius-l);box-shadow:var(--shadow-overlay)}.sx-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px}.sx-empty__icon{width:44px;height:44px;border-radius:50%;background:var(--sx-sunken);display:grid;place-items:center;color:var(--sx-ink-2)}.sx-tabbar{flex:none;display:grid;background:var(--sx-surface);border-top:1px solid var(--sx-line)}.sx-tabbar>button{position:relative;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;color:var(--sx-ink-3);font:500 11px/1 var(--font-body)}.sx-tabbar>button[aria-current=page]{color:var(--sx-ink);font-weight:600}.sx-tabbar>button[aria-current=page]:before{content:"";position:absolute;top:0;left:28%;right:28%;height:2px;background:var(--sx-ink)}[data-tip]:hover:after,[data-tip]:focus-visible:after{border:1px solid var(--sx-ink-2)}.ops{height:100dvh;display:flex;flex-direction:column;background:var(--sx-paper);position:relative;overflow:hidden}.ops__header{flex:none;display:flex;align-items:center;gap:14px;background:var(--sx-ink);color:var(--sx-paper)}.ops__wordmark{font:600 19px/1 var(--font-display);letter-spacing:.02em;white-space:nowrap}.ops__tag{font:500 10.5px/1 var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:#c9c1b3;white-space:nowrap}.ops__env{font:500 11px/1 var(--font-mono);padding:5px 7px;border:1px solid var(--sx-ink-2);border-radius:4px;color:var(--sx-line);white-space:nowrap}.ops__nav{display:flex;gap:2px;margin-left:8px}.ops__nav>button{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 12px;border:0;border-radius:var(--radius-s);background:transparent;color:#c9c1b3;font:500 13px/1 var(--font-body)}.ops__nav>button:hover{color:var(--sx-paper);background:#ffffff14}.ops__nav>button[aria-current=page]{color:var(--sx-paper);background:#ffffff24}.ops__user{font:600 13px/1 var(--font-body);color:var(--sx-paper);white-space:nowrap}.ops__demo{font:600 11px/1 var(--font-mono);padding:5px 7px;border:1px solid #8A5700;border-radius:4px;color:#f0c466;white-space:nowrap}.ops__signout{width:32px;height:32px;border:1px solid var(--sx-ink-2);border-radius:var(--radius-m);background:transparent;color:#c9c1b3;display:grid;place-items:center}.ops__signout:hover{color:var(--sx-paper);border-color:#c9c1b3}.signin{min-height:100dvh;display:grid;place-items:center;padding:16px;background:var(--sx-paper)}.signin__card{max-width:420px;padding:24px 22px 22px;display:flex;flex-direction:column;gap:14px}.signin__field{display:flex;flex-direction:column;gap:6px;font:500 13px/1 var(--font-body)}.banner-demo{flex:none;background:var(--sx-blue-tint);border-bottom:1px solid var(--sx-blue-line);color:var(--sx-blue);font:500 12px/1.35 var(--font-body)}.ops__scroll{flex:1;min-height:0;overflow:auto}.ops__content{display:flex;flex-direction:column;gap:14px;max-width:1680px;margin:0 auto}.ops__grid{display:grid;gap:14px;align-items:start}.ops__col{min-width:0;display:flex;flex-direction:column;gap:14px}.split{display:grid;gap:14px;align-items:start}.split>.case{position:sticky;top:0;max-height:calc(100dvh - 140px);overflow:auto}.panel__head{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--sx-line-soft)}.panel__title{margin:0;font:600 17px/1.2 var(--font-display)}.panel__meta{font:400 11px/1 var(--font-mono);color:var(--sx-ink-3)}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table__head{display:grid;align-items:center;height:28px;padding:0 4px;background:var(--sx-paper);border-bottom:1px solid var(--sx-line-soft);font:500 10.5px/1 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--sx-ink-3)}.table__head>span,.table__row>span{padding:0 8px;min-width:0}.table__row{display:grid;align-items:center;min-height:30px;padding:0 4px;border-bottom:1px solid var(--sx-line-soft);font:400 12px/1.3 var(--font-mono)}.row-btn{width:100%;border:0;border-bottom:1px solid var(--sx-line-soft);background:transparent;text-align:left;color:inherit;min-height:34px}.event:hover{background:var(--sx-row-hover)!important}.event--mobile{display:flex;flex-direction:column;gap:4px;padding:10px 14px;font:400 12px/1.3 var(--font-mono)}.row-btn[aria-current=true]{background:var(--sx-row-hover)}.health__name{font:600 13px/1.2 var(--font-body);display:flex;align-items:center;gap:7px}.health__name>svg{color:var(--sx-ink-3)}.health-card{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid var(--sx-line-soft)}.events__filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 14px;border-bottom:1px solid var(--sx-line-soft);background:var(--sx-paper)}.case__head{display:flex;align-items:flex-start;gap:10px;padding:14px 14px 10px}.case__actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:0 14px 12px}.facts{margin:0;padding:0 14px 12px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;font:400 12px/1.3 var(--font-mono)}.facts dt{color:var(--sx-ink-3)}.facts dd{margin:0}.explain{display:flex;flex-direction:column;gap:8px;padding:10px 12px;border:1px solid var(--sx-line-soft);border-radius:var(--radius-m);background:var(--sx-paper)}.explain__rule{font:400 13px/1.4 var(--font-body)}.explain .facts{padding:0}.field{display:flex;flex-direction:column;gap:6px;font:500 13px/1.2 var(--font-body)}.lifecycle{list-style:none;margin:0;padding:0}.lifecycle>li{display:grid;grid-template-columns:12px minmax(0,1fr);gap:10px;position:relative;padding-bottom:12px}.lifecycle__line{position:absolute;left:5px;top:14px;bottom:0;width:1px;background:var(--sx-line)}.lifecycle__dot{margin-top:3px;width:11px;height:11px;border-radius:50%;border:2px solid}.metrics{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--sx-line-soft);border-radius:0 0 var(--radius-m) var(--radius-m);overflow:hidden}.metrics>div{background:var(--sx-surface);padding:10px 14px;display:flex;flex-direction:column;gap:6px}.metrics__label{display:flex;align-items:center;gap:6px;font:500 11px/1 var(--font-mono);letter-spacing:.04em;text-transform:uppercase;color:var(--sx-ink-3)}.metrics__value{margin:0;font:500 26px/1 var(--font-mono)}.drawer__scrim{position:fixed;inset:0;background:#1e1c1959;z-index:30}.drawer{position:fixed;top:0;right:0;bottom:0;background:var(--sx-surface);border-left:1px solid var(--sx-line);box-shadow:-12px 0 32px #1e1c1929;z-index:31;display:flex;flex-direction:column;max-width:100%}.drawer__body{flex:1;overflow:auto;padding:14px 16px;display:flex;flex-direction:column;gap:18px}.drawer .case{border:0;border-radius:0}.sx-scrim{position:fixed;z-index:50}.dialog__actions{display:flex;justify-content:flex-end;gap:8px;padding:12px 20px;border-top:1px solid var(--sx-line-soft);background:var(--sx-paper)}.steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}.steps>li{display:flex;align-items:center;gap:8px;padding:6px 10px;border:1px solid var(--line, var(--sx-line-soft));border-radius:4px;background:var(--bg, var(--sx-surface));color:var(--fg, var(--sx-ink-3));font:500 12px/1.2 var(--font-body)}
