.nx-inbox{--ink:#172039;--muted:#667085;--line:#e7eaf2;--primary:#5d5fef;--soft:#f7f8fc;min-height:100dvh;background:#f5f6fa;color:var(--ink);font-family:var(--font-noto-arabic),Arial,sans-serif;overflow-x:hidden}.nx-inbox *{box-sizing:border-box}.nx-inbox button,.nx-inbox input,.nx-inbox textarea,.nx-inbox select{font:inherit}.nx-inbox button,.nx-inbox a{touch-action:manipulation}.nx-inbox-head{height:72px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 24px;gap:22px}.nx-inbox-head .brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:var(--ink);padding-inline-end:22px;border-inline-end:1px solid var(--line)}.nx-inbox-head .brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:linear-gradient(135deg,#6966f4,#9a77f5);color:#fff}.nx-inbox-head .brand svg{width:18px}.nx-inbox-head .brand em{font-style:normal;color:var(--primary)}.nx-inbox-head>div{flex:1}.nx-inbox-head h1{font-size:18px;margin:0}.nx-inbox-head p{margin:3px 0 0;color:var(--muted);font-size:12px}.nx-inbox-head .lang{border:1px solid var(--line);background:#fff;border-radius:10px;height:40px;padding:0 12px;display:flex;gap:7px;align-items:center}.nx-inbox-head .lang svg{width:17px}.inbox-shell{height:calc(100dvh - 72px);display:grid;grid-template-columns:minmax(285px,330px) minmax(440px,1fr) minmax(270px,320px);max-width:1720px;margin:auto;background:#fff}.thread-pane,.customer-pane{min-width:0;background:#fff}.thread-pane{border-inline-end:1px solid var(--line);display:flex;flex-direction:column}.thread-tools{display:flex;gap:8px;padding:14px}.thread-tools label{height:42px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:12px;padding:0 11px;flex:1;background:var(--soft)}.thread-tools input{border:0;outline:0;min-width:0;width:100%;background:transparent;color:var(--ink)}.thread-tools svg{width:18px;color:var(--muted)}.thread-tools>button,.mobile-back,.mobile-close{width:42px;border:1px solid var(--line);border-radius:12px;background:#fff;display:grid;place-items:center}.queues{display:flex;gap:6px;overflow-x:auto;padding:0 14px 12px;scrollbar-width:none}.queues button{white-space:nowrap;border:0;border-radius:20px;background:var(--soft);padding:7px 10px;color:var(--muted);font-size:12px}.queues button b{margin-inline-start:5px;background:#fff;padding:1px 6px;border-radius:10px}.queues button.active{background:#eeedff;color:#4c4ad9}.extra-filters{padding:0 14px 12px;display:grid;grid-template-columns:1fr 1fr;gap:8px}.extra-filters select,.conversation-actions select,.composer>select{border:1px solid var(--line);border-radius:9px;background:#fff;padding:8px;color:var(--ink);min-width:0}.threads{overflow:auto;flex:1}.threads>button{position:relative;width:100%;border:0;border-top:1px solid #f0f1f5;background:#fff;padding:14px;display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:10px;text-align:start;color:var(--ink)}.threads>button:hover,.threads>button.active{background:#f7f7ff}.avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:linear-gradient(135deg,#e6e3ff,#cef4ed);font-weight:800;color:#554fd3}.threads>button span:nth-child(2){min-width:0}.threads b,.threads small,.threads em{display:block}.threads small{margin-top:4px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.threads em{font-style:normal;font-size:11px;color:#8a91a3;margin-top:6px;display:flex;align-items:center;gap:4px}.threads em svg{width:13px}.threads time{font-size:10px;color:#8a91a3;direction:ltr}.threads i{position:absolute;inset-inline-end:14px;bottom:13px;background:var(--primary);color:white;font-style:normal;border-radius:20px;min-width:20px;height:20px;text-align:center;font-size:11px;padding:2px 5px}.threads u{position:absolute;inset-inline-start:65px;bottom:8px;text-decoration:none;color:#c93434;font-size:10px}.conversation-pane{min-width:0;background:#fbfbfd;display:flex;flex-direction:column}.conversation-head{height:72px;padding:0 18px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:10px}.conversation-head>div:nth-of-type(1){min-width:0;flex:1}.conversation-head h2{font-size:15px;margin:0}.conversation-head p{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:11px;margin:4px 0 0}.conversation-head p svg{width:13px}.conversation-actions{display:flex;align-items:center;gap:7px}.conversation-actions button,.status-actions button,.crm-actions button{border:1px solid var(--line);border-radius:9px;background:#fff;padding:8px 10px;display:flex;align-items:center;gap:6px;color:var(--ink);font-size:12px}.conversation-actions button svg,.crm-actions button svg,.status-actions button svg{width:15px}.conversation-actions .primary,.composer .primary{background:var(--primary);border-color:var(--primary);color:white}.mobile-back,.mobile-close{display:none}.ownership{min-height:42px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;padding:8px}.ownership span,.ownership b{font-size:11px;border-radius:20px;padding:5px 10px;display:flex;align-items:center;gap:5px}.ownership svg{width:14px}.ownership .ai{background:#ecebff;color:#504bd0}.ownership .human{background:#e7f7f1;color:#18755b}.ownership b{background:#fff0ec;color:#a9462d}.messages{flex:1;overflow:auto;padding:22px clamp(14px,4vw,54px);display:flex;flex-direction:column;gap:12px}.message{max-width:min(78%,620px);align-self:flex-start}.message>div{padding:11px 14px;border-radius:15px 15px 15px 4px;background:#fff;border:1px solid var(--line);line-height:1.75;font-size:14px;white-space:pre-wrap}.message.agent,.message.human{align-self:flex-end}.message.agent>div{background:#edefff;border-color:#dedfff}.message.human>div{background:#e7f7f1;border-color:#cdece1}.message footer{display:flex;gap:6px;align-items:center;color:#8a91a3;font-size:10px;margin-top:4px}.message footer svg{width:13px}.internal-note{max-width:90%;align-self:center;background:#fff8dc;border:1px solid #efe2a5;border-radius:12px;padding:10px 12px;display:flex;gap:9px;color:#6f5d11}.internal-note>svg{width:16px}.internal-note b,.internal-note p,.internal-note time{font-size:11px;margin:0}.internal-note p{margin:4px 0}.composer{background:#fff;border-top:1px solid var(--line);padding:10px 14px}.composer-tabs{display:flex;gap:6px;align-items:center}.composer-tabs button{border:0;background:transparent;color:var(--muted);font-size:12px;padding:7px;display:flex;align-items:center;gap:5px}.composer-tabs button svg{width:14px}.composer-tabs button.active{color:var(--primary);border-bottom:2px solid var(--primary)}.composer-tabs .ai-draft{margin-inline-start:auto;background:#f1f0ff;border-radius:8px;color:#514bd0}.composer textarea{width:100%;resize:none;min-height:68px;border:0;outline:0;padding:10px 4px;color:var(--ink);background:#fff}.composer>footer{display:flex;align-items:center;justify-content:space-between;gap:8px}.composer>footer span{font-size:10px;color:var(--muted);max-width:70%}.composer .primary{border:0;border-radius:9px;padding:9px 15px;display:flex;align-items:center;gap:6px}.composer .primary svg{width:15px}.composer button:disabled,.conversation-actions button:disabled{opacity:.45;cursor:not-allowed}.customer-pane{border-inline-start:1px solid var(--line);overflow:auto;padding:18px}.customer-pane>header{text-align:center;padding:8px 0 20px;border-bottom:1px solid var(--line)}.avatar.large{width:62px;height:62px;margin:auto;border-radius:18px;font-size:20px}.customer-pane h2{font-size:16px;margin:10px 0 3px}.customer-pane header p{font-size:12px;color:var(--muted);margin:0}.customer-info{display:flex;align-items:center;gap:10px;padding:12px 0;border-bottom:1px solid #f0f1f5}.customer-info>span{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--soft);color:#5f64d9}.customer-info svg{width:16px}.customer-info div{min-width:0}.customer-info small,.customer-info b{display:block}.customer-info small{font-size:10px;color:var(--muted)}.customer-info b{font-size:12px;overflow-wrap:anywhere;margin-top:2px}.crm-actions,.summary,.linked,.status-actions{padding:15px 0;border-bottom:1px solid var(--line)}.crm-actions h3,.summary h3,.linked h3{font-size:12px;margin:0 0 9px}.crm-actions{display:grid;grid-template-columns:1fr 1fr;gap:7px}.crm-actions h3{grid-column:1/-1}.crm-actions button{justify-content:center;padding:8px 5px}.summary p,.linked p{font-size:12px;color:var(--muted);line-height:1.7}.summary span{font-size:11px;display:flex;gap:6px;align-items:center}.summary svg{width:14px}.status-actions button{width:100%;justify-content:center}.inbox-empty{margin:auto;text-align:center;padding:30px 20px;color:var(--muted);max-width:360px}.inbox-empty>svg{width:42px;height:42px;color:#8d8bea}.inbox-empty h3{font-size:15px;color:var(--ink);margin:12px 0 5px}.inbox-empty p{font-size:12px;line-height:1.7}.inbox-empty a,.inbox-empty button{display:inline-block;border:0;background:#eeedff;color:#4d49d0;border-radius:9px;padding:9px 13px;text-decoration:none}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.inbox-shell{grid-template-columns:290px minmax(420px,1fr)}.customer-pane{position:fixed;top:72px;inset-inline-end:0;width:min(360px,92vw);height:calc(100dvh - 72px);z-index:20;transform:translateX(calc((1 - 2 * var(--rtl,0))*110%));box-shadow:0 12px 40px #1b254024;transition:transform .25s}.nx-inbox[dir=rtl] .customer-pane{transform:translateX(110%)}.inbox-shell.show-customer .customer-pane{transform:translateX(0)}.mobile-close{display:grid;position:absolute;inset-inline-end:12px;top:12px}}
@media(max-width:720px){.nx-inbox-head{height:64px;padding:0 12px}.nx-inbox-head .brand{border:0;padding:0}.nx-inbox-head .brand b{display:none}.nx-inbox-head>div h1{font-size:15px}.nx-inbox-head>div p{font-size:10px}.inbox-shell{height:calc(100dvh - 64px);display:block}.thread-pane,.conversation-pane{height:100%}.conversation-pane{display:none}.inbox-shell.has-selection .thread-pane{display:none}.inbox-shell.has-selection .conversation-pane{display:flex}.customer-pane{top:64px;height:calc(100dvh - 64px)}.mobile-back{display:grid;flex:0 0 40px;height:40px}.conversation-head{height:auto;min-height:70px;padding:9px}.conversation-head .avatar{display:none}.conversation-head h2{font-size:14px}.conversation-actions .customer-toggle span,.conversation-actions button:not(.primary) span{display:none}.conversation-actions button{padding:8px}.conversation-actions select{width:74px;font-size:11px;padding:7px 3px}.messages{padding:16px 12px}.message{max-width:88%}.composer{padding-bottom:max(10px,env(safe-area-inset-bottom))}.composer-tabs{overflow-x:auto}.composer-tabs button{white-space:nowrap}.composer>footer span{display:none}.composer>footer{justify-content:flex-end}.threads>button{min-height:80px}.extra-filters{grid-template-columns:1fr}.ownership{justify-content:flex-start;overflow-x:auto}.ownership>*{white-space:nowrap}.customer-toggle{display:flex!important}}
@media(max-width:360px){.nx-inbox-head .lang{padding:0 8px}.conversation-actions{gap:4px}.conversation-actions button{font-size:0}.conversation-actions button svg{margin:0}.conversation-actions .primary{font-size:0}.conversation-actions select{width:66px}.message{max-width:94%}}
@media(prefers-reduced-motion:reduce){.spin{animation:none}.customer-pane{transition:none}}