/* UseClick.io "Short link" panel in the block editor sidebar. Uses the editor's own type and colours. */

.useclick-panel {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.useclick-panel-link {
	display: flex;
	align-items: center;
	gap: 8px;
	padding: 8px 8px 8px 12px;
	border: 1px solid #e0e0e0;
	border-radius: 8px;
	background: #f9f9f9;
}

.useclick-panel-url {
	flex: 1;
	min-width: 0;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-family: Menlo, Consolas, monaco, monospace;
	font-size: 12px;
	color: #1e1e1e;
	text-decoration: none;
}

.useclick-panel-url:hover,
.useclick-panel-url:focus {
	text-decoration: underline;
}

.useclick-panel-meta {
	margin: 0;
	color: #757575;
	font-size: 12px;
	line-height: 1.5;
}