/* Reference: user-direct-message-modal.html. Scoped to actual private chat only. */
body:has(#refresh_modal.bq-private-modal.in) .modal-backdrop.in{opacity:.8;backdrop-filter:blur(8px);background:#000}
#refresh_modal.bq-private-modal{color:#94a3b8}
#refresh_modal.bq-private-modal .modal-dialog{width:calc(100% - 24px);max-width:672px;margin:max(24px,calc((100dvh - 650px)/2)) auto;transform:none!important}
#refresh_modal.bq-private-modal .modal-content{height:650px;max-height:92dvh;border:1px solid rgba(255,255,255,.1);border-radius:24px;background:#14171f;box-shadow:0 24px 80px #0008,0 8px 48px #6366f11a;overflow:hidden;color:#94a3b8}
#refresh_modal.bq-private-modal .modal-body{height:100%;padding:0}
#refresh_modal.bq-private-modal .private-window{height:100%;display:flex;flex-direction:column;min-height:0}
#refresh_modal.bq-private-modal .private-window-header{flex:none;min-height:76px;padding:20px;margin:0;border-bottom:1px solid #ffffff0d;background:radial-gradient(ellipse at top right,#4f46e51a,transparent 70%),#14171f;z-index:2}
#refresh_modal.bq-private-modal .private-window-header > .text-center{display:flex;align-items:center;gap:10px;margin:0;padding-right:80px;text-align:left;color:#f8fafc;font-size:14px;font-weight:700;min-height:36px}
#refresh_modal.bq-private-modal .private-window-header .avatar-img{--this-size:36px;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex:0 0 36px;padding:2px;margin:0;border-radius:12px;background:linear-gradient(135deg,#06b6d4,#6366f1,#a855f7)}
#refresh_modal.bq-private-modal .private-window-header .avatar-img img{width:100%;height:100%;object-fit:cover;border-radius:10px}
#refresh_modal.bq-private-modal .private-window-header > .dropdown{position:absolute;top:22px;right:56px;float:none}
#refresh_modal.bq-private-modal .private-window-header [data-toggle="dropdown"],
#refresh_modal.bq-private-modal .modal-body > .close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;margin:0;padding:0;border:0;border-radius:12px;color:#94a3b8;background:transparent;opacity:1;transition:background .2s,color .2s}
#refresh_modal.bq-private-modal .modal-body > .close{position:absolute;right:16px;top:22px;z-index:4}
#refresh_modal.bq-private-modal .private-window-header [data-toggle="dropdown"]:hover,
#refresh_modal.bq-private-modal .modal-body > .close:hover{color:#fff;background:#ffffff0d}
#refresh_modal.bq-private-modal :is(a,button,textarea):focus-visible{outline:2px solid #818cf8;outline-offset:2px}
#refresh_modal.bq-private-modal .private-window-content{flex:1;min-height:0;height:auto;margin:0;padding:20px;background:#0d0f14;border-radius:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#ffffff1a transparent}
#refresh_modal.bq-private-modal .private-window-content::-webkit-scrollbar{width:4px}
#refresh_modal.bq-private-modal .private-window-content::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:99px}
#refresh_modal.bq-private-modal .private-item > .text-center{font-family:ui-monospace,SFMono-Regular,monospace;font-size:10px;color:#64748b;margin:14px 0 10px}
#refresh_modal.bq-private-modal .private-list{display:flex;align-items:flex-start;gap:12px;margin:12px 0;text-align:left}
#refresh_modal.bq-private-modal .private-list::after{display:none}
#refresh_modal.bq-private-modal .private-list.right{flex-direction:row-reverse;text-align:right}
#refresh_modal.bq-private-modal .private-list .avatar-img{--this-size:28px;width:28px;height:28px;flex:0 0 28px;float:none;margin-top:4px;border-radius:8px;background:#ffffff0d;overflow:hidden}
#refresh_modal.bq-private-modal .private-list .avatar-img img{width:100%;height:100%;border-radius:8px;object-fit:cover}
#refresh_modal.bq-private-modal .private-content{max-width:calc(85% - 40px);min-width:32px;min-height:32px;margin:0;padding:14px;border:1px solid #ffffff0d;border-radius:16px;border-top-left-radius:4px;background:#181c26;color:#e2e8f0;font-size:12px;line-height:1.75;overflow-wrap:anywhere}
#refresh_modal.bq-private-modal .private-list.right .private-content{border:0;border-radius:16px;border-top-right-radius:4px;background:#4f46e5;color:#fff;box-shadow:0 8px 20px #4f46e533}
#refresh_modal.bq-private-modal .private-content::before{display:none}
#refresh_modal.bq-private-modal .private-content a:not([class]){color:#a5b4fc}
#refresh_modal.bq-private-modal .private-list.right .private-content a:not([class]){color:#fff;text-decoration:underline}
#refresh_modal.bq-private-modal .private-content .readed-badge{color:#818cf8;font-size:10px}
#refresh_modal.bq-private-modal .private-content img.smilie-icon{width:24px;height:24px;object-fit:contain;vertical-align:middle}
#refresh_modal.bq-private-modal .private-window-footer{flex:none;padding:16px;border-top:1px solid #ffffff0d;background:#14171f;z-index:3}
#refresh_modal.bq-private-modal .from-private{display:flex;align-items:center;flex-wrap:wrap;gap:4px}
#refresh_modal.bq-private-modal .from-private > .mb6{flex-basis:100%;margin:0 0 8px}
#refresh_modal.bq-private-modal .form-control{border:1px solid #ffffff1a;border-radius:16px;background:#0e1015;color:#f8fafc;box-shadow:none;font-size:12px;padding:12px;line-height:1.6}
#refresh_modal.bq-private-modal textarea#receive{display:block;width:100%;height:66px;min-height:66px;max-height:120px;resize:none}
#refresh_modal.bq-private-modal .form-control:focus{border-color:#6366f180;box-shadow:0 0 0 2px #6366f133}
#refresh_modal.bq-private-modal .form-control::placeholder{color:#64748b}
#refresh_modal.bq-private-modal .from-private > .pull-right{float:none!important;margin-left:auto}
#refresh_modal.bq-private-modal .from-private > .dropup{flex:none}
#refresh_modal.bq-private-modal .btn-input-expand{display:inline-flex;align-items:center;gap:4px;width:auto!important;white-space:nowrap;min-height:34px;margin:0;padding:8px;border:0;border-radius:12px;background:transparent;color:#94a3b8;font-size:12px;line-height:18px}
#refresh_modal.bq-private-modal .btn-input-expand:hover{color:#e2e8f0;background:#ffffff0d}
#refresh_modal.bq-private-modal .send-private{min-height:34px;padding:8px 20px;border:0;border-radius:12px;background:#4f46e5;color:#fff;font-size:12px;font-weight:700;line-height:18px;box-shadow:0 4px 16px #4f46e540}
#refresh_modal.bq-private-modal .send-private:hover{background:#6366f1}
#refresh_modal.bq-private-modal .dropdown-menu{border:1px solid #ffffff1a;border-radius:16px;background:#181c26;color:#94a3b8;box-shadow:0 16px 48px #0008}
#refresh_modal.bq-private-modal .dropdown-menu::before{display:none}
#refresh_modal.bq-private-modal .private-window-header .dropdown-menu{min-width:176px;margin-top:8px;padding:6px;right:0;left:auto}
#refresh_modal.bq-private-modal .private-window-header .dropdown-menu a{padding:10px 12px;border-radius:12px;color:#cbd5e1;font-size:12px;background:transparent}
#refresh_modal.bq-private-modal .private-window-header .dropdown-menu a:hover{background:#ffffff0d;color:#fff}
#refresh_modal.bq-private-modal .private-window-header .dropdown-menu a:has(.fa-ban){color:#f87171}
#refresh_modal.bq-private-modal .from-private .dropdown-menu{max-width:calc(100vw - 60px);max-height:min(340px,50dvh);overflow-y:auto;margin-bottom:10px}
#refresh_modal.bq-private-modal .from-private .dropdown-menu .muted-color{color:#94a3b8}
#refresh_modal.bq-private-modal .smilie-icon img{width:24px;height:24px;object-fit:contain}
#refresh_modal.bq-private-modal .dropdown-smilie{width:100%;max-height:300px;overflow-x:hidden}
#refresh_modal.bq-private-modal .dropdown-quick-often{width:100%;min-width:0}
#refresh_modal.bq-private-modal .quick-often-box{width:100%;margin-left:0;margin-right:0;overflow-x:hidden}
#refresh_modal.bq-private-modal .bq-dm-emojis{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;padding:8px;max-height:240px}
#refresh_modal.bq-private-modal .bq-dm-emojis button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;font-size:24px;line-height:1;font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif;cursor:pointer}
#refresh_modal.bq-private-modal .bq-dm-emojis button:hover{background:#ffffff12}
#refresh_modal.bq-private-modal .bq-dm-upload{position:static;flex:none}
#refresh_modal.bq-private-modal .bq-dm-upload-button{display:inline-flex;align-items:center;min-height:34px;margin:0;padding:8px;border-radius:12px;white-space:nowrap;color:#94a3b8;font-size:12px;line-height:18px;font-weight:400;cursor:pointer}
#refresh_modal.bq-private-modal .bq-dm-upload-button:hover{background:#ffffff0d;color:#fff}
#refresh_modal.bq-private-modal .bq-dm-upload-button:focus-visible{outline:2px solid #818cf8;outline-offset:2px}
#refresh_modal.bq-private-modal .bq-dm-upload [hidden]{display:none!important}
#refresh_modal.bq-private-modal .bq-dm-upload-preview:empty{display:none}
#refresh_modal.bq-private-modal .bq-dm-upload-preview:not(:empty){position:absolute;right:16px;bottom:152px;width:80px;height:80px;padding:4px;border:1px solid #ffffff1a;border-radius:12px;background:#181c26;box-shadow:0 8px 24px #0008;overflow:hidden}
#refresh_modal.bq-private-modal .bq-dm-upload-preview img{width:100%;height:100%;object-fit:contain;border-radius:8px}
#refresh_modal.bq-private-modal .bq-dm-tool-status{flex-basis:100%;margin:4px 0 0;font-size:11px;color:#a5b4fc}
#refresh_modal.bq-private-modal .bq-dm-tool-status:empty{display:none}
#refresh_modal.bq-private-modal textarea#receive{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI','Apple Color Emoji','Segoe UI Emoji',sans-serif}
#refresh_modal.bq-private-modal .private-next{font-size:11px;color:#818cf8}
@media(max-width:767px){
 #refresh_modal.bq-private-modal .modal-dialog.full-sm{width:calc(100% - 24px)!important;max-width:672px;min-height:0;margin:max(12px,calc((100dvh - 650px)/2)) auto!important}
 #refresh_modal.bq-private-modal .modal-content{height:650px;max-height:calc(100dvh - 24px);border-radius:24px!important}
 #refresh_modal.bq-private-modal .private-window-content{padding:16px}
 #refresh_modal.bq-private-modal .private-content{max-width:calc(100% - 44px);padding:12px}
 #refresh_modal.bq-private-modal .private-list{gap:10px}
 #refresh_modal.bq-private-modal .btn-input-expand .hide-sm{display:inline!important}
 #refresh_modal.bq-private-modal .btn-input-expand{padding:6px 4px;font-size:11px;gap:2px}
 #refresh_modal.bq-private-modal .send-private{padding:8px 12px}
}
@media(max-width:380px){
 #refresh_modal.bq-private-modal .private-window-footer{padding:12px}
 #refresh_modal.bq-private-modal .btn-input-expand{padding:8px;min-width:34px;justify-content:center}
 #refresh_modal.bq-private-modal .btn-input-expand .hide-sm{display:none!important}
}