:root{--wa-green:#2f6f4e;--wa-deep:#18382a;--wa-cream:#f5f0e5;--wa-line:#e5dfd0;--wa-muted:#718078}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#eef3ef;color:#25332c;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body.admin-bar .nbox-wa-topbar{top:32px}
.nbox-whatsapp-central-app{min-height:100vh;background:linear-gradient(180deg,#f8fbf8,#eef3ef)}
.nbox-wa-boot{min-height:100vh;display:flex;align-items:center;justify-content:center;gap:12px;color:var(--wa-deep)}
.nbox-wa-boot span,.nbox-wa-button-spinner{width:22px;height:22px;border:3px solid rgba(47,111,78,.16);border-top-color:var(--wa-green);border-radius:50%;animation:nbox-wa-spin .7s linear infinite}
@keyframes nbox-wa-spin{to{transform:rotate(360deg)}}
.nbox-wa-shell{height:100vh;display:flex;flex-direction:column;max-width:1800px;margin:0 auto;background:#f8fbf8}
body.admin-bar .nbox-wa-shell{height:calc(100vh - 32px)}
.nbox-wa-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:13px 20px;border-bottom:1px solid rgba(31,74,54,.1);background:rgba(255,255,255,.96);backdrop-filter:blur(10px)}
.nbox-wa-topbar>div,.nbox-wa-topbar nav{display:flex;align-items:center;gap:12px}.nbox-wa-topbar>div>div{display:grid;gap:1px}.nbox-wa-topbar strong{font-size:16px;color:var(--wa-deep)}.nbox-wa-topbar small{font-size:11px;color:var(--wa-muted)}
.nbox-wa-brand{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,#1f4a36,#3a7e59);color:#fff;font-weight:800;box-shadow:0 8px 18px rgba(31,74,54,.18)}
.nbox-wa-topbar a,.nbox-wa-summary button{border:1px solid rgba(31,74,54,.15);border-radius:10px;padding:8px 11px;background:#fff;color:var(--wa-deep);font-size:12px;font-weight:700;text-decoration:none;cursor:pointer}.nbox-wa-topbar a:hover,.nbox-wa-summary button:hover{background:#eef5ef}
.nbox-wa-live{display:flex;align-items:center;gap:6px;color:#527061;font-size:11px;font-weight:700}.nbox-wa-live i{width:7px;height:7px;border-radius:50%;background:#32a45e;box-shadow:0 0 0 4px rgba(50,164,94,.12)}
.nbox-wa-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 18px;border-bottom:1px solid rgba(31,74,54,.08);background:#f8fbf8}.nbox-wa-summary>div{display:flex;align-items:baseline;gap:10px}.nbox-wa-summary strong{color:var(--wa-deep);font-size:15px}.nbox-wa-summary span{color:var(--wa-muted);font-size:11px}.nbox-wa-summary button:disabled{opacity:.55;cursor:progress}
.nbox-wa-alert{margin:8px 18px 0;padding:9px 12px;border:1px solid #b8ddc4;border-radius:10px;background:#edf9f1;color:#24603e;font-size:12px}.nbox-wa-alert.is-error{border-color:#ecc5c1;background:#fff1ef;color:#9d332d}
.nbox-wa-central{flex:1;min-height:0;margin:10px 12px 12px;display:grid;grid-template-columns:minmax(280px,34%) minmax(0,1fr);overflow:hidden;border:1px solid var(--wa-line);border-radius:18px;background:#fff;box-shadow:0 16px 42px rgba(31,74,54,.07)}
.nbox-wa-inbox{min-width:0;display:grid;grid-template-rows:auto minmax(0,1fr);border-right:1px solid var(--wa-line);background:#fbf8f0}
.nbox-wa-inbox__tools{display:grid;grid-template-columns:minmax(0,1fr) 145px;gap:8px;padding:10px 12px;border-bottom:1px solid var(--wa-line)}
.nbox-wa-inbox__tools input,.nbox-wa-inbox__tools select,.nbox-wa-compose textarea{width:100%;border:1px solid #d8d4c9;border-radius:12px;background:#fff;color:#25332c;font:inherit}.nbox-wa-inbox__tools input,.nbox-wa-inbox__tools select{height:42px;padding:0 11px;font-size:13px}.nbox-wa-inbox__tools input:focus,.nbox-wa-inbox__tools select:focus,.nbox-wa-compose textarea:focus{border-color:var(--wa-green);box-shadow:0 0 0 3px rgba(47,111,78,.11);outline:0}
.nbox-wa-conversation-list{min-height:0;overflow:auto}.nbox-wa-conversation{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:12px 14px;border:0;border-bottom:1px solid #ece6d8;background:transparent;color:inherit;text-align:left;cursor:pointer}.nbox-wa-conversation:hover{background:#f2eee2}.nbox-wa-conversation.is-active{background:#eaf4ed;box-shadow:inset 3px 0 var(--wa-green)}
.nbox-wa-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#4b916b;color:#fff;font-size:13px;font-weight:800}.nbox-wa-avatar.is-large{width:44px;height:44px;font-size:15px}
.nbox-wa-conversation__body{display:grid;min-width:0;gap:4px}.nbox-wa-conversation__body>span{display:flex;justify-content:space-between;align-items:center;gap:8px}.nbox-wa-conversation__body strong,.nbox-wa-conversation__body small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nbox-wa-conversation__body strong{color:var(--wa-deep);font-size:13px}.nbox-wa-conversation__body small{color:#68756e;font-size:11px}.nbox-wa-conversation__body time{flex:0 0 auto;color:#849087;font-size:9px}.nbox-wa-unread{min-width:20px;height:20px;display:grid;place-items:center;border-radius:99px;background:var(--wa-green);color:#fff;font-size:10px}
.nbox-wa-chat{min-width:0;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:var(--wa-cream)}
.nbox-wa-chat__head{display:flex;align-items:center;gap:11px;padding:9px 14px;border-bottom:1px solid var(--wa-line);background:#fff}.nbox-wa-chat__head>div{min-width:0;flex:1;display:grid;gap:2px}.nbox-wa-chat__head strong{color:var(--wa-deep);font-size:14px}.nbox-wa-chat__head small{overflow:hidden;color:var(--wa-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.nbox-wa-pill{padding:5px 8px;border-radius:99px;background:#edf5ef;color:#315a43;font-size:9px;font-weight:700}

.nbox-wa-chat__actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.nbox-wa-chat__actions button{border:1px solid rgba(31,74,54,.18);border-radius:9px;padding:6px 9px;background:#fff;color:var(--wa-deep);font:inherit;font-size:10px;font-weight:800;cursor:pointer}.nbox-wa-chat__actions button:hover{background:#eef5ef}.nbox-wa-chat__actions button.is-muted{color:#68756e;background:#f8f7f3}.nbox-wa-chat__actions button:disabled{opacity:.5;cursor:wait}
.nbox-wa-chat__messages{min-height:0;overflow:auto;display:flex;flex-direction:column;gap:7px;padding:12px 18px;background-color:#f4efe3;background-image:radial-gradient(rgba(67,91,75,.075) .7px,transparent .7px);background-size:12px 12px}
.nbox-wa-message{display:flex;max-width:100%}.nbox-wa-message.is-outbound{justify-content:flex-end}.nbox-wa-message__bubble{max-width:min(72%,680px);padding:9px 12px 7px;border:1px solid #ded9cc;border-radius:4px 14px 14px;background:#fff;box-shadow:0 2px 6px rgba(36,52,43,.04)}.nbox-wa-message.is-outbound .nbox-wa-message__bubble{border-color:#cfe1d4;border-radius:14px 4px 14px 14px;background:#dff1e4}.nbox-wa-message__bubble p{margin:0;color:#25332c;font-size:13px;line-height:1.42;white-space:pre-wrap;overflow-wrap:anywhere}.nbox-wa-message__bubble footer{display:flex;align-items:center;justify-content:flex-end;gap:6px;margin-top:4px;color:#7b877f;font-size:8px}.nbox-wa-message__bubble footer span{font-weight:700}.nbox-wa-message__bubble .status-read,.nbox-wa-message__bubble .status-played{color:#2377a4}.nbox-wa-message__bubble .status-failed{color:#a63e36}.nbox-wa-message__bubble .status-queued{color:#9a6b16}
.nbox-wa-compose{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px 14px;border-top:1px solid var(--wa-line);background:#fff}.nbox-wa-compose textarea{min-height:42px;max-height:120px;padding:10px 12px;resize:vertical;font-size:13px}.nbox-wa-compose button{min-width:92px;height:42px;display:flex;align-items:center;justify-content:center;gap:7px;border:0;border-radius:11px;background:var(--wa-green);color:#fff;font:inherit;font-size:12px;font-weight:800;cursor:pointer}.nbox-wa-compose button:disabled{opacity:.5;cursor:not-allowed}.nbox-wa-button-spinner{width:15px;height:15px;border-width:2px;border-color:rgba(255,255,255,.35);border-top-color:#fff}
.nbox-wa-empty{min-height:120px;display:grid;place-items:center;padding:24px;color:#748078;text-align:center}.nbox-wa-chat--empty{place-items:center}.nbox-wa-chat--empty>div{display:grid;gap:5px;padding:30px;color:#6e7b73;text-align:center}.nbox-wa-chat--empty strong{color:#34453b;font-size:17px}
.nbox-wa-access{min-height:100vh;display:grid;place-items:center;padding:24px}.nbox-wa-access>div{max-width:520px;padding:30px;border:1px solid var(--wa-line);border-radius:20px;background:#fff;text-align:center;box-shadow:0 18px 50px rgba(31,74,54,.09)}.nbox-wa-access span{color:var(--wa-green);font-size:11px;font-weight:800;letter-spacing:.12em}.nbox-wa-access h1{margin:8px 0;color:var(--wa-deep)}.nbox-wa-access p{color:var(--wa-muted)}.nbox-wa-access a{display:inline-block;margin-top:8px;padding:10px 16px;border-radius:11px;background:var(--wa-green);color:#fff;font-weight:700;text-decoration:none}
@media(max-width:782px){body.admin-bar .nbox-wa-topbar{top:46px}body.admin-bar .nbox-wa-shell{height:calc(100vh - 46px)}.nbox-wa-topbar nav .nbox-wa-live{display:none}}
@media(max-width:760px){.nbox-wa-shell{height:auto;min-height:100vh}.nbox-wa-topbar{align-items:flex-start}.nbox-wa-topbar nav{gap:6px}.nbox-wa-topbar a{padding:7px 8px}.nbox-wa-central{grid-template-columns:1fr;overflow:visible}.nbox-wa-inbox{border-right:0;border-bottom:1px solid var(--wa-line)}.nbox-wa-conversation-list{max-height:280px}
.nbox-wa-chat__actions{display:flex;align-items:center;gap:6px;flex:0 0 auto}.nbox-wa-chat__actions button{border:1px solid rgba(31,74,54,.18);border-radius:9px;padding:6px 9px;background:#fff;color:var(--wa-deep);font:inherit;font-size:10px;font-weight:800;cursor:pointer}.nbox-wa-chat__actions button:hover{background:#eef5ef}.nbox-wa-chat__actions button.is-muted{color:#68756e;background:#f8f7f3}.nbox-wa-chat__actions button:disabled{opacity:.5;cursor:wait}
.nbox-wa-chat__messages{min-height:420px;max-height:62vh}.nbox-wa-message__bubble{max-width:88%}}
@media(max-width:520px){.nbox-wa-chat__actions{gap:4px}.nbox-wa-chat__actions button{padding:5px 7px;font-size:9px}.nbox-wa-topbar{padding:10px 12px}.nbox-wa-topbar nav a:first-of-type{display:none}.nbox-wa-summary{padding:9px 12px}.nbox-wa-summary>div{display:grid;gap:1px}.nbox-wa-inbox__tools{grid-template-columns:1fr}.nbox-wa-chat__head .nbox-wa-pill{display:none}.nbox-wa-compose{grid-template-columns:1fr}.nbox-wa-compose button{width:100%}}
@media(prefers-reduced-motion:reduce){.nbox-wa-boot span,.nbox-wa-button-spinner{animation-duration:1.5s}}


/* 0.30.0 — mensageria avançada */
.nbox-wa-summary>div:last-child{display:flex;gap:8px}.nbox-wa-chat-search{margin-left:auto;max-width:190px;border:1px solid rgba(31,74,54,.16);border-radius:10px;padding:8px 10px;background:#fff}.nbox-wa-message__actions{display:flex;gap:4px;align-items:center;opacity:.16;transition:.15s;margin:3px 8px}.nbox-wa-message:hover .nbox-wa-message__actions{opacity:1}.nbox-wa-message__actions button{border:0;background:transparent;font-size:11px;cursor:pointer;color:#68706b;padding:3px 5px}.nbox-wa-message__actions span button{font-size:14px}.nbox-wa-quoted{border-left:3px solid rgba(31,74,54,.35);padding:5px 8px;margin-bottom:6px;background:rgba(255,255,255,.45);border-radius:5px}.nbox-wa-quoted small,.nbox-wa-quoted span{display:block}.nbox-wa-quoted small{font-size:10px;font-weight:700;color:#1f4a36}.nbox-wa-quoted span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:280px}.nbox-wa-forwarded{display:block;font-size:10px;color:#68706b;margin-bottom:3px}.nbox-wa-reactions{display:flex;gap:3px;margin:-8px 10px 6px}.nbox-wa-reaction-chip{background:#fff;border:1px solid rgba(31,74,54,.12);border-radius:999px;padding:2px 6px;font-size:13px}.nbox-wa-compose-context{display:flex;justify-content:space-between;align-items:center;padding:8px 14px;background:#f4f6f3;border-top:1px solid rgba(31,74,54,.09)}.nbox-wa-compose-context div small,.nbox-wa-compose-context div span{display:block}.nbox-wa-compose-context small{font-weight:700;color:#1f4a36}.nbox-wa-compose-context span{font-size:12px;color:#68706b;max-width:560px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.nbox-wa-compose-context button{border:0;background:transparent;font-size:22px;cursor:pointer}.nbox-wa-search-results{position:absolute;z-index:20;right:16px;top:70px;width:min(420px,80%);max-height:280px;overflow:auto;background:#fff;border:1px solid rgba(31,74,54,.13);box-shadow:0 10px 30px rgba(0,0,0,.12);border-radius:12px;padding:6px}.nbox-wa-chat{position:relative}.nbox-wa-search-results button{display:flex;width:100%;justify-content:space-between;gap:12px;text-align:left;border:0;background:#fff;padding:9px;border-radius:8px;cursor:pointer}.nbox-wa-search-results button:hover{background:#f4f6f3}.nbox-wa-search-results span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nbox-wa-search-results time{font-size:10px;color:#68706b;flex:none}.nbox-wa-modal{position:fixed;inset:0;background:rgba(12,24,18,.48);z-index:99999;display:grid;place-items:center;padding:20px}.nbox-wa-modal form,.nbox-wa-forward-modal{width:min(460px,100%);background:#fff;border-radius:16px;padding:18px;box-shadow:0 24px 60px rgba(0,0,0,.22)}.nbox-wa-modal header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.nbox-wa-modal header button{border:0;background:transparent;font-size:24px;cursor:pointer}.nbox-wa-modal label{display:block;font-size:12px;font-weight:700;margin:10px 0}.nbox-wa-modal input{display:block;width:100%;box-sizing:border-box;margin-top:5px;padding:10px;border:1px solid rgba(31,74,54,.18);border-radius:10px}.nbox-wa-modal form>button{width:100%;margin-top:12px;padding:11px;border:0;border-radius:10px;background:#1f4a36;color:#fff;font-weight:700}.nbox-wa-forward-modal>p{background:#f4f6f3;border-radius:10px;padding:10px;font-size:13px}.nbox-wa-forward-modal>div{display:grid;gap:5px;max-height:320px;overflow:auto}.nbox-wa-forward-modal>div>button{display:flex;justify-content:space-between;text-align:left;border:1px solid rgba(31,74,54,.1);background:#fff;border-radius:10px;padding:10px;cursor:pointer}.nbox-wa-forward-modal>div>button:hover{background:#f4f6f3}.nbox-wa-forward-modal small{color:#68706b}
@media(max-width:760px){.nbox-wa-chat-search{max-width:120px}.nbox-wa-message__actions{opacity:1}.nbox-wa-search-results{right:8px;top:92px;width:calc(100% - 16px)}}


/* 0.31.0 — fila de envio e mídia */
.nbox-wa-compose{gap:8px}.nbox-wa-attach{flex:0 0 40px;width:40px;height:40px;border-radius:12px;font-size:24px;line-height:1}
.nbox-wa-attachment-preview{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-top:1px solid rgba(20,50,35,.12);background:#f6faf7}
.nbox-wa-attachment-preview div{display:grid;gap:2px;min-width:0}.nbox-wa-attachment-preview strong,.nbox-wa-attachment-preview small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nbox-wa-attachment-preview button{border:0;background:transparent;font-size:20px;cursor:pointer}
.nbox-wa-media{margin-bottom:6px;max-width:360px}.nbox-wa-media img,.nbox-wa-media video{display:block;max-width:100%;max-height:360px;border-radius:10px}.nbox-wa-media audio{max-width:100%;height:38px}.nbox-wa-media button{border:0;border-radius:9px;padding:8px 10px;cursor:pointer}

.nbox-wa-record{flex:0 0 40px;width:40px;height:40px;border-radius:12px}.nbox-wa-record.is-recording{animation:nbox-wa-pulse 1s infinite}@keyframes nbox-wa-pulse{50%{opacity:.45}}

/* 0.31.2 — emoji/reaction/sticker fidelity */
.nbox-wa-message__bubble p,.nbox-wa-reaction-chip,.nbox-wa-reaction-event strong{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI","Segoe UI Emoji","Apple Color Emoji","Noto Color Emoji",sans-serif}
.nbox-wa-message__bubble p.is-emoji-only{font-size:30px;line-height:1.2;letter-spacing:1px;padding:2px 0}
.nbox-wa-reaction-event{display:flex;align-items:center;gap:6px;align-self:center;margin:2px auto;padding:5px 9px;border:1px solid rgba(31,74,54,.1);border-radius:999px;background:rgba(255,255,255,.82);color:#68706b;font-size:10px}
.nbox-wa-reaction-event strong{font-size:18px;line-height:1}.nbox-wa-reaction-event time{font-size:9px;color:#8a938e}
.nbox-wa-message.is-sticker .nbox-wa-message__bubble{background:transparent;border:0;box-shadow:none;padding:2px}.nbox-wa-message.is-sticker .nbox-wa-message__bubble>p{display:none}.nbox-wa-message.is-sticker .nbox-wa-message__bubble footer{background:rgba(255,255,255,.88);border-radius:999px;padding:2px 6px;width:max-content;margin-left:auto}
.nbox-wa-media.is-sticker{margin:0;max-width:220px;min-width:80px;min-height:80px;display:grid;place-items:center}.nbox-wa-media.is-sticker img{max-width:220px;max-height:220px;object-fit:contain;border-radius:0}.nbox-wa-media.is-sticker button{background:rgba(255,255,255,.9);border:1px solid rgba(31,74,54,.12)}
.nbox-wa-document{display:flex;align-items:center;gap:9px;min-width:220px;max-width:340px;padding:9px 10px;border:1px solid rgba(31,74,54,.12);border-radius:10px;background:rgba(255,255,255,.72)}.nbox-wa-document>span{font-size:22px}.nbox-wa-document>div{display:flex;flex:1;min-width:0;flex-direction:column}.nbox-wa-document strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.nbox-wa-document small{opacity:.68}.nbox-wa-document button{flex:0 0 auto}

/* 0.31.5 — fluidez e mídia resiliente */
.nbox-wa-chat-loading{display:flex;flex-direction:column;gap:10px;padding:18px 10px;opacity:.55}
.nbox-wa-chat-loading span{display:block;height:42px;border-radius:14px;background:rgba(0,0,0,.07);max-width:62%}
.nbox-wa-chat-loading span:nth-child(2){margin-left:auto;max-width:48%}
.nbox-wa-chat-loading span:nth-child(3){max-width:56%}
.nbox-wa-media-unavailable{display:inline-flex;align-items:center;min-height:34px;padding:7px 10px;border-radius:10px;background:rgba(0,0,0,.05);font-size:12px;opacity:.72}

/* 0.32.0 — estabilização da timeline */
.nbox-wa-day-separator{display:flex;align-items:center;justify-content:center;margin:8px 0 4px;pointer-events:none}
.nbox-wa-day-separator span{padding:4px 9px;border:1px solid rgba(31,74,54,.09);border-radius:999px;background:rgba(255,255,255,.88);color:#718078;font-size:9px;font-weight:800;box-shadow:0 1px 3px rgba(31,74,54,.04)}
.nbox-wa-load-older{align-self:center;margin:2px auto 8px;padding:6px 11px;border:1px solid rgba(31,74,54,.13);border-radius:999px;background:rgba(255,255,255,.9);color:#416152;font-size:10px;font-weight:800;cursor:pointer}
.nbox-wa-load-older:hover{background:#fff}.nbox-wa-load-older:disabled{opacity:.55;cursor:wait}
.nbox-wa-retry{border:0;background:transparent;color:#a63e36;font:inherit;font-size:8px;font-weight:800;cursor:pointer;padding:0 2px}
.nbox-wa-retry:hover{text-decoration:underline}


/* 0.32.1 — Unicode emoji fidelity + reaction picker */
.nbox-twemoji{display:inline-block;width:1em;height:1em;vertical-align:-.13em;margin:0 .035em;object-fit:contain}
.nbox-wa-message__bubble p.is-emoji-only .nbox-twemoji{width:1.05em;height:1.05em;margin:0 .06em}
.nbox-wa-reaction-chip .nbox-twemoji,.nbox-wa-reaction-event .nbox-twemoji{width:1.15em;height:1.15em;margin:0}
.nbox-wa-reaction-actions{position:relative;display:inline-flex;align-items:center;gap:1px}
.nbox-wa-reaction-actions>button .nbox-twemoji{width:1.15em;height:1.15em;margin:0}
.nbox-wa-more-reactions{font-size:16px!important;font-weight:600;line-height:1}
.nbox-wa-reaction-picker{position:absolute;z-index:45;bottom:28px;right:0;display:grid!important;grid-template-columns:repeat(6,30px);gap:3px;padding:7px;background:#fff;border:1px solid rgba(31,74,54,.14);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.16);opacity:1!important}
.nbox-wa-reaction-picker button{display:grid;place-items:center;width:30px;height:30px;padding:4px!important;border:0!important;border-radius:7px;background:transparent!important;opacity:1!important}
.nbox-wa-reaction-picker button:hover{background:#f0f4f1!important}
.nbox-wa-reaction-picker .nbox-twemoji{width:20px;height:20px;margin:0}

/* 0.32.2 — biblioteca completa Unicode Emoji 17 */
.nbox-wa-reaction-picker.is-full{display:block!important;width:360px;max-width:min(360px,88vw);padding:8px;right:-8px;bottom:31px;overflow:visible}
.nbox-wa-picker-caption{display:block;margin:0 0 6px;padding:0 3px;color:#6d7972;font-size:9px;font-weight:800;letter-spacing:.02em}
.nbox-wa-reaction-picker [data-full-emoji-picker],.nbox-wa-compose-emoji-popover [data-full-emoji-picker]{display:block;min-height:330px}
.nbox-wa-full-emoji-picker{display:block;width:100%;height:350px;max-height:55vh;--border-radius:10px;--category-emoji-size:1.15rem;--emoji-size:1.35rem;--num-columns:8}
.nbox-wa-compose-emoji{flex:0 0 40px;width:40px;height:40px;border-radius:12px;font-size:18px}
.nbox-wa-compose-emoji-popover{position:absolute;z-index:70;right:12px;bottom:66px;width:360px;max-width:calc(100vw - 34px);padding:8px;border:1px solid rgba(31,74,54,.14);border-radius:14px;background:#fff;box-shadow:0 12px 36px rgba(0,0,0,.18)}
.nbox-wa-chat{position:relative}
.nbox-wa-emoji-picker-error{display:flex;min-height:100px;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:16px;text-align:center;color:#6d7972}.nbox-wa-emoji-picker-error small{opacity:.75}
@media(max-width:700px){.nbox-wa-reaction-picker.is-full{position:fixed;left:12px;right:12px;bottom:82px;width:auto;max-width:none}.nbox-wa-compose-emoji-popover{position:fixed;left:12px;right:12px;bottom:76px;width:auto;max-width:none}.nbox-wa-full-emoji-picker{height:330px;max-height:52vh;--num-columns:7}}


/* 0.32.3 — composer em linha única + reação resiliente */
.nbox-wa-compose{
  display:flex;
  grid-template-columns:none;
  align-items:center;
  flex-wrap:nowrap;
  gap:8px;
}
.nbox-wa-compose textarea{
  flex:1 1 auto;
  width:auto;
  min-width:0;
  min-height:42px;
  max-height:120px;
  resize:none;
}
.nbox-wa-compose .nbox-wa-attach,
.nbox-wa-compose .nbox-wa-compose-emoji,
.nbox-wa-compose .nbox-wa-record{
  flex:0 0 40px;
  width:40px;
  min-width:40px;
  height:40px;
  padding:0;
}
.nbox-wa-compose [data-send]{
  flex:0 0 auto;
  width:auto;
  min-width:92px;
  height:42px;
  padding:0 16px;
}
.nbox-wa-message{
  position:relative;
  align-items:flex-start;
}
.nbox-wa-reactions{
  align-self:flex-end;
  flex:0 0 auto;
}
@media(max-width:700px){
  .nbox-wa-compose{
    display:flex;
    grid-template-columns:none;
    gap:6px;
    padding:8px;
  }
  .nbox-wa-compose .nbox-wa-attach,
  .nbox-wa-compose .nbox-wa-compose-emoji,
  .nbox-wa-compose .nbox-wa-record{
    flex-basis:36px;
    width:36px;
    min-width:36px;
    height:38px;
  }
  .nbox-wa-compose [data-send]{
    width:auto;
    min-width:68px;
    height:40px;
    padding:0 10px;
  }
  .nbox-wa-compose textarea{
    min-height:40px;
    max-height:96px;
  }
}
@media(max-width:520px){
  .nbox-wa-compose button{width:auto}
  .nbox-wa-compose [data-send]{width:auto;min-width:62px}
}

.nbox-wa-message__bubble{position:relative}
.nbox-wa-message__bubble.has-reactions{margin-bottom:11px}
.nbox-wa-message__bubble .nbox-wa-reactions{position:absolute;left:8px;bottom:-11px;margin:0;z-index:3}
.nbox-wa-message.is-outbound .nbox-wa-message__bubble .nbox-wa-reactions{left:auto;right:8px}


/* 0.32.4 — ações abaixo da mensagem, padrão de chat */
.nbox-wa-message{
  flex-direction:column;
  justify-content:flex-start;
  align-items:flex-start;
}
.nbox-wa-message.is-outbound{
  justify-content:flex-start;
  align-items:flex-end;
}
.nbox-wa-message__actions{
  align-self:flex-start;
  margin:3px 8px 1px;
  min-height:24px;
  opacity:.12;
  transform:translateY(-1px);
  transition:opacity .14s ease,transform .14s ease;
}
.nbox-wa-message.is-outbound .nbox-wa-message__actions{
  align-self:flex-end;
}
.nbox-wa-message:hover .nbox-wa-message__actions,
.nbox-wa-message:focus-within .nbox-wa-message__actions{
  opacity:1;
  transform:none;
}
.nbox-wa-message__actions>button{
  font-size:10px;
  padding:2px 5px;
}
.nbox-wa-message__actions .nbox-wa-reaction-actions{
  display:inline-flex;
  align-items:center;
  gap:1px;
}
@media(max-width:760px){
  .nbox-wa-message__actions{
    opacity:.72;
    transform:none;
    margin-top:2px;
  }
  .nbox-wa-message:active .nbox-wa-message__actions,
  .nbox-wa-message:focus-within .nbox-wa-message__actions{opacity:1}
}

/* 0.32.5 — notificações de novas mensagens */
.nbox-wa-sound-toggle{
  width:34px;
  min-width:34px;
  height:34px;
  display:grid;
  place-items:center;
  padding:0;
  border:1px solid rgba(31,74,54,.15);
  border-radius:10px;
  background:#fff;
  color:var(--wa-deep);
  font-size:15px;
  line-height:1;
  cursor:pointer;
}
.nbox-wa-sound-toggle:hover{background:#eef5ef}
.nbox-wa-sound-toggle.is-off{opacity:.58;background:#f8f7f3}
.nbox-wa-sound-toggle:focus-visible{outline:2px solid rgba(47,111,78,.3);outline-offset:2px}
@media(max-width:520px){.nbox-wa-sound-toggle{width:32px;min-width:32px;height:32px}}


/* 0.33.0 — mobile app shell inspirado no fluxo do WhatsApp */
.nbox-wa-mobile-back,.nbox-wa-mobile-search-toggle,.nbox-wa-mobile-menu-toggle,.nbox-wa-mobile-menu{display:none}
.nbox-wa-compose__field{display:flex;align-items:center;flex:1 1 auto;min-width:0;gap:4px;border:1px solid #d8d4c9;border-radius:13px;background:#fff;padding:0 4px}
.nbox-wa-compose__field textarea{flex:1 1 auto;width:auto;min-width:0;border:0!important;border-radius:0;background:transparent;box-shadow:none!important;resize:none}
.nbox-wa-compose__field .nbox-wa-attach,.nbox-wa-compose__field .nbox-wa-compose-emoji{flex:0 0 38px;width:38px;min-width:38px;height:38px;padding:0;border-radius:50%;background:transparent;color:#557066;font-size:20px}
.nbox-wa-compose__field .nbox-wa-attach:hover,.nbox-wa-compose__field .nbox-wa-compose-emoji:hover{background:#eef4f0;color:var(--wa-deep)}
.nbox-wa-send-icon{display:none}

@media(max-width:760px){
  html,body{height:100%;overflow:hidden;overscroll-behavior:none}
  .nbox-whatsapp-central-app{height:var(--nbox-wa-mobile-height,100dvh);min-height:0;overflow:hidden;background:#f7f8f7}
  .nbox-wa-shell{height:var(--nbox-wa-mobile-height,100dvh);min-height:0;max-width:none;overflow:hidden;background:#fff}
  body.admin-bar .nbox-wa-shell{height:calc(var(--nbox-wa-mobile-height,100dvh) - 46px)}

  .nbox-wa-topbar{position:relative;top:auto;flex:0 0 58px;min-height:58px;padding:8px 12px;border-bottom:0;box-shadow:0 1px 0 rgba(31,74,54,.08)}
  body.admin-bar .nbox-wa-topbar{top:auto}
  .nbox-wa-topbar nav>a,.nbox-wa-topbar .nbox-wa-live{display:none}
  .nbox-wa-topbar>div{gap:9px}.nbox-wa-brand{width:36px;height:36px;border-radius:50%;box-shadow:none}
  .nbox-wa-topbar strong{font-size:16px}.nbox-wa-topbar small{font-size:10px}
  .nbox-wa-topbar nav{margin-left:auto}.nbox-wa-sound-toggle{border:0;background:#f1f5f2;border-radius:50%}

  .nbox-wa-summary{flex:0 0 52px;min-height:52px;padding:6px 12px;background:#fff;border-bottom:1px solid rgba(31,74,54,.08)}
  .nbox-wa-summary>div:first-child{display:grid;gap:0}.nbox-wa-summary strong{font-size:18px}.nbox-wa-summary span{font-size:10px}
  .nbox-wa-summary>div:last-child{gap:6px}.nbox-wa-summary button{width:34px;height:34px;overflow:hidden;padding:0;border:0;border-radius:50%;font-size:0;background:#eef5ef}
  .nbox-wa-summary [data-new-conversation]::before{content:'+';font-size:21px;font-weight:500}
  .nbox-wa-summary [data-refresh]::before{content:'↻';font-size:18px;font-weight:600}

  .nbox-wa-alert{position:absolute;z-index:95;left:10px;right:10px;top:8px;margin:0;box-shadow:0 8px 24px rgba(0,0,0,.12)}
  .nbox-wa-central{display:block;flex:1;min-height:0;height:auto;margin:0;border:0;border-radius:0;box-shadow:none;overflow:hidden;background:#fff}
  .nbox-wa-inbox{height:100%;min-height:0;border:0;background:#fff;grid-template-rows:auto minmax(0,1fr)}
  .nbox-wa-inbox__tools{grid-template-columns:minmax(0,1fr) 112px;gap:7px;padding:8px 10px;background:#fff}
  .nbox-wa-inbox__tools input,.nbox-wa-inbox__tools select{height:38px;border-radius:18px;background:#f2f4f3;border-color:transparent;font-size:12px}
  .nbox-wa-conversation-list{max-height:none;height:100%;min-height:0;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
  .nbox-wa-conversation{min-height:68px;padding:9px 12px;gap:11px;border-bottom:1px solid #f0f0ed}
  .nbox-wa-conversation.is-active{background:transparent;box-shadow:none}
  .nbox-wa-conversation:active{background:#edf2ef}
  .nbox-wa-avatar{width:48px;height:48px;font-size:14px}.nbox-wa-avatar.is-large{width:38px;height:38px;flex:0 0 38px}
  .nbox-wa-conversation__body{gap:3px}.nbox-wa-conversation__body strong{font-size:14px}.nbox-wa-conversation__body small{font-size:11px}.nbox-wa-conversation__body time{font-size:9px}
  .nbox-wa-unread{min-width:20px;height:20px;padding:0 5px}

  .nbox-wa-shell.is-mobile-inbox .nbox-wa-inbox{display:grid}
  .nbox-wa-shell.is-mobile-inbox .nbox-wa-chat{display:none}
  .nbox-wa-shell.is-mobile-chat .nbox-wa-topbar,.nbox-wa-shell.is-mobile-chat .nbox-wa-summary{display:none}
  .nbox-wa-shell.is-mobile-chat .nbox-wa-inbox{display:none}
  .nbox-wa-shell.is-mobile-chat .nbox-wa-central{height:100%;flex:1}
  .nbox-wa-shell.is-mobile-chat .nbox-wa-chat{display:grid;height:100%;min-height:0;grid-template-rows:auto minmax(0,1fr) auto;background:#efeae2}

  .nbox-wa-chat__head{position:relative;z-index:30;min-height:56px;padding:7px 8px;gap:8px;background:#fff;box-shadow:0 1px 0 rgba(31,74,54,.09)}
  .nbox-wa-mobile-back,.nbox-wa-mobile-search-toggle,.nbox-wa-mobile-menu-toggle{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:0;border-radius:50%;background:transparent;color:#29483a;font:inherit;font-size:21px;cursor:pointer}
  .nbox-wa-mobile-back{font-size:22px}.nbox-wa-mobile-menu-toggle{font-size:24px}
  .nbox-wa-mobile-back:active,.nbox-wa-mobile-search-toggle:active,.nbox-wa-mobile-menu-toggle:active{background:#edf2ef}
  .nbox-wa-chat__identity{flex:1!important;min-width:0}.nbox-wa-chat__identity strong{font-size:14px}.nbox-wa-chat__identity small{font-size:9px}
  .nbox-wa-chat__head .nbox-wa-pill,.nbox-wa-chat__actions{display:none}
  .nbox-wa-chat-search{display:none;position:absolute;z-index:5;left:50px;right:82px;top:8px;max-width:none;height:40px;margin:0;padding:0 12px;border:1px solid #d9dfdb;border-radius:20px;background:#fff;font-size:13px}
  .nbox-wa-chat-search.is-mobile-open{display:block}
  .nbox-wa-chat-search.is-mobile-open~.nbox-wa-mobile-search-toggle{background:#edf2ef}
  .nbox-wa-mobile-menu{display:grid;position:absolute;z-index:60;right:8px;top:50px;min-width:148px;padding:6px;border:1px solid rgba(31,74,54,.12);border-radius:12px;background:#fff;box-shadow:0 12px 32px rgba(0,0,0,.18)}
  .nbox-wa-mobile-menu button{width:100%;padding:9px 10px;border:0;border-radius:8px;background:#fff;color:#29483a;text-align:left;font-size:12px;font-weight:700}
  .nbox-wa-mobile-menu button:active{background:#eef4f0}

  .nbox-wa-chat__messages{min-height:0;max-height:none;height:auto;padding:10px 8px 14px;gap:5px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;background-color:#efeae2;background-size:14px 14px}
  .nbox-wa-message__bubble{max-width:84vw;padding:7px 9px 6px;border-radius:5px 12px 12px;font-size:13px;box-shadow:0 1px 1px rgba(0,0,0,.05)}
  .nbox-wa-message.is-outbound .nbox-wa-message__bubble{border-radius:12px 5px 12px 12px;background:#d9fdd3}
  .nbox-wa-message__bubble p{font-size:13px;line-height:1.36}.nbox-wa-message__bubble footer{font-size:8px;margin-top:2px}
  .nbox-wa-message__actions{opacity:.42;margin:1px 5px 3px;min-height:20px;gap:2px}.nbox-wa-message__actions>button{font-size:9px;padding:1px 4px}.nbox-wa-message__actions span button{font-size:12px;padding:1px 3px}
  .nbox-wa-media{max-width:min(78vw,360px)}.nbox-wa-media img,.nbox-wa-media video{max-height:52vh}.nbox-wa-media audio{width:min(74vw,320px)}
  .nbox-wa-document{min-width:0;width:min(76vw,330px)}
  .nbox-wa-search-results{position:absolute;left:8px;right:8px;top:58px;width:auto;max-height:42vh}

  .nbox-wa-compose-context,.nbox-wa-attachment-preview{padding:7px 9px}
  .nbox-wa-compose{position:relative;z-index:35;display:flex;align-items:flex-end;gap:6px;padding:6px 7px calc(6px + env(safe-area-inset-bottom));border-top:0;background:#f0f2f5}
  .nbox-wa-compose__field{flex:1 1 auto;min-width:0;min-height:44px;border:0;border-radius:22px;background:#fff;padding:2px 4px;box-shadow:0 0 0 1px rgba(0,0,0,.04)}
  .nbox-wa-compose__field textarea{min-height:40px;max-height:96px;padding:10px 3px;font-size:14px;line-height:20px}
  .nbox-wa-compose__field .nbox-wa-attach,.nbox-wa-compose__field .nbox-wa-compose-emoji{flex:0 0 36px;width:36px;min-width:36px;height:40px;color:#60736a;background:transparent;font-size:20px}
  .nbox-wa-compose .nbox-wa-record,.nbox-wa-compose [data-send]{flex:0 0 44px;width:44px;min-width:44px;height:44px;padding:0;border-radius:50%;background:var(--wa-green);color:#fff}
  .nbox-wa-compose.is-empty [data-send]{display:none}.nbox-wa-compose.has-content .nbox-wa-record{display:none}
  .nbox-wa-send-label{display:none}.nbox-wa-send-icon{display:inline;font-size:17px;transform:translateX(1px)}
  .nbox-wa-record{font-size:0}.nbox-wa-record::before{content:'●';font-size:15px}
  .nbox-wa-record.is-recording::before{content:'■';font-size:13px}
  .nbox-wa-compose-emoji-popover{position:fixed;z-index:120;left:8px;right:8px;bottom:calc(60px + env(safe-area-inset-bottom));width:auto;max-width:none}
  .nbox-wa-reaction-picker.is-full{z-index:120;left:8px;right:8px;bottom:calc(64px + env(safe-area-inset-bottom))}
}

@media(max-width:420px){
  .nbox-wa-inbox__tools{grid-template-columns:minmax(0,1fr) 96px}
  .nbox-wa-compose__field .nbox-wa-compose-emoji{display:none}
  .nbox-wa-message__bubble{max-width:88vw}
}

/* 0.33.1 — foto do contato + volume da notificação */
.nbox-wa-avatar{position:relative;overflow:hidden;isolation:isolate}
.nbox-wa-avatar__fallback{position:relative;z-index:1;display:grid;width:100%;height:100%;place-items:center}
.nbox-wa-avatar img{position:absolute;z-index:2;inset:0;width:100%;height:100%;object-fit:cover;background:#dfe9e3}
.nbox-wa-avatar.has-photo{background:#dfe9e3}

.nbox-wa-sound-control{display:flex;align-items:center;gap:6px}
.nbox-wa-volume-control{height:34px;display:flex;align-items:center;gap:5px;padding:0 8px;border:1px solid rgba(31,74,54,.15);border-radius:10px;background:#fff;color:#50675b;font-size:11px;font-weight:700;white-space:nowrap}
.nbox-wa-volume-control>span{font-size:13px;line-height:1}
.nbox-wa-volume-control input[type="range"]{width:86px;height:24px;margin:0;accent-color:var(--wa-green);cursor:pointer}
.nbox-wa-volume-control output{min-width:30px;color:#64756c;font-size:9px;text-align:right}
.nbox-wa-volume-control:focus-within{border-color:rgba(47,111,78,.34);box-shadow:0 0 0 2px rgba(47,111,78,.08)}

@media(max-width:760px){
  .nbox-wa-sound-control{gap:3px}
  .nbox-wa-volume-control{height:32px;padding:0 6px;border:0;border-radius:16px;background:#f1f5f2;gap:3px}
  .nbox-wa-volume-control>span{display:none}
  .nbox-wa-volume-control input[type="range"]{width:68px;height:22px}
  .nbox-wa-volume-control output{display:none}
}
@media(max-width:390px){
  .nbox-wa-volume-control{padding:0 4px}
  .nbox-wa-volume-control input[type="range"]{width:52px}
}


/* 0.33.2 — ergonomia mobile e áreas de toque maiores */
@media(max-width:760px){
  .nbox-wa-topbar{flex-basis:64px;min-height:64px;padding:9px 14px}
  .nbox-wa-brand{width:42px;height:42px;font-size:15px}
  .nbox-wa-topbar strong{font-size:17px}.nbox-wa-topbar small{font-size:12px}
  .nbox-wa-sound-toggle{width:40px;min-width:40px;height:40px;font-size:17px}
  .nbox-wa-volume-control{height:38px}.nbox-wa-volume-control input[type="range"]{height:28px}

  .nbox-wa-summary{flex-basis:58px;min-height:58px;padding:7px 14px}
  .nbox-wa-summary strong{font-size:20px}.nbox-wa-summary span{font-size:12px;line-height:1.3}
  .nbox-wa-summary button{width:40px;height:40px}
  .nbox-wa-summary [data-new-conversation]::before{font-size:24px}
  .nbox-wa-summary [data-refresh]::before{font-size:21px}

  .nbox-wa-inbox__tools{grid-template-columns:minmax(0,1fr) 122px;gap:8px;padding:9px 12px}
  .nbox-wa-inbox__tools input,.nbox-wa-inbox__tools select{height:46px;padding:0 14px;border-radius:23px;font-size:14px}
  .nbox-wa-conversation{min-height:78px;padding:11px 14px;gap:13px}
  .nbox-wa-avatar{width:54px;height:54px;font-size:16px}.nbox-wa-avatar.is-large{width:44px;height:44px;flex-basis:44px;font-size:15px}
  .nbox-wa-conversation__body{gap:5px}.nbox-wa-conversation__body strong{font-size:16px;line-height:1.25}.nbox-wa-conversation__body small{font-size:13px;line-height:1.3}.nbox-wa-conversation__body time{font-size:11px}
  .nbox-wa-unread{min-width:24px;height:24px;padding:0 7px;font-size:11px}

  .nbox-wa-chat__head{min-height:64px;padding:8px 9px;gap:8px}
  .nbox-wa-mobile-back,.nbox-wa-mobile-search-toggle,.nbox-wa-mobile-menu-toggle{flex-basis:44px;width:44px;height:44px;font-size:24px}
  .nbox-wa-mobile-back{font-size:27px}.nbox-wa-mobile-menu-toggle{font-size:27px}
  .nbox-wa-chat__identity strong{font-size:16px;line-height:1.2}.nbox-wa-chat__identity small{font-size:11px;line-height:1.25}
  .nbox-wa-chat-search{left:58px;right:98px;top:9px;height:46px;border-radius:23px;font-size:16px}
  .nbox-wa-mobile-menu{top:58px;min-width:176px;padding:7px}.nbox-wa-mobile-menu button{min-height:44px;padding:10px 12px;font-size:14px}

  .nbox-wa-chat__messages{padding:12px 10px 16px;gap:6px}
  .nbox-wa-message__bubble{max-width:86vw;padding:9px 11px 7px;border-radius:6px 13px 13px}
  .nbox-wa-message.is-outbound .nbox-wa-message__bubble{border-radius:13px 6px 13px 13px}
  .nbox-wa-message__bubble p{font-size:15px;line-height:1.42}
  .nbox-wa-message__bubble footer{font-size:10px;gap:7px;margin-top:3px}
  .nbox-wa-day-separator span{font-size:11px;padding:5px 10px}
  .nbox-wa-load-older{min-height:36px;padding:8px 13px;font-size:11px}
  .nbox-wa-message__actions{min-height:30px;margin:2px 6px 4px;gap:4px;opacity:.62}
  .nbox-wa-message__actions>button{min-height:28px;font-size:11px;padding:3px 6px}
  .nbox-wa-message__actions span button{min-width:28px;min-height:28px;font-size:15px;padding:2px 5px}
  .nbox-wa-reaction-chip{font-size:15px;padding:3px 7px}
  .nbox-wa-quoted span{font-size:12px}.nbox-wa-forwarded{font-size:11px}
  .nbox-wa-media{max-width:min(82vw,390px)}.nbox-wa-media audio{width:min(80vw,350px);height:42px}
  .nbox-wa-document{width:min(80vw,360px);padding:11px 12px}.nbox-wa-document strong{font-size:13px}.nbox-wa-document small{font-size:11px}

  .nbox-wa-compose-context,.nbox-wa-attachment-preview{padding:9px 11px;font-size:13px}
  .nbox-wa-compose{gap:7px;padding:7px 8px calc(7px + env(safe-area-inset-bottom))}
  .nbox-wa-compose__field{min-height:50px;border-radius:25px;padding:2px 5px}
  .nbox-wa-compose__field textarea{min-height:46px;max-height:112px;padding:12px 4px;font-size:16px;line-height:22px}
  .nbox-wa-compose__field .nbox-wa-attach,.nbox-wa-compose__field .nbox-wa-compose-emoji{flex-basis:42px;width:42px;min-width:42px;height:46px;font-size:23px}
  .nbox-wa-compose .nbox-wa-record,.nbox-wa-compose [data-send]{flex-basis:50px;width:50px;min-width:50px;height:50px}
  .nbox-wa-send-icon{font-size:20px}.nbox-wa-record::before{font-size:17px}.nbox-wa-record.is-recording::before{font-size:15px}
  .nbox-wa-full-emoji-picker{--emoji-size:1.55rem;--category-emoji-size:1.3rem}
}
@media(max-width:420px){
  .nbox-wa-inbox__tools{grid-template-columns:minmax(0,1fr) 108px}
  /* Mantém o botão de emoji disponível mesmo em celulares estreitos. */
  .nbox-wa-compose__field .nbox-wa-compose-emoji{display:flex}
  .nbox-wa-compose__field .nbox-wa-attach,.nbox-wa-compose__field .nbox-wa-compose-emoji{flex-basis:38px;width:38px;min-width:38px}
  .nbox-wa-compose .nbox-wa-record,.nbox-wa-compose [data-send]{flex-basis:48px;width:48px;min-width:48px;height:48px}
}


/* Automation provenance is admin-only: customers receive the message without this label. */
.nbox-wa-automation-badge{display:inline-flex;align-items:center;gap:5px;margin:0 0 7px;padding:3px 8px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;background:rgba(23,57,43,.09);color:#17392b}
.nbox-wa-message.is-outbound .nbox-wa-automation-badge{background:rgba(255,255,255,.55)}


/* 1.1.65 — desktop scroll containment hardening.
 * The standalone WhatsApp app can live inside the managed NBox page shell,
 * so a raw 100vh child is not always the actually available viewport height.
 * Keep every grid/flex ancestor shrinkable and make both timelines independently scrollable. */
@media(min-width:761px){
  html,body{
    min-height:100%;
  }
  .nbox-whatsapp-central-app{
    height:auto;
    min-height:0;
    overflow:visible;
  }
  .nbox-wa-shell{
    height:calc(100dvh - var(--nbox-wa-desktop-offset, 0px));
    min-height:620px;
    max-height:100dvh;
    overflow:hidden;
  }
  body.admin-bar .nbox-wa-shell{
    height:calc(100dvh - 32px - var(--nbox-wa-desktop-offset, 0px));
    max-height:calc(100dvh - 32px);
  }
  .nbox-wa-central{
    min-height:0;
    height:0;
    overflow:hidden;
  }
  .nbox-wa-inbox,
  .nbox-wa-chat{
    min-height:0;
    overflow:hidden;
  }
  .nbox-wa-conversation-list,
  .nbox-wa-chat__messages{
    min-height:0;
    max-height:none;
    overflow-y:auto;
    overflow-x:hidden;
    overscroll-behavior:contain;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
  }
  .nbox-wa-conversation-list::-webkit-scrollbar,
  .nbox-wa-chat__messages::-webkit-scrollbar{
    width:10px;
  }
  .nbox-wa-conversation-list::-webkit-scrollbar-thumb,
  .nbox-wa-chat__messages::-webkit-scrollbar-thumb{
    background:rgba(47,111,78,.24);
    border:2px solid transparent;
    border-radius:999px;
    background-clip:padding-box;
  }
  .nbox-wa-conversation-list::-webkit-scrollbar-track,
  .nbox-wa-chat__messages::-webkit-scrollbar-track{
    background:transparent;
  }
}