Merge ticket/145-lanes-from-db

backend/internal/web/static/admin.css

@@ -191,6 +191,29 @@
 }
 
 /* A single grid keeps row rules continuous; cell padding supplies gutters. */
+.admin-sheet .sechead {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 20px;
+  flex-wrap: wrap;
+}
+
+.admin-sheet .sechead .statusline {
+  padding: 0 0 8px;
+  font-size: 11px;
+  letter-spacing: .14em;
+  text-transform: uppercase;
+}
+
+.admin-sheet .statusline {
+  margin: 0;
+  padding: 0 0 10px;
+  font: 500 12px/1 var(--font-mono);
+  letter-spacing: .04em;
+  color: var(--mute-2);
+}
+
 .admin-sheet .tbl {
   display: grid;
   grid-template-columns: minmax(240px, 1fr) 156px 92px 110px 76px minmax(150px, 220px) 140px;
@@ -317,6 +340,23 @@
   color: var(--mute-2);
 }
 
+.admin-sheet .mark.mark-strong {
+  font-size: 13px;
+  letter-spacing: .14em;
+  color: var(--patina);
+}
+
+.admin-sheet .mark.mark-strong::before {
+  content: "";
+  display: inline-block;
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+  background: var(--patina);
+  margin-right: 8px;
+  vertical-align: .08em;
+}
+
 .admin-sheet .mark.bad {
   color: var(--danger);
 }
@@ -343,6 +383,10 @@
   color: var(--danger);
 }
 
+.admin-sheet .tbl.lanes .c-skip .ok {
+  color: var(--patina);
+}
+
 .admin-sheet .tbl.sites .thead > *:nth-child(n+2):nth-child(-n+5),
 .admin-sheet .tbl.sites .trow > *:nth-child(n+2):nth-child(-n+5) {
   padding-right: 0;