/**
 * Slotify Staff List Table – professional, actionable, colorful.
 * Avatar, badges, schedule, row actions.
 */

/* Scope to staff list screen */
body.edit-php.post-type-slotify_staff .wrap {
	max-width: 1400px;
}

/* Table card styling */
body.edit-php.post-type-slotify_staff .wp-list-table {
	border: 1px solid #c3c4c7;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
	border-radius: 4px;
	background: #fff;
}

body.edit-php.post-type-slotify_staff .wp-list-table thead th,
body.edit-php.post-type-slotify_staff .wp-list-table thead td {
	background: linear-gradient(180deg, #f6f7f7 0%, #f0f0f1 100%);
	border-bottom: 1px solid #c3c4c7;
	color: #1d2327;
	font-weight: 600;
	padding: 10px 12px;
}

body.edit-php.post-type-slotify_staff .wp-list-table tbody tr:hover {
	background: #f6f7f7;
}

body.edit-php.post-type-slotify_staff .wp-list-table tbody td {
	padding: 10px 12px;
	vertical-align: middle;
}

/* Avatar – photo or colorful initial */
.slotify-staff-avatar {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	min-width: 36px;
	min-height: 36px;
	border-radius: 50%;
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	letter-spacing: 0.02em;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.15);
	vertical-align: middle;
}

.slotify-staff-avatar--photo {
	object-fit: cover;
}

/* Color palette for avatars – cycle by char code for consistency */
.slotify-staff-avatar[data-initial="A"],
.slotify-staff-avatar[data-initial="N"] { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); }
.slotify-staff-avatar[data-initial="B"],
.slotify-staff-avatar[data-initial="O"] { background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%); }
.slotify-staff-avatar[data-initial="C"],
.slotify-staff-avatar[data-initial="P"] { background: linear-gradient(135deg, #10b981 0%, #059669 100%); }
.slotify-staff-avatar[data-initial="D"],
.slotify-staff-avatar[data-initial="Q"] { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); }
.slotify-staff-avatar[data-initial="E"],
.slotify-staff-avatar[data-initial="R"] { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); }
.slotify-staff-avatar[data-initial="F"],
.slotify-staff-avatar[data-initial="S"] { background: linear-gradient(135deg, #ec4899 0%, #db2777 100%); }
.slotify-staff-avatar[data-initial="G"],
.slotify-staff-avatar[data-initial="T"] { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); }
.slotify-staff-avatar[data-initial="H"],
.slotify-staff-avatar[data-initial="U"] { background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%); }
.slotify-staff-avatar[data-initial="I"],
.slotify-staff-avatar[data-initial="V"] { background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); }
.slotify-staff-avatar[data-initial="J"],
.slotify-staff-avatar[data-initial="W"] { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); }
.slotify-staff-avatar[data-initial="K"],
.slotify-staff-avatar[data-initial="X"] { background: linear-gradient(135deg, #84cc16 0%, #65a30d 100%); }
.slotify-staff-avatar[data-initial="L"],
.slotify-staff-avatar[data-initial="Y"] { background: linear-gradient(135deg, #e11d48 0%, #be123c 100%); }
.slotify-staff-avatar[data-initial="M"],
.slotify-staff-avatar[data-initial="Z"] { background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); }
/* Fallback for ? or other */
.slotify-staff-avatar:not([data-initial]) { background: linear-gradient(135deg, #64748b 0%, #475569 100%); }

.wp-list-table th.column-slotify_avatar {
	width: 64px;
	text-align: center;
	padding: 10px 8px;
}

.wp-list-table td.column-slotify_avatar {
	text-align: center;
	vertical-align: middle;
}

/* Name column – bold, prominent */
.wp-list-table .column-title .row-title {
	font-weight: 600;
	color: #1d2327;
}

/* Badges – Services, Priority */
.slotify-staff-badge {
	display: inline-block;
	padding: 0.25em 0.65em;
	font-size: 12px;
	font-weight: 600;
	line-height: 1.4;
	border-radius: 6px;
	white-space: nowrap;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.slotify-staff-badge--all {
	background: linear-gradient(135deg, #d1fae5 0%, #a7f3d0 100%);
	color: #065f46;
	border: 1px solid #6ee7b7;
}

.slotify-staff-badge--services {
	background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
	color: #1e40af;
	border: 1px solid #93c5fd;
}

.slotify-staff-badge--priority {
	background: linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);
	color: #92400e;
	border: 1px solid #fcd34d;
}

/* Schedule text */
.slotify-staff-schedule {
	display: inline-block;
	font-size: 13px;
	color: #50575e;
}

/* Row actions – visible, actionable */
.wp-list-table .row-actions {
	visibility: visible;
}

.wp-list-table .row-actions span {
	display: inline;
}

.wp-list-table .row-actions a {
	text-decoration: none;
	font-weight: 500;
}

.wp-list-table .row-actions a:hover {
	text-decoration: underline;
}

.wp-list-table .row-actions .slotify_calendar a {
	color: #2271b1;
}

.wp-list-table .row-actions .slotify_calendar a:hover {
	color: #135e96;
}

.wp-list-table tbody tr:hover .row-actions a {
	color: #2271b1;
}

/* Date column – subtle */
.wp-list-table .column-date {
	color: #646970;
	font-size: 13px;
}