/* T_CHAT: a casca da página. O resto do desenho vem de style.css, igual ao do T_ROOM. */
:root { --tc-topo: 52px; }
body { margin: 0; background: var(--bg); }
.tc-topo { display: flex; align-items: center; gap: 8px; height: var(--tc-topo); box-sizing: border-box; padding: 0 12px; border-bottom: 1px solid var(--border); background: var(--surface); }
.tc-marca { font-family: var(--font-display); flex: 1; display: inline-flex; align-items: center; gap: 8px; min-width: 0; }
.tc-main { padding: 0; }
#page-conversas .wz { height: calc(100dvh - var(--tc-topo)) !important; min-height: 0; border: 0; border-radius: 0; }
@media (max-width: 520px) { .tc-rotulo { display: none; } }