/**
 * Slotify Service List Table – professional, actionable, consistent with Staff list.
 * Icon (color/initial), duration, buffers, slot time, row actions (Calendar, Bookings).
 */

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

/* Table card styling */
body.edit-php.post-type-slotify_service .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_service .wp-list-table thead th,
body.edit-php.post-type-slotify_service .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_service .wp-list-table tbody tr:hover {
	background: #f6f7f7;
}

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

/* Service icon – color swatch or letter fallback */
.slotify-service-icon {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 36px;
	height: 36px;
	min-width: 36px;
	min-height: 36px;
	border-radius: 8px;
	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-service-icon--letter {
	/* Gradient by initial – same palette as staff for consistency */
}
.slotify-service-icon--letter[data-initial="A"],
.slotify-service-icon--letter[data-initial="N"] { background: linear-gradient(135deg, #6366f1 0%, #4f46e5 100%); }
.slotify-service-icon--letter[data-initial="B"],
.slotify-service-icon--letter[data-initial="O"] { background: linear-gradient(135deg, #0ea5e9 0%, #0284c7 100%); }
.slotify-service-icon--letter[data-initial="C"],
.slotify-service-icon--letter[data-initial="P"] { background: linear-gradient(135deg, #10b981 0%, #059669 100%); }
.slotify-service-icon--letter[data-initial="D"],
.slotify-service-icon--letter[data-initial="Q"] { background: linear-gradient(135deg, #f59e0b 0%, #d97706 100%); }
.slotify-service-icon--letter[data-initial="E"],
.slotify-service-icon--letter[data-initial="R"] { background: linear-gradient(135deg, #ef4444 0%, #dc2626 100%); }
.slotify-service-icon--letter[data-initial="F"],
.slotify-service-icon--letter[data-initial="S"] { background: linear-gradient(135deg, #ec4899 0%, #db2777 100%); }
.slotify-service-icon--letter[data-initial="G"],
.slotify-service-icon--letter[data-initial="T"] { background: linear-gradient(135deg, #8b5cf6 0%, #7c3aed 100%); }
.slotify-service-icon--letter[data-initial="H"],
.slotify-service-icon--letter[data-initial="U"] { background: linear-gradient(135deg, #14b8a6 0%, #0d9488 100%); }
.slotify-service-icon--letter[data-initial="I"],
.slotify-service-icon--letter[data-initial="V"] { background: linear-gradient(135deg, #f97316 0%, #ea580c 100%); }
.slotify-service-icon--letter[data-initial="J"],
.slotify-service-icon--letter[data-initial="W"] { background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%); }
.slotify-service-icon--letter[data-initial="K"],
.slotify-service-icon--letter[data-initial="X"] { background: linear-gradient(135deg, #84cc16 0%, #65a30d 100%); }
.slotify-service-icon--letter[data-initial="L"],
.slotify-service-icon--letter[data-initial="Y"] { background: linear-gradient(135deg, #e11d48 0%, #be123c 100%); }
.slotify-service-icon--letter[data-initial="M"],
.slotify-service-icon--letter[data-initial="Z"] { background: linear-gradient(135deg, #06b6d4 0%, #0891b2 100%); }
.slotify-service-icon--letter:not([data-initial]) { background: linear-gradient(135deg, #64748b 0%, #475569 100%); }

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

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

/* Name column */
.wp-list-table.post-type-slotify_service .column-title .row-title {
	font-weight: 600;
	color: #1d2327;
}

/* Badges – Duration, Buffers, Slot time */
.slotify-service-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-service-badge--duration {
	background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);
	color: #1e40af;
	border: 1px solid #93c5fd;
}

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

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

.slotify-service-muted {
	color: #646970;
	font-size: 13px;
}

/* Row actions – visible, actionable */
body.edit-php.post-type-slotify_service .wp-list-table .row-actions {
	visibility: visible;
}

body.edit-php.post-type-slotify_service .wp-list-table .row-actions span {
	display: inline;
}

body.edit-php.post-type-slotify_service .wp-list-table .row-actions a {
	text-decoration: none;
	font-weight: 500;
}

body.edit-php.post-type-slotify_service .wp-list-table .row-actions a:hover {
	text-decoration: underline;
}

body.edit-php.post-type-slotify_service .wp-list-table .row-actions .slotify_calendar a,
body.edit-php.post-type-slotify_service .wp-list-table .row-actions .slotify_bookings a {
	color: #2271b1;
}

body.edit-php.post-type-slotify_service .wp-list-table .row-actions .slotify_calendar a:hover,
body.edit-php.post-type-slotify_service .wp-list-table .row-actions .slotify_bookings a:hover {
	color: #135e96;
}

body.edit-php.post-type-slotify_service .wp-list-table tbody tr:hover .row-actions a {
	color: #2271b1;
}

/* Date column */
body.edit-php.post-type-slotify_service .wp-list-table .column-date {
	color: #646970;
	font-size: 13px;
}