From ed1c5ec5d85c7c1724ae7a3a6d759c7bad36dcdc Mon Sep 17 00:00:00 2001
From: CoolGame8 <kuli.kaduri@gmail.com>
Date: Sun, 30 Nov 2025 16:56:49 +0200
Subject: [PATCH 01/14] the goat

---
 .../src/app/[locale]/tools/rubrics/page.tsx   | 209 +++++++++++++++++-
 1 file changed, 201 insertions(+), 8 deletions(-)

diff --git a/apps/portal/src/app/[locale]/tools/rubrics/page.tsx b/apps/portal/src/app/[locale]/tools/rubrics/page.tsx
index 91eac089f..1c76054af 100644
--- a/apps/portal/src/app/[locale]/tools/rubrics/page.tsx
+++ b/apps/portal/src/app/[locale]/tools/rubrics/page.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { Container } from '@mui/material';
+import { Container, Box } from '@mui/material';
 import { ResponsiveComponent } from '@lems/shared';
 import { RubricTable } from './components/desktop';
 import { MobileRubricForm } from './components/mobile/rubric-form';
@@ -10,14 +10,207 @@ import { RubricHeader } from './components/rubric-header';
 
 export default function RubricsPage() {
   return (
-    <RubricProvider>
-      <Container maxWidth="lg" sx={{ py: 4 }}>
-        <RubricHeader />
+    <>
+      {/* Print-specific styles to hide navigation and UI elements */}
+      <style jsx global>{`
+        @media print {
+          /* Hide the app bar/navigation */
+          .MuiAppBar-root {
+            display: none !important;
+          }
 
-        <ResponsiveComponent desktop={<RubricTable />} mobile={<MobileRubricForm />} />
+          /* Hide the rubric header with controls */
+          .rubric-header {
+            display: none !important;
+          }
 
-        <JudgingTimer />
-      </Container>
-    </RubricProvider>
+          /* Hide the judging timer */
+          .judging-timer {
+            display: none !important;
+          }
+
+          /* Hide the category navigation row in the table */
+          .MuiTableHead-root .MuiTableRow-root:first-child {
+            display: none !important;
+          }
+
+          /* Remove padding/margins for full-width print */
+          .MuiContainer-root {
+            padding: 0 !important;
+            margin: 0 !important;
+            max-width: none !important;
+          }
+
+          /* Ensure rubric content uses full page width */
+          .rubric-content {
+            width: 100% !important;
+            margin: 0 !important;
+            padding: 0 !important;
+          }
+
+          /* Optimize table layout for print */
+          .MuiTable-root {
+            width: 90% !important;
+            margin: 0 auto !important;
+            table-layout: fixed !important;
+          }
+
+          /* Control column widths for better proportions */
+          .MuiTable-root .MuiTableCell-root:first-child {
+            width: 40% !important;
+            max-width: 40% !important;
+          }
+
+          .MuiTable-root .MuiTableCell-root:nth-child(2) {
+            width: 20% !important;
+            max-width: 20% !important;
+          }
+
+          .MuiTable-root .MuiTableCell-root:nth-child(3) {
+            width: 20% !important;
+            max-width: 20% !important;
+          }
+
+          .MuiTable-root .MuiTableCell-root:nth-child(4) {
+            width: 20% !important;
+            max-width: 20% !important;
+          }
+
+          /* Remove box shadows and borders for cleaner print */
+          .MuiPaper-root {
+            box-shadow: none !important;
+            border: 1px solid #ddd !important;
+            border-radius: 0 !important;
+          }
+
+          /* Ensure proper page breaks for sections */
+          .rubric-section {
+            page-break-inside: avoid;
+            break-inside: avoid;
+          }
+
+          /* Optimize table cells for print - balanced size */
+          .MuiTableCell-root {
+            border: 1px solid #ddd !important;
+            padding: 6px 8px !important;
+            font-size: 11px !important;
+            line-height: 1.4 !important;
+            vertical-align: top !important;
+            overflow: visible !important;
+          }
+
+          /* Make header cells readable */
+          .MuiTableHead-root .MuiTableCell-root {
+            padding: 8px 10px !important;
+            font-size: 12px !important;
+            font-weight: 600 !important;
+          }
+
+          /* Section headers */
+          .MuiTableCell-root h6,
+          .MuiTableCell-root .MuiTypography-h6 {
+            font-size: 12px !important;
+            margin: 2px 0 !important;
+            font-weight: 600 !important;
+          }
+
+          /* Body text */
+          .MuiTableCell-root .MuiTypography-body2,
+          .MuiTableCell-root .MuiTypography-body1 {
+            font-size: 10px !important;
+            line-height: 1.4 !important;
+            margin: 1px 0 !important;
+          }
+
+          /* Hide any floating elements */
+          .MuiFab-root {
+            display: none !important;
+          }
+
+          /* Remove sticky positioning for print */
+          .MuiTableHead-root {
+            position: static !important;
+          }
+
+          /* Optimize typography for print */
+          body {
+            -webkit-print-color-adjust: exact !important;
+            color-adjust: exact !important;
+            font-size: 11px !important;
+            line-height: 1.4 !important;
+          }
+
+          /* Balanced margins for readability */
+          @page {
+            margin: 0.4in;
+            size: A4;
+          }
+
+          /* Hide most interactive elements but keep rubric selection buttons */
+          .MuiButton-root {
+            display: none !important;
+          }
+
+          /* Show text fields but make them non-interactive and display their values */
+          .MuiTextField-root {
+            pointer-events: none !important;
+            width: 100% !important;
+            margin: 0 !important;
+          }
+
+          /* Style text field inputs for print - maintain table layout */
+          .MuiTextField-root .MuiInputBase-root {
+            border: 1px solid #ddd !important;
+            background: transparent !important;
+            font-size: 10px !important;
+            width: 100% !important;
+            min-height: auto !important;
+          }
+
+          /* Show the actual input text */
+          .MuiTextField-root input,
+          .MuiTextField-root textarea {
+            color: #000 !important;
+            font-size: 10px !important;
+            padding: 4px !important;
+            width: 100% !important;
+            box-sizing: border-box !important;
+          }
+
+          /* Keep IconButtons visible but make them non-interactive for rubric selections */
+          .MuiIconButton-root {
+            pointer-events: none !important;
+            padding: 4px !important;
+          }
+
+          /* Ensure all icons in rubric are visible */
+          .MuiSvgIcon-root {
+            color: #000 !important;
+            font-size: 18px !important;
+          }
+
+          /* Make sure checked icons are clearly visible */
+          .MuiIconButton-root .MuiSvgIcon-root {
+            color: #000 !important;
+          }
+        }
+      `}</style>
+
+      <RubricProvider>
+        <Container maxWidth="lg" sx={{ py: 4 }}>
+          <Box className="rubric-header">
+            <RubricHeader />
+          </Box>
+
+          <Box className="rubric-content">
+            <ResponsiveComponent desktop={<RubricTable />} mobile={<MobileRubricForm />} />
+          </Box>
+
+          <Box className="judging-timer">
+            <JudgingTimer />
+          </Box>
+        </Container>
+      </RubricProvider>
+    </>
   );
 }

From b243878ce6e80810622d31b14e24ea4938d6304e Mon Sep 17 00:00:00 2001
From: CoolGame8 <kuli.kaduri@gmail.com>
Date: Sun, 30 Nov 2025 17:17:19 +0200
Subject: [PATCH 02/14] split

---
 .../components/rubric-print-styles.tsx        | 189 ++++++++++++++++++
 .../src/app/[locale]/tools/rubrics/page.tsx   | 186 +----------------
 2 files changed, 191 insertions(+), 184 deletions(-)
 create mode 100644 apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx

diff --git a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
new file mode 100644
index 000000000..3756c5dcb
--- /dev/null
+++ b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
@@ -0,0 +1,189 @@
+'use client';
+
+export const RubricPrintStyles = () => {
+  return (
+    <style jsx global>{`
+      @media print {
+        /* Hide the app bar/navigation */
+        .MuiAppBar-root {
+          display: none !important;
+        }
+
+        /* Hide the rubric header with controls */
+        .rubric-header {
+          display: none !important;
+        }
+
+        /* Hide the judging timer */
+        .judging-timer {
+          display: none !important;
+        }
+
+        /* Hide the category navigation row in the table */
+        .MuiTableHead-root .MuiTableRow-root:first-child {
+          display: none !important;
+        }
+
+        /* Remove padding/margins for full-width print */
+        .MuiContainer-root {
+          padding: 0 !important;
+          margin: 0 !important;
+          max-width: none !important;
+        }
+
+        /* Ensure rubric content uses full page width */
+        .rubric-content {
+          width: 100% !important;
+          margin: 0 !important;
+          padding: 0 !important;
+        }
+
+        /* Optimize table layout for print */
+        .MuiTable-root {
+          width: 90% !important;
+          margin: 0 auto !important;
+          table-layout: fixed !important;
+        }
+
+        /* Control column widths for better proportions */
+        .MuiTable-root .MuiTableCell-root:first-child {
+          width: 40% !important;
+          max-width: 40% !important;
+        }
+
+        .MuiTable-root .MuiTableCell-root:nth-child(2) {
+          width: 20% !important;
+          max-width: 20% !important;
+        }
+
+        .MuiTable-root .MuiTableCell-root:nth-child(3) {
+          width: 20% !important;
+          max-width: 20% !important;
+        }
+
+        .MuiTable-root .MuiTableCell-root:nth-child(4) {
+          width: 20% !important;
+          max-width: 20% !important;
+        }
+
+        /* Remove box shadows and borders for cleaner print */
+        .MuiPaper-root {
+          box-shadow: none !important;
+          border: 1px solid #ddd !important;
+          border-radius: 0 !important;
+        }
+
+        /* Ensure proper page breaks for sections */
+        .rubric-section {
+          page-break-inside: avoid;
+          break-inside: avoid;
+        }
+
+        /* Optimize table cells for print - balanced size */
+        .MuiTableCell-root {
+          border: 1px solid #ddd !important;
+          padding: 6px 8px !important;
+          font-size: 11px !important;
+          line-height: 1.4 !important;
+          vertical-align: top !important;
+          overflow: visible !important;
+        }
+
+        /* Make header cells readable */
+        .MuiTableHead-root .MuiTableCell-root {
+          padding: 8px 10px !important;
+          font-size: 12px !important;
+          font-weight: 600 !important;
+        }
+
+        /* Section headers */
+        .MuiTableCell-root h6,
+        .MuiTableCell-root .MuiTypography-h6 {
+          font-size: 12px !important;
+          margin: 2px 0 !important;
+          font-weight: 600 !important;
+        }
+
+        /* Body text */
+        .MuiTableCell-root .MuiTypography-body2,
+        .MuiTableCell-root .MuiTypography-body1 {
+          font-size: 10px !important;
+          line-height: 1.4 !important;
+          margin: 1px 0 !important;
+        }
+
+        /* Hide any floating elements */
+        .MuiFab-root {
+          display: none !important;
+        }
+
+        /* Remove sticky positioning for print */
+        .MuiTableHead-root {
+          position: static !important;
+        }
+
+        /* Optimize typography for print */
+        body {
+          -webkit-print-color-adjust: exact !important;
+          color-adjust: exact !important;
+          font-size: 11px !important;
+          line-height: 1.4 !important;
+        }
+
+        /* Balanced margins for readability */
+        @page {
+          margin: 0.4in;
+          size: A4;
+        }
+
+        /* Hide most interactive elements but keep rubric selection buttons */
+        .MuiButton-root {
+          display: none !important;
+        }
+
+        /* Show text fields but make them non-interactive and display their values */
+        .MuiTextField-root {
+          pointer-events: none !important;
+          width: 100% !important;
+          margin: 0 !important;
+        }
+
+        /* Style text field inputs for print - maintain table layout */
+        .MuiTextField-root .MuiInputBase-root {
+          border: 1px solid #ddd !important;
+          background: transparent !important;
+          font-size: 10px !important;
+          width: 100% !important;
+          min-height: auto !important;
+        }
+
+        /* Show the actual input text */
+        .MuiTextField-root input,
+        .MuiTextField-root textarea {
+          color: #000 !important;
+          font-size: 10px !important;
+          padding: 4px !important;
+          width: 100% !important;
+          box-sizing: border-box !important;
+        }
+
+        /* Keep IconButtons visible but make them non-interactive for rubric selections */
+        .MuiIconButton-root {
+          pointer-events: none !important;
+          padding: 4px !important;
+        }
+
+        /* Ensure all icons in rubric are visible */
+        .MuiSvgIcon-root {
+          color: #000 !important;
+          font-size: 18px !important;
+        }
+
+        /* Make sure checked icons are clearly visible */
+        .MuiIconButton-root .MuiSvgIcon-root {
+          color: #000 !important;
+        }
+      }
+    `}</style>
+  );
+};
diff --git a/apps/portal/src/app/[locale]/tools/rubrics/page.tsx b/apps/portal/src/app/[locale]/tools/rubrics/page.tsx
index 1c76054af..f080a3129 100644
--- a/apps/portal/src/app/[locale]/tools/rubrics/page.tsx
+++ b/apps/portal/src/app/[locale]/tools/rubrics/page.tsx
@@ -7,194 +7,12 @@ import { MobileRubricForm } from './components/mobile/rubric-form';
 import { RubricProvider } from './components/rubric-context';
 import { JudgingTimer } from './components/judging-timer';
 import { RubricHeader } from './components/rubric-header';
+import { RubricPrintStyles } from './components/rubric-print-styles';
 
 export default function RubricsPage() {
   return (
     <>
-      {/* Print-specific styles to hide navigation and UI elements */}
-      <style jsx global>{`
-        @media print {
-          /* Hide the app bar/navigation */
-          .MuiAppBar-root {
-            display: none !important;
-          }
-
-          /* Hide the rubric header with controls */
-          .rubric-header {
-            display: none !important;
-          }
-
-          /* Hide the judging timer */
-          .judging-timer {
-            display: none !important;
-          }
-
-          /* Hide the category navigation row in the table */
-          .MuiTableHead-root .MuiTableRow-root:first-child {
-            display: none !important;
-          }
-
-          /* Remove padding/margins for full-width print */
-          .MuiContainer-root {
-            padding: 0 !important;
-            margin: 0 !important;
-            max-width: none !important;
-          }
-
-          /* Ensure rubric content uses full page width */
-          .rubric-content {
-            width: 100% !important;
-            margin: 0 !important;
-            padding: 0 !important;
-          }
-
-          /* Optimize table layout for print */
-          .MuiTable-root {
-            width: 90% !important;
-            margin: 0 auto !important;
-            table-layout: fixed !important;
-          }
-
-          /* Control column widths for better proportions */
-          .MuiTable-root .MuiTableCell-root:first-child {
-            width: 40% !important;
-            max-width: 40% !important;
-          }
-
-          .MuiTable-root .MuiTableCell-root:nth-child(2) {
-            width: 20% !important;
-            max-width: 20% !important;
-          }
-
-          .MuiTable-root .MuiTableCell-root:nth-child(3) {
-            width: 20% !important;
-            max-width: 20% !important;
-          }
-
-          .MuiTable-root .MuiTableCell-root:nth-child(4) {
-            width: 20% !important;
-            max-width: 20% !important;
-          }
-
-          /* Remove box shadows and borders for cleaner print */
-          .MuiPaper-root {
-            box-shadow: none !important;
-            border: 1px solid #ddd !important;
-            border-radius: 0 !important;
-          }
-
-          /* Ensure proper page breaks for sections */
-          .rubric-section {
-            page-break-inside: avoid;
-            break-inside: avoid;
-          }
-
-          /* Optimize table cells for print - balanced size */
-          .MuiTableCell-root {
-            border: 1px solid #ddd !important;
-            padding: 6px 8px !important;
-            font-size: 11px !important;
-            line-height: 1.4 !important;
-            vertical-align: top !important;
-            overflow: visible !important;
-          }
-
-          /* Make header cells readable */
-          .MuiTableHead-root .MuiTableCell-root {
-            padding: 8px 10px !important;
-            font-size: 12px !important;
-            font-weight: 600 !important;
-          }
-
-          /* Section headers */
-          .MuiTableCell-root h6,
-          .MuiTableCell-root .MuiTypography-h6 {
-            font-size: 12px !important;
-            margin: 2px 0 !important;
-            font-weight: 600 !important;
-          }
-
-          /* Body text */
-          .MuiTableCell-root .MuiTypography-body2,
-          .MuiTableCell-root .MuiTypography-body1 {
-            font-size: 10px !important;
-            line-height: 1.4 !important;
-            margin: 1px 0 !important;
-          }
-
-          /* Hide any floating elements */
-          .MuiFab-root {
-            display: none !important;
-          }
-
-          /* Remove sticky positioning for print */
-          .MuiTableHead-root {
-            position: static !important;
-          }
-
-          /* Optimize typography for print */
-          body {
-            -webkit-print-color-adjust: exact !important;
-            color-adjust: exact !important;
-            font-size: 11px !important;
-            line-height: 1.4 !important;
-          }
-
-          /* Balanced margins for readability */
-          @page {
-            margin: 0.4in;
-            size: A4;
-          }
-
-          /* Hide most interactive elements but keep rubric selection buttons */
-          .MuiButton-root {
-            display: none !important;
-          }
-
-          /* Show text fields but make them non-interactive and display their values */
-          .MuiTextField-root {
-            pointer-events: none !important;
-            width: 100% !important;
-            margin: 0 !important;
-          }
-
-          /* Style text field inputs for print - maintain table layout */
-          .MuiTextField-root .MuiInputBase-root {
-            border: 1px solid #ddd !important;
-            background: transparent !important;
-            font-size: 10px !important;
-            width: 100% !important;
-            min-height: auto !important;
-          }
-
-          /* Show the actual input text */
-          .MuiTextField-root input,
-          .MuiTextField-root textarea {
-            color: #000 !important;
-            font-size: 10px !important;
-            padding: 4px !important;
-            width: 100% !important;
-            box-sizing: border-box !important;
-          }
-
-          /* Keep IconButtons visible but make them non-interactive for rubric selections */
-          .MuiIconButton-root {
-            pointer-events: none !important;
-            padding: 4px !important;
-          }
-
-          /* Ensure all icons in rubric are visible */
-          .MuiSvgIcon-root {
-            color: #000 !important;
-            font-size: 18px !important;
-          }
-
-          /* Make sure checked icons are clearly visible */
-          .MuiIconButton-root .MuiSvgIcon-root {
-            color: #000 !important;
-          }
-        }
-      `}</style>
+      <RubricPrintStyles />
 
       <RubricProvider>
         <Container maxWidth="lg" sx={{ py: 4 }}>

From 8e2616590a75f77962719949258e2ca80701f11c Mon Sep 17 00:00:00 2001
From: CoolGame8 <kuli.kaduri@gmail.com>
Date: Mon, 1 Dec 2025 15:18:36 +0200
Subject: [PATCH 03/14] clean

---
 .../components/rubric-print-styles.tsx        | 93 +++++++------------
 1 file changed, 33 insertions(+), 60 deletions(-)

diff --git a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
index 3756c5dcb..9912b8011 100644
--- a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
+++ b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
@@ -4,66 +4,37 @@ export const RubricPrintStyles = () => {
   return (
     <style jsx global>{`
       @media print {
-        /* Hide the app bar/navigation */
         .MuiAppBar-root {
           display: none !important;
         }
 
-        /* Hide the rubric header with controls */
         .rubric-header {
           display: none !important;
         }
 
-        /* Hide the judging timer */
-        .judging-timer {
-          display: none !important;
-        }
-
-        /* Hide the category navigation row in the table */
         .MuiTableHead-root .MuiTableRow-root:first-child {
           display: none !important;
         }
 
-        /* Remove padding/margins for full-width print */
-        .MuiContainer-root {
-          padding: 0 !important;
-          margin: 0 !important;
-          max-width: none !important;
-        }
-
-        /* Ensure rubric content uses full page width */
-        .rubric-content {
-          width: 100% !important;
-          margin: 0 !important;
-          padding: 0 !important;
-        }
-
-        /* Optimize table layout for print */
-        .MuiTable-root {
-          width: 90% !important;
-          margin: 0 auto !important;
-          table-layout: fixed !important;
-        }
-
         /* Control column widths for better proportions */
         .MuiTable-root .MuiTableCell-root:first-child {
-          width: 40% !important;
-          max-width: 40% !important;
+          width: 50% !important;
+          max-width: 50% !important;
         }
 
         .MuiTable-root .MuiTableCell-root:nth-child(2) {
-          width: 20% !important;
-          max-width: 20% !important;
+          width: 17% !important;
+          max-width: 17% !important;
         }
 
         .MuiTable-root .MuiTableCell-root:nth-child(3) {
-          width: 20% !important;
-          max-width: 20% !important;
+          width: 17% !important;
+          max-width: 17% !important;
         }
 
         .MuiTable-root .MuiTableCell-root:nth-child(4) {
-          width: 20% !important;
-          max-width: 20% !important;
+          width: 16% !important;
+          max-width: 16% !important;
         }
 
         /* Remove box shadows and borders for cleaner print */
@@ -73,43 +44,45 @@ export const RubricPrintStyles = () => {
           border-radius: 0 !important;
         }
 
-        /* Ensure proper page breaks for sections */
-        .rubric-section {
-          page-break-inside: avoid;
-          break-inside: avoid;
+        /* Prevent page breaks and make content more compact */
+        .MuiTable-root,
+        .MuiTableBody-root,
+        .MuiTableRow-root {
+          page-break-inside: avoid !important;
+          break-inside: avoid !important;
         }
 
-        /* Optimize table cells for print - balanced size */
+        /* Optimize table cells for print - more compact */
         .MuiTableCell-root {
           border: 1px solid #ddd !important;
-          padding: 6px 8px !important;
-          font-size: 11px !important;
-          line-height: 1.4 !important;
+          padding: 3px 5px !important;
+          font-size: 9px !important;
+          line-height: 1.2 !important;
           vertical-align: top !important;
           overflow: visible !important;
         }
 
-        /* Make header cells readable */
+        /* Make header cells more compact */
         .MuiTableHead-root .MuiTableCell-root {
-          padding: 8px 10px !important;
-          font-size: 12px !important;
+          padding: 4px 6px !important;
+          font-size: 10px !important;
           font-weight: 600 !important;
         }
 
-        /* Section headers */
+        /* Section headers - more compact */
         .MuiTableCell-root h6,
         .MuiTableCell-root .MuiTypography-h6 {
-          font-size: 12px !important;
-          margin: 2px 0 !important;
+          font-size: 10px !important;
+          margin: 1px 0 !important;
           font-weight: 600 !important;
         }
 
-        /* Body text */
+        /* Body text - more compact */
         .MuiTableCell-root .MuiTypography-body2,
         .MuiTableCell-root .MuiTypography-body1 {
-          font-size: 10px !important;
-          line-height: 1.4 !important;
-          margin: 1px 0 !important;
+          font-size: 8px !important;
+          line-height: 1.2 !important;
+          margin: 0 !important;
         }
 
         /* Hide any floating elements */
@@ -122,17 +95,17 @@ export const RubricPrintStyles = () => {
           position: static !important;
         }
 
-        /* Optimize typography for print */
+        /* Optimize typography for print - more compact */
         body {
           -webkit-print-color-adjust: exact !important;
           color-adjust: exact !important;
-          font-size: 11px !important;
-          line-height: 1.4 !important;
+          font-size: 9px !important;
+          line-height: 1.2 !important;
         }
 
-        /* Balanced margins for readability */
+        /* Smaller margins to fit more content */
         @page {
-          margin: 0.4in;
+          margin: 0.25in;
           size: A4;
         }
 

From 266af8db464315291833ed5ad9f860fe5b9f226b Mon Sep 17 00:00:00 2001
From: CoolGame8 <kuli.kaduri@gmail.com>
Date: Mon, 1 Dec 2025 15:25:46 +0200
Subject: [PATCH 04/14] ):

---
 .../components/rubric-print-styles.tsx        | 142 +-----------------
 1 file changed, 1 insertion(+), 141 deletions(-)

diff --git a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
index 9912b8011..f81465e98 100644
--- a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
+++ b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
@@ -16,147 +16,7 @@ export const RubricPrintStyles = () => {
           display: none !important;
         }
 
-        /* Control column widths for better proportions */
-        .MuiTable-root .MuiTableCell-root:first-child {
-          width: 50% !important;
-          max-width: 50% !important;
-        }
-
-        .MuiTable-root .MuiTableCell-root:nth-child(2) {
-          width: 17% !important;
-          max-width: 17% !important;
-        }
-
-        .MuiTable-root .MuiTableCell-root:nth-child(3) {
-          width: 17% !important;
-          max-width: 17% !important;
-        }
-
-        .MuiTable-root .MuiTableCell-root:nth-child(4) {
-          width: 16% !important;
-          max-width: 16% !important;
-        }
-
-        /* Remove box shadows and borders for cleaner print */
-        .MuiPaper-root {
-          box-shadow: none !important;
-          border: 1px solid #ddd !important;
-          border-radius: 0 !important;
-        }
-
-        /* Prevent page breaks and make content more compact */
-        .MuiTable-root,
-        .MuiTableBody-root,
-        .MuiTableRow-root {
-          page-break-inside: avoid !important;
-          break-inside: avoid !important;
-        }
-
-        /* Optimize table cells for print - more compact */
-        .MuiTableCell-root {
-          border: 1px solid #ddd !important;
-          padding: 3px 5px !important;
-          font-size: 9px !important;
-          line-height: 1.2 !important;
-          vertical-align: top !important;
-          overflow: visible !important;
-        }
-
-        /* Make header cells more compact */
-        .MuiTableHead-root .MuiTableCell-root {
-          padding: 4px 6px !important;
-          font-size: 10px !important;
-          font-weight: 600 !important;
-        }
-
-        /* Section headers - more compact */
-        .MuiTableCell-root h6,
-        .MuiTableCell-root .MuiTypography-h6 {
-          font-size: 10px !important;
-          margin: 1px 0 !important;
-          font-weight: 600 !important;
-        }
-
-        /* Body text - more compact */
-        .MuiTableCell-root .MuiTypography-body2,
-        .MuiTableCell-root .MuiTypography-body1 {
-          font-size: 8px !important;
-          line-height: 1.2 !important;
-          margin: 0 !important;
-        }
-
-        /* Hide any floating elements */
-        .MuiFab-root {
-          display: none !important;
-        }
-
-        /* Remove sticky positioning for print */
-        .MuiTableHead-root {
-          position: static !important;
-        }
-
-        /* Optimize typography for print - more compact */
-        body {
-          -webkit-print-color-adjust: exact !important;
-          color-adjust: exact !important;
-          font-size: 9px !important;
-          line-height: 1.2 !important;
-        }
-
-        /* Smaller margins to fit more content */
-        @page {
-          margin: 0.25in;
-          size: A4;
-        }
-
-        /* Hide most interactive elements but keep rubric selection buttons */
-        .MuiButton-root {
-          display: none !important;
-        }
-
-        /* Show text fields but make them non-interactive and display their values */
-        .MuiTextField-root {
-          pointer-events: none !important;
-          width: 100% !important;
-          margin: 0 !important;
-        }
-
-        /* Style text field inputs for print - maintain table layout */
-        .MuiTextField-root .MuiInputBase-root {
-          border: 1px solid #ddd !important;
-          background: transparent !important;
-          font-size: 10px !important;
-          width: 100% !important;
-          min-height: auto !important;
-        }
-
-        /* Show the actual input text */
-        .MuiTextField-root input,
-        .MuiTextField-root textarea {
-          color: #000 !important;
-          font-size: 10px !important;
-          padding: 4px !important;
-          width: 100% !important;
-          box-sizing: border-box !important;
-        }
-
-        /* Keep IconButtons visible but make them non-interactive for rubric selections */
-        .MuiIconButton-root {
-          pointer-events: none !important;
-          padding: 4px !important;
-        }
-
-        /* Ensure all icons in rubric are visible */
-        .MuiSvgIcon-root {
-          color: #000 !important;
-          font-size: 18px !important;
-        }
-
-        /* Make sure checked icons are clearly visible */
-        .MuiIconButton-root .MuiSvgIcon-root {
-          color: #000 !important;
-        }
-      }
+       
     `}</style>
   );
 };

From 4a33435511c69769305cc27a94a3ddc94dcc2772 Mon Sep 17 00:00:00 2001
From: CoolGame8 <kuli.kaduri@gmail.com>
Date: Mon, 1 Dec 2025 15:31:48 +0200
Subject: [PATCH 05/14] yay

---
 .../components/rubric-print-styles.tsx        | 169 +++++++++++++++++-
 1 file changed, 168 insertions(+), 1 deletion(-)

diff --git a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
index f81465e98..c3f084aaf 100644
--- a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
+++ b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
@@ -4,19 +4,186 @@ export const RubricPrintStyles = () => {
   return (
     <style jsx global>{`
       @media print {
+        /* Hide the app bar/navigation */
         .MuiAppBar-root {
           display: none !important;
         }
 
+        /* Hide the rubric header with controls */
         .rubric-header {
           display: none !important;
         }
 
+        /* Hide the judging timer */
+        .judging-timer {
+          display: none !important;
+        }
+
+        /* Hide the category navigation row in the table */
         .MuiTableHead-root .MuiTableRow-root:first-child {
           display: none !important;
         }
 
-       
+        /* Remove padding/margins for full-width print */
+        .MuiContainer-root {
+          padding: 0 !important;
+          margin: 0 !important;
+          max-width: none !important;
+        }
+
+        /* Ensure rubric content uses full page width */
+        .rubric-content {
+          width: 100% !important;
+          margin: 0 !important;
+          padding: 0 !important;
+        }
+
+        /* Optimize table layout for print */
+        .MuiTable-root {
+          width: 90% !important;
+          margin: 0 auto !important;
+          table-layout: fixed !important;
+        }
+
+        /* Control column widths for equal distribution */
+        .MuiTable-root .MuiTableCell-root:first-child {
+          width: 25% !important;
+          max-width: 25% !important;
+        }
+
+        .MuiTable-root .MuiTableCell-root:nth-child(2) {
+          width: 25% !important;
+          max-width: 25% !important;
+        }
+
+        .MuiTable-root .MuiTableCell-root:nth-child(3) {
+          width: 25% !important;
+          max-width: 25% !important;
+        }
+
+        .MuiTable-root .MuiTableCell-root:nth-child(4) {
+          width: 25% !important;
+          max-width: 25% !important;
+        }
+
+        /* Remove box shadows and borders for cleaner print */
+        .MuiPaper-root {
+          box-shadow: none !important;
+          border: 1px solid #ddd !important;
+          border-radius: 0 !important;
+        }
+
+        /* Ensure proper page breaks for sections */
+        .rubric-section {
+          page-break-inside: avoid;
+          break-inside: avoid;
+        }
+
+        /* Optimize table cells for print - balanced size */
+        .MuiTableCell-root {
+          border: 1px solid #ddd !important;
+          padding: 6px 8px !important;
+          font-size: 11px !important;
+          line-height: 1.4 !important;
+          vertical-align: top !important;
+          overflow: visible !important;
+        }
+
+        /* Make header cells readable */
+        .MuiTableHead-root .MuiTableCell-root {
+          padding: 8px 10px !important;
+          font-size: 12px !important;
+          font-weight: 600 !important;
+        }
+
+        /* Section headers */
+        .MuiTableCell-root h6,
+        .MuiTableCell-root .MuiTypography-h6 {
+          font-size: 12px !important;
+          margin: 2px 0 !important;
+          font-weight: 600 !important;
+        }
+
+        /* Body text */
+        .MuiTableCell-root .MuiTypography-body2,
+        .MuiTableCell-root .MuiTypography-body1 {
+          font-size: 10px !important;
+          line-height: 1.4 !important;
+          margin: 1px 0 !important;
+        }
+
+        /* Hide any floating elements */
+        .MuiFab-root {
+          display: none !important;
+        }
+
+        /* Remove sticky positioning for print */
+        .MuiTableHead-root {
+          position: static !important;
+        }
+
+        /* Optimize typography for print */
+        body {
+          -webkit-print-color-adjust: exact !important;
+          color-adjust: exact !important;
+          font-size: 11px !important;
+          line-height: 1.4 !important;
+        }
+
+        /* Balanced margins for readability */
+        @page {
+          margin: 0.4in;
+          size: A4;
+        }
+
+        /* Hide most interactive elements but keep rubric selection buttons */
+        .MuiButton-root {
+          display: none !important;
+        }
+
+        /* Show text fields but make them non-interactive and display their values */
+        .MuiTextField-root {
+          pointer-events: none !important;
+          width: 100% !important;
+          margin: 0 !important;
+        }
+
+        /* Style text field inputs for print - maintain table layout */
+        .MuiTextField-root .MuiInputBase-root {
+          border: 1px solid #ddd !important;
+          background: transparent !important;
+          font-size: 10px !important;
+          width: 100% !important;
+          min-height: auto !important;
+        }
+
+        /* Show the actual input text */
+        .MuiTextField-root input,
+        .MuiTextField-root textarea {
+          color: #000 !important;
+          font-size: 10px !important;
+          padding: 4px !important;
+          width: 100% !important;
+          box-sizing: border-box !important;
+        }
+
+        /* Keep IconButtons visible but make them non-interactive for rubric selections */
+        .MuiIconButton-root {
+          pointer-events: none !important;
+          padding: 4px !important;
+        }
+
+        /* Ensure all icons in rubric are visible */
+        .MuiSvgIcon-root {
+          color: #000 !important;
+          font-size: 18px !important;
+        }
+
+        /* Make sure checked icons are clearly visible */
+        .MuiIconButton-root .MuiSvgIcon-root {
+          color: #000 !important;
+        }
+      }
     `}</style>
   );
 };

From 7c8728dea7d50266dff006fa5f38cee7204135b4 Mon Sep 17 00:00:00 2001
From: CoolGame8 <kuli.kaduri@gmail.com>
Date: Mon, 1 Dec 2025 15:38:55 +0200
Subject: [PATCH 06/14] yayyyyyy

---
 .../components/rubric-print-styles.tsx        | 60 ++++++-------------
 1 file changed, 18 insertions(+), 42 deletions(-)

diff --git a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
index c3f084aaf..7cab97980 100644
--- a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
+++ b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
@@ -4,48 +4,40 @@ export const RubricPrintStyles = () => {
   return (
     <style jsx global>{`
       @media print {
-        /* Hide the app bar/navigation */
         .MuiAppBar-root {
           display: none !important;
         }
 
-        /* Hide the rubric header with controls */
         .rubric-header {
           display: none !important;
         }
 
-        /* Hide the judging timer */
         .judging-timer {
           display: none !important;
         }
 
-        /* Hide the category navigation row in the table */
         .MuiTableHead-root .MuiTableRow-root:first-child {
           display: none !important;
         }
 
-        /* Remove padding/margins for full-width print */
         .MuiContainer-root {
           padding: 0 !important;
           margin: 0 !important;
           max-width: none !important;
         }
 
-        /* Ensure rubric content uses full page width */
         .rubric-content {
           width: 100% !important;
           margin: 0 !important;
           padding: 0 !important;
         }
 
-        /* Optimize table layout for print */
         .MuiTable-root {
           width: 90% !important;
           margin: 0 auto !important;
           table-layout: fixed !important;
         }
 
-        /* Control column widths for equal distribution */
         .MuiTable-root .MuiTableCell-root:first-child {
           width: 25% !important;
           max-width: 25% !important;
@@ -66,63 +58,54 @@ export const RubricPrintStyles = () => {
           max-width: 25% !important;
         }
 
-        /* Remove box shadows and borders for cleaner print */
         .MuiPaper-root {
           box-shadow: none !important;
           border: 1px solid #ddd !important;
           border-radius: 0 !important;
         }
 
-        /* Ensure proper page breaks for sections */
         .rubric-section {
           page-break-inside: avoid;
           break-inside: avoid;
         }
 
-        /* Optimize table cells for print - balanced size */
         .MuiTableCell-root {
           border: 1px solid #ddd !important;
-          padding: 6px 8px !important;
-          font-size: 11px !important;
-          line-height: 1.4 !important;
+          padding: 3px 4px !important;
+          font-size: 8px !important;
+          line-height: 1.2 !important;
           vertical-align: top !important;
           overflow: visible !important;
         }
 
-        /* Make header cells readable */
         .MuiTableHead-root .MuiTableCell-root {
-          padding: 8px 10px !important;
-          font-size: 12px !important;
+          padding: 4px 6px !important;
+          font-size: 9px !important;
           font-weight: 600 !important;
         }
 
-        /* Section headers */
         .MuiTableCell-root h6,
         .MuiTableCell-root .MuiTypography-h6 {
-          font-size: 12px !important;
-          margin: 2px 0 !important;
+          font-size: 9px !important;
+          margin: 1px 0 !important;
           font-weight: 600 !important;
         }
 
-        /* Body text */
         .MuiTableCell-root .MuiTypography-body2,
         .MuiTableCell-root .MuiTypography-body1 {
-          font-size: 10px !important;
-          line-height: 1.4 !important;
-          margin: 1px 0 !important;
+          font-size: 7px !important;
+          line-height: 1.2 !important;
+          margin: 0 !important;
         }
 
-        /* Hide any floating elements */
         .MuiFab-root {
           display: none !important;
         }
 
-        /* Remove sticky positioning for print */
         .MuiTableHead-root {
           position: static !important;
         }
 
-        /* Optimize typography for print */
         body {
           -webkit-print-color-adjust: exact !important;
           color-adjust: exact !important;
@@ -130,56 +113,49 @@ export const RubricPrintStyles = () => {
           line-height: 1.4 !important;
         }
 
-        /* Balanced margins for readability */
         @page {
-          margin: 0.4in;
+          margin: 0.25in;
           size: A4;
         }
 
-        /* Hide most interactive elements but keep rubric selection buttons */
         .MuiButton-root {
           display: none !important;
         }
 
-        /* Show text fields but make them non-interactive and display their values */
         .MuiTextField-root {
           pointer-events: none !important;
           width: 100% !important;
           margin: 0 !important;
         }
 
-        /* Style text field inputs for print - maintain table layout */
         .MuiTextField-root .MuiInputBase-root {
           border: 1px solid #ddd !important;
           background: transparent !important;
-          font-size: 10px !important;
+          font-size: 7px !important;
           width: 100% !important;
-          min-height: auto !important;
+          min-height: 20px !important;
         }
 
-        /* Show the actual input text */
         .MuiTextField-root input,
         .MuiTextField-root textarea {
           color: #000 !important;
-          font-size: 10px !important;
-          padding: 4px !important;
+          font-size: 7px !important;
+          padding: 2px !important;
           width: 100% !important;
           box-sizing: border-box !important;
+          min-height: 18px !important;
         }
 
-        /* Keep IconButtons visible but make them non-interactive for rubric selections */
         .MuiIconButton-root {
           pointer-events: none !important;
-          padding: 4px !important;
+          padding: 2px !important;
         }
 
-        /* Ensure all icons in rubric are visible */
         .MuiSvgIcon-root {
           color: #000 !important;
-          font-size: 18px !important;
+          font-size: 14px !important;
         }
 
-        /* Make sure checked icons are clearly visible */
         .MuiIconButton-root .MuiSvgIcon-root {
           color: #000 !important;
         }

From 17904b2135f04827f0b79387c55348562f33486f Mon Sep 17 00:00:00 2001
From: CoolGame8 <kuli.kaduri@gmail.com>
Date: Mon, 1 Dec 2025 15:57:11 +0200
Subject: [PATCH 07/14] cleanerrrr

---
 .../components/rubric-print-styles.tsx        | 105 +++---------------
 1 file changed, 18 insertions(+), 87 deletions(-)

diff --git a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
index 7cab97980..07150f90c 100644
--- a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
+++ b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
@@ -4,32 +4,29 @@ export const RubricPrintStyles = () => {
   return (
     <style jsx global>{`
       @media print {
-        .MuiAppBar-root {
-          display: none !important;
-        }
-
-        .rubric-header {
+        .MuiAppBar-root,
+        .rubric-header,
+        .judging-timer,
+        .MuiFab-root,
+        .MuiButton-root {
           display: none !important;
         }
 
-        .judging-timer {
+        .MuiTableHead-root .MuiTableRow-root:first-child {
           display: none !important;
         }
 
-        .MuiTableHead-root .MuiTableRow-root:first-child {
-          display: none !important;
+        @page {
+          margin: 0.25in;
+          size: A4;
         }
 
-        .MuiContainer-root {
+        .MuiContainer-root,
+        .rubric-content {
           padding: 0 !important;
           margin: 0 !important;
           max-width: none !important;
-        }
-
-        .rubric-content {
           width: 100% !important;
-          margin: 0 !important;
-          padding: 0 !important;
         }
 
         .MuiTable-root {
@@ -38,111 +35,44 @@ export const RubricPrintStyles = () => {
           table-layout: fixed !important;
         }
 
-        .MuiTable-root .MuiTableCell-root:first-child {
+        .MuiTable-root .MuiTableCell-root {
           width: 25% !important;
-          max-width: 25% !important;
-        }
-
-        .MuiTable-root .MuiTableCell-root:nth-child(2) {
-          width: 25% !important;
-          max-width: 25% !important;
-        }
-
-        .MuiTable-root .MuiTableCell-root:nth-child(3) {
-          width: 25% !important;
-          max-width: 25% !important;
-        }
-
-        .MuiTable-root .MuiTableCell-root:nth-child(4) {
-          width: 25% !important;
-          max-width: 25% !important;
-        }
-
-        .MuiPaper-root {
-          box-shadow: none !important;
-          border: 1px solid #ddd !important;
-          border-radius: 0 !important;
-        }
-
-        .rubric-section {
-          page-break-inside: avoid;
-          break-inside: avoid;
-        }
-
-        .MuiTableCell-root {
           border: 1px solid #ddd !important;
           padding: 3px 4px !important;
           font-size: 8px !important;
           line-height: 1.2 !important;
           vertical-align: top !important;
-          overflow: visible !important;
         }
 
         .MuiTableHead-root .MuiTableCell-root {
           padding: 4px 6px !important;
           font-size: 9px !important;
           font-weight: 600 !important;
+          position: static !important;
         }
 
-        .MuiTableCell-root h6,
         .MuiTableCell-root .MuiTypography-h6 {
           font-size: 9px !important;
           margin: 1px 0 !important;
           font-weight: 600 !important;
         }
 
-        .MuiTableCell-root .MuiTypography-body2,
-        .MuiTableCell-root .MuiTypography-body1 {
+        .MuiTableCell-root .MuiTypography-body1,
+        .MuiTableCell-root .MuiTypography-body2 {
           font-size: 7px !important;
           line-height: 1.2 !important;
           margin: 0 !important;
         }
 
-        .MuiFab-root {
-          display: none !important;
-        }
-
-        .MuiTableHead-root {
-          position: static !important;
-        }
-
-        body {
-          -webkit-print-color-adjust: exact !important;
-          color-adjust: exact !important;
-          font-size: 11px !important;
-          line-height: 1.4 !important;
-        }
-
-        @page {
-          margin: 0.25in;
-          size: A4;
-        }
-
-        .MuiButton-root {
-          display: none !important;
-        }
-
         .MuiTextField-root {
           pointer-events: none !important;
-          width: 100% !important;
           margin: 0 !important;
         }
 
-        .MuiTextField-root .MuiInputBase-root {
-          border: 1px solid #ddd !important;
-          background: transparent !important;
-          font-size: 7px !important;
-          width: 100% !important;
-          min-height: 20px !important;
-        }
-
         .MuiTextField-root input,
         .MuiTextField-root textarea {
-          color: #000 !important;
           font-size: 7px !important;
           padding: 2px !important;
-          width: 100% !important;
-          box-sizing: border-box !important;
           min-height: 18px !important;
         }
 
@@ -156,8 +86,9 @@ export const RubricPrintStyles = () => {
           font-size: 14px !important;
         }
 
-        .MuiIconButton-root .MuiSvgIcon-root {
-          color: #000 !important;
+        .MuiPaper-root {
+          box-shadow: none !important;
+          border-radius: 0 !important;
         }
       }
     `}</style>

From 2e09c0a010970e6f6f1162c390438ecf99b1fb52 Mon Sep 17 00:00:00 2001
From: CoolGame8 <kuli.kaduri@gmail.com>
Date: Mon, 1 Dec 2025 16:14:55 +0200
Subject: [PATCH 08/14] scorer as well v1

---
 apps/portal/locale/en.json                    |  4 +-
 apps/portal/locale/he.json                    |  6 +-
 .../scorer/components/print-score-summary.tsx | 58 ++++++++++++++
 .../tools/scorer/components/score-floater.tsx |  6 +-
 .../scorer/components/scorer-print-styles.tsx | 77 +++++++++++++++++++
 .../src/app/[locale]/tools/scorer/page.tsx    | 42 +++++-----
 6 files changed, 171 insertions(+), 22 deletions(-)
 create mode 100644 apps/portal/src/app/[locale]/tools/scorer/components/print-score-summary.tsx
 create mode 100644 apps/portal/src/app/[locale]/tools/scorer/components/scorer-print-styles.tsx

diff --git a/apps/portal/locale/en.json b/apps/portal/locale/en.json
index 3844c27d4..c78292e31 100644
--- a/apps/portal/locale/en.json
+++ b/apps/portal/locale/en.json
@@ -238,7 +238,9 @@
         "title": "Robot Game Scorer",
         "no-equipment-constraint-title": "No Equipment Constraint:",
         "no-equipment-constraint": "When this symbol appears in the top-right corner of a mission, the following constraint is applied: “No equipment may be touching any part of this mission model at the end of the match to score for this mission.”",
-        "score": "{points} pts"
+        "score": "{points} pts",
+        "final-score": "Final Score",
+        "points": "Points"
       },
       "rubrics": {
         "title": "Rubrics",
diff --git a/apps/portal/locale/he.json b/apps/portal/locale/he.json
index 7f33c78b3..841fb547c 100644
--- a/apps/portal/locale/he.json
+++ b/apps/portal/locale/he.json
@@ -236,9 +236,11 @@
     "tools": {
       "scorer": {
         "title": "מחשבון ניקוד",
-        "no-equipment-constraint-title": "מגבלת ”ללא מגע ציוד של הקבוצה“:",
+        "no-equipment-constraint-title": "מגבלת \"ללא מגע ציוד של הקבוצה\":",
         "no-equipment-constraint": "כאשר סמל זה מופיע בפינה השמאלית העליונה של משימה, החוק הבא חל: דגם משימה אינו יכול לקבל נקודות אם הוא נוגע בציוד בסיום המקצה.",
-        "score": "{points} נק'"
+        "score": "{points} נק'",
+        "final-score": "ניקוד סופי",
+        "points": "נקודות"
       },
       "rubrics": {
         "title": "מחווני שיפוט",
diff --git a/apps/portal/src/app/[locale]/tools/scorer/components/print-score-summary.tsx b/apps/portal/src/app/[locale]/tools/scorer/components/print-score-summary.tsx
new file mode 100644
index 000000000..bd6b72556
--- /dev/null
+++ b/apps/portal/src/app/[locale]/tools/scorer/components/print-score-summary.tsx
@@ -0,0 +1,58 @@
+'use client';
+
+import { useContext } from 'react';
+import { Box, Typography, Paper } from '@mui/material';
+import { useTranslations } from 'next-intl';
+import { MissionContext } from './mission-context';
+
+export const PrintScoreSummary = () => {
+  const t = useTranslations('pages.tools.scorer');
+  const { points } = useContext(MissionContext);
+
+  if (!points) return null;
+
+  return (
+    <Box
+      sx={{
+        display: 'none',
+        '@media print': {
+          display: 'block',
+          marginTop: 4,
+          pageBreakBefore: 'avoid'
+        }
+      }}
+    >
+      <Paper
+        elevation={0}
+        sx={{
+          padding: 3,
+          border: '3px solid #1976d2',
+          borderRadius: 2,
+          backgroundColor: '#f8f9fa',
+          textAlign: 'center',
+          '@media print': {
+            border: '3px solid #1976d2 !important',
+            backgroundColor: '#f8f9fa !important',
+            WebkitPrintColorAdjust: 'exact',
+            printColorAdjust: 'exact'
+          }
+        }}
+      >
+        <Typography
+          variant="h4"
+          sx={{
+            fontWeight: 700,
+            color: '#1976d2',
+            fontSize: '24px',
+            '@media print': {
+              color: '#1976d2 !important',
+              fontSize: '24px !important'
+            }
+          }}
+        >
+          {t('final-score')}: {points} {t('points')}
+        </Typography>
+      </Paper>
+    </Box>
+  );
+};
diff --git a/apps/portal/src/app/[locale]/tools/scorer/components/score-floater.tsx b/apps/portal/src/app/[locale]/tools/scorer/components/score-floater.tsx
index dbd4a0bda..08f5ec3fe 100644
--- a/apps/portal/src/app/[locale]/tools/scorer/components/score-floater.tsx
+++ b/apps/portal/src/app/[locale]/tools/scorer/components/score-floater.tsx
@@ -18,6 +18,7 @@ export const ScoreFloater = () => {
         alignItems="center"
         justifyContent="center"
         spacing={3}
+        className="score-floater"
         sx={{
           p: 4,
           position: 'fixed',
@@ -29,7 +30,10 @@ export const ScoreFloater = () => {
           zIndex: 1,
           bgcolor: 'primary.main',
           borderRadius: 4,
-          height: 50
+          height: 50,
+          '@media print': {
+            display: 'none !important'
+          }
         }}
       >
         <Typography sx={{ color: '#FFF' }} fontWeight={500} fontSize="1.25rem">
diff --git a/apps/portal/src/app/[locale]/tools/scorer/components/scorer-print-styles.tsx b/apps/portal/src/app/[locale]/tools/scorer/components/scorer-print-styles.tsx
new file mode 100644
index 000000000..cb5a71b0a
--- /dev/null
+++ b/apps/portal/src/app/[locale]/tools/scorer/components/scorer-print-styles.tsx
@@ -0,0 +1,77 @@
+'use client';
+
+export const ScorerPrintStyles = () => {
+  return (
+    <style jsx global>{`
+      @media print {
+        /* Hide app bar */
+        .MuiAppBar-root {
+          display: none !important;
+        }
+
+        /* Hide timer FAB */
+        .MuiFab-root {
+          display: none !important;
+        }
+
+        /* Hide score floater specifically by class */
+        .score-floater,
+        .score-floater *,
+        [class*='score-floater'] {
+          display: none !important;
+          visibility: hidden !important;
+          opacity: 0 !important;
+        }
+
+        /* Hide ALL Slide components (score floater uses Slide) */
+        .MuiSlide-root,
+        .MuiSlide-enter,
+        .MuiSlide-enter-active,
+        .MuiSlide-enter-done {
+          display: none !important;
+          visibility: hidden !important;
+          opacity: 0 !important;
+        }
+
+        /* Hide any fixed positioned elements */
+        *[style*='position: fixed'],
+        *[style*='position:fixed'] {
+          display: none !important;
+        }
+
+        /* Hide score floater Stack specifically */
+        .MuiStack-root[style*='position: fixed'],
+        .MuiStack-root[style*='position:fixed'],
+        .MuiPaper-root[style*='position: fixed'],
+        .MuiPaper-root[style*='position:fixed'] {
+          display: none !important;
+        }
+
+        /* Hide elements with z-index (all floating elements) */
+        *[style*='z-index'],
+        *[style*='zIndex'] {
+          display: none !important;
+        }
+
+        /* Nuclear option - hide anything with bottom positioning */
+        *[style*='bottom: 10'],
+        *[style*='bottom:10'],
+        *[style*='bottom: 16'],
+        *[style*='bottom:16'] {
+          display: none !important;
+        }
+
+        /* Ensure proper page margins */
+        @page {
+          margin: 0.5in;
+        }
+
+        /* Prevent page breaks in missions */
+        .MuiPaper-root {
+          page-break-inside: avoid;
+          break-inside: avoid;
+        }
+      }
+    `}</style>
+  );
+};
diff --git a/apps/portal/src/app/[locale]/tools/scorer/page.tsx b/apps/portal/src/app/[locale]/tools/scorer/page.tsx
index b6f1e2694..f4cb7f135 100644
--- a/apps/portal/src/app/[locale]/tools/scorer/page.tsx
+++ b/apps/portal/src/app/[locale]/tools/scorer/page.tsx
@@ -6,30 +6,36 @@ import { MissionProvider } from './components/mission-context';
 import { ScoreFloater } from './components/score-floater';
 import { FieldTimer } from './components/field-timer';
 import { ScoresheetForm } from './components/scoresheet-form';
+import { ScorerPrintStyles } from './components/scorer-print-styles';
+import { PrintScoreSummary } from './components/print-score-summary';
 
 export default async function ScorerPage() {
   const t = await getTranslations('pages.tools.scorer');
 
   return (
-    <MissionProvider>
-      <Container maxWidth="md" sx={{ mt: 2 }}>
-        <Box maxWidth="95%" mb={8}>
-          <Typography variant="h2" gutterBottom sx={{ my: 2 }}>
-            {t('title')}
-          </Typography>
-          <Stack direction="row" spacing={2} alignItems="center" justifyContent="center">
-            <Image src={NoEquipmentImage} width={50} height={50} alt="איסור ציוד" />
-            <Stack>
-              <Typography fontWeight={500}>{t('no-equipment-constraint-title')}</Typography>
-              <Typography>{t('no-equipment-constraint')}</Typography>
+    <>
+      <ScorerPrintStyles />
+      <MissionProvider>
+        <Container maxWidth="md" sx={{ mt: 2 }}>
+          <Box maxWidth="95%" mb={8}>
+            <Typography variant="h2" gutterBottom sx={{ my: 2 }}>
+              {t('title')}
+            </Typography>
+            <Stack direction="row" spacing={2} alignItems="center" justifyContent="center">
+              <Image src={NoEquipmentImage} width={50} height={50} alt="איסור ציוד" />
+              <Stack>
+                <Typography fontWeight={500}>{t('no-equipment-constraint-title')}</Typography>
+                <Typography>{t('no-equipment-constraint')}</Typography>
+              </Stack>
             </Stack>
-          </Stack>
 
-          <ScoresheetForm />
-        </Box>
-      </Container>
-      <ScoreFloater />
-      <FieldTimer />
-    </MissionProvider>
+            <ScoresheetForm />
+            <PrintScoreSummary />
+          </Box>
+        </Container>
+        <ScoreFloater />
+        <FieldTimer />
+      </MissionProvider>
+    </>
   );
 }

From e39be82d4e2fe40f7cac42d54ee0917ebba15545 Mon Sep 17 00:00:00 2001
From: CoolGame8 <kuli.kaduri@gmail.com>
Date: Mon, 1 Dec 2025 17:15:25 +0200
Subject: [PATCH 09/14] Revert "scorer as well v1"

This reverts commit 2e09c0a010970e6f6f1162c390438ecf99b1fb52.
---
 apps/portal/locale/en.json                    |  4 +-
 apps/portal/locale/he.json                    |  6 +-
 .../scorer/components/print-score-summary.tsx | 58 --------------
 .../tools/scorer/components/score-floater.tsx |  6 +-
 .../scorer/components/scorer-print-styles.tsx | 77 -------------------
 .../src/app/[locale]/tools/scorer/page.tsx    | 42 +++++-----
 6 files changed, 22 insertions(+), 171 deletions(-)
 delete mode 100644 apps/portal/src/app/[locale]/tools/scorer/components/print-score-summary.tsx
 delete mode 100644 apps/portal/src/app/[locale]/tools/scorer/components/scorer-print-styles.tsx

diff --git a/apps/portal/locale/en.json b/apps/portal/locale/en.json
index c78292e31..3844c27d4 100644
--- a/apps/portal/locale/en.json
+++ b/apps/portal/locale/en.json
@@ -238,9 +238,7 @@
         "title": "Robot Game Scorer",
         "no-equipment-constraint-title": "No Equipment Constraint:",
         "no-equipment-constraint": "When this symbol appears in the top-right corner of a mission, the following constraint is applied: “No equipment may be touching any part of this mission model at the end of the match to score for this mission.”",
-        "score": "{points} pts",
-        "final-score": "Final Score",
-        "points": "Points"
+        "score": "{points} pts"
       },
       "rubrics": {
         "title": "Rubrics",
diff --git a/apps/portal/locale/he.json b/apps/portal/locale/he.json
index 841fb547c..7f33c78b3 100644
--- a/apps/portal/locale/he.json
+++ b/apps/portal/locale/he.json
@@ -236,11 +236,9 @@
     "tools": {
       "scorer": {
         "title": "מחשבון ניקוד",
-        "no-equipment-constraint-title": "מגבלת \"ללא מגע ציוד של הקבוצה\":",
+        "no-equipment-constraint-title": "מגבלת ”ללא מגע ציוד של הקבוצה“:",
         "no-equipment-constraint": "כאשר סמל זה מופיע בפינה השמאלית העליונה של משימה, החוק הבא חל: דגם משימה אינו יכול לקבל נקודות אם הוא נוגע בציוד בסיום המקצה.",
-        "score": "{points} נק'",
-        "final-score": "ניקוד סופי",
-        "points": "נקודות"
+        "score": "{points} נק'"
       },
       "rubrics": {
         "title": "מחווני שיפוט",
diff --git a/apps/portal/src/app/[locale]/tools/scorer/components/print-score-summary.tsx b/apps/portal/src/app/[locale]/tools/scorer/components/print-score-summary.tsx
deleted file mode 100644
index bd6b72556..000000000
--- a/apps/portal/src/app/[locale]/tools/scorer/components/print-score-summary.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-'use client';
-
-import { useContext } from 'react';
-import { Box, Typography, Paper } from '@mui/material';
-import { useTranslations } from 'next-intl';
-import { MissionContext } from './mission-context';
-
-export const PrintScoreSummary = () => {
-  const t = useTranslations('pages.tools.scorer');
-  const { points } = useContext(MissionContext);
-
-  if (!points) return null;
-
-  return (
-    <Box
-      sx={{
-        display: 'none',
-        '@media print': {
-          display: 'block',
-          marginTop: 4,
-          pageBreakBefore: 'avoid'
-        }
-      }}
-    >
-      <Paper
-        elevation={0}
-        sx={{
-          padding: 3,
-          border: '3px solid #1976d2',
-          borderRadius: 2,
-          backgroundColor: '#f8f9fa',
-          textAlign: 'center',
-          '@media print': {
-            border: '3px solid #1976d2 !important',
-            backgroundColor: '#f8f9fa !important',
-            WebkitPrintColorAdjust: 'exact',
-            printColorAdjust: 'exact'
-          }
-        }}
-      >
-        <Typography
-          variant="h4"
-          sx={{
-            fontWeight: 700,
-            color: '#1976d2',
-            fontSize: '24px',
-            '@media print': {
-              color: '#1976d2 !important',
-              fontSize: '24px !important'
-            }
-          }}
-        >
-          {t('final-score')}: {points} {t('points')}
-        </Typography>
-      </Paper>
-    </Box>
-  );
-};
diff --git a/apps/portal/src/app/[locale]/tools/scorer/components/score-floater.tsx b/apps/portal/src/app/[locale]/tools/scorer/components/score-floater.tsx
index 08f5ec3fe..dbd4a0bda 100644
--- a/apps/portal/src/app/[locale]/tools/scorer/components/score-floater.tsx
+++ b/apps/portal/src/app/[locale]/tools/scorer/components/score-floater.tsx
@@ -18,7 +18,6 @@ export const ScoreFloater = () => {
         alignItems="center"
         justifyContent="center"
         spacing={3}
-        className="score-floater"
         sx={{
           p: 4,
           position: 'fixed',
@@ -30,10 +29,7 @@ export const ScoreFloater = () => {
           zIndex: 1,
           bgcolor: 'primary.main',
           borderRadius: 4,
-          height: 50,
-          '@media print': {
-            display: 'none !important'
-          }
+          height: 50
         }}
       >
         <Typography sx={{ color: '#FFF' }} fontWeight={500} fontSize="1.25rem">
diff --git a/apps/portal/src/app/[locale]/tools/scorer/components/scorer-print-styles.tsx b/apps/portal/src/app/[locale]/tools/scorer/components/scorer-print-styles.tsx
deleted file mode 100644
index cb5a71b0a..000000000
--- a/apps/portal/src/app/[locale]/tools/scorer/components/scorer-print-styles.tsx
+++ /dev/null
@@ -1,77 +0,0 @@
-'use client';
-
-export const ScorerPrintStyles = () => {
-  return (
-    <style jsx global>{`
-      @media print {
-        /* Hide app bar */
-        .MuiAppBar-root {
-          display: none !important;
-        }
-
-        /* Hide timer FAB */
-        .MuiFab-root {
-          display: none !important;
-        }
-
-        /* Hide score floater specifically by class */
-        .score-floater,
-        .score-floater *,
-        [class*='score-floater'] {
-          display: none !important;
-          visibility: hidden !important;
-          opacity: 0 !important;
-        }
-
-        /* Hide ALL Slide components (score floater uses Slide) */
-        .MuiSlide-root,
-        .MuiSlide-enter,
-        .MuiSlide-enter-active,
-        .MuiSlide-enter-done {
-          display: none !important;
-          visibility: hidden !important;
-          opacity: 0 !important;
-        }
-
-        /* Hide any fixed positioned elements */
-        *[style*='position: fixed'],
-        *[style*='position:fixed'] {
-          display: none !important;
-        }
-
-        /* Hide score floater Stack specifically */
-        .MuiStack-root[style*='position: fixed'],
-        .MuiStack-root[style*='position:fixed'],
-        .MuiPaper-root[style*='position: fixed'],
-        .MuiPaper-root[style*='position:fixed'] {
-          display: none !important;
-        }
-
-        /* Hide elements with z-index (all floating elements) */
-        *[style*='z-index'],
-        *[style*='zIndex'] {
-          display: none !important;
-        }
-
-        /* Nuclear option - hide anything with bottom positioning */
-        *[style*='bottom: 10'],
-        *[style*='bottom:10'],
-        *[style*='bottom: 16'],
-        *[style*='bottom:16'] {
-          display: none !important;
-        }
-
-        /* Ensure proper page margins */
-        @page {
-          margin: 0.5in;
-        }
-
-        /* Prevent page breaks in missions */
-        .MuiPaper-root {
-          page-break-inside: avoid;
-          break-inside: avoid;
-        }
-      }
-    `}</style>
-  );
-};
diff --git a/apps/portal/src/app/[locale]/tools/scorer/page.tsx b/apps/portal/src/app/[locale]/tools/scorer/page.tsx
index f4cb7f135..b6f1e2694 100644
--- a/apps/portal/src/app/[locale]/tools/scorer/page.tsx
+++ b/apps/portal/src/app/[locale]/tools/scorer/page.tsx
@@ -6,36 +6,30 @@ import { MissionProvider } from './components/mission-context';
 import { ScoreFloater } from './components/score-floater';
 import { FieldTimer } from './components/field-timer';
 import { ScoresheetForm } from './components/scoresheet-form';
-import { ScorerPrintStyles } from './components/scorer-print-styles';
-import { PrintScoreSummary } from './components/print-score-summary';
 
 export default async function ScorerPage() {
   const t = await getTranslations('pages.tools.scorer');
 
   return (
-    <>
-      <ScorerPrintStyles />
-      <MissionProvider>
-        <Container maxWidth="md" sx={{ mt: 2 }}>
-          <Box maxWidth="95%" mb={8}>
-            <Typography variant="h2" gutterBottom sx={{ my: 2 }}>
-              {t('title')}
-            </Typography>
-            <Stack direction="row" spacing={2} alignItems="center" justifyContent="center">
-              <Image src={NoEquipmentImage} width={50} height={50} alt="איסור ציוד" />
-              <Stack>
-                <Typography fontWeight={500}>{t('no-equipment-constraint-title')}</Typography>
-                <Typography>{t('no-equipment-constraint')}</Typography>
-              </Stack>
+    <MissionProvider>
+      <Container maxWidth="md" sx={{ mt: 2 }}>
+        <Box maxWidth="95%" mb={8}>
+          <Typography variant="h2" gutterBottom sx={{ my: 2 }}>
+            {t('title')}
+          </Typography>
+          <Stack direction="row" spacing={2} alignItems="center" justifyContent="center">
+            <Image src={NoEquipmentImage} width={50} height={50} alt="איסור ציוד" />
+            <Stack>
+              <Typography fontWeight={500}>{t('no-equipment-constraint-title')}</Typography>
+              <Typography>{t('no-equipment-constraint')}</Typography>
             </Stack>
+          </Stack>
 
-            <ScoresheetForm />
-            <PrintScoreSummary />
-          </Box>
-        </Container>
-        <ScoreFloater />
-        <FieldTimer />
-      </MissionProvider>
-    </>
+          <ScoresheetForm />
+        </Box>
+      </Container>
+      <ScoreFloater />
+      <FieldTimer />
+    </MissionProvider>
   );
 }

From e172e11e5c51c370840d0f3daf0e5cbdb4a54730 Mon Sep 17 00:00:00 2001
From: CoolGame8 <kuli.kaduri@gmail.com>
Date: Mon, 1 Dec 2025 17:24:54 +0200
Subject: [PATCH 10/14] Revert "cleanerrrr"

This reverts commit 17904b2135f04827f0b79387c55348562f33486f.
---
 .../components/rubric-print-styles.tsx        | 105 +++++++++++++++---
 1 file changed, 87 insertions(+), 18 deletions(-)

diff --git a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
index 07150f90c..7cab97980 100644
--- a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
+++ b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
@@ -4,29 +4,32 @@ export const RubricPrintStyles = () => {
   return (
     <style jsx global>{`
       @media print {
-        .MuiAppBar-root,
-        .rubric-header,
-        .judging-timer,
-        .MuiFab-root,
-        .MuiButton-root {
+        .MuiAppBar-root {
           display: none !important;
         }
 
-        .MuiTableHead-root .MuiTableRow-root:first-child {
+        .rubric-header {
           display: none !important;
         }
 
-        @page {
-          margin: 0.25in;
-          size: A4;
+        .judging-timer {
+          display: none !important;
         }
 
-        .MuiContainer-root,
-        .rubric-content {
+        .MuiTableHead-root .MuiTableRow-root:first-child {
+          display: none !important;
+        }
+
+        .MuiContainer-root {
           padding: 0 !important;
           margin: 0 !important;
           max-width: none !important;
+        }
+
+        .rubric-content {
           width: 100% !important;
+          margin: 0 !important;
+          padding: 0 !important;
         }
 
         .MuiTable-root {
@@ -35,44 +38,111 @@ export const RubricPrintStyles = () => {
           table-layout: fixed !important;
         }
 
-        .MuiTable-root .MuiTableCell-root {
+        .MuiTable-root .MuiTableCell-root:first-child {
           width: 25% !important;
+          max-width: 25% !important;
+        }
+
+        .MuiTable-root .MuiTableCell-root:nth-child(2) {
+          width: 25% !important;
+          max-width: 25% !important;
+        }
+
+        .MuiTable-root .MuiTableCell-root:nth-child(3) {
+          width: 25% !important;
+          max-width: 25% !important;
+        }
+
+        .MuiTable-root .MuiTableCell-root:nth-child(4) {
+          width: 25% !important;
+          max-width: 25% !important;
+        }
+
+        .MuiPaper-root {
+          box-shadow: none !important;
+          border: 1px solid #ddd !important;
+          border-radius: 0 !important;
+        }
+
+        .rubric-section {
+          page-break-inside: avoid;
+          break-inside: avoid;
+        }
+
+        .MuiTableCell-root {
           border: 1px solid #ddd !important;
           padding: 3px 4px !important;
           font-size: 8px !important;
           line-height: 1.2 !important;
           vertical-align: top !important;
+          overflow: visible !important;
         }
 
         .MuiTableHead-root .MuiTableCell-root {
           padding: 4px 6px !important;
           font-size: 9px !important;
           font-weight: 600 !important;
-          position: static !important;
         }
 
+        .MuiTableCell-root h6,
         .MuiTableCell-root .MuiTypography-h6 {
           font-size: 9px !important;
           margin: 1px 0 !important;
           font-weight: 600 !important;
         }
 
-        .MuiTableCell-root .MuiTypography-body1,
-        .MuiTableCell-root .MuiTypography-body2 {
+        .MuiTableCell-root .MuiTypography-body2,
+        .MuiTableCell-root .MuiTypography-body1 {
           font-size: 7px !important;
           line-height: 1.2 !important;
           margin: 0 !important;
         }
 
+        .MuiFab-root {
+          display: none !important;
+        }
+
+        .MuiTableHead-root {
+          position: static !important;
+        }
+
+        body {
+          -webkit-print-color-adjust: exact !important;
+          color-adjust: exact !important;
+          font-size: 11px !important;
+          line-height: 1.4 !important;
+        }
+
+        @page {
+          margin: 0.25in;
+          size: A4;
+        }
+
+        .MuiButton-root {
+          display: none !important;
+        }
+
         .MuiTextField-root {
           pointer-events: none !important;
+          width: 100% !important;
           margin: 0 !important;
         }
 
+        .MuiTextField-root .MuiInputBase-root {
+          border: 1px solid #ddd !important;
+          background: transparent !important;
+          font-size: 7px !important;
+          width: 100% !important;
+          min-height: 20px !important;
+        }
+
         .MuiTextField-root input,
         .MuiTextField-root textarea {
+          color: #000 !important;
           font-size: 7px !important;
           padding: 2px !important;
+          width: 100% !important;
+          box-sizing: border-box !important;
           min-height: 18px !important;
         }
 
@@ -86,9 +156,8 @@ export const RubricPrintStyles = () => {
           font-size: 14px !important;
         }
 
-        .MuiPaper-root {
-          box-shadow: none !important;
-          border-radius: 0 !important;
+        .MuiIconButton-root .MuiSvgIcon-root {
+          color: #000 !important;
         }
       }
     `}</style>

From 79e154e73d49b3960802ab860bf2407dfc4fefab Mon Sep 17 00:00:00 2001
From: CoolGame8 <kuli.kaduri@gmail.com>
Date: Mon, 1 Dec 2025 17:25:50 +0200
Subject: [PATCH 11/14] Revert "Revert "cleanerrrr""

This reverts commit e172e11e5c51c370840d0f3daf0e5cbdb4a54730.
---
 .../components/rubric-print-styles.tsx        | 105 +++---------------
 1 file changed, 18 insertions(+), 87 deletions(-)

diff --git a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
index 7cab97980..07150f90c 100644
--- a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
+++ b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
@@ -4,32 +4,29 @@ export const RubricPrintStyles = () => {
   return (
     <style jsx global>{`
       @media print {
-        .MuiAppBar-root {
-          display: none !important;
-        }
-
-        .rubric-header {
+        .MuiAppBar-root,
+        .rubric-header,
+        .judging-timer,
+        .MuiFab-root,
+        .MuiButton-root {
           display: none !important;
         }
 
-        .judging-timer {
+        .MuiTableHead-root .MuiTableRow-root:first-child {
           display: none !important;
         }
 
-        .MuiTableHead-root .MuiTableRow-root:first-child {
-          display: none !important;
+        @page {
+          margin: 0.25in;
+          size: A4;
         }
 
-        .MuiContainer-root {
+        .MuiContainer-root,
+        .rubric-content {
           padding: 0 !important;
           margin: 0 !important;
           max-width: none !important;
-        }
-
-        .rubric-content {
           width: 100% !important;
-          margin: 0 !important;
-          padding: 0 !important;
         }
 
         .MuiTable-root {
@@ -38,111 +35,44 @@ export const RubricPrintStyles = () => {
           table-layout: fixed !important;
         }
 
-        .MuiTable-root .MuiTableCell-root:first-child {
+        .MuiTable-root .MuiTableCell-root {
           width: 25% !important;
-          max-width: 25% !important;
-        }
-
-        .MuiTable-root .MuiTableCell-root:nth-child(2) {
-          width: 25% !important;
-          max-width: 25% !important;
-        }
-
-        .MuiTable-root .MuiTableCell-root:nth-child(3) {
-          width: 25% !important;
-          max-width: 25% !important;
-        }
-
-        .MuiTable-root .MuiTableCell-root:nth-child(4) {
-          width: 25% !important;
-          max-width: 25% !important;
-        }
-
-        .MuiPaper-root {
-          box-shadow: none !important;
-          border: 1px solid #ddd !important;
-          border-radius: 0 !important;
-        }
-
-        .rubric-section {
-          page-break-inside: avoid;
-          break-inside: avoid;
-        }
-
-        .MuiTableCell-root {
           border: 1px solid #ddd !important;
           padding: 3px 4px !important;
           font-size: 8px !important;
           line-height: 1.2 !important;
           vertical-align: top !important;
-          overflow: visible !important;
         }
 
         .MuiTableHead-root .MuiTableCell-root {
           padding: 4px 6px !important;
           font-size: 9px !important;
           font-weight: 600 !important;
+          position: static !important;
         }
 
-        .MuiTableCell-root h6,
         .MuiTableCell-root .MuiTypography-h6 {
           font-size: 9px !important;
           margin: 1px 0 !important;
           font-weight: 600 !important;
         }
 
-        .MuiTableCell-root .MuiTypography-body2,
-        .MuiTableCell-root .MuiTypography-body1 {
+        .MuiTableCell-root .MuiTypography-body1,
+        .MuiTableCell-root .MuiTypography-body2 {
           font-size: 7px !important;
           line-height: 1.2 !important;
           margin: 0 !important;
         }
 
-        .MuiFab-root {
-          display: none !important;
-        }
-
-        .MuiTableHead-root {
-          position: static !important;
-        }
-
-        body {
-          -webkit-print-color-adjust: exact !important;
-          color-adjust: exact !important;
-          font-size: 11px !important;
-          line-height: 1.4 !important;
-        }
-
-        @page {
-          margin: 0.25in;
-          size: A4;
-        }
-
-        .MuiButton-root {
-          display: none !important;
-        }
-
         .MuiTextField-root {
           pointer-events: none !important;
-          width: 100% !important;
           margin: 0 !important;
         }
 
-        .MuiTextField-root .MuiInputBase-root {
-          border: 1px solid #ddd !important;
-          background: transparent !important;
-          font-size: 7px !important;
-          width: 100% !important;
-          min-height: 20px !important;
-        }
-
         .MuiTextField-root input,
         .MuiTextField-root textarea {
-          color: #000 !important;
           font-size: 7px !important;
           padding: 2px !important;
-          width: 100% !important;
-          box-sizing: border-box !important;
           min-height: 18px !important;
         }
 
@@ -156,8 +86,9 @@ export const RubricPrintStyles = () => {
           font-size: 14px !important;
         }
 
-        .MuiIconButton-root .MuiSvgIcon-root {
-          color: #000 !important;
+        .MuiPaper-root {
+          box-shadow: none !important;
+          border-radius: 0 !important;
         }
       }
     `}</style>

From e5850b4cafd573417f47509432bc89ac633decfe Mon Sep 17 00:00:00 2001
From: CoolGame8 <kuli.kaduri@gmail.com>
Date: Mon, 1 Dec 2025 17:26:46 +0200
Subject: [PATCH 12/14] Revert "Revert "scorer as well v1""

This reverts commit e39be82d4e2fe40f7cac42d54ee0917ebba15545.
---
 apps/portal/locale/en.json                    |  4 +-
 apps/portal/locale/he.json                    |  6 +-
 .../scorer/components/print-score-summary.tsx | 58 ++++++++++++++
 .../tools/scorer/components/score-floater.tsx |  6 +-
 .../scorer/components/scorer-print-styles.tsx | 77 +++++++++++++++++++
 .../src/app/[locale]/tools/scorer/page.tsx    | 42 +++++-----
 6 files changed, 171 insertions(+), 22 deletions(-)
 create mode 100644 apps/portal/src/app/[locale]/tools/scorer/components/print-score-summary.tsx
 create mode 100644 apps/portal/src/app/[locale]/tools/scorer/components/scorer-print-styles.tsx

diff --git a/apps/portal/locale/en.json b/apps/portal/locale/en.json
index 3844c27d4..c78292e31 100644
--- a/apps/portal/locale/en.json
+++ b/apps/portal/locale/en.json
@@ -238,7 +238,9 @@
         "title": "Robot Game Scorer",
         "no-equipment-constraint-title": "No Equipment Constraint:",
         "no-equipment-constraint": "When this symbol appears in the top-right corner of a mission, the following constraint is applied: “No equipment may be touching any part of this mission model at the end of the match to score for this mission.”",
-        "score": "{points} pts"
+        "score": "{points} pts",
+        "final-score": "Final Score",
+        "points": "Points"
       },
       "rubrics": {
         "title": "Rubrics",
diff --git a/apps/portal/locale/he.json b/apps/portal/locale/he.json
index 7f33c78b3..841fb547c 100644
--- a/apps/portal/locale/he.json
+++ b/apps/portal/locale/he.json
@@ -236,9 +236,11 @@
     "tools": {
       "scorer": {
         "title": "מחשבון ניקוד",
-        "no-equipment-constraint-title": "מגבלת ”ללא מגע ציוד של הקבוצה“:",
+        "no-equipment-constraint-title": "מגבלת \"ללא מגע ציוד של הקבוצה\":",
         "no-equipment-constraint": "כאשר סמל זה מופיע בפינה השמאלית העליונה של משימה, החוק הבא חל: דגם משימה אינו יכול לקבל נקודות אם הוא נוגע בציוד בסיום המקצה.",
-        "score": "{points} נק'"
+        "score": "{points} נק'",
+        "final-score": "ניקוד סופי",
+        "points": "נקודות"
       },
       "rubrics": {
         "title": "מחווני שיפוט",
diff --git a/apps/portal/src/app/[locale]/tools/scorer/components/print-score-summary.tsx b/apps/portal/src/app/[locale]/tools/scorer/components/print-score-summary.tsx
new file mode 100644
index 000000000..bd6b72556
--- /dev/null
+++ b/apps/portal/src/app/[locale]/tools/scorer/components/print-score-summary.tsx
@@ -0,0 +1,58 @@
+'use client';
+
+import { useContext } from 'react';
+import { Box, Typography, Paper } from '@mui/material';
+import { useTranslations } from 'next-intl';
+import { MissionContext } from './mission-context';
+
+export const PrintScoreSummary = () => {
+  const t = useTranslations('pages.tools.scorer');
+  const { points } = useContext(MissionContext);
+
+  if (!points) return null;
+
+  return (
+    <Box
+      sx={{
+        display: 'none',
+        '@media print': {
+          display: 'block',
+          marginTop: 4,
+          pageBreakBefore: 'avoid'
+        }
+      }}
+    >
+      <Paper
+        elevation={0}
+        sx={{
+          padding: 3,
+          border: '3px solid #1976d2',
+          borderRadius: 2,
+          backgroundColor: '#f8f9fa',
+          textAlign: 'center',
+          '@media print': {
+            border: '3px solid #1976d2 !important',
+            backgroundColor: '#f8f9fa !important',
+            WebkitPrintColorAdjust: 'exact',
+            printColorAdjust: 'exact'
+          }
+        }}
+      >
+        <Typography
+          variant="h4"
+          sx={{
+            fontWeight: 700,
+            color: '#1976d2',
+            fontSize: '24px',
+            '@media print': {
+              color: '#1976d2 !important',
+              fontSize: '24px !important'
+            }
+          }}
+        >
+          {t('final-score')}: {points} {t('points')}
+        </Typography>
+      </Paper>
+    </Box>
+  );
+};
diff --git a/apps/portal/src/app/[locale]/tools/scorer/components/score-floater.tsx b/apps/portal/src/app/[locale]/tools/scorer/components/score-floater.tsx
index dbd4a0bda..08f5ec3fe 100644
--- a/apps/portal/src/app/[locale]/tools/scorer/components/score-floater.tsx
+++ b/apps/portal/src/app/[locale]/tools/scorer/components/score-floater.tsx
@@ -18,6 +18,7 @@ export const ScoreFloater = () => {
         alignItems="center"
         justifyContent="center"
         spacing={3}
+        className="score-floater"
         sx={{
           p: 4,
           position: 'fixed',
@@ -29,7 +30,10 @@ export const ScoreFloater = () => {
           zIndex: 1,
           bgcolor: 'primary.main',
           borderRadius: 4,
-          height: 50
+          height: 50,
+          '@media print': {
+            display: 'none !important'
+          }
         }}
       >
         <Typography sx={{ color: '#FFF' }} fontWeight={500} fontSize="1.25rem">
diff --git a/apps/portal/src/app/[locale]/tools/scorer/components/scorer-print-styles.tsx b/apps/portal/src/app/[locale]/tools/scorer/components/scorer-print-styles.tsx
new file mode 100644
index 000000000..cb5a71b0a
--- /dev/null
+++ b/apps/portal/src/app/[locale]/tools/scorer/components/scorer-print-styles.tsx
@@ -0,0 +1,77 @@
+'use client';
+
+export const ScorerPrintStyles = () => {
+  return (
+    <style jsx global>{`
+      @media print {
+        /* Hide app bar */
+        .MuiAppBar-root {
+          display: none !important;
+        }
+
+        /* Hide timer FAB */
+        .MuiFab-root {
+          display: none !important;
+        }
+
+        /* Hide score floater specifically by class */
+        .score-floater,
+        .score-floater *,
+        [class*='score-floater'] {
+          display: none !important;
+          visibility: hidden !important;
+          opacity: 0 !important;
+        }
+
+        /* Hide ALL Slide components (score floater uses Slide) */
+        .MuiSlide-root,
+        .MuiSlide-enter,
+        .MuiSlide-enter-active,
+        .MuiSlide-enter-done {
+          display: none !important;
+          visibility: hidden !important;
+          opacity: 0 !important;
+        }
+
+        /* Hide any fixed positioned elements */
+        *[style*='position: fixed'],
+        *[style*='position:fixed'] {
+          display: none !important;
+        }
+
+        /* Hide score floater Stack specifically */
+        .MuiStack-root[style*='position: fixed'],
+        .MuiStack-root[style*='position:fixed'],
+        .MuiPaper-root[style*='position: fixed'],
+        .MuiPaper-root[style*='position:fixed'] {
+          display: none !important;
+        }
+
+        /* Hide elements with z-index (all floating elements) */
+        *[style*='z-index'],
+        *[style*='zIndex'] {
+          display: none !important;
+        }
+
+        /* Nuclear option - hide anything with bottom positioning */
+        *[style*='bottom: 10'],
+        *[style*='bottom:10'],
+        *[style*='bottom: 16'],
+        *[style*='bottom:16'] {
+          display: none !important;
+        }
+
+        /* Ensure proper page margins */
+        @page {
+          margin: 0.5in;
+        }
+
+        /* Prevent page breaks in missions */
+        .MuiPaper-root {
+          page-break-inside: avoid;
+          break-inside: avoid;
+        }
+      }
+    `}</style>
+  );
+};
diff --git a/apps/portal/src/app/[locale]/tools/scorer/page.tsx b/apps/portal/src/app/[locale]/tools/scorer/page.tsx
index b6f1e2694..f4cb7f135 100644
--- a/apps/portal/src/app/[locale]/tools/scorer/page.tsx
+++ b/apps/portal/src/app/[locale]/tools/scorer/page.tsx
@@ -6,30 +6,36 @@ import { MissionProvider } from './components/mission-context';
 import { ScoreFloater } from './components/score-floater';
 import { FieldTimer } from './components/field-timer';
 import { ScoresheetForm } from './components/scoresheet-form';
+import { ScorerPrintStyles } from './components/scorer-print-styles';
+import { PrintScoreSummary } from './components/print-score-summary';
 
 export default async function ScorerPage() {
   const t = await getTranslations('pages.tools.scorer');
 
   return (
-    <MissionProvider>
-      <Container maxWidth="md" sx={{ mt: 2 }}>
-        <Box maxWidth="95%" mb={8}>
-          <Typography variant="h2" gutterBottom sx={{ my: 2 }}>
-            {t('title')}
-          </Typography>
-          <Stack direction="row" spacing={2} alignItems="center" justifyContent="center">
-            <Image src={NoEquipmentImage} width={50} height={50} alt="איסור ציוד" />
-            <Stack>
-              <Typography fontWeight={500}>{t('no-equipment-constraint-title')}</Typography>
-              <Typography>{t('no-equipment-constraint')}</Typography>
+    <>
+      <ScorerPrintStyles />
+      <MissionProvider>
+        <Container maxWidth="md" sx={{ mt: 2 }}>
+          <Box maxWidth="95%" mb={8}>
+            <Typography variant="h2" gutterBottom sx={{ my: 2 }}>
+              {t('title')}
+            </Typography>
+            <Stack direction="row" spacing={2} alignItems="center" justifyContent="center">
+              <Image src={NoEquipmentImage} width={50} height={50} alt="איסור ציוד" />
+              <Stack>
+                <Typography fontWeight={500}>{t('no-equipment-constraint-title')}</Typography>
+                <Typography>{t('no-equipment-constraint')}</Typography>
+              </Stack>
             </Stack>
-          </Stack>
 
-          <ScoresheetForm />
-        </Box>
-      </Container>
-      <ScoreFloater />
-      <FieldTimer />
-    </MissionProvider>
+            <ScoresheetForm />
+            <PrintScoreSummary />
+          </Box>
+        </Container>
+        <ScoreFloater />
+        <FieldTimer />
+      </MissionProvider>
+    </>
   );
 }

From 2881a549d36c38fa2bb6d392f46baf23a9c12caa Mon Sep 17 00:00:00 2001
From: CoolGame8 <kuli.kaduri@gmail.com>
Date: Mon, 1 Dec 2025 17:48:57 +0200
Subject: [PATCH 13/14] rubrics 2 small. need to make bigger

---
 .../components/rubric-print-styles.tsx        | 44 +++++++++----------
 1 file changed, 22 insertions(+), 22 deletions(-)

diff --git a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
index 07150f90c..da1f1f172 100644
--- a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
+++ b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
@@ -17,7 +17,7 @@ export const RubricPrintStyles = () => {
         }
 
         @page {
-          margin: 0.25in;
+          margin: 0.5in;
           size: A4;
         }
 
@@ -28,52 +28,52 @@ export const RubricPrintStyles = () => {
           max-width: none !important;
           width: 100% !important;
         }
-
         .MuiTable-root {
-          width: 90% !important;
-          margin: 0 auto !important;
-          table-layout: fixed !important;
+          position: absolute !important;
+          left: 55% !important;
+          width: 43% !important;
+          right: 2% !important;
         }
 
         .MuiTable-root .MuiTableCell-root {
-          width: 25% !important;
-          border: 1px solid #ddd !important;
-          padding: 3px 4px !important;
-          font-size: 8px !important;
-          line-height: 1.2 !important;
+          border: 1px solid #333 !important;
+          padding: 8px !important;
+          font-size: 11px !important;
+          line-height: 1.3 !important;
           vertical-align: top !important;
         }
 
         .MuiTableHead-root .MuiTableCell-root {
-          padding: 4px 6px !important;
-          font-size: 9px !important;
+          background-color: #f5f5f5 !important;
+          padding: 8px !important;
+          font-size: 12px !important;
           font-weight: 600 !important;
-          position: static !important;
+          text-align: center !important;
         }
 
         .MuiTableCell-root .MuiTypography-h6 {
-          font-size: 9px !important;
-          margin: 1px 0 !important;
+          font-size: 12px !important;
+          margin: 2px 0 !important;
           font-weight: 600 !important;
         }
 
         .MuiTableCell-root .MuiTypography-body1,
         .MuiTableCell-root .MuiTypography-body2 {
-          font-size: 7px !important;
-          line-height: 1.2 !important;
-          margin: 0 !important;
+          font-size: 11px !important;
+          line-height: 1.3 !important;
+          margin: 1px 0 !important;
         }
 
         .MuiTextField-root {
           pointer-events: none !important;
-          margin: 0 !important;
+          margin: 2px 0 !important;
         }
 
         .MuiTextField-root input,
         .MuiTextField-root textarea {
-          font-size: 7px !important;
-          padding: 2px !important;
-          min-height: 18px !important;
+          font-size: 10px !important;
+          padding: 4px !important;
+          min-height: 20px !important;
         }
 
         .MuiIconButton-root {

From fee9825d2798d38cdd1a56aa2f6f464bb0cb7d86 Mon Sep 17 00:00:00 2001
From: CoolGame8 <kuli.kaduri@gmail.com>
Date: Mon, 1 Dec 2025 17:54:07 +0200
Subject: [PATCH 14/14] good size but its being cut done and not centerd

---
 .../tools/rubrics/components/rubric-print-styles.tsx   | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
index da1f1f172..34be70960 100644
--- a/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
+++ b/apps/portal/src/app/[locale]/tools/rubrics/components/rubric-print-styles.tsx
@@ -29,10 +29,12 @@ export const RubricPrintStyles = () => {
           width: 100% !important;
         }
         .MuiTable-root {
-          position: absolute !important;
-          left: 55% !important;
-          width: 43% !important;
-          right: 2% !important;
+          position: relative !important;
+          left: 0 !important;
+          right: 0 !important;
+          width: 80% !important;
+          margin-left: 10% !important;
+          margin-right: 10% !important;
         }
 
         .MuiTable-root .MuiTableCell-root {