/**
 * File input zoom modal – modern UI overrides
 * Targets .file-zoom-dialog (Krajee bootstrap-fileinput)
 */
.file-zoom-dialog .modal-dialog {
	border-radius: 16px;
	overflow: hidden;
	box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
}

.file-zoom-dialog .modal-content {
	border: none;
	border-radius: 16px;
	overflow: hidden;
	background: #fff;
}

.file-zoom-dialog .modal-header.kv-zoom-header {
	padding: 1rem 1.25rem;
	background: linear-gradient(to bottom, #fafafa, #f5f5f5);
	border-bottom: 1px solid #eee;
	flex-wrap: wrap;
	gap: 0.5rem;
}

.file-zoom-dialog .modal-title.kv-zoom-title {
	font-size: 0.9375rem;
	font-weight: 600;
	color: #212529;
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	gap: 0.35rem;
}

.file-zoom-dialog .kv-zoom-caption {
	overflow: hidden;
	text-overflow: ellipsis;
	max-width:  min(220px, 50vw);
	white-space: nowrap;
}

.file-zoom-dialog .kv-zoom-size {
	font-size: 0.8125rem;
	font-weight: 500;
	color: #6c757d;
}

.file-zoom-dialog .kv-zoom-size samp {
	font-family: inherit;
	background: transparent;
	padding: 0;
}

.file-zoom-dialog .kv-zoom-actions {
	display: flex;
	align-items: center;
	gap: 0.25rem;
	min-width: auto;
	flex-shrink: 0;
}

.file-zoom-dialog .kv-zoom-actions .btn-kv {
	margin: 0;
	width: 2rem;
	height: 2rem;
	padding: 0;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 8px;
	border: 1px solid #dee2e6;
	background: #fff;
	color: #495057;
	transition: background 0.2s, color 0.2s, border-color 0.2s;
}

.file-zoom-dialog .kv-zoom-actions .btn-kv:hover {
	background: #f8f9fa;
	border-color: #7a1f1f;
	color: #7a1f1f;
}

.file-zoom-dialog .kv-zoom-actions .btn-kv-close:hover {
	background: #fee2e2;
	border-color: #dc2626;
	color: #dc2626;
}

.file-zoom-dialog .kv-zoom-body.file-zoom-content {
	padding: 1rem;
	min-height: 320px;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #f8f9fa;
}

.file-zoom-dialog .kv-zoom-body .file-preview-image,
.file-zoom-dialog .kv-zoom-body .file-zoom-detail {
	border-radius: 8px;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain;
}

.file-zoom-dialog .btn-navigate {
	width: 2.75rem;
	height: 2.75rem;
	border-radius: 50%;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	background: #fff;
	border: 1px solid #dee2e6;
	color: #495057;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
	transition: background 0.2s, border-color 0.2s, color 0.2s;
}

.file-zoom-dialog .btn-navigate:hover {
	background: #fff;
	border-color: #7a1f1f;
	color: #7a1f1f;
}

.file-zoom-dialog .floating-buttons {
	top: 0.5rem;
	right: 0.5rem;
}

.file-zoom-dialog .kv-zoom-description {
	border-radius: 8px;
	font-size: 0.875rem;
}

/* Fullscreen mode */
.file-zoom-dialog.file-zoom-fullscreen .modal-content {
	border-radius: 0;
}

.file-zoom-dialog.file-zoom-fullscreen .modal-header.kv-zoom-header {
	border-radius: 0;
}

@media (max-width: 767px) {
	.file-zoom-dialog .modal-header.kv-zoom-header {
		padding: 0.75rem 1rem;
	}
	.file-zoom-dialog .kv-zoom-caption {
		max-width: 140px;
	}
	.file-zoom-dialog .kv-zoom-actions .btn-kv {
		width: 1.75rem;
		height: 1.75rem;
	}
}