.wet-invoice-generator {
	--text: #172033;
	--heading: #071426;
	--muted: #5c6b80;
	--line: #d8e1ee;
	--line-strong: #bfccdc;
	--soft: #f8fafc;
	--invoice-accent: #176b5d;
	--danger: #a43838;
	--shadow: none;
	color: var(--text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	margin: 16px 0;
}

.wet-invoice-generator * {
	box-sizing: border-box;
}

.wet-invoice-form {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 8px;
	box-shadow: none;
	padding: 12px;
}

.wet-topbar,
.wet-invoice-form section,
.wet-preview-actions {
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 8px;
}

.wet-topbar {
	padding: 16px 20px;
}

.wet-eyebrow,
.wet-kicker {
	color: var(--invoice-accent);
	display: block;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: 0;
	margin-bottom: 7px;
	text-transform: uppercase;
}

.wet-title-block h2 {
	color: var(--heading);
	font-size: 28px;
	font-weight: 700;
	line-height: 1.15;
	margin: 0;
}

.wet-title-block p,
.wet-preview p {
	color: var(--muted);
	line-height: 1.4;
	margin: 6px 0 0;
	white-space: pre-line;
}

.wet-dashboard-grid,
.wet-grid,
.wet-totals-engine,
.wet-branding-grid {
	display: grid;
	gap: 12px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wet-dashboard-grid {
	margin-top: 12px;
}

.wet-grid-four,
.wet-totals-engine {
	grid-template-columns: repeat(4, minmax(0, 1fr));
}

.wet-grid-two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 9px 12px;
}

.wet-notes-field,
.wet-logo-field {
	grid-column: span 2;
}

.wet-logo-tools {
	align-items: end;
	display: grid;
	gap: 12px;
	grid-template-columns: 115px 1fr 1fr;
}

.wet-logo-thumb {
	align-items: center;
	background: #f9fbfd;
	border: 1px dashed var(--line-strong);
	border-radius: 7px;
	color: var(--muted);
	display: flex;
	font-size: 12px;
	font-weight: 600;
	height: 70px;
	justify-content: center;
	overflow: hidden;
	padding: 6px;
	text-align: center;
}

.wet-logo-thumb img {
	max-height: 100%;
	max-width: 100%;
	object-fit: contain;
}

.wet-field-help {
	color: var(--muted);
	display: block;
	font-size: 12px;
	font-weight: 400;
	margin-top: 3px;
}

.wet-invoice-form section {
	margin-top: 12px;
	padding: 16px 18px;
}

.wet-dashboard-grid section {
	margin-top: 0;
}

.wet-invoice-form h3,
.wet-section-head h3 {
	align-items: center;
	color: var(--heading);
	display: flex;
	font-size: 16px;
	font-weight: 650;
	gap: 9px;
	margin: 0 0 14px;
}

.wet-invoice-form h3::before,
.wet-section-head h3::before {
	background: var(--invoice-accent);
	border-radius: 3px;
	content: "";
	display: inline-block;
	height: 17px;
	width: 4px;
}

.wet-section-head {
	align-items: center;
	display: flex;
	gap: 12px;
	justify-content: space-between;
	margin-bottom: 12px;
}

.wet-section-head h3 {
	margin-bottom: 0;
}

.wet-invoice-generator label {
	color: var(--muted);
	display: flex;
	flex-direction: column;
	font-size: 12px;
	font-weight: 600;
	gap: 4px;
	line-height: 1.25;
}

.wet-invoice-generator input,
.wet-invoice-generator textarea,
.wet-invoice-generator select {
	background: #fff;
	border: 1px solid var(--line-strong);
	border-radius: 5px;
	color: var(--text);
	font: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	min-height: 36px;
	padding: 7px 10px;
	width: 100%;
}

.wet-invoice-generator input[type="file"] {
	align-items: center;
	display: flex;
	padding: 5px 9px;
}

.wet-invoice-generator input[type="color"] {
	cursor: pointer;
	height: 36px;
	min-height: 36px;
	padding: 5px;
}

.wet-invoice-generator textarea {
	min-height: 70px;
	resize: vertical;
}

.wet-invoice-generator input:focus,
.wet-invoice-generator textarea:focus,
.wet-invoice-generator select:focus {
	border-color: var(--invoice-accent);
	box-shadow: 0 0 0 2px rgba(23, 107, 93, .12);
	outline: none;
}

.wet-invoice-generator button,
.wet-action-button {
	align-items: center !important;
	background: #fff;
	border: 1px solid var(--line-strong);
	border-radius: 5px;
	color: var(--heading) !important;
	cursor: pointer;
	display: inline-flex !important;
	font: inherit !important;
	font-size: 13px !important;
	font-weight: 500 !important;
	justify-content: center !important;
	min-height: 36px;
	padding: 7px 12px !important;
	text-align: center !important;
	text-transform: none !important;
	visibility: visible !important;
	white-space: nowrap;
}

.wet-invoice-generator button:hover,
.wet-invoice-generator button:focus {
	background: #f2f8f6;
	border-color: var(--invoice-accent);
	color: var(--invoice-accent) !important;
	outline: none;
}

.wet-invoice-generator button.wet-primary,
.wet-action-button.wet-primary {
	background: var(--invoice-accent);
	border-color: var(--invoice-accent);
	color: #fff !important;
}

.wet-items {
	display: grid;
	gap: 7px;
	max-width: 100%;
	overflow: hidden;
}

.wet-item-table-head,
.wet-item-row {
	display: grid;
	gap: 7px;
	grid-template-columns: 34px 40px minmax(160px, 1.8fr) minmax(68px, .45fr) minmax(86px, .55fr) minmax(100px, .65fr) minmax(108px, .75fr);
}

.wet-item-table-head {
	align-items: center;
	background: #f3f6fa;
	border: 1px solid var(--line);
	border-radius: 6px;
	color: var(--muted);
	font-size: 11px;
	font-weight: 600;
	padding: 7px 9px;
	text-transform: uppercase;
}

.wet-item-row {
	align-items: end;
	background: #fbfcfe;
	border: 1px solid var(--line);
	border-radius: 6px;
	padding: 9px;
}

.wet-row-number,
.wet-amount {
	align-items: center;
	background: #fff;
	border: 1px solid var(--line);
	border-radius: 5px;
	color: var(--text);
	display: flex;
	font-size: 13px;
	font-weight: 400;
	min-height: 36px;
	padding: 7px 9px;
}

.wet-row-number {
	justify-content: center;
	padding: 0;
}

.wet-drag-handle {
	cursor: grab;
	font-size: 15px !important;
	min-width: 36px;
	padding: 0 !important;
}

.wet-row-dragging {
	opacity: .55;
}

.wet-row-drop-target {
	border-color: var(--invoice-accent);
	box-shadow: 0 0 0 2px rgba(23, 107, 93, .12);
}

.wet-row-actions {
	display: grid;
	gap: 6px;
	grid-template-columns: 1fr;
}

.wet-duplicate,
.wet-remove {
	font-size: 11px !important;
	min-height: 29px !important;
	padding: 5px 8px !important;
	width: 100%;
}

.wet-remove {
	background: #fff7f7 !important;
	border-color: #e7bcbc !important;
	color: var(--danger) !important;
}

.wet-remove:disabled {
	cursor: not-allowed;
	opacity: .55 !important;
}

.wet-preview-wrap {
	margin-top: 24px;
	overflow-x: auto;
	padding-bottom: 6px;
}

.wet-preview,
.wet-print-clone-wrapper .wet-preview {
	background: #fff;
	border: 1px solid var(--line);
	box-shadow: 0 10px 28px rgba(15, 23, 36, .06);
	color: var(--text);
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
	margin: 0 auto;
	max-width: 900px;
	min-height: auto;
	padding: 34px;
	position: relative;
	width: 100%;
}

.wet-watermark {
	color: rgba(15, 23, 36, .045);
	font-size: 82px;
	font-weight: 600;
	left: 50%;
	line-height: 1;
	pointer-events: none;
	position: absolute;
	text-transform: uppercase;
	top: 46%;
	transform: translate(-50%, -50%) rotate(-28deg);
	white-space: nowrap;
	z-index: 0;
}

.wet-preview > *:not(.wet-watermark) {
	position: relative;
	z-index: 1;
}

.wet-preview header {
	align-items: flex-start;
	border-bottom: 2px solid var(--invoice-accent);
	display: flex;
	gap: 22px;
	justify-content: space-between;
	padding-bottom: 20px;
}

.wet-preview-logo {
	display: none;
	margin-bottom: 10px;
	max-height: 78px;
	max-width: 160px;
	object-fit: contain;
}

.wet-preview h1,
.wet-preview h2,
.wet-preview h3 {
	color: var(--heading);
	margin: 0;
}

.wet-preview h2 {
	color: var(--invoice-accent);
	font-size: 24px;
	font-weight: 600;
	line-height: 1.2;
	margin-bottom: 8px;
}

.wet-preview p {
	font-size: 13px;
}

.wet-meta {
	background: #f8fafc;
	border: 1px solid var(--line);
	border-radius: 8px;
	min-width: 230px;
	padding: 14px;
	text-align: right;
}

.wet-meta h1 {
	color: var(--invoice-accent);
	font-size: 32px;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 12px;
}

.wet-billto {
	background: #fbfcfe;
	border: 1px solid var(--line);
	border-radius: 8px;
	margin: 20px 0 18px;
	padding: 15px;
}

.wet-billto h3,
.wet-bottom h3 {
	color: var(--invoice-accent);
	font-size: 12px;
	font-weight: 600;
	margin: 0 0 6px;
	text-transform: uppercase;
}

.wet-preview table {
	border-collapse: collapse;
	table-layout: fixed;
	width: 100%;
}

.wet-preview th,
.wet-preview td {
	border: 1px solid var(--line);
	padding: 9px 10px;
	text-align: left;
	vertical-align: top;
	word-break: break-word;
}

.wet-preview th {
	background: var(--invoice-accent);
	color: #fff;
	font-size: 11px;
	font-weight: 600;
	text-transform: uppercase;
}

.wet-preview th:nth-child(1),
.wet-preview td:nth-child(1) {
	text-align: right;
	width: 42px;
}

.wet-preview th:nth-child(3),
.wet-preview td:nth-child(3) {
	text-align: right;
	width: 70px;
}

.wet-preview th:nth-child(4),
.wet-preview td:nth-child(4),
.wet-preview th:nth-child(5),
.wet-preview td:nth-child(5) {
	text-align: right;
	width: 115px;
}

.wet-preview td {
	color: var(--text);
	font-size: 13px;
}

.wet-bottom {
	align-items: flex-start;
	display: flex;
	gap: 22px;
	justify-content: space-between;
	margin-top: 20px;
}

.wet-bottom > div:first-child {
	max-width: 48%;
}

.wet-bottom h3:not(:first-child) {
	margin-top: 16px;
}

.wet-totals {
	background: #fbfcfe;
	border: 1px solid var(--line);
	border-radius: 8px;
	margin-left: auto;
	min-width: 315px;
	padding: 8px 14px;
}

.wet-totals p {
	align-items: center;
	border-bottom: 1px solid var(--line);
	color: var(--muted);
	display: flex;
	font-size: 13px;
	justify-content: space-between;
	margin: 0;
	padding: 8px 0;
}

.wet-totals p:last-child {
	border-bottom: 0;
}

.wet-totals strong {
	color: var(--heading);
	font-size: 13px;
	font-weight: 500;
}

.wet-grand,
.wet-balance-due {
	color: var(--invoice-accent) !important;
	font-size: 16px !important;
	font-weight: 600;
}

.wet-grand strong,
.wet-balance-due strong {
	color: var(--invoice-accent);
	font-size: 18px;
	font-weight: 600;
}

.wet-balance-due {
	border-top: 2px solid var(--invoice-accent);
	margin-top: 3px !important;
}

.wet-print-footer {
	border-top: 1px solid var(--line);
	margin-top: 24px;
	padding-top: 14px;
}

.wet-thank-you {
	color: var(--invoice-accent) !important;
	font-weight: 600;
	margin: 0 0 8px !important;
	text-align: center;
}

.wet-signatures {
	display: grid;
	gap: 32px;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	margin-top: 34px;
}

.wet-signatures span {
	border-top: 1px solid var(--heading);
	display: block;
	height: 1px;
	width: 100%;
}

.wet-signatures p {
	color: var(--muted);
	font-size: 11px;
	font-weight: 400;
	margin-top: 7px;
	text-align: center;
}

.wet-preview-footer {
	color: var(--muted);
	font-size: 11px;
	margin-top: 16px;
	text-align: center;
	white-space: pre-line;
}

.wet-preview-actions {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	justify-content: flex-end;
	margin: 14px auto 0;
	max-width: 900px;
	padding: 12px;
	width: 100%;
}

.wet-print-clone-wrapper {
	display: none;
}

.wet-invoice-error {
	background: #fff5f5;
	border-left: 4px solid var(--danger);
	color: #6f1d1d;
	padding: 12px 14px;
}

@media (max-width: 1100px) {
	.wet-logo-tools {
		grid-template-columns: 115px 1fr;
	}

	.wet-logo-tools label,
	.wet-logo-tools input[type="color"] {
		grid-column: 1 / -1;
	}

	.wet-item-table-head {
		display: none;
	}

	.wet-item-row {
		grid-template-columns: 38px 44px 1fr 1fr;
	}

	.wet-item-row label:first-of-type {
		grid-column: 1 / -1;
	}

	.wet-item-row label:nth-of-type(4),
	.wet-row-actions {
		grid-column: span 2;
	}

	.wet-row-actions {
		grid-template-columns: 1fr 1fr;
	}
}

@media (max-width: 980px) {
	.wet-preview header,
	.wet-bottom {
		display: block;
	}

	.wet-dashboard-grid,
	.wet-grid,
	.wet-grid-four,
	.wet-grid-two,
	.wet-totals-engine,
	.wet-branding-grid {
		grid-template-columns: 1fr;
	}

	.wet-notes-field,
	.wet-logo-field {
		grid-column: auto;
	}

	.wet-meta {
		margin-top: 18px;
		text-align: left;
	}

	.wet-bottom > div:first-child,
	.wet-totals {
		max-width: none;
		width: 100%;
	}

	.wet-totals {
		margin-top: 18px;
	}
}

@media (max-width: 600px) {
	.wet-invoice-generator {
		margin: 16px 0;
	}

	.wet-invoice-form,
	.wet-topbar,
	.wet-invoice-form section,
	.wet-preview {
		padding: 12px;
	}

	.wet-title-block h2 {
		font-size: 21px;
	}

	.wet-section-head {
		align-items: stretch;
		display: flex;
		flex-direction: column;
	}

	.wet-section-head button,
	.wet-preview-actions button {
		width: 100%;
	}

	.wet-logo-tools {
		grid-template-columns: 1fr;
	}

	.wet-item-row {
		grid-template-columns: 1fr 1fr;
	}

	.wet-item-row label,
	.wet-item-row label:nth-of-type(4),
	.wet-row-actions {
		grid-column: 1 / -1;
	}

	.wet-row-actions,
	.wet-signatures {
		grid-template-columns: 1fr;
	}

	.wet-preview {
		min-height: 0;
	}

	.wet-watermark {
		font-size: 48px;
	}

	.wet-preview th,
	.wet-preview td {
		font-size: 11px;
		padding: 8px 5px;
	}
}

@media print {
	@page {
		margin: 12mm;
		size: A4;
	}

	html,
	body {
		background: #fff !important;
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}

	body.wet-invoice-printing > *:not(.wet-print-clone-wrapper) {
		display: none !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper {
		background: #fff !important;
		color: #182233 !important;
		display: block !important;
		margin: 0 auto !important;
		overflow: visible !important;
		padding: 0 !important;
		position: static !important;
		width: 100% !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper,
	body.wet-invoice-printing .wet-print-clone-wrapper * {
		box-shadow: none !important;
		opacity: 1 !important;
		overflow: visible !important;
		text-shadow: none !important;
		visibility: visible !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-preview {
		background: #fff !important;
		border: 0 !important;
		color: #182233 !important;
		display: block !important;
		height: auto !important;
		margin: 0 auto !important;
		max-width: 186mm !important;
		min-height: 0 !important;
		padding: 0 !important;
		position: relative !important;
		width: 186mm !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-preview::after {
		content: none !important;
		display: none !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-preview header {
		align-items: flex-start !important;
		border-bottom: 1.5pt solid var(--invoice-accent) !important;
		display: flex !important;
		gap: 10mm !important;
		justify-content: space-between !important;
		margin: 0 0 8mm !important;
		padding: 0 0 6mm !important;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-preview-logo {
		max-height: 22mm !important;
		max-width: 44mm !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-preview h1 {
		font-size: 22pt !important;
		line-height: 1 !important;
		margin: 0 0 4mm !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-preview h2 {
		font-size: 16pt !important;
		line-height: 1.15 !important;
		margin: 0 0 2mm !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-preview h3 {
		font-size: 9pt !important;
		margin: 0 0 2mm !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-preview p {
		font-size: 9pt !important;
		line-height: 1.32 !important;
		margin: 1mm 0 0 !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-meta {
		background: #fff !important;
		border: 1px solid #dce3ee !important;
		min-width: 58mm !important;
		padding: 4mm !important;
		text-align: right !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-billto {
		background: #fff !important;
		border: 1px solid #dce3ee !important;
		margin: 0 0 6mm !important;
		padding: 4mm !important;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-watermark {
		color: rgba(15, 23, 36, .045) !important;
		font-size: 58pt !important;
		position: fixed !important;
		top: 42% !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper table {
		border-collapse: collapse !important;
		margin: 0 !important;
		page-break-inside: auto;
		table-layout: fixed !important;
		width: 100% !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper thead {
		display: table-header-group;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper tr {
		break-inside: avoid;
		page-break-after: auto;
		page-break-inside: avoid;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper th,
	body.wet-invoice-printing .wet-print-clone-wrapper td {
		border: 1px solid #d9dee8 !important;
		font-size: 8.5pt !important;
		line-height: 1.25 !important;
		padding: 2.4mm 2.8mm !important;
		vertical-align: top !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper th {
		background: var(--invoice-accent) !important;
		color: #fff !important;
		font-weight: 600 !important;
		-webkit-print-color-adjust: exact;
		print-color-adjust: exact;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper th:nth-child(1),
	body.wet-invoice-printing .wet-print-clone-wrapper td:nth-child(1) {
		width: 10mm !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper th:nth-child(3),
	body.wet-invoice-printing .wet-print-clone-wrapper td:nth-child(3) {
		width: 16mm !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper th:nth-child(4),
	body.wet-invoice-printing .wet-print-clone-wrapper td:nth-child(4),
	body.wet-invoice-printing .wet-print-clone-wrapper th:nth-child(5),
	body.wet-invoice-printing .wet-print-clone-wrapper td:nth-child(5) {
		width: 28mm !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-bottom {
		align-items: flex-start !important;
		display: flex !important;
		gap: 8mm !important;
		justify-content: space-between !important;
		margin-top: 7mm !important;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-bottom > div:first-child {
		max-width: 88mm !important;
		width: 88mm !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-totals {
		background: #fff !important;
		border: 1px solid #dce3ee !important;
		border-radius: 0 !important;
		margin: 0 !important;
		min-width: 70mm !important;
		padding: 2mm 4mm !important;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-totals p {
		font-size: 8.8pt !important;
		line-height: 1.25 !important;
		padding: 2mm 0 !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-totals strong {
		font-size: 8.8pt !important;
		font-weight: 500 !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-grand,
	body.wet-invoice-printing .wet-print-clone-wrapper .wet-balance-due {
		font-size: 10pt !important;
		font-weight: 600 !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-grand strong,
	body.wet-invoice-printing .wet-print-clone-wrapper .wet-balance-due strong {
		font-size: 11pt !important;
		font-weight: 600 !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-print-footer {
		margin-top: 7mm !important;
		padding-top: 5mm !important;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-signatures {
		gap: 14mm !important;
		margin-top: 12mm !important;
		page-break-inside: avoid;
		break-inside: avoid;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-preview-footer,
	body.wet-invoice-printing .wet-print-clone-wrapper .wet-signatures p {
		font-size: 8pt !important;
	}

	body.wet-invoice-printing .wet-print-clone-wrapper .wet-grand,
	body.wet-invoice-printing .wet-print-clone-wrapper .wet-balance-due,
	body.wet-invoice-printing .wet-print-clone-wrapper .wet-grand strong,
	body.wet-invoice-printing .wet-print-clone-wrapper .wet-balance-due strong,
	body.wet-invoice-printing .wet-print-clone-wrapper .wet-meta h1,
	body.wet-invoice-printing .wet-print-clone-wrapper .wet-preview h2,
	body.wet-invoice-printing .wet-print-clone-wrapper .wet-thank-you {
		color: var(--invoice-accent) !important;
	}

	.wet-invoice-form,
	.wet-preview-actions,
	.wet-drag-handle,
	.wet-row-actions,
	.wet-duplicate,
	.wet-remove,
	.wet-item-table-head,
	button,
	input,
	select,
	textarea {
		display: none !important;
	}
}

/* WET two-column professional workspace layout */
.wet-invoice-generator {
	display: grid;
	grid-template-columns: minmax(300px, 30%) minmax(0, 70%);
	gap: 18px;
	align-items: start;
	max-width: 1440px;
	margin: 18px auto;
}

.wet-invoice-form {
	min-width: 0;
	padding: 10px;
}

.wet-preview-wrap {
	margin-top: 0;
	min-width: 0;
	overflow-x: auto;
}

/* Compact left-side editor */
.wet-invoice-form .wet-topbar {
	padding: 13px 14px;
}

.wet-invoice-form .wet-title-block h2 {
	font-size: 20px;
	line-height: 1.15;
}

.wet-invoice-form .wet-title-block p {
	font-size: 13px;
	line-height: 1.35;
}

.wet-invoice-form section {
	margin-top: 10px;
	padding: 12px;
}

.wet-invoice-form h3,
.wet-section-head h3 {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
}

.wet-invoice-form h3::before,
.wet-section-head h3::before {
	height: 14px;
	width: 3px;
}

/* Keep the editor readable in a 30% column */
.wet-invoice-form .wet-dashboard-grid,
.wet-invoice-form .wet-branding-grid {
	grid-template-columns: 1fr;
	gap: 10px;
}

.wet-invoice-form .wet-grid-four,
.wet-invoice-form .wet-totals-engine {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.wet-invoice-form .wet-grid-two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 8px;
}

.wet-invoice-form .wet-notes-field,
.wet-invoice-form .wet-logo-field {
	grid-column: 1 / -1;
}

.wet-invoice-form label {
	font-size: 11px;
	font-weight: 500;
	gap: 3px;
	line-height: 1.25;
	min-width: 0;
}

.wet-invoice-form input,
.wet-invoice-form textarea,
.wet-invoice-form select {
	font-size: 13px;
	font-weight: 400;
	min-height: 32px;
	padding: 6px 8px;
	text-overflow: ellipsis;
}

.wet-invoice-form textarea {
	min-height: 58px;
}

.wet-invoice-form input[type="color"] {
	height: 32px;
	min-height: 32px;
	padding: 4px;
}

.wet-logo-tools {
	grid-template-columns: 86px 1fr;
	gap: 8px;
}

.wet-logo-tools label,
.wet-logo-tools input[type="color"] {
	grid-column: 1 / -1;
}

.wet-logo-thumb {
	height: 56px;
	font-size: 11px;
}

/* Compact item table inside the left editor */
.wet-item-table-head {
	display: none;
}

.wet-item-row {
	grid-template-columns: 30px 34px 1fr 1fr;
	gap: 6px;
	padding: 8px;
}

.wet-item-row label:first-of-type {
	grid-column: 1 / -1;
}

.wet-item-row label:nth-of-type(4),
.wet-row-actions {
	grid-column: span 2;
}

.wet-row-actions {
	grid-template-columns: 1fr 1fr;
	gap: 6px;
}

.wet-row-number,
.wet-amount,
.wet-drag-handle {
	min-height: 32px;
}

.wet-duplicate,
.wet-remove {
	min-height: 28px !important;
	font-size: 11px !important;
	padding: 5px 7px !important;
}

/* Right-side preview should use the available 70% width */
.wet-preview {
	max-width: none;
	width: 100%;
	padding: 34px;
}

.wet-preview-actions {
	max-width: none;
	width: 100%;
	justify-content: flex-end;
}

/* Prevent long field text from breaking the compact editor */
.wet-invoice-form input,
.wet-invoice-form select {
	white-space: nowrap;
	overflow: hidden;
}

.wet-invoice-form textarea {
	overflow: auto;
}

/* Medium screens: keep split only when enough room exists */
@media (max-width: 1180px) {
	.wet-invoice-generator {
		grid-template-columns: minmax(320px, 36%) minmax(0, 64%);
	}
}

/* Tablet and mobile: stack editor above preview */
@media (max-width: 980px) {
	.wet-invoice-generator {
		display: block;
		max-width: 100%;
		margin: 16px 0;
	}

	.wet-preview-wrap {
		margin-top: 18px;
	}

	.wet-invoice-form .wet-grid-four,
	.wet-invoice-form .wet-totals-engine,
	.wet-invoice-form .wet-grid-two {
		grid-template-columns: 1fr;
	}

	.wet-item-row {
		grid-template-columns: 1fr 1fr;
	}

	.wet-row-actions,
	.wet-item-row label,
	.wet-item-row label:nth-of-type(4) {
		grid-column: 1 / -1;
	}

	.wet-row-actions {
		grid-template-columns: 1fr;
	}
}

/* Keep print using the clean A4 print clone, not the two-column screen layout */
@media print {
	.wet-invoice-generator {
		display: block !important;
		max-width: none !important;
		margin: 0 !important;
	}
}

/* Better compact invoice item editor in the 30% left panel */
.wet-invoice-form .wet-items {
	gap: 10px;
}

.wet-invoice-form .wet-item-row {
	display: grid;
	grid-template-columns: 38px 42px minmax(0, 1fr);
	gap: 8px;
	align-items: end;
	padding: 10px;
}

.wet-invoice-form .wet-row-number,
.wet-invoice-form .wet-drag-handle {
	grid-row: 1;
	min-height: 36px;
}

.wet-invoice-form .wet-item-row label:first-of-type {
	grid-column: 1 / -1;
}

.wet-invoice-form .wet-item-row label:nth-of-type(2),
.wet-invoice-form .wet-item-row label:nth-of-type(3),
.wet-invoice-form .wet-item-row label:nth-of-type(4) {
	grid-column: auto;
}

.wet-invoice-form .wet-item-row label:nth-of-type(2) {
	grid-column: 1 / 2;
}

.wet-invoice-form .wet-item-row label:nth-of-type(3) {
	grid-column: 2 / 3;
}

.wet-invoice-form .wet-item-row label:nth-of-type(4) {
	grid-column: 3 / 4;
}

.wet-invoice-form .wet-item-row label span {
	display: block;
	font-size: 11px;
	line-height: 1.2;
	white-space: nowrap;
}

.wet-invoice-form .wet-item-row input,
.wet-invoice-form .wet-item-row .wet-amount {
	min-height: 36px;
	width: 100%;
}

.wet-invoice-form .wet-item-row input[data-item-field="quantity"],
.wet-invoice-form .wet-item-row input[data-item-field="rate"] {
	padding-left: 6px;
	padding-right: 6px;
	text-align: center;
}

.wet-invoice-form .wet-amount {
	justify-content: flex-start;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.wet-invoice-form .wet-row-actions {
	display: grid;
	grid-column: 1 / -1;
	grid-template-columns: 1fr 1fr;
	gap: 8px;
}

.wet-invoice-form .wet-duplicate,
.wet-invoice-form .wet-remove {
	min-height: 34px !important;
}

/* Give item editor more room on slightly wider screens while keeping the 30:70 layout */
@media (min-width: 1181px) {
	.wet-invoice-generator {
		grid-template-columns: minmax(360px, 32%) minmax(0, 68%);
	}
}

/* On mobile, item inputs stack cleanly */
@media (max-width: 520px) {
	.wet-invoice-form .wet-item-row {
		grid-template-columns: 1fr 1fr;
	}

	.wet-invoice-form .wet-row-number,
	.wet-invoice-form .wet-drag-handle {
		grid-row: auto;
	}

	.wet-invoice-form .wet-item-row label:first-of-type,
	.wet-invoice-form .wet-item-row label:nth-of-type(2),
	.wet-invoice-form .wet-item-row label:nth-of-type(3),
	.wet-invoice-form .wet-item-row label:nth-of-type(4),
	.wet-invoice-form .wet-row-actions {
		grid-column: 1 / -1;
	}
}

/* Top editor + preview below layout */
.wet-invoice-generator {
	display: block;
	max-width: 1280px;
	margin: 18px auto;
}

.wet-invoice-form {
	width: 100%;
}

.wet-preview-wrap {
	margin-top: 22px;
	width: 100%;
	overflow-x: auto;
}

.wet-preview,
.wet-preview-actions {
	max-width: 980px;
}

/* Compact multi-column input layout */
.wet-invoice-form .wet-dashboard-grid {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 12px;
}

.wet-invoice-form .wet-branding-grid {
	display: grid;
	grid-template-columns: 1.4fr 1fr 1fr;
	gap: 12px;
	align-items: end;
}

.wet-invoice-form .wet-logo-field {
	grid-column: auto;
}

.wet-invoice-form .wet-logo-tools {
	grid-column: span 2;
	grid-template-columns: 90px 1fr;
	gap: 10px;
}

.wet-invoice-form .wet-grid-four,
.wet-invoice-form .wet-totals-engine {
	display: grid;
	grid-template-columns: repeat(4, minmax(150px, 1fr));
	gap: 10px 12px;
}

.wet-invoice-form .wet-grid-two {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 10px 12px;
}

.wet-invoice-form .wet-notes-field {
	grid-column: span 2;
}

/* Make fields compact but readable */
.wet-invoice-form section {
	padding: 14px 16px;
}

.wet-invoice-form label {
	font-size: 11px;
	font-weight: 500;
	gap: 4px;
}

.wet-invoice-form input,
.wet-invoice-form textarea,
.wet-invoice-form select {
	font-size: 13px;
	font-weight: 400;
	min-height: 34px;
	padding: 6px 9px;
}

.wet-invoice-form textarea {
	min-height: 62px;
}

/* Invoice item rows get proper horizontal space again */
.wet-invoice-form .wet-item-table-head {
	display: grid;
}

.wet-invoice-form .wet-item-table-head,
.wet-invoice-form .wet-item-row {
	grid-template-columns: 36px 44px minmax(220px, 2fr) minmax(90px, .6fr) minmax(110px, .7fr) minmax(120px, .8fr) minmax(130px, .8fr);
	gap: 8px;
}

.wet-invoice-form .wet-item-row {
	padding: 10px;
}

.wet-invoice-form .wet-item-row label:first-of-type,
.wet-invoice-form .wet-item-row label:nth-of-type(2),
.wet-invoice-form .wet-item-row label:nth-of-type(3),
.wet-invoice-form .wet-item-row label:nth-of-type(4),
.wet-invoice-form .wet-row-actions {
	grid-column: auto;
}

.wet-invoice-form .wet-row-actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: 6px;
}

.wet-invoice-form .wet-row-number,
.wet-invoice-form .wet-drag-handle,
.wet-invoice-form .wet-amount,
.wet-invoice-form .wet-item-row input {
	min-height: 34px;
}

/* Preview below, centered */
.wet-preview {
	margin-left: auto;
	margin-right: auto;
}

/* Tablet */
@media (max-width: 1024px) {
	.wet-invoice-form .wet-branding-grid,
	.wet-invoice-form .wet-grid-four,
	.wet-invoice-form .wet-totals-engine {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wet-invoice-form .wet-logo-tools,
	.wet-invoice-form .wet-notes-field {
		grid-column: 1 / -1;
	}

	.wet-invoice-form .wet-item-table-head {
		display: none;
	}

	.wet-invoice-form .wet-item-row {
		grid-template-columns: 38px 44px 1fr 1fr;
	}

	.wet-invoice-form .wet-item-row label:first-of-type {
		grid-column: 1 / -1;
	}

	.wet-invoice-form .wet-item-row label:nth-of-type(4),
	.wet-invoice-form .wet-row-actions {
		grid-column: span 2;
	}

	.wet-invoice-form .wet-row-actions {
		grid-template-columns: 1fr 1fr;
	}
}

/* Mobile */
@media (max-width: 700px) {
	.wet-invoice-generator {
		margin: 14px 0;
	}

	.wet-invoice-form .wet-dashboard-grid,
	.wet-invoice-form .wet-branding-grid,
	.wet-invoice-form .wet-grid-four,
	.wet-invoice-form .wet-grid-two,
	.wet-invoice-form .wet-totals-engine {
		grid-template-columns: 1fr;
	}

	.wet-invoice-form .wet-logo-tools,
	.wet-invoice-form .wet-notes-field {
		grid-column: auto;
	}

	.wet-invoice-form .wet-item-row {
		grid-template-columns: 1fr 1fr;
	}

	.wet-invoice-form .wet-item-row label,
	.wet-invoice-form .wet-item-row label:first-of-type,
	.wet-invoice-form .wet-item-row label:nth-of-type(2),
	.wet-invoice-form .wet-item-row label:nth-of-type(3),
	.wet-invoice-form .wet-item-row label:nth-of-type(4),
	.wet-invoice-form .wet-row-actions {
		grid-column: 1 / -1;
	}

	.wet-invoice-form .wet-row-actions {
		grid-template-columns: 1fr;
	}
}

/* Print stays A4 invoice only */
@media print {
	.wet-invoice-generator {
		display: block !important;
		max-width: none !important;
		margin: 0 !important;
	}
}

/* Four-column input layout above preview */
.wet-invoice-generator {
	display: block !important;
	max-width: 1320px;
	margin: 18px auto;
}

.wet-invoice-form {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 12px;
	width: 100%;
}

.wet-invoice-form > .wet-topbar,
.wet-invoice-form > section:first-of-type {
	grid-column: 1 / -1;
}

/* Let Company + Client sections join the main 4-column grid */
.wet-invoice-form > .wet-dashboard-grid {
	display: contents;
}

/* Company, Client, Invoice Settings, Currency Settings */
.wet-invoice-form > .wet-dashboard-grid > section,
.wet-invoice-form > section:nth-of-type(2),
.wet-invoice-form > section:nth-of-type(3) {
	grid-column: span 1;
	margin-top: 0;
	min-width: 0;
}

/* Invoice Items and Totals Engine full width below the 4 columns */
.wet-invoice-form > section:nth-of-type(4),
.wet-invoice-form > section:nth-of-type(5) {
	grid-column: 1 / -1;
}

/* Preview below inputs */
.wet-preview-wrap {
	margin-top: 22px;
	width: 100%;
}

/* Compact column fields */
.wet-invoice-form > .wet-dashboard-grid > section,
.wet-invoice-form > section:nth-of-type(2),
.wet-invoice-form > section:nth-of-type(3) {
	padding: 14px;
}

.wet-invoice-form > .wet-dashboard-grid > section .wet-grid,
.wet-invoice-form > section:nth-of-type(2) .wet-grid,
.wet-invoice-form > section:nth-of-type(3) .wet-grid {
	grid-template-columns: 1fr;
	gap: 8px;
}

.wet-invoice-form > .wet-dashboard-grid > section .wet-grid-two {
	grid-template-columns: repeat(2, minmax(0, 1fr));
}

.wet-invoice-form > section:nth-of-type(2) .wet-notes-field,
.wet-invoice-form > section:nth-of-type(3) .wet-notes-field {
	grid-column: auto;
}

.wet-invoice-form label {
	font-size: 11px;
	font-weight: 500;
	gap: 4px;
}

.wet-invoice-form input,
.wet-invoice-form textarea,
.wet-invoice-form select {
	font-size: 13px;
	font-weight: 400;
	min-height: 34px;
	padding: 6px 9px;
}

.wet-invoice-form textarea {
	min-height: 62px;
}

/* Branding remains full width but compact */
.wet-invoice-form > section:first-of-type .wet-branding-grid {
	grid-template-columns: 1.3fr 1.4fr 1fr;
	gap: 12px;
	align-items: end;
}

.wet-invoice-form > section:first-of-type .wet-logo-field {
	grid-column: auto;
}

.wet-invoice-form > section:first-of-type .wet-logo-tools {
	grid-template-columns: 90px 1fr;
	gap: 10px;
}

/* Invoice Items full-width table with proper room */
.wet-invoice-form > section:nth-of-type(4) .wet-item-table-head {
	display: grid;
}

.wet-invoice-form > section:nth-of-type(4) .wet-item-table-head,
.wet-invoice-form > section:nth-of-type(4) .wet-item-row {
	grid-template-columns: 38px 46px minmax(260px, 2fr) minmax(90px, .55fr) minmax(120px, .7fr) minmax(130px, .75fr) minmax(130px, .75fr);
	gap: 8px;
}

.wet-invoice-form > section:nth-of-type(4) .wet-item-row {
	padding: 10px;
}

.wet-invoice-form > section:nth-of-type(4) .wet-item-row label,
.wet-invoice-form > section:nth-of-type(4) .wet-row-actions {
	grid-column: auto;
}

.wet-invoice-form > section:nth-of-type(4) .wet-row-actions {
	display: grid;
	grid-template-columns: 1fr;
	gap: 6px;
}

/* Totals Engine below items in 4 neat columns */
.wet-invoice-form > section:nth-of-type(5) .wet-totals-engine {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 10px 12px;
}

.wet-invoice-form > section:nth-of-type(5) .wet-notes-field {
	grid-column: span 2;
}

/* Preview centered below */
.wet-preview,
.wet-preview-actions {
	max-width: 980px;
}

/* Tablet: 2 columns */
@media (max-width: 1100px) {
	.wet-invoice-form {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wet-invoice-form > .wet-dashboard-grid > section,
	.wet-invoice-form > section:nth-of-type(2),
	.wet-invoice-form > section:nth-of-type(3) {
		grid-column: span 1;
	}

	.wet-invoice-form > section:first-of-type,
	.wet-invoice-form > section:nth-of-type(4),
	.wet-invoice-form > section:nth-of-type(5) {
		grid-column: 1 / -1;
	}

	.wet-invoice-form > section:first-of-type .wet-branding-grid,
	.wet-invoice-form > section:nth-of-type(5) .wet-totals-engine {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wet-invoice-form > section:nth-of-type(4) .wet-item-table-head {
		display: none;
	}

	.wet-invoice-form > section:nth-of-type(4) .wet-item-row {
		grid-template-columns: 38px 44px 1fr 1fr;
	}

	.wet-invoice-form > section:nth-of-type(4) .wet-item-row label:first-of-type {
		grid-column: 1 / -1;
	}

	.wet-invoice-form > section:nth-of-type(4) .wet-item-row label:nth-of-type(4),
	.wet-invoice-form > section:nth-of-type(4) .wet-row-actions {
		grid-column: span 2;
	}

	.wet-invoice-form > section:nth-of-type(4) .wet-row-actions {
		grid-template-columns: 1fr 1fr;
	}
}

/* Mobile: stack everything */
@media (max-width: 700px) {
	.wet-invoice-generator {
		margin: 14px 0;
	}

	.wet-invoice-form {
		grid-template-columns: 1fr;
	}

	.wet-invoice-form > .wet-dashboard-grid > section,
	.wet-invoice-form > section {
		grid-column: 1 / -1 !important;
	}

	.wet-invoice-form > section:first-of-type .wet-branding-grid,
	.wet-invoice-form > section:nth-of-type(5) .wet-totals-engine,
	.wet-invoice-form > .wet-dashboard-grid > section .wet-grid-two {
		grid-template-columns: 1fr;
	}

	.wet-invoice-form > section:nth-of-type(5) .wet-notes-field {
		grid-column: auto;
	}

	.wet-invoice-form > section:nth-of-type(4) .wet-item-row {
		grid-template-columns: 1fr 1fr;
	}

	.wet-invoice-form > section:nth-of-type(4) .wet-item-row label,
	.wet-invoice-form > section:nth-of-type(4) .wet-row-actions {
		grid-column: 1 / -1 !important;
	}

	.wet-invoice-form > section:nth-of-type(4) .wet-row-actions {
		grid-template-columns: 1fr;
	}
}

/* Print must remain invoice-only */
@media print {
	.wet-invoice-generator {
		display: block !important;
		max-width: none !important;
		margin: 0 !important;
	}
}

/* Professional two-column top header above the 4 input columns */
.wet-invoice-form {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: 14px;
	align-items: start;
}

/* Top title card: left half */
.wet-invoice-form > .wet-topbar {
	grid-column: 1 / 3 !important;
	margin: 0;
	min-height: 164px;
	display: flex;
	align-items: center;
}

/* Branding card: right half */
.wet-invoice-form > section:first-of-type {
	grid-column: 3 / 5 !important;
	margin: 0;
	min-height: 164px;
}

/* Make the title card look deliberate */
.wet-invoice-form > .wet-topbar .wet-title-block {
	max-width: 100%;
}

.wet-invoice-form > .wet-topbar .wet-eyebrow {
	font-size: 11px;
	margin-bottom: 8px;
}

.wet-invoice-form > .wet-topbar h2 {
	font-size: 26px;
	line-height: 1.15;
	margin: 0;
}

.wet-invoice-form > .wet-topbar p {
	font-size: 14px;
	line-height: 1.45;
	max-width: 560px;
}

/* Compact professional branding layout */
.wet-invoice-form > section:first-of-type .wet-branding-grid {
	display: grid;
	grid-template-columns: minmax(170px, .9fr) 92px minmax(190px, 1.1fr);
	gap: 10px 12px;
	align-items: end;
}

.wet-invoice-form > section:first-of-type .wet-logo-field {
	grid-column: 1 / 2;
}

.wet-invoice-form > section:first-of-type .wet-logo-tools {
	display: contents;
}

.wet-invoice-form > section:first-of-type .wet-logo-thumb {
	grid-column: 2 / 3;
	height: 62px;
}

.wet-invoice-form > section:first-of-type [data-wet-action="remove-logo"] {
	grid-column: 3 / 4;
	width: 100%;
}

.wet-invoice-form > section:first-of-type label:has(input[type="color"]) {
	grid-column: 1 / 2;
}

.wet-invoice-form > section:first-of-type input[type="color"] {
	height: 34px;
	min-height: 34px;
}

/* Keep the 4 main input columns below the two top cards */
.wet-invoice-form > .wet-dashboard-grid {
	display: contents;
}

.wet-invoice-form > .wet-dashboard-grid > section,
.wet-invoice-form > section:nth-of-type(2),
.wet-invoice-form > section:nth-of-type(3) {
	grid-column: span 1 !important;
	margin-top: 0;
	min-width: 0;
}

/* Invoice Items and Totals stay full width below columns */
.wet-invoice-form > section:nth-of-type(4),
.wet-invoice-form > section:nth-of-type(5) {
	grid-column: 1 / -1 !important;
}

/* Tablet: top row remains two columns, main inputs become two columns */
@media (max-width: 1100px) {
	.wet-invoice-form {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.wet-invoice-form > .wet-topbar {
		grid-column: 1 / 2 !important;
	}

	.wet-invoice-form > section:first-of-type {
		grid-column: 2 / 3 !important;
	}

	.wet-invoice-form > section:first-of-type .wet-branding-grid {
		grid-template-columns: 1fr 82px;
	}

	.wet-invoice-form > section:first-of-type .wet-logo-field,
	.wet-invoice-form > section:first-of-type label:has(input[type="color"]) {
		grid-column: 1 / -1;
	}

	.wet-invoice-form > section:first-of-type .wet-logo-thumb {
		grid-column: 1 / 2;
	}

	.wet-invoice-form > section:first-of-type [data-wet-action="remove-logo"] {
		grid-column: 2 / 3;
	}

	.wet-invoice-form > .wet-dashboard-grid > section,
	.wet-invoice-form > section:nth-of-type(2),
	.wet-invoice-form > section:nth-of-type(3) {
		grid-column: span 1 !important;
	}

	.wet-invoice-form > section:nth-of-type(4),
	.wet-invoice-form > section:nth-of-type(5) {
		grid-column: 1 / -1 !important;
	}
}

/* Mobile: stack title, branding, then all form sections */
@media (max-width: 760px) {
	.wet-invoice-form {
		grid-template-columns: 1fr;
	}

	.wet-invoice-form > .wet-topbar,
	.wet-invoice-form > section:first-of-type,
	.wet-invoice-form > .wet-dashboard-grid > section,
	.wet-invoice-form > section {
		grid-column: 1 / -1 !important;
		min-height: 0;
	}

	.wet-invoice-form > section:first-of-type .wet-branding-grid {
		grid-template-columns: 1fr;
	}

	.wet-invoice-form > section:first-of-type .wet-logo-field,
	.wet-invoice-form > section:first-of-type .wet-logo-thumb,
	.wet-invoice-form > section:first-of-type [data-wet-action="remove-logo"],
	.wet-invoice-form > section:first-of-type label:has(input[type="color"]) {
		grid-column: 1 / -1;
	}
}