.chat-fab{z-index:900;color:#fff;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#128c7e;border:1px solid #16a34a61;border-radius:999px;justify-content:center;align-items:center;width:52px;height:52px;transition:transform .14s,background .14s;display:inline-flex;position:fixed;bottom:24px;right:24px;box-shadow:0 16px 38px #0f172a47}.chat-fab:hover{background:#075e54;transform:translateY(-1px)}.chat-fab:active,.chat-fab--dragging{cursor:grabbing}.chat-fab--dragging{transition:none}.chat-fab--dragging:hover{transform:none}.chat-fab__badge{color:#fff;background:#dc2626;border:2px solid #fff;border-radius:999px;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:800;line-height:16px;position:absolute;top:-5px;right:-5px}.chat-panel{z-index:901;color:#0f172a;background:#fff;border:1px solid #0f766e3d;border-radius:14px 0 0 14px;flex-direction:column;width:min(470px,100vw);height:auto;max-height:none;animation:.16s ease-out chat-slide-in;display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;box-shadow:0 24px 70px #0f172a57}@keyframes chat-slide-in{0%{opacity:0;transform:translate(14px)}to{opacity:1;transform:translate(0)}}.chat-panel__header,.chat-room-view__header{background:#075e54;border-bottom:1px solid #0f766e2e;justify-content:space-between;align-items:center;gap:10px;min-height:48px;padding:8px 12px;display:flex}.chat-panel__header div,.chat-room-view__title{flex-direction:column;min-width:0;display:flex}.chat-panel__header strong,.chat-room-view__title strong{color:#fff;text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:800;line-height:1.2;overflow:hidden}.chat-panel__header span,.chat-room-view__title span{color:#ffffffc7;align-items:center;gap:5px;font-size:11px;display:inline-flex}.chat-panel__error{color:#be123c;background:#fff1f2;border-bottom:1px solid #fecdd3;padding:7px 10px;font-size:12px;font-weight:600}.chat-panel__search{color:#475569;background:#f0f7f4;border-bottom:1px solid #e2e8f0;align-items:center;gap:7px;padding:7px 10px;display:flex}.chat-panel__search input{color:#0f172a;background:0 0;border:0;outline:none;flex:1;min-width:0;font-size:13px}.chat-panel__search button{color:#475569;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.chat-search-scope{background:#f7fbf9;border-bottom:1px solid #d9ede6;align-items:center;gap:6px;padding:5px 10px;display:flex}.chat-search-scope>span{color:#475569;margin-right:2px;font-size:10px;font-weight:800}.chat-search-scope__button{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:7px;min-height:28px;padding:0 9px;font-size:11px;font-weight:800}.chat-search-scope__button--active{color:#075e54;background:#e7f7f3;border-color:#128c7e}.chat-search-scope__button:disabled{cursor:not-allowed;opacity:.45}.chat-icon-button,.chat-send-button{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;min-width:36px;height:36px;display:inline-flex}.chat-panel__header .chat-icon-button,.chat-room-view__header .chat-icon-button{color:#fff;background:#ffffff1f;border-color:#ffffff38}.chat-icon-button:hover{background:#f1f5f9}.chat-icon-button:disabled{cursor:wait;opacity:.5}.chat-panel__header .chat-icon-button:hover,.chat-room-view__header .chat-icon-button:hover{background:#fff3}.chat-send-button{color:#fff;background:#128c7e;border-color:#128c7e}.chat-send-button:disabled{cursor:not-allowed;color:#94a3b8;background:#e2e8f0;border-color:#cbd5e1}.chat-room-list,.chat-room-view{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.chat-drop-overlay{z-index:5;color:#1d4ed8;pointer-events:none;background:#eff6ffeb;border:2px dashed #2563eb;border-radius:12px;justify-content:center;align-items:center;font-size:14px;font-weight:900;display:flex;position:absolute;inset:58px 10px 78px}.chat-room-list__toolbar{background:#f7fbf9;border-bottom:1px solid #d9ede6;flex-wrap:nowrap;gap:6px;padding:7px 10px;display:flex}.chat-room-list__toolbar button,.chat-forward__search button,.chat-forward__save{color:#075e54;background:#e7f7f3;border:1px solid #bfe7dc;border-radius:8px;justify-content:center;align-items:center;gap:5px;min-height:32px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.chat-room-list__toolbar .chat-room-list__refresh{margin-left:auto}.chat-room-list__search{color:#64748b;background:#fff;border-bottom:1px solid #e2e8f0;align-items:center;gap:6px;padding:7px 10px;display:flex}.chat-room-list__search input{color:#0f172a;background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:32px;font-size:13px}.chat-room-list__search button{color:#475569;background:#f1f5f9;border:0;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.chat-user-picker{background:#f8fafc;border-bottom:1px solid #e2e8f0;padding:8px}.chat-user-picker__header{color:#0f172a;justify-content:space-between;align-items:center;gap:8px;padding-bottom:7px;font-size:12px;display:flex}.chat-user-picker__header button{color:#475569;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.chat-user-picker__group-name{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;outline:none;width:100%;min-height:34px;margin-bottom:7px;padding:0 9px;font-size:13px}.chat-user-picker__search{background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:6px;padding:0 8px;display:flex}.chat-user-picker__search input,.chat-forward input,.chat-forward select{color:#0f172a;background:0 0;border:0;outline:none;flex:1;min-width:0;min-height:34px;font-size:13px}.chat-user-picker__list{max-height:210px;padding-top:8px;overflow:auto}.chat-user-picker__status{color:#64748b;background:#fff;border:1px dashed #cbd5e1;border-radius:8px;justify-content:center;align-items:center;min-height:44px;font-size:12px;font-weight:700;display:flex}.chat-user-picker__list button,.chat-room-item{content-visibility:auto;contain-intrinsic-size:56px;color:#0f172a;text-align:left;background:#fff;border:0;border-bottom:1px solid #e2e8f0;align-items:center;gap:9px;width:100%;min-height:48px;padding:8px 10px;display:flex}.chat-user-picker__list button:hover,.chat-room-item:hover{background:#f8fafc}.chat-user-picker__list button:disabled{cursor:progress;opacity:.68}.chat-user-picker__list button input{flex:none}.chat-user-picker__create{color:#fff;background:#128c7e;border:1px solid #128c7e;border-radius:8px;justify-content:center;align-items:center;width:100%;min-height:34px;margin-top:8px;font-size:12px;font-weight:800;display:flex}.chat-user-picker__create:disabled{cursor:not-allowed;color:#94a3b8;background:#e2e8f0;border-color:#cbd5e1}.chat-user-picker__list span,.chat-room-item__name{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.chat-user-picker__list small,.chat-room-item__preview,.chat-room-item__side small{color:#64748b;text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.chat-room-list__items{flex:1;min-height:0;overflow:auto}.chat-room-list__show-more{color:#075e54;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;align-items:center;width:calc(100% - 20px);min-height:34px;margin:8px 10px 10px;font-size:12px;font-weight:800;display:flex}.chat-room-list__show-more:hover{background:#e7f7f3;border-color:#bfe7dc}.chat-user-picker__list .chat-user-picker__show-more{color:#075e54;background:#f8fafc;border:1px solid #cbd5e1;border-radius:8px;justify-content:center;width:100%;min-height:34px;margin:8px 0 0}.chat-user-picker__list .chat-user-picker__show-more:hover{background:#e7f7f3;border-color:#bfe7dc}.chat-search-results{background:#f8fafc;flex:1;min-height:0;overflow:auto}.chat-search-results__list{flex-direction:column;display:flex}.chat-search-result{color:#0f172a;text-align:left;background:#fff;border:0;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:3px;width:100%;padding:9px 10px;display:flex}.chat-search-result:hover{background:#eff6ff}.chat-search-results__more{color:#1d4ed8;background:linear-gradient(135deg,#eff6ff 0%,#ecfeff 100%);border:1px solid #bfdbfe;border-radius:8px;align-self:center;width:calc(100% - 16px);min-height:34px;margin:8px;font-size:12px;font-weight:800}.chat-search-results__more:hover:not(:disabled){background:linear-gradient(135deg,#dbeafe 0%,#cffafe 100%);border-color:#60a5fa}.chat-search-results__more:disabled{cursor:wait;opacity:.72}.chat-search-result__top{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-search-result__top strong{color:#0f172a;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;font-weight:800;overflow:hidden}.chat-search-result__top small,.chat-search-result__author{color:#64748b;font-size:11px;font-weight:700}.chat-search-result__preview{-webkit-line-clamp:2;overflow-wrap:anywhere;color:#0f172a;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;font-size:12px;line-height:1.35;display:-webkit-box;overflow:hidden}.chat-room-item__main{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.chat-room-avatar{color:#075e54;letter-spacing:.02em;background:linear-gradient(145deg,#ecfdf5,#d7f3ea);border:1px solid #bfe7dc;border-radius:11px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:11px;font-weight:900;display:inline-flex;position:relative}.chat-room-avatar .chat-online-dot{box-shadow:none;border:2px solid #fff;position:absolute;bottom:-2px;right:-2px}.chat-room-item__open{min-width:0;color:inherit;text-align:left;background:0 0;border:0;flex:1;align-items:center;gap:9px;padding:0;display:flex}.chat-room-item__side{flex-direction:column;align-items:flex-end;gap:4px;display:flex}.chat-room-item__side strong{color:#fff;text-align:center;background:#dc2626;border-radius:999px;min-width:20px;font-size:10px;line-height:18px}.chat-room-pin{color:#94a3b8;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;width:24px;height:22px;display:inline-flex}.chat-room-pin--active{color:#d97706}.chat-room-pin:hover{background:#f1f5f9}.chat-online-dot{background:#94a3b8;border-radius:999px;flex:none;width:9px;height:9px;display:inline-flex;box-shadow:inset 0 0 0 1px #0f172a26}.chat-online-dot--online{background:#22c55e}.chat-empty{color:#64748b;text-align:center;padding:24px 12px;font-size:13px}.chat-message-list{background:linear-gradient(135deg,#075e540e 25%,#0000 25%) 0 0/18px 18px,linear-gradient(315deg,#128c7e0b 25%,#0000 25%) 0 0/18px 18px,#eef7f3;flex:1;min-height:0;padding:12px 10px;overflow:auto}.chat-jump-latest{z-index:4;color:#075e54;cursor:pointer;background:#fff;border:1px solid #bfe7dc;border-radius:999px;min-height:30px;padding:0 12px;font-size:11px;font-weight:900;position:absolute;bottom:76px;right:14px;box-shadow:0 10px 26px #0f172a29}.chat-jump-latest:hover{background:#e7f7f3}.chat-message{content-visibility:auto;contain-intrinsic-size:72px;justify-content:flex-start;margin-bottom:8px;display:flex}.chat-message--mine{justify-content:flex-end}.chat-message__bubble{color:#0f172a;background:#fff;border:1px solid #cbd5e1cc;border-radius:12px;min-width:120px;max-width:82%;padding:7px 8px;box-shadow:0 1px 2px #0f172a0d}.chat-message--mine .chat-message__bubble{background:#dcf8c6;border-color:#bde7bd}.chat-message--pending .chat-message__bubble{opacity:.82}.chat-message--failed .chat-message__bubble{background:#fff1f2;border-color:#fecaca}.chat-message--highlighted .chat-message__bubble{border-color:#facc15;box-shadow:0 0 0 3px #facc1542,0 12px 26px #0f172a21}.chat-message__meta,.chat-message__footer{color:#64748b;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.chat-message__footer{min-height:24px}.chat-message__delivery{color:#64748b;font-size:10px;font-weight:800}.chat-message__delivery--failed{color:#be123c}.chat-message__retry{color:#be123c;cursor:pointer;background:#fff;border:1px solid #fecdd3;border-radius:999px;align-items:center;gap:4px;min-height:22px;padding:0 7px;font-size:10px;font-weight:900;display:inline-flex}.chat-message__retry:hover{background:#fff1f2}.chat-message__text,.chat-message__deleted{overflow-wrap:anywhere;color:#0f172a;white-space:pre-wrap;padding:3px 0;font-size:13px;line-height:1.35}.chat-message__deleted{color:#64748b;font-style:italic}.chat-message__link{color:#1d4ed8;text-underline-offset:2px;font-weight:800;text-decoration:underline;text-decoration-thickness:1px}.chat-message__link:hover{color:#1e40af}.chat-message__reply,.chat-reply-compose{color:#334155;background:#f8fafcdb;border-left:3px solid #93c5fd;border-radius:7px}.chat-message__reply{flex-direction:column;gap:2px;margin-top:5px;padding:5px 7px;display:flex}.chat-message__reply strong,.chat-reply-compose strong{color:#0f172a;font-size:11px;font-weight:900}.chat-message__reply span,.chat-reply-compose span{-webkit-line-clamp:2;overflow-wrap:anywhere;color:#475569;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;font-size:11px;line-height:1.25;display:-webkit-box;overflow:hidden}.chat-attachment{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;align-items:center;gap:7px;margin:5px 0;padding:5px;text-decoration:none;display:flex}.chat-attachment__image{object-fit:cover;border-radius:6px;width:72px;height:54px}.chat-attachment__icon{color:#0369a1;background:#e0f2fe;border-radius:6px;justify-content:center;align-items:center;width:40px;height:32px;display:inline-flex}.chat-attachment__body{flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.chat-attachment__name{-webkit-line-clamp:2;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;min-width:0;font-size:12px;font-weight:700;line-height:1.25;display:-webkit-box;overflow:hidden}.chat-attachment__body small{color:#64748b;font-size:10px;font-weight:700}.chat-attachment__actions{flex-wrap:wrap;gap:6px;display:flex}.chat-attachment__button{color:#1d4ed8;background:#eff6ff;border:1px solid #bfdbfe;border-radius:6px;flex:none;align-items:center;gap:4px;min-height:24px;padding:0 6px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.chat-attachment__blocked{color:#b45309;align-items:center;min-height:24px;font-size:11px;font-weight:800;display:inline-flex}.chat-attachment--pending{background:#ffffffb8;border-style:dashed}.chat-receipts,.chat-message-menu{align-items:center;display:inline-flex;position:relative}.chat-receipts__button,.chat-message-menu__trigger{color:#475569;background:0 0;border:0;border-radius:5px;justify-content:center;align-items:center;gap:2px;min-width:24px;height:22px;font-size:10px;display:inline-flex}.chat-receipts__popup,.chat-message-menu__content{z-index:3;color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:8px;flex-direction:column;gap:3px;min-width:150px;padding:7px;display:flex;position:absolute;bottom:24px;right:0;box-shadow:0 10px 26px #0f172a2e}.chat-receipts__popup{z-index:2000;width:220px;max-height:min(220px,100vh - 20px);position:fixed;bottom:auto;right:auto;overflow:auto}.chat-message-menu__content button{color:#0f172a;text-align:left;background:#fff;border:0;border-radius:6px;align-items:center;gap:6px;min-height:28px;font-size:12px;display:flex}.chat-message-menu__content button:hover{background:#f1f5f9}.chat-receipts__reader{color:#0f172a;font-size:11px}.chat-typing{color:#64748b;padding:4px 6px;font-size:12px;font-style:italic}.chat-load-earlier{color:#047857;cursor:pointer;background:#ecfdf5;border:1px solid #bbf7d0;border-radius:999px;align-self:center;padding:5px 10px;font-size:11px;font-weight:800}.chat-load-earlier:hover{background:#d1fae5}.chat-file-chip{color:#0f172a;background:#f8fafc;border-top:1px solid #e2e8f0;align-items:center;gap:8px;padding:6px 10px;font-size:12px;font-weight:700;display:flex}.chat-file-chip__thumb,.chat-file-chip__icon{color:#475569;background:#fff;border:1px solid #cbd5e1;border-radius:7px;flex:none;justify-content:center;align-items:center;width:34px;height:30px;display:inline-flex}.chat-file-chip__thumb{object-fit:cover;padding:0}.chat-file-chip__text{flex-direction:column;flex:1;gap:1px;min-width:0;display:flex}.chat-file-chip__text strong,.chat-file-chip__text small{text-overflow:ellipsis;overflow:hidden}.chat-file-chip__text strong{-webkit-line-clamp:2;overflow-wrap:anywhere;white-space:normal;-webkit-box-orient:vertical;line-height:1.2;display:-webkit-box}.chat-file-chip__text small{white-space:nowrap;color:#64748b;font-size:10px}.chat-file-chip button{color:#475569;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.chat-reply-compose{border-top:1px solid #e2e8f0;border-left-width:4px;justify-content:space-between;align-items:center;gap:8px;padding:7px 10px;display:flex}.chat-reply-compose div{flex-direction:column;min-width:0;display:flex}.chat-reply-compose button{color:#475569;background:0 0;border:0;justify-content:center;align-items:center;display:inline-flex}.chat-input-row{background:#f7fbf9;border-top:1px solid #e2e8f0;align-items:flex-end;gap:7px;padding:8px;display:flex}.chat-input-row textarea{resize:none;color:#0f172a;border:1px solid #cbd5e1;border-radius:8px;outline:none;flex:1;min-height:36px;max-height:120px;padding:8px;font-size:13px;line-height:1.35}.chat-input-row textarea:focus{border-color:#128c7e;box-shadow:0 0 0 2px #128c7e24}.chat-composer-hint{color:#64748b;text-align:right;background:#fff;border-top:1px solid #e8eef5;min-height:20px;padding:0 10px;font-size:9px;font-weight:700;line-height:19px}.chat-forward{z-index:4;background:#0f172a47;justify-content:center;align-items:center;padding:14px;display:flex;position:absolute;inset:0}.chat-forward__dialog{color:#0f172a;background:#fff;border:1px solid #cbd5e1;border-radius:10px;flex-direction:column;gap:9px;width:100%;max-width:330px;max-height:92%;padding:12px;display:flex;overflow:auto;box-shadow:0 18px 44px #0f172a47}.chat-forward__header,.chat-forward__search{justify-content:space-between;align-items:center;gap:8px;display:flex}.chat-forward__header button{background:0 0;border:0}.chat-forward label{color:#475569;flex-direction:column;gap:4px;font-size:11px;font-weight:800;display:flex}.chat-forward input,.chat-forward select{border:1px solid #cbd5e1;border-radius:8px;width:100%;padding:0 8px}.chat-forward__results{border:1px solid #e2e8f0;border-radius:8px;flex-direction:column;max-height:150px;display:flex;overflow:auto}.chat-forward__results button{color:#0f172a;text-align:left;background:#fff;border:0;border-bottom:1px solid #e2e8f0;justify-content:space-between;align-items:center;gap:8px;min-height:34px;padding:6px 8px;display:flex}.chat-forward__results button:hover{background:#f8fafc}.chat-forward__save{color:#fff;background:#2563eb;border-color:#2563eb}@media (max-width:640px){.chat-fab{width:56px;height:56px;bottom:18px;right:18px}.chat-panel{border:0;border-radius:0;width:100vw;height:100vh;max-height:100vh;inset:0}.chat-icon-button,.chat-send-button{min-width:44px;height:44px}.chat-input-row textarea{min-height:44px;font-size:16px}.chat-composer-hint{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chat-room-item,.chat-user-picker__list button{min-height:54px}}@media (max-width:400px){.chat-room-list__toolbar .chat-room-list__refresh span{display:none}.chat-room-list__toolbar .chat-room-list__refresh{width:34px;padding:0}}@media (max-width:480px){.chat-panel{border:0;border-radius:0;width:100vw;height:100vh;max-height:100vh;inset:0}}