/* Wik Desktop menus -- menu.css (W2c MENU, W1/69): the right-click menu core/menu.js draws, and the coarse-pointer gear.
   The panel wears the WikDialogs look (bg_dialog.xml: gradient c_dialog_bg_top -> c_dialog_bg, 1.5dp c_logo_frame, 3dp c_logo_glow),
   the tokens base.css .wk-dialog reads -- a menu is Android's hold dialog, placed at the pointer. No transition, no animation: it shows
   in one frame and goes in one frame. */
.mn-menu {
  position: fixed; left: 0; top: 0; z-index: 101; pointer-events: auto; box-sizing: border-box;
  min-width: 200px; max-width: min(360px, calc(100vw - 16px)); overflow-x: hidden; overflow-y: auto; padding: 6px 0;
  background: linear-gradient(180deg, var(--c-dialog-bg-top), var(--c-dialog-bg));
  border: 1.5px solid var(--c-logo-frame); border-radius: 16px; box-shadow: 0 0 0 3px var(--c-logo-glow), 0 6px 18px rgba(0, 0, 0, 0.35);
  color: var(--c-text); user-select: none;
}
.mn-menu:focus { outline: none; }
.mn-title { padding: 6px 16px 4px 16px; color: var(--c-subtext); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.mn-item {
  display: flex; align-items: center; gap: 12px; width: 100%; min-height: 40px; padding: 8px 16px; box-sizing: border-box;
  background: transparent; border: 0; color: var(--c-text); text-align: start; cursor: pointer; font: inherit;
}
.mn-item:hover, .mn-item:focus-visible { background: color-mix(in srgb, var(--c-text) 10%, transparent); }
.mn-item:focus { outline: none; }
.mn-item:focus-visible { box-shadow: inset 0 0 0 2px var(--c-accent-shown); }
.mn-icon { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; width: 20px; height: 20px; color: var(--c-subtext); }
.mn-icon > * { width: 100%; height: 100%; display: block; }
.mn-icon:empty { visibility: hidden; }
.mn-label { flex: 1 1 auto; min-width: 0; overflow-wrap: anywhere; }
.mn-default .mn-label { font-weight: 600; }
.mn-on .mn-icon { color: var(--c-accent-shown); }
.mn-danger, .mn-danger .mn-icon { color: var(--c-red); }
.mn-sep { height: 1px; margin: 4px 12px; background: var(--c-card-border); }
/* coarse pointer only (core/menu.js adds it while matchMedia('(pointer: coarse)') matches): the post's menu as a tap */
.mn-gear { flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; padding: 0; background: transparent; border: 0; color: inherit; cursor: pointer; }
.mn-gear > * { width: 100%; height: 100%; display: block; }