/* ─── Company / Team Module ──────────────────────────────────────────────── */

/* Team table */
.team-table {
	width: 100%;
	border-collapse: collapse;
	font-size: var(--text-base);
}

.team-table th,
.team-table td {
	padding: var(--sp-3) var(--sp-4);
	text-align: left;
	border-bottom: 1px solid var(--border-color);
}

.team-table th {
	font-size: var(--text-xs);
	font-weight: var(--weight-semibold);
	text-transform: uppercase;
	letter-spacing: 0.04em;
	color: var(--text-muted);
	background: var(--bg-subtle);
}

.team-table tbody tr:last-child td {
	border-bottom: none;
}

.team-table tbody tr:hover {
	background: var(--bg-hover);
}

/* Member name cell */
.team-member-name {
	display: flex;
	align-items: center;
	gap: 10px;
}

.team-avatar {
	width: var(--sp-8);
	height: var(--sp-8);
	border-radius: var(--radius-full);
	object-fit: cover;
	flex-shrink: 0;
}

.team-you-badge {
	font-size: var(--text-2xs);
	color: var(--text-muted);
}

/* Role badges */
.team-role-badge {
	display: inline-block;
	padding: 2px var(--sp-2);
	border-radius: var(--radius-pill);
	font-size: var(--text-xs);
	font-weight: var(--weight-semibold);
	text-transform: capitalize;
}

.team-role-badge--owner {
	background: var(--color-blue-light);
	color: var(--color-blue);
}

.team-role-badge--partner {
	background: var(--color-green-light);
	color: var(--color-green);
}

.team-role-badge--guest {
	background: var(--color-orange-light);
	color: var(--color-orange);
}

/* Role select inline in table */
.team-role-select {
	padding: var(--sp-1) var(--sp-2);
	border: 1px solid var(--border-color);
	border-radius: var(--radius-sm);
	font-size: var(--text-sm);
	background: var(--bg-card);
	color: var(--text-primary);
	cursor: pointer;
}

.team-role-select:focus {
	outline: none;
	border-color: var(--color-primary);
	box-shadow: var(--shadow-focus);
}

/* Add member form (hidden by default) */
.team-add-form {
	display: none;
	padding: var(--sp-4);
	background: var(--bg-subtle);
	border-bottom: 1px solid var(--border-color);
}

.team-add-form.is-visible {
	display: block;
}

.team-add-form__inner {
	display: flex;
	gap: 10px;
	align-items: center;
	flex-wrap: wrap;
}

.team-add-form__inner .form-input {
	flex: 1;
	min-width: 180px;
}

/* Feedback message */
.team-feedback {
	padding: 10px var(--sp-4);
	border-radius: var(--radius-sm);
	font-size: var(--text-sm);
	margin-bottom: var(--sp-3);
}

.team-feedback--ok {
	background: var(--color-green-light);
	color: var(--color-green);
	border: 1px solid #bbf7d0;
}

.team-feedback--error {
	background: var(--color-red-light);
	color: var(--color-red);
	border: 1px solid #fecaca;
}

/* Empty state */
.team-empty {
	padding: var(--sp-10) var(--sp-6);
	text-align: center;
	color: var(--text-muted);
}