#ne-chat{width:min(420px,calc(100vw - 24px));border:1px solid #d8dfd3;border-radius:24px;box-shadow:0 24px 100px #10291f30;overflow:hidden;background:#fffdf8;max-height:calc(100dvh - 110px);display:flex;flex-direction:column}#ne-chat[hidden]{display:none}#ne-chat header{background:#163e31;color:#fff;padding:20px}#ne-chat header small{display:block;color:#dce7cd;margin-top:5px}#chat-room{padding:14px;min-height:0;overflow:auto}.chat-live{font-size:12px;color:#506253;display:flex;gap:7px;align-items:center;margin-bottom:12px}.chat-live span{width:7px;height:7px;background:#5c8c66;border-radius:50%;box-shadow:0 0 0 4px #5c8c6615}.conversation-log{height:290px;overflow:auto;overscroll-behavior:contain;display:flex;flex-direction:column;gap:12px;padding:8px;scroll-behavior:smooth}.message-card{align-self:flex-start;max-width:88%;padding:12px 15px;border-radius:18px 18px 5px 18px;background:#eaf0e5;white-space:pre-wrap;overflow-wrap:anywhere}.message-card.team{align-self:flex-end;background:#193e31;color:#fff;border-radius:18px 18px 18px 5px}.message-card small{display:block;opacity:.7;font-size:10px;margin-top:8px}.message-card img,.message-card video{display:block;max-width:100%;max-height:230px;border-radius:10px;margin-top:8px}.message-pending{opacity:.6}.message-card button{background:transparent;color:inherit;border:0;text-decoration:underline}.chat-templates{display:flex;gap:6px;overflow:auto;padding:10px 0}.chat-templates button{white-space:nowrap;border:1px solid #d5ddce;background:#fffdf8;border-radius:30px;padding:6px 12px;font:inherit;font-size:11px;color:#244636}.conversation-compose{border:1px solid #d5ddce;border-radius:18px;background:#fff;padding:10px}.conversation-compose textarea{width:100%;resize:vertical;border:0;min-height:55px;font:inherit;background:transparent}.compose-actions{display:flex;gap:8px;align-items:center;justify-content:space-between}.compose-actions small{font-size:10px;color:#687262}.compose-actions .btn{padding:10px 17px;min-height:40px}.chat-attach{cursor:pointer;color:#244636;white-space:nowrap}.chat-file-list{font-size:11px;overflow-wrap:anywhere;color:#456248}.conversation-empty{margin:auto;color:#667464;font-size:13px;text-align:center}.studio #studio-chat-panel{min-width:0}.studio .conversation-log{height:420px}.studio .studio-cover:has(+ #studio-panel .conversation-log){display:none}.studio .inbox-row[data-thread]{display:block;width:100%;text-align:right;background:transparent;border:0;border-bottom:1px solid #e0e4dc;cursor:pointer}.studio .inbox-row[data-thread].selected{background:#eaf0e5}.messaging-tools{display:flex;flex-wrap:wrap;gap:8px;padding:14px;border:1px solid #d9dfd1;border-radius:16px;margin:10px 0 20px;background:#f5f7ee}.messaging-tools button{font:inherit;padding:9px 15px;border:1px solid #ced8c4;border-radius:30px;background:white;cursor:pointer}.message-composer label{display:block;margin:12px 0}.message-composer textarea,.message-composer input,.message-composer select{width:100%;font:inherit;padding:12px;border:1px solid #d5ddce;border-radius:10px}.recipient-list{max-height:200px;overflow:auto}.recipient-list label{display:flex;gap:8px}.recipient-list input{width:auto}.quick-status{max-width:160px;padding:8px;font:inherit;border:1px solid #d6ddce;border-radius:9px}@media(max-width:600px){#ne-chat{bottom:90px;right:12px;left:auto}.conversation-log{height:min(36dvh,290px)}.studio .conversation-log{height:350px}.compose-actions small{max-width:90px}.studio-split{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.conversation-log{scroll-behavior:auto}}
#chat-toggle{display:flex;gap:10px;align-items:center;background:#193f32;box-shadow:0 8px 28px #153d2a26;padding:13px 18px;border-radius:40px;border:1px solid #d6e9a6;color:#f4f8df}#chat-toggle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.5}#chat-toggle i{width:6px;height:6px;border-radius:50%;background:#d8eda2}#ne-chat{border-radius:23px;box-shadow:0 25px 100px #133e3133;background:#f9faf4}#ne-chat header{display:flex;align-items:center;gap:12px;padding:17px 20px}#ne-chat header>div:nth-child(2){flex:1}.chat-team-avatar{height:43px;width:43px;background:#e2edba;color:#20432f;border-radius:50%;display:grid;place-items:center;font:17px Georgia}#ne-chat header b{font-size:15px}#ne-chat header small{font-size:10px;color:#cbdcba}#chat-close{height:35px;width:35px;border:1px solid #cfddb23d;border-radius:50%;background:transparent;color:#f3f8e0;font-size:24px}#chat-room{padding:12px}.chat-live{margin:0 3px 12px;gap:9px}.chat-live b{font-size:10px;font-weight:500}.chat-live small{margin-right:auto;font-size:9px;color:#7a8b6d}.conversation-log{background:radial-gradient(ellipse at 0 100%,#e7efd750,transparent 65%);height:320px;padding:10px 6px;scrollbar-width:thin}.conversation-welcome{margin:auto;text-align:center;padding:25px}.conversation-welcome>span{display:inline-grid;place-items:center;height:61px;width:61px;background:#e4eecb;border-radius:50%;font:23px Georgia;color:#284d35}.conversation-welcome h3{font-size:21px;color:#31513b;margin:20px 0 12px}.conversation-welcome p{font-size:12px;line-height:1.9;color:#738369}.message-card{max-width:88%;padding:11px 15px;font-size:13px;line-height:1.8;border:1px solid #d9e4c9;animation:message-arrive .2s ease-out}.message-card.visitor{background:#edf2e3}.message-card.team{background:#234934;border-color:#234934}.message-pending{opacity:.85}.message-failed{border-color:#bc7e7e}.message-card small{font-size:9px;margin-top:7px}.chat-templates{padding:10px 0;scrollbar-width:none}.chat-templates button{font-size:10px;padding:7px 12px;flex-shrink:0}.conversation-compose{padding:10px;border-radius:17px;box-shadow:0 4px 16px #203d2910}.conversation-compose textarea{min-height:43px;max-height:120px;resize:none;padding:8px 6px;line-height:1.7;font-size:13px;outline:none}.conversation-compose:focus-within{border-color:#92ac68;box-shadow:0 0 0 3px #dee9c12e}.chat-attach{height:36px;width:36px;display:grid;place-items:center;border-radius:50%;background:#f0f4e7}.chat-attach svg,.chat-send svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:1.6}.chat-send{font:inherit;font-size:12px;border:0;border-radius:30px;background:#224d36;color:#f3f8d9;display:flex;align-items:center;gap:10px;padding:10px 15px;cursor:pointer;min-height:42px}.chat-send:active{transform:scale(.96)}.conversation-compose .error{font-size:10px;margin:0;line-height:1.8}.conversation-compose .error:not(:empty){margin-top:8px}.studio #admin-conversation{min-height:480px}.studio .conversation-log{height:410px}.studio .studio-split:has(#studio-chat-panel){grid-template-columns:minmax(200px,.6fr) minmax(0,1.4fr)}.studio #studio-chat-panel{padding:20px;border-radius:19px;box-shadow:0 12px 40px #183c3408}.studio .inbox-row[data-thread]{border-radius:12px;padding:16px;margin-bottom:8px;background:#f8faf2;border:1px solid #e0e6d6}.studio .inbox-row[data-thread].selected{background:#e8f1d8;border-color:#b9cd9e}.studio .inbox-row h3{font-size:14px}.studio .inbox-row small{font-size:10px}#thread-visitor-ip{font-size:9px;color:#8a937f;display:block;margin-bottom:12px}@keyframes message-arrive{from{opacity:.5;transform:translateY(5px)}to{opacity:1;transform:none}}@media(max-width:750px){.studio .studio-split:has(#studio-chat-panel){grid-template-columns:1fr}.studio #studio-chat-panel{padding:14px}.conversation-log{height:min(38dvh,320px)}.studio .conversation-log{height:370px}.chat-live b{font-size:9px}.compose-actions small{font-size:9px;max-width:110px}#ne-chat{max-height:calc(100dvh - 100px)}}@media(prefers-reduced-motion:reduce){.message-card{animation:none}}
/* Separate human conversation from opt-in automated FAQs. */
#ne-chat #chat-human-panel[hidden],#ne-chat #chat-faq-panel[hidden]{display:none!important}#ne-chat>header,.chat-customer-tabs{flex-shrink:0}#chat-human-panel{min-height:0;overflow:auto}.chat-customer-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:7px 12px;border-bottom:1px solid #dfe5d5;background:#f0f4e7}.chat-customer-tabs button{border:0;border-radius:9px;background:transparent;padding:10px 7px;font:inherit;font-size:13px;color:#718067;cursor:pointer}.chat-customer-tabs button small{display:block;font-size:10px;margin-top:2px;font-weight:400}.chat-customer-tabs button[aria-selected=true]{background:#fffef7;color:#244c36;box-shadow:0 2px 7px #193d3209;font-weight:700}.chat-customer-tabs button:focus-visible,.chat-faq-picker button:focus-visible{outline:2px solid #7b9259;outline-offset:2px}#chat-faq-panel{min-height:0;max-height:min(560px,calc(100dvh - 260px));overflow:auto;overscroll-behavior:contain;padding:15px;scrollbar-width:thin}.chat-faq-intro>b{font-size:14px;color:#284d38}.chat-faq-intro>p{font-size:12px;line-height:1.8;color:#768168;margin:5px 0 14px}.chat-faq-region{padding:12px;background:#eef3e4;border:1px solid #d8e3c8;border-radius:11px;margin-bottom:15px}.chat-faq-region label{font-size:12px;display:block;color:#36593c;margin-bottom:8px}.chat-faq-region>div{display:flex;background:#fffef9;border:1px solid #d1ddc4;border-radius:7px;overflow:hidden}.chat-faq-region input{min-width:0;width:100%;padding:10px 9px;border:0;background:transparent;color:#284931;font:inherit;font-size:12px}.chat-faq-region button{border:0;border-right:1px solid #e4e9dd;padding:8px 13px;background:#f7f9ef;color:#294e35;font-size:19px;cursor:pointer}.chat-faq-region>small{font-size:10px;line-height:1.6;color:#7c896e;display:block;margin-top:7px}.chat-faq-search{display:block;font-size:12px;color:#6d7d5d;margin-bottom:12px}.chat-faq-search input{display:block;width:100%;min-width:0;padding:10px 12px;margin-top:7px;background:#fffef9;border:1px solid #d7dfcb;border-radius:8px;font:inherit;font-size:13px;color:#264a34}.chat-faq-category{border-bottom:1px solid #dde5d0}.chat-faq-category>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none;cursor:pointer;padding:13px 2px;color:#34563e;font-size:13px;font-weight:600}.chat-faq-category>summary::-webkit-details-marker{display:none}.chat-faq-category>summary small{background:#e7eedb;border-radius:20px;padding:2px 7px;color:#7a8b66;font-size:10px}.chat-faq-category>div>button{display:flex;align-items:start;justify-content:space-between;gap:8px;width:100%;border:1px solid #e2e8d9;border-radius:8px;background:#fffef8;font:inherit;font-size:12px;line-height:1.7;text-align:right;color:#4d6146;padding:10px 11px;margin:0 0 7px;cursor:pointer}.chat-faq-category>div>button:hover{background:#edf3e1;border-color:#c5d4b0}.chat-faq-category>div>button span{color:#8c9d77}.chat-faq-answer:empty{display:none}.chat-faq-answer{margin-bottom:16px}.faq-asked{margin:0 0 10px 18%;padding:10px 13px;border-radius:12px 12px 4px 12px;background:#e8efdc;font-size:12px;line-height:1.7;color:#3d5839}.faq-reply{margin-right:7%;padding:13px 14px;border:1px solid #d6e1ca;border-radius:12px 12px 12px 4px;background:#fffef9;overflow-wrap:anywhere}.faq-reply>small{font-size:10px;letter-spacing:.2px;color:#8b9878;display:block;margin-bottom:7px}.faq-answer-text{font-size:13px;line-height:1.95;color:#34513a;margin:0;white-space:pre-line}.faq-answer-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:9px}.faq-answer-links:empty{display:none}.faq-answer-links>a{font-size:12px;color:#668044;text-decoration:underline;text-underline-offset:4px}.faq-typing{display:flex;gap:4px;padding:8px 0;min-height:20px}.faq-typing i{width:5px;height:5px;background:#8d9e75;border-radius:50%;animation:faq-type-pulse 1s ease-in-out infinite}.faq-typing i:nth-child(2){animation-delay:.15s}.faq-typing i:nth-child(3){animation-delay:.3s}.faq-region-choices{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.faq-region-choices:empty{display:none}.faq-region-choices button{padding:6px 9px;font:inherit;font-size:11px;color:#436134;background:#eff4e5;border:1px solid #d2dfbe;border-radius:7px;cursor:pointer}.chat-faq-human{display:block;width:100%;margin-top:15px;padding:10px;border:1px solid #cbd8b9;border-radius:8px;background:transparent;font:inherit;font-size:12px;color:#406437;cursor:pointer}.faq-off{padding:23px 15px;text-align:center}.faq-off>span{display:inline-grid;place-items:center;width:45px;height:45px;border-radius:50%;background:#e7efd9;color:#749454;font-size:28px}.faq-off h3{font-size:17px;margin:16px 0 8px}.faq-off p{font-size:13px;line-height:1.9;color:#7c896d}.faq-off button{padding:11px 16px;border:0;border-radius:9px;background:#244c36;color:#fffef5;font:inherit;font-size:13px;cursor:pointer}.chat-faq-loading,.chat-faq-no-match{font-size:13px;line-height:1.8;color:#7b896b;padding:15px 4px}.chat-admin-template-label{display:block;font-size:11px;color:#697a5c;margin-bottom:12px}.chat-admin-template-select{display:block;width:100%;padding:10px;margin-top:6px;border:1px solid #d4dfc8;border-radius:8px;font:inherit;font-size:12px;background:#fffef9;color:#355638}.chat-template-preview{border-bottom:1px solid #dee5d4;padding:13px 0}.chat-template-preview summary{font-size:14px;cursor:pointer;color:#33583d}.chat-template-preview p{font-size:13px;line-height:1.95;color:#718264}.chat-automation-result{font-size:13px;line-height:1.8;color:#577649}#chat-automation-settings .btn{margin-top:18px}#ne-chat input:focus-visible{outline:2px solid #9eaf86;outline-offset:-2px}@keyframes faq-type-pulse{50%{opacity:.35;transform:translateY(-3px)}}@media(max-width:600px){#chat-faq-panel{max-height:calc(100dvh - 245px);padding:13px}#ne-chat header>div:nth-child(2){min-width:0}#ne-chat header small{font-size:10px;line-height:1.7}.chat-customer-tabs button{font-size:12px;padding:9px 6px}.chat-customer-tabs button small{font-size:10px}#chat-human-panel .conversation-log{height:min(33dvh,280px)}.chat-faq-category>div>button{font-size:12px}.faq-answer-text{font-size:13px}.faq-reply{margin-right:3%}}@media(prefers-reduced-motion:reduce){.faq-typing i{animation:none}}
body #chat-toggle{position:fixed;inset:auto auto 18px 18px;z-index:80;display:flex;align-items:center;gap:9px;padding:12px 16px;background:#214b36;color:#fff;border:1px solid #66836470;border-radius:40px;box-shadow:0 7px 24px #193b3220;min-height:46px;font:500 13px NETajawal,NEArabic,sans-serif}body #chat-toggle>span{display:inline;color:#fff;font-size:13px}body #chat-toggle>svg{width:21px;height:21px;stroke:#fff;fill:none;stroke-width:1.6}body #chat-toggle .chat-unread{position:absolute;top:-6px;right:-5px;width:auto;min-width:21px;height:21px;padding:1px 5px;display:grid;place-items:center;background:#dce9ba;color:#214b36;border:2px solid #fafbf2;border-radius:20px;font:700 11px/1 Arial;font-style:normal}body #chat-toggle .chat-unread[hidden],#chat-greeting[hidden]{display:none!important}body #ne-chat{left:18px;right:auto;bottom:78px}body[data-page=product] #chat-toggle{bottom:95px}body[data-page=product] #ne-chat{bottom:154px}#chat-greeting{position:fixed;bottom:83px;left:18px;z-index:79;width:min(282px,calc(100vw - 36px));background:#fcfdf5;border:1px solid #c9d8b6;border-radius:17px 17px 17px 5px;padding:19px 20px 16px;box-shadow:0 10px 35px #2044321a;color:#284b35;animation:chat-greeting-in .5s ease both}body[data-page=product] #chat-greeting{bottom:160px}#chat-greeting [data-greeting-close]{position:absolute;top:7px;left:8px;border:0;background:transparent;color:#829273;width:28px;height:28px;cursor:pointer;font-size:22px}#chat-greeting .chat-greeting-mark{font:18px Georgia;color:#67804f;display:block;margin-bottom:11px}#chat-greeting>b{display:block;font-size:15px}#chat-greeting>p{font-size:13px;color:#7c8b70;margin:7px 0 13px}#chat-greeting [data-greeting-open]{font:600 12px NETajawal;border:0;border-bottom:1px solid #b3c49a;background:transparent;color:#315838;padding:3px 0 6px;cursor:pointer}#chat-greeting button:focus-visible,#chat-toggle:focus-visible{outline:2px solid #a5bd78;outline-offset:3px}.faq-admin-log-head,.faq-admin-event header,.faq-admin-log-pages{display:flex;align-items:center;justify-content:space-between;gap:15px}.faq-admin-event{border:1px solid #d9e2cd;border-radius:12px;background:#f8faf2;padding:18px;margin-top:13px;overflow-wrap:anywhere}.faq-admin-event header{font-size:12px}.faq-admin-event time{font-size:10px;color:#869576}.faq-admin-event>small{font-size:11px;color:#7b8e69;display:block;margin-top:8px}.faq-admin-event h3{font-size:16px;margin:14px 0 8px}.faq-admin-event p{font-size:13px;line-height:1.9;white-space:pre-wrap;color:#6f8261}.faq-admin-log-pages{margin-top:19px}.faq-admin-log-pages button:disabled{opacity:.4;cursor:default}@keyframes chat-greeting-in{from{opacity:0;transform:translateY(9px) scale(.97)}to{opacity:1;transform:none}}@media(max-width:600px){body #chat-toggle{left:13px;bottom:15px;gap:7px;min-height:43px;padding:10px 13px}body #chat-toggle>span{font-size:11px}body #chat-toggle>svg{width:19px;height:19px}body #ne-chat{left:10px;right:10px;width:auto;bottom:70px;max-height:calc(100dvh - 90px)}body[data-page=product] #chat-toggle{bottom:91px}body[data-page=product] #ne-chat{bottom:145px;max-height:calc(100dvh - 162px)}#chat-greeting{left:13px;bottom:73px;width:260px}body[data-page=product] #chat-greeting{bottom:150px}.faq-admin-log-head{align-items:flex-start}.faq-admin-event header{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){#chat-greeting{animation:none}}
body[data-page] #chat-toggle{display:flex;opacity:1;visibility:visible;pointer-events:auto;transform:none}
/* Keep navigation and composer visible; only conversation history scrolls. */
body #ne-chat{--chat-bottom:78px;bottom:var(--chat-bottom);width:min(390px,calc(100vw - 36px));height:min(620px,calc(100dvh - var(--chat-bottom) - 16px));max-height:calc(100dvh - var(--chat-bottom) - 16px);display:flex;flex-direction:column;overflow:hidden;z-index:110}
body #ne-chat[hidden]{display:none}
body[data-page=product] #ne-chat{--chat-bottom:154px;bottom:var(--chat-bottom)}
#ne-chat #chat-human-panel{display:flex;flex:1;flex-direction:column;min-height:0;overflow:hidden}
#ne-chat #chat-room{display:flex;flex:1;flex-direction:column;min-height:0;padding:10px 12px}
#ne-chat .chat-live{flex-shrink:0;margin-bottom:7px}
#ne-chat #chat-human-panel .conversation-log{height:auto;min-height:0;flex:1;overflow-y:auto;overscroll-behavior:contain;overflow-anchor:none}
#ne-chat .conversation-compose{flex-shrink:0;padding:8px}
#ne-chat .conversation-compose textarea{min-height:38px;max-height:80px}
#ne-chat .chat-file-list{max-height:42px;overflow:auto}
#ne-chat .chat-email-option{flex-shrink:0;max-height:40%;overflow:auto;margin:0 12px 10px}
#ne-chat #chat-faq-panel{flex:1;min-height:0;max-height:none;overflow-y:auto}
#ne-chat>header{padding:14px 16px}
@media(max-width:600px){body #ne-chat{--chat-bottom:70px;left:10px;right:auto;width:calc(100vw - 20px);height:min(590px,calc(100dvh - var(--chat-bottom) - 12px));max-height:calc(100dvh - var(--chat-bottom) - 12px)}body[data-page=product] #ne-chat{--chat-bottom:145px;bottom:var(--chat-bottom);max-height:calc(100dvh - var(--chat-bottom) - 12px)}#ne-chat>header{padding:11px 13px}#ne-chat .conversation-welcome{padding:12px}#ne-chat .conversation-welcome>span{width:42px;height:42px;font-size:19px}#ne-chat .conversation-welcome h3{font-size:18px;margin:12px 0 7px}#ne-chat .conversation-welcome p{margin:0}#ne-chat .chat-customer-tabs{padding:5px 10px}#ne-chat .chat-customer-tabs button{padding:7px 5px}}
@media(max-height:600px){body #ne-chat,body[data-page=product] #ne-chat{--chat-bottom:12px;bottom:12px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px)}#ne-chat>header{padding:8px 12px}#ne-chat .chat-customer-tabs button small{display:none}}
@media(max-height:600px){#ne-chat .chat-live,#ne-chat>header small{display:none}#ne-chat>header .chat-team-avatar{width:32px;height:32px;font-size:15px}#ne-chat .chat-customer-tabs{padding:4px 8px}#ne-chat .chat-customer-tabs button{padding:5px;min-height:30px}#ne-chat .chat-email-option{margin-bottom:6px}#ne-chat .chat-email-option summary{padding:5px 0;font-size:11px}}
