Add secure public driver training profiles

src/styles.css

@@ -447,6 +447,49 @@ body {
   text-transform: uppercase;
 }
 
+.training-club-table tr.is-selected td {
+  background: color-mix(in srgb, var(--accent) 8%, transparent);
+}
+
+.training-club-driver {
+  padding: 0;
+  border: 0;
+  background: transparent;
+  color: var(--text);
+  cursor: pointer;
+  font: inherit;
+  font-weight: 700;
+}
+
+.training-club-driver:hover {
+  color: color-mix(in srgb, var(--accent) 65%, var(--text) 35%);
+  text-decoration: underline;
+}
+
+.training-share-body {
+  display: grid;
+  grid-template-columns: minmax(240px, 0.8fr) minmax(320px, 1.2fr);
+  align-items: end;
+  gap: 16px;
+}
+
+.training-share-body p {
+  margin: 0;
+  color: var(--muted);
+}
+
+.training-share-url {
+  display: grid;
+  grid-column: 2;
+  gap: 6px;
+  color: var(--muted);
+  font-size: 0.82rem;
+}
+
+.training-share-body > .actions {
+  grid-column: 2;
+}
+
 .training-layout {
   display: grid;
   grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
@@ -2466,6 +2509,15 @@ select:focus {
     border-bottom: 0;
   }
 
+  .training-share-body {
+    grid-template-columns: 1fr;
+  }
+
+  .training-share-url,
+  .training-share-body > .actions {
+    grid-column: auto;
+  }
+
   .field-card-checkbox {
     grid-column: span 1;
   }