.ep-card {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-radius: 10px;
	padding: 14px 16px;
	transition: transform 0.2s, box-shadow 0.2s;
	display: flex;
	align-items: center;
	gap: 12px;
}
.ep-card:hover {
	transform: translateY(-2px);
	box-shadow: 0 4px 12px rgba(0,0,0,0.08);
}
.ep-number {
	background: #28a745;
	color: #fff;
	font-weight: 700;
	font-size: 0.85rem;
	min-width: 50px;
	height: 50px;
	border-radius: 8px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
}
.ep-title {
	flex: 1;
	font-size: 0.9rem;
	font-weight: 500;
	color: #2c3e50;
	line-height: 1.3;
}
.ep-actions {
	display: flex;
	gap: 6px;
	flex-shrink: 0;
}
.ep-actions .btn {
	font-size: 0.75rem;
	padding: 5px 10px;
	border-radius: 6px;
	font-weight: 600;
	white-space: nowrap;
}
.ep-actions .btn-fhd { background: #0d6efd; color: #fff; border: none; }
.ep-actions .btn-fhd:hover { background: #0b5ed7; color: #fff; }
.ep-actions .btn-hd { background: #ffc107; color: #333; border: none; }
.ep-actions .btn-hd:hover { background: #e0a800; color: #333; }
.ep-actions .btn-online { background: #6f42c1; color: #fff; border: none; }
.ep-actions .btn-online:hover { background: #5a32a3; color: #fff; }
.ep-actions .btn-torrent { background: #17a2b8; color: #fff; border: none; }
.ep-actions .btn-torrent:hover { background: #138496; color: #fff; }

/* Search input */
#myInput {
	border: 1.5px solid #6c757d;
	background: #fff;
	color: #333;
	border-radius: 6px;
}
#myInput:focus {
	border-color: #28a745;
	box-shadow: 0 0 0 3px rgba(40, 167, 69, 0.15);
}
#myInput::placeholder {
	color: #888;
}
.form-check-label {
	color: #333;
	font-weight: 500;
}

/* Dark mode */
[data-bs-theme="dark"] #myInput { background: #1e2228; border-color: #555; color: #e0e0e0; }
[data-bs-theme="dark"] #myInput::placeholder { color: #888; }
[data-bs-theme="dark"] .form-check-label { color: #ccc; }
[data-bs-theme="dark"] .ep-card, body.dark-mode .ep-card { background: #1e2228; border-color: #2d3238; }
[data-bs-theme="dark"] .ep-title, body.dark-mode .ep-title { color: #e0e0e0; }
[data-bs-theme="dark"] body, body.dark-mode { background: #12151a; }
body { background: #f5f5f5; }

@media (max-width: 768px) {
	.ep-card { flex-wrap: wrap; }
	.ep-actions { width: 100%; justify-content: flex-start; margin-top: 8px; }
	.ep-number { min-width: 42px; height: 42px; font-size: 0.8rem; }
}