/* Both native user popovers, scoped to the desktop X5 template. */
.discuzx5 .p_pop.card,
.discuzx5 .p_pop.bui {
	box-sizing: border-box;
	max-width: calc(100vw - 32px);
	border: 1px solid var(--dz-borderb);
	border-radius: 12px;
	background: var(--dz-bgf);
	box-shadow: 0 8px 28px rgba(0, 0, 0, .10);
	font-size: 12px;
	line-height: 20px;
}
.discuzx5 .p_pop.card {
	width: 340px !important;
	padding: 0;
}
.discuzx5 .card > [class^="card_gender_"] {
	background: transparent;
}
.discuzx5 .card .card_mn {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	gap: 12px;
	min-height: 0;
	padding: 16px;
}
.discuzx5 .card .card_mn > .avt {
	position: static;
	display: block;
	width: 48px;
	margin: 0;
}
.discuzx5 .card .card_mn > .avt a {
	display: block !important;
}
.discuzx5 .card .card_mn > .avt img {
	display: block;
	box-sizing: border-box;
	width: 48px;
	height: 48px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--dz-borderb);
	border-radius: 10px;
	object-fit: cover;
}
.discuzx5 .card .card_mn > .c {
	min-width: 0;
	padding: 0;
	overflow-wrap: anywhere;
}
.discuzx5 .card .card_mn .c > .pbn {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 2px 6px;
	margin: 0;
	padding: 0 !important;
	line-height: 22px;
}
.discuzx5 .card .card_mn .c > .pbn::after {
	display: none;
}
.discuzx5 .card .card_mn strong {
	order: -1;
	min-width: 0;
}
.discuzx5 .card .card_mn strong a {
	font-size: 14px;
	font-weight: 600;
}
.discuzx5 .card .card_mn .pbn > .y {
	order: 1;
	float: none;
	flex-basis: 100%;
	font-size: 12px;
	line-height: 20px;
}
.discuzx5 .card .card_mn .c > div {
	margin-top: 4px;
	line-height: 20px;
}
.discuzx5 .card .card_mn .c > div:empty {
	display: none;
}
.discuzx5 .card .card_info {
	margin: 0 16px;
	padding: 10px 0;
	border: solid var(--dz-borderb);
	border-width: 1px 0 0;
}
.discuzx5 .card .card_info > li {
	display: grid;
	grid-template-columns: 76px minmax(0, 1fr);
	gap: 4px 12px;
	padding: 3px 0;
}
.discuzx5 .card .card_info .avt {
	position: static;
	display: block;
	width: auto;
	margin: 0;
}
.discuzx5 .card .card_info p {
	min-width: 0;
	overflow-wrap: anywhere;
}
.discuzx5 .card .o {
	display: flex;
	flex-wrap: wrap;
	gap: 6px 8px;
	padding: 12px 16px;
	border-top: 1px solid var(--dz-borderb);
}
.discuzx5 .card .o::after {
	display: none;
}
.discuzx5 .card .o > a {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	float: none;
	box-sizing: border-box;
	width: auto;
	min-height: 30px;
	margin: 0;
	padding: 4px 10px !important;
	border: 1px solid var(--dz-borderb);
	border-radius: 6px;
	background: var(--dz-bgc);
	color: var(--dz-fa);
	font-size: 12px;
	line-height: 20px;
	white-space: nowrap;
	text-decoration: none;
}
.discuzx5 .card .o > a.xi1 {
	color: var(--dz-ahot);
}
.discuzx5 .card .o > a:hover {
	border-color: var(--dz-ahover);
	background: var(--dz-bgc) !important;
	color: var(--dz-ahover);
	text-decoration: none;
}
.discuzx5 .card .o > a.xi1:hover {
	border-color: var(--dz-ahot);
	color: var(--dz-ahot);
}
.discuzx5 .card .card_msg {
	box-sizing: border-box;
	width: 100%;
	margin-top: 8px;
}
.discuzx5 .card .f {
	padding: 0 16px;
}
/* Detailed author card keeps native showMenu positioning and online/profile data. */
.discuzx5 .p_pop.bui {
	width: 400px !important;
	margin: 0;
	padding: 16px;
}
.discuzx5 .bui > .m {
	width: 64px;
	margin: 0;
}
.discuzx5 .bui .m .avtm {
	display: block;
	width: 64px;
	height: 64px;
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
}
.discuzx5 .bui .m img {
	display: block;
	box-sizing: border-box;
	width: 64px;
	height: 64px;
	margin: 0;
	padding: 0;
	border: 1px solid var(--dz-borderb);
	border-radius: 10px;
	object-fit: cover;
}
.discuzx5 .bui > .i {
	float: none;
	width: auto;
	min-width: 0;
	margin: 0 0 0 76px;
	overflow-wrap: anywhere;
}
.discuzx5 .bui .i > div:first-child {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 2px 8px;
	line-height: 22px;
}
.discuzx5 .bui .i strong a.xi2 {
	margin: 0;
	font-size: 14px;
	font-weight: 600;
}
.discuzx5 .bui dl {
	display: grid;
	grid-template-columns: max-content minmax(0, 1fr) max-content minmax(0, 1fr);
	gap: 4px 8px;
	margin: 10px 0;
}
.discuzx5 .bui dl::after {
	display: none;
}
.discuzx5 .bui :is(dt, dd) {
	float: none;
	width: auto;
	height: auto;
	margin: 0;
	line-height: 20px;
	overflow-wrap: anywhere;
}
.discuzx5 .bui .imicn {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
}
.discuzx5 .bui .imicn a {
	display: inline-flex;
	align-items: center;
	min-height: 24px;
	margin: 0;
}
@media (max-width: 480px) {
	.discuzx5 .bui dl {
		grid-template-columns: max-content minmax(0, 1fr);
	}
}