#wc-mention-picker { --modal-width:460px; --modal-padding:18px; --modal-heading-size:20px; --modal-button-height:36px; }
#wc-mention-picker[open] { display:flex; flex-direction:column; }
#wc-mention-picker header,#wc-mention-picker footer { flex:none; flex-wrap:wrap;     padding:12px 18px; }
#wc-mention-picker header { border-bottom:1px solid var(--modal-line); }
#wc-mention-picker h2 { margin:0; font:700 20px/1.3 Manrope,Tahoma,sans-serif; color:var(--modal-accent); }
#wc-mention-picker .wc-mention-body { padding:12px var(--modal-padding); min-height:0; overflow-y:auto; overscroll-behavior:contain; }
#wc-mention-picker label { display:block; margin-bottom:6px; font-weight:600; }
#wc-mention-picker input { width:100%; min-height:40px; margin:0; padding:8px 10px; border:1px solid var(--modal-line); border-radius:6px; background:var(--modal-surface); color:var(--modal-text); font:inherit; }
#wc-mention-picker input::placeholder { color:var(--modal-muted); opacity:.55; }
#wc-mention-picker button:hover,#wc-mention-picker [aria-selected="true"] { background:var(--modal-hover); }
#wc-mention-picker button:disabled { opacity:.5; cursor:default; }
#wc-mention-picker header button { border:0; padding:0; font:26px/1 Arial,sans-serif; min-width:32px; }
#wc-mention-picker [role="status"] { min-height:42px; margin:8px 0; color:var(--modal-muted); font-size:12px; }
#wc-mention-results { height:min(220px,30dvh); overflow-y:auto; scrollbar-gutter:stable; }
#wc-mention-results button { display:block; width:100%; margin-bottom:4px; text-align:left; overflow-wrap:anywhere; color:var(--modal-text); }
.panel-form > button.wc-mention-button { display:inline-flex; align-items:center; justify-content:center; flex:0 0 24px; width:24px; height:24px; min-height:24px; padding:3px; margin:0; border:0; border-radius:3px; background:transparent; cursor:pointer; }
.panel-form > button.wc-mention-button:hover { background:var(--editor-hover); }
.panel-form > button.wc-mention-button:focus-visible { outline:2px solid var(--editor-focus); }
.panel-form > button.wc-mention-button img { display:block; width:17px; height:17px; }