.identity-enrollment-grid {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 16px;
  margin: 18px 0;
}
.identity-qr-card {
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 9px;
  padding: 16px;
  border: 1px solid #beddf5;
  background: #fff;
  border-radius: 14px;
  text-align: center;
}
.identity-qr-card small { justify-self: start; color: #648098; font-size: 10px; }
.identity-qr-card img {
  display: block;
  width: 188px;
  height: 188px;
  padding: 6px;
  border: 1px solid #e4edf5;
  border-radius: 10px;
  background: #fff;
}
.identity-qr-card strong { font-size: 12px; color: #153a57; }
.identity-enrollment-grid .identity-secret { align-content: center; }
.identity-enrollment-grid .identity-secret .button { justify-self: start; margin-top: 6px; }
.identity-clock-note {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  padding: 13px 15px;
  border: 1px solid #f0d39a;
  background: #fffaf0;
  border-radius: 12px;
  color: #6f5a2d;
}
.identity-clock-note > span { font-size: 20px; color: #db9419; }
.identity-clock-note p { margin: 0; font-size: 12px; line-height: 1.5; }
.identity-clock-note strong { display: block; color: #4b3d20; }
.session-client { font-weight: 700; color: #173a55; }
@media (max-width: 760px) {
  .identity-enrollment-grid { grid-template-columns: 1fr; }
  .identity-qr-card img { width: 210px; height: 210px; }
}