/* A clean, dedicated chat client; independent from the legacy chat selectors. */
body:has(#directChatPanel.pro-chat-panel.active) { background: #edf3fc !important; overflow: hidden; }
body:has(#directChatPanel.pro-chat-panel.active) .content { background: transparent !important; }
#directChatPanel.pro-chat-panel.page-panel.active {
  display: block; width: 100%; height: 100%; min-height: 0; max-height: 100%; overflow: hidden;
  padding: clamp(10px, 1.4vw, 20px); background: transparent;
}
#directChatPanel.pro-chat-panel * { box-sizing: border-box; font-weight: 400; }
#directChatPanel.pro-chat-panel :is(h1,h2,h3,strong,b,button.is-active) { font-weight: 500; }
#directChatPanel.pro-chat-panel { --pc-ink:#1f2e43; --pc-muted:#65758b; --pc-line:#e6ebf3; --pc-blue:#5266df; --pc-green:#20a489; }
#directChatPanel .pro-chat {
  direction: rtl; width: min(1540px, 100%); height: 100%; min-height: 0; margin: 0 auto;
  display: grid; grid-template-columns: minmax(290px, 340px) minmax(0,1fr); overflow: hidden;
  border: 1px solid #dfe7f1; border-radius: 20px; background: #fff; box-shadow: 0 20px 60px #29446c16;
}
#directChatPanel .pro-chat-sidebar { display:flex; flex-direction:column; min-width:0; min-height:0; padding:20px 16px 13px; border-left:1px solid var(--pc-line); background:#fff; }
#directChatPanel .pro-chat-side-head { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:18px; }
#directChatPanel .pro-chat-brand { display:flex; align-items:center; gap:11px; min-width:0; }
#directChatPanel .pro-chat-brand-mark { display:grid; place-items:center; width:43px; height:43px; flex:0 0 43px; border-radius:14px; color:#fff; background:linear-gradient(145deg,#5d70eb,#7889f3); box-shadow:0 7px 18px #5266df35; }
#directChatPanel .pro-chat-brand-mark svg { width:24px; height:24px; }
#directChatPanel .pro-chat-brand > div { display:grid; gap:3px; }
#directChatPanel .pro-chat-brand strong { color:var(--pc-ink); font-size:19px; }
#directChatPanel .pro-chat-brand small { color:var(--pc-muted); font-size:12px; }
#directChatPanel .pro-chat-icon-button { display:grid; place-items:center; width:38px; height:38px; border:0; border-radius:12px; color:#fff; background:var(--pc-blue); font-size:25px; cursor:pointer; box-shadow:0 5px 13px #5266df35; }
#directChatPanel .pro-chat-search { display:flex; align-items:center; gap:9px; min-height:42px; padding:0 12px; border:1px solid #e3e9f1; border-radius:12px; background:#f8fafd; color:#78879c; }
#directChatPanel .pro-chat-search:focus-within { border-color:#8d9af0; box-shadow:0 0 0 3px #5266df14; background:#fff; }
#directChatPanel .pro-chat-search svg { width:18px; height:18px; flex:0 0 auto; }
#directChatPanel .pro-chat-search input { width:100%; min-width:0; border:0; outline:0; color:var(--pc-ink); background:transparent; font:inherit; font-size:13px; }
#directChatPanel .pro-chat-search input::placeholder { color:#8a97a9; }
#directChatPanel .pro-chat-filters { display:flex; gap:4px; margin:14px 0 13px; padding:4px; border-radius:11px; background:#f4f6fa; }
#directChatPanel .pro-chat-filters button { min-width:0; flex:1; height:33px; padding:0 6px; border:0; border-radius:8px; color:var(--pc-muted); background:transparent; font-size:12px; cursor:pointer; }
#directChatPanel .pro-chat-filters button.is-active { color:#3649b7; background:#fff; box-shadow:0 2px 6px #23395712; }
#directChatPanel .pro-chat-list-label { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 3px 8px; color:#718096; font-size:12px; }
#directChatPanel .pro-chat-list-label button { padding:4px 7px; border:0; border-radius:7px; color:#4c5fc8; background:#f0f2ff; font-size:11px; cursor:pointer; }
#directChatPanel .pro-chat-list-label button span { font-size:15px; vertical-align:-1px; }
#directChatPanel .pro-chat-list { display:flex; flex:1; flex-direction:column; gap:3px; min-height:0; overflow:auto; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:#d4dce8 transparent; }
#directChatPanel .pro-chat-item { position:relative; display:flex; align-items:center; gap:11px; width:100%; min-height:69px; padding:9px 8px; border:1px solid transparent; border-radius:12px; text-align:right; background:transparent; cursor:pointer; transition:background .16s,border-color .16s; }
#directChatPanel .pro-chat-item:hover { background:#f7f9fd; }
#directChatPanel .pro-chat-item.is-active { border-color:#dce3ff; background:#f0f2ff; }
#directChatPanel .pro-chat-avatar { position:relative; display:grid; place-items:center; flex:0 0 43px; width:43px; height:43px; overflow:hidden; border-radius:14px; color:#4256c3; background:#edf0ff; font-size:14px; }
#directChatPanel .pro-chat-avatar img { width:100%; height:100%; object-fit:cover; }
#directChatPanel .pro-chat-avatar--project { color:#128a78; background:#e8f7f2; }
#directChatPanel .pro-chat-avatar--group { color:#8756c6; background:#f3ecfb; }
#directChatPanel .pro-chat-item-copy { display:grid; flex:1; gap:5px; min-width:0; }
#directChatPanel .pro-chat-item-top { display:flex; align-items:center; justify-content:space-between; gap:7px; }
#directChatPanel .pro-chat-item-top strong { overflow:hidden; color:#29394f; font-size:13px; text-overflow:ellipsis; white-space:nowrap; }
#directChatPanel .pro-chat-item-top time { flex:0 0 auto; color:#8995a6; font-size:10px; }
#directChatPanel .pro-chat-item-preview { display:block; overflow:hidden; color:#6c7b90; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
#directChatPanel .pro-chat-unread { display:grid; place-items:center; min-width:19px; height:19px; margin-right:auto; padding:0 5px; border-radius:8px; color:#fff; background:#5367dd; font-size:10px; }
#directChatPanel .pro-chat-side-foot { display:flex; align-items:center; gap:7px; padding:12px 3px 0; border-top:1px solid #f0f2f6; color:#7c8999; font-size:10px; }
#directChatPanel .pro-chat-secure-dot { width:7px; height:7px; border-radius:50%; background:#32b18d; }
#directChatPanel .pro-chat-room { position:relative; display:flex; flex-direction:column; min-width:0; min-height:0; overflow:hidden; background:#f7f9fc; }
#directChatPanel .pro-chat-empty { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; padding:28px; text-align:center; background:radial-gradient(ellipse at 50% 47%,#fff 0,#f7f9fc 63%); }
#directChatPanel .pro-chat-empty-icon { display:grid; place-items:center; width:104px; height:104px; margin-bottom:16px; border:1px solid #e7ebfa; border-radius:31px; color:#6678e3; background:linear-gradient(145deg,#f6f7ff,#e9edff); box-shadow:0 15px 35px #5266df18; }
#directChatPanel .pro-chat-empty-icon svg { width:65px; height:65px; }
#directChatPanel .pro-chat-empty h1 { margin:0 0 7px; color:#273750; font-size:22px; }
#directChatPanel .pro-chat-empty p { max-width:390px; margin:0; color:var(--pc-muted); font-size:14px; line-height:1.9; }
#directChatPanel .pro-chat-empty > button { display:flex; align-items:center; gap:9px; min-height:42px; margin-top:20px; padding:0 15px; border:0; border-radius:11px; color:white; background:var(--pc-blue); font-size:13px; cursor:pointer; box-shadow:0 8px 18px #5266df35; }
#directChatPanel .pro-chat-empty > button span { font-size:17px; }
#directChatPanel .pro-chat-active { display:flex; flex:1; flex-direction:column; min-height:0; }
#directChatPanel .pro-chat-active.is-hidden { display:none; }
#directChatPanel .pro-chat-room-head { z-index:1; display:flex; align-items:center; gap:12px; min-height:74px; padding:12px 22px; border-bottom:1px solid #e8edf3; background:#ffffffed; }
#directChatPanel .pro-chat-back { display:none; place-items:center; width:35px; height:35px; border:1px solid var(--pc-line); border-radius:10px; color:#516078; background:#fff; cursor:pointer; }
#directChatPanel .pro-chat-back svg { width:19px; height:19px; }
#directChatPanel .pro-chat-room-avatar { display:grid; place-items:center; flex:0 0 44px; width:44px; height:44px; overflow:hidden; border-radius:14px; color:#4256c3; background:#edf0ff; font-size:14px; }
#directChatPanel .pro-chat-room-avatar img { width:100%; height:100%; object-fit:cover; }
#directChatPanel .pro-chat-room-title { display:grid; gap:4px; min-width:0; }
#directChatPanel .pro-chat-room-title strong { overflow:hidden; color:#26374f; font-size:15px; text-overflow:ellipsis; white-space:nowrap; }
#directChatPanel .pro-chat-room-title span { color:#738198; font-size:11px; }
#directChatPanel .pro-chat-room-actions { display:flex; gap:6px; margin-right:auto; }
#directChatPanel .pro-chat-room-actions button { display:grid; place-items:center; width:36px; height:36px; border:1px solid var(--pc-line); border-radius:10px; color:#758196; background:#fff; cursor:pointer; }
#directChatPanel .pro-chat-room-actions svg { width:18px; height:18px; }
#directChatPanel .pro-chat-message-stream { position:relative; display:flex; flex:1; flex-direction:column; gap:12px; min-height:0; overflow-y:auto; padding:25px clamp(15px,4vw,60px) 22px; overscroll-behavior:contain; background-image:radial-gradient(#dfe6f0 0.7px,transparent 0.7px); background-size:19px 19px; }
#directChatPanel .pro-chat-message-stream[data-loading-older="true"]::before { position:sticky; top:0; z-index:2; align-self:center; padding:5px 10px; border:1px solid #e4e9f1; border-radius:20px; color:#65758b; background:#fff; content:"در حال دریافت پیام‌های قبلی…"; font-size:10px; }
#directChatPanel .pro-chat-date-separator { position:relative; display:flex; align-items:center; justify-content:center; margin:6px 0 4px; color:#8591a2; font-size:11px; }
#directChatPanel .pro-chat-date-separator span { padding:5px 11px; border:1px solid #e9edf3; border-radius:20px; background:#ffffffec; }
#directChatPanel .pro-chat-message { display:flex; align-items:flex-end; gap:8px; max-width:min(760px,88%); }
#directChatPanel .pro-chat-message.is-mine { align-self:flex-start; flex-direction:row; }
#directChatPanel .pro-chat-message.is-other { align-self:flex-end; flex-direction:row-reverse; }
#directChatPanel .pro-chat-message-avatar { display:grid; place-items:center; flex:0 0 30px; width:30px; height:30px; overflow:hidden; border-radius:10px; color:#5266c9; background:#e7eaff; font-size:10px; }
#directChatPanel .pro-chat-message-avatar img { width:100%; height:100%; object-fit:cover; }
#directChatPanel .pro-chat-message-body { min-width:0; }
#directChatPanel .pro-chat-message-author { margin:0 0 4px 5px; color:#6d7b90; font-size:10px; }
#directChatPanel .pro-chat-bubble { min-width:75px; padding:10px 13px 7px; border:1px solid #e5eaf1; border-radius:15px 15px 4px 15px; color:#2f4058; background:#fff; box-shadow:0 3px 10px #3147660b; }
#directChatPanel .pro-chat-message.is-mine .pro-chat-bubble { border-color:#dce2ff; border-radius:15px 15px 15px 4px; background:#eef0ff; }
#directChatPanel .pro-chat-message-text { margin:0; color:#304158; font-size:13px; line-height:1.85; overflow-wrap:anywhere; white-space:pre-wrap; }
#directChatPanel .pro-chat-message-time { display:block; margin-top:4px; color:#8592a4; font-size:9px; text-align:left; direction:ltr; }
#directChatPanel .pro-chat-message-tools { display:flex; gap:7px; margin:4px 4px 0; opacity:0; transition:opacity .15s; }
#directChatPanel .pro-chat-message:hover .pro-chat-message-tools,
#directChatPanel .pro-chat-message:focus-within .pro-chat-message-tools { opacity:1; }
#directChatPanel .pro-chat-message-tools button { padding:2px 5px; border:0; color:#718099; background:transparent; font-size:10px; cursor:pointer; }
#directChatPanel .pro-chat-reply-preview { display:block; width:100%; margin-bottom:7px; padding:6px 8px; border:0; border-right:2px solid #818df0; border-radius:6px; text-align:right; color:#63718a; background:#e9ecfa; cursor:pointer; }
#directChatPanel .pro-chat-reply-preview small { display:block; margin-bottom:3px; color:#5263c7; font-size:10px; }
#directChatPanel .pro-chat-reply-preview span { display:block; overflow:hidden; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
#directChatPanel .pro-chat-attachment { display:block; max-width:min(380px,100%); margin-top:7px; overflow:hidden; border:1px solid #e1e7f0; border-radius:10px; color:#41516a; background:#fff; text-decoration:none; }
#directChatPanel .pro-chat-attachment img { display:block; max-width:100%; max-height:290px; object-fit:contain; }
#directChatPanel .pro-chat-attachment-file { display:flex; align-items:center; gap:9px; padding:10px; font-size:12px; }
#directChatPanel .pro-chat-attachment-file svg { width:20px; height:20px; flex:0 0 auto; color:#5367d8; }
#directChatPanel .pro-chat-audio { display:block; max-width:270px; height:38px; }
#directChatPanel .pro-chat-system { align-self:center; max-width:90%; padding:7px 11px; border:1px solid #e7ebf1; border-radius:9px; color:#708097; background:#ffffffdb; font-size:11px; }
#directChatPanel .pro-chat-composer { position:relative; flex:0 0 auto; padding:12px clamp(12px,3vw,34px) 11px; border-top:1px solid #e5eaf1; background:#fff; }
#directChatPanel .pro-chat-compose-box { display:flex; align-items:flex-end; gap:9px; min-height:58px; padding:7px 8px 7px 10px; border:1px solid #dce4ef; border-radius:16px; background:#fff; box-shadow:0 5px 18px #263f680d; transition:border-color .16s,box-shadow .16s; }
#directChatPanel .pro-chat-compose-box:focus-within { border-color:#98a3ee; box-shadow:0 0 0 3px #5266df12; }
#directChatPanel .pro-chat-compose-box textarea { flex:1; width:100%; min-width:0; min-height:42px; max-height:130px; resize:none; padding:10px 9px; border:0; outline:0; color:#2d3e56; background:transparent; font:inherit; font-size:13px; line-height:1.7; }
#directChatPanel .pro-chat-compose-tools { display:flex; align-items:center; gap:4px; }
#directChatPanel .pro-chat-compose-tools > button:not(.pro-chat-send) { display:grid; place-items:center; width:35px; height:35px; border:0; border-radius:9px; color:#718099; background:transparent; font-size:21px; cursor:pointer; }
#directChatPanel .pro-chat-compose-tools > button:not(.pro-chat-send):hover { color:#4f62ce; background:#f0f2ff; }
#directChatPanel #proChatVoice.is-recording { color:#d44350; background:#fff0f1; box-shadow:0 0 0 4px #d4435015; }
#directChatPanel .pro-chat-compose-tools svg { width:19px; height:19px; }
#directChatPanel .pro-chat-compose-tools button:disabled { opacity:.4; cursor:not-allowed; }
#directChatPanel .pro-chat-send { display:flex; align-items:center; gap:7px; height:37px; padding:0 12px; border:0; border-radius:10px; color:#fff; background:var(--pc-blue); font-size:12px; cursor:pointer; box-shadow:0 4px 11px #5266df30; }
#directChatPanel .pro-chat-send:disabled { opacity:.45; cursor:not-allowed; box-shadow:none; }
#directChatPanel .pro-chat-send svg { width:16px; height:16px; }
#directChatPanel .pro-chat-compose-meta { display:flex; align-items:center; justify-content:space-between; gap:8px; min-height:19px; padding:4px 4px 0; color:#8793a4; font-size:10px; }
#directChatPanel #proChatError { color:#c54343; }
#directChatPanel .pro-chat-reply { display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:8px; padding:8px 11px; border-right:3px solid var(--pc-blue); border-radius:9px; background:#f0f2ff; }
#directChatPanel .pro-chat-reply > span { display:grid; gap:3px; min-width:0; }
#directChatPanel .pro-chat-reply strong { color:#4357c5; font-size:11px; }
#directChatPanel .pro-chat-reply small { overflow:hidden; color:#67758c; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
#directChatPanel .pro-chat-reply button { width:26px; height:26px; border:0; border-radius:7px; color:#718099; background:#fff; font-size:18px; cursor:pointer; }
#directChatPanel .pro-chat-emoji-popover { position:absolute; right:12px; bottom:calc(100% - 7px); z-index:5; display:grid; grid-template-columns:repeat(8,34px); gap:3px; padding:8px; border:1px solid var(--pc-line); border-radius:12px; background:#fff; box-shadow:0 12px 30px #20355020; }
#directChatPanel .pro-chat-emoji-popover.is-hidden { display:none; }
#directChatPanel .pro-chat-emoji-popover button { width:32px; height:32px; border:0; border-radius:7px; background:transparent; font-size:18px; cursor:pointer; }
#directChatPanel .pro-chat-emoji-popover button:hover { background:#f0f2ff; }
#directChatPanel .pro-chat-modal { position:fixed; inset:0; z-index:4000; display:grid; place-items:center; padding:18px; }
#directChatPanel .pro-chat-modal.is-hidden { display:none; }
#directChatPanel .pro-chat-modal-scrim { position:absolute; inset:0; border:0; background:#16223870; backdrop-filter:blur(3px); }
#directChatPanel .pro-chat-modal-card { position:relative; display:flex; flex-direction:column; width:min(500px,100%); max-height:min(700px,calc(100dvh - 36px)); overflow:hidden; padding:25px; border:1px solid #e5eaf2; border-radius:20px; background:#fff; box-shadow:0 25px 80px #12213c38; }
#directChatPanel .pro-chat-modal-close { position:absolute; top:15px; left:15px; display:grid; place-items:center; width:32px; height:32px; border:1px solid var(--pc-line); border-radius:9px; color:#748198; background:#fff; font-size:20px; cursor:pointer; }
#directChatPanel .pro-chat-modal-kicker { color:#5266d6; font-size:12px; }
#directChatPanel .pro-chat-modal-card h2 { margin:6px 0 4px; color:#273750; font-size:21px; }
#directChatPanel .pro-chat-modal-card > p { margin:0 0 16px; color:var(--pc-muted); font-size:13px; }
#directChatPanel .pro-chat-modal-search { flex:0 0 auto; margin-bottom:10px; }
#directChatPanel .pro-chat-picker-list { display:flex; flex:1; flex-direction:column; gap:4px; min-height:130px; overflow:auto; }
#directChatPanel .pro-chat-picker-item { display:flex; align-items:center; gap:10px; min-height:56px; padding:7px; border:1px solid transparent; border-radius:10px; text-align:right; background:transparent; cursor:pointer; }
#directChatPanel .pro-chat-picker-item:hover { border-color:#e7ebf3; background:#f7f9fc; }
#directChatPanel .pro-chat-picker-item .pro-chat-avatar { width:37px; height:37px; flex-basis:37px; border-radius:12px; }
#directChatPanel .pro-chat-picker-item > span:last-child { display:grid; gap:3px; }
#directChatPanel .pro-chat-picker-item strong { color:#304159; font-size:13px; }
#directChatPanel .pro-chat-picker-item small { color:#7a8799; font-size:11px; }
#directChatPanel .pro-chat-modal-note { min-height:18px; margin-top:7px; color:#bf4545; font-size:11px; }
#directChatPanel .pro-chat-field { display:grid; gap:6px; margin:4px 0 13px; color:#526078; font-size:12px; }
#directChatPanel .pro-chat-field input { height:42px; padding:0 11px; border:1px solid var(--pc-line); border-radius:10px; outline:0; color:var(--pc-ink); background:#fff; font:inherit; font-size:13px; }
#directChatPanel .pro-chat-field input:focus { border-color:#96a2ed; box-shadow:0 0 0 3px #5266df12; }
#directChatPanel .pro-chat-picker-list--group { min-height:110px; max-height:230px; }
#directChatPanel .pro-chat-picker-check { display:grid; place-items:center; width:20px; height:20px; margin-right:auto; border:1px solid #d6deea; border-radius:6px; color:white; background:#fff; }
#directChatPanel .pro-chat-picker-item.is-selected .pro-chat-picker-check { border-color:var(--pc-blue); background:var(--pc-blue); }
#directChatPanel .pro-chat-picker-check svg { width:13px; height:13px; }
#directChatPanel .pro-chat-modal-actions { display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:12px; border-top:1px solid #eef1f5; color:var(--pc-muted); font-size:12px; }
#directChatPanel .pro-chat-modal-actions button { min-height:39px; padding:0 15px; border:0; border-radius:10px; color:#fff; background:var(--pc-blue); font-size:12px; cursor:pointer; }
#directChatPanel .pro-chat-modal-actions button:disabled { opacity:.5; cursor:not-allowed; }
#directChatPanel .pro-chat-empty-list { padding:24px 12px; color:#7e8ba0; text-align:center; font-size:12px; line-height:1.9; }
#directChatPanel .pro-chat-loading { display:flex; align-items:center; justify-content:center; gap:5px; min-height:70px; }
#directChatPanel .pro-chat-loading i { width:7px; height:7px; border-radius:50%; background:#8795e9; animation:prochat-pulse 1s ease-in-out infinite; }
#directChatPanel .pro-chat-loading i:nth-child(2) { animation-delay:.15s; }
#directChatPanel .pro-chat-loading i:nth-child(3) { animation-delay:.3s; }
@keyframes prochat-pulse { 50% { opacity:.3; transform:translateY(-3px); } }

@media (max-width: 760px) {
  body:has(#directChatPanel.pro-chat-panel.active) { height:100dvh; min-height:100dvh; overflow:hidden; }
  body:has(#directChatPanel.pro-chat-panel.active) .app-layout { height:100dvh !important; min-height:100dvh !important; overflow:hidden; }
  body:has(#directChatPanel.pro-chat-panel.active) .content { display:flex; flex-direction:column; height:100dvh !important; min-height:100dvh !important; overflow:hidden; }
  #directChatPanel.pro-chat-panel.page-panel.active { display:flex; flex:1 1 auto; height:auto; min-height:0; max-height:none; padding:0; }
  #directChatPanel .pro-chat { position:relative; grid-template-columns:minmax(0,1fr); border:0; border-radius:0; box-shadow:none; }
  #directChatPanel .pro-chat-sidebar { border:0; padding:14px 13px max(10px,env(safe-area-inset-bottom)); }
  #directChatPanel .pro-chat-room { display:none; }
  #directChatPanel .pro-chat.is-room-open .pro-chat-sidebar { display:none; }
  #directChatPanel .pro-chat.is-room-open .pro-chat-room { display:flex; }
  #directChatPanel .pro-chat-back { display:grid; }
  #directChatPanel .pro-chat-room-head { min-height:66px; gap:9px; padding:8px 11px; }
  #directChatPanel .pro-chat-room-avatar { width:39px; height:39px; flex-basis:39px; border-radius:12px; }
  #directChatPanel .pro-chat-message-stream { padding:17px 10px calc(16px + env(safe-area-inset-bottom)); }
  #directChatPanel .pro-chat-message { max-width:94%; }
  #directChatPanel .pro-chat-message-tools { opacity:1; }
  #directChatPanel .pro-chat-composer { padding:8px 9px max(8px,env(safe-area-inset-bottom)); }
  #directChatPanel .pro-chat-compose-box { gap:3px; padding:5px; }
  #directChatPanel .pro-chat-compose-box textarea { padding:8px 6px; font-size:14px; }
  #directChatPanel .pro-chat-compose-tools { gap:0; }
  #directChatPanel .pro-chat-compose-tools > button:not(.pro-chat-send) { width:32px; height:34px; }
  #directChatPanel .pro-chat-send { gap:0; width:38px; justify-content:center; padding:0; }
  #directChatPanel .pro-chat-send span { display:none; }
  #directChatPanel .pro-chat-compose-meta { font-size:9px; }
  #directChatPanel .pro-chat-modal { padding:10px; }
  #directChatPanel .pro-chat-modal-card { padding:22px 17px 16px; border-radius:17px; }
}

#directChatPanel #proChatTask { display:flex; align-items:center; justify-content:center; gap:5px; width:auto; padding:0 9px; font-size:11px; white-space:nowrap; }
#directChatPanel #proChatTask svg { width:17px; height:17px; }
#directChatPanel .pro-chat-task-card { display:grid; gap:9px; width:min(340px,100%); margin:1px 0 4px; padding:12px; border:1px solid #dfe5f2; border-radius:13px; color:#33445b; background:linear-gradient(145deg,#fff,#f8f9ff); box-shadow:0 5px 15px #344b7410; }
#directChatPanel .pro-chat-task-card-top { display:flex; align-items:center; gap:7px; color:#596cda; font-size:10px; }
#directChatPanel .pro-chat-task-card-top small { margin-right:auto; color:#8390a3; font-size:10px; }
#directChatPanel .pro-chat-task-card-icon { display:grid; place-items:center; width:25px; height:25px; border-radius:8px; color:#5266df; background:#edf0ff; }
#directChatPanel .pro-chat-task-card-icon svg { width:15px; height:15px; }
#directChatPanel .pro-chat-task-card-title { color:#273750; font-size:13px; line-height:1.7; }
#directChatPanel .pro-chat-task-project { display:flex; align-items:center; gap:8px; min-width:0; padding:8px 9px; border:1px solid #e8ebf4; border-radius:9px; color:#6a7890; background:#fff; text-decoration:none; font-size:10px; }
#directChatPanel .pro-chat-task-project strong { overflow:hidden; color:#45566f; font-size:11px; text-overflow:ellipsis; white-space:nowrap; }
#directChatPanel .pro-chat-task-project > span:last-child { margin-right:auto; color:#7687db; font-size:15px; }
#directChatPanel .pro-chat-task-card-meta { display:flex; flex-wrap:wrap; gap:5px; }
#directChatPanel .pro-chat-task-card-meta span { padding:3px 7px; border-radius:6px; color:#65758b; background:#f0f3f8; font-size:9px; }
#directChatPanel .pro-chat-picker-list--tasks { min-height:180px; max-height:390px; }
#directChatPanel .pro-chat-task-choice { display:flex; align-items:center; gap:10px; min-height:62px; padding:8px; border:1px solid transparent; border-radius:11px; text-align:right; background:#fff; cursor:pointer; }
#directChatPanel .pro-chat-task-choice:hover { border-color:#dfe4f4; background:#f8f9ff; }
#directChatPanel .pro-chat-task-choice-check { display:grid; place-items:center; width:28px; height:28px; flex:0 0 28px; border-radius:9px; color:#5266df; background:#eef0ff; }
#directChatPanel .pro-chat-task-choice-check svg { width:16px; height:16px; }
#directChatPanel .pro-chat-task-choice-copy { display:grid; gap:3px; min-width:0; }
#directChatPanel .pro-chat-task-choice-copy strong { overflow:hidden; color:#33445c; font-size:12px; text-overflow:ellipsis; white-space:nowrap; }
#directChatPanel .pro-chat-task-choice-copy small { overflow:hidden; color:#75839a; font-size:10px; text-overflow:ellipsis; white-space:nowrap; }
#directChatPanel .pro-chat-task-choice-id { margin-right:auto; color:#8793a6; font-size:10px; }
@media (max-width: 540px) { #directChatPanel #proChatTask { width:auto; padding:0 6px; font-size:10px; } }