/* Stable chart panels; independent iframes, shared application workspace. */
#brokerhub-charts-host.bh-charts-workspace{display:flex!important;flex-direction:column;min-width:0;min-height:0;overflow:hidden;background:var(--bh-bg,#0d1012);position:relative}
.bh-charts-toolbar{display:flex;align-items:center;gap:8px;min-height:38px;flex:none;padding:4px 8px;border-bottom:1px solid var(--bh-border,#2b3033);background:var(--bh-surface,#15181b);color:var(--bh-text,#e9edf0);font-size:11px}
.bh-charts-toolbar>strong{font-weight:500;color:var(--bh-muted,#9da6b2)}
.bh-charts-toolbar button,.bh-chart-panel-header button,.bh-charts-tabs button{border:1px solid var(--bh-border,#2b3033);border-radius:4px;background:transparent;color:var(--bh-text,#e9edf0);font:inherit;cursor:pointer;min-height:28px;padding:4px 8px}
.bh-charts-toolbar button:hover,.bh-chart-panel-header button:hover,.bh-charts-tabs button:hover{background:var(--bh-surface-2,#20242b);color:var(--bh-accent,#00b49d)}
.bh-charts-toolbar button:disabled,.bh-chart-panel-header button:disabled{opacity:.4;cursor:default}
.bh-charts-status{margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--bh-muted,#9da6b2);font-size:10px}
.bh-charts-grid{display:grid;grid-template-columns:minmax(0,1fr);grid-auto-rows:minmax(var(--bh-chart-min-height,300px),1fr);gap:6px;flex:1;min-height:0;overflow:auto;padding:6px}
.bh-charts-workspace[data-columns="2"][data-maximized=""]:not([data-count="1"]) .bh-charts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.bh-chart-panel{display:flex;flex-direction:column;min-width:0;min-height:0;border:1px solid var(--bh-border,#2b3033);border-radius:5px;overflow:hidden;background:var(--bh-bg,#0d1012)}
.bh-chart-panel.is-active{border-color:var(--bh-accent,#00b49d);box-shadow:0 0 0 1px color-mix(in srgb,var(--bh-accent,#00b49d) 15%,transparent)}
.bh-chart-panel[hidden]{display:none!important}
.bh-chart-panel-header{display:flex;align-items:center;gap:4px;flex:none;min-height:30px;background:var(--bh-surface,#15181b);padding:2px 4px;font-size:10px;border-bottom:1px solid var(--bh-border,#2b3033)}
.bh-chart-panel-header button{min-height:24px;min-width:26px;padding:2px 5px;border-color:transparent;color:var(--bh-muted,#9da6b2)}
.bh-chart-panel-title{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.is-active .bh-chart-panel-title{color:var(--bh-accent,#00b49d)}
#brokerhub-charts-host iframe.bh-chart-frame{display:block!important;position:relative!important;inset:auto!important;width:100%!important;height:100%!important;min-height:0!important;max-height:none!important;border:0;flex:1;min-width:0;visibility:visible!important}
.bh-charts-tabs{display:none}
.bh-charts-picker{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);border:1px solid var(--bh-border,#2b3033);border-radius:8px;background:var(--bh-surface,#15181b);color:var(--bh-text,#e9edf0);padding:0;box-shadow:0 20px 70px #0006;font-size:12px}
.bh-charts-picker::backdrop{background:#0005}.bh-charts-picker-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--bh-border,#2b3033)}
.bh-charts-picker-head button{background:none;border:0;color:inherit;font-size:20px;padding:4px 8px;cursor:pointer}
.bh-charts-picker input{box-sizing:border-box;margin:14px 16px 8px;width:calc(100% - 32px);padding:10px 12px;min-height:40px;border:1px solid var(--bh-border,#2b3033);border-radius:5px;background:var(--bh-bg,#0d1012);color:inherit}
.bh-charts-picker-results{padding:4px 8px 12px;max-height:55dvh;overflow:auto}.bh-charts-picker-results button{display:block;width:100%;text-align:left;min-height:48px;border:0;border-radius:4px;padding:8px 10px;background:none;color:inherit;cursor:pointer}.bh-charts-picker-results button:hover{background:var(--bh-surface-2,#20242b)}.bh-charts-picker-results strong,.bh-charts-picker-results small{display:block}.bh-charts-picker-results small{font-size:11px;color:var(--bh-muted,#9da6b2);margin-top:3px}
.bh-charts-workspace button:focus-visible,.bh-charts-picker input:focus-visible{outline:2px solid var(--bh-accent,#00b49d);outline-offset:1px}
@media(max-width:991px){#brokerhub-charts-host.bh-charts-workspace{min-height:520px;height:min(74dvh,760px)}.bh-charts-toolbar{min-height:40px}.bh-charts-tabs{display:flex;gap:5px;overflow-x:auto;flex:none;padding:5px 6px;background:var(--bh-bg,#0d1012);scrollbar-width:thin}.bh-charts-tabs button{white-space:nowrap;font-size:11px;min-height:34px}.bh-charts-tabs button[aria-selected=true]{border-color:var(--bh-accent,#00b49d);color:var(--bh-accent,#00b49d)}.bh-charts-grid{grid-template-columns:minmax(0,1fr)!important;padding:3px;overflow:hidden;grid-auto-rows:minmax(0,1fr)}.bh-chart-panel[data-active=false]{display:none!important}.bh-chart-panel-header{min-height:32px}.bh-chart-panel-header button{min-height:28px}.bh-charts-status{max-width:110px}.marc-chart-fs-open.bh-charts-workspace{height:100dvh!important;min-height:0!important}.marc-chart-fs-on .bh-charts-toolbar{padding-right:52px}}

#brokerhub-charts-host.marc-chart-fs-open{position:fixed!important;inset:0!important;z-index:1200!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;min-height:0!important}.marc-chart-fs-open .bh-charts-toolbar{padding-right:54px}

@media(max-width:991px){#brokerhub-charts-host[data-section]:not([data-section="overview"]):not(.marc-chart-fs-open){display:none!important}}
.bh-chart-panel-header button:has(>svg){display:inline-flex;align-items:center;justify-content:center;min-height:24px;min-width:26px}.bh-chart-panel-header button>svg{display:block;flex:none}
/* Workspace arrangement: track sizes are measured by the manager; frames remain mounted. */
.bh-charts-grid{position:relative;align-content:stretch;overflow:auto;overscroll-behavior:contain}
.bh-charts-toolbar select{height:26px;max-width:112px;border:1px solid var(--bh-border,#2b3033);border-radius:4px;background:var(--bh-surface,#15181b);color:inherit;font:inherit;padding:0 5px}
.bh-chart-panel-header{gap:4px;flex-shrink:0}.bh-chart-panel-header .bh-chart-drag-handle{cursor:grab;touch-action:none;min-width:20px;padding:0;color:inherit;opacity:.65}.bh-chart-panel-header .bh-chart-drag-handle:hover{opacity:1}
.bh-chart-panel-trades{display:flex;align-items:stretch;gap:6px;margin-left:auto;flex:none;min-width:0}.bh-chart-panel-header .bh-chart-buy,.bh-chart-panel-header .bh-chart-sell{font-size:10px;font-variant-numeric:tabular-nums;white-space:nowrap;padding:0 5px;border:1px solid currentColor;border-radius:4px}.bh-chart-panel-header .bh-chart-buy{--bh-trade-color:var(--bh-positive);color:var(--bh-trade-color)}.bh-chart-panel-header .bh-chart-sell{--bh-trade-color:var(--bh-negative);color:var(--bh-trade-color)}.bh-chart-panel-header .bh-chart-panel-trades button:disabled{opacity:.4;cursor:not-allowed}
.bh-chart-splitter{position:absolute;z-index:5;touch-action:none;outline:none;background:transparent}.bh-chart-splitter[data-axis="columns"]{cursor:col-resize}.bh-chart-splitter[data-axis="rows"]{cursor:row-resize}.bh-chart-splitter:hover,.bh-chart-splitter:focus-visible{background:#00b49d80;border-radius:3px}
.bh-chart-arrangement-shield{position:fixed;inset:0;z-index:100000;touch-action:none;user-select:none}.bh-chart-arrangement-shield[data-kind="drag"]{cursor:grabbing}.bh-chart-arrangement-shield[data-axis="columns"]{cursor:col-resize}.bh-chart-arrangement-shield[data-axis="rows"]{cursor:row-resize}.bh-chart-arranging{user-select:none}.bh-chart-drag-preview{position:fixed;z-index:100001;pointer-events:none;left:0;top:0;padding:8px 12px;background:#15181b;color:#fff;border:1px solid #00b49d;border-radius:4px;box-shadow:0 4px 20px #0006;font-size:12px}.bh-chart-panel.bh-chart-drop-target{outline:2px solid #00b49d;outline-offset:-2px}
@media(max-width:991px){.bh-chart-drag-handle,.bh-chart-splitter{display:none!important}.bh-charts-toolbar select{max-width:90px}.bh-chart-panel-header{flex-wrap:wrap}.bh-chart-panel-trades{margin-left:auto}.bh-charts-grid{overflow:hidden}}

.bh-charts-toolbar{flex-wrap:wrap;gap:5px}.bh-charts-toolbar>button,.bh-charts-toolbar>select{flex-shrink:0}
.bh-chart-panel-header{touch-action:none;cursor:grab}.bh-chart-panel-header .bh-chart-panel-title{touch-action:manipulation;cursor:pointer}
.bh-chart-drop-preview{position:fixed;z-index:100000;pointer-events:none;box-sizing:border-box;border:2px solid #00b49d;background:rgba(0,180,157,.16);display:flex;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 3px #000;font:600 14px sans-serif;box-shadow:inset 0 0 0 1px #0003;border-radius:4px}.bh-chart-drop-preview[hidden]{display:none}
@media(max-width:991px){.bh-chart-panel-header,.bh-chart-panel-header .bh-chart-panel-title{touch-action:auto;cursor:default}}
/* Unified symbol entry: the live quotes remain the only selection surface. */
.bh-chart-panel{container-type:inline-size}
.bh-chart-panel-header{padding:6px;gap:6px;min-height:44px;font-size:12px}
.bh-chart-panel-header .bh-chart-panel-title{display:flex;align-items:center;gap:8px;min-width:0;min-height:34px;padding:5px 9px;border:1px solid var(--bh-border);border-radius:6px;background:var(--bh-bg);color:var(--bh-text);cursor:pointer;font-size:12px;font-weight:600}
.bh-chart-panel-header .bh-chart-panel-title:hover{background:var(--bh-surface-2);border-color:var(--bh-muted);color:var(--bh-text)}
.bh-chart-symbol-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.bh-chart-symbol-caret{display:inline-flex;align-items:center;justify-content:center;flex:0 0 18px;width:18px;height:18px;margin-left:auto;color:var(--bh-muted);pointer-events:auto}.bh-chart-symbol-caret::before{content:"";display:block;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg)}
.bh-chart-symbol-icon{display:inline-flex;flex:none;width:22px;height:22px;align-items:center;justify-content:center}
.bh-chart-symbol-icon .marc-symbol-icon{width:22px;height:22px;flex:none}
.bh-chart-symbol-icon img{max-width:22px;max-height:22px}
.bh-chart-panel-header .bh-chart-panel-trades button{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;min-width:84px;min-height:40px;padding:5px 10px;font-size:11px;font-weight:600;line-height:1.15;border-radius:6px;border-color:color-mix(in srgb,var(--bh-trade-color) 35%,var(--bh-border));background:color-mix(in srgb,var(--bh-trade-color) 9%,var(--bh-surface));color:var(--bh-trade-color)}
.bh-chart-panel-header .bh-chart-panel-trades button:hover:not(:disabled){border-color:var(--bh-trade-color);background:color-mix(in srgb,var(--bh-trade-color) 16%,var(--bh-surface));color:var(--bh-trade-color)}
.bh-chart-panel-header .bh-chart-panel-trades button:active:not(:disabled){background:color-mix(in srgb,var(--bh-trade-color) 22%,var(--bh-surface))}
.bh-trade-label{font-size:10px;line-height:1.1;font-weight:600;white-space:nowrap}.bh-trade-price{font-family:var(--bh-number-font);font-size:12px;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}
@container(max-width:620px){.bh-chart-panel-header{flex-wrap:wrap}.bh-chart-panel-trades{order:5;width:100%;margin:0;gap:6px}.bh-chart-panel-header .bh-chart-panel-trades button{flex:1;min-width:0;min-height:42px;align-items:center;font-size:12px}}
.bh-symbol-selector-heading{display:none;align-items:center;justify-content:space-between;gap:12px;padding:12px;color:var(--bh-text);border-bottom:1px solid var(--bh-border);flex-shrink:0;font-size:12px}
/* The embedded list starts with its category; fullscreen browsing retains a visible exit. */
body.bh-symbol-selector-open .bh-symbol-selector-heading{display:flex}
.bh-symbol-selector-heading strong{font-weight:500}
.bh-symbol-selector-heading button{border:0;background:transparent;color:var(--bh-muted);font-size:22px;min-width:36px;min-height:36px}
.marc-ws__list #marcSearchPanel{display:block!important;position:static!important;flex:none}
.marc-ws__list .marc-search__close,.marc-ws__list .marc-cat-action{display:none!important}
.marc-ws__list .marc-search__head{padding:4px 10px}
.marc-ws__list #search{min-height:32px;font-size:12px}
@media(max-width:991px){.marc-ws__list #search{min-height:40px;font-size:14px}.marc-ws__list .marc-cat-btn,.marc-ws__list .marc-watchfilter button{min-height:32px}}
.marc-flatlist__empty{padding:24px 16px;color:var(--bh-muted);text-align:center}
body.bh-symbol-selector-open.marc-chart-fs-on .marc-ws>.marc-ws__list{display:flex!important;position:fixed!important;inset:0 0 0 auto!important;width:420px!important;max-width:100vw;z-index:1300!important;background:var(--bh-surface);box-shadow:-16px 0 50px #0004}
@media(max-width:991px){body.bh-symbol-selector-open .marc-ws>.marc-ws__list{display:flex!important;position:fixed!important;inset:0!important;width:100%!important;height:100dvh!important;max-height:100dvh!important;z-index:1300!important;background:var(--bh-surface);padding-bottom:env(safe-area-inset-bottom)}.bh-symbol-selector-heading{padding-top:max(12px,env(safe-area-inset-top))}.bh-symbol-selector-heading button{min-height:44px;min-width:44px}.bh-charts-toolbar{flex-wrap:wrap}}

@media(max-width:991px){body.bh-symbol-selector-open .marc-ws>.marc-ws__list{overflow:hidden}body.bh-symbol-selector-open .marc-ws__list #crypt-tab{flex:1;min-height:0;overflow:auto}body.bh-symbol-selector-open #bh-instrument-details{flex-shrink:0;max-height:32dvh;overflow:auto}}
/* Context is specific to the panel and operation, never inferred from its symbol. */
.bh-chart-context{display:flex;align-items:center;gap:8px;min-height:27px;flex-shrink:0;padding:3px 9px;border-bottom:1px solid var(--bh-border);background:var(--bh-surface);color:var(--bh-muted);font-size:10px}
.bh-chart-context-label{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.bh-chart-context button{flex:none;border:1px solid var(--bh-border);border-radius:4px;background:transparent;color:var(--bh-text);padding:3px 6px;font:inherit;min-height:25px;cursor:pointer}
.bh-chart-context button[hidden]{display:none}.bh-chart-context button:disabled{opacity:.45;cursor:default}
.bh-chart-context[data-kind="position"] .bh-chart-context-label{color:var(--bh-text)}
.bh-chart-context[data-kind="editing"] .bh-chart-context-label,.bh-chart-context[data-kind="new-order"] .bh-chart-context-label{color:var(--bh-accent)}
.bh-chart-context[data-kind="closed"] .bh-chart-context-label{color:var(--bh-muted)}
@container(max-width:520px){.bh-chart-context{flex-wrap:wrap;gap:4px}.bh-chart-context-label{flex-basis:100%;font-size:10px}.bh-chart-context button{min-height:28px}}

/* The ticket owns a transient chart; the registered workspace stays mounted. */
.bh-charts-workspace.bh-ticket-chart-temporary>.bh-charts-toolbar,.bh-charts-workspace.bh-ticket-chart-temporary>.bh-charts-tabs,.bh-ticket-chart-temporary .bh-chart-splitter{display:none!important}
.bh-charts-workspace.bh-ticket-chart-temporary .bh-charts-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:minmax(0,1fr)!important;overflow:auto}
.bh-ticket-chart-title{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:600;color:var(--bh-text)}
.bh-ticket-chart-panel>.bh-chart-panel-header{cursor:default;touch-action:auto}

@media(max-width:991px){
 /* Workspace navigation already exposes quotes; layout geometry is desktop-only. */
 #bh-chart-layout,#bh-reset-chart-layout,#bh-toggle-quotes{display:none}
 .bh-charts-toolbar button,.bh-charts-tabs button{min-height:40px}
 .bh-chart-panel-header .bh-chart-panel-title,.bh-chart-panel-header .bh-chart-panel-trades button{min-height:44px}
}