/* PREVIEW — tema WhatsApp Web para Conversas (gestor + comercial). Só visual. */
:root{--waw-bg:#efeae2;--waw-panel:#f0f2f5;--waw-in:#ffffff;--waw-out:#d9fdd3;--waw-green:#25d366;--waw-teal:#008069;--waw-text:#111b21;--waw-sub:#667781;--waw-line:#e9edef}
/* ---- Gestor ---- */
#view-conversas .page-title{display:none}
#view-conversas .whatsapp-container{height:calc(100vh - 110px)!important;border-radius:0!important;border:1px solid var(--waw-line)!important;box-shadow:0 1px 3px rgba(11,20,26,.08);overflow:hidden;background:#fff;display:flex}
#view-conversas .wa-sidebar{width:400px!important;min-width:340px;border-right:1px solid var(--waw-line)!important;background:#fff;display:flex;flex-direction:column}
#view-conversas .wa-sidebar>.wa-header{background:var(--waw-panel)!important;height:60px;padding:10px 16px!important;border-bottom:none!important}
#view-conversas .wa-sidebar>div:nth-child(2){background:#fff!important;border-bottom:1px solid var(--waw-line)!important;padding:8px 12px!important}
#view-conversas .search-bar{background:var(--waw-panel)!important;border-radius:8px!important;border:none!important;padding:6px 12px!important}
#view-conversas .search-bar input{background:transparent!important;border:none!important;font-size:14px!important}
#view-conversas .filter-tabs{gap:8px!important;display:flex!important}
#view-conversas .filter-tab{background:var(--waw-panel)!important;color:var(--waw-sub)!important;border-radius:999px!important;padding:5px 12px!important;font-size:13px!important;border:none!important;font-weight:500!important}
#view-conversas .filter-tab.active{background:#d9fdd3!important;color:#008069!important;font-weight:600!important}
#view-conversas #lista-conversas-global{flex:1;overflow-y:auto}
#view-conversas .wa-chat-item{padding:0 0 0 13px!important;gap:13px!important;border-bottom:none!important;align-items:center;height:72px}
#view-conversas .wa-chat-item>*:not(.avatar){border-bottom:1px solid var(--waw-line);height:100%;display:flex;flex-direction:column;justify-content:center;padding-right:15px;min-width:0}
#view-conversas .wa-chat-item:hover{background:#f5f6f6!important}#view-conversas .wa-chat-item.active{background:#f0f2f5!important}
#view-conversas .wa-chat-item .avatar{width:49px!important;height:49px!important;background:#dfe5e7!important;color:#54656f!important;font-weight:600!important}
#view-conversas .wa-chat-area{flex:1;display:flex;flex-direction:column;min-width:0;background:var(--waw-bg)}
#view-conversas #wa-chat-top{background:var(--waw-panel)!important;min-height:60px;height:auto!important;padding:8px 16px!important;border-bottom:1px solid var(--waw-line)!important}
#view-conversas #wa-chat-top .btn-custom{border-radius:999px!important;padding:6px 12px!important;font-weight:600}
#view-conversas #wa-active-name{color:var(--waw-text)!important;font-weight:500!important}
#view-conversas .wa-messages,#msgs-whats{background-color:var(--waw-bg)!important;background-image:radial-gradient(rgba(0,0,0,.035) 1px,transparent 1px)!important;background-size:18px 18px!important;padding:20px 7% !important;gap:2px!important}
#view-conversas .wa-input{background:var(--waw-panel)!important;padding:8px 16px!important;gap:10px;border-top:none!important;align-items:center}
#view-conversas #wa-txt-input{border-radius:8px!important;padding:11px 14px!important;font-size:15px!important;background:#fff}
#view-conversas .wa-attach-btn,#view-conversas .wa-mic-btn{background:transparent!important;color:#54656f!important;font-size:20px!important;border:none!important}
/* ---- Bolhas (ambos) ---- */
.bubble{max-width:65%!important;border-radius:7.5px!important;padding:6px 8px 8px 9px!important;font-size:14.2px!important;color:var(--waw-text)!important;box-shadow:0 1px .5px rgba(11,20,26,.13)!important;margin:1px 0}
.bubble.in{background:var(--waw-in)!important;border-top-left-radius:0!important}
.bubble.out{background:var(--waw-out)!important;border-top-right-radius:0!important}
.bubble b:first-child{color:#008069!important;font-weight:600!important;font-size:12.5px!important}
.bubble-time{font-size:11px!important;color:var(--waw-sub)!important;margin-top:2px!important}
.bubble-time .fa-check-double[style*="53bdeb"],.bubble-time .text-primary{color:#53bdeb!important}
.chat-day-sep{background:#fff!important;color:#54656f!important;border-radius:7.5px!important;box-shadow:0 1px .5px rgba(11,20,26,.13)!important;font-size:12.5px!important;padding:5px 12px!important;margin:12px auto!important;display:table!important;text-transform:uppercase}
.bubble img{border-radius:6px}
.conv-tag{display:inline-block;font-size:10px;font-weight:700;border-radius:999px;padding:1px 7px;margin-left:4px;vertical-align:middle;max-width:130px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.conv-tag-ia{background:#d9fdd3;color:#008069}.conv-tag-hum{background:#fef3c7;color:#92400e}
#view-conversas .filter-tabs{flex-wrap:wrap}