From af974fbccdf3ce8e473e59cbed924ada5e72107a Mon Sep 17 00:00:00 2001
From: khushi8112 <khushirawat23@navgurukul.org>
Date: Tue, 9 Sep 2025 12:56:51 +0530
Subject: [PATCH] feat: add css

---
 .../sales_invoice_print_format.html           | 141 ++++++++++++++++++
 1 file changed, 141 insertions(+)

diff --git a/erpnext/accounts/print_format/sales_invoice_print_format/sales_invoice_print_format.html b/erpnext/accounts/print_format/sales_invoice_print_format/sales_invoice_print_format.html
index c5800c0645f..c9fbea3698b 100644
--- a/erpnext/accounts/print_format/sales_invoice_print_format/sales_invoice_print_format.html
+++ b/erpnext/accounts/print_format/sales_invoice_print_format/sales_invoice_print_format.html
@@ -12,6 +12,147 @@ print_heading_template=None) -%} {% if letter_head and not no_letterhead %}
 		{{ add_header(loop.index, layout|len, doc, letter_head, no_letterhead, footer, print_settings) }}
 	</div>
 
+		<style>
+			.invoice-wrapper {
+				font-family: "Inter", sans-serif;
+				color: var(--black-overlay-700);
+				padding: 24px;
+			}
+
+			table.info-table,
+			table.items-table,
+			table.tax-table {
+				border-collapse: separate;
+				border-spacing: 0;
+				border: 1px solid #ededed;
+				border-radius: 10px;
+				overflow: hidden;
+			}
+
+			table.info-table td {
+				border-bottom: 1px solid #ededed;
+				padding: 8px 10px !important;
+			}
+			table.items-table td,
+			table.tax-table td {
+				border-bottom: 1px solid #ededed;
+				padding: 8px;
+			}
+
+			table.info-table td:not(:first-of-type),
+			table.items-table td:not(:first-of-type),
+			table.tax-table td:not(:first-of-type) {
+				border-left: 1px solid #ededed;
+			}
+
+			table.info-table tbody tr:last-of-type td,
+			table.items-table tbody tr:last-of-type td,
+			table.tax-table tbody tr:last-of-type td {
+				border-bottom: none;
+			}
+
+			thead.table-header {
+				background: #f8f8f8;
+			}
+			thead.table-header td {
+				color: #7c7c7c;
+			}
+
+			.text-center {
+				text-align: center;
+			}
+			.text-left {
+				text-align: left;
+			}
+			.text-right {
+				text-align: right;
+			}
+			.text-muted {
+				color: #7c7c7c;
+			}
+			.text-dark {
+				color: #525252;
+			}
+			.text-bold {
+				font-weight: bold;
+			}
+			.small-text {
+				color: #666;
+			}
+
+			.mt-10 {
+				margin-top: 10px;
+			}
+			.mt-15 {
+				margin-top: 15px;
+			}
+			.mt-20 {
+				margin-top: 20px;
+			}
+			.mt-40 {
+				margin-top: 40px;
+			}
+			.mt-80 {
+				margin-top: 80px;
+			}
+			.mb-20 {
+				margin-bottom: 20px;
+			}
+			.pb-8 {
+				padding-bottom: 8px;
+			}
+
+			.totals-table {
+				border-radius: 5px;
+				width: 100%;
+			}
+			.totals-table td {
+				padding: 4px 8px;
+			}
+			.totals-table tr {
+				border-bottom: 1px solid #ededed;
+			}
+			.totals-table tr:last-child {
+				border-bottom: none;
+			}
+			.totals-table .grand-total td {
+				padding: 6px 8px;
+				font-weight: bold;
+			}
+
+			.words-box {
+				background: #f8f8f8;
+				border-radius: 8px;
+				padding: 8px;
+				line-height: 21px;
+				letter-spacing: 0.21px;
+				font-size: small;
+			}
+
+			.info-card {
+				color: #7c7c7c;
+			}
+
+			.title {
+				color: #7c7c7c !important;
+			}
+
+			.heading {
+				color: #525252 !important;
+				font-weight: 300;
+			}
+
+			.print-format {
+				color: var(--ink-gray-8, #171717);
+				font-size: 14px;
+				font-style: normal;
+				font-weight: 420;
+				line-height: 21px;
+				padding: 12px;
+				letter-spacing: 0.14px;
+			}
+		</style>
+
 	<table class="info-table mt-10 mb-20">
 		<tr>
 			<td style="width: 50%">