Fix project comparison consistency and labor input handling

templates/base.html

@@ -390,6 +390,72 @@
             stroke: #a93a3a;
         }
 
+        .modal-backdrop {
+            position: fixed;
+            inset: 0;
+            display: none;
+            align-items: center;
+            justify-content: center;
+            padding: 20px;
+            background: rgba(20, 33, 47, 0.5);
+            z-index: 10000;
+            isolation: isolate;
+        }
+
+        .modal-backdrop.open,
+        .modal-backdrop.is-open {
+            display: flex;
+        }
+
+        .modal-card,
+        .related-modal-card {
+            position: relative;
+            z-index: 1;
+            background: #ffffff;
+            border: 1px solid var(--line);
+            box-shadow: 0 24px 64px rgba(21, 24, 29, 0.18);
+        }
+
+        .related-modal-card {
+            width: min(680px, 100%);
+            max-height: min(70vh, 760px);
+            overflow: hidden;
+            border-radius: 16px;
+            padding: 14px;
+            display: flex;
+            flex-direction: column;
+            gap: 12px;
+        }
+
+        .related-modal-head {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            gap: 12px;
+            flex-wrap: wrap;
+        }
+
+        .related-modal-head--singleline {
+            flex-wrap: nowrap;
+            align-items: center;
+            justify-content: space-between;
+        }
+
+        .related-modal-title {
+            margin: 0;
+            font-size: 16px;
+            font-weight: 800;
+            line-height: 1.2;
+        }
+
+        .related-modal-body {
+            display: grid;
+            gap: 10px;
+            overflow: auto;
+            min-height: 0;
+            overscroll-behavior: contain;
+        }
+
         .sr-only {
             position: absolute;
             width: 1px;
@@ -799,7 +865,7 @@
         }
 
         function hasOpenModal() {
-            return Boolean(document.querySelector(".modal-backdrop.open"));
+            return Boolean(document.querySelector(".modal-backdrop.open, .modal-backdrop.is-open"));
         }
 
         function shouldDelayRefresh() {