.short-detail-panel{border:1px solid #dbe4ef;border-radius:12px;padding:14px;margin:12px 0;background:#fff;color:#243247}
.short-detail-panel h3{margin:0 0 12px;font-size:15px}
.short-detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:10px}
.short-detail-field{border-top:1px solid #e7ecf4;padding:9px 2px;display:flex;flex-direction:column;gap:4px}
.short-detail-field span,.short-detail-field small{color:#71839d;font-size:12px}
.short-detail-field strong{font-size:15px}.short-detail-field .positive{color:#009b67}.short-detail-field .negative{color:#e34655}
.short-detail-chart{background:#101e32;color:#fff}.short-detail-chart .short-detail-periods{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.short-detail-periods button{background:#142945;border:1px solid #36516d;color:#d6e2f0;border-radius:5px;padding:6px 9px;cursor:pointer}
.short-detail-periods button.active{background:#2866ae;color:#fff}.short-detail-legend{font-size:12px;color:#66aaff;margin-bottom:5px}
.short-detail-legend span:first-child{color:#ffc145}.short-detail-legend span:nth-child(2){color:#fb6ca9}.short-detail-legend span:nth-child(3){color:#42d8aa}
.short-detail-chart svg{width:100%;height:auto;display:block}.short-detail-empty{padding:30px;color:#aabbd0;text-align:center}