From 079f5b1085205d8ed2ee2117de63952aac4319a4 Mon Sep 17 00:00:00 2001
From: AJ Isaacs <ajisaacs27@gmail.com>
Date: Sun, 1 Feb 2026 23:57:02 -0500
Subject: [PATCH] style: Update sidebar color and optimize print layout

Changes sidebar gradient to neutral gray and adds compact print styles
for better paper usage when printing reports.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 CutList.Web/wwwroot/css/app.css    |  6 ++-
 CutList.Web/wwwroot/css/report.css | 78 +++++++++++++++++++++++++++++-
 2 files changed, 82 insertions(+), 2 deletions(-)

diff --git a/CutList.Web/wwwroot/css/app.css b/CutList.Web/wwwroot/css/app.css
index 724724c..1699d19 100644
--- a/CutList.Web/wwwroot/css/app.css
+++ b/CutList.Web/wwwroot/css/app.css
@@ -20,6 +20,10 @@ a, .btn-link {
     box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
 }
 
+.nav-link {
+    padding-left: 10px;
+}
+
 .content {
     padding-top: 1.1rem;
 }
@@ -76,7 +80,7 @@ main {
 }
 
 .sidebar {
-    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
+    background-image: linear-gradient(180deg, rgb(83 83 83) 0%, #2f2f2f 70%);
 }
 
 .top-row {
diff --git a/CutList.Web/wwwroot/css/report.css b/CutList.Web/wwwroot/css/report.css
index 69c4f2a..17e186a 100644
--- a/CutList.Web/wwwroot/css/report.css
+++ b/CutList.Web/wwwroot/css/report.css
@@ -136,11 +136,12 @@
     white-space: pre-wrap;
 }
 
-/* Print styles */
+/* Print styles - Compact layout to save paper */
 @media print {
     body {
         -webkit-print-color-adjust: exact;
         print-color-adjust: exact;
+        font-size: 10pt;
     }
 
     .sidebar,
@@ -170,18 +171,93 @@
         max-width: 100%;
         padding: 0;
         margin: 0;
+        font-size: 9pt;
+    }
+
+    .report-header {
+        margin-bottom: 0.5rem;
+        padding-bottom: 0.25rem;
+        border-bottom-width: 1px;
+    }
+
+    .report-header h1 {
+        font-size: 14pt;
+        margin-bottom: 0.25rem;
+    }
+
+    .meta-info {
+        gap: 0.1rem;
+        font-size: 8pt;
+    }
+
+    .meta-row span:first-child {
+        min-width: 80px;
     }
 
     .bin-section {
+        margin: 0.3rem 0;
+        padding: 0.3rem 0.5rem;
+        border-radius: 0;
         break-inside: avoid;
         page-break-inside: avoid;
     }
 
+    .bin-section h2 {
+        font-size: 10pt;
+        margin: 0 0 0.2rem 0;
+        padding-bottom: 0.15rem;
+    }
+
+    .cuts-table {
+        margin-bottom: 0.2rem;
+    }
+
+    .cuts-table th,
+    .cuts-table td {
+        padding: 0.15rem 0.3rem;
+        font-size: 9pt;
+    }
+
+    .cuts-table th {
+        font-size: 8pt;
+    }
+
+    .drop {
+        font-size: 8pt;
+        margin-top: 0.1rem;
+    }
+
     .summary {
+        padding: 0.5rem;
+        margin-top: 0.5rem;
         break-inside: avoid;
         page-break-inside: avoid;
     }
 
+    .summary h2 {
+        font-size: 11pt;
+        margin: 0 0 0.3rem 0;
+    }
+
+    .summary-grid {
+        gap: 0.1rem 1rem;
+        font-size: 9pt;
+    }
+
+    .notes-section {
+        margin-top: 0.5rem;
+        padding: 0.3rem 0.5rem;
+    }
+
+    .notes-section h3 {
+        font-size: 9pt;
+        margin-bottom: 0.2rem;
+    }
+
+    .notes-section p {
+        font-size: 8pt;
+    }
+
     .alert {
         display: none !important;
     }