/*
 * druckansicht.css
 *
 * Gehoert zum Plugin und wird ueber wp_enqueue_style() geladen.
 * Farben und Typografie kommen als CSS-Variablen aus den Einstellungen
 * dazu und ueberschreiben die Vorgaben in dieser Datei.
 */

@page{ size:A4; margin:16mm 15mm; }
html,body{margin:0;padding:0;background:#eef1f5;}
body.sjt-print{
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
	color:#111821;
}
.sjt-print__bar{
	position:sticky;
	top:0;
	z-index:10;
	display:flex;
	flex-wrap:wrap;
	align-items:center;
	gap:12px;
	padding:12px 18px;
	background:#0f1a26;
	color:#fff;
}
.sjt-print__hint{flex:1 1 220px;font-size:14px;color:rgba(255,255,255,.78);}
.sjt-print__bar .sjt-btn{padding:11px 20px !important;font-size:14.5px !important;border-radius:6px;box-shadow:none;}
.sjt-print__bar .sjt-btn--ghost{background:transparent !important;border:1px solid rgba(255,255,255,.35) !important;color:#fff !important;}
.sjt-print__page{padding:24px 16px 48px;}
.sjt-print__page .sjt-job{margin:0 auto !important;}
.sjt-print__page .sjt-sheet{background:#fff;}
@media print{
	html,body{background:#fff;}
	.sjt-print__bar{display:none !important;}
	.sjt-print__page{padding:0;}
	.sjt-print__page .sjt-sheet{border:0;box-shadow:none;padding:0 !important;max-width:none;}
	.sjt-sheet__rule{margin-bottom:10mm;}
}