.login-device-list { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr)); gap: 16px; list-style: none; margin: 0; padding: 0; }
.login-device-list > .card { margin: 0; min-width: 0; }
.login-device-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 16px; }
.login-device-facts dt { color: var(--tblr-secondary); font-size: 12px; font-weight: 400; }
.login-device-facts dd { margin: 3px 0 0; font-size: 13px; overflow-wrap: anywhere; }
.login-device-agent { overflow-wrap: anywhere; }
.account-login-devices .card-footer .btn { min-height: 44px; }
.login-device-confirm-actions { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
@media (max-width: 600px) {
  .account-login-devices { min-width: 0; overflow-wrap: anywhere; }
  .login-device-list { grid-template-columns: minmax(0, 1fr); gap: 12px; }
  .login-device-list .card-body { padding: 16px; }
  .login-device-facts { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .login-device-facts > div { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 8px; align-items: baseline; }
  .login-device-facts dd { margin: 0; }
  .login-device-agent summary { min-height: 44px; padding-block: 12px; }
  .account-login-devices .card-footer .btn { width: 100%; }
}