.trade-chart-pro{margin-top:1rem;padding:1rem;border:1px solid #e2e8f0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(15,23,42,.035)}
.trade-chart-pro__head{display:flex;justify-content:space-between;gap:1rem;align-items:flex-start;margin-bottom:.85rem}
.trade-chart-pro__head>div:first-child>span{display:block;margin-bottom:.18rem;color:#2d8a68;font-size:.74rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.trade-chart-pro__head h3{margin:0;color:#172033;font-size:1.08rem}
.trade-chart-pro__exports{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}
.trade-chart-pro button,.trade-chart-pro select{font:inherit}
.trade-chart-pro__exports button{display:inline-flex;align-items:center;gap:.42rem;padding:.55rem .72rem;border:1px solid #d7e2e7;border-radius:10px;background:#fff;color:#285b4a;font-size:.78rem;font-weight:800;cursor:pointer}
.trade-chart-pro__exports button:hover{background:#f2faf6;border-color:#b8d6ca}
.trade-chart-pro__controls{display:flex;justify-content:space-between;gap:.8rem;align-items:end;flex-wrap:wrap;margin-bottom:.8rem;padding:.72rem;border-radius:12px;background:#f8fafc}
.trade-chart-pro__controls label{display:flex;flex-direction:column;gap:.32rem;color:#64748b;font-size:.72rem;font-weight:700}
.trade-chart-pro__controls select{min-width:170px;padding:.5rem .65rem;border:1px solid #cbd5e1;border-radius:9px;background:#fff;color:#172033;font-size:.8rem;font-weight:700;outline:none}
.trade-chart-pro__controls select:focus{border-color:#2d8a68;box-shadow:0 0 0 3px rgba(45,138,104,.1)}
.trade-chart-pro__ranges{display:flex;gap:.3rem;flex-wrap:wrap}
.trade-chart-pro__ranges button{min-width:46px;padding:.46rem .6rem;border:1px solid #d7e2e7;border-radius:9px;background:#fff;color:#64748b;font-size:.75rem;font-weight:800;cursor:pointer}
.trade-chart-pro__ranges button:hover{background:#f2faf6;color:#285b4a}
.trade-chart-pro__ranges button.is-active{background:#2d8a68;border-color:#2d8a68;color:#fff}
.trade-chart-pro__canvas{overflow-x:auto;overflow-y:hidden;border:1px solid #edf2f7;border-radius:14px;background:#fff}
.trade-chart-pro__canvas svg{display:block;width:100%;min-width:620px;height:auto}
.trade-chart-pro__empty{display:grid;place-items:center;min-height:220px;padding:1rem;border:1px dashed #d8e1e7;border-radius:14px;background:#fbfcfd;color:#64748b;text-align:center;font-size:.86rem}
.trade-chart-pro__note{display:flex;align-items:flex-start;gap:.45rem;margin:.65rem 0 0;color:#64748b;font-size:.75rem;line-height:1.45}
.trade-chart-pro__note i{margin-top:.12rem;color:#7a9d91}
@media(max-width:700px){.trade-chart-pro{padding:.8rem}.trade-chart-pro__head{flex-direction:column}.trade-chart-pro__exports{justify-content:flex-start;width:100%}.trade-chart-pro__exports button{flex:1;justify-content:center}.trade-chart-pro__controls{align-items:stretch;flex-direction:column}.trade-chart-pro__controls select{width:100%}.trade-chart-pro__ranges{display:grid;grid-template-columns:repeat(4,1fr)}.trade-chart-pro__ranges button{min-width:0}.trade-chart-pro__canvas svg{min-width:560px}}