.research-actions { display: flex; align-items: center; justify-content: flex-end; gap: 5px; }
#market-depth-toggle { height: 26px; padding: 0 8px; border: 1px solid #303946; border-radius: 6px; background: #171f29; color: #dce5ef; font-size: 10px; white-space: nowrap; }
#market-depth-toggle:hover { background: #243140; }
#market-depth-toggle.active { background: #24446b; border-color: #3b75ba; color: #e4f0ff; }
.market-depth-drawer { position: absolute; z-index: 5; left: 0; top: 38px; bottom: 0; width: min(370px, calc(100% - 40px)); display: grid; grid-template-rows: auto auto auto auto minmax(0,1fr); gap: 8px; padding: 10px; border-right: 1px solid #2b3746; background: rgba(13,19,27,.985); box-shadow: 16px 0 36px rgba(0,0,0,.28); transform: translateX(-102%); transition: transform .16s ease; pointer-events: none; }
.market-depth-drawer.open { transform: translateX(0); pointer-events: auto; }
.depth-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.depth-head strong { font-size: 13px; color: #edf4fa; }
.depth-head div div { margin-top: 2px; color: #748397; font-size: 9px; }
#depth-close { width: 28px; height: 28px; padding: 0; border: 1px solid #354356; border-radius: 7px; background: #18212b; color: #dce6ef; font-size: 17px; }
.depth-search { width: 100%; height: 32px; padding: 0 9px; border: 1px solid #344153; border-radius: 7px; outline: 0; background: #0a1017; color: #e8eef5; font-size: 10px; }
.depth-tabs { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 4px; }
.depth-tabs button { height: 29px; padding: 0 6px; border: 1px solid #303c4b; border-radius: 6px; background: #151d27; color: #8e9bad; font-size: 9px; }
.depth-tabs button.active { background: #1d3655; border-color: #38689f; color: #e4f0ff; }
.depth-copy { padding: 7px 8px; border: 1px solid #273343; border-radius: 7px; background: #111821; color: #91a0b2; font-size: 9px; line-height: 1.4; }
.depth-list { min-height: 0; overflow-y: auto; display: grid; align-content: start; gap: 7px; padding-right: 2px; }
.depth-card { padding: 9px; border: 1px solid #283544; border-radius: 8px; background: #111922; }
.depth-card-top { display: flex; justify-content: space-between; gap: 8px; }
.depth-card-top strong { display: block; color: #e8eef5; font-size: 11px; }
.depth-card-top div span { display: block; margin-top: 2px; color: #748397; font-size: 9px; }
.depth-badge { align-self: flex-start; padding: 3px 6px; border: 1px solid #34465a; border-radius: 999px; background: #172333; color: #91b6df; font-size: 8px; white-space: nowrap; }
.depth-card p { margin: 7px 0; color: #9aa8b8; font-size: 9px; line-height: 1.42; }
.depth-open { width: 100%; height: 28px; border: 1px solid #33465c; border-radius: 6px; background: #172434; color: #d9e7f7; font-size: 9px; }
.depth-open:hover { background: #20344c; }
.depth-empty { padding: 25px 8px; color: #758395; text-align: center; font-size: 10px; }
@media (max-width: 850px) {
  .market-depth-drawer { width: 100%; right: 0; top: 38px; }
  .research-actions { gap: 3px; }
}