.back{border:0;background:transparent;color:#8fa0b6;padding:0;margin:0 0 25px;cursor:pointer}.back:hover{color:var(--green)}.detail-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:24px}.detail-head h1{font:2rem Georgia,serif;margin:7px 0 10px}.detail-head h1 em{font:normal 1rem Arial;color:#7e8ca1;margin-left:8px}.detail-price{display:flex;align-items:center;gap:14px}.detail-price b{font-size:2rem}.detail-price span{font-weight:700}.detail-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:18px}.stat{background:#101928;border:1px solid var(--line);border-radius:12px;padding:15px}.stat small{color:#68778c;font-size:.65rem;letter-spacing:.07em;display:block;margin-bottom:8px}.stat b{font-size:.9rem}.history-panel,.monthly-panel{padding:22px;margin-bottom:18px}.history-head{display:flex;justify-content:space-between;align-items:flex-start}.history-head h2{margin:0 0 4px;font-size:1rem}.history-head p{margin:0;color:#728097;font-size:.75rem}.ranges{display:flex;background:#09111d;border:1px solid var(--line);border-radius:9px;padding:3px}.ranges button{border:0;background:transparent;color:#718096;padding:7px 10px;border-radius:6px;cursor:pointer;font-size:.72rem}.ranges button.active{background:#1b2a40;color:#fff}.history-chart-wrap{height:350px;margin-top:18px;position:relative}.history-chart-wrap.loading:after{content:'Đang tải lịch sử giá...';position:absolute;inset:0;display:grid;place-items:center;color:#7d8da3;background:#0d1623dd}.history-chart-wrap svg{width:100%;height:100%;overflow:visible}.history-chart-wrap polyline{fill:none;stroke:var(--green);stroke-width:3;vector-effect:non-scaling-stroke}.history-area{fill:url(#historyFill)}.axis text{fill:#65758b;font:11px Arial}.axis line{stroke:#223047;stroke-width:1;vector-effect:non-scaling-stroke}.monthly-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(105px,1fr));gap:9px;margin-top:18px}.month{background:#0a1320;border:1px solid #202d41;border-radius:9px;padding:11px}.month small{display:block;color:#728198;font-size:.68rem}.month b{display:block;margin-top:6px;font-size:.82rem}.month.up b{color:var(--green)}.month.down b{color:var(--red)}
@media(max-width:900px){.detail-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.history-chart-wrap{height:300px}}
@media(max-width:540px){.detail-head{align-items:flex-start;gap:12px}.detail-head h1 em{display:block;margin:5px 0 0}.detail-head>.ghost{font-size:0;padding:9px}.detail-head>.ghost:after{content:'Xóa';font-size:.75rem}.history-head{display:block}.ranges{margin-top:14px;width:max-content;max-width:100%}.ranges button{padding:7px 9px}.history-panel,.monthly-panel{padding:16px}.history-chart-wrap{height:250px}.monthly-grid{grid-template-columns:repeat(3,1fr)}}