/* WAG CRM 1.5.0 — operador de atención / chat compacto */
:root{
  --w15-bg:#20283a;
  --w15-rail:#242c40;
  --w15-list:#2b3448;
  --w15-list2:#333d54;
  --w15-head:#4a536b;
  --w15-thread:#252d40;
  --w15-thread2:#20283a;
  --w15-line:#46516a;
  --w15-text:#f3f5f9;
  --w15-muted:#aeb8c9;
  --w15-blue:#9fd4ff;
  --w15-green:#13b69a;
  --w15-in:#465168;
  --w15-out:#087c72;
  --w15-read:#62c9ff;
}

/* ----- estructura general: inspirada en una mesa de atención, no en un panel técnico ----- */
body{background:var(--w15-bg)!important;color:var(--w15-text)!important}
.app{grid-template-columns:250px minmax(0,1fr)!important;background:var(--w15-bg)!important}
.rail{background:var(--w15-rail)!important;border-right:1px solid #39435a!important;padding:14px 12px!important}
.brand{padding:3px 8px 16px!important}.brand-mark.small{background:#f5f7fb!important;color:#20283a!important;box-shadow:none!important}
.brand-copy b{font-size:16px!important}.brand-copy span{color:#9ca8bc!important}
.rail nav{gap:5px!important}.rail nav button{color:#e3e8f0!important;border-radius:7px!important;padding:11px 12px!important}
.rail nav button:hover{background:#30394f!important}.rail nav button.active{background:#3a465f!important;color:#a9d7ff!important}
.rail-bottom .ghost{background:transparent!important;border-color:#46516a!important;color:#e0e6ef!important}
.userbox{border-color:#46516a!important}

.page-inbox{grid-template-columns:390px minmax(0,1fr)!important;background:var(--w15-bg)!important}
.inbox-list-panel{background:var(--w15-list)!important;border-right:1px solid #445069!important}
.ticket-topbar{height:62px!important;background:var(--w15-list)!important;border-bottom:0!important;padding:10px 12px 5px!important}
.scope-tabs button{background:#374158!important;color:#dbe2ec!important;border:0!important;border-radius:9px!important;padding:9px 14px!important}
.scope-tabs button.active{background:#40506b!important;color:#a9d8ff!important;box-shadow:inset 0 0 0 1px #5b6b8a!important}
.ticket-topbar .iconbtn{background:#374158!important;border-color:#53617a!important;color:#eef3f9!important}
.ticket-search{margin:5px 12px 7px!important;background:#4a5369!important;border:0!important;border-radius:14px!important;min-height:42px!important}
.ticket-search input{color:#fff!important;font-size:13px!important}.ticket-search input::placeholder{color:#bdc5d2!important}
.workflow-tabs{display:flex!important;gap:6px!important;padding:5px 12px 9px!important;overflow-x:auto!important;background:var(--w15-list)!important}
.workflow-tabs button{flex:0 0 auto!important;background:#3c465e!important;border:0!important;border-radius:15px!important;color:#f0f3f8!important;padding:8px 12px!important;font-size:12px!important;white-space:nowrap!important}
.workflow-tabs button.active{background:#50607e!important;color:#fff!important}.workflow-tabs button.danger-tab{color:#ffc1c8!important}
.workflow-tabs em{background:#72d96e!important;color:#112115!important;min-width:19px!important;height:19px!important}
.ticket-subfilters{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:6px!important;padding:0 12px 10px!important;background:var(--w15-list)!important}
.ticket-subfilters select{background:#374158!important;border:1px solid #536079!important;color:#eef2f7!important;border-radius:9px!important;padding:8px!important;font-size:11px!important}
.conversation-list{background:var(--w15-list)!important}
.conversation-item{background:var(--w15-list)!important;border-bottom:1px solid #414c64!important;padding:12px!important;gap:10px!important}
.conversation-item:hover,.conversation-item.active{background:#3a455d!important}.conversation-item.waiting{box-shadow:inset 4px 0 #9fd4ff!important}
.conversation-item .avatar{width:42px!important;height:42px!important;background:#436379!important}.conversation-item .row b{font-size:13px!important}.conversation-item .route{color:#a6d9ff!important}.conversation-item .preview{color:#d1d8e4!important;font-size:12px!important}.conversation-item .meta{min-width:70px!important;color:#b4becd!important}
.accept-mini{background:#a8d7ff!important;color:#102136!important;border-radius:8px!important;padding:7px 10px!important;font-weight:800!important}

/* ----- chat ----- */
.chat-panel{background:var(--w15-thread)!important;position:relative!important}
.chat-active{background:var(--w15-thread)!important}
.chat-head{height:72px!important;min-height:72px!important;flex:0 0 72px!important;background:var(--w15-head)!important;border-bottom:1px solid #59637a!important;padding:8px 16px!important;box-shadow:0 1px 3px #0004!important;z-index:6!important}
.chat-head .avatar.large{width:44px!important;height:44px!important;background:#2b7180!important}
.chat-title-line b{font-size:14px!important;color:#fff!important}.chat-presence{color:#d0d6e0!important;font-size:11px!important}.chat-assigned{color:#dde3eb!important;font-size:12px!important}.chat-title #chatRoute{color:#9bf0d1!important;font-size:11px!important}
.accept-btn,.resolve-btn{background:#9fd4ff!important;color:#102037!important;border:0!important;border-radius:18px!important;padding:9px 15px!important;font-weight:800!important}.chat-actions .iconbtn{background:#3c465d!important;border-color:#66718a!important;color:#fff!important}
.route-warning{background:#6a562c!important;border-color:#8c7139!important;color:#fff0bc!important}

#messageList.message-list{
  display:block!important;flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;overflow-x:hidden!important;
  padding:18px 22px 24px!important;margin:0!important;background-color:var(--w15-thread)!important;
  background-image:radial-gradient(circle at 18px 18px,rgba(255,255,255,.027) 1.2px,transparent 1.4px),radial-gradient(circle at 46px 46px,rgba(255,255,255,.018) 1px,transparent 1.2px)!important;
  background-size:64px 64px!important;scroll-behavior:auto!important;scrollbar-color:#7a849a66 transparent!important;
}
.wag-thread-loading{width:max-content;max-width:90%;margin:34px auto;padding:9px 13px;border-radius:11px;background:#3c465c;color:#dfe5ed;font-size:12px;box-shadow:0 1px 4px #0004}
.wag-thread-loading span,.media-spinner{display:inline-block;width:15px;height:15px;border:2px solid #ffffff3d;border-top-color:#8ed8ff;border-radius:50%;animation:wagSpin .7s linear infinite}@keyframes wagSpin{to{transform:rotate(360deg)}}
.wag-message-row{display:flex!important;width:min(100%,1120px)!important;min-width:0!important;height:auto!important;min-height:0!important;margin:3px auto!important;padding:0!important;position:relative!important;align-items:flex-end!important;content-visibility:auto;contain-intrinsic-size:40px}
.wag-message-row.in{justify-content:flex-start!important}.wag-message-row.out{justify-content:flex-end!important}.wag-message-row.grouped-prev{margin-top:1px!important}.wag-message-row.grouped-next{margin-bottom:1px!important}
.wag-bubble{display:block!important;position:relative!important;width:fit-content!important;min-width:74px!important;max-width:min(68%,620px)!important;margin:0!important;padding:7px 9px 5px!important;border:0!important;border-radius:9px!important;background:var(--w15-in)!important;color:#fff!important;-webkit-text-fill-color:#fff!important;box-shadow:0 1px 2px #0005!important;overflow:visible!important;font:400 14px/1.38 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important}
.wag-bubble.out{background:var(--w15-out)!important}.wag-bubble.failed{outline:1px solid #ff7c89!important}.wag-message-row.in:not(.grouped-prev) .wag-bubble{border-top-left-radius:3px!important}.wag-message-row.out:not(.grouped-prev) .wag-bubble{border-top-right-radius:3px!important}.wag-bubble.has-media{padding:4px 4px 5px!important}
.wag-message-content{display:block!important;width:auto!important;max-width:100%!important;overflow:visible!important}.wag-message-text{display:block!important;min-height:18px!important;margin:0!important;padding:0 2px!important;color:#fff!important;-webkit-text-fill-color:#fff!important;white-space:pre-wrap!important;overflow-wrap:anywhere!important;font-size:14px!important;line-height:1.38!important}.wag-message-empty{color:#d0d6e0!important;-webkit-text-fill-color:#d0d6e0!important;font-style:italic!important}
.wag-message-meta{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:3px!important;margin:2px 1px 0 28px!important;color:#c5ceda!important;font-size:10px!important;line-height:1!important;white-space:nowrap!important}.wag-message-status{font-weight:900!important;letter-spacing:-1px!important;color:#c9d2dc!important}.wag-message-status.read,.wag-message-status.played{color:var(--w15-read)!important}.wag-message-status.queued,.wag-message-status.pending{color:#f2d06d!important}.wag-message-status.failed{color:#ff8b96!important}
.wag-day-divider{display:flex!important;justify-content:center!important;width:min(100%,1120px)!important;margin:14px auto!important}.wag-day-divider span{display:inline-block!important;background:#33415a!important;color:#edf1f6!important;padding:6px 13px!important;border-radius:9px!important;font-size:11px!important;box-shadow:0 1px 3px #0005!important}.wag-thread-empty{width:max-content;max-width:80%;margin:42px auto!important;padding:10px 14px!important;border-radius:10px!important;background:#39445a!important;color:#ccd5e0!important}

/* multimedia */
.wag-media-box,.wag-audio-wrap{display:block!important;width:auto!important;max-width:100%!important;margin:0 0 4px!important}.wag-media-open{position:relative!important;display:block!important;width:auto!important;max-width:100%!important;padding:0!important;border:0!important;border-radius:8px!important;background:#111827!important;overflow:hidden!important;cursor:zoom-in!important}.wag-media-image{display:block!important;width:auto!important;max-width:min(390px,46vw)!important;max-height:440px!important;height:auto!important;border-radius:8px!important;object-fit:contain!important;background:#111827!important}.wag-media-box.sticker .wag-media-image{max-width:210px!important;max-height:210px!important;background:transparent!important}.wag-media-zoom{position:absolute;right:8px;bottom:8px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:#101722bd;color:#fff;font-size:15px;opacity:0;transition:.15s}.wag-media-open:hover .wag-media-zoom{opacity:1}.wag-media-video{display:block!important;width:min(390px,46vw)!important;max-width:100%!important;max-height:440px!important;border-radius:8px!important;background:#000!important}.wag-media-audio{display:block!important;width:min(340px,42vw)!important;max-width:100%!important;height:42px!important;margin:3px 2px!important}
.wag-media-fallback{display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:7px!important;width:280px!important;max-width:48vw!important;min-height:130px!important;padding:14px!important;border:1px dashed #71809a!important;border-radius:9px!important;background:#364157!important;color:#eef2f7!important;text-align:center!important}.wag-media-fallback.hidden{display:none!important}.wag-media-fallback>span:not(.media-spinner){font-size:29px!important}.wag-media-fallback b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wag-media-fallback small{color:#c2cad6!important;line-height:1.3}.wag-media-fallback button{border:0;border-radius:8px;background:#9fd4ff;color:#12223a;padding:7px 10px;font-weight:800}.wag-media-fallback.media-pending{border-style:solid!important}.wag-media-fallback.media-failed{border-color:#a86571!important;background:#4d3744!important}.wag-document{display:flex!important;align-items:center!important;gap:10px!important;min-width:240px!important;max-width:420px!important;padding:10px 12px!important;border:1px solid #5a667e!important;border-radius:8px!important;background:#343f55!important;color:#fff!important;text-decoration:none!important}.wag-document-icon{font-size:24px}.wag-document b{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wag-document small{display:block;color:#9fd4ff!important}
.wag-image-viewer{display:grid;place-items:center;min-height:320px;max-height:76vh;overflow:auto;background:#161d2a;border-radius:10px;padding:10px}.wag-image-viewer img{display:block;max-width:100%;max-height:72vh;object-fit:contain;border-radius:8px}

/* mensaje: acciones y respuesta */
.wag-message-menu{position:absolute;right:5px;top:3px;opacity:0;border:0;background:#11182799;color:#fff;border-radius:50%;width:23px;height:23px;z-index:5;transition:.12s}.wag-message-row:hover .wag-message-menu{opacity:1}.wag-message-actions{position:absolute;z-index:35;top:28px;right:4px;display:grid;min-width:160px;padding:5px;border-radius:9px;background:#313b50;box-shadow:0 10px 28px #0009;border:1px solid #59657e}.wag-message-actions button,.wag-message-actions a{border:0;background:transparent;color:#fff;text-decoration:none;text-align:left;padding:9px 10px;border-radius:6px;font-size:12px}.wag-message-actions button:hover,.wag-message-actions a:hover{background:#46516a}.wag-message-row.in .wag-message-actions{left:4px;right:auto}.wag-quoted{display:grid;gap:2px;min-width:150px;margin:0 0 5px;padding:6px 8px;border-left:3px solid #9fd4ff;border-radius:5px;background:#17202d80;cursor:pointer}.wag-quoted b{font-size:10px;color:#9fd4ff}.wag-quoted span{font-size:11px;color:#e2e7ee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wag-highlight .wag-bubble{animation:wagflash 1.1s}@keyframes wagflash{35%{box-shadow:0 0 0 3px #9fd4ff99}100%{box-shadow:0 1px 2px #0005}}
.wag-older-wrap{display:flex;justify-content:center;width:min(100%,1120px);margin:3px auto 10px}.wag-older-wrap button{border:1px solid #59657e;background:#39445b;color:#eef2f7;border-radius:999px;padding:7px 12px;font-size:11px}

/* compositor grande y claro */
.composer-wrap{background:#2b3448!important;border-top:1px solid #4b5871!important;position:relative!important;z-index:5!important}.composer-tools{display:flex!important;align-items:center!important;gap:4px!important;padding:7px 14px 2px!important}.tool-link{border:0!important;background:transparent!important;color:#edf1f6!important;padding:6px 9px!important;border-radius:8px!important;font-size:12px!important;font-weight:650!important}.tool-link:hover{background:#3d485f!important}.composer{padding:6px 12px 10px!important;gap:7px!important}.composer textarea{min-height:44px!important;background:#465168!important;border:0!important;border-radius:18px!important;padding:11px 14px!important;color:#fff!important;font-size:14px!important}.composer textarea::placeholder{color:#c1cad5!important}.composer-btn{color:#eef2f7!important}.send-btn{width:44px!important;height:44px!important;background:#9fd4ff!important;color:#13243c!important;box-shadow:none!important}.reply-picker{background:#333e54!important;border-color:#5a6680!important;bottom:92px!important}.reply-item:hover{background:#46516a!important}
.reply-bar{margin:7px 12px 0!important;padding:9px 12px!important;border-left:4px solid #9fd4ff!important;border-radius:8px!important;background:#39445b!important;color:#fff!important}.reply-bar b{color:#9fd4ff!important}.reply-bar span{color:#dbe2eb!important}
.attachment-stage{margin:8px 12px 2px!important;padding:10px!important;border:1px solid #5a667e!important;border-radius:12px!important;background:#39445a!important}.attachment-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.attachment-head b{font-size:12px}.attachment-head button{border:0;background:#4b5871;color:#fff;border-radius:8px;padding:6px 9px}.attachment-grid{display:flex;gap:8px;overflow-x:auto}.attachment-card{position:relative;display:grid;grid-template-columns:72px minmax(130px,1fr) 24px;align-items:center;gap:8px;min-width:270px;max-width:360px;padding:7px;border-radius:10px;background:#2b3448;border:1px solid #59657c}.attachment-thumb{width:72px;height:64px;display:grid;place-items:center;overflow:hidden;border-radius:8px;background:#1d2433;font-size:29px}.attachment-thumb img{width:100%;height:100%;object-fit:cover}.attachment-info{display:grid;gap:3px;min-width:0}.attachment-info b{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.attachment-info span{font-size:11px;color:#c2cad6}.attachment-info i{display:block;width:100%;height:3px;border-radius:999px;background:linear-gradient(90deg,#9fd4ff var(--p),#5a667e var(--p))}.attachment-remove{border:0;background:#55627a;color:#fff;width:24px;height:24px;border-radius:50%}
.send-state{position:absolute;left:12px;right:12px;bottom:76px;z-index:18;padding:8px 11px;border-radius:9px;font-size:11px;box-shadow:0 8px 22px #0007;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.send-state.queued{background:#6a562c;color:#fff0bc}.send-state.ok{background:#2c5d4e;color:#d7fff1}.send-state.error{background:#6a3842;color:#ffe0e4}

/* panel lateral flotante */
.contact-panel{display:block!important;position:absolute!important;top:0!important;right:0!important;width:360px!important;height:100%!important;z-index:50!important;background:#2b3448!important;border-left:1px solid #56627b!important;box-shadow:-18px 0 44px #0008!important;transform:translateX(102%)!important;transition:transform .2s ease!important;overflow:auto!important}.page-inbox.contact-open .contact-panel{transform:none!important}.contact-close{position:sticky;top:10px;float:right;margin:10px 10px 0 0;z-index:3;width:34px;height:34px;border-radius:50%;border:1px solid #5c6982;background:#3a455d;color:#fff;font-size:22px}.contact-panel .info-block{border-color:#46516a!important}.contact-panel select,.contact-panel textarea,.contact-panel .route-card{background:#39445b!important;border-color:#59657d!important;color:#fff!important}

/* centro de mensajes */
.message-center{position:fixed;right:14px;top:78px;z-index:70}.message-center-btn{position:relative;width:42px;height:42px;border:1px solid #59657d;border-radius:11px;background:#3a455d;color:#fff;font-size:18px;box-shadow:0 8px 25px #0005}.message-center-btn em{position:absolute;right:-5px;top:-5px;min-width:19px;height:19px;padding:0 5px;display:grid;place-items:center;border-radius:999px;background:#ff5b69;color:#fff;font:800 10px/1 sans-serif}.message-center-btn em:empty{display:none}.message-center-panel{position:absolute;right:0;top:49px;width:min(390px,92vw);max-height:480px;overflow:hidden;border:1px solid #59657d;border-radius:12px;background:#2b3448;box-shadow:0 18px 50px #000a}.message-center-panel.hidden{display:none}.message-center-head{display:flex;align-items:center;justify-content:space-between;padding:11px 13px;border-bottom:1px solid #46516a}.message-center-list{max-height:420px;overflow:auto}.message-center-list>button{width:100%;display:grid;grid-template-columns:38px 1fr auto;gap:9px;align-items:center;text-align:left;border:0;border-bottom:1px solid #414c63;background:transparent;color:#fff;padding:9px 11px}.message-center-list>button:hover{background:#3a455d}

@media(max-width:1280px){.app{grid-template-columns:80px minmax(0,1fr)!important}.brand-copy,.rail nav button b,.rail-label,.userbox>div:nth-child(2){display:none!important}.rail nav button{justify-content:center!important}.rail nav button span{width:auto!important}.page-inbox{grid-template-columns:360px minmax(0,1fr)!important}.wag-message-row{width:100%!important}.wag-bubble{max-width:76%!important}}
@media(max-width:760px){.app{display:block!important}.rail{position:fixed;inset:0 auto 0 0;width:260px;transform:translateX(-105%);transition:.2s;z-index:90}.rail.open{transform:none}.brand-copy,.rail nav button b,.rail-label,.userbox>div:nth-child(2){display:block!important}.page-inbox{grid-template-columns:1fr!important}.ticket-subfilters{grid-template-columns:1fr!important}.chat-head{height:64px!important;min-height:64px!important;flex-basis:64px!important;padding:6px 8px!important}.chat-assigned{display:none!important}.chat-actions .resolve-btn{display:none!important}#messageList.message-list{padding:10px 7px 14px!important}.wag-message-row{width:100%!important}.wag-bubble{max-width:88%!important}.wag-media-image,.wag-media-video{max-width:min(330px,82vw)!important}.wag-media-audio{width:min(310px,80vw)!important}.wag-media-fallback{max-width:82vw!important}.wag-message-menu{opacity:.7!important}.composer-tools{overflow-x:auto!important;padding-left:8px!important}.tool-link{white-space:nowrap!important}.contact-panel{position:fixed!important;top:48px!important;bottom:0!important;height:auto!important;width:94vw!important}.message-center{top:5px;right:7px}}