/* All styles consolidated here for easy editing */

:root {
	/* Canvas size (mm-based for print accuracy) */
	--cheque-width: 297mm;
	--cheque-height: 210mm;

	/* Global nudge for all fields (printer drift) */
	--global-offset-x: 85mm;
	--global-offset-y: 77mm;

	/* Field positions */
	--pos-date-top: 12mm;
	--pos-date-left: 160mm;
	/* Field-specific offsets */
	--date-offset-x: -3.2mm;
	--date-offset-y: -11mm;
	/* Date visual tuning */
	--date-gap: 1mm;              /* spacing between month/day/year groups */
	--digit-box-width: 4.2mm;
	--digit-box-height: 6mm;
	--digit-box-gap: 0.5mm;
	--digit-box-border: 1px solid #999;
	/* Computed */
	--date-top: calc(var(--pos-date-top) + var(--global-offset-y) + var(--date-offset-y));
	--date-left: calc(var(--pos-date-left) + var(--global-offset-x) + var(--date-offset-x));

	/* Align payee with numeric amount by default */
	--pos-amount-numeric-top: 43mm;
	--pos-amount-numeric-left: 160mm;

	/* Align payee baseline with amount numeric by default; tweak with offset if needed */
	--payee-up-offset: 0mm; /* increase to move payee upward relative to amount */
	--pos-payee-top: calc(var(--pos-amount-numeric-top) - var(--payee-up-offset));
	/* Align payee start with words line by default, with adjustable horizontal gap */
	--payee-words-gap-x: 0mm; /* positive -> payee starts to the right of words start */
	--pos-payee-left: calc(var(--pos-amount-words-left) + var(--payee-words-gap-x));
	--payee-block-height: 10mm; /* wrapper height; JS will auto-size this to fit content */
	--payee-offset-x: 21.2mm;
	--payee-offset-y: -27.5mm;
	--payee-text-transform: uppercase; /* force uppercase for payee display */
	--payee-font-size: 14px;
	/* Computed payee positions */
	--payee-top: calc(var(--pos-payee-top) + var(--global-offset-y) + var(--payee-offset-y));
	--payee-left: calc(var(--pos-payee-left) + var(--global-offset-x) + var(--payee-offset-x));

	--pos-amount-words-top: 55mm;
	--pos-amount-words-left: 15mm;
	--pos-amount-words-width: 175mm;
	--words-offset-x: 15.5mm;
	--words-offset-y: -37mm;
	/* Extra vertical gap control relative to its base position */
	--words-extra-gap-y: 0mm; /* positive -> pushes words further down */
	--words-top: calc(var(--pos-amount-words-top) + var(--global-offset-y) + var(--words-offset-y) + var(--words-extra-gap-y));
	--words-left: calc(var(--pos-amount-words-left) + var(--global-offset-x) + var(--words-offset-x));

	/* Words line styling */
	--words-font-size: 14px;
	--words-line-height: 1.4;
	--words-letter-spacing: 0px;
	--words-word-spacing: 0px;
	--words-text-transform: none; /* e.g., uppercase */

	/* Payee wrapping control (stop before amount numeric) */
	--payee-right-gap: 6mm; /* distance from amount area */
	--pos-payee-width: calc(var(--pos-amount-numeric-left) - var(--pos-payee-left) - var(--payee-right-gap));
	/* Fine alignment nudge (use small +/- values like 0.2mm) */
	--payee-right-nudge: 0mm;

	/* Amount numeric vertical fine-tune to match payee baseline precisely */
	--amount-nudge-y: 0mm;
	--amount-text-nudge-x: 0mm; /* extra fine horizontal nudge for amount text */
	--amount-block-height: 6mm; /* height for amount wrapper; controls baseline anchoring */
	--amount-offset-x: 11mm;
	--amount-offset-y: -28.9mm;
	--amount-font-size: 14px;
	/* Computed amount positions */
	--amount-top: calc(var(--pos-amount-numeric-top) + var(--global-offset-y) + var(--amount-offset-y));
	--amount-left: calc(var(--pos-amount-numeric-left) + var(--global-offset-x) + var(--amount-offset-x));

	/* Signatories (boxes below words) */
	--sig1-top: 72mm;
	--sig1-left: 60mm;
	--sig1-width: 120mm;
	--sig1-height: 24mm;
	--sig1-offset-x:47.8mm;
	--sig1-offset-y: -34mm;
	--sig1-top-final: calc(var(--sig1-top) + var(--global-offset-y) + var(--sig1-offset-y));
	--sig1-left-final: calc(var(--sig1-left) + var(--global-offset-x) + var(--sig1-offset-x));

	--sig2-top: 72mm;
	--sig2-left: 125mm;
	--sig2-width: 120mm;
	--sig2-height: 24mm;
	--sig2-offset-x: 37.2mm;
	--sig2-offset-y: -34mm;
	--sig2-top-final: calc(var(--sig2-top) + var(--global-offset-y) + var(--sig2-offset-y));
	--sig2-left-final: calc(var(--sig2-left) + var(--global-offset-x) + var(--sig2-offset-x));

	/* Signatory text styling and nudge */
	--sig-font-size: 12px;
	--sig-line-height: 1.2;
	--sig-letter-spacing: 0px;
	--sig-text-transform: none; /* e.g., uppercase */
	--sig-text-align: center;   /* left | center | right */
	--sig-name-offset-y: 0mm;   /* fine vertical nudge inside box */
	
	/* Check number positioning */
	--pos-checkno-top: 50mm;
	--pos-checkno-left: 190mm;
	--checkno-offset-x: -22.2mm;
	--checkno-offset-y: -61mm;
	--checkno-width: 60mm;
	--checkno-top: calc(var(--pos-checkno-top) + var(--global-offset-y) + var(--checkno-offset-y));
	--checkno-left: calc(var(--pos-checkno-left) + var(--global-offset-x) + var(--checkno-offset-x));
}

* { box-sizing: border-box; }
body {
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	padding-left: 250px;
	background: #f6f7fb;
	color: #111;
	display: flex;
	min-height: 100vh;
	position: relative;
	transition: padding-left 0.3s ease-in-out;
}

/* Splash Screen */
.splash-screen {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255, 255, 255, 0.95);
	display: none;
	justify-content: center;
	align-items: center;
	z-index: 10000;
	opacity: 1;
	transition: opacity 0.5s ease-out;
}

.splash-logo {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	animation: logoPop 0.5s ease-out;
}

.logo-image {
	width: 260px;
	height: 260px;
	border-radius: 50%;
	object-fit: cover;
	border: 4px solid #2f6feb;
	background: #fff;
	box-shadow: 0 10px 40px rgba(47, 111, 235, 0.3);
	padding: 10px;
}

@keyframes logoPop {
	0% {
		transform: scale(0.5);
		opacity: 0;
	}
	50% {
		transform: scale(1.1);
	}
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

/* Sidebar Navigation */
.sidebar {
	width: 250px;
	background: #fff;
	border-right: 1px solid #e6e8ef;
	padding: 20px 0 0 0;
	position: fixed;
	left: 0;
	top: 0;
	height: 100vh;
	overflow-y: auto;
	z-index: 1000;
	display: flex;
	flex-direction: column;
	transition: transform 0.3s ease-in-out;
}

.sidebar.collapsed {
	transform: translateX(-100%);
}

/* Sidebar Toggle Button */
.sidebar-toggle {
	position: fixed;
	/* Anchor inside the sidebar area so it doesn't cover headings */
	left: 12px;
	top: 12px;
	bottom: auto;
	min-width: 36px;
	z-index: 1001;
	background: #2f6feb;
	color: #fff;
	border: none;
	border-radius: 6px;
	padding: 10px 12px;
	cursor: pointer;
	font-size: 18px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
	transition: all 0.3s ease;
}

.sidebar-toggle:hover {
	background: #2563eb;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
}

/* When sidebar is collapsed, move button to left */
body.sidebar-collapsed .sidebar-toggle {
	left: 10px;
	top: 10px;
	bottom: auto;
}

.toggle-icon {
	display: block;
	line-height: 1;
}

.sidebar-header {
	padding: 0 20px 20px;
	border-bottom: 1px solid #e6e8ef;
	margin-bottom: 20px;
}

.sidebar-header h2 {
	margin: 0;
	font-size: 18px;
	color: #111;
}

.sidebar-menu {
	list-style: none;
	padding: 0;
	margin: 0;
}

.sidebar-menu li {
	margin: 0;
}

.sidebar-menu a {
	display: block;
	padding: 12px 20px;
	color: #667085;
	text-decoration: none;
	transition: all 0.2s;
	border-left: 3px solid transparent;
}

.sidebar-menu a:hover {
	background: #f6f7fb;
	color: #2f6feb;
}

.sidebar-menu a.active {
	background: #f0f4ff;
	color: #2f6feb;
	border-left-color: #2f6feb;
	font-weight: 600;
}

.sidebar-back {
	padding: 20px;
	border-top: 1px solid #e6e8ef;
	margin-top: auto;
}

/* Main content area with sidebar */
body.sidebar-collapsed {
	padding-left: 0;
}

h1 {
	font-size: 18px;
	margin: 0 0 12px 0;
}

.app {
	max-width: 100%;
	width: 100%;
	margin: 0 auto;
	padding: 12px;
	display: grid;
	grid-template-columns: 1fr;
	gap: 12px;
	overflow-x: auto;
}

.card {
	background: #fff;
	border: 1px solid #e6e8ef;
	border-radius: 8px;
	padding: 12px;
}

.form-container {
	width: 297mm;
	max-width: 297mm;
	min-width: 297mm;
}

.form-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 10px;
	margin-bottom: 10px;
}
label {
	font-size: 12px;
	color: #333;
	display: block;
	margin-bottom: 6px;
}
input[type="text"], input[type="number"], input[type="date"] {
	width: 100%;
	padding: 10px;
	border: 1px solid #d7dae3;
	border-radius: 6px;
	font-size: 14px;
}

.actions {
	display: flex;
	gap: 8px;
}
/* Bootstrap buttons override if needed */
.actions .btn {
	padding: 10px 14px;
	font-size: 14px;
}

.preview-wrap {
	display: grid;
	grid-template-columns: 1fr;
	gap: 8px;
	width: 100%;
	max-width: 100%;
	overflow-x: auto;
	margin: 0;
	padding: 0;
}

/* Cheque canvas - A4 landscape size (matches print) */
.cheque-canvas {
	position: relative;
	width: 297mm;
	height: 210mm;
	background: #fff;
	border: 1px dashed #cfd3df;
	border-radius: 4px;
	overflow: visible;
	min-width: 297mm;
	min-height: 210mm;
	max-width: 297mm;
	max-height: 210mm;
}
.hint {
	font-size: 11px;
	color: #667085;
}

/* Optional alignment background */
.cheque-canvas::before {
	content: "";
	position: absolute;
	inset: 0;
	opacity: 0.06;
	pointer-events: none;
	background-size: cover;
	background-position: center;
	/* Example:
	.cheque-canvas::before { background-image: url('cheque-bg.png'); opacity: 0.15; } */
}

/* Positioned fields */
.field {
	position: absolute;
	font-size: 14px;
	line-height: 1.4;
	color: #111;
	white-space: nowrap;
}
.field.words {
	white-space: normal;
	width: var(--pos-amount-words-width);
	max-width: calc(210mm - var(--words-left) - 5mm);
	font-size: var(--words-font-size);
	line-height: var(--words-line-height);
	letter-spacing: var(--words-letter-spacing);
	word-spacing: var(--words-word-spacing);
	text-transform: var(--words-text-transform);
	overflow: visible;
	word-wrap: break-word;
	overflow-wrap: break-word;
	text-align: left;
	direction: ltr;
}
.field.amount {
	/* inner text element, bottom-aligned in its wrapper for consistent baseline */
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	transform: translate(var(--amount-text-nudge-x), var(--amount-nudge-y));
	font-size: var(--amount-font-size);
}
/* Wrapper anchoring the amount baseline similar to payee */
.amount-wrap {
	position: absolute;
	top: calc(var(--amount-top) - var(--amount-block-height));
	left: var(--amount-left);
	height: var(--amount-block-height);
}
.field.payee {
	/* inner text element, bottom-aligned in its wrapper */
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	white-space: normal;
	width: 100%;
	/* Wrap at word boundaries where possible; break extremely long tokens if needed */
	word-break: normal;
	overflow-wrap: break-word;
	text-align: right; /* align last line with amount column */
	padding-right: var(--payee-right-nudge);
	text-transform: var(--payee-text-transform);
	font-size: var(--payee-font-size);
}
/* Wrapper that anchors the payee baseline */
.payee-wrap {
	position: absolute;
	top: calc(var(--payee-top) - var(--payee-block-height)); /* keeps baseline fixed at computed payee top */
	left: var(--payee-left);
	height: var(--payee-block-height);
	width: var(--pos-payee-width);
	/* no overflow hidden so full name is visible; baseline remains fixed by top calc */
}

/* Date split styling */
.date-field { display: inline-flex; align-items: center; gap: var(--date-gap); }
.date-part { letter-spacing: 0.3mm; }
.digit-box {
	display: inline-block;
	width: var(--digit-box-width);
	height: var(--digit-box-height);
	border: var(--digit-box-border);
	text-align: center;
	line-height: var(--digit-box-height);
	margin-right: var(--digit-box-gap);
}

/* Signatory boxes */
.sig-box {
	position: absolute;
	border: 1px solid #999;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-start;
	padding: 2mm;
	font-size: 12px;
	color: #111;
	background: transparent;
	height: auto !important;
	min-height: 16mm;
	max-width: none;
	width: auto;
	box-sizing: border-box;
	overflow: visible;
}

/* Check number display */
.check-no {
	position: absolute;
	top: var(--checkno-top);
	left: var(--checkno-left);
	width: var(--checkno-width);
	font-size: 12px;
	line-height: 1.3;
	color: #111;
	font-weight: 700;
}
.check-no-label {
	font-size: 10px;
	letter-spacing: 0.3mm;
	text-transform: uppercase;
	color: #444;
}
.check-no-value {
	font-size: 10px;
	font-weight: 700;
	margin-top: 2px;
	word-break: break-word;
	overflow-wrap: break-word;
}
.sig-box .sig-name {
	display: inline-block;
	border-top: 1px solid #999;
	padding-top: 1mm;
	max-width: none;
	width: auto;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	word-break: break-word;
	overflow-wrap: break-word;
	font-size: var(--sig-font-size);
	line-height: var(--sig-line-height);
	letter-spacing: var(--sig-letter-spacing);
	text-transform: var(--sig-text-transform);
	text-align: center;
	position: relative;
	top: var(--sig-name-offset-y);
	padding-bottom: 1mm;
}
/* Role label beneath the signatory name */
.sig-box .sig-role {
	font-size: 11px;
	line-height: 1.2;
	margin-top: 1.5mm;
	text-align: center;
	display: block;
	width: auto;
	white-space: normal;
	overflow: visible;
	text-overflow: clip;
	word-break: break-word;
	overflow-wrap: break-word;
}

/* Print styles */
@media print {
	* {
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
		color-adjust: exact !important;
		margin: 0 !important;
		padding: 0 !important;
	}
	
	@page {
		size: A4 landscape;
		margin: 0 !important;
		margin-top: 0 !important;
		margin-bottom: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		padding: 0 !important;
	}
	
	/* Landscape page - no margins */
	@page :first {
		size: A4 landscape;
		margin: 0 !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
	
	.sidebar, .sidebar-toggle, .card, .actions, .hint, h1, .form-row, .form-container {
		display: none !important;
	}
	
	/* Ensure CHECK NO. text is printed next to the number */
	.check-no-label {
		display: none !important; /* hide original label box */
	}
	.check-no-value {
		display: inline-block !important;
		visibility: visible !important;
		font-weight: 700 !important;
		color: #000 !important;
	}
	.check-no-value::before {
	content: "CHECK NO.";
	font-weight: 700;
	margin-right: 0.5mm;
	}
	
	html, body {
		padding: 0 !important;
		padding-left: 0 !important;
		margin: 0 !important;
		margin-left: 0 !important;
		background: #fff !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
		width: 100% !important;
		height: 100% !important;
		overflow: visible !important;
	}
	
	/* Force zero margins on all elements */
	html *, body * {
		margin: 0 !important;
		margin-left: 0 !important;
		padding: 0 !important;
		padding-left: 0 !important;
	}
	
	.app, .preview-wrap {
		margin-left: 0 !important;
		padding-left: 0 !important;
		left: 0 !important;
	}
	
	.app {
		max-width: 100% !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}
	
	.preview-wrap {
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
		height: 100% !important;
		position: relative !important;
	}
	
	.cheque-canvas {
		border: none !important;
		page-break-after: avoid !important;
		page-break-inside: avoid !important;
		background: #fff !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
		position: absolute !important;
		top: 0 !important;
		left: 0 !important;
		width: 297mm !important;
		height: 210mm !important;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box !important;
		overflow: visible !important;
		clip: auto !important;
		transform: translate(0, 0) !important;
	}
	
	/* Adjust words position to start from left edge in print (landscape orientation) */
	.field.words {
		left: 0mm !important;
		max-width: calc(297mm - 5mm) !important;
	}
	
	.payee-wrap {
		max-width: 250mm !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	
	/* Ensure no clipping in landscape */
	.field {
		overflow: visible !important;
		clip: auto !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	
	/* Ensure all positioned elements start from left edge */
	.field, .payee-wrap, .amount-wrap {
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	
	/* Ensure all text is visible and black for printing */
	.field, .payee, .amount, .words, .sig-name, .sig-role,
	.date-field, .date-part, .digit-box, .payee-wrap, .amount-wrap {
		color: #000000 !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
		font-weight: 700 !important;
		text-shadow: none !important;
		overflow: visible !important;
		text-overflow: clip !important;
	}
	
	/* Force all text content to be visible */
	.field * {
		color: #000000 !important;
		overflow: visible !important;
		font-weight: 700 !important;
	}
	
	/* Remove text truncation for all fields */
	.field {
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: clip !important;
	}
	
	/* Ensure date digits are visible */
	.digit-box {
		color: #000000 !important;
		background: transparent !important;
		font-weight: bold !important;
	}
	
	/* Remove boxes around date digits on print */
	.digit-box {
		border: none !important;
		background: transparent !important;
		color: #000 !important;
	}
	
	/* Hide signatory box visuals on print; keep the text only */
	.sig-box {
		border: none !important;
		padding: 0 !important;
		background: transparent !important;
	}
	
	.sig-box .sig-name {
		border-top: none !important;
		padding-top: 0 !important;
		color: #000 !important;
	}
	
	.adjust-panel { 
		display: none !important; 
	}
	
	/* Force visibility of all content */
	.payee-wrap, .amount-wrap, .field, .date-field, .sig-box {
		visibility: visible !important;
		opacity: 1 !important;
		display: block !important;
		position: absolute !important;
		overflow: visible !important;
	}
	
	/* Ensure payee text is visible and not truncated */
	.payee, .field.payee {
		color: #000000 !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: clip !important;
		width: auto !important;
		max-width: none !important;
	}
	
	/* Ensure payee wrapper doesn't cut off text */
	.payee-wrap {
		overflow: visible !important;
		height: auto !important;
		max-height: none !important;
		width: auto !important;
		max-width: none !important;
	}
	
	/* Ensure amount is visible */
	.amount {
		color: #000000 !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
	}
	
	/* Ensure words are visible and adjust dynamically - start from left edge in print */
	.words, .field.words {
		color: #000000 !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: clip !important;
		width: calc(297mm - var(--words-left) - 5mm) !important;
		max-width: calc(297mm - var(--words-left) - 5mm) !important;
		min-width: auto !important;
		word-wrap: break-word !important;
		overflow-wrap: break-word !important;
		word-break: break-word !important;
		clip: auto !important;
		text-align: left !important;
		direction: ltr !important;
		display: block !important;
		left: var(--words-left) !important;
		margin-left: 0 !important;
		padding-left: 0 !important;
	}
	
	/* Adjust words position to start from left edge in print (remove left margin) */
	.field.words {
		left: var(--words-left) !important;
		max-width: calc(297mm - var(--words-left) - 5mm) !important;
	}
	
	/* Ensure all fields are visible in landscape */
	.field {
		overflow: visible !important;
		clip: auto !important;
		white-space: normal !important;
	}
	
	/* Ensure signatory names are visible and not truncated */
	.sig-name, .sig-role {
		color: #000000 !important;
		-webkit-print-color-adjust: exact !important;
		print-color-adjust: exact !important;
		white-space: normal !important;
		overflow: visible !important;
		text-overflow: clip !important;
		width: auto !important;
		max-width: none !important;
	}
	
	/* Ensure sig box doesn't cut off text */
	.sig-box {
		overflow: visible !important;
		width: auto !important;
		max-width: none !important;
	}
	
	/* Page setup for HP printers - No margins */
	@page {
		size: A4 landscape;
		margin: 0;
		margin-top: 0;
		margin-bottom: 0;
		margin-left: 0;
		margin-right: 0;
	}
}

/* Tuning examples:
.date-field { gap: 2mm; }
.date-part.date-year { letter-spacing: 0.3mm; }
.cheque-canvas::before { background-image: url('cheque-bg.png'); opacity: 0.12; }
:root { --payee-right-gap: 8mm; }
*/

/* Live adjustment panel (does not print) */
.adjust-panel {
	position: fixed;
	right: 12px;
	top: 12px;
	z-index: 999;
	background: #ffffff;
	border: 1px solid #e3e6ef;
	border-radius: 8px;
	box-shadow: 0 6px 18px rgba(20, 28, 60, 0.15);
	padding: 10px;
	width: 320px;
	font-family: Arial, Helvetica, sans-serif;
}
.adjust-panel-header {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}
.adjust-panel h3 {
	margin: 0;
	font-size: 14px;
}
.adjust-toggle-btn {
	background: #f0f0f0;
	border: 1px solid #d7dae3;
	border-radius: 4px;
	width: 24px;
	height: 24px;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
	font-size: 18px;
	line-height: 1;
	padding: 0;
	color: #333;
	transition: background-color 0.2s;
}
.adjust-toggle-btn:hover {
	background: #e0e0e0;
}
.adjust-panel-content {
	display: block;
}
.adjust-row {
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 6px;
	margin-bottom: 8px;
}
.adjust-row label {
	font-size: 11px;
	color: #333;
}
.adjust-row input[type="number"] {
	width: 100%;
	padding: 6px;
	border: 1px solid #d7dae3;
	border-radius: 6px;
	font-size: 12px;
}
.adjust-actions {
	display: flex;
	gap: 6px;
	justify-content: space-between;
	margin-top: 6px;
}
/* Adjust actions buttons use Bootstrap styling */

/* Cheque List Styles */
.month-group {
	margin-bottom: 30px;
}

.month-header {
	font-size: 18px;
	color: #111;
	margin: 0 0 15px 0;
	padding-bottom: 10px;
	border-bottom: 2px solid #e6e8ef;
}

.cheque-list {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.cheque-item {
	background: #fff;
	border: 1px solid #e6e8ef;
	border-radius: 8px;
	padding: 16px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap: 16px;
	transition: box-shadow 0.2s;
}

.cheque-item:hover {
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.cheque-info {
	flex: 1;
}

.cheque-main {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 8px;
}

.cheque-main strong {
	font-size: 16px;
	color: #111;
}

.cheque-amount {
	font-size: 18px;
	font-weight: 600;
	color: #2f6feb;
}

.cheque-details {
	display: flex;
	gap: 16px;
	font-size: 12px;
	color: #667085;
	margin-bottom: 8px;
}

.cheque-words {
	font-size: 13px;
	color: #333;
	margin-bottom: 8px;
	font-style: italic;
}

.cheque-signatories {
	display: flex;
	gap: 16px;
	font-size: 12px;
	color: #667085;
}

.cheque-actions {
	display: flex;
	align-items: center;
	gap: 8px;
}

.cheque-actions .btn {
	white-space: nowrap;
}

/* Print styles - hide sidebar */
@media print {
	.sidebar {
		display: none !important;
	}
	body {
		padding-left: 0 !important;
	}
}