/* Basic WhatsApp-like mobile-friendly styles */
#wpchat-mobile, #wpchat-admin { font-family: Arial, sans-serif; max-width: 480px; margin: 0 auto; border:1px solid #ddd; border-radius:8px; overflow:hidden; }
#wpchat-mobile .wpchat-header { background:#075E54; color:#fff; padding:12px; font-weight:bold; text-align:center; }
.wpchat-messages { height:400px; overflow:auto; padding:10px; background:#e5ddd5; }
.msg { margin:8px 0; padding:8px; border-radius:8px; max-width:80%; }
.msg.user { background:#dcf8c6; margin-left:auto; text-align:right; }
.msg.support { background:#fff; margin-right:auto; text-align:left; }
.msg .meta { font-size:11px; color:#666; margin-bottom:4px; }
.wpchat-controls { padding:8px; background:#f0f0f0; display:flex; gap:6px; align-items:center; }
.wpchat-controls input[type="text"] { flex:1; padding:8px; border-radius:20px; border:1px solid #ccc; }
.wpchat-controls button { padding:8px 12px; border-radius:20px; background:#25D366; color:#fff; border:none; }

#wpchat-login { padding:16px; text-align:center; background:#fafafa; }
#wpchat-login input { padding:8px; width:70%; margin-bottom:8px; }
#wpchat-login button { padding:8px 12px; }

#wpchat-admin { display:flex; gap:10px; }
.wpchat-admin-list { width:35%; border-right:1px solid #ddd; padding:8px; background:#f8f8f8; max-height:600px; overflow:auto; }
.wpchat-admin-chat { width:65%; padding:8px; }
.convo-item { padding:8px; border-bottom:1px solid #eee; cursor:pointer; position:relative; }
.convo-item.unread .convo-name { font-weight:bold; }
.convo-item .badge { position:absolute; right:8px; top:12px; background:#25D366; color:#fff; padding:4px 6px; border-radius:12px; font-size:12px; }
.wpchat-admin-controls { display:flex; gap:8px; margin-top:8px; align-items:center; }