:host{all:initial;position:fixed;inset:0;z-index:2147483000;pointer-events:none;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#18324a}
*{box-sizing:border-box}button,input,textarea{font:inherit}.tnc-app{position:fixed;inset:0;pointer-events:none}.tnc-app svg{width:1em;height:1em;display:block}
.tnc-launch{pointer-events:auto;position:fixed;left:18px;bottom:18px;min-width:116px;height:50px;border:0;border-radius:17px;padding:0 16px 0 11px;background:linear-gradient(135deg,#0869e8,#114bb5);color:#fff;box-shadow:0 10px 28px rgba(10,66,155,.28),0 2px 7px rgba(20,45,75,.14);display:flex;align-items:center;justify-content:center;gap:9px;font-size:14px;font-weight:850;letter-spacing:.01em;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease;user-select:none}.tnc-launch:hover{transform:translateY(-2px);box-shadow:0 14px 34px rgba(10,66,155,.34),0 2px 8px rgba(20,45,75,.14)}.tnc-launch:active{transform:translateY(0) scale(.98)}.tnc-launch-icon{width:31px;height:31px;border-radius:11px;background:rgba(255,255,255,.18);display:grid;place-items:center}.tnc-launch-icon svg{width:22px;height:22px}.tnc-launch-label{line-height:1}.tnc-badge{position:absolute;right:-7px;top:-8px;min-width:24px;height:24px;padding:0 6px;border-radius:99px;background:#20b15a;color:#fff;border:3px solid #fff;display:none;align-items:center;justify-content:center;font-size:10px;font-weight:900;box-shadow:0 3px 9px rgba(0,0,0,.16)}.tnc-badge.show{display:flex}
.tnc-window{pointer-events:none;position:fixed;left:18px;top:80px;width:700px;height:500px;min-width:580px;min-height:400px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);background:#fff;border:1px solid rgba(115,145,170,.34);border-radius:19px;box-shadow:0 24px 72px rgba(28,51,74,.25),0 3px 14px rgba(28,51,74,.12);overflow:hidden;resize:both;opacity:0;visibility:hidden;transform:translateY(12px) scale(.975);transform-origin:bottom left;transition:opacity .2s ease,transform .2s ease,visibility 0s linear .2s;isolation:isolate}.tnc-window.open{pointer-events:auto;opacity:1;visibility:visible;transform:none;transition:opacity .2s ease,transform .2s ease,visibility 0s}.tnc-window.dragging{transition:none;box-shadow:0 30px 82px rgba(28,51,74,.32),0 3px 14px rgba(28,51,74,.13)}.tnc-window.busy{cursor:progress}.tnc-window.minimized{height:58px!important;min-height:58px!important;max-height:58px!important;resize:none}.tnc-window.minimized .tnc-main,.tnc-window.minimized .tnc-toast,.tnc-window.minimized .tnc-modal-layer{display:none!important}
.tnc-topbar{height:58px;padding:0 9px 0 10px;display:flex;align-items:center;gap:8px;background:linear-gradient(110deg,#0b63d7,#1a4fb0);color:#fff;user-select:none;touch-action:none;cursor:grab}.tnc-window.dragging .tnc-topbar{cursor:grabbing}.tnc-grip{width:22px;height:32px;display:grid;place-items:center;opacity:.6}.tnc-grip svg{width:17px;height:17px}.tnc-logo{width:34px;height:34px;border-radius:11px;background:rgba(255,255,255,.16);display:grid;place-items:center}.tnc-logo svg{width:21px;height:21px}.tnc-brand{display:flex;flex-direction:column;min-width:0}.tnc-brand strong{font-size:14px;line-height:1.1;font-weight:900}.tnc-brand small{font-size:9px;line-height:1.2;margin-top:3px;opacity:.84;font-weight:600}.tnc-spacer{flex:1}.tnc-top-action{width:34px;height:34px;border:0;border-radius:10px;background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .15s ease}.tnc-top-action:hover{background:rgba(255,255,255,.16)}.tnc-top-action svg{width:18px;height:18px}.tnc-notify{position:relative}.tnc-notify-dot{position:absolute;right:6px;top:6px;width:7px;height:7px;border-radius:50%;background:#9fb4c8;border:1.5px solid #fff}.tnc-notify.enabled .tnc-notify-dot{background:#37d56f;box-shadow:0 0 0 2px rgba(55,213,111,.18)}.tnc-notify.unsupported{opacity:.5}
.tnc-main{height:calc(100% - 58px);min-height:0;display:grid;grid-template-columns:230px minmax(0,1fr);background:#f5f7fa}.tnc-sidebar{min-width:0;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);background:#fff;border-right:1px solid #e6ebf0}.tnc-side-title{padding:13px 11px 8px;display:flex;align-items:center;gap:8px}.tnc-side-title>strong{font-size:16px;font-weight:900;letter-spacing:-.02em}.tnc-side-title>button{margin-left:auto;border:0;border-radius:10px;background:#eaf2ff;color:#0b63d7;padding:7px 8px;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:850;cursor:pointer}.tnc-side-title>button:hover{background:#dceaff}.tnc-side-title>button svg{width:15px;height:15px}.tnc-search{margin:0 10px 9px;height:36px;border-radius:11px;background:#f1f4f7;display:flex;align-items:center;gap:7px;padding:0 10px;color:#708397}.tnc-search svg{width:16px;height:16px;flex:none}.tnc-search input{min-width:0;width:100%;border:0;outline:0;background:transparent;color:#243d54;font-size:11px}.tnc-search input::placeholder{color:#8899aa}.tnc-list{min-height:0;overflow:auto;padding:0 7px 9px;scrollbar-width:thin;scrollbar-color:#cbd5df transparent}.tnc-section-label{padding:10px 7px 4px;font-size:8px;font-weight:950;letter-spacing:.1em;color:#76899c;text-transform:uppercase}.tnc-contacts-label{margin-top:4px;border-top:1px solid #eef2f5;padding-top:11px}.tnc-row{width:100%;border:0;background:transparent;border-radius:11px;padding:7px 6px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:8px;color:#18324a;text-align:left;cursor:pointer;transition:background .13s ease,transform .13s ease}.tnc-row:hover{background:#eef5ff}.tnc-row:active{transform:scale(.99)}.tnc-row.active{background:#e6f0ff}.tnc-mini-avatar,.tnc-avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#dcecff,#c7e0ff);color:#135ea9;font-size:10px;font-weight:950;flex:none}.tnc-row-text{min-width:0;display:flex;flex-direction:column}.tnc-row-text strong{font-size:11px;font-weight:850;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tnc-row-text small{font-size:8.5px;color:#788a9c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.tnc-row-action{font-size:8px;font-weight:900;color:#0b63d7}.tnc-unread{min-width:19px;height:19px;padding:0 5px;border-radius:99px;background:#20ad59;color:#fff;display:grid;place-items:center;font-size:8px;font-weight:900}.tnc-invite{padding:7px 6px;border-radius:11px;display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:7px;align-items:center;background:#fff9e9;margin:2px 0}.tnc-invite-actions{display:flex;gap:4px}.tnc-invite-actions button{width:25px;height:25px;border:0;border-radius:8px;background:#0b63d7;color:#fff;font-weight:900;cursor:pointer}.tnc-invite-actions button:last-child{background:#e6ebef;color:#52677a}.tnc-status{padding:28px 12px;text-align:center;color:#788a9b;font-size:10px}.tnc-list-error{margin:10px 4px;padding:11px;border-radius:11px;background:#fff3f3;border:1px solid #f1cccc;display:grid;gap:7px}.tnc-list-error strong{font-size:10px}.tnc-list-error small{font-size:9px;color:#8b5a5a}.tnc-list-error button{justify-self:start;border:0;border-radius:8px;background:#0b63d7;color:#fff;padding:6px 9px;font-size:9px;font-weight:850;cursor:pointer}
.tnc-thread{min-width:0;min-height:0;position:relative;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:#eee9e1}.tnc-empty{grid-row:1/4;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;background:linear-gradient(180deg,#f9fbfd,#f4f7f9);color:#6e8193;text-align:center}.tnc-empty[hidden]{display:none}.tnc-empty-icon{width:58px;height:58px;border-radius:20px;background:#e9f2ff;color:#0b63d7;display:grid;place-items:center}.tnc-empty-icon svg{width:30px;height:30px}.tnc-empty strong{font-size:14px;color:#28465f}.tnc-empty small{font-size:9.5px}.tnc-thread-head{display:none;height:54px;padding:7px 10px;background:#f8fafc;border-bottom:1px solid #dfe6ec;align-items:center;gap:8px}.tnc-thread-head.show{display:flex}.tnc-avatar{width:38px;height:38px}.tnc-thread-name{min-width:0;display:flex;flex-direction:column}.tnc-thread-name strong{font-size:12px;font-weight:900;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tnc-thread-name small{font-size:8.5px;color:#75889b;margin-top:2px}.tnc-back{display:none;width:31px;height:31px;border:0;border-radius:9px;background:#e9eef3;color:#435b70;place-items:center;cursor:pointer}.tnc-back svg{width:17px;height:17px}.tnc-messages{display:none;min-height:0;overflow:auto;padding:12px 13px 14px;background-color:#eee9e1;background-image:radial-gradient(circle at 9px 9px,rgba(83,97,108,.075) 1px,transparent 1.2px);background-size:27px 27px;scrollbar-width:thin;scrollbar-color:#c6c0b9 transparent}.tnc-messages.show{display:flex;flex-direction:column;gap:5px}.tnc-msg{align-self:flex-start;max-width:78%;padding:6px 8px 4px;border-radius:5px 11px 11px 11px;background:#fff;color:#233c51;box-shadow:0 1px 2px rgba(32,47,59,.12);font-size:10.5px;line-height:1.35;word-break:break-word}.tnc-msg.mine{align-self:flex-end;border-radius:11px 5px 11px 11px;background:#d9f8d3}.tnc-msg time{display:block;text-align:right;margin-top:3px;font-size:7.5px;color:#718296}.tnc-msg.sending{opacity:.68}.tnc-msg.sending time{font-style:italic}.tnc-who{margin-bottom:2px;color:#0b63d7;font-size:8px;font-weight:900}.tnc-no-msg{margin:auto;padding:7px 10px;border-radius:9px;background:rgba(255,255,255,.88);color:#718295;font-size:9px;box-shadow:0 1px 3px rgba(40,50,60,.08)}.tnc-deleted{font-style:italic;color:#81909d}.tnc-image-link{display:block}.tnc-image-link img{display:block;max-width:240px;max-height:230px;border-radius:7px}.tnc-doc,.tnc-card{display:flex;align-items:center;gap:8px;min-width:180px;color:inherit;text-decoration:none}.tnc-doc>span:first-child,.tnc-card>span:first-child{font-size:21px}.tnc-doc>span:last-child,.tnc-card>span:last-child{min-width:0;display:flex;flex-direction:column}.tnc-doc b,.tnc-card b{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tnc-doc small,.tnc-card small{font-size:8px;color:#6f8192;margin-top:1px}.tnc-poll{min-width:200px}.tnc-poll>b{display:block;margin-bottom:6px}.tnc-poll>div{display:grid;gap:3px}.tnc-poll button{border:1px solid #cfdae3;border-radius:8px;background:#fff;padding:5px 7px;display:flex;align-items:center;justify-content:space-between;gap:7px;font-size:9px;cursor:pointer}.tnc-poll button:hover{border-color:#0b63d7}.tnc-poll small{min-width:20px;text-align:center;background:#edf3f8;border-radius:99px;padding:2px 5px}
.tnc-compose{display:none;position:relative;padding:7px 8px;background:#f6f8fa;border-top:1px solid #dfe6ec;grid-template-columns:auto auto minmax(0,1fr) auto;align-items:end;gap:4px}.tnc-compose.show{display:grid}.tnc-compose-btn,.tnc-send{width:36px;height:36px;border:0;border-radius:11px;display:grid;place-items:center;cursor:pointer}.tnc-compose-btn{background:transparent;color:#4d6274}.tnc-compose-btn:hover{background:#e7edf2}.tnc-compose-btn svg{width:20px;height:20px}.tnc-send{background:#0b63d7;color:#fff;border-radius:12px;box-shadow:0 4px 12px rgba(11,99,215,.22)}.tnc-send:hover{background:#0958c3}.tnc-send svg{width:18px;height:18px}.tnc-compose textarea{width:100%;height:38px;min-height:38px;max-height:96px;resize:none;border:1px solid #e1e7ec;border-radius:13px;background:#fff;outline:0;padding:10px 11px;font-size:10.5px;line-height:1.35;color:#263d52}.tnc-compose textarea:focus{border-color:#b9d3f7;box-shadow:0 0 0 2px rgba(11,99,215,.08)}.tnc-popover{position:absolute;z-index:20;background:#fff;border:1px solid #dbe3ea;border-radius:13px;box-shadow:0 16px 40px rgba(26,49,70,.22)}.tnc-popover[hidden]{display:none}.tnc-attach-menu{left:7px;bottom:52px;width:172px;padding:5px}.tnc-attach-menu button{width:100%;border:0;border-radius:9px;background:#fff;color:#2a4155;padding:7px 8px;display:flex;align-items:center;gap:9px;text-align:left;cursor:pointer}.tnc-attach-menu button:hover{background:#f0f5fb}.tnc-attach-menu button span{width:20px;text-align:center;font-size:17px}.tnc-attach-menu button b{font-size:9.5px}.tnc-emoji-panel{left:47px;bottom:52px;width:252px;max-height:158px;overflow:auto;padding:6px;grid-template-columns:repeat(8,1fr);gap:2px}.tnc-emoji-panel:not([hidden]){display:grid}.tnc-emoji-panel button{border:0;border-radius:7px;background:transparent;padding:4px;font-size:17px;cursor:pointer}.tnc-emoji-panel button:hover{background:#edf3f8}
.tnc-toast{position:absolute;right:11px;bottom:58px;max-width:290px;z-index:40;padding:8px 10px;border-radius:10px;background:#263a4a;color:#fff;box-shadow:0 9px 25px rgba(25,45,62,.23);font-size:9.5px;opacity:0;transform:translateY(7px);pointer-events:none;transition:.17s ease}.tnc-toast.show{opacity:1;transform:none}.tnc-toast[data-type=success]{background:#18794e}.tnc-toast[data-type=error]{background:#a13939}
.tnc-modal-layer{position:absolute;inset:58px 0 0 230px;z-index:60;background:rgba(245,248,251,.90);display:grid;place-items:center;padding:12px}.tnc-modal-layer[hidden]{display:none}.tnc-modal{width:min(380px,96%);max-height:92%;overflow:auto;border:1px solid #d8e1e9;border-radius:15px;background:#fff;box-shadow:0 18px 46px rgba(28,51,74,.24)}.tnc-modal>header{height:45px;padding:0 10px 0 13px;display:flex;align-items:center;border-bottom:1px solid #e7ecf1}.tnc-modal>header strong{font-size:12px}.tnc-modal>header button{margin-left:auto;width:30px;height:30px;border:0;border-radius:8px;background:#f1f4f6;color:#526779;display:grid;place-items:center;cursor:pointer}.tnc-modal>header svg{width:15px;height:15px}.tnc-modal-body{padding:11px;display:grid;gap:8px}.tnc-modal-body>label{display:grid;gap:4px;font-size:9px;font-weight:850;color:#445a6d}.tnc-modal-body input[type=text],.tnc-modal-body input[type=datetime-local],.tnc-modal-body input:not([type]){width:100%;border:1px solid #d3dde5;border-radius:9px;padding:8px 9px;outline:0;font-size:10px}.tnc-modal-body input:focus{border-color:#8eb8ee}.tnc-modal>footer{padding:9px 11px;border-top:1px solid #e8edf1;display:flex;justify-content:flex-end;gap:6px}.tnc-modal>footer button{border:0;border-radius:9px;background:#e9eef3;color:#41586b;padding:7px 10px;font-size:9px;font-weight:850;cursor:pointer}.tnc-modal>footer button.primary{background:#0b63d7;color:#fff}.tnc-people{max-height:245px;overflow:auto;display:grid;gap:2px}.tnc-people>label{display:flex;align-items:center;gap:8px;padding:6px;border-radius:9px;font-size:9px}.tnc-people>label:hover{background:#f3f6f9}.tnc-people span{display:flex;flex-direction:column}.tnc-people small{font-size:8px;color:#7b8c9c}.tnc-check{display:flex!important;align-items:center!important;grid-template-columns:auto 1fr!important}.tnc-share-list{max-height:290px;overflow:auto;display:grid;gap:2px}.tnc-share-list button{border:0;border-radius:10px;background:#fff;padding:6px;display:flex;align-items:center;gap:8px;text-align:left;cursor:pointer}.tnc-share-list button:hover{background:#f1f5f9}.tnc-share-list button>span:last-child{display:flex;flex-direction:column}.tnc-share-list b{font-size:10px}.tnc-share-list small{font-size:8px;color:#748697}
@media(max-width:700px){:host{z-index:2147483000}.tnc-launch{left:10px;bottom:10px;min-width:112px;height:50px;border-radius:16px;padding:0 14px 0 9px}.tnc-launch-icon{width:34px;height:34px}.tnc-launch-icon svg{width:24px;height:24px}.tnc-window,.tnc-window.open{width:calc(100vw - 16px);height:74dvh;min-width:0;min-height:0;max-width:440px;max-height:620px;border-radius:20px;resize:none;transform:none;box-shadow:0 18px 55px rgba(23,48,72,.28),0 3px 12px rgba(23,48,72,.12)}.tnc-topbar{height:54px;padding-left:7px}.tnc-grip{width:20px}.tnc-logo{width:32px;height:32px}.tnc-brand strong{font-size:13px}.tnc-brand small{font-size:8px}.tnc-top-action{width:32px;height:32px}.tnc-main{height:calc(100% - 54px);grid-template-columns:1fr}.tnc-sidebar{border-right:0}.tnc-thread{display:none}.tnc-window.thread-only .tnc-sidebar{display:none}.tnc-window.thread-only .tnc-thread{display:grid}.tnc-back{display:grid}.tnc-side-title{padding:11px 10px 7px}.tnc-side-title>strong{font-size:17px}.tnc-side-title>button{min-height:36px;font-size:11px}.tnc-search{height:40px;margin:0 9px 7px}.tnc-search input{font-size:14px}.tnc-row{padding:8px 6px;grid-template-columns:42px minmax(0,1fr) auto}.tnc-mini-avatar,.tnc-avatar{width:42px;height:42px;font-size:11px}.tnc-row-text strong{font-size:13px}.tnc-row-text small{font-size:10px}.tnc-row-action{font-size:9px}.tnc-thread-head{height:54px;padding:6px 8px}.tnc-thread-name strong{font-size:13px}.tnc-thread-name small{font-size:9px}.tnc-messages{padding:10px 9px 12px}.tnc-msg{max-width:88%;font-size:13.5px;padding:7px 9px 5px}.tnc-msg time{font-size:9px}.tnc-image-link img{max-width:min(235px,70vw);max-height:230px}.tnc-compose{grid-template-columns:auto auto minmax(0,1fr) auto;padding:6px;gap:3px}.tnc-compose-btn,.tnc-send{width:40px;height:40px;border-radius:12px}.tnc-compose textarea{height:40px;min-height:40px;max-height:92px;padding:9px 10px;font-size:16px;line-height:1.3}.tnc-attach-menu{left:5px;bottom:52px;width:188px}.tnc-attach-menu button{min-height:40px}.tnc-attach-menu button b{font-size:11px}.tnc-emoji-panel{left:5px;bottom:52px;width:calc(100% - 10px);max-height:170px;grid-template-columns:repeat(7,1fr)}.tnc-emoji-panel button{font-size:20px;min-height:38px}.tnc-modal-layer{inset:54px 0 0;padding:8px}.tnc-modal{width:min(380px,98%)}.tnc-modal-body input[type=text],.tnc-modal-body input[type=datetime-local],.tnc-modal-body input:not([type]){font-size:16px}.tnc-window.minimized{width:min(300px,calc(100vw - 16px))!important;height:54px!important;min-height:54px!important;max-height:54px!important;border-radius:17px;resize:none}.tnc-window.minimized .tnc-brand small{display:none}}
@media(max-width:390px){.tnc-brand small{display:none}.tnc-grip{width:17px}.tnc-logo{width:30px;height:30px}.tnc-top-action{width:30px;height:30px}.tnc-side-title>strong{font-size:16px}.tnc-msg{max-width:91%}.tnc-compose-btn,.tnc-send{width:38px;height:38px}.tnc-emoji-panel{grid-template-columns:repeat(6,1fr)}}