.table-head {
	font-size: 1.2rem; /* mirip h4 */
	font-weight: bold;
	color: #fff;
}

.required-label::after {
	content: "*";
	color: red;
	font-weight: bold;
	vertical-align: super;
	font-size: 13px; /* biar sedikit lebih kecil */
}

.table th,
.table td {
	color: #fff !important;
}

.table thead th {
	color: #fff !important;
}

/* Ubah warna teks di dalam input, select, textarea */
.form-control {
	color: #fff; /* teks jadi putih */
	background-color: #2c2c2c; /* contoh: gelap biar kontras */
	border: 1px solid #555; /* opsional, biar tidak hilang border */
}

/* Placeholder juga harus diubah */
.form-control::placeholder {
	color: #ccc; /* abu-abu biar kelihatan */
	opacity: 1; /* pastikan placeholder tidak transparan */
}

/* Untuk option di dalam select */
.form-control option {
	color: #000; /* teks option hitam */
	background: #fff; /* background option putih */
}

.img-bordered {
	border: 2px solid #007bff;
	padding: 3px;
	border-radius: 8px;
}

.alert {
	animation: slideDown 0.6s ease;
}

@keyframes slideDown {
	from {
		transform: translateY(-20px);
		opacity: 0;
	}
	to {
		transform: translateY(0);
		opacity: 1;
	}
}

.text-muted.text-white {
	color: rgba(255, 255, 255, 0.7) !important; /* putih tapi agak transparan */
}

.status-label {
	display: inline-block;
	transition:
		opacity 0.3s ease,
		transform 0.3s ease;
}

.status-label.loading {
	opacity: 0.5;
	transform: scale(0.95);
}

.user-info h6,
.user-info p {
	margin-left: 5px; /* 👈 kasih jarak dari kiri */
}

/* SEARCH */
.table-dark td,
.table-dark th {
	vertical-align: middle;
}

/* buat baris kosong tampak elegan */
.bg-dark-subtle {
	background-color: #1e1f22 !important; /* sedikit lebih terang dari hitam */
}

.table td[colspan] {
	border: none !important;
}

.mdi-alert-circle-outline {
	vertical-align: middle;
}
/* END SEARCH */