.staff-credential-workspace { display: grid; gap: 20px; min-width: 0; }
.staff-credential-search { display: grid; gap: 6px; max-width: 760px; margin-top: 16px; }
.staff-credential-search-controls { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 12px; align-items: center; }
.staff-credential-search-controls > * { min-width: 0; }
.staff-credential-heading { display: flex; align-items: baseline; gap: 8px; margin-bottom: 12px; }
.staff-credential-facts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin: 16px 0; }
.staff-credential-facts > div { min-width: 0; }
.staff-credential-facts dt { color: #807575; font-size: 13px; }
.staff-credential-facts dd { margin: 4px 0 0; overflow-wrap: anywhere; }
.staff-credential-form, .staff-credential-result { display: grid; gap: 16px; max-width: 760px; margin-top: 24px; }
.staff-credential-actions { display: flex; justify-content: flex-end; }
.staff-credential-secret { display: flex; align-items: center; flex-wrap: wrap; gap: 16px; }
.staff-credential-secret code { overflow-wrap: anywhere; font-size: 18px; }
@media (max-width: 700px) {
  .staff-credential-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .staff-credential-actions { justify-content: flex-start; }
}