/* Team chat: channels on the left, messages on the right */
.teamchat{max-width:none}
.tc{display:grid;grid-template-columns:250px minmax(0,1fr);height:calc(calc(100vh / var(--ui-zoom,1)) - 150px);min-height:480px;background:#fff;border:1px solid #d6e2e4;border-radius:10px;overflow:hidden}
.tc-side{background:#f4f8f9;border-right:1px solid #e3ecee;padding:12px 8px;overflow:auto}
.tc-side h3{margin:12px 8px 6px;font-size:11px;text-transform:uppercase;letter-spacing:.06em;color:#6a7e83}.tc-side h3:first-child{margin-top:0}
.tc-ch{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:none;text-align:left;padding:7px 10px;border-radius:6px;font:inherit;font-size:13.5px;color:#2c5764;cursor:pointer}
.tc-ch:hover{background:#e6eff1}.tc-ch.active{background:#123f4a;color:#fff}
.tc-ch b{min-width:20px;padding:1px 6px;border-radius:999px;background:#e8603c;color:#fff;font-size:11px;text-align:center}
.tc-add{display:block;width:100%;border:0;background:none;text-align:left;padding:6px 10px;color:#1286a0;font:inherit;font-size:12.5px;cursor:pointer}
.tc-none{margin:4px 10px;font-size:12px;color:#8aa0a6}
.tc-main{display:flex;flex-direction:column;min-width:0;min-height:0}
.tc-head{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 16px;border-bottom:1px solid #e3ecee}
.tc-head strong{display:block;font-size:15px;color:#173f4a}.tc-head small{font-size:12px;color:#6a7e83}
.tc-list{flex:1;overflow:auto;padding:10px 16px}
.tc-day{text-align:center;margin:12px 0 8px;font-size:11.5px;color:#6a7e83}.tc-day span{background:#eef4f5;padding:2px 10px;border-radius:999px}
.tc-m{padding:6px 8px;border-radius:8px}.tc-m:hover{background:#f6fafb}
.tc-m-head{display:flex;align-items:baseline;gap:8px}.tc-m-head strong{font-size:13px;color:#173f4a}.tc-own .tc-m-head strong{color:#1286a0}
.tc-m-head time{font-size:11px;color:#8aa0a6}.tc-m-head em{font-size:11px;color:#8aa0a6}
.tc-m-tools{margin-left:auto;visibility:hidden;display:flex;gap:6px}.tc-m:hover .tc-m-tools{visibility:visible}
.tc-m-tools button{border:0;background:none;color:#6a7e83;font-size:11.5px;cursor:pointer}.tc-m-tools button:hover{color:#123f4a;text-decoration:underline}
.tc-m p{margin:2px 0 0;font-size:13.5px;line-height:1.5;color:#1b2b30;overflow-wrap:anywhere}.tc-m p a{color:#0f6f88}
.tc-gone{color:#8aa0a6!important;font-style:italic}
.tc-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:5px}
.tc-chip{display:inline-flex;align-items:center;gap:6px;border:1px solid #cfe1e5;background:#f4fafb;border-radius:6px;padding:3px 8px;font-size:12.5px;color:#173f4a}
.tc-chip small{font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:#6a7e83}
.tc-chip>button{border:0;background:none;padding:0;font:inherit;color:#0f6f88;font-weight:600;cursor:pointer}.tc-chip>button:hover{text-decoration:underline}
.tc-chip .tc-chip-x{color:#8aa0a6;font-weight:400;font-size:15px}
.tc-empty{color:#8aa0a6;text-align:center;margin-top:40px;font-size:13px}
.tc-edit textarea,.tc-compose textarea{width:100%;box-sizing:border-box;border:1px solid #cbdadd;border-radius:8px;padding:9px 11px;font:inherit;font-size:13.5px;resize:vertical}
.tc-edit>div{display:flex;justify-content:flex-end;gap:6px;margin-top:4px}
.tc-compose{position:relative;border-top:1px solid #e3ecee;padding:10px 16px 12px;background:#fbfdfd}
.tc-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:6px}.tc-chips:empty{display:none}
.tc-actions{display:flex;align-items:center;gap:8px;margin-top:6px}.tc-msg{flex:1;font-size:12px;color:#933e2c}
.tc-picker{position:absolute;left:16px;right:16px;bottom:100%;margin-bottom:6px;background:#fff;border:1px solid #cbdadd;border-radius:10px;box-shadow:0 10px 30px #123d4c26;padding:10px}
.tc-picker input{width:100%;box-sizing:border-box;border:1px solid #cbdadd;border-radius:7px;padding:9px 11px;font:inherit;font-size:13px}
.tc-results{max-height:240px;overflow:auto;margin-top:6px}
.tc-results button,.tc-people button{display:flex;align-items:baseline;gap:8px;width:100%;border:0;background:none;text-align:left;padding:7px 8px;border-radius:6px;font:inherit;font-size:13px;color:#173f4a;cursor:pointer}
.tc-results button:hover,.tc-people button:hover{background:#eef4f5}.tc-results small{flex:0 0 96px;font-size:10.5px;text-transform:uppercase;color:#6a7e83}
.tc-people small{color:#6a7e83}
.nav-item .nav-count{margin-left:auto;min-width:18px;padding:1px 6px;border-radius:999px;background:#e8603c;color:#fff;font-size:10.5px;text-align:center;font-weight:700}
@media(max-width:800px){.tc{grid-template-columns:1fr;height:auto}.tc-side{border-right:0;border-bottom:1px solid #e3ecee;max-height:220px}.tc-list{min-height:360px}}
/* Part 2: search, attachments, replies, reactions, mentions */
.tc-find{width:100%;box-sizing:border-box;margin:0 0 6px;border:1px solid #cbdadd;border-radius:7px;padding:7px 10px;font:inherit;font-size:13px;background:#fff}
.tc-phone{margin:16px 8px 4px;font-size:11.5px;line-height:1.45;color:#6a7e83}
.tc-ch b.tc-at{background:#c2410c}
.tc-attach{display:inline-flex;align-items:center;cursor:pointer}
.tc-replying{display:flex;align-items:center;gap:8px;margin-bottom:6px;padding:5px 10px;border-left:3px solid #1286a0;background:#eef5f7;border-radius:4px;font-size:12.5px;color:#33555e}
.tc-replying span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tc-replying button{border:0;background:none;font-size:17px;color:#6a7e83;cursor:pointer}
.tc-mention{max-height:240px;overflow:auto}
.tc-mention button{display:flex;align-items:baseline;gap:8px;width:100%;border:0;background:none;text-align:left;padding:7px 8px;border-radius:6px;font:inherit;font-size:13px;color:#173f4a;cursor:pointer}
.tc-mention button:hover,.tc-mention button:first-child{background:#eef4f5}.tc-mention small{color:#6a7e83}
.tc-react-pick{display:inline-flex;gap:0}.tc-react-pick button{padding:0 2px;font-size:14px!important;text-decoration:none!important}
.tc-mentioned{background:#fff7e8}.tc-mentioned:hover{background:#fff1d6}
.tc-flash{animation:tcflash 1.5s}@keyframes tcflash{0%,40%{background:#fff0b3}100%{background:transparent}}
.tc-older{text-align:center;margin:6px 0}
.tc-where{border:0;background:#eef4f5;border-radius:6px;padding:1px 8px;font:inherit;font-size:12px;color:#0f6f88;font-weight:600;cursor:pointer}
.tc-main.tc-drop{outline:3px dashed #1286a0;outline-offset:-6px}
@media(hover:none){.tc-m-tools{visibility:visible}}
.tc-replying[hidden],.tc-mention[hidden]{display:none}