.messages-page{display:flex;height:calc(100vh - 60px);max-width:1200px;margin:0 auto;background:var(--color-bg-elevated);border-left:1px solid var(--color-border);border-right:1px solid var(--color-border)}.messages-sidebar{width:340px;flex-shrink:0;display:flex;flex-direction:column;border-right:1px solid var(--color-border);background:var(--color-bg-elevated)}.messages-sidebar-header{padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border-light)}.messages-sidebar-header h1{font-size:var(--text-lg);font-weight:600;color:var(--color-text);letter-spacing:-.3px}.messages-conversation-list{flex:1;overflow-y:auto}.msg-conv-item{display:flex;gap:var(--space-3);padding:var(--space-3) var(--space-4);cursor:pointer;transition:background .15s;border-bottom:1px solid var(--color-border-light)}.msg-conv-item:hover{background:#00000005}.msg-conv-item.active{background:#0000000a}.msg-conv-item.unread .msg-conv-name{font-weight:600}.msg-conv-item.unread .msg-conv-preview{color:var(--color-text);font-weight:500}.msg-conv-avatar{flex-shrink:0}.msg-avatar-img{width:44px;height:44px;border-radius:50%;object-fit:cover}.msg-avatar-initial{display:flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#e8e6e1,#f5f5f4);border:1px solid var(--color-border);font-size:var(--text-sm);font-weight:600;color:var(--color-text-secondary)}.msg-conv-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px;justify-content:center}.msg-conv-top-row{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-2)}.msg-conv-name{font-size:var(--text-sm);font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-conv-time{font-size:var(--text-xs);color:var(--color-text-secondary);flex-shrink:0}.msg-conv-bottom-row{display:flex;justify-content:space-between;align-items:center;gap:var(--space-2)}.msg-conv-preview{font-size:var(--text-xs);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.msg-unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--color-text);color:var(--color-bg-elevated);font-size:10px;font-weight:600;flex-shrink:0}.messages-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-8) var(--space-4);color:var(--color-text-secondary);gap:var(--space-2)}.messages-empty-state svg{opacity:.3}.messages-empty-state p{font-size:var(--text-sm)}.messages-empty-hint{font-size:var(--text-xs)!important;opacity:.6}.messages-thread{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--color-bg)}.messages-thread-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--color-text-secondary);gap:var(--space-3)}.messages-thread-empty svg{opacity:.2}.messages-thread-empty p{font-size:var(--text-sm);opacity:.6}.messages-thread-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-elevated)}.messages-back-btn{display:none;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm)}.messages-back-btn:hover{background:#0000000a}.messages-thread-header-avatar .msg-avatar-img{width:36px;height:36px}.messages-thread-header-avatar .msg-avatar-initial{width:36px;height:36px;font-size:var(--text-sm)}.messages-thread-header-info{flex:1;min-width:0}.messages-thread-header-info h2{font-size:var(--text-sm);font-weight:600;color:var(--color-text);line-height:1.2}.messages-typing-indicator{font-size:var(--text-xs);color:var(--color-text-secondary);font-style:italic}.messages-block-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;cursor:pointer;color:var(--color-text-secondary);border-radius:var(--radius-sm);flex-shrink:0;opacity:.5;transition:opacity .15s,color .15s}.messages-block-btn:hover{opacity:1;color:#b91c1c}.messages-block-confirm{display:none;position:absolute;inset:0;background:#fffffff2;z-index:20;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-3)}.messages-block-confirm.active{display:flex}.messages-block-confirm p{font-size:var(--text-sm);color:var(--color-text);text-align:center;max-width:280px;line-height:1.5}.messages-block-confirm-actions{display:flex;gap:var(--space-2)}.messages-block-confirm-actions button{padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);cursor:pointer;border:1px solid var(--color-border);background:var(--color-bg-elevated);color:var(--color-text)}.messages-block-confirm-actions .block-confirm-yes{background:#7f1d1d;color:#fca5a5;border-color:transparent}.messages-list{flex:1;overflow-y:auto;display:flex;flex-direction:column;padding:var(--space-4);gap:var(--space-1)}.messages-load-earlier{text-align:center;padding:var(--space-3) 0}.messages-load-earlier button{font-size:var(--text-xs);color:var(--color-text-secondary);background:none;border:none;cursor:pointer;text-decoration:underline}.msg-timestamp-sep{text-align:center;font-size:10px;color:var(--color-text-secondary);opacity:.6;padding:var(--space-2) 0;user-select:none}.msg-bubble{max-width:70%;padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.45;position:relative;word-wrap:break-word}.msg-bubble--mine{align-self:flex-end;background:var(--color-text);color:var(--color-bg-elevated);border-bottom-right-radius:4px}.msg-bubble--theirs{align-self:flex-start;background:var(--color-bg-elevated);color:var(--color-text);border:1px solid var(--color-border-light);border-bottom-left-radius:4px}.msg-bubble--deleted{opacity:.5}.msg-bubble--deleted em{font-style:italic}.msg-bubble-body{white-space:pre-wrap}.msg-bubble-time{display:block;font-size:10px;opacity:.5;margin-top:2px;text-align:right}.msg-bubble--theirs .msg-bubble-time{text-align:left}.messages-input-bar{display:flex;align-items:flex-end;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border-light);background:var(--color-bg-elevated)}.messages-input-bar textarea{flex:1;resize:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--text-sm);font-family:inherit;line-height:1.4;max-height:120px;background:var(--color-bg);color:var(--color-text);outline:none}.messages-input-bar textarea:focus{border-color:var(--color-text-secondary)}.messages-send-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--color-text);color:var(--color-bg-elevated);border-radius:50%;cursor:pointer;transition:opacity .15s;flex-shrink:0}.messages-send-btn:disabled{opacity:.3;cursor:default}.messages-send-btn:not(:disabled):hover{opacity:.8}@media(max-width:768px){.messages-page{height:calc(100vh - 56px);border:none}.messages-sidebar{width:100%}.messages-thread{display:none;position:absolute;inset:0;z-index:10;background:var(--color-bg)}.messages-page.thread-active .messages-sidebar{display:none}.messages-page.thread-active .messages-thread,.messages-back-btn{display:flex}.msg-bubble{max-width:85%}}