/* ============================================================
   CUSTOMER CONSOLE · TVCHAT module css
   ============================================================ */

/* ============ TRADINGVIEW CHAT ============ */
.tv-wrap{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr);gap:14px;height:calc(100vh - 60px - 44px);min-height:480px}
.tv-chartbox{background:var(--panel);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.tv-head{display:flex;align-items:center;gap:13px;padding:12px 15px;border-bottom:1px solid var(--border);flex-wrap:wrap}
.tv-sym{display:flex;gap:6px}
.tv-sym .cu-tab{font-family:ui-monospace,Consolas,monospace}
.tv-price{margin-left:auto;text-align:right}
.tv-price b{font-size:19px;font-weight:850;font-family:ui-monospace,Consolas,monospace;display:block;letter-spacing:-.5px}
.tv-price span{font-size:11.5px;font-weight:800}
.tv-price span.up{color:var(--green-2)} .tv-price span.dn{color:var(--red-2)}
.tv-svg{flex:1;width:100%;min-height:0;display:block}
.tv-foot{display:flex;gap:9px;align-items:center;padding:9px 15px;border-top:1px solid var(--border);font-size:10.5px;color:var(--dim);flex-wrap:wrap}
.tv-chatbox{background:var(--panel);border:1px solid var(--border);border-radius:16px;display:flex;flex-direction:column;overflow:hidden;min-width:0}
.tv-msgs{flex:1;overflow-y:auto;padding:13px;display:flex;flex-direction:column;gap:10px}
.tv-msg{display:flex;gap:8px;align-items:flex-start}
.tv-msg .ava{width:27px;height:27px;font-size:10px;flex:none}
.tv-msg .b{background:var(--bg-2);border:1px solid var(--border);border-radius:11px;padding:7px 10px;flex:1;min-width:0}
.tv-msg .b b{font-size:11.5px;display:flex;gap:6px;align-items:center}
.tv-msg .b b time{font-size:9.5px;color:var(--dim);font-weight:500;margin-left:auto}
.tv-msg .b p{font-size:12.5px;color:var(--text-2);margin-top:2px;line-height:1.45;word-break:break-word}
.tv-msg.mine{flex-direction:row-reverse}
.tv-msg.mine .b{background:linear-gradient(135deg,rgba(240,180,41,.14),rgba(240,180,41,.06));border-color:rgba(240,180,41,.3)}
.tv-pin{font-size:10.5px;color:var(--muted);background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.28);border-radius:9px;padding:7px 11px;margin:0 13px 4px}