:root{font-family:system-ui,Segoe UI,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color:#213547;background-color:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;width:100%;min-height:100vh;background-color:inherit}#root{width:100%;min-height:100vh}.whatsapp-container{display:flex;height:calc(100vh - 100px);background-color:#f0f2f5;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.conversations-sidebar{width:350px;background-color:#fff;border-right:1px solid #e0e0e0;display:flex;flex-direction:column}.sidebar-header{padding:12px 16px;background-color:#f0f2f5;border-bottom:1px solid #e0e0e0}.search-input{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:20px;outline:none;font-size:14px;background-color:#fff}.conversations-list{flex:1;overflow-y:auto}.conversation-item{display:flex;padding:12px 16px;cursor:pointer;border-bottom:1px solid #f0f0f0;transition:background-color .2s;align-items:flex-start}.conversation-item:hover{background-color:#f5f5f5}.conversation-item.active{background-color:#e6f2fa}.avatar-container{margin-right:12px}.avatar{width:48px;height:48px;background-color:#dfe6e9;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:600;color:#636e72}.conversation-info{flex:1;display:flex;flex-direction:column;overflow:hidden}.conversation-header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:2px}.user-name{font-weight:600;font-size:15px;color:#2d3436;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timestamp{font-size:11px;color:#999;min-width:50px;text-align:right}.unit-info{font-size:12px;color:#2d3436;margin-bottom:2px;display:flex;align-items:center;gap:6px}.role-badge{font-size:10px;padding:1px 6px;border-radius:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.role-badge.propietario{background-color:#e3f2fd;color:#1565c0;border:1px solid #bbdefb}.role-badge.inquilino{background-color:#f3e5f5;color:#7b1fa2;border:1px solid #e1bee7}.role-badge.usuario{background-color:#f5f5f5;color:#616161;border:1px solid #e0e0e0}.last-message{font-size:13px;color:#636e72;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.consorcio-name{font-size:11px;color:#7f8c8d;font-weight:500;margin-top:2px}.chat-window{flex:1;display:flex;flex-direction:column;background-color:#efe7dd;background-image:url(https://user-images.githubusercontent.com/15075759/28719144-86dc0f70-73b1-11e7-911d-60d70fcded21.png);background-repeat:repeat}.chat-header{padding:10px 16px;background-color:#f0f2f5;border-bottom:1px solid #dcdcdc;display:flex;align-items:center;cursor:default}.header-details{display:flex;flex-direction:column;margin-left:10px}.header-title{font-weight:600;font-size:16px;color:#2d3436}.header-subtitle{font-size:12px;color:#636e72}.messages-container{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:8px}.message-bubble{max-width:65%;padding:8px 12px;border-radius:8px;font-size:14px;line-height:1.4;position:relative;word-wrap:break-word}.message-bubble.incoming{align-self:flex-start;background-color:#fff;border-top-left-radius:0;box-shadow:0 1px 2px #0000001a}.message-bubble.outgoing{align-self:flex-end;background-color:#dcf8c6;border-top-right-radius:0;box-shadow:0 1px 2px #0000001a}.message-time{display:block;font-size:10px;color:#999;text-align:right;margin-top:4px}.empty-state{flex:1;display:flex;align-items:center;justify-content:center;background-color:#f0f2f5;color:#636e72;font-size:14px;border-bottom:6px solid #4cd137}.conversations-list::-webkit-scrollbar,.messages-container::-webkit-scrollbar{width:6px}.conversations-list::-webkit-scrollbar-track,.messages-container::-webkit-scrollbar-track{background:#0000000d}.conversations-list::-webkit-scrollbar-thumb,.messages-container::-webkit-scrollbar-thumb{background:#0003;border-radius:3px}