#page-whatsapp-inbox{padding-bottom:28px}
.wa-inbox-shell{display:grid;grid-template-columns:minmax(300px,390px) minmax(0,1fr);gap:16px;height:calc(100vh - 145px);min-height:620px}
.wa-inbox-panel{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 8px 22px rgba(15,23,42,.05);overflow:hidden}
.wa-inbox-list{display:flex;flex-direction:column;min-height:0}
.wa-inbox-list-head{padding:16px;border-bottom:1px solid #e8eef5;background:#fff}
.wa-inbox-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.wa-inbox-title h2{font-size:18px;margin:0;color:#0f172a}.wa-live-dot{display:inline-flex;align-items:center;gap:6px;color:#15803d;font-size:12px;font-weight:700}.wa-live-dot:before{content:"";width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 4px rgba(34,197,94,.12)}
.wa-search{margin-top:12px;position:relative}.wa-search i{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:#94a3b8}.wa-search input{width:100%;border:1px solid #dbe4ef;border-radius:10px;padding:10px 12px 10px 36px;outline:none}.wa-search input:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.1)}
.wa-conv-list{overflow:auto;min-height:0;flex:1}.wa-conv{padding:13px 14px;border-bottom:1px solid #eef2f7;cursor:pointer;display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:10px;align-items:center;transition:.16s}.wa-conv:hover{background:#f8fafc}.wa-conv.active{background:#ecfdf5;border-left:3px solid #16a34a;padding-left:11px}.wa-avatar{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:#dcfce7;color:#15803d;font-size:20px;font-weight:800}.wa-conv-main{min-width:0}.wa-conv-name{font-weight:800;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wa-conv-company{font-size:11px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:2px}.wa-conv-preview{font-size:12px;color:#475569;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}.wa-conv-meta{text-align:right;align-self:start}.wa-conv-time{font-size:10px;color:#94a3b8}.wa-unread{margin-top:7px;margin-left:auto;background:#22c55e;color:#fff;border-radius:999px;min-width:20px;height:20px;padding:0 6px;display:inline-grid;place-items:center;font-size:10px;font-weight:800}
.wa-chat{display:flex;flex-direction:column;min-width:0}.wa-chat-empty{height:100%;display:grid;place-items:center;text-align:center;color:#64748b;padding:30px;background:linear-gradient(135deg,#f8fafc,#f0fdf4)}.wa-chat-empty i{font-size:52px;color:#22c55e;margin-bottom:14px}.wa-chat-head{padding:13px 16px;border-bottom:1px solid #e8eef5;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:72px}.wa-chat-contact{display:flex;align-items:center;gap:10px;min-width:0}.wa-chat-contact h3{font-size:15px;margin:0;color:#0f172a}.wa-chat-contact p{font-size:11px;color:#64748b;margin:3px 0 0}.wa-chat-actions{display:flex;gap:8px;align-items:center}.wa-select-user{border:1px solid #dbe4ef;border-radius:8px;padding:7px 9px;font-size:12px;background:white;max-width:190px}.wa-icon-btn{border:1px solid #dbe4ef;background:#fff;border-radius:9px;width:36px;height:36px;display:grid;place-items:center;cursor:pointer;color:#475569}.wa-icon-btn:hover{background:#f8fafc}
.wa-messages{flex:1;overflow:auto;padding:22px;background-color:#efeae2;background-image:radial-gradient(rgba(15,23,42,.035) 1px,transparent 1px);background-size:18px 18px;min-height:0}.wa-msg-row{display:flex;margin:6px 0}.wa-msg-row.incoming{justify-content:flex-start}.wa-msg-row.outgoing{justify-content:flex-end}.wa-msg{max-width:min(72%,720px);padding:9px 11px 6px;border-radius:11px;box-shadow:0 1px 1px rgba(0,0,0,.08);white-space:pre-wrap;word-break:break-word;font-size:13px;line-height:1.45}.wa-msg-row.incoming .wa-msg{background:#fff;border-top-left-radius:3px}.wa-msg-row.outgoing .wa-msg{background:#d9fdd3;border-top-right-radius:3px}.wa-msg-meta{display:flex;justify-content:flex-end;gap:6px;margin-top:4px;color:#7c8795;font-size:9px}.wa-msg-author{font-weight:700;color:#4b5563;margin-bottom:3px;font-size:10px}.wa-window-warning{margin:0;padding:9px 14px;background:#fff7ed;color:#9a3412;border-top:1px solid #fed7aa;font-size:11px}.wa-composer{padding:12px 14px;border-top:1px solid #e8eef5;background:#fff;display:flex;gap:10px;align-items:flex-end}.wa-composer textarea{flex:1;min-height:44px;max-height:120px;resize:none;border:1px solid #dbe4ef;border-radius:12px;padding:11px 12px;outline:none;font:inherit}.wa-composer textarea:focus{border-color:#16a34a;box-shadow:0 0 0 3px rgba(22,163,74,.1)}.wa-send{width:44px;height:44px;border:0;border-radius:50%;background:#16a34a;color:#fff;display:grid;place-items:center;cursor:pointer;font-size:16px}.wa-send:hover{background:#15803d}.wa-send:disabled{opacity:.45;cursor:not-allowed}.wa-state{padding:28px;text-align:center;color:#64748b}.wa-state i{margin-right:6px}/* Contador WhatsApp del menú: burbuja compacta, nunca barra */
.sidebar .nav-link[data-page="whatsapp-inbox"]{position:relative;}
.sidebar .nav-link[data-page="whatsapp-inbox"] .wa-badge-menu{
  margin-left:auto!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:18px!important;
  max-width:34px!important;
  height:18px!important;
  padding:0 5px!important;
  border:0!important;
  border-radius:999px!important;
  background:#ef4444!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:18px!important;
  font-weight:800!important;
  text-align:center!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  display:none!important;
}
.sidebar .nav-link[data-page="whatsapp-inbox"] .wa-badge-menu.is-visible{display:inline-flex!important;}
/* En menú plegado queda como burbuja sobre el icono */
.sidebar.lpw-sidebar-collapsed-final .nav-link[data-page="whatsapp-inbox"] .wa-badge-menu.is-visible,
.sidebar .nav-link[data-page="whatsapp-inbox"].lpw-icon-only-final .wa-badge-menu.is-visible,
body.sidebar-collapsed .nav-link[data-page="whatsapp-inbox"] .wa-badge-menu.is-visible{
  display:inline-flex!important;
  position:absolute!important;
  right:3px!important;
  top:3px!important;
  margin:0!important;
  transform:none!important;
  z-index:5!important;
}
@media(max-width:900px){.wa-inbox-shell{grid-template-columns:1fr;height:auto;min-height:0}.wa-inbox-list{height:340px}.wa-chat{height:620px}.wa-msg{max-width:88%}}
.wa-live-warn{background:#fff7ed!important;color:#c2410c!important;border-color:#fed7aa!important}
.wa-live-error{background:#fef2f2!important;color:#b91c1c!important;border-color:#fecaca!important}

/* V587: acceso WhatsApp movido del sidebar al header, a la izquierda de Alertas */
.btn-whatsapp-top{
  position:relative!important;
  background:linear-gradient(135deg,#16a34a,#15803d)!important;
  box-shadow:0 4px 14px rgba(22,163,74,.28)!important;
}
.btn-whatsapp-top:hover{
  transform:translateY(-1px);
  box-shadow:0 7px 20px rgba(22,163,74,.38)!important;
}
.btn-whatsapp-top .whatsapp-top-count{
  position:absolute!important;
  top:-7px!important;
  right:-7px!important;
  min-width:20px!important;
  max-width:42px!important;
  height:20px!important;
  padding:0 6px!important;
  border:2px solid #fff!important;
  border-radius:999px!important;
  background:#ef4444!important;
  color:#fff!important;
  font-size:10px!important;
  line-height:16px!important;
  font-weight:800!important;
  align-items:center!important;
  justify-content:center!important;
  box-sizing:border-box!important;
  display:none!important;
}
.btn-whatsapp-top .whatsapp-top-count.is-visible{display:inline-flex!important;}
@media(max-width:700px){.btn-whatsapp-top span{display:none!important}.btn-whatsapp-top{padding:8px 10px!important}}