body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--bg:#f3f5f7;--card:#fff;--line:#e6e8eb;--text:#1b1f24;--muted:#68707a;--ok:#1f9d55}*{box-sizing:border-box}body{background:#f3f5f7;background:var(--bg);color:#1b1f24;color:var(--text);font:14px/1.4 Arial,sans-serif;margin:0}.login-page{align-items:center;display:flex;justify-content:center;min-height:100vh}.login-card{background:#fff;background:var(--card);border:1px solid #e6e8eb;border:1px solid var(--line);border-radius:10px;display:flex;flex-direction:column;gap:10px;padding:16px;width:320px}.login-card h1{font-size:18px;margin:0 0 4px}input{border:1px solid #e6e8eb;border:1px solid var(--line);border-radius:8px;font:inherit;padding:8px 10px}button{background:#eef2f6;cursor:pointer}.error{color:#be123c;margin:0}.chat-layout{grid-gap:8px;display:grid;gap:8px;grid-template-columns:240px 280px 1fr;min-height:100vh;padding:8px}.chat-window,.dialogs,.sidebar{background:#fff;background:var(--card);border:1px solid #e6e8eb;border:1px solid var(--line);border-radius:10px;overflow:hidden}.sidebar-head{align-items:center;border-bottom:1px solid #e6e8eb;border-bottom:1px solid var(--line);display:flex;height:45px;justify-content:space-between;padding:10px}.sidebar-head button{background:#eef2f6;border:0;border-radius:8px;cursor:pointer;padding:8px 16px}.dialog-list,.user-list{list-style:none;margin:0;padding:0}.dialog-list button,.user-list button{background:#0000;border:0;border-bottom:1px solid #e6e8eb;border-bottom:1px solid var(--line);border-radius:0;display:block;height:55px;padding:10px;text-align:left;width:100%}.unread-badge{background:#1d4ed8;border-radius:999px;color:#fff;float:right;font-size:11px;height:18px;line-height:18px;min-width:18px;padding:0 5px;position:absolute;right:10px;text-align:center;top:33%}.dialog-list button.active{background:#f0f6ff}.dialog-list li{position:relative}.dialogs h2{font-size:14px;height:45px;margin:0;padding:10px}.dialogs h2,.dialogs-head{border-bottom:1px solid #e6e8eb;border-bottom:1px solid var(--line)}.dialogs-head{align-items:center;display:flex;justify-content:space-between}.dialogs-head h2{border-bottom:0;text-align:left}.back-btn{background:#0000;border:0;padding:10px}.back-btn,.dialog-list p{color:#68707a;color:var(--muted)}.dialog-list p{margin:4px 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-window{display:grid;grid-template-rows:auto 1fr auto auto;height:calc(100vh - 16px)}.chat-window header{align-items:center;border-bottom:1px solid #e6e8eb;border-bottom:1px solid var(--line);display:flex;gap:8px;height:45px;padding:10px}.chat-peer-title{align-items:center;display:flex;gap:6px}.chat-peer-title span{color:#68707a;color:var(--muted);font-size:12px}.chat-window footer{background:#fff;background:var(--card);border-bottom:1px solid #e6e8eb;border-bottom:1px solid var(--line);border-bottom:0;border-top:1px solid #e6e8eb;border-top:1px solid var(--line);bottom:0;display:flex;gap:8px;padding:10px;position:sticky}.chat-window footer input{flex:1 1}.messages{display:flex;flex-direction:column;gap:8px;overflow-y:auto;padding:10px}.msg{max-width:80%}.msg p{background:#f8fafc;border:1px solid #e6e8eb;border:1px solid var(--line);border-radius:8px;margin:0;padding:8px}.msg time{font-size:11px}.msg time,.msg-meta{color:#68707a;color:var(--muted)}.msg-meta{display:flex;font-size:12px;gap:8px;margin-bottom:3px}.msg.outgoing{align-self:flex-end}.msg.outgoing .msg-meta{justify-content:flex-end}.msg.outgoing p{background:#e7f1ff}.msg.incoming{align-self:flex-start}.typing{color:#68707a;color:var(--muted);min-height:20px;padding:0 10px 8px}.online{color:#1f9d55;color:var(--ok)}.offline,.online{font-size:12px;margin-left:10px}.empty-chat,.offline{color:#68707a;color:var(--muted)}.empty-chat{align-items:center;display:flex;height:100%;justify-content:center}footer button{background:#eef2f6;border:0;border-radius:8px;cursor:pointer;padding:8px 16px}@media (max-width:1100px){.chat-layout{grid-template-columns:210px 250px minmax(0,1fr)}}@media (max-width:900px){.chat-layout{grid-template-columns:1fr 1fr;grid-template-rows:minmax(180px,32vh) minmax(0,1fr);height:100dvh;min-height:100dvh}.dialogs,.sidebar{min-height:0}.chat-window{grid-column:1/-1;height:100%;min-height:0}}@media (max-width:640px){.chat-layout{gap:6px;grid-template-columns:1fr;grid-template-rows:auto auto minmax(0,1fr);height:100dvh;min-height:100dvh;padding:6px}.chat-window header,.dialogs h2,.sidebar-head{height:auto;min-height:45px}.chat-window{min-height:0}.msg{max-width:92%}.chat-window footer{gap:6px;padding:8px}.chat-window footer input{font-size:16px;min-width:0}.chat-layout.chat-open{grid-template-rows:minmax(0,1fr)}.chat-layout.chat-open .dialogs,.chat-layout.chat-open .sidebar{display:none}.chat-layout.chat-open .chat-window{height:calc(100dvh - 12px)}.chat-layout:not(.chat-open) .chat-window{display:none}}.chat-back-btn{background:#0000;border:0;color:#68707a;color:var(--muted);display:none;font-size:18px;line-height:1;padding:0 4px 0 0}@media (max-width:640px){.chat-back-btn{display:inline-block}}
/*# sourceMappingURL=main.39093cc2.css.map*/