body.chat-page{margin:0;background:#fffdf4;color:#202529;font-family:Arial,sans-serif;overflow-x:hidden}body.chat-page>header{margin:0 0 0 68px;padding:16px 24px;min-height:78px;border-bottom:1px solid #e9e5d9;box-shadow:none;background:#fffdf4;display:flex;gap:12px;flex-wrap:wrap}body.chat-page h1{font-size:23px;letter-spacing:-.7px;margin:0;color:#168064}body.chat-page .header-actions{gap:14px;flex-wrap:wrap}body.chat-page>main{margin:0 0 0 68px;max-width:none;padding:0}.chat-page .chat-rail{position:fixed;inset:0 auto 0 0;width:68px;background:#f4efdf;border-right:1px solid #e4dfd2;display:flex;align-items:center;flex-direction:column;gap:18px;padding:18px 8px;z-index:5}.chat-page .chat-rail button{background:transparent;color:#676a65;font-size:26px;border-radius:50%;width:44px;height:44px;padding:0;margin:0}.chat-page .chat-rail button:hover{background:#e4ead7}.chat-page .layout{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:0;min-height:calc(100dvh - 110px)}.chat-page .chat-list{padding:20px 16px;background:#fffdf4;border-radius:0;border-right:1px solid #e4dfd2;box-shadow:none}.chat-page .list-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.chat-page .list-heading h2{font-size:27px;margin:0;color:#168064}.chat-page #newChat{border-radius:50%;background:#219d68;font-size:27px;width:44px;height:44px;margin:0;padding:0;color:white}.chat-page .chat-search{display:flex;gap:10px;align-items:center;border-radius:28px;background:#f1f0e3;padding:0 16px;font-size:26px}.chat-page .chat-search input{border:0;background:transparent;margin:0;padding:14px 0;outline-offset:4px;box-shadow:none;font-size:15px;min-width:0}.chat-page .chat-filters{display:flex;gap:8px;padding:14px 0;flex-wrap:wrap}.chat-page .chat-filters button{border:1px solid #d6d8c8;color:#5d645e;background:transparent;border-radius:24px;padding:8px 15px;margin:0;font-size:14px}.chat-page .chat-filters button[aria-pressed=true]{background:#e1f8cf;color:#185d3f;border-color:#b9d2a8}.chat-page #rooms .chat-row{width:100%;display:flex;align-items:center;gap:14px;border-radius:12px;padding:16px 8px;border:0;background:transparent;color:#202529;margin:0;text-align:left}.chat-page #rooms .chat-row:hover,.chat-page #rooms .chat-row.selected{background:#edf3e4}.chat-page .chat-avatar{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:50%;background:#e8def5;color:#793aae;font-size:24px}.chat-page .chat-row:nth-child(3n+2) .chat-avatar{background:#daf3ce;color:#278458}.chat-page .chat-row:nth-child(3n) .chat-avatar{background:#f6e4c6;color:#a67a30}.chat-page .chat-copy{min-width:0;flex:1}.chat-page .chat-copy strong,.chat-page .chat-copy small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-page .chat-copy strong{font-size:16px;font-weight:500}.chat-page .chat-copy small{font-size:13px;color:#777e76;margin-top:7px}.chat-page .unread-badge{background:#26ad65;color:white;border-radius:20px;padding:3px 7px;font-size:12px}.chat-page .chat-empty{text-align:center;padding:50px 14px;color:#52685c;line-height:1.7}.chat-page .chat-empty strong{font-size:17px}.chat-page .chat-empty p{font-size:14px}.chat-page .local-label{text-align:center;color:#7d8178;font-size:11px;margin-top:30px}.chat-page #newChatPanel{font-size:14px}.chat-page .conversation{background:#f3f3e9;border-radius:0;padding:20px 26px;display:flex;flex-direction:column;min-width:0;box-shadow:none}.chat-page .conversation-heading{display:flex;align-items:center;gap:12px}.chat-page #roomTitle{font-size:18px;overflow-wrap:anywhere}.chat-page #backChats{display:none}.chat-page #welcome{margin:auto;text-align:center;color:#5d6d61;max-width:350px;padding:45px 12px;line-height:1.6}.chat-page #welcome img{opacity:.85}.chat-page #welcome h2{font-size:23px;font-weight:500}.chat-page #messages{flex:1;min-height:250px}.chat-page #messages[hidden],.chat-page #welcome[hidden]{display:none}.chat-page #compose input{border-radius:25px;background:#fffdf4}.chat-page #actions button{font-size:12px;background:#e0eadc;color:#27543f}.chat-page #status{margin:0;padding:0 16px;min-height:0}.chat-page #status:not(:empty){padding:12px;background:#fff0d8}.chat-page .chat-settings{margin:0;padding:8px 20px;font-size:12px;border-bottom:1px solid #e9e5d9}.chat-page .chat-settings summary{cursor:pointer;color:#707970}.chat-page #callPanel{margin:12px}.chat-page button:focus-visible{outline:3px solid #7657dc;outline-offset:2px}@media(max-width:850px){.chat-page .layout{grid-template-columns:1fr}.chat-page .conversation{display:none}.chat-page.chat-open .conversation{display:flex;min-height:calc(100dvh - 140px)}.chat-page.chat-open .chat-list{display:none}.chat-page #backChats{display:block;background:transparent;color:#27624b;font-size:24px;padding:4px}.chat-page #welcome{min-height:220px}.chat-page .chat-list{border-right:0}}@media(max-width:500px){body.chat-page>header{padding:12px;margin-left:54px}body.chat-page>main{margin-left:54px}.chat-page .chat-rail{width:54px;padding:14px 5px}.chat-page .chat-rail img{width:34px;height:34px}body.chat-page h1{font-size:19px}body.chat-page h1 img{width:30px;height:30px}body.chat-page .header-actions{gap:10px}.chat-page .chat-list{padding:16px 12px}.chat-page .conversation{padding:12px}.chat-page .chat-filters{gap:6px}.chat-page .chat-filters button{padding:7px 12px}}