.signal-chart-dialog { width:min(1380px,96vw); max-width:96vw; max-height:94dvh; padding:22px; border:1px solid var(--border); border-radius:16px; background:var(--panel,#17191f); color:var(--text,#eee); overflow:auto; }
.signal-chart-dialog::backdrop { background:#000b; }
.signal-chart-header { display:flex; align-items:center; justify-content:space-between; gap:16px; }
.signal-chart-header h2 { margin:0; font-size:20px; }
.signal-chart-controls { display:flex; align-items:end; flex-wrap:wrap; gap:12px; margin:18px 0 10px; }
.signal-chart-controls label { display:grid; gap:5px; font-size:12px; }
.signal-chart-dialog input,.signal-chart-dialog select { color:var(--text,#eee); background:var(--bg,#101216); border:1px solid var(--border,#444); border-radius:7px; padding:8px; min-width:0; }
.signal-chart-dialog input[type=checkbox] { accent-color:var(--accent,#26a69a); width:auto; flex:0 0 auto; margin:2px 0; }
.signal-chart-ranges { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin-bottom:14px; }
.signal-chart-ranges label { display:flex; align-items:center; gap:8px; font-size:12px; }
.signal-chart-layout { display:grid; grid-template-columns:270px minmax(0,1fr); gap:18px; }
.signal-chart-layout aside { min-width:0; }
.signal-chart-layout aside>input { width:100%; box-sizing:border-box; }
.signal-chart-choices { max-height:590px; overflow:auto; }
.signal-chart-choice { display:flex; align-items:start; gap:9px; padding:12px 4px; border-bottom:1px solid var(--border,#333); cursor:pointer; font-size:12px; overflow-wrap:anywhere; }
.signal-chart-choice small { display:block; color:var(--text-mute,#aaa); padding-top:5px; }
.signal-chart-choice:has(input:checked) { background:color-mix(in srgb,var(--accent,#26a69a) 10%,transparent); }
.signal-chart-main { min-width:0; }
.signal-chart-canvas { height:460px; background:#161616; border:1px solid #333; border-radius:8px; overflow:hidden; }
.signal-chart-detail { min-height:2em; font-size:12px; overflow-wrap:anywhere; }
.signal-chart-events { max-height:200px; overflow:auto; }
.signal-chart-event { display:grid; grid-template-columns:14px minmax(150px,1fr) 160px 90px; align-items:center; width:100%; text-align:left; gap:8px; padding:9px; color:var(--text,#eee); background:transparent; border:0; border-bottom:1px solid var(--border,#333); font:inherit; font-size:11px; cursor:pointer; }
.signal-chart-event:hover { background:var(--border,#333); }
.signal-chart-event span { overflow-wrap:anywhere; }
.signal-chart-dialog footer { margin-top:16px; }
.signal-chart-dialog a { color:var(--accent,#26a69a); }
@media(max-width:800px) { .signal-chart-dialog { padding:12px; } .signal-chart-layout { grid-template-columns:1fr; } .signal-chart-choices { max-height:170px; } .signal-chart-event { grid-template-columns:14px minmax(90px,1fr) 115px; } .signal-chart-event>span:last-child { display:none; } .signal-chart-controls label { flex:1 1 145px; } }

@media(max-width:480px) { .signal-chart-controls label:has(input[type=datetime-local]) { flex-basis:100%; } }