.tc-shell,.tc-shell *{box-sizing:border-box}.tc-shell{display:grid;grid-template-columns:300px minmax(0,1fr);height:min(760px,calc(100vh - 180px));min-height:520px;background:white;border:1px solid #dce6ef;border-radius:20px;overflow:hidden;box-shadow:0 15px 45px #173d6710}.tc-directory{display:flex;flex-direction:column;min-height:0;background:#f8fafc;border-right:1px solid #dce6ef}.tc-directory header{padding:26px 22px 14px}.tc-kicker{color:#087b77;font-size:11px;font-weight:800;letter-spacing:.15em}.tc-directory h2,.tc-conversation h2{margin:8px 0;color:#0c284b;font-size:20px}.tc-directory p,.tc-conversation-head p{font-size:13px;color:#6d8097;margin:6px 0;line-height:1.6}.tc-search{padding:8px 18px 16px;display:block}.tc-search span{display:block;font-size:12px;color:#50657d;margin-bottom:6px}.tc-search input{width:100%;padding:11px;border:1px solid #d6e0e8;border-radius:10px;background:#fff;font:inherit;font-size:13px}.tc-directory nav{overflow:auto;flex:1;padding:0 10px}.tc-person{width:100%;display:flex;align-items:center;text-align:left;gap:12px;border:0;background:transparent;border-radius:12px;padding:13px 10px;cursor:pointer;color:#16334e}.tc-person:hover{background:#eef3f7}.tc-person.selected{background:#e3f1ef;box-shadow:inset 3px 0 #148880}.tc-avatar{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border-radius:13px;background:#e2ebf7;color:#184c7b;font-size:14px;font-weight:800}.tc-person.selected .tc-avatar{background:#087f79;color:white}.tc-person-copy{min-width:0;flex:1}.tc-person-copy strong{font-size:14px;display:block}.tc-person-copy small{display:block;font-size:12px;line-height:1.5;color:#6d8197;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:170px}.tc-person b{border-radius:20px;background:#087f79;color:#fff;padding:3px 6px;font-size:11px}.tc-directory .tc-note{border-top:1px solid #dce6ef;margin:15px 0 0;padding:16px 20px;font-size:11px;line-height:1.6;color:#718399}.tc-conversation{display:flex;flex-direction:column;min-height:0;min-width:0}.tc-conversation-head{display:flex;align-items:center;gap:13px;padding:20px 24px;border-bottom:1px solid #e6edf3}.tc-conversation-head>div{flex:1}.tc-conversation-head h2{margin:0 0 3px}.tc-conversation-head p{margin:0;font-size:12px}.tc-conversation-head .btn{font-size:12px;padding:9px 13px}.tc-status{padding:9px 24px;font-size:11px;color:#788ba0;background:#fcfdff}.tc-status.error{color:#a22c30;background:#fff4f3}.tc-message-scroll{flex:1;overflow:auto;background:linear-gradient(150deg,#f5f8fc,#fbfcfd);padding:22px}.tc-message{max-width:82%;margin-bottom:18px;background:#fff;padding:14px 17px;border:1px solid #e0e8ef;border-radius:4px 16px 16px 16px;box-shadow:0 3px 10px #193c5d05}.tc-message.mine{margin-left:auto;background:#e6f5f1;border-color:#d2ebe3;border-radius:16px 4px 16px 16px}.tc-message>div{display:flex;align-items:center;gap:18px;justify-content:space-between}.tc-message strong{font-size:12px;color:#0b5d59}.tc-message time{font-size:10px;white-space:nowrap;color:#81909f}.tc-message p{font-size:14px;white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.65;color:#20374c;margin:8px 0 0}.tc-empty{text-align:center;display:grid;place-content:center;min-height:240px;color:#768b9d}.tc-empty>span{font-size:36px;color:#7fa7a7}.tc-empty h3{font-size:20px;color:#314f67;margin:12px 0 3px}.tc-empty p{font-size:13px}.tc-compose{padding:16px 24px 18px;border-top:1px solid #dce6ef;background:white}.tc-compose label{font-size:12px;font-weight:700;color:#456078;display:block;margin-bottom:7px}.tc-compose textarea{display:block;resize:vertical;max-height:150px;width:100%;padding:12px 14px;border:1px solid #ccdbe7;border-radius:10px;font:inherit;font-size:14px;line-height:1.6;color:#173854}.tc-compose textarea:focus{outline:2px solid #91c8c4;outline-offset:1px}.tc-compose footer{display:flex;align-items:center;justify-content:space-between;margin-top:10px;gap:10px}.tc-compose small{font-size:11px;color:#8b9aac}.tc-compose button{background:#087f79!important;border-color:#087f79!important}.tc-older{display:block;margin:0 auto 20px;padding:8px 16px;border:1px solid #cfdee8;background:#fff;color:#426079;border-radius:20px;font:inherit;font-size:12px;cursor:pointer}.tc-older[hidden]{display:none}.tc-muted{padding:14px;color:#728497;font-size:13px}@media(max-width:900px){.tc-shell{grid-template-columns:230px minmax(0,1fr)}.tc-person-copy small{max-width:120px}.tc-message{max-width:96%}.tc-conversation-head,.tc-compose{padding:15px}.tc-message-scroll{padding:15px}}@media(max-width:600px){.tc-shell{grid-template-columns:1fr;height:auto;min-height:700px}.tc-directory{max-height:260px;border-right:0;border-bottom:1px solid #dce6ef}.tc-directory header{padding:16px 18px 5px}.tc-directory h2{font-size:17px}.tc-directory header p,.tc-note{display:none}.tc-search{padding-bottom:7px}.tc-directory nav{min-height:90px}.tc-conversation{height:580px}.tc-compose small{max-width:130px}.tc-message>div{gap:8px;flex-wrap:wrap}}