[hidden]{display:none!important}body{background:#f5f5fa}.team-layout{padding:24px;display:grid;grid-template-columns:235px minmax(0,1fr);gap:20px;max-width:1800px;margin:auto;align-items:start}.room-list{padding:20px 14px;min-width:0}.room-list h2{font-size:18px}.room-list>.muted{font-size:10px;margin:10px 0 20px}.room-list>input{font-size:11px}.room-kinds{display:flex;gap:18px;padding:18px 4px 10px;border-bottom:1px solid #eee9f4}.room-kinds a{font-size:11px;color:#8c789f;text-decoration:none}#rooms{display:grid;gap:7px;margin:14px 0 23px;max-height:65vh;overflow:auto}.room-row{border:0;border-radius:12px;background:transparent;padding:12px 9px;display:flex;gap:10px;text-align:right;align-items:center;color:#5a526d;width:100%;min-width:0}.room-row.active{background:#ece4f4}.room-row b{font-size:11px;display:block;overflow-wrap:anywhere}.room-row small{display:block;color:#aaa0b5;font-size:9px;margin-top:5px}.room-avatar,.member-avatar{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#e3eee9;color:#719684;flex-shrink:0;font-size:17px}.room-row:nth-child(2n) .room-avatar{background:#ede3f2;color:#9a7ca9}.conversation{padding:0;overflow:hidden;min-width:0;background:#ffffffdc}.conversation-head{padding:24px;display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid #f0edf6}.conversation-head h2{font-size:21px;margin:4px 0 9px}#room-kind{font-size:9px;color:#9b8aad}.conversation-head .muted{font-size:10px;line-height:2}.room-stats{display:flex;gap:20px;padding:15px 24px;color:#8c829d;font-size:10px;background:#fcfaff}.conversation>.sub-tabs{padding:15px 24px 0;gap:28px;margin:0}.conversation #messages,.conversation #tasks{height:calc(100vh - 390px);min-height:360px;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:22px;background:linear-gradient(130deg,#fbfafc,#f6f5fa)}.message-wrap{max-width:94%;width:fit-content;min-width:160px;align-self:flex-start}.message-wrap.mine{align-self:flex-end}.sender-line{display:flex;gap:20px;justify-content:space-between;color:#9b91a8;font-size:9px;margin-bottom:7px;padding:0 6px}.sender-line time{font-size:9px;color:#b1a6bd}.text-message{white-space:pre-wrap;overflow-wrap:anywhere;background:#eee8f6;padding:14px 18px;border-radius:15px;font-size:13px;line-height:2;color:#635772}.mine .text-message{background:#e5efe9;color:#4e7162}.text-message.mentioned{box-shadow:0 0 0 2px #b7a0d0}.task-message{background:white;border:1px solid #ded4eb;border-radius:17px;padding:20px;width:min(530px,100%);min-width:280px;box-shadow:0 5px 15px #87719e09}.task-message.completed{border-color:#c8dfd1}.task-card-header{display:flex;gap:11px;align-items:center}.task-icon{width:37px;height:37px;display:grid;place-items:center;flex-shrink:0;border-radius:11px;background:#ede6f5;color:#9c81b3;font-size:21px}.task-card-header small{color:#b09ac0;font-size:9px}.task-card-header h3{font-size:14px;margin:4px 0;line-height:1.8;overflow-wrap:anywhere}.task-state{font-size:9px;padding:4px 9px;background:#f7ecd9;color:#af9061;border-radius:20px;white-space:nowrap;margin-right:auto}.task-state.done{background:#e3f0e8;color:#6e9a80}.task-description{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:2;color:#8b7e99;margin:15px 0}.task-details{display:grid;gap:14px;grid-template-columns:1fr 1fr;margin:18px 0}.task-details>div:first-child{grid-column:1/-1}.task-details small{font-size:9px;color:#aea0ba;display:block;margin-bottom:6px}.task-details b{font-size:11px;color:#81718f;font-weight:500}.assignee-chips{display:flex;gap:6px;flex-wrap:wrap}.assignee-chips>span{font-size:10px;border-radius:7px;background:#f1edf6;color:#8d78a0;padding:5px 8px}.task-checks{display:grid;gap:10px;border-top:1px solid #f0eaf7;padding-top:16px}.task-checks .between b{font-size:11px;color:#8b7b9a}.task-checks small{font-size:9px;color:#b09fc0}.task-checks .check{font-size:11px;color:#8d809a}.task-checks input{width:15px;height:15px}.task-bottom{border-top:1px solid #f1ecf7;margin-top:16px;padding-top:13px;display:flex;align-items:center;justify-content:space-between;gap:10px}.task-bottom>span{font-size:9px;color:#afa1ba}.task-bottom .btn{font-size:10px}.focus-task{outline:3px solid #c8b4df;outline-offset:3px}.conversation #send{padding:18px 22px;background:white;border-top:1px solid #eee8f5;display:grid;gap:12px}.conversation #send textarea{min-height:70px;resize:vertical;border-color:#e9e1f1;font-size:12px;background:#fcfaff}.composer-toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center}.composer-toolbar>div{display:flex;gap:8px}.composer-toolbar .btn{font-size:10px}.conversation #send .access-note{font-size:9px;color:#a49aaf}#mention-buttons{display:flex;flex-wrap:wrap;gap:7px}#error{color:#a3475d;font-size:12px;padding:0 22px;white-space:pre-wrap}#error:not(:empty){padding:14px 22px;background:#fff0f1}.sr-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}dialog{position:relative;border:0;border-radius:22px;padding:28px;max-width:630px}.dialog-close{position:absolute;left:14px;top:10px;border:0;background:transparent;font-size:28px;color:#a591b6}dialog form{display:grid;gap:17px}dialog h2{font-size:22px}dialog .muted{font-size:11px}.member-choice-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-height:240px;overflow:auto}.member-choice-list .check{padding:10px;border:1px solid #eee7f4;border-radius:11px;background:#fdfbff}.member-choice-list small{display:block;font-size:9px;color:#aa9cb7}.member-avatar{width:26px;height:26px;border-radius:8px;font-size:11px}.form-message{color:#a44e62;font-size:12px}#tasks .task-message{width:100%;max-width:100%;min-width:0}input[type=date]{direction:ltr;text-align:left}
@media(max-width:1200px){.team-layout{grid-template-columns:190px minmax(0,1fr);padding:16px;gap:14px}.room-list{padding:17px 10px}.conversation #messages,.conversation #tasks{padding:18px}.task-message{padding:16px;min-width:240px}.conversation-head{padding:20px}.room-stats{padding:14px 20px}}
@media(max-width:900px){.team-layout{grid-template-columns:1fr}.room-list #rooms{display:flex;max-height:125px;overflow:auto;margin-bottom:12px}.room-row{min-width:180px;max-width:220px}.room-list>.muted,.room-kinds{display:none}.room-list>input{margin-top:12px}.room-list>a{display:none}.conversation #messages,.conversation #tasks{height:540px}}
@media(max-width:500px){.team-layout{padding:10px;gap:12px}.conversation-head{padding:17px;flex-wrap:wrap}.conversation-head h2{font-size:18px}.room-stats{gap:12px;font-size:9px;padding:12px 17px}.conversation>.sub-tabs{padding:14px 17px 0}.conversation #messages,.conversation #tasks{padding:12px;height:490px;min-height:300px}.message-wrap{max-width:100%;width:100%}.task-message{width:100%;min-width:0;padding:15px}.task-card-header h3{font-size:12px}.task-icon{width:30px;height:30px;font-size:17px}.task-state{font-size:8px}.task-bottom{flex-wrap:wrap}.task-description{font-size:11px}.conversation #send{padding:14px}.composer-toolbar{align-items:stretch;flex-direction:column}.composer-toolbar>div{justify-content:space-between}.composer-toolbar>.btn{width:100%}.member-choice-list{grid-template-columns:1fr}dialog{padding:25px 18px}.text-message{font-size:12px}.sender-line{font-size:8px}}