/* UPMED Jobs Portal: image viewer */
html.ujp-lb-on { overflow: hidden; }
.ujp-lb { position: fixed; inset: 0; z-index: 100000; background: rgba(8, 18, 34, .92); display: flex; align-items: center; justify-content: center; }
.ujp-lb[hidden] { display: none !important; }
.ujp-lb-stage { position: absolute; inset: 56px 64px 16px; display: flex; align-items: center; justify-content: center; }
.ujp-lb-stage img { max-width: 100%; max-height: 100%; object-fit: contain; border-radius: 6px; background: #fff; box-shadow: 0 10px 40px rgba(0, 0, 0, .4); }
.ujp-lb-bar { position: absolute; top: 0; left: 0; right: 0; height: 56px; display: flex; align-items: center; gap: 8px; padding: 0 12px; color: #fff; font: 14px/1.2 system-ui, -apple-system, "Segoe UI", sans-serif; }
.ujp-lb-count { margin-right: auto; opacity: .85; }
.ujp-lb-btn { background: rgba(255, 255, 255, .12); color: #fff !important; border: 1px solid rgba(255, 255, 255, .25); border-radius: 8px; padding: 8px 12px; text-decoration: none !important; cursor: pointer; font: inherit; }
.ujp-lb-btn:hover { background: rgba(255, 255, 255, .22); }
.ujp-lb-x { width: 38px; padding: 8px 0; text-align: center; }
.ujp-lb-nav { position: absolute; top: 50%; transform: translateY(-50%); width: 48px; height: 64px; border: 0; border-radius: 10px; background: rgba(255, 255, 255, .12); color: #fff; font-size: 38px; line-height: 1; cursor: pointer; }
.ujp-lb-nav:hover { background: rgba(255, 255, 255, .24); }
.ujp-lb-prev { left: 8px; }
.ujp-lb-next { right: 8px; }
.ujp-lb.single .ujp-lb-nav { display: none; }
@media (max-width: 640px) {
	.ujp-lb-stage { inset: 56px 6px 70px; }
	.ujp-lb-nav { top: auto; bottom: 10px; transform: none; height: 48px; }
	.ujp-lb-dl { display: none; }
}
