Visitor sign in kiosk: multi-site, badge printing, WWCC expiry warnings, admin accounts with 2FA

public/css/admin.css

@@ -11,6 +11,10 @@
 
 * { box-sizing: border-box; }
 
+/* Author display rules beat the browser's [hidden] { display: none }, and several
+   elements here are toggled with that attribute. */
+[hidden] { display: none !important; }
+
 body {
   margin: 0;
   background: var(--paper);
@@ -301,8 +305,9 @@ tr.row-bad td { background: #fdf0f2; }
 
 .photo-frame {
   position: relative;
-  width: 148px;
-  aspect-ratio: 4 / 3;
+  width: 152px;
+  /* Square, to match the kiosk camera and the frame printed on the badge. */
+  aspect-ratio: 1 / 1;
   margin-bottom: 12px;
   background: #eef1f4;
   border: 1px solid var(--rule);
@@ -317,8 +322,8 @@ tr.row-bad td { background: #fdf0f2; }
   height: 100%;
   object-fit: cover;
   display: block;
-  transform: scaleX(-1);
 }
+.photo-frame video { transform: scaleX(-1); }
 .photo-empty { margin: 0; padding: 0 10px; color: var(--muted); font-size: 13px; text-align: center; }
 
 .photo-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 12px; }