Add race setup status badges and summary warnings

src/styles.css

@@ -372,6 +372,13 @@ body {
   gap: 6px;
 }
 
+.manage-step-head {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 10px;
+}
+
 .wizard-step span {
   width: 26px;
   height: 26px;
@@ -404,6 +411,46 @@ body {
   line-height: 1.45;
 }
 
+.status-chip {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-width: 82px;
+  padding: 4px 8px;
+  border-radius: 999px;
+  font-size: 0.72rem;
+  font-weight: 700;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  border: 1px solid var(--line);
+}
+
+.status-chip-complete {
+  background: rgba(46, 204, 113, 0.12);
+  border-color: rgba(46, 204, 113, 0.35);
+  color: #9ef0bf;
+}
+
+.status-chip-pending {
+  background: rgba(136, 149, 178, 0.12);
+  border-color: rgba(136, 149, 178, 0.28);
+  color: #c9d3e8;
+}
+
+.status-chip-attention {
+  background: rgba(245, 166, 35, 0.12);
+  border-color: rgba(245, 166, 35, 0.34);
+  color: #ffd391;
+}
+
+.manage-step-card-complete {
+  border-color: rgba(46, 204, 113, 0.22);
+}
+
+.manage-step-card-attention {
+  border-color: rgba(245, 166, 35, 0.28);
+}
+
 .race-wizard-footer {
   display: flex;
   justify-content: space-between;
@@ -524,6 +571,26 @@ body {
   gap: 10px;
 }
 
+.race-summary-warnings {
+  display: grid;
+  gap: 8px;
+  padding: 12px;
+  border: 1px solid rgba(245, 166, 35, 0.34);
+  border-radius: 12px;
+  background: rgba(245, 166, 35, 0.08);
+}
+
+.race-summary-warnings strong {
+  font-size: 0.86rem;
+}
+
+.race-summary-warnings ul {
+  margin: 0;
+  padding-left: 18px;
+  display: grid;
+  gap: 6px;
+}
+
 .panel-header-inline {
   padding: 0;
   border: 0;