#cc-teamchat:checked~.shell #teamchat{display:block !important}#cc-teamchat:checked~.shell .nav label[for=cc-teamchat]{background:#1a1d25;border-color:#343846;color:white}.team-chat-layout{display:grid;grid-template-columns:minmax(220px,.65fr) minmax(0,1.7fr);gap:20px}.team-chat-note{font-size:14px;line-height:1.5;color:#b2abba}.team-chat-person{display:grid;gap:6px;padding:14px 0;border-bottom:1px solid #302c38}.team-chat-person-name{color:#ede5f6;background:none;border:0;text-align:left;font:600 16px system-ui;cursor:pointer;padding:0;min-height:32px}.team-chat-person-name:disabled{cursor:default;opacity:.8}.team-presence{display:block;font-size:13px;color:#a9a1b1;line-height:1.5}.team-presence:before{content:'';display:inline-block;width:8px;height:8px;border-radius:50%;background:#82798b;margin-right:7px}.team-presence.online{color:#8fdda8}.team-presence.online:before{background:#49cc7a}.team-chat-messages{height:420px;overflow:auto;overscroll-behavior:contain;border:1px solid #34303c;border-radius:14px;padding:16px;margin-top:14px;display:flex;flex-direction:column;gap:12px}.team-chat-message{background:#23202a;border-radius:12px;padding:12px 14px;max-width:88%;align-self:flex-start;overflow-wrap:anywhere}.team-chat-message.mine{background:#32243e;align-self:flex-end}.team-chat-message strong{font-size:14px}.team-chat-message time{font-size:12px;color:#b4a8be;display:block;margin-top:3px}.team-chat-message p{font-size:16px;white-space:pre-wrap;line-height:1.5;margin:8px 0 0}#teamchat select,#teamchat textarea{width:100%;box-sizing:border-box;font:16px system-ui;padding:12px;margin-top:8px}#teamchat textarea{resize:vertical;background:#17141d;color:#eee;border:1px solid #52425f;border-radius:12px}.team-chat-actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:10px}#teamchat .btn{min-height:44px}#teamchat button:focus-visible,#teamchat select:focus-visible,#teamchat textarea:focus-visible{outline:3px solid #b689d7;outline-offset:3px}@media(max-width:850px){.team-chat-layout{grid-template-columns:1fr}#teamChatRoster{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.team-chat-messages{height:360px}.team-chat-message{max-width:95%}}

.team-chat-badge{background:#a568d0;color:#fff;border-radius:20px;font-size:12px;padding:3px 7px;margin-left:auto}.team-chat-badge[hidden],.team-chat-alert[hidden]{display:none!important}.team-chat-alert{position:fixed;right:20px;bottom:24px;z-index:10002;display:flex;gap:12px;max-width:min(420px,calc(100vw - 40px));background:#31223e;border:1px solid #ba8ada;border-radius:14px;padding:12px;box-shadow:0 8px 30px #0006}.team-chat-alert button{background:transparent;color:#fff;border:0;font:600 15px system-ui;cursor:pointer;min-height:40px;text-align:left}.team-chat-alert button:last-child{font-size:24px}.team-unread-link{display:block;width:100%;padding:10px;margin-bottom:8px;background:#30223c;color:#eedafa;border:1px solid #715087;border-radius:10px;text-align:left;cursor:pointer;font:14px system-ui}.team-chat-message p:first-child{margin-top:0}


.team-chat-roster-head{margin:-2px 0 14px;padding:13px 14px;border:1px solid #4b4026;border-radius:12px;background:linear-gradient(120deg,#1d1910,#15131a)}
.team-chat-roster-head h2{margin:0;color:#e4c477;font-size:18px;letter-spacing:.01em}
.team-chat-roster-head .team-chat-note{margin:6px 0 0;color:#b9a982;font-size:12px;line-height:1.5}
.team-chat-search{margin:0 0 10px}
.team-chat-search label{display:block;color:#cdb26e;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:6px}
#teamChatPeopleSearch{width:100%;box-sizing:border-box;border:1px solid #3a3441;border-radius:10px;background:#111218;color:#eee9f3;padding:10px 11px;font:14px system-ui}
#teamChatPeopleSearch::placeholder{color:#746e79}
.team-chat-team-room{display:grid;gap:4px;padding:12px 0 13px;border-bottom:1px solid #3b3340}
.team-chat-team-room button{border:0;background:transparent;color:#e3c77e;text-align:left;padding:0;font:750 15px system-ui;cursor:pointer}
.team-chat-team-room small{color:#8f8795;font-size:11px;line-height:1.4}
.team-chat-person[hidden]{display:none!important}
.team-chat-no-results{padding:14px 0;color:#8c8590;font-size:12px}

.team-chat-date-divider{display:flex;align-items:center;gap:10px;margin:8px 0 2px;color:#8d8592;font:700 11px/1.2 system-ui;text-transform:uppercase;letter-spacing:.08em}
.team-chat-date-divider:before,.team-chat-date-divider:after{content:'';height:1px;background:#302c38;flex:1}
.team-chat-message-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:5px}
.team-chat-message-meta strong{font-size:12px;color:#e7def0}
.team-chat-message-meta time{font-size:11px;color:#9b90a4;white-space:nowrap}
.team-chat-message.mine .team-chat-message-meta strong{color:#d9c7e6}
.team-chat-message.mine .team-chat-message-meta time{color:#b7a5c3}

/* A single roster controls the conversation; keep the selected destination clear. */
#teamchat .team-card{min-width:0}
.team-chat-conversation-head h2{margin:6px 0 0;font-size:22px;line-height:1.3;overflow-wrap:anywhere}
.team-chat-person{padding:12px;border-radius:10px;border:1px solid transparent;border-bottom-color:#302c38}
.team-chat-person.selected{border-color:#766039;background:#262113}
.team-chat-person.selected .team-chat-person-name{color:#f0d79d}
.team-chat-team-room button{padding:10px 12px;border:1px solid transparent;border-radius:10px;min-height:44px}
.team-chat-team-room button[aria-pressed="true"]{border-color:#766039;background:#262113}
.team-chat-team-room small{padding:0 12px;font-size:13px}
.team-chat-search label{font-size:13px;letter-spacing:.04em;text-transform:none}
.team-chat-roster-head .team-chat-note{font-size:13px}
.team-chat-date-divider{font-size:12px;color:#b6abbc}
.team-chat-message-meta strong{font-size:14px}
.team-chat-message-meta time{font-size:13px}
#teamChatPeopleSearch:focus-visible{outline:3px solid #b689d7;outline-offset:3px}
#teamChatRoster{max-height:560px;overflow-y:auto;overscroll-behavior:contain}
@media(max-width:850px){#teamChatRoster{max-height:220px}.team-chat-actions{align-items:flex-start;flex-wrap:wrap}.team-chat-actions .btn{margin-left:auto}.team-chat-message-meta{flex-wrap:wrap;gap:4px 12px}}