/* View navigation lives in the header, separate from the compact timeframe rail. */
#asset-chart-dialog .chart-view-bar{display:flex;align-items:center;flex-shrink:0;padding:0 14px;min-height:31px;background:#0c131d;border-bottom:1px solid #ffffff0b}
#asset-chart-dialog .chart-view-bar.is-market,#asset-chart-dialog .chart-view-bar:has(.chart-intervals[hidden]){display:none}
#asset-chart-dialog .chart-view-tabs{display:inline-flex;align-self:center;justify-self:start;gap:3px;padding:3px;border:1px solid #334258;border-radius:9px;background:#0a111b;box-shadow:inset 0 1px 3px #0003;flex-shrink:0}
#asset-chart-dialog .chart-view-tabs[hidden],#asset-chart-dialog .chart-market-panel[hidden]{display:none!important}
#asset-chart-dialog .chart-view-content{position:relative;min-height:0;flex:1}
#asset-chart-dialog .chart-view-content>#chart-mount,#asset-chart-dialog .chart-view-content>.chart-market-panel{position:absolute;inset:0;width:100%;height:100%}
/* Keep TradingView's measured dimensions stable, even while Market is shown. */
#asset-chart-dialog #chart-mount[hidden]{display:block!important;visibility:hidden;pointer-events:none}
#asset-chart-dialog .chart-view-tabs button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:81px;min-height:27px;padding:4px 11px;border:1px solid transparent;border-radius:6px;background:transparent;color:#9aabc2;font-size:12px;line-height:17px;font-weight:550;white-space:nowrap;cursor:pointer;transition:background .15s,color .15s,border-color .15s}
#asset-chart-dialog .chart-view-tabs button:hover{color:#f0f5fc;background:#182434}
#asset-chart-dialog .chart-view-tabs button[aria-selected=true]{color:#f0f5fc;background:#263950;border-color:#49617e;box-shadow:0 1px 3px #0004,inset 0 1px #ffffff08}
#asset-chart-dialog .chart-view-tabs button svg{width:13px;height:13px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;opacity:.8}
#asset-chart-dialog .chart-view-tabs button[aria-selected=true] svg{color:#b8d4fa;opacity:1}
#asset-chart-dialog .chart-view-bar .chart-intervals{padding:2px 0;border:0;flex:0 1 auto;width:auto;min-width:0}
#asset-chart-dialog .chart-view-bar.is-market .chart-intervals{display:none}
#asset-chart-dialog .chart-market-panel{min-height:0;flex:1;display:flex;flex-direction:column;background:#0d131c;color:#dce5f2;font-size:12px}
#asset-chart-dialog .market-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:17px 22px 14px;flex-shrink:0}
#asset-chart-dialog .market-summary{display:flex;flex-direction:column;gap:5px;min-width:0}
#asset-chart-dialog .market-summary strong{font-weight:500;font-size:13px}
#asset-chart-dialog .market-summary>span{font-size:10px;color:#8496ad;line-height:1.5}
#asset-chart-dialog .market-search{width:220px;max-width:40%;min-width:0;border:1px solid #2a3749;border-radius:7px;padding:8px 10px;background:#111a26;color:#dce5f2;font:inherit;font-size:11px;outline-offset:2px}
#asset-chart-dialog .market-search::placeholder{color:#7f91a9}
#asset-chart-dialog .market-status{margin:0;padding:0 22px 10px;font-size:11px;color:#bdad88}
#asset-chart-dialog .market-scroll{min-height:0;flex:1;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:0 22px}
#asset-chart-dialog .market-table{width:100%;table-layout:fixed;border-collapse:collapse;border:0;margin:0}
#asset-chart-dialog .market-table th{position:sticky;top:0;z-index:1;background:#0d131c;color:#7f94af;text-transform:none;letter-spacing:0;font-size:10px;font-weight:450;text-align:right;padding:10px 12px;border-bottom:1px solid #ffffff0c;white-space:normal}
#asset-chart-dialog .market-table th:nth-child(1){width:30%;text-align:left}
#asset-chart-dialog .market-table th:nth-child(2){width:23%;text-align:left}
#asset-chart-dialog .market-table th:nth-child(3){width:19%}
#asset-chart-dialog .market-table th:nth-child(4){width:19%}
#asset-chart-dialog .market-table th:nth-child(5){width:9%}
#asset-chart-dialog .market-sort{display:inline-flex;align-items:center;justify-content:flex-end;gap:5px;width:100%;padding:3px 0;border:0;border-radius:3px;background:transparent;color:inherit;font:inherit;text-align:inherit;cursor:pointer}
#asset-chart-dialog .market-table th:nth-child(-n+2) .market-sort{justify-content:flex-start}
#asset-chart-dialog .market-sort-arrow{flex-shrink:0;color:#687e9b;font-size:10px}
#asset-chart-dialog .market-table th[aria-sort=ascending] .market-sort,#asset-chart-dialog .market-table th[aria-sort=descending] .market-sort{color:#d7e6fa}
#asset-chart-dialog .market-table th:not([aria-sort=none]) .market-sort-arrow{color:#a2bfeb}
#asset-chart-dialog .market-sort:hover{color:#e4edfa}
#asset-chart-dialog .market-table td{height:46px;padding:9px 12px;border-bottom:1px solid #ffffff08;background:transparent;font-size:12px;vertical-align:middle;overflow-wrap:anywhere}
#asset-chart-dialog .market-table tr{cursor:default}
#asset-chart-dialog .market-table tbody tr:hover{background:#ffffff02}
#asset-chart-dialog .market-venue-identity{display:flex;align-items:center;gap:10px;min-width:0}
#asset-chart-dialog .market-exchange-logo{position:relative;display:grid;place-items:center;width:24px;height:24px;flex:0 0 24px;border-radius:6px;overflow:hidden;background:#203047;color:#bbcce4;font-size:10px}
#asset-chart-dialog .market-exchange-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#16202e}
#asset-chart-dialog .market-exchange-name{min-width:0;font-weight:500}
#asset-chart-dialog .market-pair{color:#97a9c1;font-size:11px}
#asset-chart-dialog .market-number{text-align:right;font-variant-numeric:tabular-nums}
#asset-chart-dialog .market-spread{color:#97a9c1}
#asset-chart-dialog .market-warning{display:inline-block;margin:3px 0 0 34px;color:#c8ad77;font-size:9px}
#asset-chart-dialog .market-empty{padding:55px 20px;text-align:center;color:#8fa2ba;font-size:12px;line-height:1.7}
#asset-chart-dialog .market-footer{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:12px;padding:10px 22px;border-top:1px solid #ffffff0a;flex-shrink:0}
#asset-chart-dialog .market-footer[hidden]{display:none}
#asset-chart-dialog .market-sort-note{font-size:10px;color:#8295b0}
#asset-chart-dialog .market-more{margin-left:auto}
#asset-chart-dialog .market-more{padding:7px 12px;border:1px solid #33445c;border-radius:6px;background:#182334;font-size:11px;font-weight:450;color:#c7d8f0;cursor:pointer}
#asset-chart-dialog .market-more:disabled{opacity:.5;cursor:wait}
#asset-chart-dialog .market-more:hover:not(:disabled){background:#233248}
#asset-chart-dialog .chart-view-tabs button:focus-visible,#asset-chart-dialog .market-more:focus-visible,#asset-chart-dialog .market-search:focus-visible,#asset-chart-dialog .market-scroll:focus-visible,#asset-chart-dialog .market-sort:focus-visible{outline:2px solid #87a7d1;outline-offset:-2px}
@media(min-width:701px){
 #asset-chart-dialog header:has(>.chart-view-tabs:not([hidden])){grid-template-columns:minmax(130px,max-content) minmax(0,1fr) auto auto;column-gap:16px}
 #asset-chart-dialog header>.chart-view-tabs{grid-column:3;grid-row:1}
 #asset-chart-dialog header:has(>.chart-view-tabs:not([hidden]))>.chart-actions{grid-column:4;align-self:center}
}
@media(prefers-reduced-motion:reduce){#asset-chart-dialog .chart-view-tabs button{transition:none}}
@media(max-width:700px){
 #asset-chart-dialog .chart-view-bar{padding:0 10px;min-height:36px}
 #asset-chart-dialog header>.chart-view-tabs{grid-column:1/-1;grid-row:4;margin-top:3px;align-self:start;gap:3px}
 #asset-chart-dialog .chart-view-tabs button{font-size:12px;min-width:93px;min-height:36px;padding:5px 12px}
 #asset-chart-dialog .chart-view-bar .chart-intervals{flex:0 1 auto;gap:1px;width:auto}
 #asset-chart-dialog .chart-view-bar .chart-intervals button{flex:0 0 auto;min-width:35px;padding:4px 7px;min-height:34px;font-size:11px}
 #asset-chart-dialog .market-heading{padding:13px 12px 10px;flex-wrap:wrap;gap:10px}
 #asset-chart-dialog .market-summary strong{font-size:12px}
 #asset-chart-dialog .market-search{width:100%;max-width:none;min-height:38px}
 #asset-chart-dialog .market-scroll{padding:0 8px}
 #asset-chart-dialog .market-status{padding:0 12px 10px}
 #asset-chart-dialog .market-table th{padding:8px 4px;font-size:9px}
 #asset-chart-dialog .market-sort{min-height:32px;gap:3px}
 #asset-chart-dialog .market-table td{padding:9px 4px;font-size:10px;height:44px}
 #asset-chart-dialog .market-table th:first-child{width:30%}
 #asset-chart-dialog .market-table th:nth-child(2){width:23%}
 #asset-chart-dialog .market-table th:nth-child(3){width:24%}
 #asset-chart-dialog .market-table th:nth-child(4){width:23%}
 #asset-chart-dialog .market-table th:nth-child(5),#asset-chart-dialog .market-spread{display:none}
 #asset-chart-dialog .market-venue-identity{gap:6px}
 #asset-chart-dialog .market-exchange-logo{width:18px;height:18px;flex-basis:18px;border-radius:4px}
 #asset-chart-dialog .market-warning{margin-left:24px}
 #asset-chart-dialog .market-footer{padding:8px 12px}
 #asset-chart-dialog .market-more{min-height:40px;padding:6px 10px}
}