.ui-dialog {
	border: 1px solid #d5d5d5;
	border-radius: 0;
	box-shadow: none;
	padding: 0;
  background: #d6d6d6;
}

.ui-dialog-titlebar {
	position: relative;
	background: #f5f5f5;
	border-bottom: 1px solid #d5d5d5;
	border-radius: 0;
	padding: 10px 14px;
	font-weight: 600;
}

.ui-dialog-content {
	padding: 16px;
}

.ui-widget-overlay {
	background: #000;
	opacity: 0.4;
}

/* --- Close button --------------------------------------------------
   jQuery UI's default close button depends on the jQuery UI theme's
   icon sprite for its "X" glyph. Since we're not loading that theme,
   it falls back to showing the raw "close" text. This replaces it
   with a plain, self-contained × that matches the rest of the UI.
   -------------------------------------------------------------- */
.ui-dialog-titlebar-close {
	position: absolute;
	top: 8px;
	right: 10px;
	height: 26px;
	padding: 0;
	background: transparent;
	border: none;
	border-radius: 0;
	cursor: pointer;
	transition: background ease-in-out 0.15s;
}

.ui-dialog-titlebar-close:hover {
	background: #e5e5e5;
}

.ui-dialog-titlebar-close:hover::before {
	color: #111;
}

.ui-dialog-titlebar-close .ui-icon {
	display: none; /* remove the empty icon span entirely */
}

#coord-picker-zoom button {
	background: #d6d6d6;
	border: 1px solid #d5d5d5;
	border-radius: 0;
	transition: background ease-in-out 0.15s;
	cursor: pointer;
}

#coord-picker-zoom button:hover {
	background: #c4c4c4;
}

span[data-choose-coords-info] {
	margin-left: 10px;
	font-style: italic;
	color: #666;
}

span[data-choose-coords-info].has-coords {
	color: #43a43b; /* Match mark-green color from _map.scss */
	font-weight: bold;
}