/* Dedicated /kurse/ split monitor. Keep the retro shell and thumb navigation. */
body[data-page=markets]{height:100dvh;overflow:hidden}
body[data-page=markets] main{height:calc(100dvh - var(--topbar-height));min-height:0;padding:8px calc(var(--quick-nav-reserve) + 8px + env(safe-area-inset-right,0px)) 8px 8px;overflow:hidden}
body[data-page=markets] #page-intro,body[data-page=markets] #ranking-status,body[data-page=markets] #ranking-tiles{display:none}
.markets-workspace{height:100%;min-height:0;display:grid;grid-template-rows:minmax(0,var(--chart-size,52%)) 12px minmax(0,1fr)}
.markets-chart{display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#fffef2;border:1px solid #a8c6a3;min-height:0;min-width:0;overflow:hidden}
.markets-chart-header{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:9px 12px;background:#fffec8;border-bottom:1px solid #d6dfbd;min-width:0}
.markets-selected{min-width:0}
.markets-selected h1{font-size:17px;line-height:1.3;margin:0 0 5px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#2d5034}
.markets-quote{display:flex;gap:8px 12px;align-items:baseline;flex-wrap:wrap;font-variant-numeric:tabular-nums}
.markets-quote strong{font-size:18px;color:#263b2b}
.markets-selected-change{font-size:12px;white-space:nowrap}
.markets-chart-controls{display:grid;grid-template-columns:140px 44px;gap:4px 8px;flex-shrink:0}
.markets-chart-controls label{grid-column:1/-1;font-size:10px;font-weight:700;color:#546f4f}
.markets-chart-controls select{width:100%;height:44px;box-sizing:border-box;appearance:none;-webkit-appearance:none;border:1px solid #aac5a6;border-radius:0;padding:0 27px 0 10px;font:inherit;font-size:13px;color:#2d5034;background:#fff;background-image:linear-gradient(45deg,transparent 50%,#35543a 50%),linear-gradient(135deg,#35543a 50%,transparent 50%);background-position:calc(100% - 17px) 50%,calc(100% - 12px) 50%;background-size:5px 5px;background-repeat:no-repeat}
.markets-reconnect{height:44px;width:44px;border:1px solid #409552;background:#5bbd72;color:#fff;font-size:24px;cursor:pointer}
.markets-plot{min-width:0;min-height:0;overflow:hidden;position:relative}
.markets-plot canvas{display:block;width:100%;height:100%}
.markets-chart-bottom{padding:5px 10px;background:#f3f8e9;border-top:1px solid #dce4cb;color:#67775c;font-size:10px;line-height:1.4;min-width:0}
.markets-chart-meta{display:flex;justify-content:space-between;gap:3px 10px;flex-wrap:wrap}
.markets-chart-bottom p{margin:3px 0 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.markets-chart[data-state=offline] [data-chart-status],.markets-chart[data-state=stale] [data-chart-status]{color:#a84e2b}
.markets-separator{position:relative;cursor:row-resize;touch-action:none;user-select:none;outline-offset:-2px}
.markets-separator::after{content:'';position:absolute;left:calc(50% - 24px);top:4px;width:48px;height:4px;background:#4d9c5e;border-top:1px solid #8fca94;border-bottom:1px solid #357845}
.markets-separator:hover::after,.markets-separator:focus-visible::after{background:#f9d401}
.markets-coins{display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;min-height:0;min-width:0;background:#fff;border:1px solid #a8c6a3;overflow:hidden}
.markets-list-header{padding:8px 10px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#5bbd72;color:#fff}
.markets-list-header h2{font-size:14px;line-height:1.3;margin:0;min-width:0}
.markets-list-status{font-size:10px;white-space:nowrap}
.markets-columns,.markets-coin{display:grid;grid-template-columns:26px 24px minmax(0,1fr) minmax(100px,.45fr) 78px;gap:8px;align-items:center;padding:5px 10px}
.markets-columns{font-size:10px;line-height:1.4;color:#617657;background:#f2f5df;border-bottom:1px solid #d7dfbb}
.markets-columns span:nth-last-child(-n+2){text-align:right}
.markets-list-scroll{min-height:0;overflow:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-color:#70ad76 #e8f0d9}
.markets-list{list-style:none;margin:0;padding:0}
.markets-list li+li{border-top:1px solid #dce0be}
.markets-coin{width:100%;min-height:44px;border:0;background:#fff;color:#263b2b;text-align:left;font:inherit;cursor:pointer}
.markets-coin:hover{background:#f2f8ef}
.markets-coin.selected{background:#e7f4e8}
.markets-rank{font-size:10px;color:#728465;font-variant-numeric:tabular-nums}
.markets-icon,.markets-initial{display:block;width:24px;height:24px;object-fit:contain}
.markets-initial{display:grid;place-items:center;background:#edf3df;font-size:10px;color:#53754e}
.markets-identity{min-width:0;line-height:1.3}
.markets-symbol{display:block;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.markets-name{display:block;font-size:10px;color:#708064;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.markets-price{font-size:12px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.markets-percent{font-size:11px;font-weight:700;text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}
.markets-workspace .gain{color:#1a8240}.markets-workspace .loss{color:#c72e2e}
.markets-provenance{margin:0;padding:5px 10px;font-size:10px;line-height:1.4;color:#617657;background:#f2f5df;border-top:1px solid #d7dfbb;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.markets-workspace :focus-visible{outline:3px solid #233e94;outline-offset:-3px}
@media(max-width:600px){.markets-chart-header{display:grid;grid-template-columns:minmax(0,1fr);padding:7px 8px;gap:6px}.markets-selected h1{font-size:14px;margin-bottom:3px}.markets-quote strong{font-size:15px}.markets-selected-change{font-size:10px}.markets-chart-controls{grid-template-columns:minmax(0,1fr) 44px;gap:4px 8px}.markets-chart-controls label{display:none}.markets-chart-bottom{font-size:9px;padding:4px 6px}.markets-separator{cursor:default;pointer-events:none}.markets-separator::after{background:#78ae76}.markets-list-header{padding:7px 6px;gap:3px;flex-wrap:wrap}.markets-list-header h2{font-size:12px}.markets-list-status{font-size:9px}.markets-columns,.markets-coin{grid-template-columns:17px 20px minmax(0,1fr) 77px 58px;gap:4px;padding-inline:5px}.markets-icon,.markets-initial{width:20px;height:20px}.markets-symbol,.markets-price{font-size:10px}.markets-name{font-size:9px}.markets-percent{font-size:9px}.markets-rank{font-size:9px}.markets-columns{font-size:8px}.markets-provenance{font-size:9px;padding:4px 6px}}
@media(max-height:500px){.markets-chart-bottom p{display:none}.markets-chart-header{padding-block:4px}.markets-quote strong{font-size:14px}}