/**
 * Team accounts - the choose-a-professional step.
 * Written to sit inside the theme's existing booking modal.
 * Global `button` styles are dark-on-green; cards must set their own colour.
 */

.pmd-multi-panel .pmd-multi-intro { margin: 0 0 12px; }

.pmd-multi-people {
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.pmd-multi-card {
	display: flex;
	align-items: center;
	gap: 12px;
	width: 100%;
	padding: 12px 14px;
	border: 1px solid var(--lbb-border-default, #e4e4e7);
	border-radius: 12px;
	background: var(--lbb-surface-canvas, #fff);
	color: var(--lbb-text-primary, #18181b);
	cursor: pointer;
	text-align: left;
	font: inherit;
	transition: border-color .15s ease, box-shadow .15s ease;
}

.pmd-multi-card:hover {
	border-color: var(--lbb-brand-violet-500, #7c3aed);
	background: var(--lbb-surface-canvas, #fff);
	color: var(--lbb-text-primary, #18181b);
}

.pmd-multi-card:focus-visible {
	outline: 2px solid var(--lbb-brand-violet-500, #7c3aed);
	outline-offset: 2px;
}

.pmd-multi-card--chosen {
	border-color: var(--lbb-brand-violet-500, #7c3aed);
	box-shadow: 0 0 0 1px var(--lbb-brand-violet-500, #7c3aed) inset;
	background: var(--lbb-brand-violet-50, #f5f3ff);
}

.pmd-multi-card-avatar {
	width: 44px;
	height: 44px;
	flex: 0 0 44px;
	border-radius: 50%;
	object-fit: cover;
	background: var(--lbb-brand-violet-100, #ede9fe);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: 1.25rem;
	line-height: 1;
}

.pmd-multi-card-avatar--any {
	background: var(--lbb-brand-violet-500, #7c3aed);
	color: var(--lbb-text-on-brand, #fff);
	font-size: 1rem;
}

.pmd-multi-card-avatar--blank {
	background: var(--lbb-brand-violet-100, #ede9fe);
}

.pmd-multi-card-body {
	display: flex;
	flex-direction: column;
	gap: 2px;
	flex: 1 1 auto;
	min-width: 0;
}

.pmd-multi-card-name {
	font-weight: 600;
	color: var(--lbb-text-primary, #18181b);
}

.pmd-multi-card-title,
.pmd-multi-card-rating-count {
	font-size: .85em;
	color: var(--lbb-text-muted, #6b5f7c);
}

.pmd-multi-card-rating {
	font-size: .85em;
	color: var(--lbb-text-secondary, #52525b);
}

.pmd-multi-loading,
.pmd-multi-error {
	margin: 0;
	padding: 12px 0;
	font-size: .9em;
	color: var(--lbb-text-primary, #18181b);
}

.pmd-multi-error { color: var(--lbb-danger, #dc2626); }

/* Team list on the clinic's public profile */

.pmd-multi-team-summary { margin: 24px 0; }

.pmd-multi-team-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 16px;
}

.pmd-multi-team-item {
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 4px;
	width: 120px;
	text-align: center;
	font-size: .85em;
	color: var(--lbb-text-primary, #18181b);
}

.pmd-multi-avatar {
	width: 64px;
	height: 64px;
	border-radius: 50%;
	object-fit: cover;
	background: var(--lbb-brand-violet-100, #ede9fe);
}

.pmd-multi-team-name { font-weight: 600; }
.pmd-multi-team-role,
.pmd-multi-team-rating-count { color: var(--lbb-text-muted, #6b5f7c); }

.pmd-multi-member-banner {
	margin: 4px 0 12px;
	font-size: .9em;
	color: var(--lbb-text-secondary, #52525b);
}

.pmd-multi-acting-banner {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 12px;
	padding: 10px 16px;
	background: var(--lbb-warning-soft, #fff4d6);
	border-bottom: 1px solid var(--lbb-warning-border, #e8d08a);
	font-size: .9em;
	color: var(--lbb-text-primary, #18181b);
}

@media (min-width: 640px) {
	.pmd-multi-team-item { width: 120px; }
}

.pmd-multi-service-filter {
	display: flex;
	gap: 12px;
	overflow-x: auto;
	margin: 0 0 1rem;
	padding: 2px 2px 10px;
	-webkit-overflow-scrolling: touch;
	scrollbar-width: none;
}

.pmd-multi-service-filter::-webkit-scrollbar {
	display: none;
}

.pmd-multi-service-filter__person {
	flex: 0 0 auto;
	width: 88px;
	display: flex;
	flex-direction: column;
	align-items: center;
	gap: 6px;
	padding: 0;
	border: 0;
	background: transparent;
	cursor: pointer;
	color: var(--lbb-text-secondary, #52525b);
	font: inherit;
}

.pmd-multi-service-filter__person:focus-visible {
	outline: 2px solid var(--lbb-brand-violet-500, #7c3aed);
	outline-offset: 3px;
	border-radius: 12px;
}

.pmd-multi-service-filter__avatar {
	width: 56px;
	height: 56px;
	border-radius: 50%;
	object-fit: cover;
	background: var(--lbb-brand-violet-100, #ede9fe);
	box-shadow: 0 0 0 2px var(--lbb-border-default, #e4e4e7);
}

.pmd-multi-service-filter__avatar--all,
.pmd-multi-service-filter__avatar--blank {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	font-size: .75rem;
	font-weight: 700;
	color: var(--lbb-brand-violet-600, #6d28d9);
}

.pmd-multi-service-filter__avatar--all {
	font-size: 1.1rem;
}

.pmd-multi-service-filter__person.is-active .pmd-multi-service-filter__avatar {
	box-shadow: 0 0 0 2px var(--lbb-brand-violet-500, #7c3aed);
}

.pmd-multi-service-filter__person.is-active .pmd-multi-service-filter__name {
	color: var(--lbb-text-primary, #18181b);
	font-weight: 700;
}

.pmd-multi-service-filter__name {
	max-width: 100%;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: .75rem;
	font-weight: 600;
	line-height: 1.2;
	text-align: center;
	word-break: break-word;
}