#terminal .win-chart-options.chart-context{display:contents}
#terminal .chart-context .chart-context-list {
  box-sizing:border-box; position:fixed; z-index:1005; display:flex; flex-direction:column;
  width:max-content; min-width:min(190px,95vw); max-width:calc(100vw - 6px); max-height:calc(100dvh - 6px);
  overflow:auto; overscroll-behavior:contain; padding:3px; border:1px solid #555; border-radius:3px;
  background:#353535; color:#eee; box-shadow:0 3px 10px #0008; font:12px/1.25 "Segoe UI",Arial,sans-serif;
  scrollbar-width:thin; scrollbar-color:#777 #383838;
}
#terminal .chart-context .chart-context-list.win-chart-options-sub{z-index:1006}
#terminal .chart-context .chart-context-list button {
  box-sizing:border-box; position:relative; flex:none; display:flex; align-items:center; gap:15px;
  min-height:24px; min-width:0; width:100%; margin:0; padding:3px 22px 3px 23px;
  color:inherit; background:transparent; border:0; border-radius:2px; text-align:left; font:inherit; cursor:default;
}
#terminal .chart-context .chart-context-list button::before,#terminal .chart-context .chart-context-list button::after{content:none}
#terminal .chart-context .chart-context-list button:is(:hover,:focus-visible,[aria-expanded=true]){outline:none;background:#535353}
#terminal .chart-context .chart-context-list button:disabled{color:#999}
#terminal .chart-context .chart-context-list button[aria-checked=true]::before{content:'✓';position:absolute;left:6px;color:#61ca82}
#terminal .chart-context .chart-context-list button[aria-haspopup]::after{content:'▸';position:absolute;right:7px;color:#c8c8c8}
#terminal .chart-context .chart-context-list kbd{margin-left:auto;font:inherit;color:#b2b2b2}
#terminal .chart-context .chart-context-list hr{width:100%;height:1px;flex:none;border:0;background:#565656;margin:2px 0}
#terminal[data-color-theme=light] .chart-context .chart-context-list{color:#222;background:#fafafa;border-color:#aaa}
#terminal[data-color-theme=light] .chart-context .chart-context-list button:is(:hover,:focus-visible,[aria-expanded=true]){background:#e0e1e2}
#terminal #chart-shot-notice{position:fixed;z-index:1010;bottom:30px;left:50%;transform:translateX(-50%);padding:5px 10px;background:#373737;color:white;border:1px solid #707070;border-radius:3px}
#terminal .chart-context .chart-context-list{min-width:min(244px,calc(100vw - 6px));padding:4px 5px;background:#1c1c1c;border-color:#3c3c3c}
#terminal .chart-context .chart-context-list button{min-height:29px;padding-left:27px}
#terminal .chart-context .chart-context-list button:is(:hover,:focus-visible,[aria-expanded=true]){background:#373737}
#terminal .chart-context .chart-context-list button>.win-icon{position:absolute;left:5px;width:15px;height:15px;opacity:.8}
#terminal .chart-context .chart-context-list hr{background:#393939;margin:4px 0}
#terminal .chart-context-ranges{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px}
#terminal .chart-context .chart-context-ranges button{justify-content:center;min-width:0;min-height:26px;padding:2px;border:1px solid #454545;font-size:11px}
#terminal .chart-context .chart-context-ranges button:last-child{grid-column:span 2}
#terminal .chart-context .chart-context-ranges button>.win-icon{position:static}
#terminal .chart-context-zoom{display:flex;align-items:center;gap:7px;min-height:31px;margin:0 6px;color:inherit}
#terminal .chart-context-zoom input{flex:1;min-width:55px;max-width:145px;margin:0;accent-color:#0a9853;cursor:pointer}
#terminal .chart-context-zoom output{width:34px;text-align:right;color:inherit}
.chart-context-date{background:#282828;color:#eee;border:1px solid #555;border-radius:3px;padding:14px;font:13px "Segoe UI",sans-serif}
.chart-context-date h2{font-size:15px;margin:0 0 12px}.chart-context-date label{display:grid;gap:4px;margin-bottom:10px}
.chart-context-date label{grid-template-columns:5em 1fr auto;align-items:center}
.chart-context-date input{font:inherit;color:inherit;background:var(--box,#333);border:1px solid #626262;padding:4px}
.chart-context-offset{font-variant-numeric:tabular-nums}
.chart-context-date-actions{display:flex;gap:6px;justify-content:flex-end}
.chart-context-date button{font:inherit}
#terminal .selected-object-toolbar{position:absolute;top:36px;left:8px;z-index:4;display:flex;gap:2px;padding:3px;border:1px solid #626262;border-radius:3px;background:#363636}
#terminal .selected-object-toolbar[hidden],#terminal .chart-tile[data-object-toolbar=false] .selected-object-toolbar{display:none}
#terminal .selected-object-toolbar button{display:grid;place-items:center;width:25px;height:24px;padding:2px}
#terminal .chart-context-search{box-sizing:border-box;width:100%;min-height:26px;padding:3px 8px;margin:0 0 3px}
#terminal .chart-context .chart-context-list button[hidden]{display:none}

#terminal .chart-cross-lines .cross-snapshot{position:absolute;display:none;grid-template-columns:auto auto;gap:2px 12px;margin:0;padding:5px 7px;font:11px/1.3 "Segoe UI",sans-serif;background:#242424ee;color:#eee;border:1px solid #555;border-radius:2px}
#terminal .chart-cross-lines[data-mode=snapshot] .cross-snapshot{display:grid}
#terminal .cross-snapshot dt,#terminal .cross-snapshot dd{margin:0}#terminal .cross-snapshot dd{text-align:right;font-variant-numeric:tabular-nums}

/* Source proposal only. Menus inherit terminal colours; dialog receives a palette copy. */
#terminal .chart-context .chart-context-list{background:var(--base,#292929);color:var(--fg,#eee);border-color:var(--box,#525252);text-align:start;scrollbar-color:var(--box,#525252) var(--base,#292929)}
#terminal .chart-context .chart-context-list button{text-align:start}
#terminal .chart-context .chart-context-list button:is(:hover,:focus-visible,[aria-expanded=true],[aria-checked=true]){background:var(--soft,#3b3b3b)}
#terminal .chart-context .chart-context-list hr{background:var(--box,#525252)}
#terminal .chart-context .chart-context-list button[aria-haspopup]::after,#terminal .chart-context .chart-context-list kbd{color:var(--dim,#bbb)}
#terminal .chart-context-search{background:var(--soft,#3b3b3b);color:var(--fg,#eee);border:1px solid var(--box,#525252);border-radius:2px}
#terminal .chart-context[data-kind=indicators] .chart-context-list{min-width:min(190px,calc(100vw - 6px))}
#terminal .chart-context[data-kind=language] .chart-context-list{width:178px;min-width:0;max-height:min(205px,calc(100dvh - 6px));padding:3px}
#terminal .chart-context[data-kind=language] button{min-height:29px;gap:14px;padding:4px 8px 4px 24px;direction:ltr}
#terminal .menu-language-code{margin-left:auto;border:1px solid var(--dim,#aaa);border-radius:2px;padding:0 2px;min-width:22px;text-align:center;font-size:10px;line-height:14px;color:var(--dim,#bbb)}
dialog.chart-indicator-dialog{box-sizing:border-box;width:min(580px,calc(100vw - 24px));min-width:0;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:0;background:var(--box,#525252);color:var(--fg,#eee);border:1px solid var(--soft,#3b3b3b);border-radius:3px;font:13px "Segoe UI",Arial,sans-serif}
dialog.chart-indicator-dialog .indicator-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--base,#292929);padding:7px 10px}
dialog.chart-indicator-dialog .indicator-heading h2{margin:0;font-size:14px;font-weight:400}
dialog.chart-indicator-dialog .indicator-heading button{border:0;background:transparent;color:inherit;font-size:22px;line-height:1;padding:0 3px}
dialog.chart-indicator-dialog .indicator-content{display:grid;grid-template-columns:160px minmax(0,1fr);gap:14px;padding:10px;min-height:360px}
dialog.chart-indicator-dialog .indicator-sidebar{min-width:0;padding:10px 7px;background:var(--base,#292929)}
dialog.chart-indicator-dialog .indicator-sidebar>img{display:block;margin:4px auto 18px}
dialog.chart-indicator-dialog .indicator-sidebar h3{font-size:12px;font-weight:400;margin:6px 0 10px}
dialog.chart-indicator-dialog .indicator-list{max-height:280px;overflow:auto;margin:0}
dialog.chart-indicator-dialog .indicator-list>div{display:grid;grid-template-columns:16px minmax(0,1fr) 20px;gap:3px;align-items:center;margin:3px 0}
dialog.chart-indicator-dialog .indicator-list button{min-width:0;overflow:hidden;text-overflow:ellipsis}
dialog.chart-indicator-dialog form{display:flex;flex-direction:column;gap:10px;min-width:0}
dialog.chart-indicator-dialog form label{display:grid;gap:4px;min-width:0}
dialog.chart-indicator-dialog input,dialog.chart-indicator-dialog select{box-sizing:border-box;width:100%;min-width:0;padding:5px 7px;color:inherit;background:var(--base,#292929);border:1px solid var(--soft,#3b3b3b);border-radius:2px;font:inherit}
dialog.chart-indicator-dialog input[type=checkbox]{width:auto;accent-color:var(--accent,#009345)}
dialog.chart-indicator-dialog label[hidden],dialog.chart-indicator-dialog .native-study-parameters[hidden]{display:none}
dialog.chart-indicator-dialog .native-study-parameters{display:grid;gap:10px}
dialog.chart-indicator-dialog .indicator-actions{display:flex;justify-content:flex-end;gap:7px;margin-top:auto;padding-top:16px}
dialog.chart-indicator-dialog button{background:var(--soft,#3b3b3b);color:inherit;border:1px solid var(--box,#525252);font:inherit}
dialog.chart-indicator-dialog .indicator-actions button{min-width:90px;padding:5px 12px}
dialog.chart-indicator-dialog .indicator-actions button[type=submit]{background:var(--accent,#009345);color:white}
dialog.chart-indicator-dialog :focus-visible{outline:2px solid var(--accent,#009345);outline-offset:1px}
@media(max-width:520px){dialog.chart-indicator-dialog .indicator-content{grid-template-columns:minmax(0,1fr);min-height:0}dialog.chart-indicator-dialog .indicator-sidebar{display:grid;grid-template-columns:40px minmax(0,1fr);gap:8px}dialog.chart-indicator-dialog .indicator-sidebar>img{width:32px;height:32px;margin:0}dialog.chart-indicator-dialog .indicator-sidebar h3{margin:0}dialog.chart-indicator-dialog .indicator-list{grid-column:1/-1;max-height:90px}}

#terminal .workspace-tools [data-chart-type-source]{display:none}
#terminal .workspace-tools .chart-type-glyph{font-size:19px;line-height:18px}
#terminal .chart-context .chart-menu-glyph{position:absolute;left:5px;width:15px;text-align:center;font-size:17px;line-height:18px}
#terminal .chart-context[data-kind=chart-types] .chart-context-list{min-width:min(190px,calc(100vw - 6px))}
#terminal .chart-context[data-kind=chart-types] .chart-context-list button[aria-checked=true]::before{content:none}
#terminal .chart-context[data-kind=templates] .chart-context-list{min-width:min(238px,calc(100vw - 6px))}
#terminal .chart-objects-menu{background:var(--base,#292929);color:var(--fg,#eee);border-color:var(--box,#525252);font:12px/1.25 "Segoe UI",Arial,sans-serif}
#terminal .chart-objects-menu button{min-height:29px}
#terminal .chart-objects-menu button:is(:hover,:focus-visible){background:var(--soft,#3b3b3b)}

#terminal .chart-context[data-kind=workspaces] .chart-context-list{min-width:min(280px,calc(100vw - 6px))}
#terminal .chart-context[data-kind=workspaces] button{overflow-wrap:anywhere}
#terminal .named-workspaces-dialog{box-sizing:border-box;width:min(470px,calc(100vw - 24px));min-width:0;max-height:calc(100dvh - 24px);background:var(--box,#525252);color:var(--fg,#eee);border-color:var(--soft,#3b3b3b)}
#terminal .named-workspaces-dialog form{min-width:0}
#terminal .named-workspaces-dialog :is(button,input,select){box-sizing:border-box;min-width:0;background:var(--base,#292929);color:inherit;border:1px solid var(--soft,#3b3b3b);font:inherit;padding:5px 7px}
#terminal .named-workspaces-dialog label{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);text-align:start}
#terminal .named-workspaces-dialog .indicator-actions{flex-wrap:wrap;gap:6px}
#terminal .named-workspaces-dialog .indicator-actions button{flex:0 1 auto;min-height:29px}
#terminal .named-workspaces-dialog :focus-visible{outline:2px solid var(--accent,#009345);outline-offset:1px}