/* Small visible dots, generous independent touch targets. */
.wl-pmenu svg,.jf-post-options svg,.jicho-row-options svg,.jicho-message-options svg,.wl-c-options svg{fill:currentColor;display:block;flex-shrink:0}
.wl-pmenu{min-width:44px;min-height:44px;display:grid;place-items:center}
.jf-post-options{position:absolute;right:12px;top:58px;z-index:7;width:44px;height:44px;display:grid;place-items:center;background:#0b17235c;border:0;border-radius:50%;color:#fff;cursor:pointer}
.wl-sheet{z-index:370}.wl-sheet>div{max-height:85dvh;overflow-y:auto}.wl-sheet button{font-size:14px;background:#fff;border-radius:8px}.wl-sheet button:hover{background:#f1f5f9}
.wl-sheet button:focus-visible,.jicho-row-options:focus-visible,.jf-post-options:focus-visible,.wl-c-options:focus-visible{outline:2px solid #ff7a00;outline-offset:-2px}
/* Bingo aaCommentsDrawer: white sheet, blue names, orange circular send, fixed composer. */
.wl-cd .wl-cd-sheet{width:min(100%,480px);height:88dvh;max-height:88dvh;border-radius:20px 20px 0 0;color:#0f172a;font-family:Arial,sans-serif;overflow:hidden}
.wl-cd-handle{width:34px;min-height:16px;margin:0 auto;position:relative;touch-action:pan-x;cursor:grab}
.wl-cd-handle:after{content:'';position:absolute;top:7px;left:0;width:34px;height:3px;border-radius:4px;background:#cbd5e1}
.wl-cd .wl-cd-head{padding:0 16px 10px;border-bottom:1px solid #e2e8f0;min-height:42px;flex-shrink:0}
.wl-cd .wl-cd-head h3{font-size:15px;font-weight:700;color:#0f172a}
.wl-cd .wl-cd-count{margin:0;color:inherit;font:inherit}
.wl-cd .wl-cd-x{width:44px;height:44px;background:none;color:#0f172a;font-size:21px}
.wl-cd-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 16px;padding:6px 0 10px;border-bottom:1px solid #e2e8f0;flex-shrink:0}
.wl-cd-heading b{font-size:13px}.wl-cd-sort{width:auto;max-width:125px;padding:6px 10px;border:1px solid #e2e8f0;border-radius:24px;background:#f8fafc;color:#0f172a;font-size:12px}
.wl-cd .wl-cd-scroll{padding:0 16px;overflow-y:auto;flex:1;min-height:0}
.wl-cd .wl-cd-list{display:flex;flex-direction:column;gap:0;overflow:visible}
.wl-cd .wl-c{display:flex;padding:12px 0;border-bottom:1px solid #e2e8f0;gap:12px;align-items:flex-start}
.wl-cd .wl-c .wl-ava{width:32px;height:32px;flex-basis:32px;font-size:12px}
.wl-cd .wl-c-main{flex:1;min-width:0}.wl-c-top{display:flex;align-items:center;min-height:20px;gap:8px}
.wl-cd .wl-c-name,.wl-cd .wl-c-name button{font:700 12px/1.4 Arial,sans-serif;color:#1d4ed8;text-align:left}
.wl-cd .wl-c-body{font-size:13px;line-height:1.45;white-space:pre-wrap;margin:0;color:#0f172a;overflow-wrap:anywhere}
.wl-cd .wl-c-meta{display:flex;gap:12px;align-items:center;margin-top:3px;font:500 11px Arial,sans-serif;color:#64748b}
.wl-cd .wl-c-meta button{border:0;background:none;color:#64748b;font:600 11px Arial,sans-serif;cursor:pointer;padding:3px 0}
.wl-cd .wl-c-meta .wl-c-like{margin-left:auto;color:#0f172a}.wl-cd .wl-c-like[aria-pressed=true]{color:#e11d48}
.wl-c-options{border:0;background:none;color:#64748b;display:grid;place-items:center;min-width:32px;min-height:32px;margin:-6px -8px -6px auto;cursor:pointer}
.wl-c-reply-label{font-size:10px;color:#64748b}.wl-cd .wl-c-reply{padding-left:18px}
.wl-cd .wl-cd-form{flex:0 0 auto;padding:10px 16px calc(10px + env(safe-area-inset-bottom));gap:8px;align-items:center;background:#fff;border-top:1px solid #e2e8f0}
.wl-cd .wl-cd-form textarea{background:#f8fafc;color:#0f172a;border:1px solid #cbd5e1;border-radius:24px;font:400 13px/1.4 Arial,sans-serif;min-height:38px;padding:10px 14px;box-shadow:none}
.wl-cd .wl-cd-form textarea:focus{outline:2px solid #ffb879;border-color:#ff7a00}
.wl-cd .wl-cd-send{width:38px;min-width:38px;height:38px;padding:0;border:0;background:#ff7a00;color:#fff;border-radius:50%;font-size:19px;box-shadow:0 2px 8px #ff7a0040}
.wl-cd-context{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;background:#f8fafc;font-size:12px;color:#64748b}.wl-cd-context button{border:0;background:none;color:#64748b;min-width:32px;min-height:32px;cursor:pointer}
.wl-cd-field{display:flex;flex:1;min-width:0;align-items:center;border:1px solid #cbd5e1;border-radius:24px;background:#f8fafc}
.wl-cd .wl-cd-field textarea{border:0;background:none;padding-right:0}
.wl-cd-camera{display:grid;place-items:center;flex:0 0 32px;height:36px;border:0;background:none;color:#64748b;cursor:pointer;padding:0}
.wl-cd-attachment{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:6px 16px;background:#fff7ed;font-size:11px;color:#9a5b13;overflow-wrap:anywhere}
.wl-cd-attachment button{border:0;background:none;min-width:32px;min-height:32px;cursor:pointer}
.wl-comment-media{display:block;max-width:100%;max-height:210px;border-radius:10px;margin-top:6px;object-fit:contain}
.wl-cd .wl-cd-older{color:#1d4ed8;padding:10px 0;font-size:12px}
/* Quiet, readable messenger rows and a white message canvas. */
#chatView .chat-wrap{gap:0;padding:0;min-height:70dvh;border:1px solid #e2e8f0;border-radius:18px;overflow:hidden;background:#fff}
#chatView .ibx{border:0;border-right:1px solid #e2e8f0;border-radius:0;box-shadow:none;padding:14px 10px;gap:10px;min-width:0}
#chatView .ibx-filters{display:flex;flex-wrap:wrap;overflow:visible;gap:5px}
#chatView .ibx-filter{background:#f8fafc;color:#475569;border:1px solid #e2e8f0;border-radius:16px;min-height:30px;padding:5px 9px;font:600 11px Arial,sans-serif;box-shadow:none;text-shadow:none}
#chatView .ibx-filter[aria-pressed=true]{background:#fff3e7;border-color:#ffbc7d;color:#8a4200;box-shadow:none}
#chatView .ibx-tools{gap:5px}#chatView .ibx-tools input{background:#f8fafc;border-color:#e2e8f0;min-width:60px;font-size:12px}
#chatView .ibx-tools button{border:1px solid #e2e8f0;background:#fff;color:#475569;box-shadow:none;border-radius:9px;padding:6px 8px;font-size:11px}
#chatView .ibx .thread-list{gap:0;max-height:65dvh}
#chatView .ibx-item{position:relative;gap:0;border-bottom:1px solid #f1f5f9;align-items:center}
#chatView .thread{border:0;border-radius:10px;box-shadow:none;background:#fff;padding:10px 6px;gap:9px;min-height:74px;transform:none}
#chatView .thread:hover{transform:none;background:#f8fafc}#chatView .thread.active{background:#fff4e8;box-shadow:none;border:0}
#chatView .thread.unread{background:#fff;box-shadow:none}#chatView .thread.active.unread{background:#fff4e8}
#chatView .thread-text strong{color:#0f172a;font-weight:650;font-size:13px}#chatView .thread.unread .thread-text strong{color:#0f172a;font-weight:800}
#chatView .thread-text small{color:#64748b;font-weight:400;font-size:12px}#chatView .thread.unread .thread-text small{color:#334155;font-weight:600}
#chatView .thread-meta{max-width:76px}#chatView .thread-meta time{white-space:normal;text-align:right;font-size:10px;color:#64748b}
#chatView .thread img,#chatView .thread-heart{width:38px;height:38px;flex-basis:38px;border:0;box-shadow:none;background:#f1f5f9;color:#64748b}
#chatView .thread-profile{color:#927148;font-size:10px}#chatView .thread-unread{background:#f59e0b;width:7px;height:7px}
#chatView .thread-meta em{font-size:9px;padding:1px 4px}#chatView .jicho-chat-flags{color:#64748b;font-size:9px}
#chatView .jicho-row-options{flex:0 0 36px;width:36px;height:44px;display:grid;place-items:center;border:0;background:none;color:#64748b;border-radius:8px;cursor:pointer;box-shadow:none;padding:0}
#chatView .chat-card{border:0;border-radius:0;box-shadow:none;min-width:0}
#chatView .chat-head{background:#fff;color:#0f172a;border-bottom:1px solid #e2e8f0;padding:12px 16px;min-height:70px}
#chatView .chat-head small{color:#64748b}#chatView .chat-head .jicho-row-options{margin-left:auto}#chatView .chat-head .chat-monogram{background:#fff3e7;color:#b45309;border:0;border-radius:50%;width:40px;height:40px;flex-basis:40px}
#chatView .messages{background:#f8fafc;padding:18px;min-height:350px;max-height:64dvh}
#chatView .bubble{position:relative;box-shadow:none;padding-right:38px;font-size:14px}#chatView .bubble.user{background:#fff0df;color:#3d2a17;border:1px solid #fbd7b1}#chatView .bubble.user .bubble-sender,#chatView .bubble.user .bubble-time{color:#8a642f}
#chatView .bubble.assistant{background:#fff;color:#0f172a;border:1px solid #e2e8f0}
#chatView .jicho-message-options{position:absolute;right:1px;top:1px;width:32px;height:32px;border:0;border-radius:8px;background:none;color:#64748b;cursor:pointer;display:grid;place-items:center;padding:0}
#chatView .bubble.system{padding-right:15px;background:#fff;color:#64748b;box-shadow:none;border:0;font-size:13px}
#chatView .chat-form{background:#fff;border-top:1px solid #e2e8f0;box-shadow:none}#chatView .chat-card .chat-form input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:24px}
#chatView .chat-form button[type=submit]{background:#ff7a00;color:#fff;border:0;box-shadow:none}
#chatView .ibx-note{background:#fff!important;box-shadow:none!important;border:0!important}#chatView .ibx-note .thread-text strong{color:#475569}
@media(max-width:780px){#chatView .chat-wrap{margin:0 10px;width:auto;border-radius:12px}#chatView .ibx{border-right:0;border-bottom:1px solid #e2e8f0}#chatView .ibx .thread-list{max-height:32dvh}#chatView .messages{min-height:280px;max-height:48dvh}#chatView .section-head{padding:12px 14px}#chatView .chat-wrap>.helper{padding:8px}}
@media(min-width:781px){.wl-cd .wl-cd-sheet{height:min(88dvh,720px);border-radius:20px}.wl-cd{align-items:center}}
@media(prefers-reduced-motion:reduce){#chatView .thread{transition:none}}

/* Existing UI modules append their themes dynamically; keep this surface's quieter colours. */
#chatView .ibx-filter{background:#f8fafc!important;color:#475569!important;border:1px solid #e2e8f0!important;box-shadow:none!important;text-shadow:none!important;font:600 11px Arial,sans-serif!important;border-radius:16px!important}
#chatView .ibx-filter[aria-pressed=true]{background:#fff3e7!important;border-color:#ffbc7d!important;color:#8a4200!important}
#chatView .thread,#chatView .thread.unread{background:#fff!important;box-shadow:none!important;border:0!important}
#chatView .thread.active,#chatView .thread.active.unread{background:#fff4e8!important;border:0!important;box-shadow:none!important}
#chatView .thread-text strong,#chatView .thread.unread .thread-text strong{color:#0f172a!important;text-shadow:none!important}
#chatView .thread-text small{color:#64748b!important;font-weight:400!important}
#chatView .chat-head{background:#fff!important;border-bottom:1px solid #e2e8f0!important;color:#0f172a!important}
#chatView .chat-head strong{color:#0f172a!important}#chatView .chat-head small{color:#64748b!important}
#chatView .bubble{padding:10px 38px 10px 13px!important;box-shadow:none!important;font-weight:400!important}
#chatView .bubble.user{background:#fff0df!important;color:#3d2a17!important;border:1px solid #fbd7b1!important}
#chatView .bubble.assistant{background:#fff!important;color:#0f172a!important;border:1px solid #e2e8f0!important}
#chatView .bubble.system{padding-right:13px!important}