.stock-detail{margin-top:18px;background:#102925;color:#f5fbf8;border-radius:18px;padding:24px;box-shadow:0 12px 34px rgba(9,34,30,.16)}
.detail-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.detail-toolbar .kicker{color:#5ed3a6}.detail-toolbar h2{font:600 22px 'Space Grotesk';margin:0}
.detail-search{display:flex;border:1px solid #34504a;border-radius:10px;overflow:hidden;background:#0b211e}.detail-search input{width:110px;background:transparent;color:#fff;border:0;outline:0;padding:10px 12px;font:700 13px 'Space Grotesk';text-transform:uppercase}.detail-search button{border:0;background:#31b783;color:#062019;padding:0 16px;font:800 10px Manrope;cursor:pointer}
.detail-grid{display:grid;grid-template-columns:1.05fr 1.8fr 1.15fr;gap:12px}.detail-card{background:#183530;border:1px solid #294740;border-radius:13px;padding:18px;min-width:0}.quote-card,.intraday-card{grid-row:span 2}
.quote-top{display:flex;justify-content:space-between;align-items:flex-start}.quote-top small,.detail-title small{display:block;font-size:9px;font-weight:800;letter-spacing:.14em;color:#73a397;margin-bottom:7px}.quote-top strong{display:block;font:600 38px 'Space Grotesk';letter-spacing:-.04em}.quote-top>div>span{display:block;margin-top:5px;font-weight:700;font-size:12px}.exchange-badge,.live-pill,.locked-pill{font:800 9px Manrope;padding:5px 8px;border-radius:20px;background:#234840;color:#73d7b0}.locked-pill{background:#473d25;color:#eabf55}
.price-stats{display:grid;grid-template-columns:1fr 1fr;margin-top:22px;gap:8px}.price-stats div{background:#1e3c36;border-radius:8px;padding:10px}.price-stats span,.foreign-summary span{display:block;font-size:9px;color:#87a49d}.price-stats b{display:block;margin-top:5px;font:600 13px 'Space Grotesk'}
.detail-title{display:flex;justify-content:space-between;align-items:flex-start}.detail-title h3{margin:0;font:600 15px 'Space Grotesk'}.detail-title>span{font-size:9px;color:#84a29b}.intraday-wrap{height:244px;position:relative;margin-top:14px}.intraday-wrap canvas{width:100%;height:100%}.empty-state{display:none;position:absolute;inset:0;place-items:center;color:#719087;font-size:11px}
.stock-detail .intraday-card{background:#fff;color:#172a25;border-color:#dce5e1}.stock-detail .intraday-card .detail-title small{color:#71807d}.stock-detail .intraday-wrap{background:#fff}
.order-head,.order-row{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:5px;text-align:right}.order-head{font-size:8px;color:#708e87;padding:15px 4px 7px}.order-row{padding:9px 4px;border-top:1px solid #294740;font:600 10px 'Space Grotesk'}.order-row .bid{color:#41d09a}.order-row .ask{color:#ff6b70}
.foreign-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:17px}.foreign-summary div{background:#1e3c36;padding:10px;border-radius:8px}.foreign-summary b{display:block;font:600 12px 'Space Grotesk';margin-top:6px}.foreign-bar{display:flex;height:6px;background:#294740;border-radius:8px;overflow:hidden;margin-top:14px}.foreign-bar i:first-child{background:#31b783}.foreign-bar i:last-child{background:#df5b61}
.unavailable{display:flex;align-items:center;gap:12px;margin-top:19px;background:#1e3c36;border-radius:9px;padding:15px;color:#9bb3ad}.unavailable>span{font-size:22px;color:#eabf55}.unavailable b{font-size:10px;color:#e9f4f0}.unavailable p{margin:4px 0 0;font-size:9px;line-height:1.5}.detail-source{text-align:right;color:#6f9188;font-size:9px;margin:12px 2px 0}
@media(max-width:900px){.detail-grid{grid-template-columns:1fr 1fr}.intraday-card{grid-row:auto;grid-column:span 2}.quote-card{grid-row:auto}}
@media(max-width:600px){.stock-detail{padding:16px}.detail-toolbar{align-items:flex-start;gap:14px}.detail-grid{grid-template-columns:1fr}.intraday-card{grid-column:auto}.detail-toolbar h2{font-size:18px}.detail-search input{width:74px}}