/* DBN Professional Identity Frontend Shortcode Styles */
:root {
	--dbn-id-primary: var(--primary, #008080);
	--dbn-id-accent: var(--accent, #ff6f61);
	--dbn-id-card-bg: #ffffff;
	--dbn-id-text: var(--text, #1f2937);
	--dbn-id-muted: #6b7280;
	--dbn-id-border: #e5e7eb;
}

/* Verification Badge (Theme Compatible) */
.ulz-badge.dbn-identity-badge,
.dbn-identity-badge {
	display: inline-flex;
	align-items: center;
	padding: 4px 10px;
	border-radius: 12px;
	font-size: 13px;
	font-weight: 600;
	line-height: 1.3;
}
.ulz-badge.dbn-identity-badge i,
.dbn-identity-badge i {
	font-size: 14px;
	margin-right: 4px;
}
.dbn-identity-badge--verified {
	background-color: #d1fae5;
	color: #065f46;
}
.dbn-identity-badge--pending {
	background-color: #fef3c7;
	color: #92400e;
}
.dbn-identity-badge--rejected {
	background-color: #fee2e2;
	color: #991b1b;
}
.dbn-identity-badge--unverified {
	background-color: #f3f4f6;
	color: #4b5563;
}

/* Profile Completeness (Theme Box & Progress) */
.ulz--box.dbn-profile-completeness,
.dbn-profile-completeness {
	background: var(--dbn-id-card-bg);
	border: 1px solid var(--dbn-id-border);
	padding: 16px 20px;
	border-radius: 8px;
	font-size: 14px;
	color: var(--dbn-id-text);
	margin-bottom: 16px;
	width: 100%;
}
.dbn-profile-completeness strong {
	color: var(--dbn-id-primary);
	font-size: 16px;
}
.ulz-progress,
.dbn-profile-completeness progress {
	width: 100%;
	height: 8px;
	border-radius: 4px;
	overflow: hidden;
	display: block;
	border: none;
}
.ulz-progress::-webkit-progress-bar,
.dbn-profile-completeness progress::-webkit-progress-bar {
	background-color: #e5e7eb;
}
.ulz-progress::-webkit-progress-value,
.dbn-profile-completeness progress::-webkit-progress-value {
	background-color: var(--dbn-id-primary);
	border-radius: 4px;
}
.ulz-progress::-moz-progress-bar,
.dbn-profile-completeness progress::-moz-progress-bar {
	background-color: var(--dbn-id-primary);
	border-radius: 4px;
}

/* Dashboard Next Action (Theme Button Compatible) */
.ulz-button.dbn-dashboard-next-action,
.dbn-dashboard-next-action {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background-color: var(--dbn-id-accent);
	color: #ffffff !important;
	padding: 8px 18px;
	border-radius: 5px;
	font-weight: 600;
	font-size: 14px;
	text-decoration: none;
	transition: all 0.2s ease;
}
.ulz-button.dbn-dashboard-next-action:hover,
.dbn-dashboard-next-action:hover {
	background-color: #003049;
	color: #ffffff !important;
}

/* Professional Profile Card (Theme Box & Grid Compatible) */
.ulz--box.dbn-professional-profile,
.dbn-professional-profile {
	background: var(--dbn-id-card-bg);
	border: 1px solid var(--dbn-id-border);
	border-radius: 10px;
	overflow: hidden;
	margin: 20px 0;
	box-shadow: 0 1px 3px rgba(0,0,0,0.05);
	padding: 0;
	width: 100%;
}
.ulz--cover.dbn-professional-profile__cover {
	width: 100%;
	height: 180px;
	background-size: cover;
	background-position: center;
	display: block;
}
.ulz--heading.dbn-professional-profile__header {
	display: flex;
	align-items: center;
	gap: 16px;
	padding: 20px;
	border-bottom: 1px solid var(--dbn-id-border);
}
.ulz--cover-avatar .dbn-professional-profile__avatar {
	width: 80px;
	height: 80px;
	border-radius: 50%;
	object-fit: cover;
	border: 3px solid #ffffff;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
	display: block;
}
.ulz--heading-info {
	flex: 1 1 auto;
	min-width: 0;
}
.ulz--name.dbn-professional-profile__name {
	margin: 0 0 4px 0;
	font-size: 20px;
	font-weight: 700;
	color: var(--dbn-id-text);
}
.ulz--bio.dbn-professional-profile__headline {
	margin: 0 0 8px 0;
	color: var(--dbn-id-muted);
	font-size: 14px;
}
.ulz--bio-full.dbn-professional-profile__bio {
	padding: 20px;
	font-size: 15px;
	line-height: 1.6;
	color: var(--dbn-id-text);
	border-bottom: 1px solid var(--dbn-id-border);
}
.ulz-grid.dbn-professional-profile__grid {
	padding: 20px;
	margin: 0;
}
.dbn-profile-meta-item {
	margin-bottom: 12px;
}
.dbn-profile-meta-item strong {
	color: var(--dbn-id-text);
	font-size: 14px;
	display: block;
	margin-top: 2px;
}