.irannet-account-user-header {
	box-sizing: border-box;
	display: flex;
	align-items: center;
	width: 100%;
	min-width: 0;
	gap: 18px;
	padding: 18px;
}

.irannet-account-user-header *,
.irannet-account-user-header *::before,
.irannet-account-user-header *::after {
	box-sizing: border-box;
}

.irannet-account-user-header--avatar-end .irannet-account-user-header__avatar {
	order: 2;
}

.irannet-account-user-header__avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	width: 76px;
	height: 76px;
	overflow: hidden;
	border-radius: 50%;
	background: rgba(0, 0, 0, .05);
}

.irannet-account-user-header__avatar img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.irannet-account-user-header__initials {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1;
}

.irannet-account-user-header__body {
	display: flex;
	flex: 1 1 auto;
	flex-direction: column;
	min-width: 0;
	gap: 8px;
}

.irannet-account-user-header__identity {
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: .35em;
	min-width: 0;
}

.irannet-account-user-header__greeting,
.irannet-account-user-header__name {
	min-width: 0;
	overflow-wrap: anywhere;
}

.irannet-account-user-header__name {
	font-weight: 700;
}

.irannet-account-user-header__meta {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 12px;
	min-width: 0;
}

.irannet-account-user-header__meta-item {
	display: inline-flex;
	align-items: center;
	max-width: 100%;
	gap: 6px;
	min-width: 0;
}

.irannet-account-user-header__meta-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	font-size: 14px;
	line-height: 1;
}

.irannet-account-user-header__meta-icon svg,
.irannet-account-user-header__meta-icon i {
	display: block;
}

.irannet-account-user-header__meta-label {
	flex: 0 0 auto;
}

.irannet-account-user-header__meta-value {
	min-width: 0;
	max-width: 100%;
	color: inherit;
	text-decoration: none;
	overflow-wrap: anywhere;
	transition: color .18s ease;
}

.irannet-account-user-header a.irannet-account-user-header__meta-value:hover,
.irannet-account-user-header a.irannet-account-user-header__meta-value:focus,
.irannet-account-user-header a.irannet-account-user-header__meta-value:focus-visible {
	text-decoration: none;
}

.irannet-account-user-header--meta-icon-end .irannet-account-user-header__meta-icon {
	order: 3;
}

.irannet-account-user-header__actions {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	gap: 8px;
	min-width: 0;
}

.irannet-account-user-header__action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	gap: .45em;
	min-width: 0;
	border: 1px solid currentColor;
	border-radius: 7px;
	padding: 7px 11px;
	color: inherit;
	background: transparent;
	text-decoration: none;
	line-height: 1.2;
	transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}

.irannet-account-user-header__action:hover,
.irannet-account-user-header__action:focus,
.irannet-account-user-header__action:focus-visible {
	text-decoration: none;
}

.irannet-account-user-header__action:focus-visible,
.irannet-account-user-header__meta-value:focus-visible {
	outline: 2px solid currentColor;
	outline-offset: 2px;
}

.irannet-account-user-header__action-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	flex: 0 0 auto;
	line-height: 1;
}

.irannet-account-user-header__action-icon svg,
.irannet-account-user-header__action-icon i {
	display: block;
}

@media (max-width: 767px) {
	.irannet-account-user-header {
		min-width: 0;
	}

	.irannet-account-user-header__body,
	.irannet-account-user-header__identity,
	.irannet-account-user-header__meta,
	.irannet-account-user-header__actions {
		max-width: 100%;
	}
}