.sanctuary-debug-toggle{font:11px var(--font-mono,monospace);padding:4px 8px;border:1px solid #28523c;border-radius:4px;background:transparent;color:inherit;cursor:pointer}
.sanctuary-debug-toggle[aria-pressed="true"]{color:#19c897}
.sanctuary-trace-host,.sanctuary-trace{min-width:0;width:100%}
.sanctuary-trace{margin:2px 0 4px;font:11px/1.7 var(--font-mono,Consolas,monospace);color:var(--ink,#c7ddcf);text-align:left}
.sanctuary-trace button{cursor:pointer;font:inherit;color:inherit}
.sanctuary-trace button:focus-visible,.sanctuary-trace summary:focus-visible{outline:2px solid #10b981;outline-offset:2px}
.sanctuary-trace .trace-toggle{border:0;background:none;padding:4px 0;display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:10px;color:#7ca98d;text-align:left}
.trace-toggle b{font-weight:400;color:#9dc5ad}.trace-toggle[aria-expanded="true"]{color:#25bc88}.trace-muted{color:#6c947c}.trace-status{color:#73977f;font-size:9px}
.trace-inspector{border:1px solid #28523c;border-radius:6px;margin-top:3px;overflow:hidden;background:var(--panel,#08140e)}
.trace-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 10px;border-bottom:1px solid #254632}
.trace-header>button{padding:0 6px;font-size:18px}.trace-tabs{display:flex;min-width:0;overflow-x:auto;gap:6px}
.trace-header button{border:0;background:none;border-radius:0;color:#84a992;white-space:nowrap}
.trace-tabs button{padding:10px 6px;border-bottom:2px solid transparent;font-size:10px}.trace-tabs button[aria-selected="true"]{color:#b6dfc6;border-bottom-color:#16bc81}
.trace-panel{max-height:365px;overflow:auto;scrollbar-width:thin;scrollbar-color:#2c6345 transparent;overscroll-behavior:contain;padding:14px 17px}
.trace-toolbar{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px;color:#82a990;font-size:10px}
.trace-toolbar>span:last-child{display:flex;gap:7px}.trace-toolbar button{border:1px solid #2a4a35;border-radius:4px;background:none;padding:2px 7px;font-size:10px}
.trace-fields{display:grid;grid-template-columns:65px minmax(0,1fr);gap:13px 17px;margin:0}.trace-fields dt{color:#69ae88;font-size:10px;text-transform:uppercase}.trace-fields dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}
.trace-prose{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.85;padding:10px 0}
.trace-panel pre{font:11px/1.75 var(--font-mono,Consolas,monospace);white-space:pre-wrap;overflow-wrap:anywhere;margin:10px 0;padding:0;color:inherit;background:none}
.trace-decision{display:flex;gap:14px;flex-wrap:wrap;color:#b5d9c2;margin-bottom:10px}.trace-decision span{color:#719a80}
.trace-disclosure{border-top:1px solid #203d2b;padding:8px 0}.trace-disclosure summary{cursor:pointer;color:#97b4a1;overflow-wrap:anywhere}.trace-disclosure small{color:#6c967b}.trace-disclosure .trace-disclosure{margin-left:10px}
.trace-event{display:grid;grid-template-columns:55px minmax(0,1fr);gap:12px}.trace-event time{padding-top:9px;color:#6a967b;font-size:10px}.sanctuary-trace .trace-error{color:#e79c88}
@media(max-width:600px){.trace-panel{padding:12px;max-height:330px}.trace-tabs{gap:0}.trace-tabs button{padding:9px 5px;font-size:9px}.trace-fields{grid-template-columns:1fr;gap:5px}.trace-fields dd{margin-bottom:10px}.trace-toolbar{flex-wrap:wrap}}

.trace-advice{line-height:1.85;overflow-wrap:anywhere}.trace-advice p{margin:0 0 12px}.trace-advice p:last-child{margin:0}.trace-advice ul,.trace-advice ol{padding-left:20px}.trace-advice a{color:#32c08d}.trace-advice h1,.trace-advice h2,.trace-advice h3{font-size:12px}

.trace-routing{width:100%;border-collapse:collapse;margin:8px 0 12px;font:inherit;font-size:10px}.trace-routing th,.trace-routing td{text-align:left;padding:7px 8px;border-bottom:1px solid var(--line,#254632)}.trace-routing thead{color:var(--ink-dim,#84a992)}.trace-routing tbody th{font-weight:500}.trace-routing td{font-variant-numeric:tabular-nums}