/* Chart workspace matches the supplied reference; data and history stay shared. */
#view-charts>.screen-heading{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:20px 20px 8px}
#view-charts>.screen-heading h1{font-size:25px;margin:0 auto 0 0;flex:0 0 auto}
.chart-global-timeframe,.chart-columns-control{display:flex;align-items:center;gap:8px;min-width:0;color:#8e9bad;font-size:12px}
.chart-global-timeframe .chart-timeframes{flex:0 1 auto;margin:0;gap:2px;flex-wrap:wrap}
.chart-columns-control .segmented{display:flex}.chart-columns-control button{padding:6px 10px}
#view-charts .toolbar-end{margin:0;flex:none}#view-charts .chart-add-primary{color:#171b20;background:#f4be39;border-color:#f4be39;font-weight:600;padding:8px 14px}
.chart-workspace{gap:16px;padding:8px 20px 20px;align-items:start}
.chart-workspace.columns-1{grid-template-columns:minmax(0,1fr)}
.chart-workspace.columns-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.chart-workspace.columns-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.chart-card{min-width:0;border:1px solid #293442;border-radius:8px;background:#0e151f;overflow:visible}
.chart-card .chart-card-head{display:flex;flex-wrap:nowrap;align-items:center;padding:9px 12px;gap:8px;min-height:38px;border-bottom:1px solid #26313e;background:#161f2b;border-radius:8px 8px 0 0}
.chart-card-head .coin-name{font-size:12px;color:#b8c4d4;padding:0}.chart-card-head .chart-route{font-size:11px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0}
.chart-card-head .chart-card-actions{margin:0;display:flex;gap:5px;flex:none}.chart-card-head .chart-card-actions button{min-height:24px;min-width:24px;padding:2px 5px;font-size:15px;border:0;background:transparent}
.chart-card-summary{display:flex;align-items:center;flex-wrap:wrap;gap:8px;padding:12px 12px 6px}.chart-card-summary>.coin-name{font-size:19px;letter-spacing:.25px;padding:0 4px 0 0}
.chart-card-summary .mini-button{padding:5px 8px;font-size:11px;white-space:nowrap}.chart-card-summary .pair-pin.selected{color:#edc05a;border-color:#756131;background:#302a1e}
.chart-card-summary .chart-card-quote{display:flex;flex:1;flex-wrap:wrap;gap:6px 14px;align-items:center;padding:0;border:0;min-width:150px}
.chart-card .chart-quote-value{font-size:11px}.chart-card .chart-quote-value strong{font-size:13px;letter-spacing:0;font-weight:600}.chart-book-width{color:#8999aa;font-size:10px}.chart-feed-status{font-size:10px;margin-left:auto}.chart-card-summary .chart-position-link{margin-left:auto}
.chart-card .chart-card-tools,.pair-chart>.chart-tools{display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 12px;border:0;margin:0;background:transparent}
.chart-card-tools .chart-modes{margin-left:2px;flex:0 0 auto}.chart-card-tools .chart-modes button,.pair-chart .chart-tools>.segmented button{font-size:11px;padding:5px 7px;min-height:28px}
.chart-main-actions{display:flex;gap:4px;align-items:center;margin-left:auto;flex-wrap:wrap}.chart-main-actions>.mini-button,.pair-chart .chart-tools>.mini-button{padding:5px 8px;font-size:11px;min-height:28px}
.timeframe-picker{display:flex;gap:7px;align-items:center;flex:none;font-size:11px;color:#91a0b2}.timeframe-menu{position:relative;color:#d6dfeb}
.timeframe-menu summary,.chart-more>summary{list-style:none;border:1px solid #2b3a4e;border-radius:5px;background:#172231;padding:5px 9px;cursor:pointer;min-height:28px;box-sizing:border-box;white-space:nowrap}
.timeframe-menu summary::-webkit-details-marker,.chart-more>summary::-webkit-details-marker{display:none}
.timeframe-menu[open]>summary{border-color:#aa8b46}.timeframe-menu summary:focus-visible,.chart-more>summary:focus-visible{outline:2px solid #eac25a;outline-offset:2px}
.timeframe-grid{position:absolute;left:0;top:calc(100% + 5px);z-index:30;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;width:230px;padding:10px;background:#17212f;border:1px solid #344258;border-radius:7px;box-shadow:0 12px 30px #0008}
.timeframe-grid button{background:#1e2a3b;color:#aebbd0;border:1px solid #304159;border-radius:5px;font:inherit;font-size:12px;padding:8px 5px;cursor:pointer}.timeframe-grid button.selected{background:#3b3425;color:#f5c44c;border-color:#a88839}.timeframe-grid button:hover{border-color:#ac914d}
.chart-more{position:relative;flex:none}.chart-more>summary{font-size:17px;line-height:16px;padding:4px 8px;color:#9dacbf}.chart-more-menu{position:absolute;right:0;top:calc(100% + 5px);z-index:30;display:flex;flex-direction:column;gap:5px;width:185px;padding:9px;background:#17212f;border:1px solid #344258;border-radius:7px;box-shadow:0 12px 30px #0008}.chart-more-menu button{text-align:left;justify-content:flex-start;margin:0;min-height:30px}
.chart-card .plot-container{height:360px;min-height:300px;width:100%;min-width:0;max-width:100%;padding:0;border-radius:0;overflow:hidden}.chart-workspace.columns-1 .chart-card .plot-container{height:420px}
.chart-card .chart-card-foot{display:flex;flex-direction:column;gap:4px;padding:8px 12px 10px;color:#7c8b9e;font-size:10px;line-height:1.5;border:0;overflow-wrap:anywhere}.chart-card>.chart-resolution{margin:0 12px 10px;display:block}.chart-card>.chart-resolution[hidden]{display:none}
.chart-workspace .chart-add-card{min-height:160px;border-radius:8px;font-size:12px}.pair-chart>.chart-tools>.chart-more{order:10;margin-left:auto}.pair-chart>.chart-tools>.chart-timeframes{margin:0;flex:none}
.chart-card.chart-expanded .plot-container,.chart-card:fullscreen .plot-container{height:calc(100vh - 205px);min-height:240px}
.chart-workspace.columns-3 .timeframe-caption{display:none}.chart-workspace.columns-3 .chart-feed-status{display:none}.chart-workspace.columns-3 .chart-main-actions{margin-left:0}
@media(max-width:1100px){.chart-workspace.columns-3{grid-template-columns:repeat(2,minmax(0,1fr))}.chart-card-summary{gap:6px}.chart-card-summary .chart-feed-status{display:none}.chart-global-timeframe{order:2}.chart-global-timeframe .chart-timeframes{width:auto}}
@media(max-width:700px){#view-charts>.screen-heading{padding:16px 10px 8px;gap:10px}#view-charts>.screen-heading h1{font-size:21px;flex-basis:100%}.chart-global-timeframe{order:3;flex-basis:100%;flex-wrap:wrap;gap:5px}.chart-columns-control{margin-right:auto}.chart-workspace{padding:6px 8px 16px;gap:12px}.chart-workspace.columns-1,.chart-workspace.columns-2,.chart-workspace.columns-3{grid-template-columns:minmax(0,1fr)}.chart-card .chart-card-tools{gap:5px;padding:6px 8px}.chart-card .chart-card-tools .chart-modes{display:flex;flex:none;width:auto}.chart-card .chart-card-tools .chart-modes button{padding:5px 6px}.chart-card .chart-main-actions{margin-left:0;flex:none;display:flex;width:auto;gap:4px}.chart-card .chart-main-actions button{font-size:11px;padding:5px 7px}.chart-card .chart-more{margin-left:auto}.chart-card-summary{padding:10px 8px 4px}.chart-card-summary .chart-card-quote{flex-basis:100%;min-width:0;gap:7px 13px}.chart-card .chart-quote-value strong{font-size:13px}.chart-card .plot-container,.chart-workspace.columns-1 .chart-card .plot-container{height:330px;min-height:280px}.chart-card .timeframe-caption{display:none}.timeframe-grid{width:214px;max-width:calc(100vw - 48px)}.chart-card-head .chart-route{font-size:10px}.pair-chart .chart-tools>.chart-more .chart-view-actions{display:flex;grid-template-columns:none}.pair-chart .chart-tools{gap:5px}.pair-chart .chart-tools .timeframe-caption{display:none}}