/* Trading-terminal layout: chart workspace on the left, markets on the right. */
html,body{min-height:100%;background:#0b0e11}
body{min-height:100vh;overflow:hidden}
header{height:52px;padding:0 18px}
main{max-width:none;height:calc(100vh - 52px);padding:12px 14px;display:flex;flex-direction:column}
.hero{display:none}
.controls{margin:0 0 10px;flex:0 0 auto}
.controls input{min-width:210px}
.table-card .market-list-controls{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) 32px;gap:6px;padding:8px;margin:0;border-bottom:1px solid #26303b}
.table-card .market-list-controls input,.table-card .market-list-controls select,.table-card .market-list-controls button{width:100%;min-width:0;padding:7px;font:11px Arial;border-radius:4px}
.table-card .market-list-controls #search{grid-column:1/-1}
.table-card .market-list-controls #quote{grid-column:2/-1}
.table-card .market-list-controls #move{grid-column:1/3}
.table-card .market-list-controls #refresh{font-size:16px;padding:3px}
.layout{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 450px;gap:10px}
.detail{grid-column:1;grid-row:1;min-height:0;border-radius:8px;padding:16px;display:flex;flex-direction:column}
.detail.empty{display:grid}
.table-card{grid-column:2;grid-row:1;min-width:0;border-radius:8px;display:flex;flex-direction:column}
.table-wrap{overflow:auto;flex:1;min-height:0}
.table-head{position:sticky;top:0;background:#12171d;z-index:1}
.table-head{align-items:center;gap:10px}.table-head #shown{margin-left:auto}
#toggle-market-filters{border:1px solid #344353;border-radius:4px;background:#19222b;color:#a8b5c3;padding:4px 8px;font:10px Arial;cursor:pointer;white-space:nowrap}
#toggle-market-filters[aria-pressed="true"]{border-color:#8e7eff;background:#292442;color:#ded7ff}
#toggle-market-filters:focus-visible{outline:2px solid #8e7eff;outline-offset:2px}
.market-filters[hidden]{display:none}
.table-card th:nth-child(5),.table-card td:nth-child(5){display:none}
.table-card th,.table-card td{padding:9px 6px;font-size:11px}
.table-card th{font-size:9px;letter-spacing:.2px;position:sticky;top:0;background:#12171d;z-index:1}
.table-card th[aria-sort="ascending"]::after{content:' ↑';color:#c9bfff}.table-card th[aria-sort="descending"]::after{content:' ↓';color:#c9bfff}
.table-card .contract small{font-size:9px}.table-card .star{font-size:15px;padding:0 2px}
.table-card .loading{white-space:normal;line-height:1.6}.correlation.unavailable{color:#75818e}
.market-filters{padding:10px 12px 8px;border-bottom:1px solid #26303b;flex:0 0 auto}
.market-filters fieldset{border:0;padding:0;margin:0 0 9px;min-width:0}.market-filters legend{color:#a4afbc;font-size:10px;padding:0 0 5px}
.filter-range{display:flex;align-items:center;gap:8px}.filter-range span{font-size:10px;color:#65717d}
.filter-range input{min-width:0;width:50%;padding:6px 8px;border-radius:4px;font:11px Arial;background:#0d1218;color:#e6edf3}
.filter-range input:focus{outline:1px solid #8e7eff}.filter-range input:invalid{border-color:#ff6677}
.filter-actions{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;font-size:10px;color:#8593a2}.filter-actions details{flex:1}.filter-actions summary{cursor:pointer;line-height:22px}.filter-actions p{line-height:1.5;margin:5px 0}
.filter-actions button{background:#19222b;color:#b9c6d3;border:1px solid #344353;border-radius:4px;font:10px Arial;padding:4px 9px;cursor:pointer}
.correlation-status,.filter-error{font:10px/1.5 Arial;margin:7px 0 0;color:#8493a4}.filter-error{color:#ff8794}
.table-card th:nth-child(2),.table-card td:nth-child(2),.table-card th:nth-child(3),.table-card td:nth-child(3){text-align:right}
.detail h2{font-size:18px}.detail .quote{margin:3px 0 10px}.big-price{font-size:25px}
.timeframes{display:flex;gap:6px;border-bottom:1px solid #26303b;margin-top:18px;padding-bottom:10px}
.timeframes button{border:1px solid #26303b;background:#171d24;color:#8893a1;border-radius:4px;padding:5px 10px;font-size:11px;cursor:pointer}
.timeframes button:hover{color:#fff}.timeframes button.active{background:#7c6cff;border-color:#7c6cff;color:#fff}
.chart{height:auto;flex:1;min-height:300px;margin:10px 0 12px}
.stats{margin:0 0 13px}.stats div{padding:9px 11px}
.alert-box{display:flex;align-items:center;gap:12px;padding-top:12px}.alert-box h3{white-space:nowrap;margin:0}.alert-form{flex:1}.notice{display:none}
@media(max-width:800px){body{overflow:auto}main{height:auto;min-height:calc(100vh - 52px)}.layout{display:flex;flex-direction:column}.detail{height:570px}.table-card{height:450px}.alert-box{flex-wrap:wrap}}

/* Nine-chart screener view. */
.grid-workspace{display:flex;flex-direction:column;padding:0;overflow:hidden;background:#111417}
.chart-toolbar{height:42px;display:flex;align-items:center;gap:12px;padding:0 12px;border-bottom:1px solid #30353b;font-size:11px;color:#87919c;flex:0 0 auto}.chart-toolbar strong{color:#f1f5f9;letter-spacing:.5px}.chart-toolbar .timeframes{margin:0 0 0 8px;padding:0;border:0}.toolbar-note{margin-left:auto;color:#687380}
.chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));height:100%;min-height:0}
.chart-panel{min-width:0;min-height:0;border-right:1px solid #30353b;border-bottom:1px solid #30353b;display:flex;flex-direction:column;background:#111417;cursor:pointer}.chart-panel:hover{background:#14191d;outline:1px solid #3288c7;z-index:1}.chart-panel header{height:34px;padding:6px 8px;display:flex;align-items:center;gap:7px;font-size:12px}.chart-panel header b{color:#e6eef5}.chart-panel header b small{color:#6e7984;font-size:9px;margin-left:5px;font-weight:400}.chart-panel header em{font-style:normal;color:#aeb8c1;margin-left:auto;font-size:11px}.panel-chart{position:relative;flex:1;min-height:0}.panel-chart svg{width:100%;height:100%;display:block}.chart-loading{position:absolute;inset:0;display:grid;place-items:center;color:#67727e;font-size:11px}.grid-line{stroke:#2b3137;stroke-width:1}.chart-panel footer{height:20px;border-top:1px solid #292f35;padding:4px 8px;color:#717c87;font-size:9px;display:flex;justify-content:space-between}.chart-panel footer span:first-child{color:#cb5a62}
.chart-panel:nth-child(1){outline:1px solid #3288c7;z-index:1}
.candle-timer{font:9px Arial;color:#9ba6b2;white-space:nowrap;margin-left:auto}
.price-ladder{position:absolute;right:0;top:0;width:52px;height:100%;background:rgba(14,17,20,.92);border-left:1px solid #30373e;cursor:ns-resize;z-index:2;user-select:none}.price-ladder:hover{background:rgba(22,29,35,.96)}.price-ladder span{position:absolute;right:3px;transform:translateY(-50%);color:#8994a0;font:9px Arial;white-space:nowrap}.price-ladder span:before{content:'';position:absolute;right:100%;top:50%;width:5px;border-top:1px solid #59636d}
.panel-chart,.panel-chart *{user-select:none;-webkit-user-select:none}.panel-chart{touch-action:none}.panel-chart svg text{font-size:6px}.chart-panel header{font-size:10px}.chart-panel header b small{font-size:8px}.chart-panel header em{font-size:9px}.chart-panel footer{font-size:8px}.price-ladder span{font-size:8px}
.copy-chart-symbol{cursor:copy;border-radius:3px}.copy-chart-symbol:hover{color:#82d8ef}.copy-chart-symbol:focus-visible{outline:1px solid #82d8ef;outline-offset:4px}
.coin-list-toolbar{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:8px;border-bottom:1px solid #26303b;flex-shrink:0}.coin-list-toolbar button,.coin-list-toolbar select{background:#172331;color:#c5d4e3;border:1px solid #34485c;border-radius:4px;padding:6px;font:11px Arial;cursor:pointer}.coin-list-toolbar #coin-list-select{flex:1;min-width:80px;max-width:100%}.coin-list-toolbar button{white-space:nowrap}
.panel-chart{cursor:crosshair}.crosshair-guide{pointer-events:none}.crosshair-guide line{stroke:#78838e;stroke-width:.8;stroke-dasharray:3 3;opacity:.75}.crosshair-guide rect{fill:#26303a;opacity:.95}.crosshair-guide text{fill:#e6edf3;font:7px Arial}
.trade-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.ruler-toggle{background:#171d24;color:#bbc5cd;border:1px solid #424b54;border-radius:4px;padding:5px 9px;font:11px Arial;cursor:pointer;white-space:nowrap}.ruler-toggle.active{background:#ffcf3f;border-color:#ffcf3f;color:#15181b}
.panel-chart.ruler-ready{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='25' height='25'%3E%3Cpath d='M12 1V8M12 16V23M1 12H8M16 12H23' stroke='%23eeeeee'/%3E%3Ccircle cx='12' cy='12' r='2.5' fill='%23ffcf3f'/%3E%3C/svg%3E") 12 12,crosshair}
.layout-buttons{display:flex;gap:3px;margin-left:6px;padding-left:10px;border-left:1px solid #30353b}.layout-buttons button{width:25px;height:25px;padding:0;background:#161b20;border:1px solid #3a424b;color:#b3bcc5;font-size:15px;line-height:20px;cursor:pointer}.layout-buttons button:hover,.layout-buttons button.active{border-color:#62a9db;color:#fff;background:#263946}.chart-grid.layout-1{grid-template-columns:1fr;grid-template-rows:1fr}.chart-grid.layout-2v{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:1fr}.chart-grid.layout-2h{grid-template-columns:1fr;grid-template-rows:repeat(2,minmax(0,1fr))}.chart-grid.layout-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}
@media(max-width:800px){.chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(5,210px);overflow-y:auto}.chart-toolbar{overflow-x:auto}.toolbar-note{display:none}.grid-workspace{height:700px}.chart-panel:nth-child(9){grid-column:1 / span 2}}