/**
 * @file map-click-tools.css
 * @purpose Present a plain rectangular location menu and red selection marker.
 * @dependencies MapLibre popup DOM and map-click-tools.js hooks.
 * @public .map-click-toolbox, .map-click-action, .map-click-marker.
 * @sideEffects Styles only the selected-location popup; no map or tool layout changes.
 */

/* Flat coordinate header followed by direct full-width actions. */
.map-click-popup .maplibregl-popup-content { padding: 0; border: 1px solid #d9d9d9; border-radius: 3px; background: #fff; box-shadow: 0 3px 12px #0004; color: #282828; }
.map-click-popup .maplibregl-popup-tip { display: none; }
.map-click-toolbox { display: grid; width: 248px; max-width: calc(100vw - 76px); padding: 5px 0; line-height: 1.3; }
.map-click-toolbox[hidden] { display: none; }
.map-click-coordinate { display: block; padding: 10px 14px; background: #eee; color: #252525; font-size: 14px; font-variant-numeric: tabular-nums; white-space: nowrap; }
.map-click-action { display: block; width: 100%; min-height: 36px; padding: 9px 14px; border: 0; border-radius: 0; background: #fff; color: #252525; font: inherit; font-size: 14px; text-align: left; cursor: pointer; }
.map-click-action:hover { background: #eee; }
.map-click-action:focus-visible { outline: 2px solid #4285f4; outline-offset: -2px; background: #eee; }
.map-click-action:disabled { color: #777; cursor: wait; }

/* Selection stays outside the canvas so clean exports omit the temporary right-click tag. */
.map-click-marker { display: block; width: .72rem; height: .72rem; border: 2px solid #fff; border-radius: 50%; background: #e43d3d; box-shadow: 0 0 0 5px #e43d3d38, 0 3px 9px #4f12126b; pointer-events: none; }