body{font-feature-settings:'tnum';background:#111827} [hidden]{display:none!important}.navbar{background:#182234;border-bottom:1px solid #2b3648}.navbar-brand{letter-spacing:-.04em}.filter-search{flex:1;min-width:220px}.filter-select{width:auto;max-width:240px}.card{background:#182234;border-color:#2b3648} .metric{font-size:2rem;font-weight:600;letter-spacing:-.04em}.muted{color:#94a3b8}.table{--tblr-table-bg:transparent}.table td{max-width:400px;overflow-wrap:anywhere}.table th{white-space:nowrap}.trace-link{font-family:monospace;cursor:pointer;color:#83b8ff;background:none;border:0;padding:0;text-align:left}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:#111827;padding:16px;border-radius:6px;max-height:480px;overflow:auto;font-size:12px}dialog{color:#e2e8f0;background:#182234;border:1px solid #3a4b63;border-radius:12px;width:min(1200px,96vw);max-height:92vh;overflow:auto;padding:24px}dialog::backdrop{background:#000a}.span-row{border-left:2px solid #3b82f6;padding:10px 14px;margin-bottom:8px;background:#111827;border-radius:0 5px 5px 0}.span-row.failed{border-color:#f87171}summary{cursor:pointer}.spark{width:100%;height:150px}.bar{height:7px;background:#3b82f6;border-radius:4px}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.nav-link{color:#a9b9cf}.nav-pills .active{background:#2563eb!important}.chart-labels{display:flex;justify-content:space-between;font-size:11px;color:#94a3b8}@media(max-width:650px){.compare-grid{grid-template-columns:1fr}.metric{font-size:1.6rem}dialog{padding:14px}.nav{overflow-x:auto;flex-wrap:nowrap}.nav-link{white-space:nowrap}}

.nav-pills .nav-link.active{color:#fff!important}
.trace-overview{display:flex;flex-wrap:wrap;gap:12px;align-items:center;margin:0 0 20px;color:#aabbd0;font-size:13px}
.trace-step{border:1px solid #304159;border-radius:8px;margin:10px 0;background:#152033;overflow:hidden}
.trace-step>summary{display:flex;flex-wrap:wrap;gap:8px;padding:14px;align-items:center;background:#1d2b40;list-style:none}
.trace-step>summary:before{content:'▸';color:#8fbaff}.trace-step[open]>summary:before{content:'▾'}
.trace-step-title{font-weight:600;flex:1;min-width:130px}.trace-step-status{font-size:12px}.trace-duration{font-size:13px;font-variant-numeric:tabular-nums;color:#b3c7df}
.trace-step-body{padding:12px 16px}.trace-error{border-color:#a44a55}.trace-error>summary{background:#342536}
.trace-facts{display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:#94a9c5;margin-bottom:12px}
.trace-failure{border-left:3px solid #ef7786;background:#352534;padding:10px 12px;margin:12px 0;overflow-wrap:anywhere}
.trace-payload{border:1px solid #34445c;border-radius:6px;margin:10px 0}.trace-payload>summary{padding:10px 12px;color:#a8ccff;font-weight:500}.trace-payload-body{padding:0 12px 12px}
.trace-message{border-left:3px solid #558ade;padding:12px 14px;background:#111b2d;margin:12px 0}.trace-message h4{color:#a5bfe2;font-size:12px;margin:0 0 10px;text-transform:uppercase;letter-spacing:.04em}
.trace-text{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;font-size:14px}.trace-fields{margin:0}.trace-fields>div{padding:8px 0;border-bottom:1px solid #2a384d}.trace-fields>div:last-child{border-bottom:0}.trace-fields dt{color:#93a9c8;font-size:12px;font-weight:500;margin-bottom:4px}.trace-fields dd{margin:0}
.trace-list{display:grid;gap:8px}.trace-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:8px}.trace-index{color:#8394ad;font-size:12px;padding-top:4px}.trace-technical,.trace-instructions{margin:14px 0 0;font-size:12px;color:#91a3bc}.trace-instructions[open]{padding-bottom:12px}.trace-technical>summary,.trace-instructions>summary{margin-bottom:10px}.trace-payload .table td{max-width:380px}.trace-payload .table th{font-size:11px}
@media(max-width:650px){.trace-step-body{padding:10px}.trace-step>summary{padding:12px}.trace-duration{margin-left:auto}.trace-message{padding:10px}.trace-text{font-size:13px}}