.messages-inbox{display:flex;flex-direction:column;gap:clamp(2px,0.5vw,4px)}.messages-inbox__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:clamp(0.5rem,2vw,1rem);margin-bottom:clamp(1rem,3vw,1.5rem)}.messages-inbox__header .btn{min-height:48px;padding:clamp(10px,2vw,12px) clamp(14px,3vw,20px)}.message-conversation-card{display:flex;align-items:center;gap:clamp(12px,3vw,16px);padding:clamp(12px,3vw,16px);background:var(--bg-secondary);border:1px solid var(--border);border-radius:8px;cursor:pointer;transition:all 0.2s ease;min-height:72px;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.message-conversation-card:hover{background:var(--bg-hover);border-color:var(--accent)}.message-conversation-card--unread{background:var(--accent-light);border-color:var(--accent)}.message-conversation-card__avatar{width:48px;height:48px;border-radius:50%;flex-shrink:0;object-fit:cover}.message-conversation-card__content{flex:1;min-width:0}.message-conversation-card__header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.message-conversation-card__name{font-size:clamp(0.875rem,1.5vw + 0.25rem,1rem);font-weight:600;color:var(--text-primary)}.message-conversation-card--unread .message-conversation-card__name{font-weight:700}.message-conversation-card__preview{font-size:clamp(0.8125rem,1.25vw + 0.25rem,0.875rem);color:var(--text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.message-conversation-card__meta{display:flex;align-items:center;gap:12px;flex-shrink:0}.message-conversation-card__time{font-size:clamp(0.75rem,1vw + 0.25rem,0.8125rem);color:var(--text-muted)}.message-conversation-card__unread-badge{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 6px;font-size:clamp(0.6875rem,1vw + 0.125rem,0.75rem);font-weight:700;color:var(--bg-primary);background:var(--accent);border-radius:11px}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.compose-modal{width:100%;max-width:560px;max-height:90vh;overflow-y:auto;background:var(--bg-modal);border-radius:12px;box-shadow:0 20px 50px rgba(0,0,0,0.3)}.modal__header{display:flex;align-items:center;justify-content:space-between;padding:clamp(16px,4vw,20px) clamp(16px,4vw,24px);border-bottom:1px solid var(--border)}.modal__title{font-size:clamp(1.125rem,2vw + 0.5rem,1.25rem);font-weight:700;color:var(--text-primary);margin:0}.modal__close{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;transition:all 0.2s ease;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.modal__close:hover{background:var(--bg-hover);color:var(--text-primary)}.modal__body{padding:clamp(16px,4vw,24px)}.modal__footer{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:clamp(8px,2vw,12px);padding:clamp(12px,3vw,16px) clamp(16px,4vw,24px);border-top:1px solid var(--border);background:var(--bg-tertiary);border-radius:0 0 12px 12px}.modal__footer .btn{min-height:48px;padding:clamp(10px,2vw,12px) clamp(16px,3vw,24px)}.conversation-view{display:flex;flex-direction:column;height:100%}.conversation-header{display:flex;align-items:center;gap:12px;padding:16px;border-bottom:1px solid var(--border);background:var(--bg-secondary)}.conversation-back{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;background:transparent;border:none;border-radius:8px;color:var(--text-secondary);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.conversation-back:hover{background:var(--bg-hover);color:var(--text-primary)}.conversation-messages{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:clamp(12px,3vw,16px);display:flex;flex-direction:column;gap:clamp(12px,3vw,16px)}.message-bubble{max-width:80%;padding:clamp(10px,2vw,12px) clamp(12px,3vw,16px);border-radius:12px;background:var(--bg-tertiary);font-size:clamp(0.875rem,1.5vw + 0.25rem,0.9375rem);line-height:1.5}.message-bubble--own{align-self:flex-end;background:var(--accent);color:var(--bg-primary)}.message-bubble--other{align-self:flex-start}.message-bubble__time{font-size:clamp(0.6875rem,1vw + 0.125rem,0.75rem);color:var(--text-muted);margin-top:4px}.message-bubble--own .message-bubble__time{color:rgba(0,0,0,0.6)}.conversation-compose{display:flex;align-items:flex-end;gap:clamp(8px,2vw,12px);padding:clamp(10px,2vw,12px) clamp(12px,3vw,16px);border-top:1px solid var(--border);background:var(--bg-secondary)}.conversation-compose textarea{flex:1;resize:none;min-height:44px;max-height:120px;font-size:16px;padding:8px 12px;border:1px solid var(--border);border-radius:6px;background:var(--bg-tertiary);color:var(--text-primary);font-family:inherit;transition:all 0.2s ease}.conversation-compose textarea:focus{outline:none;border-color:var(--accent);background:var(--bg-secondary)}.conversation-compose button{min-height:44px;min-width:44px;padding:8px 16px;flex-shrink:0}@media (max-width:768px){.conversation-compose{gap:10px;padding:12px 12px}.conversation-compose textarea{min-height:80px;max-height:150px;font-size:16px}.conversation-compose button{min-width:48px;padding:12px}}