/* =====================================================================
   file-preview.css — Preview cho ô .file-upload (ảnh / audio / video).

   Dùng chung cho các template create-general* và create-general-job-rh*.
   Tất cả xử lý cục bộ trong trình duyệt (objectURL), KHÔNG upload.
   Class đều tiền tố fp- để không đụng CSS khác.
   ===================================================================== */

.file-upload .fp-preview { flex: 0 0 auto; }

/* ---- Thumbnail ảnh / video: cạnh ngắn 56px, cạnh kia auto (JS đặt) ---- */
.fp-thumb {
	min-width: 56px;
	min-height: 56px;
	border-radius: 10px;
	border: 1px solid rgba(255, 255, 255, .16);
	background: rgba(255, 255, 255, .05);
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.fp-thumb img,
.fp-thumb video { display: block; }

/* ---- Video: thumbnail có nút tam giác ở giữa (chỉ báo hiệu là video) ---- */
.fp-video { position: relative; }
.fp-play-overlay {
	position: absolute;
	inset: 0;
	display: flex;
	align-items: center;
	justify-content: center;
	background: rgba(0, 0, 0, .30);
	pointer-events: none;
}

/* ---- Nút nghe thử cho file audio ---- */
.fp-audio-play {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 38px;
	height: 38px;
	padding: 0;
	border-radius: 50%;
	border: 1px solid rgba(255, 255, 255, .16);
	background: rgba(255, 255, 255, .06);
	color: #fff;
	cursor: pointer;
	transition: background .15s, transform .1s;
}
.fp-audio-play:hover { background: rgba(124, 92, 255, .25); }
.fp-audio-play:active { transform: scale(.94); }
.fp-audio-play .fp-ic-pause { display: none; }
.fp-audio-play.playing { background: #7c5cff; }
.fp-audio-play.playing .fp-ic-play { display: none; }
.fp-audio-play.playing .fp-ic-pause { display: inline; }