frontend/print-preview.css

@@ -6,8 +6,8 @@
 .print-preview-modal {
     width: 90vw;
     max-width: 1200px;
-    height: 80vh;
+    height: auto; /* Let modal size itself based on content */
-    max-height: none;
+    max-height: 90vh; /* But don't exceed viewport */
     margin: 5vh auto;
 }
 
@@ -131,7 +131,7 @@
     display: flex;
     justify-content: center;
     align-items: flex-start;
-    overflow: hidden;
+    overflow: auto; /* Allow scrolling if paper is larger than container */
     background: #f5f5f5;
     border-radius: 8px;
     padding: 2rem;
@@ -147,15 +147,17 @@
     box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
     border-radius: 2px;
     /* transform: scale() is now applied dynamically via inline style */
-    width: 11in; /* Actual letter width */
+    width: 1056px; /* 11in at 96 DPI - LANDSCAPE width */
-    min-height: 8.5in; /* Letter height */
+    height: 816px; /* 8.5in at 96 DPI - LANDSCAPE height */
+    padding: 48px; /* 0.5 inches at 96 DPI */
+    box-sizing: border-box; /* Include padding in dimensions */
     overflow: hidden;
     position: relative;
     margin: 0 auto;
+    flex-shrink: 0; /* Don't shrink in flex container */
 }
 
 .print-preview-content {
-    padding: 1rem;
     height: 100%;
     overflow: hidden;
 }

frontend/styles/base.css

@@ -1,51 +0,0 @@
-/* Base Styles - Always Loaded */
-* {
-    margin: 0;
-    padding: 0;
-    box-sizing: border-box;
-}
-
-body {
-    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
-    background-color: #f8f9fa;
-    color: #333;
-    line-height: 1.6;
-}
-
-.app {
-    min-height: 100vh;
-    display: flex;
-    flex-direction: row;
-}
-
-.login-layout {
-    min-height: 100vh;
-    display: flex;
-    flex-direction: column;
-    width: 100%;
-}
-
-/* Base Layout */
-.main-content {
-    flex: 1;
-    margin-left: 280px;
-    overflow-x: hidden;
-}
-
-/* Basic Form Elements */
-input, select, textarea, button {
-    font-family: inherit;
-}
-
-/* Utility Classes */
-.loading {
-    opacity: 0.7;
-}
-
-.error {
-    color: #dc3545;
-}
-
-.success {
-    color: #28a745;
-}