/* Zajel chat-first workspace. Loaded last; restyles the existing markup (ids and handlers unchanged):
   the conversation fills the screen, and the chat list, customer details and main menu are drawers, hidden by default.
   Every rule is under html.zj-ws[data-theme] body (set by zajel-workspace.js) so the old look stays if the script doesn't run. */

html.zj-ws{--zj-top:56px;--zj-drawer:400px;--zj-ease:cubic-bezier(.2,.7,.3,1)}
html.zj-ws[data-theme] body{background:var(--s-bg)!important}

/* ---------- the shell: top bar + conversation, nothing else ---------- */
html.zj-ws[data-theme] body #messages#messages.messages-wrap{height:100vh;height:100dvh;padding:0!important;margin:0!important;background:var(--s-bg)!important;overflow:hidden}
html.zj-ws[data-theme] body #messages#messages .cc-workspace-shell{display:flex!important;flex-direction:column!important;height:100%!important;max-width:none!important;margin:0!important;padding:0!important;gap:0!important;background:var(--s-bg)!important;border:0!important;border-radius:0!important;box-shadow:none!important}

/* top bar */
html.zj-ws[data-theme] body #messages#messages .cc-workspace-topbar{
 flex:0 0 var(--zj-top)!important;height:var(--zj-top)!important;min-height:0!important;display:flex!important;align-items:center!important;gap:8px!important;
 padding:0 12px!important;margin:0!important;background:var(--s-surface)!important;border:0!important;border-bottom:1px solid var(--s-border)!important;border-radius:0!important;box-shadow:none!important;color:var(--s-text)!important;position:relative;z-index:30
}
html.zj-ws[data-theme] body #messages#messages .cc-workspace-topbar::before,html.zj-ws[data-theme] body #messages#messages .cc-workspace-topbar::after{display:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-topbar-brand{display:flex!important;align-items:center!important;gap:10px!important;min-width:0;padding:0!important;background:none!important;border:0!important}
html.zj-ws[data-theme] body #messages#messages .cc-topbar-brand img{width:34px!important;height:34px!important;border-radius:9px!important;object-fit:cover!important;object-position:50% 36%!important;background:#fff!important;border:1px solid var(--s-border)!important;padding:0!important;box-shadow:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-topbar-brand strong{display:block;font-size:14px!important;font-weight:700!important;color:var(--s-text)!important;letter-spacing:0!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:180px;text-transform:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-topbar-brand span{display:block;font-size:11px!important;color:var(--s-text-3)!important;letter-spacing:.2px!important}
html.zj-ws[data-theme] body #messages#messages #ccAdminTopKpis{display:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-topbar-user{display:flex!important;align-items:center!important;gap:4px!important;margin-inline-start:auto!important;padding:0!important;background:none!important;border:0!important;flex-wrap:nowrap!important}
html.zj-ws[data-theme] body #messages#messages .cc-topbar-user > .cc-admin-stat,html.zj-ws[data-theme] body #messages#messages .cc-mobile-logout-action{display:none!important}
html.zj-ws[data-theme] body #messages#messages :is(.cc-top-nav-btn,.zj-icon-btn){
 display:inline-grid!important;place-items:center!important;width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;margin:0!important;border-radius:10px!important;
 border:0!important;background:transparent!important;color:var(--s-text-2)!important;font-size:16px!important;line-height:1!important;box-shadow:none!important;cursor:pointer;transition:background .15s,color .15s
}
html.zj-ws[data-theme] body #messages#messages :is(.cc-top-nav-btn,.zj-icon-btn):hover{background:var(--s-surface-2)!important;color:var(--s-text)!important}
html.zj-ws[data-theme] body #messages#messages .zj-icon-btn svg,html.zj-ws[data-theme] body .zj-svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex:0 0 auto}
html.zj-ws[data-theme] body #messages#messages .app-theme-toggle-label{display:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-language-toggle{height:32px!important;padding:0 10px!important;border-radius:8px!important;border:1px solid var(--s-border)!important;background:transparent!important;color:var(--s-text-2)!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important;position:static!important}
html.zj-ws[data-theme] body #messages#messages #zjListBtn{position:relative}
html.zj-ws[data-theme] body #messages#messages #zjListBtn[aria-expanded="true"]{background:var(--s-brand-soft)!important;color:var(--s-brand)!important}
html.zj-ws[data-theme] body #messages#messages .zj-badge{position:absolute;top:2px;inset-inline-end:0;min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--s-brand);color:#fff;font-size:11px;font-weight:700;line-height:18px;text-align:center;box-shadow:0 0 0 2px var(--s-surface)}
html.zj-ws[data-theme] body #messages#messages .zj-badge:empty{display:none}
html.zj-ws[data-theme] body #messages#messages .zj-top-sep{width:1px;height:24px;background:var(--s-border);margin:0 4px}

/* the online switch, break and the user menu, compact */
html.zj-ws[data-theme] body #messages#messages .elmujib-availability-switch{height:32px!important;padding:0 10px!important;border-radius:999px!important;border:1px solid var(--s-border)!important;background:var(--s-surface)!important;color:var(--s-text-2)!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important;gap:8px!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-availability-switch .track{width:30px!important;height:18px!important;border-radius:9px!important;background:var(--s-surface-3)!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-availability-switch[aria-pressed="true"] .track{background:#16A34A!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-availability-switch .thumb{width:14px!important;height:14px!important;top:2px!important}
html.zj-ws[data-theme] body #messages#messages .cc-break-btn{height:32px!important;padding:0 10px!important;border-radius:999px!important;border:1px solid var(--s-border)!important;background:var(--s-surface)!important;color:var(--s-text-2)!important;font-size:12px!important;box-shadow:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-break-btn svg{width:16px;height:16px}
html.zj-ws[data-theme] body #messages#messages .cc-top-user-trigger{height:40px!important;padding:2px 6px!important;border-radius:12px!important;border:0!important;background:transparent!important;box-shadow:none!important;gap:8px!important;color:var(--s-text)!important}
html.zj-ws[data-theme] body #messages#messages .cc-top-user-trigger:hover{background:var(--s-surface-2)!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-messages-user-avatar{width:32px!important;height:32px!important;border-radius:50%!important;background:var(--s-brand)!important;color:#fff!important;font-size:13px!important;font-weight:700!important;box-shadow:none!important;border:0!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-messages-user-name{font-size:13px!important;font-weight:600!important;color:var(--s-text)!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-messages-user-role{font-size:11px!important;color:var(--s-text-3)!important}
html.zj-ws[data-theme] body #messages#messages .cc-user-caret{color:var(--s-text-3)!important}
html.zj-ws[data-theme] body #messages#messages .cc-top-user-dropdown{background:var(--s-surface)!important;border:1px solid var(--s-border)!important;border-radius:12px!important;box-shadow:var(--s-shadow-lg)!important;padding:6px!important;z-index:60!important}
html.zj-ws[data-theme] body #messages#messages .cc-top-user-dropdown button{border-radius:8px!important;color:var(--s-text)!important;background:transparent!important;font-size:13px!important}
html.zj-ws[data-theme] body #messages#messages .cc-top-user-dropdown button:hover{background:var(--s-surface-2)!important}

/* the comments / archive / studio switch sits inside the top bar, not a row of its own */
html.zj-ws[data-theme] body #messages#messages #ccUnifiedTabs{display:flex!important;align-items:center;gap:2px!important;margin:0 8px!important;padding:3px!important;height:auto!important;min-height:0!important;border-radius:10px!important;background:var(--s-surface-2)!important;border:0!important;box-shadow:none!important;position:static!important;width:auto!important}
html.zj-ws[data-theme] body #messages#messages #ccUnifiedTabs button{height:30px!important;padding:0 12px!important;border-radius:8px!important;border:0!important;background:transparent!important;color:var(--s-text-2)!important;font-size:12.5px!important;font-weight:600!important;box-shadow:none!important;white-space:nowrap}
html.zj-ws[data-theme] body #messages#messages #ccUnifiedTabs button[aria-pressed="true"]{background:var(--s-surface)!important;color:var(--s-text)!important;box-shadow:0 1px 2px rgba(15,23,42,.08)!important}

/* ---------- the conversation takes everything below the top bar ---------- */
html.zj-ws[data-theme] body #messages#messages .cc-chat-layout{flex:1 1 auto!important;display:block!important;position:relative!important;min-height:0!important;height:auto!important;margin:0!important;padding:0!important;gap:0!important;grid-template-columns:none!important;background:transparent!important;border:0!important;box-shadow:none!important;overflow:hidden!important}
html.zj-ws[data-theme] body #messages#messages .cc-chat-column{display:flex!important;flex-direction:column!important;position:absolute!important;inset:0!important;width:auto!important;max-width:none!important;height:auto!important;margin:0!important;border:0!important;border-radius:0!important;background:var(--s-thread)!important;box-shadow:none!important;transform:none!important;visibility:visible!important;opacity:1!important}

/* conversation header */
html.zj-ws[data-theme] body #messages#messages .cc-chat-head{flex:0 0 auto!important;display:flex!important;align-items:center!important;gap:12px!important;min-height:60px!important;padding:8px 16px!important;margin:0!important;background:var(--s-surface)!important;border:0!important;border-bottom:1px solid var(--s-border)!important;border-radius:0!important;box-shadow:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-chat-person{display:flex!important;align-items:center!important;gap:12px!important;min-width:0!important;flex:1 1 auto!important}
html.zj-ws[data-theme] body #messages#messages .cc-chat-avatar{width:40px!important;height:40px!important;min-width:40px!important;border-radius:50%!important;background:var(--s-brand-soft)!important;color:var(--s-brand)!important;font-weight:700!important;font-size:15px!important;border:0!important;box-shadow:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-chat-name-row{display:flex!important;align-items:center!important;gap:8px!important;min-width:0}
html.zj-ws[data-theme] body #messages#messages #elmujibSelectedName{font-size:15px!important;font-weight:700!important;color:var(--s-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
html.zj-ws[data-theme] body #messages#messages .cc-chat-channel,html.zj-ws[data-theme] body #messages#messages .cc-customer-code{height:22px!important;padding:0 8px!important;border-radius:6px!important;background:var(--s-surface-2)!important;color:var(--s-text-2)!important;border:0!important;font-size:11.5px!important;font-weight:600!important;display:inline-flex!important;align-items:center;gap:4px}
html.zj-ws[data-theme] body #messages#messages .cc-chat-channel.hidden,html.zj-ws[data-theme] body #messages#messages .cc-customer-code.hidden{display:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-chat-subline{display:flex!important;align-items:center!important;gap:6px!important;color:var(--s-text-3)!important;font-size:12px!important;margin-top:1px}
html.zj-ws[data-theme] body #messages#messages .cc-copy-phone-btn{width:22px!important;height:22px!important;border-radius:6px!important;border:0!important;background:transparent!important;color:var(--s-text-3)!important;padding:0!important}
html.zj-ws[data-theme] body #messages#messages .cc-copy-phone-btn.hidden{display:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-selected-elapsed{color:var(--s-text-3)!important;background:none!important;font-size:12px!important}
html.zj-ws[data-theme] body #messages#messages .cc-chat-actions{display:flex;align-items:center!important;gap:6px!important;flex-wrap:nowrap!important;margin:0!important;position:relative}
html.zj-ws[data-theme] body #messages#messages .cc-chat-actions .btn{height:36px!important;padding:0 14px!important;border-radius:10px!important;font-size:13px!important;font-weight:600!important;box-shadow:none!important}
html.zj-ws[data-theme] body #messages#messages #elmujibMarkDoneBtn{background:var(--s-brand)!important;border-color:var(--s-brand)!important;color:#fff!important}
html.zj-ws[data-theme] body #messages#messages #elmujibMarkDoneBtn:hover{background:var(--s-brand-hover)!important}
html.zj-ws[data-theme] body #messages#messages #ccCustomerInfoBtn{width:36px!important;height:36px!important;padding:0!important;border-radius:10px!important;border:0!important;background:transparent!important;color:var(--s-text-2)!important;font-size:0!important;display:inline-grid!important;place-items:center!important;box-shadow:none!important}
html.zj-ws[data-theme] body #messages#messages #ccCustomerInfoBtn:hover,html.zj-ws[data-theme] body #messages#messages #ccCustomerInfoBtn[aria-expanded="true"]{background:var(--s-brand-soft)!important;color:var(--s-brand)!important}
html.zj-ws[data-theme] body #messages#messages .cc-mobile-chat-back{display:none!important}
/* the "more" menu: transfer and hold */
html.zj-ws[data-theme] body #messages#messages #zjMoreMenu{position:absolute;top:calc(100% + 8px);inset-inline-end:0;z-index:40;min-width:260px;padding:8px;display:none;flex-direction:column;gap:6px;background:var(--s-surface);border:1px solid var(--s-border);border-radius:12px;box-shadow:var(--s-shadow-lg)}
html.zj-ws[data-theme] body #messages#messages #zjMoreMenu.open{display:flex}
html.zj-ws[data-theme] body #messages#messages #zjMoreMenu .zj-menu-label{font-size:11px;font-weight:600;color:var(--s-text-3);padding:4px 6px 0}
html.zj-ws[data-theme] body #messages#messages #zjMoreMenu .elmujib-transfer-wrap{display:flex!important;gap:6px!important;width:100%;margin:0!important}
html.zj-ws[data-theme] body #messages#messages #zjMoreMenu .elmujib-transfer-wrap select{flex:1;min-width:0;height:36px!important;margin:0!important;border-radius:10px!important}
html.zj-ws[data-theme] body #messages#messages #zjMoreMenu #elmujibHoldBtn{width:100%;justify-content:flex-start;background:transparent!important;border:0!important;color:var(--s-text)!important;text-align:start}
html.zj-ws[data-theme] body #messages#messages #zjMoreMenu #elmujibHoldBtn:hover{background:var(--s-surface-2)!important}
html.zj-ws[data-theme] body #messages#messages .cc-transfer-notice:not(.hidden){margin:8px 16px 0!important;border-radius:10px!important}

/* message history */
html.zj-ws[data-theme] body #messages#messages .cc-thread-viewport{flex:1 1 auto!important;min-height:0!important;position:relative!important;background:var(--s-thread)!important;margin:0!important;border:0!important}
html.zj-ws[data-theme] body #messages#messages .cc-chat-thread{height:100%!important;overflow-y:auto!important;padding:20px max(16px,calc((100% - 900px)/2))!important;background:transparent!important;scroll-behavior:smooth;display:flex;flex-direction:column;gap:2px}
html.zj-ws[data-theme] body #messages#messages .cc-message-row{margin:3px 0!important;padding:0!important;background:none!important;align-items:flex-end}
html.zj-ws[data-theme] body #messages#messages .cc-message-row + .cc-message-row:not(.inbound + .outbound):not(.outbound + .inbound){margin-top:1px!important}
html.zj-ws[data-theme] body #messages#messages .cc-message-bubble{max-width:min(620px,72%)!important;padding:8px 12px 6px!important;border-radius:16px!important;border:0!important;box-shadow:0 1px 1px rgba(15,23,42,.04)!important;font-size:14.5px!important;line-height:1.65!important}
html.zj-ws[data-theme] body #messages#messages .cc-message-row.inbound .cc-message-bubble{background:var(--s-in-bubble)!important;color:var(--s-text)!important;border-start-start-radius:6px!important}
html.zj-ws[data-theme] body #messages#messages .cc-message-row.outbound .cc-message-bubble{background:var(--s-out-bubble)!important;color:var(--s-text)!important;border-start-end-radius:6px!important}
html[data-theme="dark"].zj-ws body #messages#messages .cc-message-row.outbound .cc-message-bubble{color:#fff!important}
html.zj-ws[data-theme] body #messages#messages .cc-message-text{color:inherit!important;white-space:pre-wrap;word-break:break-word}
html.zj-ws[data-theme] body #messages#messages .elmujib-sender-tag{font-size:11.5px!important;font-weight:600!important;color:var(--s-brand)!important;opacity:.9;margin-bottom:2px!important;background:none!important;padding:0!important}
html[data-theme="dark"].zj-ws body #messages#messages .cc-message-row.outbound .elmujib-sender-tag{color:#BFD8F6!important}
html.zj-ws[data-theme] body #messages#messages .cc-message-meta{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:4px!important;margin-top:2px!important;font-size:11px!important;color:var(--s-text-3)!important;opacity:1!important}
html[data-theme="dark"].zj-ws body #messages#messages .cc-message-row.outbound .cc-message-meta{color:rgba(255,255,255,.72)!important}
html.zj-ws[data-theme] body #messages#messages .cc-wa-ticks{color:inherit!important}
html.zj-ws[data-theme] body #messages#messages .cc-wa-ticks.read{color:#22A6E0!important}
html[data-theme="dark"].zj-ws body #messages#messages .cc-message-row.outbound .cc-wa-ticks.read{color:#7DD3FC!important}
html.zj-ws[data-theme] body #messages#messages :is(.cc-message-reply-btn,.cc-message-react-btn){width:28px!important;height:28px!important;border-radius:8px!important;border:1px solid var(--s-border)!important;background:var(--s-surface)!important;color:var(--s-text-2)!important;box-shadow:var(--s-shadow-sm)!important;font-size:13px!important}
html.zj-ws[data-theme] body #messages#messages .cc-unread-divider{margin:12px 0!important;color:var(--s-brand)!important;font-size:12px!important;font-weight:600!important}
html.zj-ws[data-theme] body #messages#messages .cc-unread-divider span{background:var(--s-brand-soft)!important;color:var(--s-brand)!important;border:0!important;border-radius:999px!important;padding:3px 12px!important}
html.zj-ws[data-theme] body #messages#messages :is(.cc-date-divider,.elmujib-date-separator,.cc-day-divider) span{background:var(--s-surface)!important;color:var(--s-text-3)!important;border:1px solid var(--s-border)!important;border-radius:999px!important;font-size:12px!important;padding:3px 12px!important;box-shadow:none!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-chat-empty{margin:auto!important;text-align:center;color:var(--s-text-3)!important;background:none!important;border:0!important;box-shadow:none!important;padding:24px!important;max-width:420px}
html.zj-ws[data-theme] body #messages#messages .elmujib-chat-empty .cc-empty-icon{display:none!important}
html.zj-ws[data-theme] body #messages#messages .zj-empty-art{width:88px;height:88px;margin:0 auto 14px;border-radius:24px;background:var(--s-brand-soft);display:grid;place-items:center;color:var(--s-brand)}
html.zj-ws[data-theme] body #messages#messages .zj-empty-art svg{width:40px;height:40px}
html.zj-ws[data-theme] body #messages#messages .elmujib-chat-empty h3{color:var(--s-text)!important;font-size:18px!important;font-weight:700!important;margin:0 0 6px!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-chat-empty p{margin:0 0 18px!important;font-size:14px!important}
html.zj-ws[data-theme] body #messages#messages .zj-empty-cta{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 18px;border-radius:12px;border:0;background:var(--s-brand);color:#fff;font-weight:700;font-size:14px;cursor:pointer}
html.zj-ws[data-theme] body #messages#messages .zj-empty-cta:hover{background:var(--s-brand-hover)}
html.zj-ws[data-theme] body #messages#messages .cc-scroll-bottom{width:40px!important;height:40px!important;border-radius:50%!important;background:var(--s-surface)!important;color:var(--s-text)!important;border:1px solid var(--s-border)!important;box-shadow:var(--s-shadow-lg)!important;bottom:16px!important;inset-inline-start:50%!important;transform:translateX(-50%)!important;font-size:18px!important}

/* composer */
html.zj-ws[data-theme] body #messages#messages .cc-composer{flex:0 0 auto!important;margin:0!important;padding:10px max(16px,calc((100% - 900px)/2)) 12px!important;background:var(--s-thread)!important;border:0!important;box-shadow:none!important;border-radius:0!important}
html.zj-ws[data-theme] body #messages#messages .cc-composer.hidden{display:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-composer-row-clean{display:flex!important;align-items:flex-end!important;flex-wrap:wrap!important;gap:4px!important;padding:6px!important;margin:0!important;background:var(--s-surface)!important;border:1px solid var(--s-border)!important;border-radius:16px!important;box-shadow:0 4px 16px rgba(15,23,42,.06)!important;transition:border-color .15s,box-shadow .15s}
html.zj-ws[data-theme] body #messages#messages .cc-composer-row-clean:focus-within{border-color:var(--s-brand)!important;box-shadow:var(--s-ring),0 4px 16px rgba(15,23,42,.06)!important}
html.zj-ws[data-theme] body #messages#messages #elmujibMessageText{order:0;flex:1 1 100%!important;min-height:44px!important;max-height:180px!important;margin:0!important;padding:10px 10px 4px!important;border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--s-text)!important;font-size:14.5px!important;line-height:1.6!important;resize:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-composer-left-tools{order:1;display:flex!important;gap:2px!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
html.zj-ws[data-theme] body #messages#messages .cc-composer-right-actions{order:2;flex:1 1 auto!important;display:flex!important;align-items:center!important;gap:2px!important;margin:0!important;padding:0!important;background:none!important;border:0!important}
html.zj-ws[data-theme] body #messages#messages :is(.elmujib-tool-btn,.cc-icon-action,.elmujib-mic-btn,.cc-emoji-trigger){width:36px!important;height:36px!important;min-width:36px!important;padding:0!important;margin:0!important;border-radius:10px!important;border:0!important;background:transparent!important;color:var(--s-text-2)!important;box-shadow:none!important;font-size:17px!important;display:inline-grid!important;place-items:center!important}
html.zj-ws[data-theme] body #messages#messages :is(.elmujib-tool-btn,.cc-icon-action,.elmujib-mic-btn,.cc-emoji-trigger):hover{background:var(--s-surface-2)!important;color:var(--s-text)!important}
html.zj-ws[data-theme] body #messages#messages .cc-composer-right-actions > .btn-secondary{height:32px!important;padding:0 10px!important;border-radius:999px!important;border:1px solid var(--s-border)!important;background:var(--s-surface)!important;color:var(--s-text-2)!important;font-size:12px!important;font-weight:600!important;box-shadow:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-composer-right-actions > .btn-secondary:hover{border-color:var(--s-brand)!important;color:var(--s-brand)!important;background:var(--s-brand-soft)!important}
html.zj-ws[data-theme] body #messages#messages #ccAiSuggestBtn{margin-inline-start:auto!important}
html.zj-ws[data-theme] body #messages#messages #elmujibSendBtn{width:40px!important;height:40px!important;min-width:40px!important;padding:0!important;margin:0!important;margin-inline-start:6px!important;border-radius:12px!important;background:var(--s-brand)!important;border:0!important;color:#fff!important;box-shadow:none!important;display:inline-grid!important;place-items:center!important}
html.zj-ws[data-theme] body #messages#messages #elmujibSendBtn:hover{background:var(--s-brand-hover)!important}
html[dir="rtl"].zj-ws[data-theme] body #messages#messages #elmujibSendBtn svg{transform:scaleX(-1)}
html.zj-ws[data-theme] body #messages#messages .elmujib-composer-hint{display:block;text-align:center;margin-top:6px!important;font-size:11px!important;color:var(--s-text-3)!important}
html.zj-ws[data-theme] body #messages#messages .cc-reply-preview:not(.hidden){margin:0 0 8px!important;border-radius:12px!important;background:var(--s-surface)!important;border:1px solid var(--s-border)!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-popover:not(.hidden){background:var(--s-surface)!important;border:1px solid var(--s-border)!important;border-radius:12px!important;box-shadow:var(--s-shadow-lg)!important}

/* ---------- drawers: chat list (start side), customer details (end side) ---------- */
html.zj-ws[data-theme] body #zjBackdrop{position:fixed;inset:var(--zj-top) 0 0 0;z-index:44;background:rgba(15,23,42,.28);opacity:0;pointer-events:none;transition:opacity .2s var(--zj-ease)}
html.zj-ws.zj-drawer-open body #zjBackdrop{opacity:1;pointer-events:auto}
html.zj-ws[data-theme] body #messages#messages .cc-contacts-column{
 position:fixed!important;top:var(--zj-top)!important;bottom:0!important;inset-inline-start:0!important;inset-inline-end:auto!important;z-index:45!important;
 width:min(var(--zj-drawer),100vw)!important;max-width:none!important;height:auto!important;margin:0!important;display:flex!important;flex-direction:column!important;
 background:var(--s-surface)!important;border:0!important;border-inline-end:1px solid var(--s-border)!important;border-radius:0!important;box-shadow:var(--s-shadow-lg)!important;
 transform:translateX(-104%)!important;visibility:hidden;transition:transform .24s var(--zj-ease),visibility 0s linear .24s!important;overflow:hidden!important
}
html[dir="rtl"].zj-ws[data-theme] body #messages#messages .cc-contacts-column{transform:translateX(104%)!important}
html.zj-ws.zj-list-open[data-theme] body #messages#messages .cc-contacts-column{transform:none!important;visibility:visible;transition:transform .24s var(--zj-ease),visibility 0s!important}
html.zj-ws[data-theme] body #messages#messages .cc-contacts-head{display:flex!important;align-items:center!important;gap:10px!important;padding:14px 16px 10px!important;margin:0!important;background:none!important;border:0!important}
html.zj-ws[data-theme] body #messages#messages .cc-contacts-head strong{font-size:17px!important;font-weight:700!important;color:var(--s-text)!important}
html.zj-ws[data-theme] body #messages#messages .cc-contacts-head small{display:none!important}
html.zj-ws[data-theme] body #messages#messages #elmujibContactCount{margin-inline-start:auto;min-width:24px;height:24px;padding:0 8px;border-radius:12px;background:var(--s-surface-2)!important;color:var(--s-text-2)!important;font-size:12px!important;font-weight:700;display:inline-grid;place-items:center;border:0!important}
html.zj-ws[data-theme] body #messages#messages .zj-drawer-close{width:32px;height:32px;border-radius:8px;border:0;background:transparent;color:var(--s-text-2);display:grid;place-items:center;cursor:pointer}
html.zj-ws[data-theme] body #messages#messages .zj-drawer-close:hover{background:var(--s-surface-2)}
html.zj-ws[data-theme] body #messages#messages .elmujib-search-wrap{margin:0 16px 10px!important;position:relative}
html.zj-ws[data-theme] body #messages#messages .elmujib-search-input{height:40px!important;border-radius:10px!important;border:1px solid var(--s-border)!important;background:var(--s-surface-2)!important;color:var(--s-text)!important;padding-inline:36px 32px!important;font-size:13.5px!important;box-shadow:none!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-search-input:focus{border-color:var(--s-brand)!important;background:var(--s-surface)!important;box-shadow:var(--s-ring)!important}
html.zj-ws[data-theme] body #messages#messages .cc-chat-filter-row{display:flex!important;gap:8px!important;margin:0 16px 10px!important;padding:0!important}
html.zj-ws[data-theme] body #messages#messages .cc-chat-filter-row select{flex:1;min-width:0;height:34px!important;border-radius:9px!important;font-size:12.5px!important;margin:0!important;background:var(--s-surface)!important;border:1px solid var(--s-border)!important;color:var(--s-text-2)!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-filter-tabs{display:flex!important;gap:4px!important;margin:0 16px 8px!important;padding:3px!important;border-radius:10px!important;background:var(--s-surface-2)!important;border:0!important;overflow-x:auto}
html.zj-ws[data-theme] body #messages#messages .elmujib-filter-tab{flex:1 0 auto;height:32px!important;padding:0 10px!important;border-radius:8px!important;border:0!important;background:transparent!important;color:var(--s-text-2)!important;font-size:12.5px!important;font-weight:600!important;box-shadow:none!important;display:inline-flex!important;align-items:center;justify-content:center;gap:6px}
html.zj-ws[data-theme] body #messages#messages .elmujib-filter-tab.active{background:var(--s-surface)!important;color:var(--s-text)!important;box-shadow:0 1px 2px rgba(15,23,42,.08)!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-filter-count{min-width:18px;height:18px;padding:0 5px;border-radius:9px;background:var(--s-surface-3)!important;color:var(--s-text-2)!important;font-size:11px!important;line-height:18px;border:0!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-filter-tab.active .elmujib-filter-count{background:var(--s-brand)!important;color:#fff!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-contacts-list{flex:1 1 auto!important;min-height:0!important;overflow-y:auto!important;padding:4px 8px 12px!important;margin:0!important;background:none!important;border:0!important;display:flex;flex-direction:column;gap:2px}
html.zj-ws[data-theme] body #messages#messages .elmujib-contact{
 position:relative!important;display:grid!important;grid-template-columns:44px 1fr auto!important;grid-template-areas:"av main time" "av main count"!important;align-items:start!important;column-gap:10px!important;row-gap:4px!important;
 width:100%!important;min-height:0!important;margin:0!important;padding:10px!important;border-radius:12px!important;border:0!important;background:transparent!important;box-shadow:none!important;text-align:start!important;color:var(--s-text)!important;cursor:pointer;transition:background .12s
}
html.zj-ws[data-theme] body #messages#messages .elmujib-contact::before,html.zj-ws[data-theme] body #messages#messages .elmujib-contact::after{display:none!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-contact:hover{background:var(--s-surface-2)!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-contact.active{background:var(--s-brand-soft)!important}
html.zj-ws[data-theme] body #messages#messages .cc-contact-avatar{grid-area:av;width:44px!important;height:44px!important;border-radius:50%!important;background:var(--s-surface-3)!important;color:var(--s-text-2)!important;font-weight:700!important;font-size:15px!important;display:grid!important;place-items:center!important;border:0!important;box-shadow:none!important;margin:0!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-contact.unread .cc-contact-avatar{background:var(--s-brand-soft)!important;color:var(--s-brand)!important}
html.zj-ws[data-theme] body #messages#messages .cc-contact-main{grid-area:main;min-width:0;display:flex!important;flex-direction:column!important;gap:2px!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-contact-name{font-size:14px!important;font-weight:600!important;color:var(--s-text)!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:flex;align-items:center;gap:6px}
html.zj-ws[data-theme] body #messages#messages .elmujib-contact.unread .elmujib-contact-name{font-weight:800!important}
html.zj-ws[data-theme] body #messages#messages .cc-new-dot{width:8px!important;height:8px!important;background:var(--s-brand)!important}
html.zj-ws[data-theme] body #messages#messages .cc-contact-meta-row{display:flex!important;align-items:center!important;gap:6px!important;flex-wrap:wrap;font-size:11.5px!important;color:var(--s-text-3)!important}
html.zj-ws[data-theme] body #messages#messages .cc-source-name{display:inline-flex!important;align-items:center;gap:4px;background:none!important;border:0!important;padding:0!important;color:var(--s-text-3)!important;font-size:11.5px!important}
html.zj-ws[data-theme] body #messages#messages .cc-source-name img{width:14px!important;height:14px!important}
html.zj-ws[data-theme] body #messages#messages .cc-agent-name{height:18px!important;padding:0 6px!important;border-radius:5px!important;background:var(--s-surface-2)!important;color:var(--s-text-2)!important;border:0!important;font-size:11px!important;line-height:18px!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-contact-phone{display:flex!important;gap:6px;align-items:center;font-size:11.5px!important;color:var(--s-text-3)!important}
html.zj-ws[data-theme] body #messages#messages .cc-contact-elapsed{font-size:11px!important;background:none!important;padding:0!important;color:var(--s-text-3)!important}
html.zj-ws[data-theme] body #messages#messages .cc-contact-elapsed.overdue{color:#DC2626!important}
html.zj-ws[data-theme] body #messages#messages .cc-contact-preview{font-size:13px!important;color:var(--s-text-2)!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}
html.zj-ws[data-theme] body #messages#messages .cc-contact-time{grid-area:time;font-size:11px!important;color:var(--s-text-3)!important;position:static!important;background:none!important;padding:0!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-contact-count{grid-area:count;justify-self:end;min-width:20px!important;height:20px!important;padding:0 6px!important;border-radius:10px!important;background:var(--s-brand)!important;color:#fff!important;font-size:11px!important;font-weight:700!important;line-height:20px!important;text-align:center;position:static!important;border:0!important;box-shadow:none!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-empty{color:var(--s-text-3)!important;text-align:center;padding:30px 12px!important}
/* online agents (admin) at the bottom of the chat list */
html.zj-ws[data-theme] body #messages#messages .cc-contacts-column #elmujibAdminAgents{order:9;margin:0!important;padding:10px 16px!important;border:0!important;border-top:1px solid var(--s-border)!important;border-radius:0!important;background:var(--s-surface)!important;box-shadow:none!important;font-size:12px!important;color:var(--s-text-2)!important;display:flex!important;flex-wrap:wrap;gap:6px;align-items:center}
html.zj-ws[data-theme] body #messages#messages .cc-contacts-column #elmujibAdminAgents:not(.show){display:none!important}
html.zj-ws[data-theme] body #messages#messages > .cc-workspace-shell > #elmujibAdminAgents{display:none!important}

/* customer details drawer */
html.zj-ws[data-theme] body #messages#messages .cc-customer-panel{
 position:fixed!important;top:var(--zj-top)!important;bottom:0!important;inset-inline-end:0!important;inset-inline-start:auto!important;z-index:45!important;width:min(400px,100vw)!important;max-width:none!important;height:auto!important;margin:0!important;
 background:var(--s-surface)!important;border:0!important;border-inline-start:1px solid var(--s-border)!important;border-radius:0!important;box-shadow:var(--s-shadow-lg)!important;overflow-y:auto!important;
 transform:translateX(104%)!important;visibility:hidden;transition:transform .24s var(--zj-ease),visibility 0s linear .24s!important;display:block!important
}
html[dir="rtl"].zj-ws[data-theme] body #messages#messages .cc-customer-panel{transform:translateX(-104%)!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-panel.open{transform:none!important;visibility:visible;transition:transform .24s var(--zj-ease),visibility 0s!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-drawer-backdrop{display:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-drawer-head{display:flex!important;align-items:center;justify-content:space-between;padding:14px 16px!important;border-bottom:1px solid var(--s-border)!important;background:var(--s-surface)!important;position:sticky;top:0;z-index:2}
html.zj-ws[data-theme] body #messages#messages .cc-customer-drawer-head strong{font-size:16px!important;color:var(--s-text)!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-drawer-head button{width:32px!important;height:32px!important;border-radius:8px!important;border:0!important;background:transparent!important;color:var(--s-text-2)!important;font-size:20px!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-drawer-head button:hover{background:var(--s-surface-2)!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-tabs{display:flex!important;gap:4px!important;margin:12px 16px!important;padding:3px!important;border-radius:10px!important;background:var(--s-surface-2)!important;border:0!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-tabs button{flex:1;height:32px!important;border-radius:8px!important;border:0!important;background:transparent!important;color:var(--s-text-2)!important;font-size:12.5px!important;font-weight:600!important;box-shadow:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-tabs button.active{background:var(--s-surface)!important;color:var(--s-text)!important;box-shadow:0 1px 2px rgba(15,23,42,.08)!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-profile{display:flex!important;align-items:center;gap:12px;margin:0 16px 12px!important;padding:14px!important;border-radius:14px!important;background:var(--s-surface-2)!important;border:0!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-avatar{width:52px!important;height:52px!important;border-radius:50%!important;background:var(--s-brand)!important;color:#fff!important;font-size:20px!important;font-weight:700!important;display:grid!important;place-items:center;border:0!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-profile strong{display:block;font-size:15px!important;color:var(--s-text)!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-profile span{color:var(--s-text-3)!important;font-size:13px!important;direction:ltr;unicode-bidi:isolate}
html.zj-ws[data-theme] body #messages#messages .cc-customer-tab-pane{padding:0 16px 20px!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-meta-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:8px!important;margin-bottom:12px}
html.zj-ws[data-theme] body #messages#messages .cc-customer-meta-grid > div{padding:10px 12px!important;border-radius:12px!important;border:1px solid var(--s-border)!important;background:var(--s-surface)!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-meta-grid span{display:block;font-size:11.5px!important;color:var(--s-text-3)!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-meta-grid b{font-size:13.5px!important;color:var(--s-text)!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-section{margin:0 0 12px!important;padding:12px!important;border-radius:12px!important;border:1px solid var(--s-border)!important;background:var(--s-surface)!important;box-shadow:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-section h4{margin:0 0 8px!important;font-size:12.5px!important;font-weight:600!important;color:var(--s-text-3)!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-section .input{border-radius:10px!important}
html.zj-ws[data-theme] body #messages#messages .cc-customer-notes{background:#FFFBEB!important;border-color:#FDE68A!important;color:#1F2937!important}
html[data-theme="dark"].zj-ws body #messages#messages .cc-customer-notes{background:rgba(250,204,21,.08)!important;border-color:rgba(250,204,21,.25)!important;color:var(--s-text)!important}

/* ---------- main menu drawer (☰) ---------- */
html.zj-ws[data-theme] body #sidebarNav.sidebar-nav{position:fixed!important;top:0!important;bottom:0!important;inset-inline-start:0!important;inset-inline-end:auto!important;left:auto;z-index:70!important;width:min(300px,86vw)!important;height:auto!important;max-height:none!important;border-radius:0!important;background:var(--s-surface)!important;border:0!important;border-inline-end:1px solid var(--s-border)!important;box-shadow:var(--s-shadow-lg)!important;color:var(--s-text)!important;transform:translateX(-105%)!important;visibility:hidden;transition:transform .24s cubic-bezier(.2,.7,.3,1),visibility 0s linear .24s!important;overflow-y:auto!important}
html[dir="ltr"].zj-ws[data-theme] body #sidebarNav.sidebar-nav{left:0!important;right:auto!important}
html[dir="rtl"].zj-ws[data-theme] body #sidebarNav.sidebar-nav{right:0!important;left:auto!important;transform:translateX(105%)!important}
html.zj-ws[data-theme] body #sidebarNav.sidebar-nav.open{transform:none!important;visibility:visible;transition:transform .24s cubic-bezier(.2,.7,.3,1),visibility 0s!important}
html.zj-ws[data-theme] body #sidebarNav *{color:inherit}
html.zj-ws[data-theme] body .sidebar-backdrop.open{background:rgba(15,23,42,.32)!important;z-index:65!important}
html.zj-ws[data-theme] body #sidebarNav .sidebar-header{background:var(--s-surface)!important;border-bottom:1px solid var(--s-border)!important;color:var(--s-text)!important}
html.zj-ws[data-theme] body .sidebar-header-title{color:var(--s-text)!important}
html.zj-ws[data-theme] body .sidebar-header-sub{color:var(--s-text-3)!important}
html.zj-ws[data-theme] body .sidebar-logo-img{border-radius:10px!important;object-fit:cover!important;object-position:50% 36%!important;background:#fff!important}
html.zj-ws[data-theme] body #sidebarNav #mainNav button,html.zj-ws[data-theme] body #sidebarNav #mainNav a{border-radius:10px!important;color:var(--s-text-2)!important;background:transparent!important;box-shadow:none!important;border:0!important}
html.zj-ws[data-theme] body #sidebarNav #mainNav button:hover,html.zj-ws[data-theme] body #sidebarNav #mainNav a:hover{background:var(--s-surface-2)!important;color:var(--s-text)!important}
html.zj-ws[data-theme] body #sidebarNav #mainNav .active{background:var(--s-brand-soft)!important;color:var(--s-brand)!important}

/* ---------- tablet & phone ---------- */
@media (max-width:1100px){
 html.zj-ws[data-theme] body #messages#messages #ccUnifiedTabs{display:none!important}
 html.zj-ws[data-theme] body #messages#messages .cc-topbar-brand span{display:none}
}
@media (max-width:760px){
 html.zj-ws{--zj-top:52px}
 html.zj-ws[data-theme] body #messages#messages .cc-workspace-topbar{padding:0 6px!important;gap:2px!important}
 html.zj-ws[data-theme] body #messages#messages .cc-topbar-brand strong{max-width:110px}
 html.zj-ws[data-theme] body #messages#messages .cc-language-toggle,html.zj-ws[data-theme] body #messages#messages .elmujib-messages-user-meta,html.zj-ws[data-theme] body #messages#messages .cc-user-caret,html.zj-ws[data-theme] body #messages#messages #elmujibNotifyBtn,html.zj-ws[data-theme] body #messages#messages .zj-top-sep{display:none!important}
 html.zj-ws[data-theme] body #messages#messages .elmujib-availability-switch #elmujibMyOnlineText{display:none!important}
 html.zj-ws[data-theme] body #messages#messages .cc-contacts-column{width:100vw!important;border:0!important}
 html.zj-ws[data-theme] body #messages#messages .cc-customer-panel{width:100vw!important}
 html.zj-ws[data-theme] body #zjBackdrop{display:none}
 html.zj-ws[data-theme] body #messages#messages .cc-chat-head{padding:6px 8px!important;gap:6px!important;min-height:56px!important}
 html.zj-ws[data-theme] body #messages#messages .cc-chat-avatar{width:34px!important;height:34px!important;min-width:34px!important}
 html.zj-ws[data-theme] body #messages#messages .cc-chat-subline{display:none!important}
 html.zj-ws[data-theme] body #messages#messages #elmujibMarkDoneBtn{padding:0 10px!important}
 html.zj-ws[data-theme] body #messages#messages .cc-chat-thread{padding:12px 10px!important}
 html.zj-ws[data-theme] body #messages#messages .cc-message-bubble{max-width:86%!important}
 html.zj-ws[data-theme] body #messages#messages .cc-composer{padding:6px 8px calc(8px + env(safe-area-inset-bottom))!important}
 html.zj-ws[data-theme] body #messages#messages .cc-composer-right-actions > .btn-secondary{padding:0 8px!important;font-size:11px!important}
 html.zj-ws[data-theme] body #messages#messages .elmujib-composer-hint{display:none!important}
}
html.zj-ws[data-theme] body #messages#messages .cc-contacts-head :is(strong,div,small)::before,html.zj-ws[data-theme] body #messages#messages .cc-contacts-head :is(strong,div,small)::after{content:none!important;display:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-contact-preview{height:auto!important;max-height:none!important;line-height:1.5!important;padding-bottom:1px!important;display:block!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-contact-phone{line-height:1.4!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-contact{height:auto!important;max-height:none!important;overflow:visible!important;flex:0 0 auto!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-contact-phone{flex-wrap:nowrap!important;white-space:nowrap!important;overflow:hidden!important;height:auto!important}
html.zj-ws[data-theme] body #messages#messages .elmujib-contact-phone > *{flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis}
html.zj-ws[data-theme] body #messages#messages .cc-contacts-column{padding:0!important}
@media (max-width:760px){html.zj-ws[data-theme] body #messages#messages :is(.elmujib-search-wrap,.cc-chat-filter-row,.elmujib-filter-tabs){margin-inline:12px!important}}
html.zj-ws[data-theme] body #messages#messages .cc-chat-head{flex-wrap:nowrap!important}
html.zj-ws[data-theme] body #messages#messages .cc-chat-actions{width:auto!important;flex:0 0 auto!important;max-width:none!important;margin:0!important;padding:0!important;border:0!important;background:none!important}
html.zj-ws[data-theme] body #messages#messages .cc-chat-actions > *{flex:0 0 auto!important;width:auto!important}
html.zj-ws[data-theme] body #messages#messages .cc-composer-right-actions{min-width:0!important;flex-wrap:nowrap!important}
html.zj-ws[data-theme] body #messages#messages .cc-composer-right-actions > *{flex-shrink:0!important}
@media (max-width:760px){
 html.zj-ws[data-theme] body #messages#messages .cc-chat-person{min-width:0!important}
 html.zj-ws[data-theme] body #messages#messages .cc-chat-channel{display:none!important}
 html.zj-ws[data-theme] body #messages#messages .cc-composer-right-actions{overflow-x:auto!important;scrollbar-width:none}
 html.zj-ws[data-theme] body #messages#messages .cc-composer-right-actions::-webkit-scrollbar{display:none}
 html.zj-ws[data-theme] body #messages#messages #ccAiSuggestBtn{margin-inline-start:0!important}
 html.zj-ws[data-theme] body #messages#messages #elmujibSendBtn{position:sticky;inset-inline-end:0}
}

/* ---------- wide screens: the chat list docked at the side (the chats button hides / shows it) ---------- */
@media (min-width:1024px){
 html.zj-ws{--zj-side:360px}
 html.zj-ws.zj-list-docked[data-theme] body #messages#messages .cc-contacts-column,
 html[dir="rtl"].zj-ws.zj-list-docked[data-theme] body #messages#messages .cc-contacts-column{
  position:absolute!important;top:0!important;bottom:0!important;width:var(--zj-side)!important;z-index:6!important;
  transform:none!important;visibility:visible;box-shadow:none!important;transition:none!important
 }
 html.zj-ws.zj-list-docked[data-theme] body #messages#messages .cc-chat-column{inset-inline-start:var(--zj-side)!important}
 html.zj-ws.zj-list-docked[data-theme] body #messages#messages .zj-drawer-close{display:none}
}
@media (min-width:1440px){html.zj-ws{--zj-side:380px}}
html.zj-ws[data-theme] body #messages#messages .cc-composer-right-actions > .btn-secondary{width:auto!important;min-width:max-content!important;max-width:none!important;white-space:nowrap!important;overflow:visible!important}