.chat-layout{height:100vh;display:flex;flex-direction:column;font-family:Arial,sans-serif}.chat-header{background:#0d6efd;color:#fff;padding:10px 20px;display:flex;justify-content:space-between;align-items:center}.status{display:flex;gap:10px;align-items:center}.logout{background:#dc3545;border:none;color:#fff;padding:6px 12px;border-radius:4px;cursor:pointer}.chat-tabs{display:flex;background:#f1f1f1}.chat-tabs button{flex:1;padding:10px;border:none;cursor:pointer;background:transparent}.chat-tabs .active{background:#fff;border-bottom:2px solid #0d6efd}.chat-body{flex:1;display:flex}.session-list{width:300px;border-right:1px solid #ddd;overflow-y:auto}.session-item{padding:10px;border-bottom:1px solid #eee;cursor:pointer}.session-item:hover{background:#f8f9fa}.session-item.selected{background:#e9f2ff}.session-item strong{display:block}.status-badge{font-size:12px;color:#555}.session-detail{flex:1;padding:20px;display:flex;flex-direction:column}.placeholder,.empty{color:#777;font-size:18px}.session-header{display:flex;justify-content:space-between;align-items:center}.primary{background:#0d6efd;color:#fff;border:none;padding:8px 14px;border-radius:4px;cursor:pointer}.danger{background:#dc3545;color:#fff;border:none;padding:8px 14px;border-radius:4px;cursor:pointer}.chat-messages{flex:1;padding:16px;overflow-y:auto;background:#f5f7fa;border-radius:4px;margin-top:12px;display:flex;flex-direction:column}.chat-message{max-width:70%;margin-bottom:8px;padding:10px 14px;border-radius:12px;font-size:14px;line-height:1.4;word-break:break-word}.from-patient{background:#e7f6ec;border-left:4px solid #25D366;margin-right:auto}.from-attendant{background:#e3f2fd;border-right:4px solid #0d6efd;margin-left:auto}.system-message{background:#f1f1f1;color:#555;font-size:12px;text-align:center;margin:12px auto;padding:6px 14px;border-radius:20px;max-width:80%}.message-header{display:flex;align-items:center;gap:6px;margin-bottom:4px}.phone{font-size:11px;color:#666}.badge{font-size:10px;padding:2px 6px;border-radius:10px;font-weight:600;color:#fff}.badge.whatsapp{background:#25d366}.badge.attendant{background:#0d6efd}.badge.system{background:#6c757d}.message-meta{font-size:11px;color:#666;text-align:right;margin-top:4px}.chat-input{display:flex;gap:8px;margin-top:10px}.chat-input input{flex:1;padding:10px;border-radius:6px;border:1px solid #ccc;font-size:14px}.chat-input button{padding:0 16px;border-radius:6px;border:none;background:#1e90ff;color:#fff;cursor:pointer;font-weight:500}.chat-input button:disabled{background:#aaa;cursor:not-allowed}.typing-indicator{font-size:12px;color:#666;margin:6px 0;font-style:italic}.upload-btn{cursor:pointer;padding:0 8px;font-size:18px}.chat-message.pdf{background:#f5f5f5;border-left:4px solid #1976d2}