@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=Readex+Pro:wght@200;300;400;500;600;700&display=swap";*{font-family:Poppins,Readex Pro,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}html[lang=ar],body[lang=ar],[dir=rtl]{font-family:" Pro",Poppins,system-ui,sans-serif!important}.notif-prompt-banner{background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #e5e7eb;border-radius:12px;padding:12px 16px;margin:16px;box-shadow:0 4px 12px #00000014;position:relative;z-index:1000;display:flex;align-items:center;animation:slideInDown .4s ease-out}@keyframes slideInDown{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.notif-btn-ios{background:#007aff!important;border:none!important;border-radius:14px!important;padding:6px 16px!important;font-weight:600!important;font-size:13px!important}.btn-close-notif{background:none;border:none;color:#8e8e93;font-size:16px;padding:4px;cursor:pointer;margin-left:8px}.btn-close-notif:hover{color:#000}body{background:#f3f4f6;color:#111827;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial}.container{height:calc(100vh - 32px);max-width:1350px;margin:16px auto;padding:14px!important;display:flex;flex-direction:column;gap:12px}h3,h5{color:#111827}.chat-app.three-cols{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:220px 320px 1fr}.side-nav{background:#f5f6f8;border:1px solid #e6e8eb;border-radius:14px 0 0 14px;padding:0 23px 32px;display:flex;flex-direction:column;min-height:0}.side-stat{display:flex;align-items:center;gap:10px;padding:12px 36px 12px 14px}.side-stat-icon{display:grid;place-items:center;font-weight:400}.side-stat-value{font-weight:400;color:#1f2328;line-height:1;position:absolute}.side-stat-label{font-size:10px;color:#1f2328;line-height:1.2;font-weight:600}.side-block{margin-top:4px;margin-bottom:55px}.toggle-wrap{display:flex;grid-template-columns:1fr 1fr;gap:8px;flex-direction:column}.toggle-btn{padding:8px 10px;border-radius:10px;border:1px solid #e5e7eb;background:#fff;color:#374151;font-weight:400;transition:background .15s ease,color .15s ease;font-size:10px;gap:11px}.toggle-btn:hover{background:#f3f4f6}.toggle-btn.active{background:#2563eb;color:#fff;border-color:#2563eb}.badge{background:#10b981!important;color:#064e3b!important;font-weight:400;display:inline-block;padding:4px 10px;border-radius:999px;background:#eef2ff;color:#1f2937;font-weight:600}.logout-btn{margin-top:auto;padding:10px 12px;border-radius:10px;background:#fff;border:0px solid #e5e7eb;color:#ef4444;font-weight:600;font-size:10px}.logout-btn:hover{background:#fff5f5;border-color:#fecaca}.inbox-list{background:#fff;border:1px solid #e6e8eb;display:flex;flex-direction:column;min-height:0;padding:0}.inbox-header{padding:10px 12px;border-bottom:1px solid #eef0f2}.inbox-search{width:100%;height:38px;border:0px solid #dee2e6;padding:0 12px;outline:none;background:#f9fafb;color:#111827;font-size:10px}.inbox-search::placeholder{color:#9aa0a6}.contacts{flex:1 1 auto;min-height:0;overflow-y:auto;background:#fff}.contact{padding:12px 14px;border-bottom:1px solid #f1f3f5;cursor:pointer;transition:background .15s ease,transform .15s ease}.contact:hover{background:#f7f8fb;transform:translate(3px)}.contact.active{background:#eef4ff}.contact-title{color:#111827;font-weight:600;font-size:12px}.list-time,.contact-preview{color:#6b7280;font-size:10px}.badge.rounded-pill.bg-success{background:#10b981!important;color:#064e3b!important;font-weight:800}.chat-col{background:#f7f8fa;border:1px solid #e6e8eb;border-radius:0 14px 14px 0;overflow:hidden;min-height:0}.chat-header{background:#f8fafc;padding:16px;border-bottom:1px solid #e6e8eb;display:flex;align-items:center;justify-content:space-between;color:#111827;margin:0 -16px;width:calc(100% + 32px);max-height:57px}.chat-box{flex:1 1 auto;min-height:0;overflow-y:auto;background:#f7f8fa;padding:16px;display:flex;flex-direction:column}.message{max-width:70%;padding:10px 14px;border-radius:16px;margin-bottom:10px;box-shadow:0 1px 2px #00000014;background:#f3f4f6;color:#111827;font-size:12px}.client{align-self:flex-start;background:#eaeef1;color:#111827}.bot{align-self:flex-end;background:#fff;color:#111827}.timestamp{font-size:10px;color:#6b7280;margin-top:4px;display:flex;justify-content:flex-end}.reply-box{padding:10px 24px;border-top:1px solid #e6e8eb;background:#f8fafc;display:flex;gap:10px;margin:0 -16px;width:calc(100% + 32px)}.reply-box .form-control{height:40px;border-radius:12px;border:1px solid #d1d5db;background:#fff;color:#111827;font-size:12px}.reply-box .form-control:focus{outline:none;border-color:#93c5fd;box-shadow:0 0 0 3px #93c5fd59}.btn-send{height:40px;width:40px;padding:0;border-radius:50%;background:#007aff;border:none;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;flex-shrink:0}.btn-send:hover:not(:disabled){background:#0063ce;transform:scale(1.05)}.btn-send:active:not(:disabled){transform:scale(.95)}.btn-send:disabled{background:#e5e5ea;cursor:not-allowed;opacity:.6}.chat-app.three-cols>.col{min-width:0}@media(max-width:1100px){.chat-app.three-cols{grid-template-columns:200px 280px 1fr}}@media(max-width:992px){.chat-app.three-cols{grid-template-columns:1fr}.inbox-list,.chat-col{margin-top:8px}}.chat-app.three-cols{height:100%;align-items:stretch}.side-nav,.inbox-list,.chat-col{height:100%;min-height:0}.container{height:calc(100vh - 32px)}.inbox-title{padding:13px 12px;font-weight:600;color:#111827;font-size:20px}.avatar{display:inline-block;border-radius:999px;object-fit:cover;flex:none}.avatar-fallback{display:grid;place-items:center;font-weight:600;color:#1b1f28;border-radius:999px;-webkit-user-select:none;user-select:none}.contact .contact-main{display:grid;grid-template-columns:40px 1fr;grid-gap:12px;align-items:center}.contact .contact-text{min-width:0}.chat-header{display:flex;align-items:center;justify-content:space-between}.chat-header-left{display:grid;grid-auto-flow:column;align-items:center;gap:10px}.chat-header h5{line-height:1.2;font-size:12px}.chat-header .text-muted.small{font-size:10px;color:#777}@media(max-width:768px){html,body{overflow-x:hidden;position:relative;width:100%}.chat-app.three-cols{margin-top:-3%}.three-cols{display:block;overflow-x:hidden}.inbox-top{padding-left:10px;padding-right:10px}.inbox-search{padding-left:25px!important}.side-nav{display:none}.inbox-list,.chat-col{width:100%}.hidden-mobile{display:none!important}.chat-header{position:sticky;top:0;z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.btn-back{margin-right:12px;border:none;background:#eef2ff;color:#334;padding:6px 10px;border-radius:8px;font-weight:600}.reply-box{position:sticky;bottom:0;background:#fff;z-index:2;padding-top:6px;border-top:1px solid #eee}}.topbar{display:flex;align-items:center;gap:12px;margin-bottom:12px}.topbar-title{font-size:18px;font-weight:700}.topbar-right{margin-left:auto}.badge-pill{display:inline-block;padding:4px 10px;border-radius:999px;background:#eef2ff;color:#1f2937;font-weight:600}.burger{width:38px;height:32px;border:none;background:#f3f4f6;border-radius:8px;padding:8px;display:inline-flex;flex-direction:column;justify-content:space-between;cursor:pointer;flex:none}.burger span{display:block;height:2px;background:#111827;border-radius:2px}.menu-overlay{position:fixed;inset:0;background:#0f172a59;z-index:999}.menu-sheet{position:fixed;top:0;right:0;width:min(86vw,340px);height:100vh;background:#fff;box-shadow:-10px 0 30px #00000026;z-index:1000;display:flex;flex-direction:column;animation:slideIn .18s ease-out}@keyframes slideIn{0%{transform:translate(12px);opacity:.4}to{transform:translate(0);opacity:1}}.menu-header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #eee}.menu-title{font-weight:700}.menu-close{background:transparent;border:none;font-size:20px;line-height:1;cursor:pointer}.menu-section{padding:12px 16px}.menu-label{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:#6b7280;margin-bottom:8px}.menu-item{width:100%;text-align:left;padding:10px 12px;border-radius:10px;border:1px solid #eef2ff;background:#f8fafc;margin-bottom:8px;font-weight:600;cursor:pointer}.menu-item.active{background:#e0e7ff;border-color:#c7d2fe}.menu-item.danger{background:#fff1f2;border-color:#ffe4e6;color:#991b1b}@media(max-width:768px){.three-cols{display:block}.side-nav{display:none}.inbox-list,.chat-col{width:100%}.hidden-mobile{display:none!important}.chat-header{position:sticky;top:0;z-index:3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fff6}.btn-back{margin-right:12px;border:none;background:#eef2ff;color:#334;padding:6px 10px;border-radius:8px;font-weight:600}.reply-box{position:sticky;bottom:0;background:#fff;z-index:2;padding-top:6px;border-top:1px solid #eee}}.contact-main{display:flex;gap:10px;align-items:flex-start}.contact-text{flex:1;min-width:0}.avatar{border-radius:999px;object-fit:cover}.avatar-fallback{display:flex;align-items:center;justify-content:center;color:#334;font-weight:700}.side-block{background:transparent!important;box-shadow:none!important;border:0!important;padding:0}.toggle-wrap{display:flex;flex-direction:column;gap:8px}.toggle-btn{position:relative;display:flex;align-items:center;width:100%;text-align:left;padding:12px 36px 12px 14px;background:transparent!important;border:0!important;box-shadow:none!important;border-radius:12px;color:#2f3337;font-weight:600;cursor:pointer}.toggle-btn.active{background:#fff!important;color:#1f2328}.toggle-btn:focus-visible{outline:2px solid #dfe7ff;outline-offset:2px}.close-btn{cursor:pointer;padding-right:2%}.toggle-btn .badge{position:absolute;right:12px;top:50%;transform:translateY(-50%);background-color:red!important;color:#fff!important;min-width:20px;height:20px;border-radius:50%;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}.side-stat .badge.grey{position:absolute;right:14px;top:50%;transform:translateY(-50%);background-color:#9e9e9e!important;color:#fff!important;min-width:20px;height:20px;border-radius:50%;font-size:8px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 5px}.side-stat{position:relative}.container.py-4{width:100vw;height:100vh;max-width:none!important;margin:0!important;padding:0!important;display:flex;flex-direction:column}.topbar{display:none}@media(max-width:768px){.topbar{display:flex}}.logo-bar{background:#fff;width:calc(100% + 46px);transform:translate(-23px);padding:2px 20px 13px;margin-bottom:20px;display:flex;align-items:center;border-bottom:1px solid #f0f1f3}.logo-img{width:94px;height:auto;display:block;padding-top:5px;margin-bottom:-5px}.inbox-top{border-bottom:1px solid #f0f1f3}.inbox-search-wrap{background:#fff;border-radius:0!important}.message-media{margin-top:8px;margin-bottom:8px}.chat-img{max-width:100%;max-height:300px;border-radius:8px;display:block;cursor:zoom-in}.pdf-link{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:500;padding:8px 12px!important;border-radius:8px!important;border:1px solid #2563eb!important;color:#2563eb!important;background:transparent!important;transition:all .2s ease}.pdf-link:hover{background:#2563eb!important;color:#fff!important}.edit-mini-btn{background:transparent;border:none;color:#9ca3af;font-size:14px;padding:0 4px;cursor:pointer;transition:color .2s}.edit-mini-btn:hover{color:#2563eb}.edit-profile-form{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:4px 8px;box-shadow:0 2px 4px #0000000d}.edit-profile-form .form-control{max-width:150px;font-size:11px}.thread-actions{display:flex;gap:6px;align-items:center;margin-right:6px}.thread-action-btn{background:#f3f4f6;border:1px solid #e5e7eb;border-radius:8px;color:#374151;font-size:10px;font-weight:500;padding:4px 8px;cursor:pointer;transition:background .15s ease;white-space:nowrap}.thread-action-btn:hover{background:#e5e7eb}.thread-action-btn.danger{color:#ef4444;border-color:#fecaca}.thread-action-btn.danger:hover{background:#fff5f5}@media(max-width:768px){.thread-actions{display:none}}.thread-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:40px 0;color:#9ca3af;font-size:13px}.thread-spinner{width:28px;height:28px;border:3px solid #e5e7eb;border-top-color:#2563eb;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:768px){.container.py-4{padding:0!important;margin:0!important;width:100vw;height:100dvh;max-width:none!important;background:#fff;border:none;border-radius:0;box-shadow:none}.side-nav,.topbar{display:none!important}.chat-app.three-cols{display:block;height:100%;margin:0;border:none;grid-template-columns:1fr}.inbox-list{width:100%;height:100%;border:none;background:#fff;display:flex;flex-direction:column}.inbox-top{padding:12px 16px 0;border-bottom:none;background:#fff;display:flex;align-items:center;justify-content:space-between;min-height:50px}.inbox-title{font-size:40px;font-weight:500;letter-spacing:-.5px;color:#000;padding:0;margin-bottom:4px}.mobile-top-actions{display:flex;gap:16px}.ios-icon-btn{background:none;border:none;padding:4px;cursor:pointer;display:flex;align-items:center;justify-content:center}.inbox-search-wrap{padding:8px 16px;background:#fff;border-bottom:none}.inbox-search{background:#7676801f;border:none;border-radius:10px;height:36px;font-size:17px;padding-left:12px!important;color:#000;font-family:-apple-system,BlinkMacSystemFont,sans-serif}.inbox-search::placeholder{color:#8e8e93}.mobile-tabs-container{background:#f2f2f7;padding:6px 0;margin-top:4px;border-bottom:.5px solid #d1d1d6}.mobile-tabs{display:flex;align-items:center;padding:0 16px;gap:24px;height:36px}.mobile-tab{background:none;border:none;font-size:15px;font-weight:500;color:#8e8e93;padding:6px 0;margin:0;cursor:pointer;position:relative;transition:color .2s;height:100%;display:flex;align-items:center}.mobile-tab.active{color:#007aff;font-weight:600}.mobile-tab.active:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2.5px;border-radius:2px}.contacts{background:#fff;padding:0}.close-btn{display:none}.contact{padding:0;margin:0;border:none;background:#fff!important}.contact:hover{background:#fff!important}.contact:active{background:#e5e5ea!important}.contact-main{display:flex;align-items:center;padding:10px 16px 10px 0;margin-left:16px;border-bottom:.5px solid #c6c6c8;gap:12px;height:95px}.contact-main .avatar{width:52px!important;height:52px!important;border-radius:50%;flex-shrink:0}.contact-text{display:flex;flex-direction:column;justify-content:center;padding-left:3%;min-width:0;height:100%}.contact-text>div:first-child{display:flex;justify-content:space-between;align-items:baseline;width:100%;min-width:0}.contact-title{font-size:17px;font-weight:500;color:#000;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.list-time{font-size:14px;color:#8e8e93;font-weight:400;flex-shrink:0;margin-left:8px}.contact-text>div:last-child{display:flex;justify-content:space-between;align-items:center;margin-top:1px;min-width:0}.contact-preview{font-size:15px;color:#8e8e93;line-height:1.3;max-width:85%;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;font-weight:300}.badge.rounded-pill.bg-success{background:#007aff!important;font-size:14px;padding:4px 8px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center}.chat-col{position:fixed;top:0;left:0;width:100%;height:100%;z-index:2000;display:flex!important;flex-direction:column}.hidden-mobile{display:none!important}.chat-header{padding:0 8px;height:50px;background:#ffffffd9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:none;display:flex;align-items:center;justify-content:space-between}.btn-back{background:none;color:#007aff;font-size:17px;padding:8px;display:flex;align-items:center}.message{border-radius:18px;padding:8px 12px;font-size:17px;line-height:1.3;max-width:80%;box-shadow:none;word-break:break-word;overflow-wrap:break-word;text-align:start;unicode-bidi:plaintext}.client{background:#007aff;color:#fff}.client .timestamp{color:#ffffffb3}.bot{background:#e5e5ea;color:#000}.reply-box{background:#f0f0f0;border-top:.5px solid #b3b3b3;padding:8px 12px;width:108%!important;margin:0!important}.reply-box .form-control{border-radius:20px;border:1px solid #c6c6c8;height:36px;font-size:16px}.btn-send{border-radius:50%;width:38px;height:38px;padding:0;display:flex;align-items:center;justify-content:center;background:#007aff;color:#fff;border:none;margin-left:4px}}.avatar-wrapper{flex-shrink:0}.platform-icon-badge{position:absolute;bottom:-2px;right:-2px;width:18px;height:18px;background:#fff;border-radius:50%;padding:2px;box-shadow:0 1px 3px #0000001a;display:flex;align-items:center;justify-content:center;z-index:10}.platform-icon-badge img{width:100%;height:100%;object-fit:contain}@media(max-width:768px){.chat-header{display:flex;align-items:center;justify-content:flex-start;padding:8px 12px;background:#ffffffe6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:.5px solid #d1d1d6;height:80px!important;z-index:100;position:fixed;max-height:80px!important}.chat-box{margin-top:20%;padding:0}.chat-header-left{display:flex;align-items:center;gap:10px;min-width:0;flex:1}.chat-header .avatar{width:40px!important;height:40px!important;flex-shrink:0}.chat-header-info{display:flex;flex-direction:column;justify-content:center;min-width:0;flex:1}.chat-header-name{font-size:17px;font-weight:600;color:#000;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-header-phone{font-size:12px;color:#8e8e93;font-weight:400;margin-top:-2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.edit-mini-btn{position:absolute;top:30%;right:10%;background:none;border:none;color:#8e8e93;padding:4px;font-size:18px;line-height:1}.message{font-size:14px}.btn-back-ios{display:flex;align-items:center;background:none;border:none;color:#007aff;font-size:17px;font-weight:400;padding:4px 0;margin-left:-4px;gap:2px}.back-text{margin-left:-2px}.chat-center-info{position:absolute;left:50%;transform:translate(-50%);text-align:center;display:flex;flex-direction:column;align-items:center;pointer-events:none;width:60%}.chat-title-main{font-size:17px;font-weight:600;color:#000;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.chat-subtitle-ios{font-size:12px;color:#8e8e93;font-weight:400;margin-top:-1px;white-space:nowrap}.chat-right-info{display:flex;align-items:center}}