/* context-menu.css — the accessible context menu (Shift+F10 / the Applications key).

   One widget, four places: the table's roster, the in-game players panel, the friends and
   online lists, and the message log all open the same popup through RovingToolbarList. It has
   its own file because those places live on two different PAGES, and the rules used to sit in
   player-panel.css, which only the game page loads — so in the lobby the menu arrived with no
   position and no surface at all: a fixed popup rendered as a stack of full-width buttons
   shoving the page around, which is not a menu and is certainly not one anybody was told about.

   A shared widget's style belongs where every page that opens it can reach it. */

.player-context-menu {
	position: fixed;
	z-index: 1100;
	min-width: 200px;
	display: flex;
	flex-direction: column;
	padding: 4px;
	background: var(--surface-2);
	border: 1px solid var(--border);
	border-radius: 8px;
	box-shadow: var(--shadow-md, 0 8px 28px rgba(0, 0, 0, 0.45));
}

.player-context-menu-item {
	background: none;
	border: none;
	box-shadow: none;
	text-align: left;
	padding: 0.5rem 0.75rem;
	font: inherit;
	color: var(--text);
	border-radius: 6px;
	cursor: pointer;
	/* The lobby's base button rule stretches every button to its container and gives it the
	   accent gradient; a menu item is neither of those things. */
	width: auto;
}

.player-context-menu-item:hover,
.player-context-menu-item:focus-visible {
	background: var(--accent);
	color: var(--on-accent);
	outline: none;
}