/* Custom admin UI overrides */
html { color-scheme: dark; }

/* Thumbnail spacing */
.slot-thumb {
	margin-right: 15px;
}

/* Slots table compact cells */
.slots-table th,
.slots-table td {
	padding: 3px !important;
}

/* Table headers left-aligned */
.slots-table th {
	text-align: left !important;
}

/* Links and buttons */
.link-blue {
	color: #3b82f6; /* blue-500 */
	font-weight: 600;
	text-decoration: none;
	transition: color .15s ease, text-decoration-color .15s ease;
}
.link-blue:hover {
	color: #60a5fa; /* blue-400 */
	text-decoration: underline;
}

.btn-view {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 6px;
	background-color: #2563eb; /* blue-600 */
	color: #fff;
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.btn-view:hover {
	background-color: #1d4ed8; /* blue-700 */
	transform: translateY(-1px);
	box-shadow: 0 6px 14px rgba(37, 99, 235, 0.25);
}

.btn-cancel {
	display: inline-block;
	padding: 6px 12px;
	border-radius: 6px;
	background-color: #374151; /* gray-700 */
	color: #e5e7eb; /* gray-200 */
	font-size: 0.875rem;
	font-weight: 600;
	text-decoration: none;
	transition: background-color .15s ease, transform .15s ease, box-shadow .15s ease;
}
.btn-cancel:hover {
	background-color: #4b5563; /* gray-600 */
	transform: translateY(-1px);
	box-shadow: 0 6px 14px rgba(75, 85, 99, 0.25);
}

/* Count pill */
.pill-count {
	display: inline-flex;
	align-items: center;
	padding: 2px 10px;
	border-radius: 9999px;
	background-color: rgba(59, 130, 246, 0.12); /* blue tint */
	color: #60a5fa; /* blue-400 */
	font-weight: 600;
	font-size: 0.8125rem;
}

/* Sync pill (3-step) */
.sync-pill {
	display: inline-flex;
	align-items: center;
	gap: 6px;
	padding: 4px 8px;
	border-radius: 9999px;
	background-color: rgba(148, 163, 184, 0.15); /* slate tint */
}
.sync-step {
	width: 10px;
	height: 10px;
	border-radius: 9999px;
	background-color: rgba(148, 163, 184, 0.55); /* slate-400 */
	box-shadow: inset 0 0 0 1px rgba(148,163,184,0.6);
}
.sync-step.filled {
	background-color: #22c55e; /* green-500 */
	box-shadow: inset 0 0 0 1px #15803d; /* green-700 */
}
.sync-step.error {
    background-color: #ef4444; /* red-500 */
    box-shadow: inset 0 0 0 1px #991b1b; /* red-800 */
}

/* Row hover tint via CSS, light vs dark */
tr.row-hover {
	transition: background-color .15s ease;
}
html:not(.dark) tr.row-hover:hover {
	background-color: rgba(0,0,0,0.05);
}
html.dark tr.row-hover:hover {
	background-color: rgba(255,255,255,0.05);
}

/* SweetAlert2 dark styling */
.swal2-popup {
	background: #111827 !important; /* gray-900 */
	color: #e5e7eb !important; /* gray-200 */
	border-radius: 12px !important;
}
.swal2-title { color: #f3f4f6 !important; /* gray-100 */ }
.swal2-html-container { color: #e5e7eb !important; }
.swal2-input, .swal2-select {
	background: #0b1220 !important; /* custom dark */
	border: 1px solid #374151 !important; /* gray-700 */
	color: #e5e7eb !important;
	box-shadow: none !important;
}
.swal2-actions { gap: 8px; }

/* Provider dropdown */
.provider-select { position: relative; }
.provider-select-input { width: 100%; }
.provider-panel {
	position: absolute;
	top: 100%; left: 0; right: 0;
	background: #0b1220;
	border: 1px solid #374151;
	border-radius: 10px;
	padding: 8px;
	box-shadow: 0 10px 24px rgba(0,0,0,0.35);
	max-height: 320px;
	overflow: auto;
	z-index: 10000;
}
.provider-panel .search-box { width: 100%; margin-bottom: 8px; }
.provider-item { display: flex; align-items: center; gap: 10px; padding: 6px 8px; border-radius: 8px; cursor: pointer; }
.provider-item:hover { background: rgba(255,255,255,0.06); }
.provider-thumb { width: 40px; height: 26px; border-radius: 6px; background: #111827; background-size: cover; background-position: center; flex-shrink: 0; }
.provider-name { color: #e5e7eb; font-weight: 600; }
.provider-count { color: #9ca3af; font-size: 12px; margin-left: auto; }