.chat-grid{display:grid;grid-template-columns:350px 1fr;min-height:calc(100vh - 150px);height:100%}.sidebar{display:flex;flex-direction:column;overflow:hidden;height:100%;padding:1rem;background-color:var(--colum-grid-colum-bg);border-right:1px solid var(--border-colum)}.search-box{padding:0 0 1rem 0;border-bottom:1px solid var(--border-colum);margin-bottom:1rem}.search-box input{width:100%;padding:0.8rem;border-radius:2rem;border:1px solid var(--border-colum);background:var(--input-bg,white)}.chats-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:0.5rem}.chat-item{display:flex;align-items:center;padding:0.75rem;border-radius:var(--border-radius);cursor:pointer;transition:background 0.2s;border:1px solid transparent}.chat-item:hover{background:var(--colum-grid-colum-bg);border-color:var(--border-colum)}.chat-item.active{background:var(--colum-grid-colum-bg);border-color:var(--link-color)}.chat-avatar{width:49px;height:49px;border-radius:50%;background:var(--link-color);margin-right:1rem;display:flex;align-items:center;justify-content:center;color:white;font-weight:bold;flex-shrink:0}.chat-info{flex:1;min-width:0}.chat-name{font-weight:600;color:var(--text-color)}.chat-last-message{font-size:0.9rem;color:var(--color-999);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-meta{font-size:0.75rem;color:var(--color-999)}.chat-main{display:flex;flex-direction:column;overflow:hidden;height:100%;padding:1rem}.chat-header{display:flex;align-items:center;padding:0 0 1rem 0;border-bottom:1px solid var(--border-colum);margin-bottom:1rem}.chat-header-info{flex:1;margin-left:1rem}.chat-header-name{font-weight:600;font-size:1.2rem}.chat-header-status{font-size:0.9rem;color:var(--color-999)}.messages-container{flex:1;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:1rem;background-color:var(--header-bg);background:url('https://img.sakh.top/0212c7da-34c1-4aff-a6e8-4cb820543a9b.png')}.message{max-width:70%;display:flex;flex-direction:column}.message.out{align-self:flex-end}.message.in{align-self:flex-start;background:var(--main-bg)}.message-bubble{padding:0.8rem 1rem;border-radius:var(--border-radius);position:relative;box-shadow:var(--shadow-main)}.message.out .message-bubble{background:var(--link-color);color:white;border-top-right-radius:0;position:relative}.message.out .message-bubble::before{content:'';position:absolute;top:0;right:-8px;width:0;height:0;border-top:8px solid var(--link-color);border-right:8px solid transparent}[data-theme="dark"] .message.out .message-bubble::before{border-top-color:var(--link-color)}.message.in .message-bubble{background:var(--colum-grid-colum-bg);border-top-left-radius:0;position:relative}.message.in .message-bubble::before{content:'';position:absolute;top:0;left:-8px;width:0;height:0;border-top:8px solid var(--colum-grid-colum-bg);border-left:8px solid transparent}[data-theme="dark"] .message.in .message-bubble::before{border-top-color:var(--colum-grid-colum-bg)}.message-text{margin-bottom:0.3rem;line-height:1.4}.message-time{font-size:0.7rem;text-align:right;opacity:0.8}.message.out .message-time{color:rgba(255,255,255,0.8)}.message.in .message-time{color:var(--color-999)}.message-input{display:flex;gap:0.5rem;padding:1rem 0 0 0;border-top:1px solid var(--border-colum);margin-top:1rem}.message-input textarea{flex:1;padding:0.8rem;border-radius:var(--border-radius);border:1px solid var(--border-colum);background:var(--main-bg);resize:none;min-height:50px;max-height:120px;font-family:var(--font-family);font-size:1rem;color:var(--text-color)}.message-input textarea:focus{outline:none;border-color:var(--link-color)}.message-input button{width:50px;height:50px;border-radius:50%;background:var(--link-color);color:white;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.2rem;padding:0;transition:all 0.3s ease}.message-input button:hover{background:var(--link-hover);transform:translateY(-2px)}.chats-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:6px}.chats-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:var(--colum-grid-colum-bg)}.chats-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:var(--color-999);border-radius:3px}.chats-list::-webkit-scrollbar-thumb:hover,.messages-container::-webkit-scrollbar-thumb:hover{background:var(--link-color)}@media (max-width:1494px){.chat-grid{margin:0}}@media (max-width:1024px){.chat-grid{grid-template-columns:280px 1fr}}@media (max-width:768px){.chat-grid{grid-template-columns:1fr}.sidebar{display:none}.message{max-width:85%}}@media (max-width:480px){.message{max-width:90%}.message-input{flex-direction:column}.message-input button{width:100%;height:40px;border-radius:var(--border-radius)}}