/* TPO / Market Profile Styles */
.tpo-grid { font-family: 'JetBrains Mono', monospace; font-size: 9px; }

.tpo-header {
    display: flex; gap: 12px; padding: 4px 6px; font-size: 9px;
    color: var(--text-3); border-bottom: 1px solid var(--border); margin-bottom: 2px;
}
.tpo-header span { font-weight: 600; }

.tpo-row {
    display: grid; grid-template-columns: 65px 1fr 28px;
    height: 15px; align-items: center; border-bottom: 1px solid rgba(255,255,255,0.02);
}
.tpo-row.poc { background: rgba(255,194,51,0.12); border-left: 2px solid var(--yellow); }
.tpo-row.va { background: rgba(61,139,255,0.05); }

.tpo-price { text-align: right; padding-right: 6px; color: var(--text-2); font-weight: 600; }
.tpo-letters { position: relative; overflow: hidden; height: 100%; display: flex; align-items: center; }
.tpo-bar { position: absolute; left: 0; top: 0; bottom: 0; background: rgba(61,139,255,0.15); }
.tpo-row.poc .tpo-bar { background: rgba(255,194,51,0.2); }
.tpo-text { position: relative; z-index: 1; padding-left: 4px; color: var(--text-3); letter-spacing: 0.5px; }
.tpo-row.poc .tpo-text { color: var(--yellow); }
.tpo-count { text-align: center; color: var(--text-3); font-size: 8px; }