/* Temporary table chat (TEST_CHAT only; tablechat.js) */
.chat-btn { position: relative; margin-left: 6px; padding: 4px 10px; border-radius: 999px; border: 1px solid #9aa0a8; background: linear-gradient(180deg, #2b2e34, #15171a);
  color: #f4f4f4; font: 700 .8rem/1.2 system-ui, sans-serif; cursor: pointer; }
.chat-btn.on { border-color: #ffd34d; color: #ffd34d; }
.chat-btn[hidden] { display: none; }
.chat-badge { position: absolute; top: -7px; right: -7px; min-width: 18px; height: 18px; line-height: 18px; border-radius: 9px; background: #ff4d4d; color: #fff; font-size: .72rem; text-align: center; }
.chat-badge[hidden] { display: none; }
.tchat { position: fixed; z-index: 41; display: flex; flex-direction: column; box-sizing: border-box; border-radius: 12px; border: 1px solid rgba(255, 211, 77, .55);
  background: rgba(16, 18, 22, .96); color: #eee; box-shadow: 0 8px 28px rgba(0, 0, 0, .55); font: .85rem/1.35 system-ui, sans-serif; }
.tchat[hidden] { display: none; }
.tc-h { display: flex; align-items: center; gap: 6px; padding: 6px 8px 6px 10px; border-bottom: 1px solid rgba(255, 255, 255, .1); }
.tc-test { font-size: .68rem; font-weight: 800; letter-spacing: .04em; color: #ffb347; background: rgba(255, 179, 71, .14); border-radius: 6px; padding: 1px 6px; }
.tc-x { margin-left: auto; background: none; border: 0; color: #bbb; font-size: 1rem; cursor: pointer; min-width: 32px; min-height: 32px; }
.tc-log { list-style: none; margin: 0; padding: 6px 10px; overflow-y: auto; flex: 1 1 auto; min-height: 60px; }
.tc-log li { margin: 2px 0; overflow-wrap: anywhere; }
.tc-log b { margin-right: 4px; }
.tc-me b { color: #8fd18f; } .tc-pard b { color: #7fc4ff; } .tc-opp b { color: #ffb08a; }
.tc-empty { color: #999; font-style: italic; }
.tc-f { display: flex; gap: 6px; padding: 6px 8px 8px; border-top: 1px solid rgba(255, 255, 255, .1); }
.tc-f input { flex: 1; min-width: 0; padding: 7px 9px; border-radius: 8px; border: 1px solid #555; background: #0b0c0e; color: #fff; font-size: 16px; }
.tc-f button { padding: 7px 12px; border-radius: 8px; border: 0; background: #ffd34d; color: #111; font-weight: 800; cursor: pointer; }