/* Market-only preview and historical chart surfaces; original dark palette stays intact. */
.market-panel .table-footer {flex-wrap:wrap;line-height:1.6}
.quote-name-button {border:0;background:none;color:#f2f6ff;padding:0;text-align:left;font-weight:700;font-size:12px}
.quote-name-button:hover {color:#a9c4ff;text-decoration:underline;text-underline-offset:3px}
.quote-source {display:block;margin-top:5px;font-size:10px;color:#879cb6}
.quote-source.stale {color:#f2bd82}
.quote-preview {position:fixed;z-index:28;width:360px;max-width:calc(100vw - 24px);background:#15263c;border:1px solid #425a79;border-radius:13px;box-shadow:0 18px 48px #030915b8;padding:16px 17px;color:#edf3fc;cursor:pointer}
.quote-preview:hover {border-color:#6d8fbd}
.preview-top {display:flex;justify-content:space-between;gap:12px;align-items:start}
.preview-top b {display:block;font-size:15px}
.preview-top small {display:block;color:#91a7c0;margin-top:4px;font-size:11px}
.preview-price {text-align:right;font-variant-numeric:tabular-nums}
.preview-price strong {display:block;font-size:20px}
.preview-price span {display:block;margin-top:3px;font-size:11px}
.preview-chart {height:156px;margin:12px -5px 4px;display:grid;place-items:center;color:#91a7c0;font-size:11px}
.preview-meta {border-top:1px solid #30435d;padding-top:10px;color:#95a9c2;font-size:10px;line-height:1.6}
.preview-meta.stale {color:#e8b783}
.stock-detail-card {width:min(1060px,calc(100vw - 32px));max-height:calc(100vh - 36px);overflow:auto;padding:26px 30px 22px}
.detail-heading {display:flex;justify-content:space-between;align-items:end;gap:15px;margin:10px 0 9px}
.detail-heading h2 {font-size:22px;margin:0 0 4px}
.detail-heading>div>span {font-size:11px;color:#9cb0ca}
.detail-price {text-align:right;font-variant-numeric:tabular-nums}
.detail-price strong {font-size:26px;display:block}
.detail-price span {font-size:12px}
.detail-quote-meta,.detail-history-meta {color:#9aacbf;font-size:11px;line-height:1.6}
.detail-controls {display:flex;align-items:center;gap:12px;flex-wrap:wrap;border-top:1px solid #2b3c53;margin-top:17px;padding-top:16px}
.detail-period {display:flex;gap:4px;background:#0b1728;border:1px solid #2b405b;border-radius:8px;padding:3px}
.detail-period button {border:0;border-radius:6px;background:transparent;color:#9eb1ca;padding:8px 15px;font-size:11px}
.detail-period button:hover {color:#fff;background:#1d3453}
.detail-period button.active {background:#2b4770;color:#edf4ff}
.detail-controls label {display:flex;align-items:center;gap:7px;color:#9eb1ca;font-size:11px}
.detail-controls select,.detail-controls input {height:34px;background:#0d1a2c;color:#e7effb;border:1px solid #30445d;border-radius:7px;padding:5px 9px;font-size:11px}
.detail-chart {height:min(58vh,530px);min-height:350px;margin-top:13px;display:grid;place-items:center;color:#9eb1ca;font-size:12px}
.detail-actions {display:flex;justify-content:flex-end;gap:9px;margin-top:17px}
@media(max-width:690px){.quote-preview{width:min(360px,calc(100vw - 20px))}.stock-detail-card{padding:20px 16px}.detail-chart{height:420px;min-height:300px}.detail-controls{gap:8px}.detail-period button{padding:8px 11px}.detail-heading h2{font-size:19px}}
.market-footer{align-items:center;flex-wrap:wrap}
.market-footer>div:first-child{display:grid;gap:4px}
.market-pagination{display:flex;align-items:center;gap:8px;white-space:nowrap}
.market-pagination button{border:1px solid #385476;border-radius:6px;background:#192d47;color:#c5d8f0;padding:6px 10px;font-size:11px}
.market-pagination button:hover:not(:disabled){background:#29466a}
.market-pagination button:disabled{opacity:.4}
.market-pagination span{min-width:62px;text-align:center}