/*
 * SQAT application layer for the shared SUI shell.
 *
 * Loaded immediately after bootstrap-shell.css, which is the SUI layer and is taken
 * VERBATIM from ../../strixie_erp — nothing app-specific may be added to that file. Anything
 * SQAT needs on top of the shell lives here, under the `sqat-` prefix or as a plain
 * app-specific selector.
 *
 * See ../../strixie_erp/docs/sui.md for the three-layer contract.
 */

/* Report diagram preview: inline SVG exported client-side via the hidden draw.io embed iframe. */
.report-diagram-preview {
	background: #ffffff;
	border: 1px solid #dee2e6;
	border-radius: 6px;
	padding: 1rem;
	overflow: hidden;
	}

	.report-diagram-preview svg {
	display: block;
	max-width: 100%;
	height: auto;
	}

	@media print {
	.report-diagram-preview {
	page-break-inside: avoid;
	border-color: #eee;
	}
	}

/* SQAT only: the sidebar footer's small print is hidden when the sidebar is collapsed.
   Not in the shared shell — no other project has that footer. */
@media (min-width: 992px) {
	html.sui-sidebar-collapsed .sui-shell .sui-sidebar .mt-auto .small {
		display: none !important;
	}
}

.sqat-agreement-body {
	max-width: 75ch;
	font-size: 1rem;
	line-height: 1.65;
}

.sqat-agreement-body h2,
.sqat-agreement-body h3 {
	scroll-margin-top: 6rem;
}

.sqat-agreement-editor {
	min-height: 20rem;
	overflow-y: auto;
}

.sqat-agreement-editor:focus {
	border-color: var(--bs-primary);
	box-shadow: 0 0 0 0.25rem rgba(var(--bs-primary-rgb), 0.25);
}