/* BetriebsanweisungenApp - Operating instructions file management */

.ba-container {
	padding: 16px 0;
}

.ba-toolbar {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 16px;
}

.ba-loading {
	padding: 40px;
	text-align: center;
	color: var(--td-text-color);
}

.ba-empty {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding: 60px 20px;
	text-align: center;
	color: var(--td-text-color);
}

.ba-empty-icon {
	display: inline-block;
	margin-bottom: 8px;
}

.ba-empty p {
	margin: 12px 0 0;
	font-size: var(--td-body-size);
}

.ba-actions {
	display: inline-flex;
	align-items: center;
	gap: 10px;
}


.modal_dialog.rd-popup-dialog.ba-upload-dialog,
.modal_dialog.rd-popup-dialog.ba-edit-dialog {
	width: min(900px, calc(100vw - 32px)) !important;
	max-width: calc(100vw - 32px) !important;
}

.modal_dialog.rd-popup-dialog.ba-upload-dialog .modal_dialog_mid,
.modal_dialog.rd-popup-dialog.ba-edit-dialog .modal_dialog_mid {
	min-width: 0;
	max-width: 100%;
	overflow-x: visible;
	padding: 16px !important;
	box-sizing: border-box;
}

@media (max-width: 640px) {
	.modal_dialog.rd-popup-dialog.ba-upload-dialog,
	.modal_dialog.rd-popup-dialog.ba-edit-dialog {
		width: calc(100vw - 16px) !important;
		max-width: calc(100vw - 16px) !important;
	}
}

.ba-upload-entries-wrap {
	display: grid;
	gap: 12px;
}

.ba-inline-info {
	margin: 0;
	font-size: var(--td-body-size);
	color: var(--td-text-color);
}

.ba-upload-entries {
	margin-top: 16px;
}

.ba-upload-entries h4 {
	margin: 0 0 12px;
	font-size: 14px;
	font-weight: 600;
}

.ba-upload-entry {
	display: grid;
	grid-template-columns: minmax(0, 1fr) minmax(220px, 280px);
	align-items: center;
	gap: 12px;
	padding: 8px 0;
	border-bottom: 1px solid var(--rd-gray-100, #f3f4f6);
}

.ba-upload-filename {
	flex: 1;
	font-size: var(--td-body-size);
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

.ba-category-input {
	width: 220px;
	max-width: 100%;
	height: 40px;
	padding: var(--rd-spacing-md, 12px);
	border: 1px solid var(--rd-input-default, #eaecf0);
	border-radius: var(--td-icon-radius);
	background: var(--rd-font-light, #fff);
	box-sizing: border-box;
	transition: border-color 0.15s ease, box-shadow 0.15s ease;
}

.ba-category-input:hover {
	border-color: var(--rd-input-hover, #ab4e67);
}

.ba-category-input:focus {
	outline: none;
	border-color: var(--rd-input-focused, #803a4d);
	box-shadow: 0 0 0 3px rgba(0, 100, 139, 0.12);
}

.ba-edit-filename {
	margin: 0 0 12px;
	font-weight: 500;
	font-size: 14px;
}

.ba-category-input-full {
	width: 100%;
}

@media (max-width: 720px) {
	.ba-upload-entry {
		grid-template-columns: 1fr;
	}

	.ba-category-input {
		width: 100%;
	}
}