.tc320{display:grid;grid-template-columns:300px minmax(0,1fr);height:min(730px,calc(100dvh - 175px));min-height:460px;border:1px solid var(--border,#dbe4f3);border-radius:22px;overflow:hidden;background:var(--panel,#fff);box-shadow:0 8px 30px #14336a09}.tc320-list{border-right:1px solid var(--border,#dbe4f3);display:flex;flex-direction:column;min-height:0}.tc320-search{margin:16px;width:calc(100% - 32px)!important}.tc320-threads{overflow:auto;flex:1}.tc320-thread{display:flex!important;align-items:center;gap:12px;width:100%;text-align:left;border:0!important;border-bottom:1px solid var(--border,#e6edf8)!important;border-radius:0!important;background:transparent!important;color:inherit!important;padding:18px!important;box-shadow:none!important}.tc320-thread.active{background:color-mix(in srgb,var(--primary,#2563eb) 10%,transparent)!important;border-left:3px solid var(--primary,#2563eb)!important}.tc320-avatar{width:42px;height:42px;border-radius:14px;background:color-mix(in srgb,var(--primary,#2563eb) 12%,transparent);color:var(--primary,#2563eb);display:grid;place-items:center;font-weight:750;flex:none}.tc320-info{min-width:0;flex:1}.tc320-info b,.tc320-info small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc320-info small{margin-top:6px;color:var(--muted,#7c8ba5);font-size:11px}.tc320-count{background:var(--primary,#2563eb);color:#fff;border-radius:16px;padding:4px 7px;font-size:10px}.tc320-room{display:flex;flex-direction:column;min-height:0;min-width:0}.tc320-head{display:flex;gap:12px;align-items:center;padding:18px 24px;border-bottom:1px solid var(--border,#dbe4f3)}.tc320-head h2{font-size:17px;margin:0}.tc320-head small{color:var(--muted,#7c8ba5)}.tc320-messages{padding:24px;overflow:auto;flex:1;background:color-mix(in srgb,var(--primary,#2563eb) 3%,var(--panel,#fff));display:flex;flex-direction:column;gap:12px}.tc320-bubble{align-self:flex-start;max-width:82%;background:var(--panel,#fff);border:1px solid var(--border,#dbe4f3);padding:12px 16px;border-radius:16px 16px 16px 4px;overflow-wrap:anywhere}.tc320-bubble.mine{align-self:flex-end;color:white;background:var(--primary,#2563eb);border-color:transparent;border-radius:16px 16px 4px 16px}.tc320-bubble b{font-size:11px}.tc320-bubble p{white-space:pre-wrap;margin:7px 0}.tc320-bubble small{font-size:10px;opacity:.7}.tc320-compose{display:flex;gap:12px;align-items:flex-end;padding:16px;border-top:1px solid var(--border,#dbe4f3)}.tc320-compose textarea{flex:1;resize:vertical;min-height:54px;max-height:170px;border-radius:15px;padding:15px}.tc320-compose button{border-radius:15px;min-height:50px;background:var(--primary,#2563eb);color:white;padding:12px 20px;border:0}.tc320-empty{margin:auto;text-align:center;padding:30px;color:var(--muted,#7c8ba5)}.tc320-status{min-height:22px;padding:0 18px;color:var(--muted,#7c8ba5);font-size:12px}.tc320-status[role=alert]{color:#cb3434}.tc320-older{align-self:center;padding:8px 14px!important}.tc320-members{display:grid;gap:8px;max-height:320px;overflow:auto}.tc320-members label{padding:12px;border:1px solid var(--border,#dbe4f3);border-radius:12px;display:flex;gap:12px}.tc320-back{display:none}
@media(max-width:750px){.tc320{grid-template-columns:1fr;min-height:480px;height:calc(100dvh - 200px)}.tc320.has-selection .tc320-list{display:none}.tc320:not(.has-selection) .tc320-room{display:none}.tc320-back{display:inline-flex}.tc320-head{padding:15px}.tc320-messages{padding:14px}.tc320-bubble{max-width:94%}.tc320-compose{padding:12px}.tc320-compose button{padding:12px}.tc320-list{border:0}}

.tc320 .tc320-compose button[type=submit]{background:var(--primary,#2563eb)!important;color:#fff!important;border:1px solid var(--primary,#2563eb)!important}.tc320 .tc320-back{display:none!important}@media(max-width:750px){.tc320 .tc320-back{display:inline-flex!important}}