.svx-page{max-width:1200px;margin:24px auto;padding:0 16px;color:#18263c}.svx-card{background:#fff;border:1px solid #d7e3f7;border-radius:16px;padding:20px;min-width:0;color:#18263c;height: 590px;overflow: hidden;}.svx-card h2{font-size:17px;margin:0 0 14px}.svx-heading{display:flex;justify-content:space-between;align-items:center;gap:12px}.svx-heading a{font-size:12px}.svx-controls{display:flex;flex-wrap:wrap;gap:8px;align-items:end;margin-bottom:12px}.svx-controls label{display:grid;gap:4px;font-size:11px;color:#64748b}.svx-controls select,.svx-controls button,.svx-depth button{border:1px solid #cfddf5;border-radius:7px;background:#f7f9ff;padding:8px;font:inherit;color:#18345e}.svx-chart{min-height:180px;border:1px solid #e1e9f7;border-radius:10px;display:grid;align-items:center}.svx-chart>p{padding:20px}.svx-chart svg{width:100%;height:auto;display:block}.svx-note{color:#64748b;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.svx-sector{display:grid;grid-template-columns:minmax(100px,200px) 1fr 70px;gap:10px;align-items:center;font-size:12px;padding:8px 0;border-bottom:1px solid #edf1f7}.svx-sector strong{font-weight:500;overflow-wrap:anywhere}.svx-sector>div{background:#f0f4fb;height:15px}.svx-bar{display:block;height:15px;min-width:1px}.svx-depth table{width:100%;border-collapse:collapse;font-size:12px}.svx-depth th,.svx-depth td{text-align:right;padding:7px 3px;border-bottom:1px solid #e6ecf7}.svx-depth h3{font-size:13px;margin:14px 0 6px}.svx-depth [data-depth-refresh]{margin-top:8px}.svx-home-chart{margin:0}.svx-home-chart .svx-card{margin:0;height:100%;box-sizing:border-box}.svx-stock-interval-note{padding:10px;background:#f3f7fe;color:#536982;font-size:12px;border-radius:8px;margin-top:10px}@media(max-width:600px){.svx-card{padding:14px}.svx-heading{align-items:start}.svx-controls label{flex:1;min-width:70px}.svx-controls select{width:100%}.svx-sector{grid-template-columns:110px 1fr 60px;gap:5px}.svx-page{padding:0 8px}}
.svx-chart{display:block;border:0}.svx-price-pane,.svx-indicator-pane{border:1px solid #e2e8f0;border-radius:7px;overflow:hidden}.svx-price-pane{height:450px}.svx-indicator-pane{height:150px}.svx-indicator-title{font-size:10px;color:#64748b;padding:12px 0 8px;display:none}.svx-actions{display:none;gap:6px;flex-wrap:wrap}.svx-actions button{border:1px solid #d7e3f7;background:white;border-radius:6px;color:#526780;padding:7px;font-size:11px}.svx-view-buttons{display:none;gap:3px;justify-content:flex-end;flex-wrap:wrap;padding:5px;background:#f7f9fd;border-radius:8px;margin:10px 0}.svx-view-buttons button{border:0;background:transparent;color:#526780;font-size:11px;padding:7px 10px;border-radius:6px}.svx-view-buttons button.active{background:#2284ff;color:white}.svx-view-buttons button:disabled{opacity:.4;cursor:not-allowed}.svx-wide{grid-column:1/-1}.svx-card:fullscreen{padding:20px;overflow:auto;box-sizing:border-box}.svx-card:fullscreen .svx-price-pane{height:55vh}.stock-chart-ranges{flex-wrap:wrap}.stock-chart-ranges button:disabled{opacity:.4;cursor:not-allowed}@media(max-width:600px){.svx-price-pane{height:280px}.svx-indicator-pane{height:130px}.svx-actions button{font-size:10px;padding:5px}.svx-view-buttons{justify-content:flex-start}}


/* Side-by-side market depth */
.svx-depth {
    min-width: 0;
}
.sv-depth-pair-wrap {
    width: 100%;
    overflow-x: auto;
}
.svx-depth .sv-depth-pair {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.svx-depth .sv-depth-pair th,
.svx-depth .sv-depth-pair td {
    padding: 8px 3px;
    text-align: center;
    font-size: 11px;
    font-variant-numeric: tabular-nums;
    overflow-wrap: anywhere;
    border-bottom: 1px solid #e8edf5;
}
.svx-depth .sv-depth-pair .sv-depth-buy-head,
.svx-depth .sv-depth-pair .sv-depth-sell-head {
    background: transparent;
    color: #102644;
    font-size: 13px;
    font-weight: 700;
    padding-top: 10px;
}
.svx-depth .sv-depth-pair .sv-depth-buy-column {
    background: #edf8f1;
    color: #15803d;
}
.svx-depth .sv-depth-pair .sv-depth-sell-column {
    background: #fff1f3;
    color: #be304c;
}
.svx-depth .sv-depth-pair .sv-depth-buy-cell {
    color: #15803d;
}
.svx-depth .sv-depth-pair .sv-depth-sell-cell {
    color: #be304c;
}
.svx-depth .sv-depth-pair tr > :nth-child(3) {
    border-left: 1px solid #dce6f7;
}
.sv-depth-totals {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
    margin: 16px 0 12px;
}
.sv-depth-totals > div {
    min-width: 0;
    padding: 10px 5px;
    border: 1px solid #e0e7f2;
    border-radius: 9px;
    text-align: center;
    background: #f8faff;
}
.sv-depth-totals span,
.sv-depth-totals strong {
    display: block;
    font-size: 11px;
    line-height: 1.5;
    overflow-wrap: anywhere;
}
.sv-depth-totals strong {
    margin-top: 3px;
    font-variant-numeric: tabular-nums;
}
.sv-depth-buy-total strong { color: #15803d; }
.sv-depth-sell-total strong { color: #be304c; }