.chat{--chat-green:#1d6d57;min-width:0}.chat-top{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:16px}.chat-top h2{font-size:19px;margin:0;flex:1;color:#183f42}.chat-top>a{font-size:12px;color:#587466}.chat-top>div{display:flex;gap:8px;flex-wrap:wrap}.chat-top button{font-size:12px;min-height:40px}.chat-connection{font-size:12px;color:#7a5d35;margin:8px 0;min-height:0}.chat-connection:empty{display:none}.chat-shell{display:grid;grid-template-columns:minmax(210px,270px) minmax(0,1fr);height:74vh;min-height:520px;max-height:950px;background:white;border:1px solid #d9e5dc;border-radius:20px;overflow:hidden;box-shadow:0 15px 40px #183f4208}.chat-room-list{background:#f8faf6;border-right:1px solid #e1e9e0;padding:16px 10px;overflow-y:auto;min-width:0}.chat-room-list>label{display:grid;gap:8px;font-size:11px;color:#6a8170;padding:0 6px 16px}.chat input,.chat select,.chat textarea,.chat-dialog input,.chat-dialog select,.chat-dialog textarea{box-sizing:border-box;width:100%;min-width:0;border:1px solid #d6e2d8;border-radius:9px;background:white;padding:11px;color:#1e443a;font:14px "Segoe UI",Arial,sans-serif}.chat textarea{resize:vertical}.chat-rooms{display:grid;gap:5px}.chat-room{display:flex;align-items:center;gap:10px;min-width:0;text-decoration:none;color:#315447;padding:13px 10px;border-radius:11px}.chat-room.active{background:#dff0e4;color:#183f42}.chat-room:hover{background:#eaf3e8}.chat-room-icon{display:grid;place-items:center;flex-shrink:0;width:36px;height:36px;border-radius:12px;background:#dfebe0;color:#557d68;font-size:12px;font-weight:700}.chat-room>span:nth-child(2){display:grid;gap:6px;min-width:0;flex:1}.chat-room b{font-size:13px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room small{font-size:11px;color:#839383;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room em,.chat-unread{display:inline-grid;place-items:center;flex-shrink:0;background:#247e5c;color:white;border-radius:50px;min-width:20px;height:20px;padding:0 5px;font-size:10px;font-weight:700;font-style:normal;box-sizing:border-box}.chat-unread{margin-left:6px;background:#cdf0dd;color:#154d3c}.chat-pane{display:flex;flex-direction:column;min-width:0;min-height:0;background:#f3f7f0}.chat-heading{display:flex;gap:12px;align-items:center;padding:17px 20px;background:#fff;border-bottom:1px solid #e2eae0}.chat-heading>div{flex:1;min-width:0}.chat-heading h3{font-size:17px;color:#173e37;margin:0;overflow-wrap:anywhere}.chat-heading p{font-size:11px;color:#82907d;margin:6px 0 0;max-height:35px;overflow:hidden}.chat-heading button{font-size:10px;white-space:nowrap;min-height:38px;padding:8px 10px}.chat-mobile-back{display:none!important}.chat-search{display:flex;align-items:end;gap:8px;background:#fbfcf8;padding:10px 18px;border-bottom:1px solid #e2eae0}.chat-search label{display:grid;gap:5px;flex:1;font-size:10px;color:#81907d}.chat-search input{font-size:12px;padding:8px}.chat-search button{font-size:10px;padding:9px 14px}.chat-pins{background:#eef5e8;font-size:12px;color:#5a765f}.chat-pins:empty{display:none}.chat-pins details{padding:12px 20px;max-height:150px;overflow:auto}.chat-pins summary{cursor:pointer;font-weight:600}.chat-pins details>div{border-bottom:1px solid #d6e3d0;padding:12px 0}.chat-pins p{font-size:12px!important;margin:5px 0;white-space:pre-line;overflow-wrap:anywhere}.chat-pins button{border:0;background:none;color:#3c7053;text-decoration:underline;cursor:pointer}.chat-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:22px 18px;scrollbar-gutter:stable}.chat-older{display:block;margin:0 auto 18px;font-size:11px!important}.chat-older[hidden]{display:none}.chat-messages{display:flex;flex-direction:column;gap:14px;min-width:0}.chat-bubble{align-self:flex-start;max-width:min(80%,620px);min-width:125px;background:white;border:1px solid #dce7d9;border-radius:15px 15px 15px 4px;padding:12px 15px;box-shadow:0 3px 7px #1d3e2503;overflow-wrap:anywhere;box-sizing:border-box}.chat-bubble.mine{align-self:flex-end;background:#e4f2dd;border-color:#d3e5cc;border-radius:15px 15px 4px 15px}.chat-bubble.deleted{background:#f0f2ed;border-style:dashed;opacity:.75}.chat-author{font-size:11px;color:#4f7862;font-weight:600;border:0;padding:0;background:none;text-align:left;cursor:pointer}.chat .chat-text{font-size:14px;line-height:1.65;color:#284d3e;white-space:pre-wrap;margin:8px 0 10px}.chat-text a{color:#216e53}.chat-quote{display:grid;gap:5px;max-width:100%;text-align:left;background:#eef3e7;border:0;border-left:3px solid #83ac7d;border-radius:6px;padding:9px 11px;font-size:11px;color:#68805f;margin-top:9px;cursor:pointer}.chat-quote span{white-space:pre-line;overflow-wrap:anywhere}.chat-message-meta{display:flex;gap:8px;justify-content:flex-end;flex-wrap:wrap;font-size:9px;color:#8a9981}.chat-message-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:9px}.chat-message-actions>button{font-size:10px;border:0;padding:3px;background:none;color:#69815d;cursor:pointer}.chat-message-actions .chat-reaction{background:#f2f7ec;border:1px solid #d6e5ca;padding:4px 8px;border-radius:20px;font-size:12px}.chat-reaction.selected{background:#cae8b7!important;border-color:#96c57d!important}.chat-message-menu{position:relative;margin-left:auto;color:#759065;font-size:11px}.chat-message-menu summary{list-style:none;cursor:pointer;padding:3px 6px}.chat-message-menu[open]{z-index:2}.chat-message-menu>div{position:absolute;right:0;bottom:22px;background:white;border:1px solid #dce5d4;border-radius:12px;min-width:180px;padding:9px;box-shadow:0 10px 28px #193d291f;display:grid;gap:5px}.chat-message-menu button{border:0;background:#f6f8f2;padding:8px 10px;border-radius:6px;font-size:12px;text-align:left;color:#426b4d;cursor:pointer}.chat-emoji{display:flex;flex-wrap:wrap;gap:4px}.chat-emoji button{padding:5px;font-size:17px}.chat-image{display:block;border:0;background:none;padding:0;cursor:zoom-in;margin:10px 0}.chat-image img{display:block;max-width:100%;max-height:220px;border-radius:10px;object-fit:contain}.chat-file{display:grid;gap:5px;padding:11px 13px;background:#f0f5e8;border:1px solid #d9e5d0;border-radius:9px;font-size:13px;color:#3c6e4e;margin-top:9px;text-decoration:none;word-break:break-word}.chat-file small{font-size:10px;color:#7d9472}.chat-compose{padding:14px 18px;background:white;border-top:1px solid #e0e9da}.chat-compose[hidden]{display:none}.chat-message-label{display:grid;gap:6px;font-size:10px;color:#7f9178}.chat-compose textarea{background:#f9fbf6;min-height:62px;max-height:160px;resize:vertical;line-height:1.5}.chat-compose-actions{display:flex;align-items:center;gap:10px;margin-top:10px}.chat-attach{cursor:pointer;font-size:11px!important;padding:9px 12px!important;position:relative;overflow:hidden;min-height:38px;box-sizing:border-box}.chat-attach input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.chat-file-limit{font-size:9px;color:#91a085;flex:1}.chat-compose-actions>button{font-size:12px;min-height:38px;padding:9px 16px}.chat-compose-error{color:#a14646;font-size:12px;margin:8px 0 0}.chat-compose-error:empty{display:none}.chat-reply{display:flex;justify-content:space-between;gap:10px;font-size:11px;background:#f1f7e9;color:#6e865d;border-radius:7px;padding:9px;margin-bottom:8px}.chat-reply[hidden]{display:none}.chat-reply button,.chat-pending button{border:0;background:none;color:#527b46;cursor:pointer}.chat-pending{display:flex;gap:6px;flex-wrap:wrap;margin:5px 0}.chat-pending>span{font-size:11px;background:#edf6e5;border-radius:6px;padding:7px;max-width:100%;overflow-wrap:anywhere}.chat-empty{font-size:13px!important;text-align:center;color:#92a084;margin:30px!important}.chat-dialog{width:min(560px,calc(100vw - 36px));max-height:85dvh;overflow:auto;border:1px solid #d5e1d6;border-radius:20px;padding:28px;color:#274a3e;box-sizing:border-box;box-shadow:0 30px 100px #133a3440}.chat-dialog::backdrop{background:#173c35a1}.chat-dialog-close{float:right;font-size:25px;border:0;background:#f1f5ed;color:#456a50;border-radius:8px;cursor:pointer;width:34px;height:34px}.chat-dialog h2{font-size:23px;margin:0 45px 22px 0}.chat-dialog h3{font-size:16px}.chat-dialog form,.chat-dialog label{display:grid;gap:10px}.chat-dialog form{gap:17px}.chat-dialog label{font-size:12px;color:#6b8064}.chat-dialog p{font-size:13px;line-height:1.6;overflow-wrap:anywhere}.chat-group-fields{display:grid;gap:15px}.chat-group-fields[hidden]{display:none}.chat-dialog fieldset{border:1px solid #d9e3d4;border-radius:9px;max-height:180px;overflow:auto;padding:13px;display:grid;gap:9px}.chat-dialog .chat-check{display:flex;align-items:center;gap:9px;font-size:12px}.chat-check input{width:17px;height:17px;flex-shrink:0}.chat-dialog-error{color:#a14646}.chat-dialog-actions{display:flex;gap:8px;flex-wrap:wrap}.chat-dialog-actions button{font-size:11px}.chat-members{display:grid;gap:10px;margin-bottom:20px}.chat-members>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid #e2eade;padding-bottom:12px;font-size:11px}.chat-members button{border:0;background:#f0f6e9;padding:8px;color:#4c7151;border-radius:7px;cursor:pointer}.chat-members span{color:#8c9b80;flex:1}.chat-dialog [data-room-settings]{margin-top:24px;border-top:1px solid #e1e9dc;padding-top:18px}.chat-image-dialog{width:auto;max-width:95vw}.chat-large-image{display:block;max-width:85vw;max-height:70dvh;object-fit:contain}.chat :focus-visible,.chat-dialog :focus-visible{outline:2px solid #468660;outline-offset:3px}
@media(max-width:1100px){.chat-shell{grid-template-columns:210px minmax(0,1fr)}.chat-heading{padding:13px;flex-wrap:wrap}.chat-heading>div{min-width:150px}.chat-file-limit{display:none}.chat-bubble{max-width:92%}.chat-top{gap:10px}.chat-top h2{font-size:17px}}
@media(max-width:800px){body:has(.chat-shell)>header,body:has(.chat-shell)>footer,body:has(.chat-shell) .manager-sidebar,body:has(.chat-shell) .manager-heading{display:none!important}body:has(.chat-shell){margin:0}body:has(.chat-shell) #main{max-width:none;margin:0;padding:0}body:has(.chat-shell) .manager-app{display:block;margin:0;padding:0}body:has(.chat-shell) .manager-content{padding:0;min-width:0}.chat{padding:10px 10px max(10px,env(safe-area-inset-bottom));height:100dvh;box-sizing:border-box;display:flex;flex-direction:column}.chat-top{margin:0 0 10px;gap:8px}.chat-top h2{font-size:16px}.chat-top>div{gap:6px}.chat-top button{font-size:10px;padding:8px 9px;min-height:36px}.chat-shell{flex:1;min-height:0;max-height:none;height:auto;display:block;border-radius:14px}.chat-room-list{height:100%;box-sizing:border-box;border:0}.chat-room-list>label{position:sticky;top:0;background:#f8faf6}.chat-room{padding:15px 9px}.chat-room b{font-size:15px}.chat-room small{font-size:12px}.chat-room-icon{width:43px;height:43px;font-size:14px}.chat-pane{height:100%}.chat[data-mobile=list] .chat-pane{display:none}.chat[data-mobile=room] .chat-room-list{display:none}.chat-mobile-back{display:block!important}.chat-heading{gap:7px;padding:10px}.chat-heading>div{min-width:0}.chat-heading h3{font-size:15px}.chat-heading p{font-size:10px}.chat-heading button{font-size:9px;padding:7px;min-height:34px}.chat-search{padding:8px 10px}.chat-search input,.chat-compose textarea,.chat input,.chat-dialog input,.chat-dialog select,.chat-dialog textarea{font-size:16px}.chat-search button{font-size:10px}.chat-scroll{padding:14px 10px}.chat-bubble{max-width:92%;padding:10px 12px}.chat .chat-text{font-size:14px}.chat-compose{padding:10px}.chat-compose textarea{min-height:55px}.chat-compose-actions{margin-top:8px}.chat-compose-actions>button{margin-left:auto}.chat-image img{max-height:180px}.chat-pins details{padding:9px 12px}.chat-dialog{padding:22px}.chat-top>a{font-size:10px}}

@media(max-width:800px){.chat-heading{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:start}.chat-heading>div{padding-top:3px}.chat-heading h3{overflow-wrap:normal;word-break:normal;line-height:1.3}.chat-heading [data-chat-mute]{grid-column:2/4;justify-self:start;font-size:10px;min-height:30px}.chat-heading [data-chat-info]{grid-column:3;grid-row:1}.chat-heading .chat-mobile-back{grid-column:1;grid-row:1}.chat-heading p{max-height:28px;line-height:1.35}}