Remove warnings from Live Report

- Remove isFieldMissing logic and warning badges entirely from the live report
- Clean up warning-card and warning-badge CSS (including dark mode variants)
- Remove unused --warning CSS variables
- Live Report cards are now always clean/neutral

Author: wingedwit

app.js

@@ -187,41 +187,15 @@ const getReportCardClass = (label) => {
     return `report-card ${label.toLowerCase().replace(/\s+/g, '-')}-card${wideClass}`;
 };
 
-const isFieldMissing = (label, state) => {
-    switch (label) {
-        case 'Topic':
-            return !state.topic || !state.topic.trim();
-        case 'Type':
-            return !state.type;
-        case 'Presenter':
-            return state.type !== 'Practical' && !state.presenter;
-        case 'Senior Resident':
-            return !state.seniorResident;
-        case 'Moderator':
-            return !state.moderator;
-        case 'Resident Present':
-            return !state.residentsPresent || state.residentsPresent.length === 0;
-        default:
-            return false;
-    }
-};
-
 const initializeReportDOM = () => {
     liveReport.innerHTML = `
         <div class="report-block">
             ${getReportRows(state).map(([label, value]) => {
-                const isMissing = isFieldMissing(label, state);
-                const cardClass = getReportCardClass(label) + (isMissing ? ' warning-card' : '');
+                const cardClass = getReportCardClass(label);
                 return `
                     <div id="card-${label.toLowerCase().replace(/\s+/g, '-')}" class="${cardClass}">
                         <div class="report-card-header">
                             <p class="report-label">${escapeHtml(label)}</p>
-                            <span class="warning-badge ${isMissing ? '' : 'hidden'}">
-                                <svg class="warning-icon" viewBox="0 0 20 20" fill="currentColor" aria-hidden="true">
-                                    <path fill-rule="evenodd" d="M8.257 3.099c.765-1.36 2.722-1.36 3.486 0l5.58 9.92c.75 1.334-.213 2.98-1.742 2.98H4.42c-1.53 0-2.493-1.646-1.743-2.98l5.58-9.92zM11 13a1 1 0 11-2 0 1 1 0 012 0zm-1-8a1 1 0 00-1 1v3a1 1 0 002 0V6a1 1 0 00-1-1z" clip-rule="evenodd" />
-                                </svg>
-                                Missing
-                            </span>
                         </div>
                         <p class="report-value">${escapeHtml(value)}</p>
                     </div>
@@ -252,13 +226,6 @@ const renderReport = () => {
                     card.classList.add('flash');
                 }
             }
-
-            const isMissing = isFieldMissing(label, state);
-            card.classList.toggle('warning-card', isMissing);
-            const badge = card.querySelector('.warning-badge');
-            if (badge) {
-                badge.classList.toggle('hidden', !isMissing);
-            }
         }
     });
 };

styles.css

@@ -22,8 +22,6 @@
     --border-strong: rgba(23, 64, 129, 0.3);
     --shadow: 0 16px 36px rgba(23, 64, 129, 0.1);
     --control-shadow: 0 10px 24px rgba(23, 64, 129, 0.08);
-    --warning: #b45309;
-    --warning-soft: rgba(217, 119, 6, 0.14);
 }
 
 .dark {
@@ -50,8 +48,6 @@
     --border-strong: rgba(132, 151, 184, 0.5);
     --shadow: 0 12px 24px rgba(0,0,0,0.38);
     --control-shadow: 0 8px 18px rgba(0,0,0,0.34);
-    --warning: #f59e0b;
-    --warning-soft: rgba(245, 158, 11, 0.12);
 }
 
 * {
@@ -719,47 +715,6 @@ select.form-input-m3 {
     gap: 0.5rem;
 }
 
-.warning-badge {
-    display: inline-flex;
-    align-items: center;
-    gap: 0.25rem;
-    background-color: var(--warning-soft);
-    color: var(--warning);
-    border: 1px solid rgba(217, 119, 6, 0.24);
-    padding: 0.15rem 0.45rem;
-    border-radius: 0.5rem;
-    font-size: 0.68rem;
-    font-weight: 800;
-    text-transform: uppercase;
-    letter-spacing: 0.02em;
-    line-height: 1;
-}
-
-.dark .warning-badge {
-    border-color: rgba(245, 158, 11, 0.24);
-}
-
-.warning-icon {
-    width: 0.85rem;
-    height: 0.85rem;
-    color: var(--warning);
-    flex-shrink: 0;
-}
-
-.report-card.warning-card {
-    border-color: rgba(217, 119, 6, 0.35);
-    box-shadow: 0 4px 6px -1px rgba(217, 119, 6, 0.02), 
-                0 10px 24px -3px rgba(217, 119, 6, 0.03),
-                0 0 0 1px rgba(217, 119, 6, 0.25);
-}
-
-.dark .report-card.warning-card {
-    border-color: rgba(245, 158, 11, 0.35);
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), 
-                0 12px 28px -3px rgba(0, 0, 0, 0.35),
-                0 0 0 1px rgba(245, 158, 11, 0.2);
-}
-
 .report-label {
     margin: 0;
     color: var(--muted);