.terminal-chart{background:#0b1018;color:#dbe5ef;border:1px solid #2b3b4d;font:12px/1.4 Segoe UI,system-ui,sans-serif;min-height:360px;display:flex;flex-direction:column}
.terminal-chart__toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 8px;background:#111c28;border-bottom:1px solid #2b3b4d}
.terminal-chart__toolbar label{color:#9eafc1;display:flex;align-items:center;gap:4px}
.terminal-chart__hint{margin-left:auto;color:#77899d;font-size:10px}
.terminal-chart__shortcuts{position:relative;color:#b8c8d8;font-size:11px}
.terminal-chart__settings{position:relative;color:#b8c8d8;font-size:11px}
.terminal-chart__settings summary{cursor:pointer;color:#ffca72;border:1px solid #40556b;background:#172433;padding:5px 8px;border-radius:2px;list-style:none}
.terminal-chart__settings summary::-webkit-details-marker{display:none}
.terminal-chart__settings[open] summary{background:#263b50}
.terminal-chart__settings>div{display:flex;align-items:center;flex-wrap:wrap;gap:5px;position:absolute;z-index:4;top:calc(100% + 4px);left:0;min-width:260px;padding:6px;background:#172433;border:1px solid #52647b;box-shadow:0 4px 14px #0008}
.terminal-chart__exports{position:relative;color:#b8c8d8;font-size:11px}
.terminal-chart__exports summary{cursor:pointer;color:#ffca72;border:1px solid #40556b;background:#172433;padding:5px 8px;border-radius:2px;list-style:none}
.terminal-chart__exports summary::-webkit-details-marker{display:none}
.terminal-chart__exports[open] summary{background:#263b50}
.terminal-chart__exports>div{display:flex;gap:4px;position:absolute;z-index:4;top:calc(100% + 4px);left:0;padding:5px;background:#172433;border:1px solid #52647b;box-shadow:0 4px 14px #0008;white-space:nowrap}
.terminal-chart__shortcuts summary{cursor:pointer;color:#ffca72;border:1px solid #40556b;background:#172433;padding:5px 8px;border-radius:2px;list-style:none}
.terminal-chart__shortcuts summary::-webkit-details-marker{display:none}
.terminal-chart__shortcuts[open] summary{background:#263b50}
.terminal-chart__shortcuts>div{position:absolute;z-index:3;top:calc(100% + 4px);left:0;min-width:250px;padding:7px 9px;background:#111c28;border:1px solid #40556b;box-shadow:0 4px 12px #0008}
.terminal-chart__toolbar select,.terminal-chart__toolbar input,.terminal-chart__toolbar button{font:inherit;background:#172433;color:#dbe5ef;border:1px solid #40556b;padding:5px 8px;border-radius:2px}
.terminal-chart__toolbar input{max-width:132px}.terminal-chart__toolbar button{cursor:pointer;color:#ffca72}.terminal-chart__toolbar button:hover,.terminal-chart__toolbar button:focus-visible{background:#263b50}.terminal-chart__toolbar button[aria-pressed=true]{background:#59431f;border-color:#d89b45;color:#fff1ce}.terminal-chart__shortcuts{color:#b9c7d5}.terminal-chart__shortcuts summary{cursor:pointer;color:#ffca72;padding:5px 6px;border:1px solid #40556b;list-style:none}.terminal-chart__shortcuts summary::-webkit-details-marker{display:none}.terminal-chart__shortcuts[open] div{position:absolute;z-index:4;margin-top:4px;padding:8px 10px;background:#172433;border:1px solid #52647b;box-shadow:0 4px 14px #0008;white-space:nowrap}
.terminal-chart__status{min-height:18px;padding:4px 8px;color:#9eafc1}.terminal-chart__status[data-state=error]{color:#ffb2b2}.terminal-chart__status[data-state=loading]{color:#ffd17c}
.terminal-chart__svg{width:100%;height:auto;min-height:300px;display:block;background:#080d14;touch-action:none;outline:none}
.terminal-chart__svg:focus-visible{outline:2px solid #ffbe5d;outline-offset:-2px}.terminal-chart__detail{min-height:22px;padding:5px 8px;background:#111c28;color:#dce8f4;font:12px Consolas,monospace;font-variant-numeric:tabular-nums}
.terminal-chart__events{max-height:130px;overflow:auto;padding:4px 8px;border-top:1px solid #2b3b4d}.terminal-chart__events p{margin:3px 0;color:#aebdcb}.terminal-chart__events a{color:#86caff}.terminal-chart__events button{background:none;border:0;color:#ffca72;cursor:pointer;padding:0 3px;text-align:left}
.terminal-chart__events button:hover,.terminal-chart__events button:focus-visible{color:#fff1ce;text-decoration:underline;outline:1px solid #d89b45;outline-offset:1px}.terminal-chart__svg circle[role=button]{cursor:pointer}.terminal-chart__svg circle[role=button]:focus{outline:2px solid #ffca72;outline-offset:2px}
.native-research{display:flex;flex:1;min-height:0;overflow:auto;background:#090d13;padding:5px}
.native-panel{display:flex;flex:1;min-height:0;flex-direction:column}.native-panel[hidden]{display:none!important}
.native-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:7px 8px;background:#111c28;border:1px solid #2b3b4d;color:#9eafc1}
.native-toolbar select,.native-toolbar input,.native-toolbar button{font:inherit;background:#172433;color:#dbe5ef;border:1px solid #40556b;padding:5px 8px;border-radius:2px}
.native-toolbar input{min-width:150px}.native-toolbar button{cursor:pointer;color:#ffca72}.native-toolbar button:hover,.native-toolbar button:focus-visible{background:#263b50}
.native-state{padding:8px;color:#9eafc1;min-height:22px}.native-state.error{color:#ffb2b2}.native-state.loading{color:#ffd17c}.native-state.empty{color:#9eafc1}
.native-events{min-height:0;overflow:auto}.native-event{padding:9px 10px;border-bottom:1px solid #202c39}.native-event:hover{background:#131e2a}.native-event h3{margin:4px 0;font-size:12px;font-weight:500;line-height:1.55}.native-event h3 a{color:#d9e5f3}.native-event .meta{color:#94a4b7;font:10px Consolas,monospace}
.native-table{min-height:0;overflow:auto;color:#dbe5ef}.native-table table{width:100%;border-collapse:collapse;white-space:nowrap;font:11px/1.5 Consolas,monospace}.native-table th,.native-table td{padding:7px 8px;border-bottom:1px solid #202c39;text-align:left}.native-table th{position:sticky;top:0;background:#121c27;color:#8da1b8;font-weight:400}.native-table td.num{text-align:right;color:#dfe9f4}.native-table table th,.native-table table td{display:table-cell!important}
.native-table table td:nth-child(4),.native-table table th:nth-child(4){display:table-cell}
.native-fallback-hint{margin:0;padding:4px 10px;color:#77899d;font-size:10px;border-top:1px solid #1c2733}
@media(max-width:640px){.terminal-chart__toolbar{gap:4px}.terminal-chart__toolbar select,.terminal-chart__toolbar input,.terminal-chart__toolbar button{padding:5px 6px}.terminal-chart__svg{min-height:260px}.native-research{padding:3px}.native-toolbar{gap:4px}.native-toolbar select,.native-toolbar input,.native-toolbar button{min-height:38px;padding:7px 8px}.native-toolbar input{min-width:0;flex:1}.native-table{overflow-x:auto}}

/* The plot owns the available height; only the event list scrolls below it. */
@media(min-width:701px){
  .native-research{overflow:hidden;padding:4px}
  #native-chart.terminal-chart{min-height:0;flex:1 1 0;overflow:hidden}
  #native-chart .terminal-chart__toolbar{flex:0 0 auto;gap:4px 6px;padding:5px 6px;font-size:11px}
  #native-chart .terminal-chart__toolbar label{gap:3px;white-space:nowrap}
  #native-chart .terminal-chart__toolbar select,#native-chart .terminal-chart__toolbar input,#native-chart .terminal-chart__toolbar button{min-height:26px;padding:3px 5px}
  #native-chart .terminal-chart__toolbar input{max-width:118px}
  #native-chart .terminal-chart__hint{display:none}
  #native-chart .terminal-chart__shortcuts{padding:0;border:0}
  #native-chart .terminal-chart__shortcuts summary{padding:4px 6px}
  #native-chart .terminal-chart__settings summary{padding:4px 6px}
  #native-chart .terminal-chart__settings>div{padding:4px}
  #native-chart .terminal-chart__exports summary{padding:4px 6px}
  #native-chart .terminal-chart__exports>div{padding:4px}
  #native-chart .terminal-chart__status{flex:0 0 auto;min-height:0;padding:3px 7px;font-size:10px}
  #native-chart .terminal-chart__svg{flex:1 1 0;height:0;min-height:0;max-height:none}
  #native-chart .terminal-chart__detail{flex:0 0 auto;min-height:24px;padding:4px 7px;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  #native-chart .terminal-chart__events{flex:0 1 76px;min-height:0;max-height:76px;overscroll-behavior:contain;font-size:11px}
  #native-chart .terminal-chart__events:empty{display:none}
}
@media(min-width:701px) and (max-height:760px){#native-chart .terminal-chart__events{flex-basis:48px;max-height:48px}}
@media(max-width:700px){#native-chart.terminal-chart{min-height:450px}.terminal-chart__toolbar button,.terminal-chart__toolbar select,.terminal-chart__toolbar input,.terminal-chart__shortcuts summary,.terminal-chart__exports summary,.terminal-chart__settings summary{min-height:38px}.terminal-chart__settings>div{position:fixed;left:8px;right:8px;top:auto;bottom:8px;min-width:0;padding:10px;box-shadow:0 8px 26px #000b}.terminal-chart__detail{overflow-wrap:anywhere}}