/*
 * A linked cell is clickable across its whole width, not only on the words.
 *
 * The negative margin, the padding and the height are Unfold's own cell metrics
 * (px-3 py-1.5, h-[45px], in TABLE_CELL_CLASSES in unfold/templatetags/unfold_list.py).
 * If a future Unfold changes them the link simply sits inline again, which is the
 * old behaviour rather than a broken one.
 */
#result_list tbody > tr > th > a.text-important,
#result_list tbody > tr > td > a.text-important {
	display: flex;
	align-items: center;
	min-height: 45px;
	margin: -0.375rem -0.75rem;
	padding: 0.375rem 0.75rem;
}

/*
 * The sidebar logo at the height the website's navbar gives it (44px, h-11 in
 * app/components/Logo.tsx), not Unfold's 32px, at which the script wordmark
 * blurs. Its wordmark is dark, so in the dark theme it sits on a white chip,
 * as it does in the website's footer, rather than being recoloured.
 */
img[src$="adventuremilestone/logo.png"] {
	height: 44px;
	width: auto;
}

.dark img[src$="adventuremilestone/logo.png"] {
	box-sizing: content-box;
	padding: 4px 8px;
	border-radius: 0.5rem;
	background: #fff;
}

/*
 * The account menu in the top bar (admin/includes/user_menu.html). Unfold's
 * compiled stylesheet has no utility for these, so they are named here.
 */
.user-menu-panel {
	top: 100%;
	width: 16rem;
}

.user-menu-trigger:hover,
.user-menu-trigger:focus-visible {
	outline: 2px solid var(--color-primary-600);
	outline-offset: 2px;
}