.approval-key-overview .approval-enrollment-status { display: grid; gap: 5px; min-width: 0; margin: 9px 0 10px; }
.approval-key-overview .approval-enrollment-status-line { display: flex; flex-wrap: wrap; align-items: center; gap: 5px 7px; min-width: 0; }
.approval-key-overview .approval-enrollment-badge { display: inline-block; max-width: 100%; padding: 3px 7px; border: 1px solid transparent; border-radius: 5px; font-size: 12px; font-weight: 600; line-height: 1.5; overflow-wrap: anywhere; }
.approval-key-overview .approval-enrollment-badge.departed { color: #ac3f39; border-color: #efcdcb; background: #fff0ef; }
.approval-key-overview .approval-enrollment-badge.enrolled { color: #347451; border-color: #cbe4d4; background: #edf7f0; }
.approval-key-overview .approval-enrollment-badge.unknown { color: #687a93; border-color: #dfe5ee; background: #f0f3f8; }
.approval-key-overview .approval-enrollment-check { color: #996a2a; font-size: 11px; font-weight: 500; line-height: 1.5; overflow-wrap: anywhere; }
.approval-key-overview .approval-enrollment-identity-line { display: flex; flex-wrap: wrap; align-items: baseline; gap: 3px 10px; min-width: 0; color: #687a93; font-size: 11px; line-height: 1.6; }
.approval-key-overview .approval-enrollment-identity-line > span { min-width: 0; overflow-wrap: anywhere; }
.approval-key-overview .approval-enrollment-identity-line strong { color: #506680; font-size: 11px; font-weight: 600; }
.approval-key-overview .approval-enrollment-identity-line small { color: #ac514b; font-size: 11px; font-weight: 400; }

@media (max-width: 560px) {
  .approval-key-overview .approval-enrollment-status { gap: 6px; }
  .approval-key-overview .approval-enrollment-identity-line { gap: 3px 8px; }
}