/* Small additions to Bootstrap. */
body { background: #f8f9fa; }
.sidebar { width: 230px; min-height: 100vh; position: sticky; top: 0; }
.chart-main { height: 420px; background: #fff; }
.chart-pane { height: 150px; background: #fff; }
.legend::before { content: ""; display: inline-block; width: 14px; height: 3px; margin: 0 4px 3px 6px; background: var(--c); }
.guide { max-width: 900px; background: #fff; padding: 2rem; border-radius: .5rem; }
.guide table { border-collapse: collapse; margin-bottom: 1rem; }
.guide th, .guide td { border: 1px solid #dee2e6; padding: .3rem .6rem; vertical-align: top; }
.guide th { background: #f1f3f5; }
.guide code { color: #364fc7; }
.mood-dot { display: inline-block; width: .7rem; height: .7rem; border-radius: 50%; }
.chart-equity { height: 320px; }
.job-output { max-height: 16rem; overflow: auto; white-space: pre-wrap; }
.chart-metric { height: 150px; }