/* Leads Page Styles - aligned with New Lead page look & feel */

@import url('opportunities.css');

/* Layout */
.leads-page-layout {
	min-height: 0;
	background: var(--color-bg);
	color: var(--color-text);
	font-family: var(--font-family, 'Inter', 'Segoe UI', 'Roboto', Arial, sans-serif);
}

/* Assigned to cell: avatar + name en una sola fila */
.leads-page .assigned-cell {
	display: flex;
	align-items: center;
	gap: 8px;
	flex-wrap: nowrap;
	min-width: 0; /* permite ellipsis del nombre */
}

.leads-page .assigned-avatar.small {
	flex: 0 0 auto;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 28px;
	height: 28px;
	border-radius: 999px;
	font-weight: 700;
	font-size: 12px;
	color: #ffffff;
}

.leads-page .assigned-avatar.small i {
	color: #ffffff;
	font-size: 12px;
	line-height: 1;
}

.leads-page .assigned-name {
	flex: 1 1 auto;
	min-width: 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Name clickable: underline para indicar edicion */
.leads-page .lead-name-link {
	appearance: none;
	background: transparent;
	border: 0;
	padding: 0;
	margin: 0;
	color: var(--color-text, #fff);
	font: inherit;
	font-weight: 600;
	text-align: left;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}

.leads-page .lead-name-link:hover,
.leads-page .lead-name-link:focus-visible {
	color: var(--color-accent, #1abc9c);
	outline: none;
}