.messages-page{background:var(--bg-light);height:calc(100vh - 70px);height:calc(100dvh - 70px);overflow:hidden}.messages-container{display:grid;grid-template-columns:360px 1fr;height:100%;margin:0 auto;max-width:1440px;overflow:hidden}.conversations-panel{background:#fff;border-right:1px solid var(--border-color);display:flex;flex-direction:column;height:100%;overflow:hidden}.panel-header{border-bottom:1px solid var(--border-color);padding:20px 24px}.panel-header h2{color:var(--text-dark);font-family:Poppins,sans-serif;font-size:1.25rem;font-weight:700;margin:0}.search-conversations{align-items:center;background:var(--bg-light);border-radius:8px;display:flex;gap:12px;margin:16px;padding:10px 16px}.search-conversations svg{color:var(--text-gray)}.search-conversations input{background:none;border:none;flex:1 1;font-size:16px;outline:none}.search-conversations button{background:none;border:none;color:var(--text-gray);cursor:pointer;padding:4px}.conversations-list{flex:1 1;overflow-y:auto}.conversation-item{background:none;border:none;border-bottom:1px solid var(--border-color);cursor:pointer;display:flex;gap:12px;padding:16px 20px;text-align:left;transition:background .2s ease;width:100%}.conversation-item:hover{background:var(--bg-light)}.conversation-item.active{background:#c41e3a14}.conv-avatar{align-items:center;background:var(--secondary-color);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;height:48px;justify-content:center;width:48px}.conv-content{flex:1 1;min-width:0}.conv-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:4px}.conv-name{color:var(--text-dark);font-size:.95rem;font-weight:600}.conv-time{color:var(--text-gray);font-size:.75rem}.conv-product{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.75rem;gap:4px;margin-bottom:4px}.conv-preview{color:var(--text-gray);font-size:.85rem;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.no-conversations{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:60px 20px;text-align:center}.no-conversations svg{color:var(--border-color);font-size:3rem;margin-bottom:16px}.no-conversations h3{color:var(--text-dark);font-family:Poppins,sans-serif;font-size:1.1rem;margin:0 0 8px}.no-conversations p{color:var(--text-gray);font-size:.9rem;margin:0 0 20px}.chat-panel{background:#fff;display:flex;flex-direction:column;height:100%;overflow:hidden}.chat-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;flex-shrink:0;gap:16px;padding:16px 24px}.back-btn{align-items:center;background:var(--bg-light);border:none;border-radius:8px;color:var(--text-dark);cursor:pointer;display:none;height:40px;justify-content:center;width:40px}.chat-info{align-items:center;display:flex;gap:12px}.chat-fulfillment{margin-left:auto}.fulfillment-badge{align-items:center;background:#f3f4f6;border-radius:20px;color:var(--text-dark);display:inline-flex;font-size:.8rem;font-weight:600;gap:6px;padding:6px 12px;white-space:nowrap}.fulfillment-badge.status-requested{background:#fef3c7;color:#92400e}.fulfillment-badge.status-confirmed,.fulfillment-badge.status-quoted{background:#dbeafe;color:#1e40af}.fulfillment-badge.status-in_progress{background:#ede9fe;color:#5b21b6}.chat-avatar{align-items:center;background:var(--secondary-color);border-radius:50%;color:#fff;display:flex;font-size:1rem;height:44px;justify-content:center;width:44px}.chat-info h3{color:var(--text-dark);font-family:Poppins,sans-serif;font-size:1rem;font-weight:600;margin:0}.product-link{align-items:center;color:var(--primary-color);display:inline-flex;font-size:.8rem;gap:4px;text-decoration:none}.product-link:hover{text-decoration:underline}.chat-messages{display:flex;flex:1 1 auto;flex-direction:column;gap:12px;overflow-x:hidden;overflow-y:auto;padding:24px}.date-divider{align-items:center;display:flex;justify-content:center;margin:16px 0}.date-divider span{background:var(--bg-light);border-radius:20px;color:var(--text-gray);font-size:.75rem;padding:6px 16px}.message{display:flex;flex-direction:column;max-width:70%}.message.own{align-items:flex-end;margin-left:auto}.message.other{align-items:flex-start;margin-right:auto}.message-sender{color:var(--text-gray);font-size:.75rem;font-weight:600;margin-bottom:4px;padding:0 4px}.message.own .message-sender{color:var(--primary-color)}.message-bubble{border-radius:16px;padding:12px 16px}.message.own .message-bubble{background:var(--primary-color);border-bottom-right-radius:4px;color:#fff}.message.other .message-bubble{background:var(--bg-light);border-bottom-left-radius:4px;color:var(--text-dark)}.message.admin .message-bubble{background:linear-gradient(135deg,#667eea,#764ba2);border-bottom-left-radius:4px;border-bottom-right-radius:4px;color:#fff}.message.admin .message-sender{color:#667eea;font-weight:700}.message-bubble p{line-height:1.5;margin:0 0 4px}.message-time{font-size:.7rem;opacity:.7}.chat-input{border-top:1px solid var(--border-color);display:flex;flex-shrink:0;gap:12px;padding:16px 24px}.chat-input input{border:1.5px solid var(--border-color);border-radius:var(--radius-pill);flex:1 1;font-size:16px;outline:none;padding:14px 20px;transition:border-color var(--transition)}.chat-input input:focus{border-color:var(--primary-color)}.chat-input button{align-items:center;background:var(--primary-color);border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:48px;justify-content:center;transition:all .2s ease;width:48px}.chat-input button:hover:not(:disabled){background:var(--primary-dark);transform:scale(1.05)}.chat-input button:disabled{background:var(--border-color);cursor:not-allowed}.no-chat-selected{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:40px;text-align:center}.no-chat-selected svg{color:var(--border-color);font-size:4rem;margin-bottom:20px}.no-chat-selected h3{color:var(--text-dark);font-family:Poppins,sans-serif;font-size:1.25rem;margin:0 0 8px}.no-chat-selected p{color:var(--text-gray);margin:0}@media (max-width:768px){.messages-container{grid-template-columns:1fr}.conversations-panel{bottom:0;left:0;position:absolute;right:0;top:0;transform:translateX(-100%);transition:transform .3s ease;z-index:10}.conversations-panel.show{position:relative;transform:translateX(0)}.chat-panel{bottom:0;left:0;position:absolute;right:0;top:0;transform:translateX(100%);transition:transform .3s ease}.chat-panel.show{position:relative;transform:translateX(0)}.back-btn{display:flex}.message{max-width:85%}}
/*# sourceMappingURL=71.b855baf5.chunk.css.map*/